/*Genel*/

.P5 { padding:5px; }
.P10 { padding:10px; }
.M10 { margin:10px; }
.clsClient { width:100% !important; }

body {font-family:Calibri; }
body, .x-column-header, .x-form-item-label-default {font-family:Calibri !important;}
.x-body {background-image:linear-gradient(-45deg, #dcdcdc, #ffffff,#d2d2d2, #dcdcdc,#ffffff, #c7c7c7) !important;}
.x-btn-default-small {border-radius: 3px;margin: 1px 1px 1px 1px;}
body.x-border-layout-ct,
div.x-border-layout-ct,
.x-treelist-toolstrip,
.x-panel-default-outer-border-trbl { border:none !important; }
.x-keyboard-mode .x-tab-default-top.x-tab-focus,
.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before { border:none; }
.x-btn-default-small .x-btn-inner { font-family:Calibri !important; }
.x-btn-wrap-default-small.x-btn-split-right:after { padding-right:10px; text-shadow: 1px 1px 3px #000; }
.x-btn-inner-default-toolbar-small { padding:0 10px; }
.x-btn-default-toolbar-small { position:static !important; float:left; margin:0 5px !important; }
.x-form-cb { position:static !important; float:left; /* margin-left:5%; */ }
.x-form-cb-label-default.x-form-cb-label-after { margin-top:3px !important; }
.x-form-item.x-form-item-no-label > .x-form-item-label { display:none !important; }
.x-form-item-default.x-item-disabled { opacity: 0.4; }
.x-form-item-default.x-item-disabled input { font-style:italic !important; }
.x-form-trigger-default { transition:0.3s;  }
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus{ outline:none !important;  }
.x-form-item-label-default { padding-top:0px;  }
.x-form-item-label-inner-default { width:100% !important; display:table-cell; vertical-align:middle; height:25px;}
.x-form-item-body-default { min-height:25px !important; }
.x-form-trigger-default {border-left: 1px solid;font: 16px/25px 'Font Awesome 5 Free';padding: 0px 10px 0px 10px; vertical-align:0; }
.x-form-item-label-default { font: 300 12px/12px Calibri; }
.x-boundlist-item { font:normal 13px Calibri; }
.x-box-scroller-tab-bar-default.x-box-scroller-left, .x-box-scroller-tab-bar-default.x-box-scroller-right {width: 24px;height: 25px;top: 5px;margin-top: 0 !important;}
.x-box-scroller-tab-bar-default {opacity:1;}
.x-form-text-default {font: normal 13px Calibri !important;}
.swal2-modal .swal2-title { font-size:15px; } 
.swal2-icon { margin:0 auto 20px; }
.swal2-icon.swal2-success .fix,
.swal2-icon.swal2-success::after, .swal2-icon.swal2-success::before { background:none; }
.x-mask-msg {border-radius: 10px; padding:30px;}
.x-mask-msg-text { padding:40px 0 0; background-image: url(../../files/images/L1.gif) !important; background-size: 30px; }
/*.x-btn-inner-default-small {text-shadow: 1px 1px 3px #000;}*/
.x-btn-default-small .x-btn-inner {min-height: 25px;line-height:25px;font-weight: 600;}
.x-mask.x-focus{border:none !important;}
.x-btn-wrap-default-small.x-btn-split-right > .x-btn-button:after { border:none; }
.x-boundlist-item { padding:5px; }
.x-css-shadow { box-shadow:none !important; } 
.x-panel-header-default-horizontal { padding:2px; }
.x-keyboard-mode .x-grid-cell-inner-action-col :focus { outline:none !important; }
.x-window-default {border: none !important;}
.x-window-header-default-top {border:none !important; }
.x-window-header-default .x-tool-img { background:none !important; }
.dateError{ font-size:9px; position:absolute; z-index:999; top:1px; left:1px; }
.x-boundlist, .x-menu-item { border-color: 1px solid !important;}
.x-boundlist-item, .x-menu-item-default {/* border:1px solid ; */}
.x-menu-item-default.x-menu-item-separator {border:none !important;}
.x-panel-header-title-default {font: bold 14px Calibri;}
.x-mask {position: fixed !important;}
.x-tree-panel {position: static!important}
.x-tab-bar-horizontal > .x-tab-bar-body-default {
    min-height: 34px !important;
}
/* Grid*/
.x-grid-body { border-width:1px !important; }
.clsBtUniDBGrid.clsBtYatayGrid{ display:block; width:100% !important; position:static !important; } 
.clsBtUniDBGrid .clsBtYatayGrid .x-grid-body, .x-grid-view, .x-grid-header-ct {top:auto !important;width:100% !important;position:static !important;}
.clsBtUniDBGrid .clsBtYatayGrid .x-toolbar-default { width:100% !important; position:static !important; }
.clsBtUniDBGrid .x-grid-item {font: 300 13px/19px Calibri !important;}
.clsBtUniDBGrid td {vertical-align:middle;}
.clsBtUniDBGrid .x-grid-row-summary td { font:bold 12px Calibri; }
.clsBtUniDBGrid .x-form-text-default{ height:25px; min-height:25px !important; transition:0.3s; }
.clsBtUniDBGrid .x-panel-body-default, 
.clsBtUniDBGrid .x-toolbar-default{ position:static !important; top:auto !important; width:100% !important;  }
.clsBtUniDBGrid .x-docked { position:static !important;  }
.clsBtUniDBGrid .x-column-header-inner { padding: 3px 5px 3px; }
.clsBtUniDBGrid .x-tool {position: static !important;float: right;margin-right: 15px !important;}
.clsBtUniDBGrid .x-grid-row-collapsed .x-grid-row-expander:before {content: '\f0fe';}
.clsBtUniDBGrid .x-grid-row-expander:before { content: '\f146'; }
.clsBtUniDBGrid img { cursor:/*url('../images/zoom.png'), auto*/ pointer; }
.clsBtUniDBGrid .x-column-header {font-weight:bold;border-bottom:2px solid}
.clsBtUniDBGrid .x-grid-cell-inner-row-numberer,
.clsBtUniDBGrid .x-grid-cell-inner-row-expander{font-weight:bold;}
.pictos-clsBtRehberSec:before { content: '\f0a9';  font: 25px/13px 'Font Awesome 5 Free';display:none; }
.x-grid-item-selected .pictos-clsBtRehberSec:before { display:block; }
.clsBtUniDBGrid.clsBtDikeyGrid{position:static !important;} 
.clsBtUniDBGrid .x-panel-bodyWrap {padding:0 !important}
.clsBtUniDBGrid.x-panel-default {overflow:hidden !important;}
/*Panel*/
.clsBtUniPanel .x-panel-default-outer-border-trbl {  background:none; border:none; }
.clsBtUniPanel .x-form-text-field-body-default {max-width:none!important;}
.clsBtUniPanel .x-form-item-label,
.clsBtUniPanel  .x-form-item-body,
.clsBtUniPanel  .x-form-item-label-top {width:100% !important;float:none !important;display:table-caption;min-width:auto !important;}
.clsBtUniPanel .x-form-cb-label-default.x-form-cb-label-after { padding-left:5px; }
.clsBtUniPanel.x-panel-default{overflow:visible !important;/* height:auto !important;*/ /* top:auto !important; *//*padding: 5px 0px 5px 0px; Seyit - Yükseklikler için*/} 
.clsKioskOpr .clsBtUniPanel.x-panel-default{overflow:visible !important; height:auto !important; /*top:auto !important;*//*padding: 5px 0px 5px 0px; Seyit - Yükseklikler için*/} 
.clsBtUniPanel.clsBtOrderSide .x-panel-body-default { overflow:auto; overflow-x:hidden; }
.clsBtUniPanel .x-mask { display:none !important; }
.clsBtUniPanel .x-panel-header-default-horizontal { position: static !important; width:100% !important; }
.clsBtUniPanel .x-panel-body { /*top:auto !important;*/ }
.clsBtOrderTab .clsBtUniEdit,
.clsBtOrderTab .clsBtUniCombo,
.clsBtOrderTab .clsBtUniMemo,
.clsBtOrderTab .clsBtUniBtn,
.clsBtOrderTab .clsBtUniCheck,
.clsBtOrderTab .clsBtRadioGrup,
.clsBtOrderTab .clsBtUniMemo {float:left;position:static !important;margin:0.5px;height:auto !important;}
.clsBtOrderTab .clsBtUniBtn{ margin-top:35px; }


/* .clsBtOrderTab { padding-bottom:5px; } */ 
.clsBtOrderTab, 
.clsBtOrderSide{ height:auto!important; position:static!important;   }
.clsBtOrderTab { float:none; }
.clsBtOrderTab .x-form-item-label-default ,
.clsBtOrderTab .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner{padding:0 !important;}
.clsBtOrderTab .x-form-item-label-inner-default { height:auto; }
.clsBtOrderTab .x-form-item-label-default {min-height: 0px !important;overflow: hidden;height: 15px;} 
.clsBtOrderNone { position:static !important; }
.clsBtOrderNone .clsBtUniMemo { position:static !important; top:auto !important; float:none !important; }
.clsBtOrderNone label {position:static !important;top:auto !important;float:none !important;/* display:block !important; */}
.clsBtOrderSide { float:left; }
.clsBtOrderSide .clsBtUniEdit, 
.clsBtOrderSide .clsBtUniCombo,
.clsBtOrderSide .clsBtUniMemo,
.clsBtOrderSide .clsBtUniBtn,
.clsBtOrderSide .clsBtUniCheck,
.clsBtOrderSide .clsBtUniMemo,
.clsBtOrderSide .clsBtRadioGrup,
.clsBtOrderSide .clsBtUniCheckedCombo{ float:none; position:static !important; width:97% !important; margin-left:1%; margin-top:1px; height:auto !important;  }
.clsBtOrderSide .x-form-item-label-default { float:left !important; width:30% !important; padding-right:0!important; padding-left:2%; }
.clsBtOrderSide .clsBtUniCheck .x-form-item-label-default { float:left !important; width:65% !important; padding-right:0!important; padding-left:2%; }
.clsBtOrderSide .col-full .x-form-item-label-default { float:left !important; width:17.5% !important; padding-right:0px!important; padding-left:1%; }
.clsBtOrderSide .x-form-text-field-body-default { float:right !important; width:65% !important; max-width:auto; min-width:auto !important;   }
.clsBtOrderSide .clsBtUniGDBtn{ float:right; position:static !important; margin-right:5%; margin-top:10px; }
.clsBtOrderSide .clsBtUniMemo .x-form-text-default{ min-height:75px !important; height:75px !important; }
.clsBtOrderSide .x-form-item-label-default {min-height: 0px !important;}
.clsBtOrderSide .clsBtLblHeader { position:static !important; float:none !important; width:95%; display:block; margin-left:3%; }
.clsBtOrderSide .row {width: 100% !important; float:none; display:block; position:static !important; clear:both; height:auto !important; }  
.clsBtOrderSide .col-left, 
.clsBtOrderSide .col-right{width: 50% !important; float:left !important; position:static !important; display:flex; }  
.clsBtOrderSide .col-full{width: 98% !important; float:left !important; position:static !important; display:flex; }  
.clsBtOrderSide .col-right{width: 48% !important;} 
.clsBtOrderSide .col-left .x-form-text-field-body-default { width:66% !important; }
.clsBtOrderSide .col-right .x-form-text-field-body-default { width:100% !important; }
.clsBtOrderSide .col-full .x-form-text-field-body-default { width:100% !important; }
.clsBtOrderSide .col-right label { display:none; } 
.clsBtOrderTab .x-panel-bodyWrap {padding-top:5px;}
.clsBtOrderTab input[type="date" i] { padding:0 !important; }
.clsBtOrderTab .x-panel-body {height: auto !important;}

/*Check*/
.clsBtUniCheck .x-form-cb-label-default {font: 300 12px/12px Calibri;}
.clsBtUniCheck .x-form-cb-default {margin-top:0px;margin-left: 18px;}
.clsBtUniCheck .x-form-cb-wrap-default { height:auto; }
.x-form-cb-wrap-default { width:auto !important; display:block !important; }
.x-fieldset .x-fieldset-body { height:30px !important; }
.clsBtRadioGrup.x-fieldset .x-fieldset-body { height:auto !important; }
/*MainPage*/
/*.clsMainTab .x-panel-default { height:100%; overflow:auto; overflow-x:hidden; }*/
.clsMainTab .x-panel-bodyWrap {overflow:visible !important;}  
.clsMainTab .x-panel-bodyWrap .x-panel-bodyWrap { overflow:hidden; }  
.clsMainTab .x-panel-bodyWrap .x-panel-bodyWrap {height:auto;}
.clsMainTab .x-panel-body {background-image: url(../images/bgLogo.png);background-repeat:no-repeat;background-position: 50% 50%;background-blend-mode: exclusion;}
.clsMainTab .x-panel-body .x-panel-body {background-image:none !important; top:0px !important}
.clsMainTab .x-tab-default {padding:5px 15px 5px 15px;border-top-left-radius:3px 3px;border-top-right-radius:3px 3px;}
.clsMainTab .x-panel .x-panel .x-tab-default {padding:2px 7px 2px 7px;  }
.clsMainTab .x-panel .x-tab-inner.x-tab-inner-default:before { content:'\f2d2'; font: 12px 'Font Awesome 5 Free'; margin-right:5px; }
.clsMainTab .x-panel .x-panel .x-tab-inner.x-tab-inner-default:before { display:none; content:none; }
.clsMainTab .x-panel-default-outer-border-trbl{height:auto!important;position:static!important;}
.clsLblBildirim,.clsLblSirket,.clsLblKullanici{padding-left:5px; font-size:12px !important; }
.clsLblBildirim:before,.clsLblSirket:before,.clsLblKullanici:before{font: 16px/25px 'Font Awesome 5 Free';}
.clsLblKullanici .x-btn-wrap-default-large.x-btn-split-right:after { content:'\f2bd'; z-index:9; }
.clsLblSirket:before{ content:'\f1c0'; margin-right:5px; }
.clsLblBildirim:before{ content:'\f0f3'; margin-right:5px; }
.clsLblKullanici { width:auto !important; float:right; position:static !important; }
.clsLblKullanici .x-btn-wrap { width:90%; }
.clsMainForm { transition:1s; }
.clsUstLogo .x-autocontainer-innerCt { background:url('../images/logo.png') no-repeat;background-size: 60%;background-position: 50% 50%;}
.x-treelist-item { cursor:pointer; }
.x-treelist-item-text,
.x-treelist-item-icon { float:left; display:block; position:static !important; }
.x-treelist-item-icon {width: 22px !important;height: 22px !important;}
.x-treelist-item-icon:before { width:20px; text-align:center; }
.x-treelist-item-icon:before{ font: 15px/30px 'Font Awesome 5 Free'; margin-right:5px; display:block; float:left; }
ul li .x-treelist-item-icon:before{content:'\f00b';}
ul li ul li .x-treelist-item-icon { font-size:12px !important; }
ul li ul li .x-treelist-item-icon:before{ content:'\f2d2'; font-size:14px !important;  }
ul li ul li ul li .x-treelist-item-icon { font-size:11px !important; }
ul li ul li ul li .x-treelist-item-icon:before{ content:'\f2d2'; font-size:12px !important;  }
ul li ul li ul li .x-treelist-item-text { font-size:11px; }
.x-treelist-item-text { width:80% !important; margin-left:5px !important; margin-right:5px !important; }
.x-treelist-item-icon.fa-clsMenuCari:before{ content:'\f2bb';}
.x-treelist-item-icon.fa-clsMenuStok:before{ content:'\f187';} 
.x-treelist-item-icon.fa-clsMenuFatura:before{ content:'\f15c';} 
.clsNavPanel .x-treelist-item-text { margin-left:2px !important; margin-right:2px !important; }
.clsNavPanel .x-treelist-row-over { transition:0.5s; }
.clsBtnNav {font: 16px/25px 'Font Awesome 5 Free';text-align: center;border: none !important;position: static !important;float: left;height: 50px !important;padding: 12px 9px 9px 9px;}
.clsBtnNav:before{ content:'\f0c9'; }
.clsUstLogo .x-autocontainer-innerCt { background:url('../images/logo.png') no-repeat;background-size: 60%;background-position: 50% 50%;}

.clsUrunListTree ul li ul li .x-treelist-item-icon:before{ content:'\f022'; }
.clsUrunListTree ul li ul li ul li .x-treelist-item-icon:before{ content:'\f029'; }
.clsUrunListTree ul li ul li ul li ul li .x-treelist-item-icon:before{ content:'\f249'; }


/*Button*/
.clsBtUniButton {border: 1px solid;/*margin-right: 5px;*/}
.clsBtUniButton {position:static !important;border-radius: 5px;}
.x-btn-disabled .x-btn-tooltip {display:none !important}
/* .clsBtOrderTab .clsBtUniButton { margin-top:17px; } */
/*Menu Button*/
.clsBtUniMenuBtn{position: static !important;border: 1px solid; margin-right: 5px;}

/*Document*/
.clsBtDoc { position:relative !important; width:100% !important; height:auto !important; /* margin: 5px !important; */ top:0!important; left:0!important; }
.clsBtDoc td{; font-size:12px !important; }
.clsBtDoc .x-panel-body-default .x-panel-body-default { width:95% !important; }
.clsBtDocPanel { position:static !important; width:100% !important; margin-top:5px; }
.clsBtDoc .x-form-text-field-body-default { width:100% !important; }
.clsBtDocBtn {font: 20px/20px 'Font Awesome 5 Free';/* font-size: 20px; */text-align:center;height:auto !important;float:left;position: static !important;margin-right:2px;width:11.5% !important;border: none;border-radius: 5px;}
.clsBtDocBtn span { display:none; }
.clsBtDocLabel { text-align:center; font-size:16px; line-height:35px; position:static !important; float:right; width:13% !important; }
.clsBtDocLblDisplay { position:static !important;font-size:12px !important; height:20px !important; display:block; }
.clsBtDoc .clsBtUniCombo{ width:100% !important; margin:0 !important; margin-bottom:5px; z-index:9; }
.clsBtDocGeri:before {content:'\f053'; }
.clsBtDocIleri:before {content:'\f054'; }
.clsBtDocSil:before {content:'\f1f8'; }
.clsBtDocYukle:before {content:'\f093'; }
.clsBtDocFull:before {content:'\f0b2'; }
.clsBtDocListe:before {content:'\f00b'; }
.clsBtDocAc:before {content:'\f019'; }
.clsBtDocSigdir:before {content:'\f00e'; }
.clsBtDocImg {position:relative !important;overflow:hidden;display: flex;justify-content: center;  }
.clsBtDocImg img {width:auto !important;height:100% !important;position:absolute;margin:0 auto; }

.clsBtDocIco { justify-content:center; vertical-align:middle; display:flex; align-items:center;  }
.clsBtDocIco img {width:auto !important;height: 100px !important;position:absolute;  }

.clsBtDocVideoPlayer { width:100% !important; height:90% !important; min-height:150px; background:#424242 !important; position:static !important; display:block; color:#fff; text-align:center; }
.clsBtDocVideoPlayer  video{ width:100% !important; max-height:100% !important; }
.clsBtDocVideoBtn { width:100%; position:static !important; background:#424242;  cursor:pointer; display:flex; align-items:center; justify-content:center;  }
.clsBtDocVideoBtn i:before{ content:'\f144'; font: 50px/50px 'Font Awesome 5 Free'; color:#f2f2f2; }
.clsBtDocVideoBtn:hover i:before{ color:#00838f; }

.clsBtDocDetay .clsBtDoc{ margin:5px; }
.clsBtDocDetay { background:none !important}
.x-treelist{ overflow:auto; padding-bottom: 70px !important; }

.clsZzUrunList .clsBtDocImg { padding-top:3%; border-radius:0px; }
.clsZzUrunList .clsBtDocImg img { height:95% !important; }
.clsZzUrunList .clsBtDocIco img { height:100px !important; }
.clsZzUrunList .clsBtUniCombo .x-form-text-default{ font-size:22px !important }
.x-boundlist-item { font-size:16px !important; }
.clsZzUrunList .clsBtDocPanel { margin:0px !important; }
.clsZzUrunList .clsBtDocLblDisplay { font-size:16px !important; }

/*LoginForm*/
.clsBtLoginForm{ border-radius:10px; border:5px solid !important;  }
.clsBtLoginForm .clsBtUniButton{ border-radius:10px; border:1px solid !important; top:auto !important; bottom:30px; right:37px !important; }
.clsBtLoginForm .clsBtUniButton {border:none; margin-top:10px; left:auto !important; }
.clsBtLoginForm .clsBtUniButton .x-btn-default-medium .x-btn-inner { font-weight:bold !important; font-size:18px !important; }
.clsBtLoginForm .x-form-item-label-default { font-weight:bold; }
.clsBtLoginForm .x-panel-default { border:none; }
.clsBtLoginForm .x-panel-body-default img { width:80%; height:auto; margin:15%; margin-top:30%; }
.clsBtLoginForm .clsBtUniPanel {margin-top:50px;margin-right:15px;position:relative;}
.clsBtLoginForm .clsBtUniEdit { margin-bottom:10px; width:90% !important; }
.clsBtLoginForm .clsBtUniCombo { margin-bottom:10px; width:90% !important; }
.clsBtLoginForm .clsBtUniEdit .x-form-trigger-wrap {overflow:hidden; }
.clsBtLoginForm .clsBtUniButton { position:absolute !important; }
.clsBtLoginForm .x-form-cb { margin-left:2%; }
.clsLoginLogo { position:static !important; height:50px !important; width:100% !important; margin:0 !important; text-align:center; }
.clsLoginLogo img{ height:100% !important; width:auto !important; margin:0 !important; }
.clsBtLoginForm { border-radius:0px; }
.x-window-body-default,
.clsBtLoginForm .x-panel-body-default,
.clsBtLoginForm, .clsBtLoginForm .clsBtUniPanel { background:none !important; }
.clsBtLoginForm .x-boundlist { border-radius:10px; }
.clsBtLoginForm .clsBtUniPanel { margin-top:0px; padding-top:0px; }
.clsBtLoginForm .x-form-text-field-body-default {  width:100% !important; border-radius:5px; }
.clsBtLoginForm .x-form-item-label-default { display:none;  }
.clsBtLoginForm { border:none !important; }
.clsBtLoginForm .clsBtUniCombo,
.clsBtLoginForm .clsBtUniEdit { width:97% !important; } 
.clsBtLoginForm .x-panel-body-default img { width: 40%; height: auto;  }
.clsBtLoginForm .clsBtUniButton { position:static !important; float:right; }
.clsBtLoginForm .x-window-body-default { top:auto !important; }
.clsBtLoginForm .x-form-cb { margin-left: 0px; }
/*.clsBtLoginForm .x-form-trigger-default { padding-top:5px; }*/
.clsBtLoginForm .x-form-trigger-wrap {border-radius: 5px;border: 1px solid; overflow:hidden;}
.clsBtLoginForm .clsBtUniEdit .x-form-text-default, 
.clsBtLoginForm .clsBtUniCombo .x-form-text-default, 
.clsBtLoginForm .clsBtUniCheckedCombo .x-form-text-default, 
.clsBtLoginForm .clsBtOrderTab .clsBtUniMemo .x-form-text-default, 
.clsBtLoginForm .clsBtUniDBGrid .x-form-text-default {height: 35px;min-height: 35px !important;}
.clsBtLoginForm .x-form-text-default { font: bold 16px Calibri !important;  }
.clsBtLoginForm .x-form-trigger-wrap-default.x-form-trigger-wrap-focus { border:1px solid !important; }
.clsBtLoginForm .clsBtUniButton {  border:1px solid !important; border-radius:25px; transition:0.3s; margin-right:5px; margin-bottom:10px; }
.clsVersiyon,.clsIPAdress {font:bold 11px Calibri !important;}
.clsVersiyon { bottom:0px; left:10px !important;  top:auto !important; }
.clsIPAdress { bottom:0px; right:20px;  top:auto !important;}
.clsLblSifremiUnuttum,.clsLblGeri{ float: left; margin-left: 5px; margin-top: 25px; position:static !important; }
.clsLoginImage img { display:none; }
.clsLoginImage { font: 100px 'Font Awesome 5 Free'; text-align:center; padding-top:0px; margin:20px 0px 20px 0px;  }
.clsLoginImage:before { content:'\f2bd';}
.clsLoginImage { width:100%; text-align:center; position:static !important; }

/*RadioGrup*/
.clsBtRadioGrup { padding:5px;}
.clsBtRadioGrup .x-fieldset .x-fieldset-body { height:auto !important; width:100% !important; }
.clsBtRadioGrup .x-form-item { display:block;  }
.clsBtRadioGrup .x-form-cb { margin:0px; }
.clsBtRadioGrup .x-form-radio-default {font: 15px/16px 'Font Awesome 5 Free';}
.clsBtRadioGrup .x-form-cb-label-default.x-form-cb-label-after { margin:0px !important; }

/*Ortak Yapılar*/
.clsBtUniMemo .x-form-item-body {display:table-cell !important;}
.clsBtUniEdit .x-form-text-default, 
.clsBtUniCombo .x-form-text-default,
.clsBtUniCheckedCombo .x-form-text-default,
.clsBtOrderTab .clsBtUniMemo .x-form-text-default,
.clsBtUniDBGrid .x-form-text-default
 { height:25px; min-height:35px !important; transition:0.3s; }
.clsBtUniEdit .x-form-text-default, 
.clsBtUniCombo .x-form-text-default,
.clsBtUniCheckedCombo .x-form-text-default,
.clsBtOrderTab .clsBtUniMemo .x-form-text-default,
.clsUserPanel { border:none !important; }
.clsUserPanel .x-panel-body-default { border:none !important; border-bottom:none !important;}
.clsBtPage {  position:static !important;  overflow:hidden;  }
.clsFRight { float:right !important; }
.clsFLeft { float:left !important; }
.clsNoPadding { padding:0px !important; }
.clsBtUniHtmlView iframe { height:100%; width:100%; border:none; }
.PnlSagBlok {z-index:999;position:absolute !important; left:auto !important; right:0px !important; top:0px; width:300px !important; height:100% !important;}

/*WidgetPage*/
.clsWidgetPage .x-btn-button-default-large { display:block; text-align:center;}
.clsWidgetPage .x-btn-button-default-large:before {font: 16px/25px 'Font Awesome 5 Free';content:'\f0c5'; font-size: 40px;margin: 35px 0px 25px 0px;display: block;}
.clsWidgetPage .clsBtUniButton {border: 1px solid #ccc; background-image: linear-gradient(45deg, #fbfbfb, #dadada); margin-left: 5px; }
.clsWidgetPage .clsBtUniButton .x-btn-inner-default-large {font-weight:bold; padding:0px; white-space: pre-wrap;}
.clsWidgetPage .clsBtLblHeader {margin-left: 1% !important;font: bold 16px/10px Calibri !important;border-bottom: 1px solid;width: 100% !important;margin:40px 0px 5px 0px;}
.clsWidgetPage .x-keyboard-mode .x-btn-focus.x-btn-default-large,
.clsWidgetPage .x-btn.x-btn-menu-active.x-btn-default-large,
.clsWidgetPage .x-btn.x-btn-pressed.x-btn-default-large {box-shadow:none;}

/*Icon Settings*/
.pictos-clsBtnSetWidth:before { content:'\f035'; font: 16px/18px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdRefresh:before { content:'\f021'; font: 13px 'Font Awesome 5 Free';  }
.pictos-clsBtnClearFilter:before { content:'\f0b0'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdExcel:before { content:'\f1c3'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdXML:before { content:'\f1c9'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnFatAlis:before { content:'\f3be'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnFatSatis:before { content:'\f3bf'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdAyarSakla:before { content:'\f0c7'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdAyarSil:before { content:'\f1f8'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnGrdSQLGoster:before { content:'\f120'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnPrint:before { content:'\f02f'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtnStokDetay:before { content:'\f00b'; font: 16px 'Font Awesome 5 Free';  }
.pictos-clsBtRehberSec:before{ content:'\f164'; font: 16px 'Font Awesome 5 Free';}
.clsrfRefresh:before { content:'\f021'; font-size:25px !important; }
.clsrfPost:before{ content:'\f058';}
.clsrfPost:hover:before{ content:'\f058'; }
.clsrfNew:before{ content:'\f055'; }
.clsrfNew:hover:before{ content:'\f055'; }
.clsrfDelete:before{ content:'\f056'; }
.clsrfDelete:hover:before{ content:'\f056';}
.clsrfSearch:before{ content:'\f002'; }
.clsrfGuide:before{ content:'\f002'; }
.clsrfGuideDisabled:before{ content:'\f002'; }
.clsrfSGuide:before{ content:'\f022'; }
.clsrfSGuideDisabled:before{ content:'\f022'; }
.clsrfMenu:before{ content:'\f0c9'; }
.clsrfAddNewRef:before{ content:'\f055'; }
.clsrfEdit:before{ content:'\f044'; }
.clsrfPost,
.clsrfNew,
.clsrfDelete,
.clsrfSearch,
.clsrfGuide,
.clsrfGuideDisabled,
.clsrfSGuide,
.clsrfSGuideDisabled,
.clsrfMenu{transition:0.3s;font: 25px/25px 'Font Awesome 5 Free';text-align:center;vertical-align: middle;}
.clsBtnCari .x-btn-button-default-large:before { content:'\f007'; }
.clsBtnAdres .x-btn-button-default-large:before { content:'\f041'; }
.clsBtnFirma .x-btn-button-default-large:before { content:'\f0c0'; }
.clsBtnBanka .x-btn-button-default-large:before { content:'\f09d'; }
.clsBtnAciklama .x-btn-button-default-large:before { content:'\f073'; }
.clsBtnAltCari .x-btn-button-default-large:before { content:'\f21b'; }
.clsBtnDil .x-btn-button-default-large:before { content:'\f1ab'; }
.clsBtnRapor .x-btn-inner:before {content:'\f144'; font: 22px/22px 'Font Awesome 5 Free' !important; margin-right:5px; float:left; display:inline-block; } 
.clsBtnOk .x-btn-inner:before {content:'\f058'; font: 22px/22px 'Font Awesome 5 Free' !important;  margin-right:5px; float:left; display:inline-block; } 
.clsBtnYeni .x-btn-inner:before {content:'\f055'; font: 22px/22px 'Font Awesome 5 Free' !important;  margin-right:5px; float:left; display:inline-block; } 
.clsBtnIptal .x-btn-inner:before {content:'\f056'; font: 22px/22px 'Font Awesome 5 Free' !important;  margin-right:5px; float:left; display:inline-block; } 
.clsBtnRapor .x-btn-inner,
.clsBtnOk .x-btn-inner,
.clsBtnYeni .x-btn-inner,
.clsBtnIptal .x-btn-inner { float:left; display:inline-block; font: bold 13px/23px calibri !important; }

.clsBtnYukle { margin-top:16px; height:43px !important; }
.clsBtnYukle.x-btn-default-small .x-btn-inner { font: normal 16px/26px Calibri !important; }
.clsBtnYukle.x-btn-default-small .x-btn-inner:before{ content:'\f002'; font:16px/25px 'Font Awesome 5 Free' !important; margin-right:5px; float:left; display:inline-block; color:#00bcd4;  }


.clsBarkod .x-form-text-default{ height:40px; font-size:28px !important; }

.clsBarkodFiltre .x-form-text-default { height:40px; font-size:20px !important; }
.clsBarkodFiltre .x-boundlist-item { font: normal 20px Calibri !important; }
.clsBarkodFiltre .x-form-trigger-default{ padding-top:8px !important; }

.clsChkBarkod .x-form-checkbox-default,.clsChkBarkod .x-form-radio-default {  width: 32px; height: 40px; }
.clsChkBarkod .x-form-cb-label-default { font: 300 18px/38px Calibri !important; }

.clsBtnQRKod .x-form-checkbox-default,
.clsBtnQRKod .x-form-cb-checked .x-form-checkbox-default,
.clsChkBarkod .x-form-checkbox-default,
.clsChkBarkod .x-form-cb-checked .x-form-checkbox-default { font: 32px/45px ExtJS !important;  }
.clsBtnBarkod { padding-top:8px !important; }
.clsBtnBarkod:before { content: '\f02a'; }
.clsBtnQRKod:before { content: '\f02a'; }

.ClsQREdit .x-form-text-default {min-height: 43px !important; font: bold 22px Calibri !important;}
.clsBtIleriBtn:before{content:'\f061';font: 20px/20px 'Font Awesome 5 Free' !important;}
.clsBtSoruIsareti:before{content:'\f059';font: 20px/20px 'Font Awesome 5 Free' !important;}


.swal2-modal .swal2-content
{
    height: 100px !important;
    width: inherit;
    word-break: break-word !important;
    overflow: auto !important;
    display: table-cell !important;
    vertical-align: middle !important;
}   

.clsBarkod { position:static !important; }


.clsBtKioskUst { text-align:center; }
.clsBtKioskUst img{ display:inline-block; }



.x-grid-row .x-grid-cell-selected {
   /* background-color: #f2f2f2 !important;    */
}
.x-grid-row .x-grid-cell-selected {
    color: #000;
}

.clsImgOpr::before{content:'\f007';font: 36px/36px 'Font Awesome 5 Free' !important;color: #FFF;position: absolute;}
.clsImgTakvim::before{content:'\f073';font: 26px/26px 'Font Awesome 5 Free' !important;color: #FFF;}
.clsImgOpt::before{content:'\f013';font: 36px/36px 'Font Awesome 5 Free' !important;color: #FFF;}
.clsImgDepo::before{content:'\f015';font: 36px/36px 'Font Awesome 5 Free' !important;color: #FFF;/* margin: 0 auto; */position: absolute;margin-top: 10px;}
.clsImgSaat::before{content:'\f017';font: 26px/26px 'Font Awesome 5 Free' !important;color: #FFF;}
.clsImgKapat::before{content:'\f011';font: 36px/36px 'Font Awesome 5 Free' !important;color: #FFF;}
.clsImgSure::before{content:'\f085';font: 26px/26px 'Font Awesome 5 Free' !important;color: #FFF;}
.clsImgMak::before{content:'\f275';font: 36px/36px 'Font Awesome 5 Free' !important;color: #FFF;}

.clsUretBas .x-btn-button:before, .clsDurusBas .x-btn-button:before {content:'\f04b';font: 36px/36px 'Font Awesome 5 Free' !important;margin-left: 5px;margin-top: 5px;float:left;}
.clsUretBit .x-btn-button:before, .clsDurusBit .x-btn-button:before {content:'\f04d';font: 36px/36px 'Font Awesome 5 Free' !important;margin-left: 5px;margin-top: 5px;float:left;}

.clsBtKioskIleri .x-btn-button-center{justify-content: flex-end;}
.clsBtKioskIleri.x-btn-focus,
.clsBtKioskIleri.x-btn-focus.x-btn-over.x-btn-default-large,
.clsBtKioskIleri.x-btn-focus.x-btn-default-large{box-shadow:none;}
.clsBtKioskGeri .x-btn-button-center{justify-content: flex-start;}
.clsBtKioskGeri.x-btn-focus,
.clsBtKioskGeri.x-btn-focus.x-btn-over.x-btn-default-large, 
.clsBtKioskGeri.x-btn-focus.x-btn-default-large
.clsBtKioskIleri.x-btn-focus,
.clsBtKioskIleri.x-btn-focus.x-btn-over.x-btn-default-large,
.clsBtKioskIleri.x-btn-focus.x-btn-default-large{border:none !important; box-shadow:none !important;}

.clsBtKioskGeri .x-btn-button:before {content:'\f060';font: 36px/36px 'Font Awesome 5 Free' !important;margin-left: 5px;margin-top: 5px;float:left;}
.clsBtKioskIleri .x-btn-button:after {content:'\f061';font: 36px/36px 'Font Awesome 5 Free' !important;margin-left: 5px;margin-top: 5px;float:left;}
.clsBtKioskBtn .x-btn-inner  { white-space: break-spaces !important; width:100% !important; text-align:center; }

.clsBtKioskBtn {background: #17a2b8 !important;color: #fff !important;}
.clsUretBas{background: #17a2b8 !important;}
.clsUretBit{background: green !important;}
.clsDurusBas{background: #17a2b8 !important;}
.clsDurusBit{background: orange !important;}

.clsStokGorPnl { /* width: 90% !important;display:block;margin-left: 1%;  */ }
.clsStokGorPnl .clsBtUniPanel { width:90% !important; margin-left:5%; height:auto !important; }
.clsStokGorPnl .clsBtUniPanel .clsBtLabel { width:90% !important; position:static !important; display:block; margin:0 !important; }
.clsStokGorPnl .clsBtnFGKapat { position:absolute !important; bottom:0px; width:100% !important; }
.clsStokGorPnl .clsBtnFGKapat span{ font:bold 16px/16px 'Roboto' !important; }


.x-docked { position:static !important; }
.clsMainTab .x-panel-body { position:static !important; }

.clsNavMenu,
.clsNavPanel .x-panel-body,
.clsNavPanel .x-treelist { height:100% !important; }


.clsBtnKapat .x-btn-button:after {
    content: '\f00d';
    font: 20px/20px 'Font Awesome 5 Free' !important;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
    color:white;
}


.columnTable2 { width:100%; border-collapse:collapse; display:block; }
.x-grid-item-container .columnTable2 tr td {background:none !important;background-image:none !important;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces !important;}
.x-grid-item-container .columnTable2 tr th { width:80px !important; background:none !important;background-image:none !important; display: inline-block; overflow:hidden; text-overflow:ellipsis;  }

.columnTable3 { width:100%; border-collapse:collapse;  }
.x-grid-item-container .columnTable3 tr td {background:none !important;background-image:none !important;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces !important; display:inline-block;}
.x-grid-item-container .columnTable3 tr th { width:80px !important; background:none !important;background-image:none !important; display: inline-block; overflow:hidden; text-overflow:ellipsis;}


.clsSayac {}
.clsSayac span {
    padding:10px 0px 10px 0px;
    background:linear-gradient(#909090, #424242, #909090);
    border: 1px solid;
    border-color:#fff;
    border-radius:20px;
    color:#f2f2f2;
    float:right;
    font-weight:bold;
    font-size:18px;
    width:40px;
    height:40px;
    text-align:center;
}

.clsPnlCariBilgi{ padding:3px 5px 5px 40px; margin-bottom:5px;  }
.clsPnlCariBilgi .clsBtLabel { margin-left:12px; width:80%; display:block; font-size:11px;  }
.clsPnlCariBilgi:before{ content: '\f2bd'; font: 25px/25px 'Font Awesome 5 Free'; position: absolute; top:7px; left:15px; }

.clsBtnSipHazFatOlustur { margin:1% 3% 1% 1% !important; float:right !important; width:61% !important; font-weight:bold; }

.clsBtTextEdit .x-form-trigger-wrap,
.clsBtTextEdit .x-form-text-wrap.x-form-text-wrap,
.clsBtTextEdit.x-form-trigger-wrap {  width:100% !important;  }
.clsBtTextEdit input { height:120px !important; float:left; }
.clsBtTextEdit .x-form-trigger-default { height:40px; width:45px; float:right; line-height:40px; margin:1px; }

.clsBtPostEdit .x-form-item-label-text { display:none; }

.clsBtRadioGrup.x-abs-layout-item {position:static !important;float: left;}

.clsBtWLoginForm .clsBtPage { height:215px !important; margin-top:0px; }
.clsWLoginUstImg {margin-top:15px;}

.clsWLoginBannerImg { margin:5%; border-radius:10px; overflow:hidden; background:#f2f2f2; width:95% !important; }
.clsWLoginBannerImg,
.clsWLoginUstImg ,
.clsWLoginAltImg { position:static !important; }

.clsWLoginAltImg { margin-top:5px; }

.clsWLoginBannerImg .x-autocontainer-innerCt {background-image: url('/files/images/WLoginBanner.png'); background-repeat: no-repeat; background-size:100%; }
.clsWLoginUstImg .x-autocontainer-innerCt {background:url('/files/images/WLoginUstLogo.png');background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.clsWLoginAltImg .x-autocontainer-innerCt { background:url('/files/images/WLoginAltLogo.png'); background-position: 100% 50%;background-repeat: no-repeat; }

.clsBtWLoginForm.x-window-default { background:#fff !important; border-radius:10px; box-shadow:1px 5px 10px #ccc; }

.clsWLoginDilPnl { margin-top:15px !important; width:100% !important; }
.clsWLoginDilPnl .clsBtLabel {float: right !important;margin: 0px 10px 0px 0px !important;padding: 0px !important;color: #000 !important;}

.clsBtWLoginForm .clsVersiyon { margin:10px 10px 10px 15px; text-align:left; }
.clsBtWLoginForm .clsIPAdress { margin:10px; text-align:right; width:95% !important; }

.clsKulCariMenu ul li:nth-child(1) .x-treelist-item-icon:before{content: '\f2c2';}
.clsKulCariMenu ul li:nth-child(2) .x-treelist-item-icon:before{content: '\f291';}
.clsKulCariMenu ul li:nth-child(3) .x-treelist-item-icon:before{content: '\f290';}
.clsKulCariMenu ul li:nth-child(4) .x-treelist-item-icon:before{content: '\f00b';}
.clsKulCariMenu ul li:nth-child(5) .x-treelist-item-icon:before{content: '\f002';}

.clsKulCariMenu .x-treelist-item-text {color: #ffffff !important;font-weight: 400;font-size: 16px !important;font-family: roboto;overflow-wrap: anywhere;width: 150px;width: 100% !important;text-shadow: 1px 1px 5px #020202;}
.clsKulCariMenu .x-treelist-item-icon {width: 30px !important;height: 30px !important; width:100% !important; }
.clsKulCariMenu .x-treelist-item-icon:before {width:30px;/* text-align:center; */font-size: 40px;display: inline-block;float: none;text-shadow: 1px 1px 5px #fff;}
.clsKulCariMenu .x-treelist-item {text-align:center;padding: 10px;/* background: linear-gradient(0deg,#f7f7f7, #ffffff, #f7f6f6) !important; *//* border-bottom:1px solid #ccc; */margin: 5px;background: #424242 !important;/* border: 3px solid #757575; */border: none;}
.clsLoginErrorLabel { float:none; display:block; position:static !important; margin:40px 10px 10px 10px; font-family: calibri; font-weight: bold; text-shadow: 1px 1px 5px #4dd0e1; }


.clsBtDocEditor { position:static !important; height:auto !important; }



/* .clsFrmDizaynOnizleme .x-window-body{ top:0 !important; } */
.x-window-body{ top:auto !important; }
.clsUrunListTree { position:static !important; }

.clsSMIcon{ display:none; }
.clsKulCariMenu .clsSMIcon{ display:block; }
.clsKulCariMenu .x-treelist-item-icon { display:none; }
.clsKulCariMenu ul li b {color: #26c6da;font: 40px/40px 'Font Awesome 5 Free';width:100% !important;display:block;text-shadow: 1px 1px 1px #000;}
.clsSMIcon:before{content: '\f080';}
.clsIcon1:before{content: '\f2c2';}
.clsIcon2:before{content: '\f291';}
.clsIcon3:before{content: '\f290';}
.clsIcon4:before{content: '\f00b';}
.clsIcon5:before{content: '\f002';}

.clsRptB2BStBakiye .clsBtnGnlRapor { margin-top:3px; }

.clsBtHtmlViewer {/* width:100% !important; */height:100%;overflow:auto;/* position:static !important; */display:block;overflow:auto;float:left;background: #f8f8f8;border: 1px solid #ececec;}

.clsKartUrun {
              border: 1px solid #ececec;
              width: 15.6%;
              /*height: 238px;*/
              background:#fff;
              border-radius: 5px;
              transition:0.3s;
              margin:5px;
              float:left;
              box-shadow: 1px 1px 3px #ececec;
              text-align:center;
              overflow:hidden;
              cursor:pointer;
              transition:0.3s;
              }
.clsKartUrun:hover {background:#fff;border: 1px solid #80deea;box-shadow: 1px 1px 10px #00bcd4;}
.clsKartUrun:hover .clsKartBaslik{ color:#00bcd4; transition:1s; }
.clsKartUrun:hover img { opacity:0.6; }
.clsKartUrun button {
                      border:none;
                      cursor:pointer;
                      padding: 10px 0px 10px 0px;
                      width: 100%;
                      background: #555555;
                      text-shadow: 1px 1px 5px #000000;
                      color: #fff;
                      font: bold 14px/14px roboto;
                      transition:0.3s;
                      }
.clsKartUrun button:before{content:'\f291';font: 16px/16px 'Font Awesome 5 Free' !important;margin-right: 5px;color: #26c6da;}
.clsKartUrun button:hover {color:#ffffff;text-shadow:1px 1px 1px #000;background: #000000;}

.clsKartResim {height: 250px;overflow:hidden;/* margin-bottom: 6px; */display:flex;align-items:center;justify-content:center;/* margin-top:6px; */}
.clsKartResim img {height: 100%;width: auto;/* margin:5%; */transition:0.3s;}
.clsKartKod{font: bold 11px/11px roboto;background: #ffffff;padding: 5px;color: #26c6da;}
.clsKartBaslik {font: bold 14px/14px calibri;/* background: #fff8f8; */padding: 5px;/* line-height: 12px; */height: 42px;overflow: hidden;/* word-break: break-all; */overflow-wrap: break-word;display:flex;align-items:center;}
.clsKartBaslik span { text-align:center; width:100%; }
.clsKartFiyat {font: bold 20px/20px roboto;color: #000000;background: #ffd800;padding: 3px;/* margin-bottom: 5px; */text-shadow: 1px 1px 2px #e4e4e4;}
.clsKartFiyatIndirim {color: #fff;text-decoration:line-through;font:normal 13px/13px roboto;background: #006064;}
.clsKartFiyatBox .clsKartFiyatIndirim {float:left;width:40%;height: 26px;font: normal 14px/25px roboto;}
.clsKartFiyatBox .clsKartFiyat { float:left; width:60%;   }

.clsKartUrun.clsKartKategori {}
.clsKartUrun.clsKartKategori .clsKartResim {}
.clsKartUrun.clsKartKategori .clsKartBaslik {background: #555555;color: #fff;text-shadow:1px 1px 1px #000;font: normal 14px/14px roboto;} 

.clsPnlKartFiltre {/*width: 18% !important;*/position:absolute !important;border: 1px solid #e3e3e3 !important;background: #f2f2f2 !important;box-shadow: -2px 3px 5px #ccc !important;}
.x-panel-body-default { width:100% !important; }

.clsBtSepetView {position:static !important;display:block;overflow:auto;width:100% !important;padding-top: 5px;}
.clsBtSepetView .clsKartUrun {margin: 1px 3% 1px 3%;width:93%;height:74px;text-align:left;box-shadow:0 0;border: 1px solid #d2d2d2;/* box-shadow: 1px 1px 1px #ffffff; */border-radius:0px;} 
.clsBtSepetView .clsKartUrun:hover { background:#fff;  border:1px solid #4dd0e1; box-shadow:1px 1px 5px #4dd0e1; }
.clsBtSepetView .clsKartUrun .clsKartResim { width:25%; float:left; height:65px; background:#fff; }
.clsBtSepetView .clsKartUrun .orta {width:57%;float:left;padding: 2px;background: #fafafa;border-left: 1px solid #e4e4e4;border-right: 1px solid #e6e6e6;}
.clsBtSepetView .clsKartUrun button { float:left; width:18%; display:block; height:100%;  color:#00bcd4; background:#fff; text-shadow:0 0 0; }
.clsBtSepetView .clsKartUrun button:hover {color:#fff;background: #e0f7fa;}
.clsBtSepetView .clsKartUrun button:before{content:'\f056';display:block;margin-bottom:5px;color: #00bcd4;}
.clsBtSepetView .clsKartFiyat {text-align:right;color:#666;background:none;font-size: 12px;padding: 0px 10px 0px 0px;}
.clsBtSepetView .clsKartKod {padding:2px;background:none;border-bottom: 1px solid #ececec;}
.clsBtSepetView .clsKartBaslik {font:normal 12px/12px calibri;margin:0;padding:2px;background:none;height: 36px;border-bottom: 1px solid #ececec;}
.clsBtSepetView .clsKartBaslik span{ text-align:left; }

.clsBtSepetView h1, 
.clsBtHtmlViewer h1 { color:#bababa !important; }

.clsBtHtmlViewer .clsVitrinBaslik {
    padding: 7px 5px 7px 15px;
    background: #ffffff;
    text-shadow: 1px 1px 1px black;
    color: #ffffff !important;
    font: bold 18px/18px roboto;
    border: 2px solid #ffffff;
    box-shadow: 1px 1px 5px #eaeaea;
    margin: 10px 10px 5px 4px;
    background-image: linear-gradient(45deg, #004d40, transparent); 
}

.clsSepetBox .clsSepetBaslik,
.clsSepetBox .clsSepetKod,
.clsSepetBox .clsSepetFiyat { position:static !important; width:95% !important; display:block; margin-left:10px; margin-bottom:10px; }

.clsSepetBox .clsSepetBaslik {
                             font:bold 22px/22px roboto;
                             margin-top:15px;
                             color:#4dd0e1;
                             max-height: 65px;
                             line-height:22px;
                             word-break: break-word;
                             overflow-wrap: break-word;
                             overflow: hidden;
                             text-shadow: 1px 1px 5px #dadada;
                             }
.clsSepetBox .clsSepetKod{  font:bold 18px/18px roboto; color:#c5c5c5;  }
.clsSepetBox .clsSepetFiyat{  font:bold 24px/18px roboto; color:#000000; text-align:right; display:block; margin:10px 0px 20px 0px;  }
.clsSepetBox .clsBtnSepet { float:right; margin:10px; }
.clsSepetBox .x-panel-body-default,
.clsSepetBox .clsBtUniPanel { background:#fff !important; }
.clsSepetBox .clsBtDoc { position:static !important;margin-top:10px;}
.clsSepetBox .clsBtDocPanel { margin-left:10px; }

.clsBtDocDetay .clsBtDoc .clsBtDocYukle,
.clsBtDocDetay .clsBtDoc .clsBtDocListe, 
.clsBtDocDetay .clsBtDoc .clsBtDocSil,
.clsBtDocDetay .clsBtDoc .clsBtDocSigdir { display:none; }

.clsSepetBox .clsBtDoc .clsBtUniCombo,
.clsSepetBox .clsBtDoc .clsBtDocSil,
.clsSepetBox .clsBtDoc .clsBtDocYukle,
.clsSepetBox .clsBtDoc .clsBtDocFull,
.clsSepetBox .clsBtDoc .clsBtDocListe, 
.clsSepetBox .clsBtDoc .clsBtDocAc,
.clsSepetBox .clsBtDoc table,
.clsSepetBox .clsBtDoc .clsBtDocLblDisplay { display:none; }
.clsSepetBox .clsBtDocImg img {background: url(../images/noimage.png) 50% 50% no-repeat;}
.clsSepetBox .clsBtDocIco img { background:none !important; }
.clsSepetBox input { font:bold 16px/16px roboto !important; }

.clsPnlKartFiltre .clsBtnGnlBelgeTamamla,
.clsPnlKartFiltre .clsBtnFiltreTemizle,
.clsPnlKartFiltre .clsBtnFiltreUygula { margin:1% 3% 0 3%; width:94% !important; }
.clsPnlKartFiltre .clsBtnFiltreTemizle { margin-top:15px; }

.clsSepetAra {position:static !important;float:left;margin-top: 8px;width:30% !important;margin-left: 10px;}
.clsSepetAra .x-form-trigger-wrap-default {  border-radius:5px;  overflow:hidden; }

.clsBtDocYonet table,
.clsBtDocYonet .clsBtDocLblDisplay { display:none; }

label.clsBtHtmlBarView {overflow:auto;width: 63% !important;display:block;float: left !important;}
.clsKartKatAgac {width: 100%;white-space:nowrap;overflow: auto;}
.clsKartKategoriLink {position:relative;display:inline-block;font: normal 13px/13px roboto;margin: 9px 0px 0px 5px;background: #424242;padding: 5px 10px 5px 10px;border-radius:5px;color: #fff;border: 2px solid #80deea;text-shadow: 1px 1px 2px #000;}
.clsKartKategoriLink:hover { background:#80deea; color:#fff; cursor:pointer; }
.clsKartKategoriLink:before {
    content:'';
    position:absolute;
    top:0;
    margin-top:7px;
    right:-10px;
    border:5px solid transparent;
    border-left-color: #4dd0e1;
    /* z-index: 1; */
} 

.clsKartKategoriLink:last-child { background:#26c6da; }
.clsKartKategoriLink:last-child:before { border:none; }



.clsVitrinMenu {height: 48px;white-space: nowrap;display: block;width: 100%;overflow: auto;overflow-y: hidden;}
.clsVitrinMenuItem {height: 41px;/* float:left; */margin-left:3px;margin-top:4px;overflow:hidden;border-radius: 5px;cursor:pointer;border:2px solid #fff;display: inline-block;}
.clsVitrinMenuItem img { height:100%; filter:brightness(1.5);  }
.clsVitrinMenuItem:hover img { filter:brightness(2); } 
.clsVitrinMenuItemSelected {border: 2px solid #00bcd4;}


.clsBtSepetToplamView {position:static !important;display:block;padding: 5px 10px 5px 10px;height:auto !important; width: 100% !important;}
.clsBtSepetToplamView div{height:27px;font:400 14px/14px roboto;background:#f5f5f5;}
.clsBtSepetToplamView div:nth-child(odd){ background: #fff; }
.clsBtSepetToplamView span,
.clsBtSepetToplamView b { display:block;width:50%;float:left; padding-top:7px; }
.clsBtSepetToplamView b {  padding-left:5px; color:#666; }
.clsBtSepetToplamView span { text-align:right; padding-right:5px; font:normal 14px/14px roboto; }
.clsBtSepetToplamView div:last-child b{color: #008a0e;font:bold 16px/16px roboto;}
.clsBtSepetToplamView div:last-child span{color: #008a0e;font:bold 16px/16px roboto;}



.clsPnlVitrinUst {}
.clsLblFatYeniBelge { position:static !important; text-align:right; display:block; width:100% !important; color:#00c908; font:bold 13px/13px roboto; padding-right:25px; }

.clsNavPanel {box-shadow: 1px 1px 5px #ccc !important;z-index: 1;}

.clsPnlKartFiltre .x-btn-button-default-medium { min-height:auto !important; }

.clsPnlSepetUst { background:#424242 !important; }
.clsPnlSepetUst .clsBtnSepet,
.clsPnlSepetUst .clsBtnGnlSil { background:none; border:none; }
.clsPnlSepetUst .clsBtnSepet:hover,
.clsPnlSepetUst .clsBtnGnlSil:hover { background:none !important;  } 
.clsPnlSepetUst .clsBtLblHeader {font:bold 16px/16px roboto;line-height:35px;/* width: 70% !important; */margin-left: 0 !important;float: left !important;}

.clsPnlSepetUst .clsBtnGnlSil.x-btn.x-btn-disabled.x-btn-default-medium { background:#424242 !important; }

.clsPnlSepetUst .clsBtnSepet .x-btn-inner-default-small, 
.clsPnlSepetUst .clsBtnSepet .x-btn-inner-default-medium, 
.clsPnlSepetUst .clsBtnSepet .x-btn-inner-default-large, 
.clsPnlSepetUst .clsBtnSepet .x-btn-default-small, 
.clsPnlSepetUst .clsBtnSepet .x-btn-default-medium, 
.clsPnlSepetUst .clsBtnSepet .x-btn-default-large { text-shadow:none !important; color:#fff !important; }
.clsPnlSepetUst .clsBtnSepet .x-btn-inner:before{content: '\f00d' !important;}

.clsBtnUniEditArti,
.clsBtnUniEditEksi { font: 16px/16px 'Font Awesome 5 Free'; }
.clsBtnUniEditArti:hover ,
.clsBtnUniEditEksi:hover { color:#fff !important; background:#424242; }
.clsBtnUniEditArti:before{ content:"\f067"; }
.clsBtnUniEditEksi:before{ content:"\f068"; }

.clsBtDocZoom .clsBtDocImg {  cursor: zoom-in; }
.clsBtDocZoom .clsBtDocImg img { transition: transform 0.5s ease-out; }

.clsBtDlgGetVal { }
.clsBtDlgGetVal.x-window-default { background:#f2f2f2 !important; box-shadow:1px 5px 10px #999;  }
.clsBtDlgGetVal .x-window-header-default-top { background:#f2f2f2 !important; }
.clsBtDlgGetVal .x-box-inner .x-tool-maximize,
.clsBtDlgGetVal .x-box-inner .x-tool-minimize,
.clsBtDlgGetVal .x-box-inner .x-title-icon { display:none;  }
.clsBtDlgGetVal .clsBtDlgBaslik {position:static !important;text-align:center;width:100% !important;display:block;font:400 18px/18px calibri;color:#424242 !important;padding:10px;/* margin-top:15px; */height:auto !important;}
.clsBtDlgGetVal .clsBtDlgInput  {position:static !important;width:90% !important;font:bold 16px/16px calibri;margin:5% !important;}
.clsBtDlgGetVal .clsBtDlgPnlUst { }
.clsBtDlgGetVal .clsBtDlgPnlAlt {position:absolute !important;bottom: 25px;top: auto !important;}
.clsBtDlgGetVal .clsBtnGnlKaydet { width:43% !important; margin-left:5%; }
.clsBtDlgGetVal .clsBtnGnlIptal { width:43% !important; margin-right:5%;  }
.clsBtDlgGetVal .clsBtUniPanel { border:none !important; }


.clsNavPanel { width:280px !important; }




.clsFBottom { position:absolute !important; }

.clsLblStSayGirMesaj { height:auto !important; font:bold 16px/16px roboto; text-align:center; width:100% !important; position:static !important; padding:10px; display:block; }

.BtnGrdSil { font: 16px/16px 'Font Awesome 5 Free' !important; color:#00bcd4; }
.BtnGrdSil:before {  content: '\f00d' !important;  }

.clsEFatHTML{
    overflow: auto !important;
    padding: 10px !important;
    background: #fff !important;
    position: static !important;
    margin: 0 auto;
    width: 100% !important;
    height: 100% !important;
    display: block;
}






/*Özel Çözünürlükler*/
@media only screen and (min-width: 2800px) 
{   
    .clsKartUrun { width:7.2%; margin:0.2%; }
    .clsKartResim {height:200px;}
}

@media only screen and (max-width: 1450px) 
{   
    .clsBtHtmlViewer {/* width:75% !important; */}
    .clsPnlKartFiltre {/* width:25% !important; */}
    .clsKartUrun { width:18.9%;     }
}

@media only screen and (max-width: 1367px) 
{   
    .clsBtHtmlViewer {/* width:75% !important; */}
    .clsPnlKartFiltre {/* width:25% !important; */}
    .clsKartUrun {width: 23.8%;}
    
    .clsMainTab .x-panel-body { height:100% !important; overflow:visible; }
    .clsMainTab .x-panel-default .x-panel-default { height:100%; overflow:auto; overflow-x:hidden; }    
    .clsBtnFiltre { margin-right:20px !important; }
}

@media only screen and (max-width: 1281px) 
{   
    .clsBtHtmlViewer {/* width:75% !important; */}
    .clsPnlKartFiltre {/* width:25% !important; */}
    .clsKartUrun {width: 32%;}
    
    .clsBtUniPanel{ height:auto!important; }
    .clsNavPanel { position:absolute !important; left:0px !important; Top:50px !important; z-index:999 !important; transition:0.3s; height:100% !important;}        
}
@media only screen and (max-width: 1024px) 
{
    
    .clsBtHtmlBarView { width:68% !important; }
    .clsKartKategoriLink {font: normal 12px/12px roboto;margin: 1px;}
        
    .clsBtHtmlViewer {/*width:100% !important;*/ }
    .clsPnlKartFiltre {/* width:30% !important; */ }
    .clsKartUrun {width: 32%;}
    
    .clsBtWLoginForm .clsBtUniPanel {margin-right:0px;} 
    .clsMainTab .x-uni-tabsheet.x-panel-default-outer-border-trbl{/* height:1500px!important; */}
    .clsBtRadioGrup { width:100% !important; }  
    .clsBtUniPanel{/*margin-left:2%;*/position:static!important;width:100%!important; height:auto!important; overflow:scroll!important;/* padding-bottom:10px; */border-bottom:1px solid;}  
    .clsBtUniPanel .x-panel-body-default { height:auto !important; display:block; width:100%!important; }   
    .clsPnlKioskIslem .x-panel-body-default {height: 100% !important}
    .clsBtUniPanel .x-form-item-label-default {/* float:none!important; *//* width:100%!important; display:block;*/}
    /*.clsBtUniPanel .x-form-item-label-default span { display:initial; }
    .clsBtUniPanel .x-form-text-field-body-default { float:none!important; width:100%!important; max-width:auto!important; min-width:auto!important;  display:block; }  Seyit Sezer 04.07.2022 Görünüm Kayması*/ 
    .clsBtUniPanel .clsBtUniEdit, 
    .clsBtUniPanel .clsBtUniCombo,
    .clsBtUniPanel .clsBtUniMemo,
    .clsBtUniPanel .clsBtUniBtn,
    .clsBtUniPanel .clsBtUniCheck{float:none !important;position:static !important;width:94% !important;margin:0 0 0 3%  !important;}       

.clsPnlKartFiltre .clsBtUniEdit, 
.clsPnlKartFiltre .clsBtUniCombo,
.clsPnlKartFiltre .clsBtUniMemo,
.clsPnlKartFiltre .clsBtUniBtn,
.clsPnlKartFiltre .clsBtUniCheck{ width:97% !important; margin:0 !important; }  
    
/* .x-window-default { width:100% !important; border:none; }       */
    .clsBtUniPanel .x-abs-layout-item {position:static !important;} 
    .x-form-item-label-default { min-height:22px;}
    .clsBtOrderSide .x-form-item-label-default { padding:0 !important; }    
    .clsBtUniDBGrid.clsBtDikeyGrid{ width:100% !important; float:none !important; position:static !important; } 
    .clsBtUniDBGrid .x-panel-default-outer-border-rbl { position:static !important; /*margin-bottom:50px;*/ width:100% !important;  }
    .clsBtUniDBGrid .x-tool { position:static; float:right;  }
    .clsBtUniDBGrid .x-panel-header.x-docked,
    .clsBtUniDBGrid .x-panel-header .x-box-inner,
    .clsBtUniDBGrid .x-panel-header .x-box-target { width:100% !important; }
    .clsBtUniDBGrid .x-panel-body-default { position:static !important;  }
    .clsBtDoc .x-panel-body-default { width:97% !important; margin:0 !important; }
    .clsBtDocImg.x-abs-layout-item {  position: relative !important; width:100% !important; }
    .clsMainTab .x-panel-body { background-size:50%; }
    .clsBtLoginForm .clsBtUniPanel {margin-top: 20px;}
    .clsBtWLoginForm .clsBtUniPanel {margin-top: 0px;}  
    .clsBtLoginForm .clsBtUniPanel .clsBtUniEdit, 
    .clsBtLoginForm .clsBtUniPanel .clsBtUniCombo{ margin-bottom:5px !important; }
    .clsBtLoginForm .clsBtUniPanel .clsBtUniButton { float:right; margin-right:10px; }
    .clsBtLoginForm .clsBtUniCheck { margin-left:3%; }
    .clsBtDocLabel { float:right; }
    .x-panel-header-title-default { width:50% !important; }
    .clsBtDocLabel { width:auto !important; }   
    .row { margin-top:1px; }    
    .col-left .x-form-item-label-default, 
    .col-right .x-form-item-label-default {/* width:60% !important; */} 
    .col-left.clsBtUniEdit, 
    .col-left.clsBtUniCombo,
    .col-left.clsBtUniMemo,
    .col-left.clsBtUniBtn,
    .col-left.clsBtUniButton{ float:left !important; width:47% !important; }        
    .col-right.clsBtUniEdit, 
    .col-right.clsBtUniCombo,
    .col-right.clsBtUniMemo,
    .col-right.clsBtUniBtn,
    .col-right.clsBtUniButton { float:left !important; width:47% !important; margin:0px !important; }     
    .col-full.clsBtUniEdit, 
    .col-full.clsBtUniCombo,
    .col-full.clsBtUniMemo,
    .col-full.clsBtUniBtn,
    .col-full.clsBtUniButton{ float:left !important; width:90% !important; margin:1px !important; }     
    .clsBtnYukle { margin:2%; width:96% !important; }   
    .x-grid-scroll-body { position:static !important; } 
    .clsQREdit {position:absolute !important}
    .clsPnlQRAlt .x-abs-layout-item { position:absolute !important; }   
    
    
     .clsBtWLoginForm .clsWLoginAltImg { display:none; }    
/* .clsWLoginAltImg .x-autocontainer-innerCt { background:url('/files/images/WLoginBannerMob.png'); background-position: 100% 50%;background-repeat: no-repeat; background-size:100% auto; }   
    .clsBtWLoginForm .clsBtPage { height:220px !important; margin-top:15px; }   
*/  


    .clsWLoginUstImg .x-autocontainer-innerCt { background:url('/files/images/WLoginUstLogoMob.png'); background-position: 50% 50%; background-repeat: no-repeat;}
    .clsWLoginUstImg { height:115px !important; }
    .clsLoginErrorLabel { margin: 20px 10px 10px 10px; }        
        
    .clsBtDocImg { height:250px !important;  }

    .clsBtWLoginForm .x-form-item-label-default { display:block; }  

    .clsBtUniPanel .clsSepetAra {
        float:left; width:50% !important;
        margin:2px !important;
    }


    .clsPnlKartFiltre .x-panel-body-default  { width:100% !important; position:static !important; }

    
    .clsPnlKartFiltre{
        position:absolute !important;
        top:0px;
        right:0px;
        /* width:40% !important; */
        /* height:100% !important; */
        left:auto !important;
        z-index: 1;
    }

    .clsPnlKartFiltre .x-form-item { margin-left:10px !important; }

.clsImgOpr::before,
.clsImgTakvim::before,
.clsImgOpt::before,
.clsImgDepo::before,
.clsImgSaat::before,
.clsImgKapat::before,
.clsImgSure::before,
.clsImgMak::before{ position:absolute; margin-top:10px; }

    .clsEFatHTML{ zoom:0.8; height:100% !important; }       
    
}

@media only screen and (max-width: 600px) 
{   
    
    .clsKartUrun { width:48.5%; height:auto;  }
    .clsKartBaslik { font:500 12px/12px roboto; }
    .clsKartResim {height: 200px;}  
    .clsStokGorPnl .clsLblFGBaslik {  font:bold 20px/20px 'Roboto' !important; margin:0px !important;  height:auto !important; } 
    .clsStokGorPnl .clsStokGorLabel { font:bold 20px/20px 'Calibri' !important; margin:0px !important;  height:auto !important;   } 

    
    .clsMobBtUniEdit { float:left !important; width:60% !important; }
    .clsMobBtUniEditInfo { float:left !important; width:20% !important; }
    .x-window-body-default { top:auto !important; } 
    
    .clsBtWLoginForm.x-window-default {background:none !important; border-radius:none !important; box-shadow:none !important; }

    .x-panel-header-title-default {width: 40% !important;}
    .clsBtWLoginForm .clsBtUniPanel { margin-top:0px; } 
    .clsWLoginDilPnl .clsBtLabel { margin: 0px 15px 0px 0px !important; }
                                
    .clsBtUniHtmlView .x-panel-bodyWrap { height:100% !important; } 
    
    .x-tool-restore { display:none !important; }
    .x-tool-close {
        font: 30px 'Font Awesome 5 Free';
        width: 30px;
        height: 30px;
        margin-top:-6px;
        margin-left:-6px !important;
    }           
    
    .clsMainTab .x-uni-tabsheet.x-panel-default-outer-border-trbl{/* height:1500px!important; */}   
    .clsUstLogo { width:50% !important; }
    .clsLblBildirim { display:none; }
    .clsLblKullanici,.clsLblSirket{ opacity:0.7; font: 16px/25px 'Font Awesome 5 Free'; padding-left:5px; padding-right: 10px;}
    .clsLblKullanici{ right:3px !important; top:3px !important; left:auto !important; }
    .clsLblSirket { right:3px !important; top:22px !important; left:auto !important;  }
    .clsLblSirket { display:none; }
    .clsUstLogo .x-autocontainer-innerCt {
        background-size: 50%;
        background-position: 10% 50%;
    }
    .clsBtUniDBGrid .x-panel-header-title-default {
        width: 100% !important;
        position: static !important;
        margin-top: -13px !important;
        margin-bottom: 5px !important;
        text-align: center;
    }
    .x-box-target { text-align:center; }
    .clsBtUniDBGrid .x-tool { display:inline-block; float:none; margin: 0px 7px 0px 7px !important; }
    .clsBtUniDBGrid .x-panel-header-default-horizontal {padding: 15px 15px 15px;}
    .clsBtKioskBtn {width: 48% !important} 
    .clsBtCardView .x-grid-header-ct { height:0px !important; } 
    .clsBtUniDBGrid .x-tool { display:none; }   
    .clsBtCardView .x-header { display:none; }

    .row { margin-top:1px; }    
    .col-left .x-form-item-label-default, 
    .col-right .x-form-item-label-default {/* width:60% !important; */} 
    
    .col-left.clsBtUniEdit, 
    .col-left.clsBtUniCombo,
    .col-left.clsBtUniMemo,
    .col-left.clsBtUniBtn,
    .col-left.clsBtUniButton{ float:none !important; width:90% !important; }    
    
    .col-right.clsBtUniEdit, 
    .col-right.clsBtUniCombo,
    .col-right.clsBtUniMemo,
    .col-right.clsBtUniBtn,
    .col-right.clsBtUniButton {float:none !important;width: 89% !important; margin:1px !important; margin-left:3% !important;}       

    
    .col-full.clsBtUniEdit, 
    .col-full.clsBtUniCombo,
    .col-full.clsBtUniMemo,
    .col-full.clsBtUniBtn,
    .col-full.clsBtUniButton {float:none !important;width: 89% !important; margin:1px !important; margin-left:3% !important;}    
    
    .x-treelist { width:100% !important;  }
    .clsPnlKartFiltre{ width:70% !important; }  

    .clsVitrinMenuItem {height: 20px;margin-left:3px;margin-top: 15px;display: inline-block;/* float: left; */} 
    
    label.clsBtHtmlBarView {width: 64% !important;} 
    .clsSepetBox .clsBtDocImg { height:180px !important; }
    .clsSepetBox .clsSepetBaslik { margin:0; margin-top:5px; }
    .clsSepetBox .clsSepetKod { margin:0; }
    .clsSepetBox .clsSepetFiyat { margin:0; margin-top:5px; margin-bottom:5px; }    
    .clsKartKatAgac {position:fixed;margin-top:-30px;background: #ffffff;border-bottom:1px solid #dbdbdb;}
    .clsBtHtmlViewer { padding-top:30px;}


    .clsBtSepetToplamView { padding: 3px 14px 0px 13px; height:auto !important; }
    .clsBtSepetToplamView div{ height:20px; }   
    .clsBtSepetToplamView b,
    .clsBtSepetToplamView span { font:normal 12px/12px roboto; padding:3px; }   
    .clsBtSepetToplamView div:last-child b{ font:bold 13px/13px roboto;  }
    .clsBtSepetToplamView div:last-child span{ font:bold 13px/13px roboto;  }   
    .clsPnlKartFiltre {padding-bottom: 35px;}

    .clsEFatHTML{ zoom:0.4; height:100% !important; }   
    
}

@media only screen and (max-width: 450px) 
{
    .clsBtSepetView,
    .clsPnlKartFiltre{width: 100% !important;}      
    .clsBtnFiltre { margin:0px !important; }
    .clsBtUniPanel .clsSepetAra { float:left; width:40% !important; margin:2px !important;  }   
}

@media only screen and (max-width: 360px) 
{   
    label.clsBtHtmlBarView { width: 60% !important; }   
    .clsBtUniPanel .clsSepetAra {float:left; width:30% !important; }    
    .clsBtOrderSide .col-right .x-form-text-field-body-default, 
    .clsBtOrderSide .col-left .x-form-text-field-body-default { width:100% !important; }    
    .col-left, .col-right { display:block !important; } 
    .col-left.clsBtUniEdit, 
    .col-left.clsBtUniCombo,
    .col-left.clsBtUniMemo,
    .col-left.clsBtUniBtn,
    .col-left.clsBtUniButton {/* float:none !important; */width:94% !important;margin: 0 0 0 3% !important;}    
/* .clsMainTab .x-panel-body { height:100% !important; }
    .clsMainTab .x-panel-default .x-panel-default { height:100%; overflow:auto; overflow-x:hidden; }    
*/  
}

.clsLblKullanici .x-btn-inner-default-large{
	padding-right: 18px;
}

.clsBtWLoginForm { 
/* animation:ef2 5s ease infinite;  */
animation:ef2 3s ease; 
}
@keyframes ef2 {
    0% { opacity:0;}  
    /*50% { opacity:1; }*/
    100% { opacity:1; } 
}
.x-tab-bar-default {background-color: #ececec;}

.bt-item-disabled {
  opacity: 0.45;
}
.bt-item-disabled input[type=checkbox] {
  pointer-events: none;
}

/* ========= Excel Import Panel Base ========= */

.excel-panel .excel-import-panel {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 18px 22px;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.excel-panel .excel-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.excel-panel .excel-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
}

.excel-panel .excel-title {
  font-size: 19px;
  font-weight: 600;
  word-break: break-word;
}

.excel-panel .excel-list {
  margin: 0;
  padding-left: 22px;
  line-height: 1.7;
  font-size: 14.5px;
}

.excel-panel .excel-note {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 13px;
}

.excel-panel .excel-warn {
  font-weight: 700;
}


.clsModalTab .x-panel-bodyWrap {overflow:visible !important;}  
.clsModalTab .x-panel-bodyWrap .x-panel-bodyWrap { overflow:hidden; }  
.clsModalTab .x-panel-bodyWrap .x-panel-bodyWrap {height:100%;}
.clsModalTab .x-panel-body {background-image: url(../images/bgLogo.png);background-repeat:no-repeat;background-position: 50% 50%;background-blend-mode: soft-light;top: 20px !important;}
.clsModalTab .x-panel-body .x-panel-body {background-image:none !important; top:0px !important}
.clsModalTab .x-tab-default {padding:5px 15px 5px 15px;border-top-left-radius:3px 3px;border-top-right-radius:3px 3px;}
.clsModalTab .x-panel .x-panel .x-tab-default {padding:2px 7px 2px 7px;  }
.clsModalTab .x-panel .x-tab-inner.x-tab-inner-default:before { content:'\f2d2'; font: 12px 'Font Awesome 5 Free'; margin-right:5px; }
.clsModalTab .x-panel .x-panel .x-tab-inner.x-tab-inner-default:before { display:none; content:none; }


.clsModalTab .x-panel-default-outer-border-trbl{height:100%!important;position:static!important;}

.clsBtUniPanel_PnlCekSenBilgi .x-panel-bodyWrap .x-panel-body {
  height: initial !important;  
  max-height: 25vi !important;
}

/*
.clsModalTab .x-panel-body { position:static !important; }
*/
/*Firefox Ozel
.x-form-text-wrap{display: table !important;}
@-moz-document url-prefix() {
  .clsBtUniPanel  .x-form-item-body {width:100% !important;float:none !important;display:table-caption;min-width:auto !important;}
}*/