/*
 * 1) Generic
 * 2) Login-Box
 * 3) Error-Page (404)
 * 4) Header
 *   4.1) Generic
 *   4.2) User Info
 * 5) Footer
 * 6) Sidebar
 *   6.1) Login Details
 *   6.2) Navigation
 *   6.3) Badges
 * 7) Search-Bar & Title-Bar
 * 8) Main
 * 9) Generic Shadow
 * 10) Height Fixes
 * 11) Divider
 * 12) Image-Styles
 * 13) Blocks
 * 14) Tabs
 * 15) Toolbox
 * 16) Alert Boxes
 * 17) Tooltips
 * 18) Misc
 *   18.1) Noise
 *   18.2) Aligments
 */

/* ==================================================
 * 1) Generic
 * ================================================== */

body { background: url("../img/container/navigation/nav-bg.png") repeat-y scroll top left #e3e5e7; }
.borderbox *,
.borderbox *::before,
.borderbox *::after { box-sizing: border-box; }

.borderbox .arneinput { height: 30px !important; line-height: 30px !important }
.borderbox .datepicker { width: 130px !important }
.fa-1x { font-size: 1.7em !important }
.image100 { max-width: 100%; }

.ui-dialog { z-index: 9999; background-color: white; }

.datepicker { }

ul, li, ol { list-style: none; }

.timepicker { }

.val-red { font-size: 11px; color: red; }

.val-blue { font-size: 11px; color: blue; }

.cellbreak { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.container .arntootltips { margin: 0px 5px; }

.imgBaslikResim { width: 100%; }

.dragablewindow { position: relative !important; /*position:relative !important;*/ }

.borderbtnm { border-bottom: 1px dotted #BEBEBE; }

.divUrunDurumlari { padding: 10px 10px; }

.divInlineLabel label { display: inline !important; }

#maincontent { /*display:inline-table;*/ }

.ajax__fileupload_selectFileContainer { width: 201px !important; height: 27px !important; line-height: 24px; }

.p-header { /* padding:5px 5px */ }

.ajax__fileupload_dropzone { line-height: 98px !important; background-color: #E5E5E5; text-indent: -9000px; background-image: url(../images/dropzone.png); background-repeat: no-repeat; background-position: center center; }

.ajax__fileupload_footer { line-height: 20px !important; height: 28px !important; }

.ajax__fileupload_dropzone { height: auto !important; }

.ajax__fileupload_topFileStatus { display: none !important; }

.ajax__fileupload_queueContainer { padding: 4px 4px !important; margin: 30px 0px 0px 0px !important; }

.ajax__fileupload_fileItemInfo .filename { font-weight: normal !important; width: 220px !important; overflow: hidden !important; max-width: 220px !important; display: inline-block; font-size: 10px !important; }

.ajax__fileupload_fileItemInfo .filetype { display: none !important; }

.ajax__fileupload_fileItemInfo .filesize { font-size: 8px !important; }

.ajax__fileupload_fileItemInfo .uploadstatus { font-size: 8px !important; }

Pseudo ::selection element .icon32X32 { width: 32px; height: 32px; border: none; }

.icon24X24 { width: 24px; height: 24px; border: none; }

.Suzgec_Arama_Checkbox { padding: 5px 5px; background-color: #fff; border: 1px solid #BEBEBE; width: 483px; }

.icon16X16 { width: 16px; height: 16px; border: none; }

.icon48X48 { width: 48px; height: 48px; border: none; }

body.special-page { background: url("../img/container/special-page/special-page-bg.png") no-repeat scroll top center #2b3237; }

.backOnayli { background-color: green; color: white; font-weight: bold; width: 73px; margin-left: -7px; margin-top: -6px; margin-right: -14px; height: 24px; margin-bottom: -8px; text-align: center; padding-top: 3px; }

.backOnaysiz { background-color: red; color: white; font-weight: bold; width: 73px; margin-left: -7px; margin-top: -6px; margin-right: -14px; height: 24px; margin-bottom: -8px; text-align: center; padding-top: 3px; }

.gridislem { text-align: center; }

.gridislem input { margin: 2px; }

.tdurunlisturunad { position: relative; }

.urunlisturunad { }

.urunlisturunad.active { width: 373px; position: absolute; z-index: 99999; top: 36px; }

.urunlisturunad.deactive { position: relative; width: 98%; }

.textboxSari { background-color: #fff4ce; }

.textboxBeyaz { background-color: #dff7ff; font-weight: bold; }

.lblText { float: left; display: block; padding: 4px 0 0 4px; font-size: 12px; font-weight: 700; color: #666 !important; text-shadow: 0 1px 0 white; margin-bottom: 4px; }




#login-box { margin: 0 auto; margin-top: 210px; width: 400px; }




/* ==================================================
 * 3) Error-Page (404)
 * ================================================== */

#error-number { text-align: center; margin-top: 240px; }

#error-text { text-align: center; margin-top: -20px; }






/* ==================================================
 * 4) Header
 * ================================================== */

/*
 * 4.1) Generic
 */

#container > #header-surround > #header { /* background: url("../img/container/header/header-bg.png") repeat-x scroll top left transparent; */ height: 43px; position: relative; z-index: 30; background-color: #344655; position: fixed; width: 100%; top: 0; }

#container > #header-surround { background: url("../img/misc/shadow/shadow-bottom.png") repeat-x scroll bottom left transparent; padding-bottom: 14px; position: relative; z-index: 50; }

.logo { margin-left: 20px; float: left; }

#container > #header-surround > #header > #user-info > p > .messages { margin-right: 10px; }


/*
 * 4.2) User Info
 */

#user-info { float: right; margin-top: -4px; margin-right: 10px; }
/*
 * 4.2) Alert Master for Arne
 */
.master-info { float: right; margin-right: 10px; padding: 4px 5px; position: relative; }
/* ==================================================
 * 5) Footer
 * ================================================== */

#container > #footer { background: url("../img/container/footer/footer-bg.png") repeat-x scroll bottom left transparent; height: 50px; width: 100%; position: fixed; bottom: 0; z-index: 1000; display: none; }

#footer .footer-icon { background: url("../img/container/footer/footer-icon.png") no-repeat scroll top left transparent; height: 50px; width: 59px; float: left; }

.sctop { background-color: #324452; width: 33px; cursor: pointer; right: 23px; height: 36px; position: fixed; bottom: 10px; z-index: 12000; /* display: none; */ text-align: center; line-height: 36px; opacity: 0.8; }

.scdown { background-color: #324452; cursor: pointer; width: 33px; right: 60px; height: 36px; position: fixed; bottom: 10px; z-index: 12000; /*display: none;*/ text-align: center; line-height: 36px; opacity: 0.8; }

.sctop span { line-height: 36px; font-size: 27px; font-weight: bold; color: #FFF; }

.scdown span { line-height: 36px; font-size: 27px; font-weight: bold; color: #FFF; }

.scdown:hover { background-color: #6586a0; }

.sctop:hover { background-color: #6586a0; }
/*#sctop a.top {
        background: url("../img/icons/misc/top-hover.png") no-repeat scroll 0 0 transparent;
        height: 48px;
        width: 48px;
        display: block;
        margin-left: 5px;
        padding-top: 3px;
    }*/
/* ==================================================
 * 6) Sidebar
 * ================================================== */

/*
 * 6.1) Login Details
 */

#login-details { background: url("../img/container/login-details/login-details-bg.png") repeat-x scroll top center #212f3b; margin-right: 1px; padding: 7px 9px; }


/*
 * 6.2) Navigation
 */

#container > #sidebar { float: left; width: 261px; position: fixed; z-index: 30; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; top: 43px; bottom: 0; }
#container > #sidebar .scrollbar { width: 261px; position: absolute; z-index: 30; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: auto; bottom: 0px; top: 107px; }

#container > #sidebar #nav > .menu { padding-bottom: 14px; margin-top: -1px; }

#container > #sidebar #nav > .menu li { overflow: hidden; margin-right: 1px; line-height: 35px; }

#container > #sidebar #nav > .menu li ul li { line-height: 26px; }

#container > #sidebar #nav > .menu li img { padding-right: 15px; }

#container > #sidebar #nav > .menu li a { /* background: url("../img/container/navigation/nav-item-bg.png") repeat-x scroll 0 0 transparent; */ display: block; text-decoration: none; padding-left: 20px; background-color: #fff; }

#container > #sidebar #nav > .menu li a.current { /* background: url("../img/container/navigation/nav-item-current-bg.png") repeat-x scroll top left transparent; */ font-weight: bold; }

#container > #sidebar #nav > .menu li a.active { background-color: #E3E5E7; }

#container > #sidebar #nav > .menu li ul li a.current { background: none scroll top left #3b5060; }

#container > #sidebar #nav > .menu > li { border-bottom: 1px solid #ccc; }

#container > #sidebar #nav > .menu li a:hover { background-color: #415A6B; /*background: url("../img/container/navigation/nav-item-bg.png") repeat-x scroll 0 -39px transparent;*/ }

#container > #sidebar #nav > .menu li a span.arrow { background: url("../img/container/navigation/nav-arrows.png") no-repeat 0 0 transparent; position: absolute; right: 0; margin-top: 8px; margin-right: 5px; height: 24px; width: 24px; }

#container > #sidebar #nav > .menu li .active-icon span.arrow { background-position: 0px -24px; }

#container > #sidebar #nav > .menu li .non-active-icon span.arrow { background-position: 0px 0px; }

#container > #sidebar #nav > .menu li ul { background-color: #324452; display: none; }

#container > #sidebar #nav > .menu li ul li a { background: none; border-top: 1px solid #212f39; }

#container > #sidebar #nav > .menu li ul li a:hover { background: none scroll top left #284860; }

/*
 * 6.3) Badges
 */

.badge { background: none repeat scroll top left #293946; float: right; margin-right: 33px; margin-top: 10px; line-height: 20px; padding: 0 10px; border-radius: 1px 1px; padding: 3px 7px; }

.badge.red { background: none repeat scroll top left #864135; }

.badge.grey { background: none repeat scroll top left #d5d5d5; }


.badge.left { float: none; margin-right: 0px; }


.float { float: left; }

.float.right { float: right; }

.float.none { float: none; }

.float.inherit { float: inherit; }
/* ==================================================
 * 7) Search-Bar & Title-Bar
 * ================================================== */

#container > #main > #title-bar { /* background: url("../img/container/title-bar/title-bar-bg.png") repeat-x scroll top left transparent; */ height: 42px; position: relative; z-index: 30; background-color: #f7f7f7; position: fixed; width: 100%; }

.shadow-titlebar { height: 14px; }

#container > #sidebar .search-bar { background: url("../img/container/title-bar/title-bar-bg.png") repeat-x scroll top left transparent; height: 42px; position: relative; z-index: 30; margin-right: 1px; margin-bottom: 0px; border-bottom: 3px solid #374D5C; }

#container > #sidebar .search-bar-select { background: url("../img/container/title-bar/title-bar-bg.png") repeat-x scroll top left transparent; height: 42px; position: relative; z-index: 30; margin-right: 1px; margin-bottom: -1px; }




/* ==================================================
 * 8) Main
 * ================================================== */

#container > #main { margin: 0px 0px 0px 261px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

#container > #main > #main-content { background: url("../img/container/main/main-bg.png") repeat-x scroll top center transparent; position: relative; min-height: 434px; margin-top: -14px; padding-top: 10px; }



/* ==================================================
 * 9) Generic Shadow
 * ================================================== */

.shadow-top { background: url("../img/misc/shadow/shadow-top.png") repeat-x scroll top left transparent; height: 14px; position: relative; z-index: 100; }

.shadow-bottom { background: url("../img/misc/shadow/shadow-bottom.png") repeat-x scroll bottom left transparent; position: relative; z-index: 30; clear: both; }

.shadowboxtop { padding: 4px; border: 1px solid #EDEDED; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.shadowboxtop:hover { -moz-box-shadow: 0 0 5px #1263a1; -webkit-box-shadow: 0 0 5px #1263a1; box-shadow: 0 0 5px #1263a1; border: 1px solid #1263a1; }



/* ==================================================
 * 10) Height Fixes
 * ================================================== */

.fix-shadow-bottom-height { height: 28px; }

.height-fix { height: 70px; }





/* ==================================================
 * 11) Divider
 * ================================================== */

.divider-header { position: absolute; margin-left: 260px; }

.divider-vertical { background: url("../img/misc/divider/divider-vertical.png") no-repeat scroll top left transparent; height: 34px; width: 2px; overflow: hidden; }

.block-actions ul li.divider-vertical { margin-top: -5px; margin-right: -17px; }





/* ==================================================
 * 12) Image-Styles
 * ================================================== */

.framed { background: none repeat scroll 0 0 #eeeff7; border: 1px solid #969696; line-height: 0; padding: 3px; border-radius: 3px 3px 3px 3px; }

.img-left { float: left; margin-right: 8px; margin-bottom: 0px; width: 41px; height: 41px; }





/* ==================================================
 * 13) Blocks
 * ================================================== */

.block-border { margin-top: 15px; background: url("../img/misc/shine-effect.png") repeat-x scroll 0 0 rgba(33, 40, 44, 0.7); border: 1px solid #25333c; border-radius: 0px 0px 0px 0px; padding: 5px 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.block-content { background: none repeat scroll 0 0 #fafafa; border-radius: 3px 3px 3px 3px; position: relative; padding: 0 10px; border: 1px solid #4b5e6b; }

.block-content.dark-bg { background: url("../img/container/block/dark-bg.png") repeat-x scroll top left transparent; border: 1px solid #111a22; box-shadow: none !important; }

.block-border .block-content + .block-content { margin-top: 10px; }

.block-border .block-content { box-shadow: 0 0 6px rgba(255, 255, 255, 0.3); }

.block-header { background: url("../img/container/block/block-header-bg.png") repeat-x scroll top left #cfdee5; min-height: 38px; border: 1px solid #4b5e6b; border-bottom: 1px solid #9ba6ab; margin-bottom: -2px; position: relative; z-index: 5; }

.block-header.small { min-height: 27px; }

.block-header.tabshight { height: 56px; }

.block-actions { margin: 0 -11px -7px -11px; background: url("../img/container/block/block-actions-bg.png") repeat-x scroll bottom left transparent; border-radius: 0px 0px 0px 0px; height: 34px; overflow: hidden; padding: 2px 5px 8px 18px; }

.dataTables_wrapper .block-actions { margin-left: -6px; margin-right: -9px; }

.block-header span { background: url("../img/icons/packs/diagona/16x16/minus.png") no-repeat scroll 0 0 transparent; height: 16px; width: 16px; float: right; margin-top: 10px; margin-right: 5px; display: block; cursor: pointer; }

.gogolelink { background: url("../img/icons/packs/diagona/16x16/googlebaglanti.png") no-repeat scroll 0 0 transparent; height: 22px; width: 36px; margin-left: 10px; margin-right: 5px; display: block; cursor: pointer; }

.block-header div { /*background: url("../img/icons/packs/diagona/16x16/close.png") no-repeat scroll 0 0 transparent;*/ height: 16px; width: 16px; float: right; margin: 10px 5px 0px 0px; margin-right: 5px; display: block; cursor: pointer; }

.block-header span.closed { background: url("../img/icons/packs/diagona/16x16/plus.png") no-repeat scroll 0 0 transparent; }

.block-header h1 { float: left; }

.closetContent { display: none; }

.opentContent { display: none; }

/* ==================================================
 * 14) Tabs
 * ================================================== */
.toptitle { padding: 0px 10px; background: url("../img/tables/table-head-bg.png") repeat-x scroll top left #dddddd; border-bottom: 1px solid #949494; margin: 10px 0px 5px 0px; line-height: 35px; height: 35px; }

.toptitle label { cursor: default !important; }

.cursordefault { cursor: default !important; }

.block-header ul.tabs { list-style: none; list-style-image: none; margin: 31px 0px 0px 0px; padding: 0; position: absolute; right: 5px; }

.block-header ul.tabs li { float: left; padding: 5px 15px; margin-right: 3px; border-radius: 8px 8px 0px 0px; cursor: pointer; border: 1px solid transparent; }

.block-header ul.tabs li.active { background: none repeat scroll top left #fafafa; border: 1px solid #9ba6ab; border-bottom: 1px solid #fafafa; font-weight: bold; }

.block-header ul.tabs li:hover { background: none repeat scroll top left #fafafa; border: 1px solid #9ba6ab; border-bottom: 1px solid #fafafa; }

.block-header ul.tabs li .btntab { background-color: #CFDEE5; padding: 0px !important; text-align: center !important; width: 100% !important; margin: 0px !important; }

.block-header ul.tabs.actionserver li { padding: 0px 0px; border-radius: 8px 8px 0px 0px; }

.block-header ul.tabs.actionserver li .btntab { border-radius: 8px 8px 0px 0px; padding: 5px 15px !important; }

.block-header ul.tabs.actionserver li a { display: block; border-radius: 8px 8px 0px 0px; padding: 5px 15px !important; }

.block-header ul.tabs li.active .btntab { background-color: #FFF; font-weight: bold; }

.block-header ul.tabs li:hover > .btntab { background-color: #FFF; }

.btntab:focus { outline-offset: 0px !important; outline: 0px #fff solid !important; }
/* ==================================================
 * 15) Toolbox
 * ================================================== */

.toolbox-content { background: url("../img/container/toolbox/toolbox-arrow.png") no-repeat scroll 51px 12px transparent; position: absolute; margin-left: -40px; top: 30px; z-index: 500; display: block; padding: 1em; min-width: 20em; line-height: 1em; display: none; }



/* ==================================================
 * 15-1) support
 * ================================================== */
.support-action { }

.support-content { background: url("../img/container/toolbox/toolbox-arrow.png") no-repeat scroll 51px 12px transparent; position: absolute; margin-left: -40px; top: 30px; z-index: 999; display: block; padding: 1em; min-width: 20em; line-height: 1em; display: none; left: 0; }




/* ==================================================
 * 16) Alert Boxes
 * ================================================== */

.alert { border: 1px solid; clear: both; margin-bottom: 9px; margin-top: 10px; padding: 10px 10px 10px 35px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-repeat: no-repeat; background-position: 10px 10px; }

.alert.no-margin { border-radius: 0 0 0 0; margin-left: -10px; margin-right: -10px; border-width: 1px 0; }

.alert.no-margin.top { border-width: 0 0 1px 0; margin-top: 0; }

.alert.no-margin.bottom { border-width: 1px 0 0px 0; margin-bottom: 0; }

.alert span.hide { font-weight: bold; text-shadow: 1px 1px 0 #FFFFFF; float: right; cursor: pointer; margin: 0; }

.textupper { text-transform: uppercase; }

div.userbilgi1 { border: 1px solid; margin: 7px 2px 8px 5px; padding: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-repeat: no-repeat; background-position: 10px 10px; background-color: #d8e7fa; border-color: #9DBFEA; }

div.userbilgi1 .userbilgititle { clear: both; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #4b5e6b; }

div.userbilgi { border: 1px solid; margin: 7px 2px 8px 5px; padding: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-repeat: no-repeat; background-position: 10px 10px; background-color: #d8e7fa; border-color: #9DBFEA; min-height: 30px; }

.infosimple { background-color: #d8e7fa; border-color: #9DBFEA; color: #00357B; padding: 0px 3px; min-width: 185px; }

div.userbilgi .userbilgititle { padding: 5px 0px 5px 0px; border-bottom: 1px dotted #4b5e6b; }

ul.userbilgilendirme { margin: 0px; padding: 0px; list-style: none; }

ul.userbilgilendirme li { line-height: 20px; padding: 5px 5px 5px 23px; }

ul.userbilgilendirme li.info { background-image: url("../img/icons/packs/fugue/16x16/information.png"); background-repeat: no-repeat; color: #00357B; background-position: 0px 6px; }

.alert.success { background-image: url("../img/icons/packs/fugue/16x16/tick-circle.png"); background-color: #d1e8d2; border-color: #339933; color: #00632E; }

.alert.error { background-image: url("../img/icons/packs/fugue/16x16/cross-circle.png"); background-color: #facfcf; border-color: #dc1c1c; color: #820101; }

.alert.warning { background-image: url("../img/icons/packs/fugue/16x16/exclamation.png"); background-color: #fdefbd; border-color: #d4b64b; color: #675100; }

.alert.info { background-image: url("../img/icons/packs/fugue/16x16/information.png"); background-color: #d8e7fa; border-color: #9DBFEA; color: #00357B; }

.alert.menubaslik { background-image: url("../img/icons/packs/fugue/16x16/ui-menu.png"); background-color: #d8e7fa; border-color: #9DBFEA; color: #00357B; font-weight: bold; font-size: 15px; }

.alert.note { background-image: url("../img/icons/packs/fugue/16x16/notebook.png"); background-color: #f4f4f4; border-color: #bdbdbd; color: #4d4d4d; }


.closed { display: none; }



/* ==================================================
 * 17) Tooltips
 * ================================================== */

.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }

.tipsy-inner { padding: 5px 8px 4px 8px; background: url("../img/misc/tooltips/tooltip-bg.png") repeat-x scroll top left black; border: 1px solid black; color: white; max-width: 200px; text-align: center; }

.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.tipsy-arrow { position: absolute; background: url('../img/misc/tooltips/tooltip-arrow.gif') no-repeat top left; width: 9px; height: 5px; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }




/* ==================================================
 * 18) Misc
 * ================================================== */

/*
 * 18.1) Noise
 */

.noise { background: url("../img/misc/noise.png") repeat scroll top left transparent; position: relative; z-index: 9999999; }

/*
 * 18.2) Aligments
 */

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }


.align-left { margin-left: 0; margin-right: auto; float: left !important; }

.align-right { margin-left: auto; margin-right: 0; float: right !important; }

.align-center { margin: 0 auto; float: none !important; }


/* ==================================================
 * 19) Order
 * ================================================== */
/* sipari� detay */
#divovner { background-image: url(../img/icons/menuedit/back-uye.gif); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

.divSiptableUye { background-image: url(../img/icons/packs/silk/16x16/user.png); background-repeat: no-repeat; height: 11px; padding: 0px 0px 5px 22px; }

#divovner h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #479F3B; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.pnlOdemeOk { color: #14D814 !important; padding: 5px 0px 5px 25px; background-image: url(../img/icons/packs/fugue/16x16/tick.png); background-repeat: no-repeat; background-position: 5px; height: 22px; }

.pnlOdemeWait { color: red !important; padding: 5px 0px 5px 25px; background-image: url(../img/icons/packs/silk/16x16/stop.png); background-repeat: no-repeat; background-position: 5px; height: 22px; }

#divteslimat { background-image: url(../img/icons/menuedit/back-teslimat.gif); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

#divteslimat h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #AF8C12; margin-top: 0px; margin-right: 0px; margin-bottom: 0; margin-left: 0px; line-height: 22px; }

.divsipnot { background-image: url(../img/icons/menuedit/back-siparisnotlar.png); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

.divsipnot h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #FF9900; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.divsipfatura { background-image: url(../img/icons/menuedit/back-siparisnotlar.png); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

.divsipfatura h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #FF9900; margin-top: 0px; margin-right: 0px; margin-bottom: 0; margin-left: 0px; line-height: 22px; }

#divsiparis { background-image: url(../img/icons/menuedit/back-odme.png); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

#divsiparis h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #0086B9; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; line-height: 22px; }

#divsiparis2 { background-image: url(../img/icons/menuedit/back-siparisnot.png); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

#divsiparis2 h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #C50811; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0px; line-height: 22px; }

#divurunler { background-image: url(../img/icons/menuedit/back-siparis.gif); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

#divurunler h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #0086B9; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

#divsozlesme { background-image: url(../img/icons/menuedit/back-siparis.gif); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

#divsozlesme h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #0086B9; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.divsozlesme { background-image: url(../img/icons/menuedit/back-siparis.gif); background-repeat: no-repeat; text-align: left; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; }

.divsozlesme h2 { font-size: 12px; padding-left: 30px; padding-top: 5px; color: #0086B9; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.textboxsty1 { font-size: 12px; color: #124CA3; font-family: tahoma, Arial; width: auto; text-align: left; text-align: left; border: 1px solid #809DB9; padding: 4px; margin: 2px 0; background-color: #E7F6FF; }

.sozlesmeyazdir { font-size: 12px; color: #124CA3; font-family: tahoma, Arial; width: auto; text-align: left; text-align: left; border: 1px solid #809DB9; padding: 4px; margin: 2px 0; background-color: #f5f7f8; border: 1px solid #CCC; width: 99%; padding: 6px; margin-bottom: 15px; }

.genelbaslik1 { font-size: 12px; font-weight: bold; color: #9B9898; padding: 1px 0 5px 0; border-bottom: 1px solid #CCC; margin-bottom: 15px; text-align: left; }

.funpara .ico { width: 24px; height: 24px; background: url('../images/funmoney.png'); background-position: 24px 0px; position: relative; float: left; display: block; }

.funpara .ico2 { width: 24px; height: 24px; background: url('../images/funmoney.png'); background-position: 0px 0px; position: relative; float: left; display: block; }

.funpara .deger { width: 120px; height: 18px; position: relative; float: left; display: block; padding-left: 10px; padding-right: 10px; padding-top: 6px; }

h2.blueh2 { font-size: 12px; color: #0086B9 !important; margin: 5px 0px 0px 0px !important; background-color: #fafafa; padding: 5px 0px !important; border-bottom: 1px dotted #0086B9; }

.boxbilgi { background-color: #FFFFDB; padding: 5px 5px; border-top: 1px solid black; }
/* Tools */
.hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; }

.nobr { white-space: nowrap !important; }

.wrap { white-space: normal !important; }

.a-left { text-align: left !important; }

.a-center { text-align: center !important; }

.a-right { text-align: right !important; }

.v-top { vertical-align: top; }

.v-middle { vertical-align: middle; }

.f-left { float: left !important; }

.f-right { float: right !important; }

.f-none { float: none !important; }

.f-fix { float: left; width: 100%; }

.p-relative { position: relative !important; }

.p-absolute { position: absolute !important; }

.p-fixed { position: fixed !important; }

.t-cellpaddingright15 { padding: 7px 31px 7px 7px !important; }

.t-cellpaddinglr2 { padding: 7px 2px 7px 2px !important; }

.no-display { display: none; }

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }

.no-bg { background: none !important; }

.no-border { border: 0 !important; }

.noopacity { opacity: 1 !important }

.topgenel { padding: 5px 10px; background: url("../img/tables/table-head-bg.png") repeat-x scroll top left #dddddd; border-bottom: 1px solid #949494; margin-top: 10px; }

.pnlurunozellik { max-height: 250px; overflow: auto; clear: both; border-bottom: 10px solid #ccc; }

.shadownew { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); box-shadow: 0px 0px 6px rgba(0,0,0,.15); padding: 5px 8px; }

.acResults { border: 1px solid #ccc; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; box-shadow: 3px 3px 4px #888; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888'); padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index: 9999; top: 26px !important; }

.acResults ul { width: 100%; list-style-position: outside; list-style: none; margin: 0; padding: 0; }

.acResults ul li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; font: menu; font-size: 12px; overflow: hidden; -background-color: #F7F7F7; border-bottom: 1px solid #cecece; color: #333; padding: 5px 5px; }

.acResults ul li:hover { background-color: Red; border-bottom: 1px solid #cecece; color: #333; padding: 5px 5px; color: white; }

.acResults ul li:focus { background-color: Red; border-bottom: 1px solid #cecece; color: #333; padding: 5px 5px; color: white; }

.acLoading { background: url('indicator.gif') right center no-repeat; }

.acSelect { background-color: Red !important; border-bottom: 1px solid #cecece !important; color: #333 !important; padding: 5px 5px !important; color: white !important; }

.faturakalem .acResults { left: 0px !important; right: auto !important; height: 150px; overflow: auto; }

.selector select { width: 100% !important; }

div.checker label { display: inline; display: inline-block }

div.checker { margin: 0px 2px 0px 0px !important; }

.btnpos2 { position: absolute; left: 0px; z-index: 2 }

.btnpos1 { position: absolute; left: 0px; z-index: 1; left: 0px; right: 0px; }

.btnsctp { }

.stdbtnkisayol { font-weight: bold; padding: 0px 0px; border: 1px solid #ccc; background: #eee url(../images/buttons.png) repeat-x top left; color: #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); line-height: 32px; height: 32px; text-decoration: none; text-align: center; }

.stdbtnkisayol:hover { text-decoration: none; }

.darag { }

.labelline { font-size: 12px; color: #666666 !important; text-shadow: 0 1px 0 #E2DADA; margin: 0px 0px 4px 0px; display: block; font-weight: bold; }

.divbtnclose { position: absolute; right: 8px; top: 0px; }

.newwindowheader { height: 25px; background-color: #9ca4a7; display: block; position: relative; }

.newwindow { position: relative; background: url("../img/misc/shine-effect.png") repeat-x scroll 0 0 rgba(33, 40, 44, 0.7); border: 1px solid #25333c; border-radius: 1px 1px 1px 1px; padding: 3px 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.newwindowtitle { line-height: 25px; height: 25px; }

.newwindowtitle label { color: #fff !important; line-height: 25px !important; padding: 0px 0px 0px 10px; }

.newwindowbody { background-color: #fafafa }

.checker label { display: inline; display: inline-block; }

input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled { background-color: rgb(245, 245, 241); }

.drpozel .selector { margin: -6px 0px 0px 0px; }

.ozelbadge { padding: 0px 0px !important; width: 43px; height: 34px; }

.ozelbadge .boxbadge { background-image: url(../img/numeric_up.png) !important; width: 43px; height: 34px; background-repeat: no-repeat; background-position: center center; }

.sprnav { width: 18px; text-align: center; font-size: 14px; color: #1263a1; text-decoration: none; height: 21px; line-height: 21px; padding: 0px 2px; margin: 0px; }

.navitop { line-height: 30px; margin: 0px 0px 0px 0px !important; padding: 0px 9px !important; }

.tdozel { position: relative; }

.textkisitla { cursor: pointer; position: absolute; left: 0px; top: 0; right: 0px; bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px 0px 0px 6px; }

#titleArneMusteriHimzet { background-image: url(../img/icons/menuedit/back-siparisnot.png); background-repeat: no-repeat; text-align: left; padding: 0px 4px; }

#titleArneMusteriHimzet h2 { font-size: 12px; padding-top: 5px; color: #C50811; line-height: 36px; margin: 0; padding: 0px 30px 0px 37px; }

.hostkayitgizle { width: 0px; height: 0px; overflow: hidden; }

.div-overlay { width: auto; height: auto; filter: alpha(opacity=80); opacity: 0.8; overflow: auto; overflow-y: hidden; z-index: 9999; top: 0; left: 0; position: fixed; bottom: 0; right: 0; background-color: #FFF; }

.div-loverlay-loder { position: absolute; top: 50%; left: 50%; text-align: center; padding: 5px 5px; border: 1px dotted #ccc; }

.bloader { position: absolute; top: 50%; left: 50%; text-align: center; padding: 5px 5px; border: 1px dotted #ccc; z-index: 10001; width: 200px; height: 155px; }

.bloadertitle { color: black; font-size: 14px; font-weight: 600; text-align: center; display: block; }

.toolboxr { position: fixed; right: 97px; bottom: 0; background: #34495e; width: 320px; border-bottom-right-radius: 0; z-index: 9999; text-align: center; background: rgba(52, 73, 94, 0.66); border-top-left-radius: 13px; padding: 0px 8px; }

.itemtoolboxr { margin: auto auto; width: 40px; height: 36px; display: block; float: left; }

.itemtoolboxr input { opacity: 1 !important; }

.menubaslikvideo { position: absolute; top: 5px; right: 4px; z-index: 99; line-height: 25px; height: 25px; width: 150px; background-color: #000; background-color: rgba(128, 19, 19, 1); color: white; font-weight: bold; text-align: center; }

.tablescrool { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; border: 1px solid #ddd; -ms-overflow-style: -ms-autohiding-scrollbar; }

@media only screen and (min-width: 1024px) {
	.tablescrool { /* overflow-y: visible; */ }
}

.nobg { background: none !important }
.tablescrool2 { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: visible; border: 1px solid #ddd; }

.tablescrool3 { width: 100%; margin-bottom: 15px; border: 1px solid #ddd; overflow: auto; overflow-x: hidden; }

.tablescrool3 .dataTables_wrapper { margin: 0 0 !important }

.colorblue { color: #0086B9 !important }

.colorred { color: red !important }

.fontbold { font-weight: bold !important }

.minw160 { min-width: 160px; }

.nohoverspr { padding: 0px 1px !important; height: 8px; background: #FAFAFA !important; border-bottom: 0px !important; }

.nohoverspr hr { margin: 0px !important; padding: 0px !important; }

.nohoverspr:hover { padding: 0px 0px !important; height: 8px !important; background: #FAFAFA !important; }

.chzw100 .chosen-container { width: 100% !important }

.chzw98 .chosen-container { width: 98% !important }

.chzw99 .chosen-container { width: 99% !important }

.chzw97 .chosen-container { width: 79% !important }

.chzw50 .chosen-container { width: 50% !important }

.divsubtotal { border-color: white; border-width: 1px; border-style: Dotted; background-color: white; border-top: 2px solid #1BA3B1; }

.divsubtotaltop { border-color: white; border-width: 1px; border-style: Dotted; background-color: white; border-bottom: 2px solid #1BA3B1; }

#tblfaturaliste_wrapper .block-top-total .divsubtotal { border-color: white; border-width: 1px; border-style: Dotted; background-color: white; border-top: 0px solid #fff; border-bottom: 2px solid #1BA3B1; }

.tdborc { background-color: #FFDBD3 !important; border: 1px Dotted #CCCCCC !important; width: 80px !important; text-align: right !important; }

.tdborcc { background-color: #FFDBD3 !important; border: 1px Dotted #CCCCCC !important; text-align: right !important; }

.tdalacak { background-color: #E4FFD3 !important; border: 1px Dotted #CCCCCC !important; width: 80px !important; text-align: right !important; }

.tdalacakc { background-color: #E4FFD3 !important; border: 1px Dotted #CCCCCC !important; text-align: right !important; }

.tdbakiye { background-color: #FFF9DB !important; border: 1px Dotted #CCCCCC; width: 80px !important; text-align: right !important; }

.tdbakiyec { background-color: #FFF9DB !important; border: 1px Dotted #CCCCCC; text-align: right !important; }
.tdbakiyecc { background-color: #FFF9DB !important; text-align: right !important; }
.tdborccc { background-color: #FFDBD3 !important; text-align: right !important; }
.tdalacakcc { background-color: #E4FFD3 !important; text-align: right !important; }
.t-center { text-align: center !important; }

.tdpadding { padding: 7px 0px; }

.selector100 .selector { width: 100% !important; }

.selector100 .selector span { width: 91% !important; }

.width100 { width: 100% !important; }

.maxwidth260 { width: 210px; }

@media only screen and (max-width: 480px) {
	.maxwidth260 { width: 100%; }
}

.tblalttoplam tbody td, .tblalttoplam tfoot th, .tblalttoplams tfoot td { vertical-align: middle; padding: 7px; border-width: 0px; border-collapse: collapse }

.btnp24 { padding: 2px 3px !important; }

.datepickeronlytext { padding: 2px 0 1px 35px !important; width: 82px !important; background-image: url(../images/calendar.png) !important; background-repeat: no-repeat !important; background-position: left center !important; margin: 0 0 0 -1px !important; font-size: 14px !important; float: left !important; line-height: 25px !important; height: 25px !important; }

.tdw100 { width: 110px !important; }

.tdw110 { width: 110px !important; }

.tdw111 { width: 111px !important; }

#divFaturaOnayla, .divFaturaiptal { padding: 5px 6px; }

.slec100fatura { max-width: 360px; }

.slec100fatura .selector, .slec100fatura select { max-width: 344px; width: 100% !important; }

.slec100fatura span { width: 324px !important; }

.toolboxrurunlis { position: fixed; right: 0; bottom: 60%; background: #34495e; width: 38px; border-bottom-right-radius: 0; z-index: 9999; text-align: center; background: rgba(52, 73, 94, 0.66); border-top-left-radius: 13px; padding: 0px 8px; }

.text-align-center { text-align: center !important; }

.text-align-left { text-align: left !important; }

.minw120 { min-width: 120px !important; }

.bgnote { background-color: #FFF9DB !important; border: 1px Dotted #CCCCCC; }

.faturaislem { position: absolute; width: 100%; top: 0; bottom: 0; background-color: #fafafa; background-color: rgba(250, 250, 250, 0.75); z-index: 1; display: none; }

.faturaislem img { position: absolute; top: 48%; opacity: 0.8; left: 48%; }


.dtprogesbox { position: absolute; width: 100%; top: 0; bottom: 0; background-color: #fafafa; background-color: rgba(250, 250, 250, 0.75); z-index: 1; display: block; }

.dtprogesbox .dtprogesbar { width: 250px; position: absolute; top: 45%; /* opacity:0.8; */ left: 45%; height: 40px; background-color: hsla(206, 53%, 61%, 0.79); border-radius: 7px; }

.dtprogesbox img { float: left; position: absolute; left: 9px; top: 9px; vertical-align: middle; }

.dtprogesbox span { position: absolute; vertical-align: middle; line-height: 30px; height: 30px; width: 150px; left: 40px; color: #fff; font-size: 16px; top: 4px; }

.table100 { width: 100% !important; }

.headerdil { width: 245px !important; margin: 0 0 0 30px !important; height: 37px !important; line-height: 37px !important; border: 1px solid #ccc; border-bottom: 0 !important; padding: 0 0 0 0 !important; float: left !important; }

.headerdillabe { float: left !important; height: 37px !important; line-height: 37px !important; margin: 0 !important; }

.headerdilselect { float: left !important; height: 37px !important; line-height: 37px !important; margin: 0 !important; width: 175px !important; }

.headerfa1 { font-size: 22px !important; margin: 0 4px !important; position: relative !important; top: 2px !important; font-weight: bold !important; color: #253742 !important; }

.headerdillabel { margin: 0 !important; float: left !important; width: 57px !important; text-align: center; }

.headerdillabel label { border-right: 1px solid #ccc; text-align: center; display: block; float: none; width: 100% !important; height: 37px !important; line-height: 37px !important; background-color: hsla(0, 0%, 98%, 0.53); }

.chz94 .chosen-container { width: 94% !important; }

.ribbonnewred { position: relative; margin: auto auto; height: 24px; width: 24px; padding: 0 12px; border-radius: 3px; background: red; color: white; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 24px; z-index: 1; text-align: center; }

.ribbonnew { position: relative; /* margin:auto auto; */ height: 31px; width: 31px; padding: 0 0; border-radius: 100%; background: #c71c1c; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; line-height: 32px; z-index: 1; text-align: center; border: 3px solid #fff; }
.text-center { text-align: center !important; }
.checkerfloatlet .checker { float: left !important; margin-top: 5px !important; }
.checkerfloatlet .checker span, .checkerfloatlet span.closed { background: url(../img/forms/sprite-aristo.png) -92px -320px !important; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; }
.checkerfloatlet span.closed { background-position: 0 -320px !important; }
.currentMenu { background-color: #3d6a88; padding: 15px 15px }
.currentMenu h2 { color: #fff; margin: 0; text-shadow: none !important }
.currentMenu h2 i { color: #fff }
.spacetopmenu { height: 43px; display: block; }
.borderbox .chosen-container-single .chosen-single{height:30px!important;line-height:30px;}
.borderbox  .chosen-container-single .chosen-single abbr { top: 10px }
.borderbox .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -16px 5px!important; }
.borderbox .chosen-container-single .chosen-single div b { background: url(../images/chosen-sprite.png) no-repeat 0px 5px !important; }
.chznoclose abbr{display:none!important }