/*@import url('cssreset.css');*/
@import 'font-awesome.min.css';
@import 'ui-smooth/jquery-ui-1.10.4.custom.min.css';
@import 'select2.min.css';
/* @import 'dataTables.jqueryui.min.css'; */
@import '../js/lib/datatables/datatables.min.css';
@import '../js/lib/datetimepicker/jquery.datetimepicker.min.css';
@import '../js/lib/jalert/jAlert.css'; 


html,body { position: relative; -webkit-text-size-adjust: none; width:100%; height:100%; /* max-height: 100%; min-height: 100%; */ margin: 0; padding: 0; overflow: hidden !important; background: #fff; font:12px Arial; }
body, body *{cursor:default; -ms-overflow-style: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-user-select: none; }
::-webkit-scrollbar { display: none; }

input,textarea{font:12px Arial;  outline:none; -webkit-user-select:text;  }
a{display:inline-block; color:#fff; text-decoration:none; cursor:pointer; outline:none;}
li,ul,h2,h3{ list-style:none; padding:0; margin:0; outline:none;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/****** RIGHT MENU *******/

.right-menu{ position: absolute; right:-200px; top:0; z-index: 1; background:#444; box-shadow:inset 3px 0 14px -4px #222; display: inline-block; width:200px; height: 100%; z-index: 999; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.right-menu ul{display:inline-block; width:100%;}
.right-menu ul li{ display:inline-block; width:100%; cursor: pointer; font-size:13px; background:#333; color:#fff; box-shadow:inset 3px 0 14px -4px #222; border-bottom:1px solid #444; border-top:1px solid #222;}
.right-menu ul li:hover{background:#111; border-top-color: #333;}
.right-menu #right-menu-liste > li:first-child{background:#333 !important; border-top-color: #333;}
.right-menu ul li b{width:100%; cursor:pointer; text-align:center; font-size:24px; height:24px;}
.right-menu ul li a{width:100%; padding:8px 0 10px 13px;}
.right-menu ul li i{margin-right:7px; width:20px;}
.right-menu li.submenu ul{display:none;}
.right-menu li.submenu li{background:#444; font-size:12px; font-weight: normal;}
.right-menu li.submenu li a{color:#ddd;}
.right-menu li.submenu li i{color:#999;}
.right-menu li.submenu li:hover{background:#333; border-top-color: #333;}
.right-menu ul li.submenu:hover ul{display:inline-block;}
.right-menu ul li.submenu.hover ul{display:inline-block;}


.ctrlbuttons{display:inline-block; width:100%; padding:20px 0 5px 0; box-sizing:border-box; text-align: left; }
.ctrlbuttons div{display:inline-block; width:auto; text-align: center; margin:2px; font-size:12px; padding:4px 0; cursor: pointer; height:60px; float:left; width:100px;background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%);background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%);background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%);}
.ctrlbuttons div i{display:inline-block; width:100%; font-size:18px !important; height:22px;}
.ctrlbuttons div.active{color:#000; box-shadow: inset 0 0 1px 1px #555;}
.ctrlbuttons div em{display: block; font-size:10px; font-style: normal; color: #666; }
.ctrlbuttons div.taslakbt{float:right;}
.ctrlbuttons div.onayistebt{float:right;background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%);background: linear-gradient(to bottom, #deefff 0%,#98bede 100%);}

.ctrlbuttons.onayredbt{}
.ctrlbuttons.onayredbt > div{float:right; height: 50px; cursor: pointer !important; }
.ctrlbuttons.onayredbt > div *{ cursor: pointer !important; }
.ctrlbuttons.onayredbt .reddetbt , .ctrlbuttons .reddetbt{ background: -moz-linear-gradient(top, #febbbb 0%, #fca6a6 46%, #ffa0a0 100%); background: -webkit-linear-gradient(top, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%); background: linear-gradient(to bottom, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%); background: -moz-linear-gradient(top, #febbbb 0%, #fca6a6 46%, #ffa0a0 100%); background: -webkit-linear-gradient(top, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%); background: linear-gradient(to bottom, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%);}

.generalstatusnote{margin-top:15px;}
/****** TOP MENU *******/

/*
DİANA COLOR TEST
.top-menu{position:absolute; z-index:2; top:0; left:0; width:100%; height:44px; background:#dda420;}
.top-menu h2{position:absolute; font-size:12px; z-index:9; line-height:14px; color:#444; top:15px; text-align: center; width:100%; padding-right:400px; left:200px;}
.top-menu h2 i{margin-right:5px;}
.top-menu h3{position:absolute; font-size:11px; z-index:9; font-weight: normal; color:#999; top:28px; text-align: center; width:100%; padding-right:400px; left:200px;}
.top-menu .geoinfodiv{ display: none; margin:14px 0 16px 10px; float: left; color:#444; }
.top-menu .geoinfodiv i{float:left; margin-right:5px; font-size:14px;}
.top-menu .geolocation{float:left; font-size:11px;}
.top-menu .geolocation em{font-size:8px;}
.top-menu .geoinfo{float:left;  clear: both; margin:-3px 0 0 14px; font-size:9px; color:#666;}
.top-menu .logo{height:20px; margin:9px 0 10px 10px; opacity:.8; float: left;}
.top-menu .user-info{position:absolute; color:#777; top:13px; right:50px;}
.top-menu .rightmenu-bt{position:absolute; z-index:50; display:inline-block; text-align:right; width:45px; height:45px; color:#444; top:0; right:0; padding:9px 10px 0 0; cursor:pointer;}
*/

.top-menu{position:absolute; box-shadow: 0 0 10px -5px #000; z-index:5; top:0; left:0; width:100%; height:44px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(229,229,229,1) 100%);
}

.top-menu h2{position:absolute; font-size:12px; z-index:9; line-height:14px; color:#444; top:13px; text-align: center; width:100%; padding-right:400px; left:200px;}
.top-menu h2 i{margin-right:5px;}
.top-menu h3{position:absolute; font-size:11px; z-index:9; font-weight: normal; color:#999; top:28px; text-align: center; width:100%; padding-right:400px; left:200px;}
.top-menu .geoinfodiv{ display: none; margin:14px 0 16px 10px; float: left; color:#666; }
.top-menu .geoinfodiv i{float:left; margin-right:5px; font-size:15px;}
.top-menu .geolocation{float:left;}
.top-menu .geolocation em{font-size:11px;}
.top-menu .geoinfo{float:left;  clear: both; margin:-2px 0 0 14px; font-size:10px; color:#aaa;}
.top-menu .logo{height:20px; margin:10px 0 10px 10px; opacity:.8; float: left;}
.top-menu .user-info{position:absolute; color:#666; top:10px; right:50px;}
.top-menu .topcurrency{position:absolute; color:#999; top:25px; right:50px; font-size:10px;}
.top-menu .topcurrency b{margin:0 2px 0 5px; color:#bbb;}
.top-menu .rightmenu-bt{position:absolute; z-index:50; display:inline-block; text-align:right; width:45px; height:45px; color:#444; top:0; right:0; padding:9px 10px 0 0; cursor:pointer;}
.top-menu .shorturls{position:absolute;left:10px; top:37px;}
.top-menu .shorturls a{float:left; background:#fff;transition: all .2s; color:#aaa; text-align: center; line-height: 20px; width:20px; height:20px; margin-right:4px; border-radius: 50%; box-shadow: 2px 1px 2px #ccc;}
.top-menu .shorturls a:hover{ color:#555; box-shadow: 2px 1px 2px #999;}

.top-menu .headshortcuts{position:absolute; width:400px; left:50%; margin-left:-200px; text-align: center; top:7px; height:30px; }
.top-menu .headshortcut{ vertical-align: top; display:inline-block; transition: all .2s; padding:5px 5px 8px 5px; overflow: auto; width:90px; margin:0 1px; height:40px; z-index: 98; text-align: center; border-radius: 7px;}
.top-menu .headshortcut i{ font-size:16px; padding-bottom: 10px;}
.top-menu .headshortcut em{ font-size:16px; padding-bottom: 10px; display:none; color:#1e9ebe; cursor:pointer;}
.top-menu .headshortcut em:hover{color:#d2ac30;}
.top-menu .headshortcut a{ display:none; cursor:pointer; font:"Arial Narrow"; font-size:10px; color:#444; background:#fff; border-bottom: 1px solid #ddd; padding:3px 3px; text-align: left; }
.top-menu .headshortcut a.ilklink{text-align: center; background:#eee; margin-bottom:5px;}
.top-menu .headshortcut a span{color:#aaa; float: right; font:"Arial Narrow"; font-size:10px; letter-spacing: -1px;}
.top-menu .headshortcut .forname{text-align: center; width:80px; font-size:10px; margin-top:-7px; color:#507eb7; z-index: 95; line-height: 8px; }
.top-menu .headshortcut a:last-child{ border-bottom:0; }
.top-menu .headshortcut:hover{width:200px; max-height: 350px; z-index:99; height:auto; background:#fff; box-shadow: 0 0 5px #555; }
.top-menu .headshortcut:hover .forname{ display:none; }
.top-menu .headshortcut:hover a{ display:block; }
.top-menu .headshortcut:hover i{ display:none; }
.top-menu .headshortcut:hover em{ display:inline-block; }
.top-menu .headshortcut a:hover{color:#2066c8;}
.top-menu .headshortcut a:hover span{color:#75b0f3;}
/*
.top-menu .headshortcut.userlist{ left:50%;}
.top-menu .headshortcut.favprojelist{ left:45%;}
.top-menu .headshortcut.siparislist{ left:55%;}
*/



/****** LAYOUT *******/
.wrapper{
position:relative; z-index:2; display:inline-block; right:0; top:0; overflow: hidden !important; padding:0 3px; width:100%; height:100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
}
.backgroundImage{position:absolute; z-index:1; min-width:100%; min-height:100%; width:100%; height:auto; left:0; top:0; }
.wrapper.pt44{padding-top:44px;}
.wrapper.pb44{padding-bottom:44px;}
.wrapper #wrapper-mask{ position:absolute;z-index:999;left:0;top:0;width:100%;height:100%;background:#eee;opacity:0; }

/****** CONTENT *******/
.copyright{position:fixed; z-index:1; right:5px ; bottom:3px; font-size:9px; opacity:.2; color:#666;}
.container{display:inline-block; position:relative; z-index:2; width:100%; height:100%; padding:3px 0; overflow: hidden !important; overflow-y:auto !important; -webkit-overflow-scrolling: touch; }
.container .page{ position:relative; display:inline-block; width:100%; text-align: center; height:1px; min-height: 100%; top:0; left:0; }
.container .part-content{display:inline-block; float:left; padding:0 10px; width: 100%;}
.container .content50{width:50%;}
.container .content33{width:33.333%;}
.container .spacer20{display: inline-block; width: 100%; height: 20px;}
.container .part-content h3{font-weight:bold; font-size: 12px; position: relative; }
.container .ptb10{padding:10px 0;}

/****** DATATABLES *******/
.table-add-button{ position:absolute; z-index:2; left:200px; top:24px; border:1px solid #aaa; cursor: pointer; border-radius: 5px; background:#eee; color:#444; font-style: normal; padding:3px 5px; font-size: 11px; font-weight: normal;}
.table-add-button i{margin-right:3px;}
.table-add-button:hover{background: #fdfdfd; color: #000;}

.table-exit-button{position:absolute; z-index:2; right:20px; top:10px; border:1px solid #aaa; cursor: pointer; border-radius: 5px; background:#eee; color:#444; font-style: normal; padding:3px 5px; font-size: 11px; font-weight: normal;}
.table-exit-button i{margin-right:3px;}
.table-exit-button:hover{background: #fdfdfd; color: #000;}

.label-add-button{position:absolute; top:7px; margin-left:3px; border:1px solid #ccc; cursor: pointer; border-radius: 5px; background:#fdfdfd; color:#777; font-style: normal; padding:3px 5px; font-size: 11px; }
.label-add-button b{display:none; font-weight: normal;}
.label-add-button:hover{border:1px solid #aaa; color: #444;}
.label-add-button:hover b{padding-left:3px; display: inline-block;}

.userdegistirform{ position:absolute; z-index:2; left:310px; top:24px; width:250px; }
.userdegistirform .select2-selection{height:21px !important; border-radius: 6px !important; }
.userdegistirform .select2-selection__rendered{line-height:20px !important;}
.userdegistirform .select2-selection__arrow{height:20px !important;}


#dataTable_wrapper{ margin:15px 7px 0 7px; position: relative; z-index:1;}
#dataTable_wrapper div.dt-buttons{float:right !important;}
#dataTable_wrapper div.dt-buttons a{background:transparent; border:0; margin-top:3px; margin-left:10px;}
#dataTable_wrapper div.dt-buttons span{padding:0;}
#dataTable_wrapper div.dt-buttons i{font-size:15px;}

.dataTableContainer tbody .aleft{text-align: left;}
table.dataTable.display tbody tr.odd.red{background: #f3e1e1;}
table.dataTable.display tbody tr.even.red{background: #ffe4e4;}
table.dataTable.display tbody td.red{background: #f3e1e1;}
.dataTableContainer tbody .acenter{text-align: center;}
.dataTableContainer tbody a{color:#000;}
.dataTableContainer tbody a:hover{text-decoration: underline; color: #069 !important;}
.dataTableContainer tbody tr.rc-0{color:#aaa;}
.dataTableContainer tbody tr.rc-0 a{color:#aaa;}
.dataTableContainer tbody tr.rc-2{color:#fad2d2;}
.dataTableContainer tbody tr.rc-2 a{color:#fad2d2;}
.dataTableContainer .fg-toolbar{padding:5px 5px; height:35px;}
.dataTableContainer .fg-button{margin-top:1px; text-align: center; padding:3px 6px!important;}
.dataTableContainer tfoot select{width:100%;}
.dataTableContainer tfoot input{width:100%; text-align: center; border:1px solid #bbb; border-radius: 4px;}

table.dataTable.display tbody .red input{background:transparent !important;}
table.dataTable.display tbody .red .select2-selection--single{background:transparent !important;}


/****** DASHBOARD PAGE ******/

.dashboard{ width:100%; height: 1px; min-height: 100%; }
/*
.dashboard .hatirlatma{ position:absolute; left:0; top:15px; width: 100%; height:25px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.dashboard .hatirlatma li{display:none;}
.dashboard .hatirlatma span{display:inline-block; width:90%; float:left; text-align: right;}
.dashboard .hatirlatma i{display:inline-block; width:10%; float:left; font-style: normal; text-align: right; padding-right:10px;}
*/
.dashboard .dashcontainer{ padding-top:5px; width: 100%; height: 1px; min-height: 100%; }
.dashboard .leftcol{display:inline-block; position: relative; width:25%; float:left; height: 1px; min-height: 100%;}
.dashboard .rightcol{position:relative; display:inline-block; width:75%; float:left; height: 1px; min-height: 100%;padding-bottom:18px;}
.dashboard #rpcontainer{width: 100%; height: 114px; margin: 0 auto; position: absolute; top:-13px; left:0; padding:0 2px 0 1px;}

.dashboard .hatirlatmabaslik{ position:relative; width:100%; margin-bottom: -2px; padding:7px; background: #fff; border:1px solid #ccc; float: left; font-size: 16px; font-weight: normal;}
.dashboard .hatirlatmabaslik .addgorevbutton{position:absolute; cursor: pointer; right:5px; top:7px; color:#999; font-size: 18px;}
.dashboard .hatirlatmalist{ position:relative; margin-top:88px; width: 100%; padding:5px 10px; max-height: 400px; overflow: hidden; overflow-y: auto; } 
.dashboard .hatirlatmalist li{position:relative; height:40px; z-index:98; display:inline-block; cursor: pointer; transition: all .2s; float: left; background: #fdfdfd; z-index:1; width: 100%; padding:5px; border:1px solid #ccc; margin-top:-1px;}
.dashboard .hatirlatmalist li.onayistek{background:#fbfbc9;}
.dashboard .hatirlatmalist li:hover{z-index:2; transform: scale(1.01); z-index:99; border-color:#777; border-radius: 4px; background: #ffffef;}
.dashboard .hatirlatmalist li span{position:absolute;}
.dashboard .hatirlatmalist li .hdate{ left:0; top:0; background:#faf7f7; padding-top:3px; width:48px; border-radius: 4px 0 0 4px; height:38px; border-right:1px solid #ccc;}
.dashboard .hatirlatmalist li .hdate i{display:inline-block; font-style: normal; font:"Arial Narrow"; width:100%; }
.dashboard .hatirlatmalist li .hname{left:54px;}
.dashboard .hatirlatmalist li .hlevel{left:2px; width:43px; height:5px; bottom:2px; padding:0; background:#ddd;}
.dashboard .hatirlatmalist li .hlevel b{display:inline-block; width:32%; margin-left:2%; height:5px; float:left;}
.dashboard .hatirlatmalist li .hlevel b:first-child{margin-left:0;}
.dashboard .hatirlatmalist li .hlevel.seviye-3 b{background:#f00;}
.dashboard .hatirlatmalist li .hlevel.seviye-2 b{background:#fb903d;}
.dashboard .hatirlatmalist li .hlevel.seviye-1 b{background:#fcc041;}
.dashboard .hatirlatmalist li .huser{left:54px; top:20px; vertical-align: middle; color:#777;}
.dashboard .hatirlatmalist li .htype{right:3px; top:3px; color:#369; font:"Arial Narrow";}
.dashboard .hatirlatmalist li .hstatus{right:3px; top:20px; color:#f00; font:"Arial Narrow";}
.dashboard .hatirlatmalist li em, .dashboard .hatirlatmalist li div, .dashboard .hatirlatmalist li a{display:none;}
/*.dashboard .hatirlatmalist li b{float:right; font-weight: normal; color:#777;}
.dashboard .hatirlatmalist li:hover{z-index:2;transform: scale(1.01); border-color:#777; border-radius: 4px; background: #ffffef;}
.dashboard .hatirlatmalist span{display:inline-block; width:100%; float:left; text-align: left; cursor: pointer;}
.dashboard .hatirlatmalist i{display:inline-block; width:100%; color:#888; float:left; font-style: normal; text-align: left; cursor: pointer;}
.dashboard .hatirlatmalist i b{float:right; color:#000; letter-spacing: 1px; font-size: 20px; margin-top:4px;}
.dashboard .hatirlatmalist .seviye-3{color:#f00;}
.dashboard .hatirlatmalist .seviye-2{color:#fb903d;}
.dashboard .hatirlatmalist .seviye-1{color:#ffae00;}
*/


.dashboard-tabs{width:96%; margin-left:1%; display:none;}
.dashboard-tabs li{width:33.33%; float:left; border:1px solid #aaa; cursor: pointer; font-size:14px; margin-left:-1px; background:#fff; padding:5px;}
.dashboard-tabs li:first-child{margin-left:0; border-radius: 5px 0 0 5px;}
.dashboard-tabs li:last-child{ border-radius: 0 5px 5px 0;}
.dashboard-tabs li:hover{background:#fff6c7;}

/*.dhx_cal_light .dhx_cal_larea .dhx_wrap_section{ padding:8px 0; }
.dhx_cal_light .dhx_cal_larea .dhx_wrap_section .dhx_cal_ltext{  }

.dhx_cal_light .dhx_cal_larea .dhx_wrap_section .dhx_cal_ltext select{ width:98% !important; }
.dhx_cal_light .dhx_cal_larea .dhx_wrap_section .dhx_cal_ltext textarea{ width:98% !important; }
.dhx_cal_light .dhx_cal_larea .dhx_wrap_section .dhx_section_time{ text-align: left; padding-left:118px !important; }*/

.dhx_cal_light .dhx_cal_larea .dhx_wrap_section .dhx_cal_ltext.dhx_cal_radio label{ margin:0 15px 0 4px; }

.dhx_scale_holder_now{ position: relative;}
.dhx_scale_holder_now:after{background:#fff; width:100%; height:100%; opacity: .5; content:" "; position:absolute; left:0; top:0; z-index: 1;}
.dhx_scale_holder_now .dhx_cal_event{z-index:5;}
.dhx_now .dhx_month_head,.dhx_now .dhx_month_body{background: #fffad6 !important;}

.dhx_cal_event{border-radius: 2px;}
.dhx_header{ display: none !important;}
.dhx_title{ display: none !important;}
.dhx_body{font-size:10px !important; background:transparent!important; padding:5px 0 0 0 !important; width: 100% !important; height: 85% !important;}
.dhx_event_resize{display:none !important;}
.dhx_cal_event_clear{font-size:10px !important;}

.dhx_cal_event{ border:1px solid #fff; /* border-width: 0 1px; */}
.dhx_cal_event.eventtype_1,.dhx_cal_event.eventtype_1 div, .dhx_cal_event_line.eventtype_1{ background-color: #8ac9d9 !important; border-color: #8ac9d9 !important;}
.dhx_cal_event_clear.eventtype_1{ color:#8ac9d9 !important; }

.dhx_cal_event.eventtype_2,.dhx_cal_event.eventtype_2 div, .dhx_cal_event_line.eventtype_2{ background-color: #d0a3a3 !important;border-color: #d0a3a3 !important;}
.dhx_cal_event_clear.event_science{ color:#c57676 !important; }

.dhx_cal_event.eventtype_5, .dhx_cal_event.eventtype_5 div, .dhx_cal_event_line.eventtype_5{ background-color: #90a2ab !important;border-color: #90a2ab !important;}
.dhx_cal_event_clear.eventtype_5{ color:#90a2ab !important; }

.dhx_cal_event.eventtype_6, .dhx_cal_event.eventtype_6 div, .dhx_cal_event_line.eventtype_6{ background-color: #e9ca57 !important; border-color: #e9ca57 !important;/*  color:#51504c; */}
.dhx_cal_event_clear.eventtype_6{ color:#e9ca57 !important; }

.dhx_cal_event.eventtype_7, .dhx_cal_event.eventtype_7 div, .dhx_cal_event_line.eventtype_7{ background-color: #a0c64f !important; border-color: #a0c64f !important;}
.dhx_cal_event_clear.eventtype_7{ color:#a0c64f !important; }

.dhx_cal_event.eventtype_8, .dhx_cal_event.eventtype_8 div, .dhx_cal_event_line.eventtype_8{ background-color: #c4c3c4 !important; border-color: #c4c3c4 !important;/*  color:#51504c; */}
.dhx_cal_event_clear.eventtype_9{ color:#c4c3c4 !important; }

.dhx_cal_event.eventtype_9, .dhx_cal_event.eventtype_9 div, .dhx_cal_event_line.eventtype_9{ background-color: #8ea2b1 !important; border-color: #8ea2b1 !important;}
.dhx_cal_event_clear.eventtype_9{ color:#8ea2b1 !important; }

.dhx_cal_event,.dhx_cal_event_line{background-color: #eee !important;border-color: #ddd !important;}
.dhx_cal_event.eventtype_101, .dhx_cal_event.eventtype_101 div, .dhx_cal_event_line.eventtype_101{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_101{ color:#555 !important; }
.dhx_cal_event.eventtype_102, .dhx_cal_event.eventtype_102 div, .dhx_cal_event_line.eventtype_102{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_102{ color:#555 !important; }
.dhx_cal_event.eventtype_103, .dhx_cal_event.eventtype_103 div, .dhx_cal_event_line.eventtype_103{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_103{ color:#555 !important; }
.dhx_cal_event.eventtype_104, .dhx_cal_event.eventtype_104 div, .dhx_cal_event_line.eventtype_104{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_104{ color:#555 !important; }
.dhx_cal_event.eventtype_105, .dhx_cal_event.eventtype_105 div, .dhx_cal_event_line.eventtype_105{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_105{ color:#555 !important; }
.dhx_cal_event.eventtype_106, .dhx_cal_event.eventtype_106 div, .dhx_cal_event_line.eventtype_106{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_106{ color:#555 !important; }
.dhx_cal_event.eventtype_107, .dhx_cal_event.eventtype_107 div, .dhx_cal_event_line.eventtype_107{ background-color: #eee !important; border-color: #ddd !important; color:#51504c;}
.dhx_cal_event_clear.eventtype_107{ color:#555 !important; }

.dhx_cal_event.dhx_cal_select_menu.selected{ /*width:18px !important; margin-left:4px !important;*/ border:0 !important; background: transparent !important; }
.dhx_cal_event.dhx_cal_select_menu.selected .dhx_body{ background:#000 !important; border-radius: 3px !important; }
.dhx_cal_event.dhx_cal_select_menu.selected .dhx_body .dhx_menu_icon{margin-left: 0; background-color: transparent !important; }

.dhx_cal_event div, .dhx_cal_event_line{ border:0 !important; }

.dhtmlxgosterge{ position:absolute; top:4px; left:0; padding-bottom:4px; text-align: center; width:100%; border-bottom:1px solid #eee; }
.dhtmlxgosterge div{display:inline-block; margin:0 25px; font-size:10px; }
.dhtmlxgosterge div i{display:inline-block; width:12px; height:12px; background:#999; margin-right: 5px; margin-bottom:-2px; border:1px solid #aaa; }
.dhtmlxgosterge div.eventtype_1 i{ background-color: #8ac9d9 !important; border-color:#8ac9d9;}
.dhtmlxgosterge div.eventtype_2 i{ background-color: #d0a3a3 !important; border-color:#d0a3a3; }
.dhtmlxgosterge div.eventtype_5 i{ background-color: #6692a0 !important; border-color:#6692a0; }
.dhtmlxgosterge div.eventtype_6 i{ background-color: #e9ca57 !important; border-color:#e9ca57; }
.dhtmlxgosterge div.eventtype_7 i{ background-color: #a0c64f !important; border-color:#a0c64f; }
.dhtmlxgosterge div.eventtype_8 i{ background-color: #c4c3c4 !important; border-color:#c4c3c4; }
.dhtmlxgosterge div.eventtype_9 i{ background-color: #8ea2b1 !important; border-color:#8ea2b1; }
.dhtmlxgosterge div.eventtype_999 i{ background-color: #eee !important; border-color:#aaa; }
.color-status-0{background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%);background: linear-gradient(to bottom, #deefff 0%,#98bede 100%);}
.color-status-1{background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%);background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%);background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%);}
.color-status-2{background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%);}
.color-status-3{background: -moz-linear-gradient(top, #febbbb 0%, #fca6a6 46%, #ffa0a0 100%); background: -webkit-linear-gradient(top, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%); background: linear-gradient(to bottom, #febbbb 0%,#fca6a6 46%,#ffa0a0 100%);}
.color-status-3.mazeret{background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%);}


/****** FORMLAR ******/

.page form{position:relative; display:inline-block; top:20px; left:0; box-shadow: 0 0 6px -2px #000; border-radius: 12px; background:#fff; margin-bottom:20px; padding:5px 5px 20px 5px; text-align: left; width:80%; max-width:800px; }
.page form.alternate{width:100%; top:0; padding:0; max-width: 100%; padding:0; margin:0; border-radius: 0; box-shadow:none; background: transparent;}
form h3{padding:12px 9px 5px 12px;}
form .label{display:inline-block; position: relative; width:100%; padding:10px 15px 10px 145px;}
form .label > span{display:inline-block; width:130px; height: 100%; position: absolute; left:12px; padding:10px 0; vertical-align: middle; }
form .input{ display:inline-block; width: 100%; height:30px; border:1px solid #bbb; background:#fefefe; color:#888; vertical-align:middle; padding:7px 8px; outline:none; box-shadow:inset 0 0 3px -1px #555;}
form .label .inpdiv{ display:inline-block; width: 100%; height:30px; }
form .label .infodiv{ display:inline-block; width: 100%; height:30px; color:#999; margin-top:5px;}
form .label a.input{border-radius:0; float:none; cursor:default;}
form .label .input:focus{ border-color:#999; background: #fefded; color:#333; box-shadow:0 0 5px 0 #0e325a; }
form .label .input.error{ box-shadow:inset 0 0 7px 0 #a30000; }
form .label select{width: 100%; border:1px solid #bbb; background:#fefefe; color:#888; padding:3px 8px; height:30px; outline:none;}
form .label select:focus{ border-color:#999; background: #fefded; color:#333; box-shadow:0 0 5px 0 #0e325a; }
form .label select.error{ box-shadow: 0 0 7px 0 #a30000; }
form .part1,form .part2{position:relative; display:inline-block; float:left; width:49%; margin-right:2%; }
form .part31,form .part32,form .part33 {position:relative;  display: inline-block;float: left; width: 32%; margin-right: 2%; }
form .part11,form .part12,form .part21,form .part22,form .part41,form .part42,form .part43,form .part44{position:relative;  display: inline-block;float: left; width: 23.5%; margin-right: 2%; }
form .part51,form .part52,form .part53,form .part54,form .part55{position:relative;  display: inline-block;float: left; width: 18.4%; margin-right: 2%; }
form .part61,form .part62,form .part63,form .part64,form .part65,form .part66{position:relative;  display: inline-block;float: left; width: 15%; margin-right: 2%; }
form .part3d2 {position:relative;  display: inline-block;float: left; width: 66%;}
form .part4d3 {position:relative;  display: inline-block; float: left; width: 74.5%}
form .part4d1{position:relative; display: inline-block;float: left; width: 23.5%; margin-left: 2%;}
form .part5d2{position:relative; display: inline-block;float: left; width: 38.8%;}
form .part6d2{position:relative; display: inline-block;float: left; width: 32%;}
form .part6d3{position:relative; display: inline-block;float: left; width: 49%;}
form .part6d4{position:relative; display: inline-block;float: left; width: 66%;}
form .part6d5{position:relative; display: inline-block;float: left; width: 83%;}
form .part2,form .part44,form .part22,form .part33,form .part55{margin-right:0;}
form .mr2{margin-right:2%;}
form .ml2{margin-left:2%;}

form .label .dbpart1{width:24%; margin-right:2%;}
form .label .dbpart2{width:23%;}
form .label input{ cursor:pointer; }
form .label textarea{ width:100%;  min-width: 100%; max-width: 100%; min-height:60px; }
form .label.radio label , .radio label{display:inline-block; padding:0 10px 0 0; /* min-width:70px;  */text-align: left; vertical-align: middle; }
form .label.radio label.firstlabel{width:auto;}
form .label.radio input , .radio input{margin:-1px 5px 0 0; vertical-align: middle; }
form .label.irtibat{padding:5px 10px 5px 10px !important; position: relative;}
form .label.irtibat.baslik{font-weight: bold;}
form .label.irtibat.odd{ background:#f3f3f3; border:1px solid #fff; border-width: 0 10px 0 10px; overflow: hidden;}
form .label.irtibat.even{ background:#fdfdfd; border:1px solid #fff; border-width: 0 10px 0 10px; overflow: hidden;}
form .label.irtibat > div{display:inline-block;}
form .label.irtibat input[type="radio"]{ position:absolute; right:-30px; }
form .label.irtibat div input[type="radio"]{ position:absolute; right:15px; }

form .label.irtibat .irtibatsatirsil{ opacity:.6; color:#c12424; cursor: pointer; position: absolute; top:7px; right:10px; font-size: 13px;}
form .label.irtibat .irtibatsatirsil:hover{ opacity: 1; }
form .label.irtibat .irtibatsatirpasif{ opacity:.6; color:#c12424; cursor: pointer; position: absolute; top:7px; right:5px; font-size: 13px;}
form .label.irtibat .irtibatsatirpasif:hover{ opacity: 1; }
form .label.irtibat .irtibatsatirmain{ opacity:.6; color:#888; cursor: pointer; position: absolute; top:7px; right:22px; font-size: 13px;}
form .label.irtibat .irtibatsatirmain:hover{ opacity: 1; }
form .label.irtibat .irtibatsatirmain.thisismain{color:#0e0eae;}
form .label.irtibat.thisispasif *{color:#777;}



form .label.check label , .check label{display:inline-block; padding:7px 7px 0 0; margin-left:7px; min-width:70px; text-align: left; vertical-align: middle; }
form .label.check label.firstlabel{width:auto;}
form .label.check input[type="checkbox"] , .check input[type="checkbox"]{margin:3px 5px 0 0; vertical-align: middle;} 
form .datetime{-webkit-appearance: none; -moz-appearance: none;}
form .accuracyview{display:none; color:#888; width:100%; font-size:11px;}
.button{display: inline-block; cursor: pointer; border:1px solid #888; background: #eee; border-radius: 5px; box-shadow: 0 0 4px 0 #777; padding:5px 15px 6px 15px;}
.button:hover{box-shadow: 0 0 5px 0 #555;}
.button.reset{margin-left:10px;}

.ja_wrap{z-index: 98 !important;}
form.injalert{position:relative; display:inline-block; background:#fff; margin-bottom:0; text-align: left; width:100%; }
form.injalert h3{padding:0 0 5px 0 !important;}
form.injalert .label{padding:5px 0 !important;}
form.injalert .label > span{display:inline-block; position: relative; width:100% !important; left:0; padding:0 0 3px 0;}
form.injalert .urungruplar {padding : 5px 0; overflow:hidden; height:79px; position: relative; background: #fff; }
form.injalert .urungruplar .tumunugoster{ background:#369;  color:#fff; text-align: center; padding:4px 0; width:100%; position:absolute; bottom:0; z-index:4;}
form.injalert .urungruplar .label{padding:1px 0 !important; z-index:3;}
.xdsoft_datetimepicker{z-index:99 !important;}

.select2{width:100% !important; border-radius: 0 !important; }
.select2,.select2 *{outline: none !important;}
.select2-selection{ box-shadow:inset 0 0 3px -1px #555; border-radius: 0 !important; background:#fff; border:1px solid #bbb !important; height:30px !important;}
.select2-selection__choice{padding:3px 5px !important; margin: 3px 3px 0 0 !important;}
.select2-selection--multiple {min-height: 30px !important; height: auto !important;}

.select2-selection.error{ box-shadow:inset 0 0 7px 0 #a30000; }
.select2-dropdown{margin-top:-3px; }
.select2-container--focus .select2-selection{color:#333; /*background: #fefded; box-shadow:0 0 5px 0 #0e325a;*/ border-color:#999 !important;}

.page form.toptolist{z-index:5; width:800px; left:50%; margin-left:-400px; top:5px; position:absolute; display:none; }
.page form.toptolist.show{display:inline-block;}
.form-top-information{padding:7px 0 7px 0;}
.form-top-information i{margin-right:6px; color: #333; font-size:16px;}

.page .login-formu{position:absolute; height:275px; width:400px; left:50%; top:50%; margin:-138px 0 0 -200px;}
.page .login-formu-logo{width:100%; text-align:center; border-bottom:1px solid #aaa; padding-bottom:7px; margin-bottom:7px;}
.page .login-formu-logo img{ height:39px; margin:4px 0 0 0;}
.page .login-formu-uyari a{font-size:11px; color:#888; padding:3px; margin-top:7px; }
.page .login-formu .login-logo{/* border-radius:23px; padding:0 8px; background-color: #6d6e72; */}

.proje-formu #map-canvas{height:296px; width:100%; border:1px solid #ccc; position:absolute; z-index:10; }
.proje-formu .opengpsmin{display:inline-block; background:#eee; border:1px solid #bbb; text-align:center; padding:7px 0; font-weight:normal; cursor:pointer;}
.proje-formu .opengpsmin:hover{background:#fff;}

.topbutton-container{width:100%; padding:10px 7px;}
.topbutton{ width:50px; float:right; margin-left:4px; border:1px solid #aaa; cursor: pointer; border-radius: 5px; background:#eee; color:#444; font-style: normal; padding:3px 5px; font-size: 11px; font-weight: normal;}
.topbutton i{margin-right:3px; cursor: pointer;}
.topbutton:hover{background: #fdfdfd; color: #000;}
.topbutton-container .table-add-button{width:120px;position:inherit;margin:0 0 0 4px;}

/*
.formplupload .formihaledosyalari > div{ box-sizing: border-box; width:100%; padding:3px 7px; background:#f3f3f3; margin-top:1px;}
.formplupload .formihaledosyalari > div i{float:right; font-style: normal; width:55px; text-align: right; border-left:1px solid #fff;}
.formplupload .formihaledosyalari > div b{float:right; margin-right: 10px; }
*/
/*
#uploadcontainer{margin-top:10px;}
#uploadcontainer .btn{ padding:4px 7px; width:120px; }
#uploadconsole{ color:#df2929; border:0; background: #fff; padding:3px; display:none; }
#uploadfiles{display: none; }
#uploadaftersave{ padding:10px 0;}
*/

.uploads .addfilebt{background:#80bffd; text-align: center; padding:10px 0; color:#fff; cursor: pointer;}
.uploads .addfilebt:hover{background:#069;}
.uploads .uploadbuttons{width:100%; display: inline-block;}
.uploads .uploaddetails{width:100%; display: inline-block; padding:5px 0;}
.uploads #uploadconsole{ color:#df2929; border:0; background: #fff; padding:7px 4px; display:none; }
.uploads #uploadfilelist{ }

.uploads .images{width:100%; display: inline-block;}
.uploads .images .imagespan{position: relative; margin-right: 3px; display:inline-block; }
.uploads .images a{width:40px; height:40px; border-radius: 4px; border:1px solid #aaa; padding:1px; background-size:cover; float:left; margin:0 5px 5px 0; opacity:.8; transition: all .2s ease-out;}
.uploads .images a:hover{opacity:1; transform: scale(1.1);}
.uploads .images .imagespan i{position: absolute; top:-7px; cursor:pointer; right:0; color:#fff; background:#f00; padding-top:1px; text-align: center; width:16px; height: 16px; border-radius: 8px; box-shadow:0 0 2px 0 #000;}
.uploads .images .imagespan i:hover{transform: scale(1.2);}

#montajDaireTable .uploads{ padding:0; }
#montajDaireTable .uploads .images{ width:calc(100% - 40px); padding-top:2px; text-align: left; float:left;}
#montajDaireTable .uploads .images a{width:35px; height:30px; margin:0;}
#montajDaireTable .addfilebt{ width:36px; float:right; height:35px;}
#montajDaireTable .mainrow td{ background:rgba(128,191,253,.15); border-top:4px solid #80bffd; }
#montajDaireTable .mainrow td:first-child{ background: #80bffd; color:#fff; font-weight: bold; font-size:15px; }
#montajDaireTable .subtitle th{ text-align: center; color:#999; }
#montajDaireTable .subtitle .opennewrow{ color:#666; font-size:14px; cursor: pointer;}
#montajDaireTable .subrow{ transition: .2s ease all; }
#montajDaireTable .subrow.hiddenrow{ display:none; }
/* #montajDaireTable .subrow i.fa{ color:#666; font-size:14px; float: left; margin-left:5px;} */

.uploads #uploadfilelist > div{ box-sizing: border-box; width:100%; padding:3px 7px; background:#f3f3f3; margin-top:1px;}
.uploads #uploadfilelist > div i{float:right; font-style: normal; width:55px; text-align: right; border-left:1px solid #fff; padding:0 7px;}
.uploads #uploadfilelist > div b{float:right; margin-right: 10px; }
.uploads #uploadfilelist > div em{float:right; font-style: normal; width:55px; text-align: right; border-left:1px solid #fff;}

.fixedTitle{ position: fixed; z-index:2; left:0; top:44px; width: 100%; padding:0 3px; height:40px; background:#fff;  box-shadow: inset 0 0 10px -5px #000;}
.fixedTitle #planolusturhead{margin-top:20px;}


.musterilistesi tbody a.fa{display:inline-block; font-size:14px; margin:0 5px; text-decoration: none; color:#555;}
.musterilistesi tbody a.fa-star{color:#ffa300; text-shadow: 0 0 2px #ff0;}
.musterilistesi tbody a.fa-flag{color:#32d220; text-shadow: 0 0 2px #d0ffb5;}
.musterilistesi tbody td i{ margin:0 5px;}
.musterilistesi tbody a.yonet{margin-left:15px; font-size:16px;}

.projelistesi tbody a.fa{display:inline-block; font-size:14px; margin:0 5px; text-decoration: none; color:#555;}
.projelistesi tbody a.fa-star{color:#ffa300; text-shadow: 0 0 2px #ff0;}
.projelistesi tbody a.fa-flag{color:#32d220; text-shadow: 0 0 2px #d0ffb5;}
.projelistesi tbody td i{ margin:0 5px;}
.projelistesi tbody a.yonet{margin-left:15px; font-size:16px;}
.projelistesi tbody td:first-child{ position: relative;  }
.projelistesi tbody i{ display:none; color:#f00; position:absolute; left:5px; bottom:7px; font-weight: normal; font-size:11px; }
.projelistesi tbody td:first-child:hover{line-height: 1px !important; padding-bottom:16px;}
.projelistesi tbody td:first-child:hover i{ display:inline-block; }

.rootgorevsec{width:100%; color:#fff;}
.rootgorevsec h3{width:100%; color:#000; text-align: center; font-weight: normal; margin-bottom:7px;}
.rootgorevsec a{display:inline-block; border-radius: 3px; color:#fff !important; width:100%; font-size:14px; text-align:center; padding:9px 0; margin:8px 0; }
.rootgorevsec a.addphone{background:#6692a0;} 
.rootgorevsec a.addmeeting{background:#8ac9d9;}
.rootgorevsec a.addbid{background:#e9ca57;}
.rootgorevsec a.addorder{background:#a0c64f;}
.rootgorevsec a.adddraw{background:#d0a3a3;}
.rootgorevsec a.addmeter{background:#c4c3c4;}
.rootgorevsec a.addcontrol{background:#8ea2b1;}
.rootgorevsec a i{color:#fff; float:left; margin-left:7px; font-size:16px;}

.montajtopbuttons .topbutton{ width:34px; }
.montajtopbuttons .topbutton i{ margin-right:0; }
.montajtopbuttons .topbutton.table-add-button{ width:77px; }
.montajtopbuttons .topbutton.table-add-button i{  margin-right:3px; color:#369;  }
.montajlistesi tbody a.fa{display:inline-block; font-size:14px; margin:0 4px; text-decoration: none; color:#555;}
.montajlistesi tbody a.fa.slc{color:#ffa300; text-shadow: 0 0 2px #ff0;}
.montajlistesi tbody td i{ margin:0 5px;}
.montajlistesi tbody a.yonet{margin-left:15px; font-size:16px;}
.montajlistesi tbody td:first-child{ position: relative;  }
.montajlistesi tbody i{ display:none; color:#f00; position:absolute; left:5px; bottom:7px; font-weight: normal; font-size:11px; }
.montajlistesi tbody td:first-child:hover{line-height: 1px !important; padding-bottom:16px;}
.montajlistesi tbody td:first-child:hover i{ display:inline-block; }

.surec_scroll{overflow:hidden; overflow-y: auto; max-height: 250px;}
.projesurecleri div.footer{width:100%; height:15px;}
.projesurecleri{ table-layout: fixed;}
.projesurecleri table thead{font-size: 11px;}
.projesurecleri table tbody{font-size:10px;}
.projesurecleri .addorderheader{background:#a0c64f; color:#fff;}
.projesurecleri .addbidheader{background:#e9ca57; color:#fff;}
.projesurecleri .addmeetingheader{background:#8ac9d9; color:#fff;}
.projesurecleri .addphonecallheader{background:#6692a0; color:#fff;}
.projesurecleri .adddrawheader{background:#d0a3a3; color:#fff;}
.projesurecleri .addmeterheader{background:#c4c3c4; color:#fff;}
.projesurecleri .addcontrolheader{background:#8ea2b1; color:#fff;}
.projesurecleri .addserviceheader{background:#ae88ba; color:#fff;}
.projesurecleri table tbody span.user{display: block; }
.projesurecleri table tbody span.user i{ color:#888; font-style: normal; }
.projesurecleri table tbody span.user i:after{content:"▻"; margin:0 2px 0 2px;}

.addbidtable .sonuctd{position: relative; text-align: left; padding-left:6px;}
.addbidtable .sonuctd i{position: absolute; right:5px; top:50%; height:12px; margin-top:-6px; cursor: pointer; color:#84adfa;}
.addbidtable .sonuctd i:hover{color:#000; }
.addbidtable .sonuctd b{display:none;}
.projesurecleri .addphonecalltable{}
.projesurecleri .adddrawtable{}

.projesurecleri a.refreshbt, .projesurecleri a.returnbt, .projesurecleri .tableheadericon{position:absolute; left:10px; font-size: 13px; cursor: pointer;}
.projesurecleri a.addformbt, .projesurecleri a.editbt{position:absolute; right:10px; font-size: 14px; cursor: pointer; width:16px; height: 16px;}

.jAlert .projetelarama em{display:inline-block; width:100%; padding:0; margin:7px 0 0 0; font-style: normal;}
.jAlert .projetelarama em:first-child{margin:0;}
.jAlert .projetelarama a{display:inline-block; width:100%; padding:3px 5px; background:#eee; border:1px solid #aaa; border-radius: 4px; margin-bottom:5px;}
.jAlert .projetelarama a.active{background:#94fcae;}
.jAlert .projetelarama a i{float:right; font-style: normal;}
.jAlert .projetelarama b{display:inline-block; text-align: center; padding:3px 5px; background:#ffffb8; border:1px solid #666; border-radius: 4px; margin:5px 1%;}
.jAlert .projetelarama .snc,.jAlert .projetelarama .pdrm,.jAlert .projetelarama .dk{text-align: center; margin-top:7px;}
.jAlert .projetelarama .snc b{width:31%;}
.jAlert .projetelarama .pdrm b{width:31%;}
.jAlert .projetelarama .dk b{width:9%;}
.jAlert .projetelarama b.active{background:#94fcae;}



.montajsurecleri div.footer{width:100%; height:15px;}
.montajsurecleri{ table-layout: fixed;}
.montajsurecleri table thead{font-size: 11px;}
.montajsurecleri table tbody{font-size:10px;}

.montajsurecleri a.refreshbt, .montajsurecleri a.returnbt, .montajsurecleri .tableheadericon{position:absolute; left:10px; font-size: 13px; cursor: pointer;}
.montajsurecleri a.addformbt, .montajsurecleri a.editbt{position:absolute; right:10px; font-size: 14px; cursor: pointer; width:16px; height: 16px;}
.montajsurecleri a.editquickbt,.montajsurecleri a.savequickbt,.montajsurecleri a.cancelquickbt{position:absolute; right:35px; font-size: 14px; cursor: pointer; width:16px; height: 16px;}
.montajsurecleri .onlyeditval{ display:none; }

#montajDaireTable thead th{ padding: 10px 5px; text-align: center; }
#montajDaireTable tbody tr { background: ##fdfdfd; }
#montajDaireTable tbody tr:nth-child(2n) { background: #f3f3f3; }
#montajDaireTable tbody tr td{ padding:1px; text-align: center; }
#montajDaireTable tbody tr td input{ background: transparent; text-align: center; }

/****** RAPORLAMA SAYFASI ******/

.fullgraphcontainer{display:inline-block; position:absolute; top:0; left:0; width:100%;height:100%; background:#fff;}
.graphdiv{display:inline-block; position:absolute; top:4%; left:4%; width:92%;height:92%;}
.mapdiv{display:inline-block; position:absolute; top:0; left:0;  width:100%;height:100%;}

.jAlert .ja_body textarea.note{width:100%; margin-top:5px;}
.jAlert .ja_body a{color:#069;}
.jAlert .ja_body a.ja_btn{color:#fff;}

/* select2 4.0.3 readonly fix */
select[readonly].select2 + .select2-container { pointer-events: none; touch-action: none;
	.select2-selection { background: #eee; box-shadow: none; }
	.select2-selection__arrow,.select2-selection__clear { display: none; }
}

select[cssreadonly].select2 + .select2-container { pointer-events: none; touch-action: none;
	.select2-selection { background: #eee; box-shadow: none; }
	.select2-selection__arrow,.select2-selection__clear { display: none; }
}


.dataTableContainer tfoot th{padding: 5px 2px 5px 2px !important;}

.gorevlistesi .nameonmobile{ display:none; font-size:10px; color:#999; margin-right:5px; }

@media print {
	
	
	html,body{height:auto; min-height: 100%;}
	.top-menu{background: transparent;}
    .top-menu .geoinfodiv , .top-menu .user-info , .top-menu .rightmenu-bt{display:none !important;}
    .top-menu h2{text-align: right; padding-right: 210px;}
    .copyright{display:none;}
    .formimzalar{display:inline-block !important;}
    
    .masrafgirisi #masrafgir *{font-size:10px !important;}
    .masrafgirisi #masrafgir input{padding: 3px 1px !important; height: 24px !important;}
    .masrafgirisi #masrafgir .select2-selection{height:24px !important;}
    .masrafgirisi #masrafgir .select2-selection__rendered{line-height: 22px !important;}
    .masrafgirisi .masrafustgiris{display:none;}
    .masrafgirisi .ctrlbuttons{display:none;}
    .masrafgirisi #masrafgir th:last-child{display:none;}
    .masrafgirisi tr.st2{display:none;}
    .masrafgirisi #masrafgir th{padding:3px 0;}
    .masrafgirisi #masrafgir td{padding:0;}
    #masrafustgiris .input{padding: 2px 1px !important; height: 20px !important;}
    #masrafustgiris th{padding: 2px 5px !important;}
    #masrafustgiris td{padding:0 !important;}
    .masrafgirisi #masrafgir td:last-child{display:none;}
    .masrafgirisi #masrafgir .satirekle{display: none;}
    .masrafgirisi *{color:#000 !important;}
    
    .masraftoplamdiv{position: relative; top:0; left:0; margin-bottom: 5px; }
    .degistirform{display:none;}
    
    .ctrlbuttons{display:none;}
    .select2-selection__arrow{display:none !important;}
    #generalajaxform{width:100%; max-width: 100%; box-shadow:0 0 0 0 !important; border-radius: 0 !important; padding: 0 !important; border: 0 !important;}
    #generalajaxform .label{padding-right: 0;}
    #generalajaxform .label > span{left:0;}
    #generalajaxform #submitbutton{display:none;}
    .eczanegorselform #baseImgView{width: 100%;}
    
    .numunepromosyontalep .ugrouplist{display:none;}
    .numunepromosyontalep .topinfo .bt{display:none;}
    
}


/**********************/
@media (max-width: 660px) {
    /* iphone yatay */
    /*.top-menu h2{font-size:12px; font-weight:normal; padding-right:0; width:100%; left:0;}
    .top-menu .logo{height:18px; margin:12px 10px;}
    .top-menu .user-info{right:42px; top:14px; font-size:11px;}
    
    .dashboard .leftcol{width:100%; float:left;}
	.dashboard .rightcol{width:100%; float:left;}*/

}

@media (max-width: 800px) {
    
    .gorevlistesi .nameonmobile{ display:inline-block;}
    
    /*body{padding-top:20px;}*/
    
    .top-menu .shorturls{ top:auto !important; position:fixed; bottom:10px; z-index:55; }
    /* .top-menu .shorturls{ top:27px !important; } */
    .top-menu .shorturls a{width:24px; height:24px; font-size:11px; line-height: 22px; margin-left:5px; border:1px solid #999;}
    
    .dashboard .leftcol{display:inline-block; height: auto !important; width:100%; float:left; clear:both; min-height: auto;}
	.dashboard .rightcol{width:100%; height: auto !important; opacity:0; float:left; }

	.dashboard #rpcontainer{ display:none; }
	.dashboard-tabs{display:inline-block;}
	.dashboard .hatirlatmalist{margin-top:0; max-height: 1000px;}
	.dashboard #scheduler_here{height:850px !important; margin-top:5px !important;}
	.dashboard #scheduler_here .dhx_cal_tab{width:40px; left:41px !important; top:18px;}
	.dashboard #scheduler_here .dhx_cal_tab.dhx_cal_tab_first{left:0 !important;}
	.dashboard #scheduler_here .dhx_cal_tab.dhx_cal_tab_last{left:82px !important;}
	.dashboard #scheduler_here .dhx_cal_next_button{width:40px; right:0; top:18px;}
	.dashboard #scheduler_here .dhx_cal_prev_button{width:40px; right:41px; top:18px;}
	.dashboard #scheduler_here .dhx_cal_today_button{width:45px; right:90px; top:18px;}
	.dashboard #scheduler_here .dhx_cal_date{font-size:12px; top:-7px; color:#888; text-align: right;}
	.dashboard .dhtmlxgosterge{display:none;}
	.dashboard .dhtmlxgosterge div{ display:inline-block; width:25% !important; margin:0; text-align: left; float:left; box-sizing: border-box;}
	.top-menu .headshortcut.favprojelist{ left:36%;}
	.top-menu .headshortcut.siparislist{ left:64%;}
	
	.top-menu .geoinfodiv{display:none !important;}
    .top-menu .topcurrency{display:none !important;}
    .top-menu .logo{height:12px; margin:12px 10px;}
    .top-menu .user-info{display: none !important;}
    .top-menu h2{padding-right:0; text-align: left; left:100px; width:calc(100% - 150px); }

    form{ display:inline-block; width:98% !important; margin:10px 0 22px 0 !important; left:0 !important; position: relative !important; }
    .jAlert form{width:100% !important; margin:0 !important;}
    form h3{padding:12px 9px 5px 8px !important;}
    form .label{padding:1px 9px !important;}
	form .label > span{width:100%; position:relative; left:0;}
    form .label.radio label{ width:auto; }
    form .label.check label{width:auto;}
    
    form .table-exit-button{top:15px;}
    
    /*form .label.irtibat{padding-left:70px !important;}
	form .label.irtibat > span{width:70px; position: absolute; font-size:10px; padding-right:2px; padding-top: 3px;}*/
	
	form .label.mobile100 .part1{width:100%;}

	.page{height:auto !important;}
	.dashboardpage{height:1px !important;}
    .page .login-formu{height:auto !important; top:15px !important; left:0!important;}
    .page .login-formu .label span{position: relative; left:0; padding:10px 0 4px 0;}
    .page .login-formu .label.check{ padding:15px 9px !important;}
    
    .userfirstpage .flist{width:95%;}
    
    .ja_wrap .jAlert{width:94% !important;}
    .ja_wrap .closejAlert{right:0; top:0; border-radius: 0 4px 0 10px;}
    
    .projesurecleri .hmob{display:none;}
/*
    .checkinpage   .flist{width:96%;}
    .checkinpage .flist a i{clip: rect(0, 120px, 30px, 0); font-size:10px; }
    .checkinpage .flist a em{ font-size:10px; }
    .customer-form .opengpsmin{display:inline-block; margin:-4px 0 4px 0; float:right;}
    .customer-form .opengpsbut{width:100% !important;}
*/
    /*form.customer-form .accuracyview{padding:14px 0 4px 0 !important;}*/
    
    .container .part-content{padding:0 3px;}    
    .part-content.content50{width:100% !important; margin-top:-15px !important;}
    
    .topbutton-container{margin-bottom:15px;}
    .dataTables_length{display:none !important;}
/*     .table-add-button.project-add{display:none;} */
    .table-add-button.musteri-add{display:none;}
    #dataTable_wrapper{margin:8px 1px 0 1px ;}
    
    .dhx_cal_light.dhx_cal_light_wide{ width:98%; }
    .dhx_cal_light.dhx_cal_light_wide .dhx_cal_larea{ width:calc(100% - 10px); }
    .dhx_cal_light.dhx_cal_light_wide .dhx_cal_ltext.dhx_cal_radio{ width:calc(100% - 110px); height:auto !important; }
    .dhx_cal_light.dhx_cal_light_wide .dhx_cal_ltext.dhx_cal_radio input{ float:left; clear:left; }
    .dhx_cal_light.dhx_cal_light_wide .dhx_cal_ltext.dhx_cal_radio label{ float:left; padding-top:3px;}
    
    .dhx_cal_light.dhx_cal_light_wide .dhx_wrap_section{  width:calc(100% - 10px); }
    .dhx_cal_light.dhx_cal_light_wide .dhx_wrap_section .dhx_section_time{ float:left; padding-left:8px; width:calc(100% - 110px); height:auto !important;  }
    .dhx_cal_light.dhx_cal_light_wide .dhx_wrap_section .dhx_section_time > *{ float:left; }
    .dhx_cal_light.dhx_cal_light_wide .dhx_wrap_section .dhx_section_time > span{ display:none; }
    .dhx_cal_light.dhx_cal_light_wide .dhx_wrap_section .dhx_section_time .dhx_readonly{ clear:left; }
    
    /* .part-content.w200{ overflow: hidden; overflow-x: scroll; }
    .part-content.w200 #montajsureclerkayit{  width:250% !important; max-width:250% !important; } */
    
    #montajsureclerkayit .mobilescroll{ overflow: hidden; overflow-x: scroll; }
    #montajsureclerkayit .mobilescroll table{  width:250% !important; max-width:250% !important; }
    
}

@media (min-width: 550px) and (max-width: 660px) {
	
}

/* iPad */
@media screen and (min-device-width: 768px) {
    /* ipad-portrait */
    @media screen and (max-width: 896px) { 
        /*body{padding-top:20px;}*/
    }
    /* ipad-landscape */
    @media screen and (orientation:landscape) and (min-width: 897px) { 

    }
}

@media (max-width: 700px) {
    /*.top-menu .date{ width:100px;}
    .top-menu #date_start{left:9px;}
    .top-menu #date_end{left:113px;}
    .top-menu .date_refresh{left:217px; }
    .
    */
}


@media (max-width: 500px) {
    
    /* .top-menu h2{width:95px;} */
}


@media screen and (device-width: 768px) {
    /*
    .top-menu .date{ width:100px;}
    .top-menu #date_start{left:9px;}
    .top-menu #date_end{left:113px;}
    .top-menu .date_refresh{left:217px; }
    */
}

/* iPhone */
@media screen and (max-device-width: 480px) {

    /* iphone-portrait */
    @media screen and (max-width: 400px) { 

    }
    
    /* iphone-landscape */
    @media screen and (min-width: 401px) {

    }
    

}

/*@media (orientation:landscape) {
    html.ipad.ios7,html.ipad.ios7 > body { height: 672px !important; }
}
 
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}
*/

@media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2)
/* and (orientation : todo: you can add orientation or delete this comment)*/ {
                 /*IPhone 5 only CSS here*/
}

@media (device-height: 568px) and (height: 529px), (device-height: 480px) and (height: 441px) {
	/* minimal-ui is active */
}

@media (device-height: 568px) and (height: 460px), (device-height: 480px) and (height: 372px) {
	/* normal mode, minimal-ui inactive */
}