/*@import url('cssreset.css');*/
/* @import 'font-awesome.min.css'; */
@import 'font-awesome.min-6.7.2.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/periodpicker/jquery.periodpicker.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; -ms-box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
  
  /* Seçim yapmayı kapat - aç */
   -webkit-user-select: none;  
     /* -webkit-user-select: none;   */

/* tarık repo test  */
    
}
  /*

  yazıda seçim yapmayı kapatıp açar*/ 


::-webkit-scrollbar { display: none; }
::-webkit-credentials-auto-fill-button { visibility: hidden; }
input:-webkit-autofill {background-color: white !important; color:#000 !important; -webkit-opacity: 1 !important;}
input::-webkit-input-placeholder { color: #888 !important; }

/* #dataTable ::-webkit-scrollbar { display: inline-block; } */

/* ::-webkit-scrollbar{
  height: 4px;
  width: 4px;
  background: gray;
}
 */
 ::-webkit-scrollbar:horizontal{
   display: inline-block;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   height: 4px;
   width: 4px;
   border-radius: 3px;
   background: rgba(0,0,0,.5);
 }

/* input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder { -webkit-text-fill-color: currentcolor; opacity: 1; } */
/* .talepler_numunepromosyon input{-webkit-text-fill-color: #880000;opacity: 1 !important;color:#880000 !important;} */
/* .talepler_numunepromosyon input{-webkit-overflow-scrolling:auto !important;} */

input,textarea,select{font:12px Arial;  outline:none; -webkit-user-select:text; -webkit-scrollbar: }

input, input:before, input:after {-webkit-user-select: initial;-khtml-user-select: initial; -moz-user-select: initial;-ms-user-select: initial;user-select: initial;} 

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); }

#siteIframeControl{position:absolute; width:100%; height:40px; top:0; left:0; background:#fff; z-index:500; padding:6px 10px; border-bottom:1px solid #069; box-shadow:0 0 7px -3px #000;}
#siteIframeControl .ifrlogo{display:inline-block; vertical-align:text-top; width:140px; margin-top:2px;}
#siteIframeControl .hideIframe{float:right; vertical-align:text-top;}
#siteIframeDiv{position:absolute; width:100%; height:100%; top:0; left:0; background:#eee; padding-top:40px; z-index:499;}
#siteIframeDiv iframe{display:inline-block; width:100%; height:100%; border:0; outline:0; -webkit-overflow-scrolling:touch;}

.copyright{position:fixed; z-index:1; right:5px ; bottom:5px; font-size:10px; opacity:.2; color:#555;}

/****** 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;}

/****** TOP MENU *******/
.top-menu{position:absolute; box-shadow: 0 0 10px -5px #000; z-index:2; 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:calc(100% - 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:calc(100% - 400px); left:200px;}
.top-menu h5{position:absolute; font-size:10px; z-index:8; font-weight: normal; padding:0; color:#8b9991; top:12px; text-align: center; width:calc(100% - 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 .geoinfodiv em{color:#aaa; font-style: normal;}.top-menu 

.shortcut{  margin:10px 0 16px 10px; float: left; color:#666; }
.top-menu .shortcut button{float:left; margin-right:5px; font-size:12px; border-radius: 10px; border: solid #ff0000 1px;    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); background-color: #fff;
}


.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:25px; margin:15px 0 10px 10px; opacity:.8; float: left;}
.top-menu .logo2{height:22px; margin:5px 10px 0px 0px; opacity:.8; right: right;}
.top-menu .user-info{position:absolute; cursor: pointer; color:#999; top:0; right:50px; text-align: right; background:#f3f3f3; border-radius: 0 0 12px 12px; padding:6px 7px; box-shadow: 0 1px 2px 0 #BBB; }
.top-menu .user-info span{ float:right; margin-top:2px; cursor: pointer; }
.top-menu .user-info i{font-size:10px; color:#bbb; cursor: pointer; }
.top-menu .user-info .user-info-img{ margin-left:8px; float:right; cursor: pointer; background: #fff; color:#aaa; width:30px; height: 30px; border-radius: 15px; box-shadow: 0 1px 2px 0 #555;}
.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 .quicktopmenu{ display:none; position:fixed; top:38px; right:50px; border-radius: 10px 0 10px 10px; z-index:9999; background:#f3f3f3; padding:12px 3px 2px 3px; width:165px; box-shadow: 0 1px 2px 0 #BBB; }
.top-menu .quicktopmenu a{ width:100%; padding:2px 7px; margin:3px 0; cursor: pointer; }
.top-menu .quicktopmenu a b{ float:right; color:#555; margin:2px 7px 0 0; font-weight: normal; font-size:14px; cursor: pointer; }
.top-menu .quicktopmenu a i{ float:right; color:#0b0fee; padding:5px; border-radius: 11px; width:21px; height:21px; background: rgb(88, 224, 176); cursor: pointer; }

/****** 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 *******/
.container{display:inline-block; position:relative; z-index:1; width:100%; height:100%; padding:3px 0; overflow: hidden !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; }
.page{ position:relative; z-index: 1; display:inline-block; width:100%; text-align: center; min-height: calc(100% - 15px); top:0; left:0; } /* calc(100% - 15px) */
.content{ width:100%;}

/****** 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;}


form.addtouser{
  z-index: 5;
  width: 800px;
  left: 50%;
  margin-left: -400px;
  top: 5px;
  position: absolute;
  display: none; /*  tassarım aşaması bittiğinde bu satır aktif edilmelidir*/
}

form.addtouser.show{display:inline-block;}
form.veriEkleForm{
  z-index: 5;
  width: 800px;
  left: 50%;
  margin-left: -400px;
  top: 5px;
  position: absolute;
  display: none; /*  tassarım aşaması bittiğinde bu satır aktif edilmelidir*/
}
form.veriEkleForm.show{display:inline-block;}
.table-add-to-user-button{
  position:absolute; 
  z-index:2; 
  left:600px; 
  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-to-user-button i{margin-right:3px;}
.table-add-to-user-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;}


.bt.sorgula{ width:150px; padding:7px 10px; cursor: pointer; border:1px solid #ccc; 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%); }
.bt.sorgula:hover{border-color:#888;}

#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;}

.ui-tooltip {
  white-space: pre-line;
}

.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;}
/* datatablede ki "Sayfada * Kayıt Göster" alanı  */
.dataTables_wrapper .dataTables_length{float:left ; display: flex; flex-direction: row; text-wrap: nowrap; justify-content: space-between;align-items: center;gap: 5px; width: auto;  } 
.dataTables_wrapper .dataTables_length select{max-width: 60px;}

.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%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center !important; border:1px solid #bbb; border-radius: 4px; color:#999 !important; padding:1px 7px !important;}
.dataTableContainer tfoot input{width:100%; text-align: center; border:1px solid #bbb; border-radius: 4px;}
.dataTableContainer tfoot input::placeholder {  color:#999 !important; opacity: 1; text-align: center !important; }

.dataTableContainer .select2-container{margin:0 0 0 0 !important; padding: 0 !important;height:auto !important; min-height: 18px !important; }
.dataTableContainer .select2-selection--multiple{height:auto !important; min-height: 18px !important; padding:0 !important; margin: 0 !important; border-radius: 4px !important; box-shadow: none !important; border: 1px solid #bbb !important;}
.dataTableContainer .select2-selection__rendered{ padding:1px !important; display: inline-block !important; min-height: 18px !important; margin:0 !important; margin-bottom: -5px !important;}
.dataTableContainer .select2-search--inline{ display: inline-block !important;padding:0 !important; margin:0 !important; min-height: 14px !important;}
.dataTableContainer .select2-selection__choice{padding: 0 4px 0 2px !important; display: inline-block!important; color:#fff !important; font-weight: normal !important; background:#ffb459 !important; border-radius: 2px; line-height: 14px !important; border: 0 !important; margin: 0 1px 1px 1px !important;}
.dataTableContainer .select2-selection__choice__remove:after{display:none !important;}
.dataTableContainer .select2-selection__choice__remove{padding: 0px 0 2px 0; color:#d66464 !important; font-weight: normal !important; min-width: 8px; max-height: 14px; min-height: 14px; border-radius: 7px; }
.dataTableContainer .select2-selection__choice__remove:before{font-size:14px;}
.dataTableContainer .select2-search--inline{padding:0;}
.dataTableContainer .select2-search input{min-height: 10px; line-height: 10px; height: 10px; margin-top: 2px !important;}
.dataTableContainer tfoot .swrap{ width:100%; position: relative; display: inline-block; }
.dataTableContainer tfoot .swrap::before { position:absolute; right: 3px; top:6px; color:#888; font-size: 0.75em; pointer-events: none; content: '▼'; }
table.dataTable .tleft{text-align: left;}
table.dataTable .tcenter{text-align: center;}
table.dataTable .tright{text-align: right;}
table.dataTable.display tbody .red input{background:transparent !important;}
table.dataTable.display tbody .red .select2-selection--single{background:transparent !important;}


table#baremgiris thead th{padding:10px 0;}
table#baremgiris tbody td{padding:1px;}
table#baremgiris tbody .input{background: transparent !important;}
table#baremgiris tbody .input.numeric{text-align: center; padding: 7px 1px !important;}
table#baremgiris table tbody .select2-selection--multiple{background:transparent !important;}
table#baremgiris tbody .select2-selection__rendered{padding:0px 1px !important;}
table#baremgiris tbody .select2-selection__choice{font-size:10px; border-radius: 0 !important; padding:1px 3px 1px 1px !important; margin:1px 1px 0 0 !important;}
table#baremgiris tbody .select2-selection__choice span{margin-right: 1px !important;}
table#baremgiris tbody .input{font-size:10px;}
table#baremgiris td.noarrowselect .select2-selection__arrow{display:none;}
table#baremgiris .baremno{color:#595f65; font-weight: bold; text-align: center;}
table#baremgiris .kuralharf{padding:5px 5px; font-weight: bold; text-align: center; color:#6286aa; font-size: 11px;}

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

.dashboard{width:100%; padding-top:20px;}
.dashboard.page{ padding-top:0;}

.dashboard .hizlimenu{width:22%; float:left; margin:0 1% 0 1%; min-height:300px; border:1px solid #aaa;}
.dashboard .hizlimenu .hmenulist{ padding:10px 10px 4px 10px; }
.dashboard .hizlimenu .bt{ border-radius: 6px; width:100%; margin: 0 0 4px 0; font-size:14px; padding:10px; cursor:pointer; }
.dashboard .hizlimenu .bt:hover{border-color:#555;}
.userfirstpage-i{display:block; color:#444; margin:16px 0 12px 0;}
.userfirstpage-i img{width:130px; height:130px; border-radius: 65px;}
.userfirstpage{width:100%; text-align: center;}
.userfirstpage .flist{display:inline-block; width:100%; text-align: center;}
.userfirstpage .title5{display:inline-block; border-bottom:1px solid #999; font-size:14px; color:#bd0b0b; text-align: left; margin:4px 0; padding-bottom:2px; width:90%;}
.userfirstpage p{color:#777;}

.dashboard .leftcol{ position:relative; padding-top:73px; width:24%; float:left; margin:0 1% 0 1%;  /* border:1px solid #aaa; */}
.dashboard .yapilacaklar{position:relative; padding-top:0; width:24%; float:left; margin-right:1%; display:inline-block;}
.dashboard .yapilacaklar.newyapilacaklar{ padding-top:73px; }
.dashboard .sagcontainer{width:48%; float:left; min-height:300px; display:inline-block;}

.dashboard .summarylist{ position:relative; z-index:2; display:inline-block; width:100%; background: rgba(251, 169, 221,.1); padding:0 5px; border-bottom: 1px solid #aaa; }
/* .dashboard .userfirstpage-i{display:block; color:#444; margin:16px 0 12px 0;}
.dashboard .userfirstpage-i img{width:130px; height:130px; border-radius: 65px;} */
.dashboard .userfirstpage{width:100%; text-align: center;}
.dashboard .userfirstpage .flist{display:inline-block; width:100%; text-align: center;}
.dashboard .userfirstpage .title5{display:inline-block; border-bottom:1px solid #999; font-size:14px; color:#bd0b0b; text-align: left; margin:4px 0; padding-bottom:2px; width:90%;}
.dashboard .userfirstpage p{color:#777;}
.dashboard .dashcurrency{display:block; text-align: center; margin:3px 0 12px 0; font-size:11px; color:#58970a}
.dashboard .dashcurrency b{margin:0 4px 0 10px; color:#0a960a;}
.dashboard .dashcurrency b:first-child{margin-left:0;}
/* 
.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 .benimgorevlerim{ border:1px solid #aaa; background: #fff; }
.dashboard .benimverdiklerim{ border:1px solid #aaa; margin-top:10px;  background: #fff;}
.dashboard .orijinalUrunListesi{ border:1px solid #aaa; margin-top:10px;  background: #fff;}
.dashboard .ticketgorevlerim{ border:1px solid #aaa; margin-top:10px;  background: #fff;}

.dashboard .hatirlatmalist h3{ border: 1px solid #aaa; }
.dashboard .hatirlatmalist{ position:relative; width: calc(100% + 10px); padding:1px 4px; min-height: 90px; max-height: 250px; overflow: hidden; overflow-y: auto; margin:0 -5px 0 -5px; } 
.dashboard .hatirlatmalist li{ overflow:hidden; 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; border-left-color:#aaa; border-right-color:#aaa; 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; 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; text-align: left; width:calc(100% - 60px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}
.dashboard .hatirlatmalist li .hlevel{left:2px; width:43px; height:5px; bottom:2px; padding:0; background:#ddd;}
.dashboard .hatirlatmalist li .hlevel b{ display:inline-block; height:5px; float:left; background:#fb903d; }
.dashboard .hatirlatmalist li .huser{left:54px; top:20px; vertical-align: middle; color:#777;}
.dashboard .hatirlatmalist li .htype{right:3px; top:3px; color:rgb(95, 150, 205); font:"Arial Narrow";}
.dashboard .hatirlatmalist li .hstatus{right:3px; top:20px; color:rgb(43, 95, 226); font:"Arial Narrow";}
.dashboard .hatirlatmalist li .hstatus u{color:#f00; text-decoration: none;}
.dashboard .hatirlatmalist li .pausewaitinfo{ right:2px; top:1px; font-size:16px; }
.dashboard .hatirlatmalist li .pauseinfo{ color:rgb(99, 112, 215); margin-left: 3px; }
.dashboard .hatirlatmalist li .pauseinfo.pausecolor-2{ color:rgb(99, 215, 120); }
.dashboard .hatirlatmalist li .waitinfo{ color:rgb(132, 177, 145); margin-left: 3px; }
.dashboard .hatirlatmalist li.overdue .hdate{ background:rgb(249, 190, 190); }
.dashboard .hatirlatmalist li .karsiyaaltgorev{ position: absolute; cursor:pointer; right:5px; top:12px; font-size: 14px; color:#777; }
.dashboard .hatirlatmalist li .karsiyaaltgorev:hover{ color:#069; }

.ja_body .gorevbaslik{ color:#069; font-style:normal; background:rgb(216, 214, 234); width:100%; padding:5px 7px; border-radius: 5px; }
.ja_body .suggestinfo{ display:inline-block; margin-top:20px; color:rgb(163, 28, 28) }
.ja_body #gorev1imagefilesbt{ display:inline-block; width:100%; text-align: center; padding:5px; }
.ja_body .gorev_newfiles{ padding:4px 0; }
.ja_body .gorev_newfiles li { opacity:.75; width:100%; background:#eee; padding:3px 4px 1px 4px; margin:1px 0; border-radius: 3px; }
.ja_body .gorev_newfiles li:nth-child(even) {background: #ccc; }
.ja_body .gorev_newfiles li span{ display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:205px; }
.ja_body .gorev_newfiles li i{ display:inline-block; float:right; padding:0 3px 0 0; width:38px; text-align: right; }
.ja_body .gorev_newfiles li b{ display:inline-block; float:right; font-weight: normal; padding:0 3px; width:45px; text-align: right; }
.ja_body .gorev_newfiles li em{ cursor:pointer; display:inline-block; float:right; padding:1px 1px 0 3px; }
.ja_body .gorev_newfiles li em:hover{ color:#000; }
.ja_body .gorev_newfiles li.old{ opacity:1; }
.ja_body .gorev_newfiles li.old span{ width:250px; }
.ja_body .gorev_newfiles li.uploaderror{ color:rgb(196,32,32); }
.dashboard #rpcontainer{width: 100%; height: 100px; margin: 0 auto; position: absolute; top:-20px; left:0; padding:0 2px 0 1px;}
.ja_body .gorevpopform .label .spanleft{ float:left;width:30%!important; padding:7px 0 7px 6px; background:#eee; border:1px solid #ccc; border-right-width:0 ; }
.ja_body .gorevpopform .label .divright{ float:left;width:70%!important; }

.dashboard .countview{ position: absolute; border-radius: 2px; height: 60px; top:0; left:51%; width:49%; float:left; background:#0b0fee; }
.dashboard .countview:first-child{ left:0; }
.dashboard .countview.cnt_bugunkalan{ background: #43a2ef; }
.dashboard .countview.cnt_onaybekleyen{ background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);}
.dashboard .countview.cnt_talepedilen{ background: #e4efc0; }
.dashboard .countview i{ font-size:34px; color:#333; float:left; width:42px; padding:12px 10px; }
.dashboard .countview span{ float:right; width:calc(100% - 42px); text-align: left; padding:14px 0 0 14px;}
.dashboard .countview span b{ display:block; font-size:18px;}
.dashboard .calendar{ display:inline-block; width:100%; border:1px solid #aaa; }
.dashboard .calendar .day{display:inline-block; width:100%; border:0; padding:2px 5px; height: auto;}
.dashboard .calendar .day .cell{display:inline-block; padding:7px 8px; margin:3px 0; }
.dashboard .calendar .day .cell.birthday{color:#777;}
.dashboard .calendar .day .cell.birthday i{color:#6f8094;}
.dashboard h3{padding:10px;}
.ui-tooltip.ui-widget{ font-family: Arial, Helvetica, sans-serif; }

/* .dashboard .hizlimenu .hmenulist{ padding:10px 10px 4px 10px; }
.dashboard .hizlimenu .bt{ border-radius: 6px; width:100%; margin: 0 0 4px 0; font-size:14px; padding:10px; cursor:pointer; }
.dashboard .hizlimenu .bt:hover{border-color:#555;} */
.dashboard .onaylist {padding:5px 2px 0 2px;border-radius:5px;
}
.dashboard .onaylist .bt{display:inline-block; width:100%; margin-bottom:1px; cursor: pointer;}
.dashboard .onaylist .bt *{cursor: pointer;}
.dashboard .onaylist .bt.title{ border:1px solid #aaa; background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); }
.dashboard .onaylist .bt > div{float:left; height:100%; display:inline-block;}
.dashboard .onaylist .bt .title{width:18%; padding:8px 0;}
.dashboard .onaylist .bt .title i{margin:0 5px 0 3px;}
.dashboard .onaylist .bt .name{width:35%; padding:8px 0;}
.dashboard .onaylist .bt .desc{width:28%; padding:8px 0;}
.dashboard .onaylist .bt .date{width:19%; padding:1px 0;}
.dashboard .onaylist .bt.title > div{padding:3px;}

.dashboard h3 i{float:right; }
.dashboard h3 i.fa-tasks{cursor: pointer;}
.dashboard h3 em{float:right; font-style: normal; font-size:12px; color:#666;}
.dashboard h3 a{float:left; font-style: normal; font-size:18px; margin-top:-1px; color:#666;}
.dashboard .onaybekleyenler { width:100%; float: left; margin-bottom: 20px; border:2px solid #fcbe62; display:inline-block; border-radius: 3px;}
.dashboard .onaybekleyenler h3{ font-weight: normal; color:#444; background: -moz-linear-gradient(top, #efe9a0 0%, #fcbe62 100%); background: -webkit-linear-gradient(top, #efe9a0 0%,#fcbe62 100%); background: linear-gradient(to bottom, #efe9a0 0%,#fcbe62 100%);}
.dashboard .onaybekleyenler .bt{background: -moz-linear-gradient(top, #efe9a0 0%, #fcbe62 100%); background: -webkit-linear-gradient(top, #efe9a0 0%,#fcbe62 100%); background: linear-gradient(to bottom, #efe9a0 0%,#fcbe62 100%);}
.dashboard .onaybekleyenler .bt.title{ border-color:#eec602; 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%);}
.dashboard .onaybekleyenler .fa{float: left; padding:2px 0 0 3px;}

.dashboard .talepedilenler{width:100%; float:left; border:2px solid #8ebe1d; display:inline-block; border-radius: 5px;}
.dashboard .talepedilenler h3{ font-weight: normal; color:#444; background: -webkit-linear-gradient(top, #e5edce 0%,#cad69c 100%); background: linear-gradient(to bottom, #e5edce 0%,#cad69c 100%); }
.dashboard .talepedilenler .bt{background: -moz-linear-gradient(top, #e5edce 0%, #cad69c 100%); background: -webkit-linear-gradient(top, #e5edce 0%,#cad69c 100%); background: linear-gradient(to bottom, #e5edce 0%,#cad69c 100%);}
.dashboard .talepedilenler .bt.title{ border-color:#9bcc28; 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%);}
.dashboard .talepedilenler .fa{float: left; padding:2px 0 0 3px;}

.dashtaskformbg{ display:none; z-index:1; position: fixed; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0,0.4);  }
#dashtaskform{ display: none; }
#dashtaskform .label.radio label{ margin-left:0; }

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

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;
}

form.alternate {
  width: 100%;
  top: 0;
  max-width: 100%;
  padding: 10px 0px;
  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 textarea.input {
  height: auto;
  min-height: 60px;
}

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.3%;
  margin-right: 2%;
}

form .part71,
form .part72,
form .part73,
form .part74,
form .part75,
form .part76,
form .part77 {
  position: relative;
  display: inline-block;
  float: left;
  width: 13%;
  margin-right: 2%;
}

form .part81,
form .part82,
form .part83,
form .part84,
form .part85,
form .part86,
form .part87,
form .part88 {
  position: relative;
  display: inline-block;
  float: left;
  width: 11.25%;
  margin-right: 2%;
}

form .part91,
form .part92,
form .part93,
form .part94,
form .part95,
form .part96,
form .part97,
form .part98,
form .part99 {
  position: relative;
  display: inline-block;
  float: left;
  width: 10%;
  margin-right: 2%;
}

form .part101,
form .part102,
form .part103,
form .part104,
form .part105,
form .part106,
form .part107,
form .part108,
form .part109,
form .part110 {
  position: relative;
  display: inline-block;
  float: left;
  width: 9%;
  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 .part2,
form .part44,
form .part22,
form .part33,
form .part55 {
  margin-right: 0;
}
/* 5'li bölümler */
form .part5d1,
form .part5d5 {
  position: relative;
  display: inline-block;
  float: left;
  width: 18%;
}
form .part5d2,
form .part5d4 {
  position: relative;
  display: inline-block;
  float: left;
  width: 20%;
}

form .part5d3 {
  position: relative;
  display: inline-block;
  float: left;
  width: 24%;
}

/* 6'lı bölümler */
form .part6d1,
form .part6d6 {
  position: relative;
  display: inline-block;
  float: left;
  width: 15%;
}

form .part6d2,
form .part6d5 {
  position: relative;
  display: inline-block;
  float: left;
  width: 18%;
}

form .part6d3,
form .part6d4 {
  position: relative;
  display: inline-block;
  float: left;
  width: 17%;
}

/* 7'li bölümler */
form .part7d1,
form .part7d7 {
  position: relative;
  display: inline-block;
  float: left;
  width: 13%;
}

form .part7d2,
form .part7d6 {
  position: relative;
  display: inline-block;
  float: left;
  width: 15%;
}

form .part7d3,
form .part7d5 {
  position: relative;
  display: inline-block;
  float: left;
  width: 14%;
}

form .part7d4 {
  position: relative;
  display: inline-block;
  float: left;
  width: 16%;
}

/* 8'li bölümler */
form .part8d1,
form .part8d8 {
  position: relative;
  display: inline-block;
  float: left;
  width: 11%;
}

form .part8d2,
form .part8d7 {
  position: relative;
  display: inline-block;
  float: left;
  width: 12%;
}

form .part8d3,
form .part8d6 {
  position: relative;
  display: inline-block;
  float: left;
  width: 13%;
}

form .part8d4,
form .part8d5 {
  position: relative;
  display: inline-block;
  float: left;
  width: 14%;
}

/* 9'lu bölümler */
form .part9d1,
form .part9d9 {
  position: relative;
  display: inline-block;
  float: left;
  width: 10%;
}

form .part9d2,
form .part9d8 {
  position: relative;
  display: inline-block;
  float: left;
  width: 11%;
}

form .part9d3,
form .part9d7 {
  position: relative;
  display: inline-block;
  float: left;
  width: 12%;
}

form .part9d4,
form .part9d6 {
  position: relative;
  display: inline-block;
  float: left;
  width: 13%;
}

form .part9d5 {
  position: relative;
  display: inline-block;
  float: left;
  width: 14%;
}

/* 10'lu bölümler */
form .part10d1,
form .part10d10 {
  position: relative;
  display: inline-block;
  float: left;
  width: 9%;
}

form .part10d2,
form .part10d9 {
  position: relative;
  display: inline-block;
  float: left;
  width: 10%;
}

form .part10d3,
form .part10d8 {
  position: relative;
  display: inline-block;
  float: left;
  width: 11%;
}

form .part10d4,
form .part10d7 {
  position: relative;
  display: inline-block;
  float: left;
  width: 12%;
}

form .part10d5,
form .part10d6 {
  position: relative;
  display: inline-block;
  float: left;
  width: 13%;
}

form .label span.doublerow {
  top: 2px;
  line-height: 13px;
}

/* 
form .label.radio label, .radio label {
  display: inline-block;
  padding: 0 10px 0 0;
  text-align: left;
  vertical-align: middle;
} */

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: 10px 7px 0 0;
  margin-left: 7px;
  min-width: 70px;
  text-align: left;
  vertical-align: middle;
}

form .label.radio label.firstlabel {
  width: auto;
}

form .label.radio input,
.radio input {
  margin: 6px 0 0 0;
  vertical-align: middle;
}

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,
.check input {
  margin: 6px 0 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-top: -19px;
  margin-bottom: 0;
  text-align: left;
  width: 100%;
  box-shadow: none;
  padding: 0;
}

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 .label.radio input {
  margin: -1px 5px 0 0;
}

.dynamicSearchResults {
  position: absolute;
  display: inline-block;
  width: 400px;
  max-height: 200px;
  min-height: 100px;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 0 2px #666;
  z-index: 500;
}

.dynamicSearchResults span {
  display: inline-block;
  cursor: pointer;
  background: #fff;
  width: 100%;
  padding: 4px 5px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}

.dynamicSearchResults span:hover {
  background: #eee;
}

.select2 {
  width: 100% !important;
  border-radius: 0 !important;
}

.select2,
.select2 * {
  outline: none !important;
}

.select2-selection__choice {
  padding: 3px 5px !important;
  margin: 3px 3px 0px 0 !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--multiple {
  min-height: 30px !important;
  height: auto !important;
}

.select2-selection.error {
  box-shadow: inset 0 0 7px 0 #a30000;
}

.select2-container--focus .select2-selection {
  background: #fefded;
  color: #333;
  box-shadow: 0 0 5px 0 #0e325a;
  border-color: #999 !important;
}

/* .select2-results__options .select2-results__option[aria-disabled=true] { display: none; } */
.select2-container .select2-results__option.optInvisible {
  display: none;
}

form.toptolist {
  z-index: 5;
  width: 800px;
  left: 50%;
  margin-left: -400px;
  top: 15px;
  position: absolute;
  display: none;
}

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;
}

.login-formu {
  position: absolute;
  height: 290px;
  /* height: 350px; */
  width: 400px;
  left: 50%;
  top: 50%;
  margin: -145px 0 0 -200px;
  text-align: center;
}

.login-formu-logo {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.login-formu-logo img {
  height: 46px;
  margin: 4px 0 0 0;
}

.login-formu-uyari a {
  font-size: 11px;
  color: #888;
  padding: 3px;
  margin-top: 7px;
}

.login-formu div .button{

  background:#1db51d;
  box-shadow: none !important;
  border-radius: 4px !important;
  border:0 !important;
  color:#fff;
  font-size:14px;
  width:100%;
  padding:10px;


}

.customer-form {}

.customer-form #map-canvas {
  height: 220px;
  width: 100%;
  border: 1px solid #ccc;
}

.customer-form .opengpsmin {
  display: block;
  background: #eee;
  border: 1px solid #bbb;
  text-align: center;
  width: 80px;
  padding: 4px 0;
  margin-top: 15px;
  font-weight: normal;
  cursor: pointer;
}

.customer-form .opengpsmin:hover {
  background: #fff;
}


/****** SİPARİŞ FORMU ******/
/* 
form.siparisver {
  padding: 8px 4px;
} */
/* 
.siparisver .tarih {
  float: right;
  padding: 8px 0;
}

.siparisver .eczanesec {
  float: right;
  position: relative;
  text-align: left;
  width: 250px;
  margin: 0 0 10px 10px;
}
.siparisver .deposec {
  float: right;
  text-align: left;
  width: 170px;
  margin: 0 0 10px 10px;
  border-radius: 5px;
} */

/* 
.siparisver .bakiyeadetarea input {
  float: right;
  text-align: left;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #f80202; 
  width: 150px;
  height: 30px;
  position: relative; 
  margin-right: 5px;
  top: 2px;
  box-shadow: 
    inset 0 -2px 2px rgba(0, 0, 0, 0.5), 
    0 -2px 2px rgba(255, 0, 0, 0.5),
    0 1px 2px rgba(249, 1, 1, 0.6), 
    0 0 2px rgb(255, 0, 0); 
}
.siparisver .hediyearea input {
  float: right;
  text-align: left;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #f80202; 
  width: 150px;
  height: 30px;
  position: relative; 
  margin-right: 5px;
  top: 2px;
  box-shadow: 
    inset 0 -2px 2px rgba(0, 0, 0, 0.5), 
    0 -2px 2px rgba(255, 0, 0, 0.5), 
    0 1px 2px rgba(249, 1, 1, 0.6), 
    0 0 2px rgb(255, 0, 0); 
}

 */


/* 
.siparisver .hpsiparistursec select  , option{
  float: right;
  text-align: left;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #f80202; 
  width: 170px;
  height: 30px;

  box-shadow: 
   
    inset 0 -2px 2px rgba(0, 0, 0, 0.5),
    0 -2px 2px rgba(255, 0, 0, 0.5), 

    0 1px 2px rgba(249, 1, 1, 0.6), 
    0 0 2px rgb(255, 0, 0); 
} */



/* .siparisver .kullanicisec {
  float: right;
  position: relative;
  text-align: left;
  width: 170px;
  margin: 0 0 10px 10px;
}

.siparisver .sysfirmasec {
  float: right;
  position: relative;
  text-align: left;
  width: auto;
  margin: 0 58px 10px 10px;
} */

/* .siparisver .sysfirmasec .syschoicediv {
  margin: 0 5px;
  height: 30px;
  width: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: bold;
  float: left;
  border: 1px solid #fff; 
  border-radius: 5px; 
  line-height: 10px;
  cursor: pointer;
  box-shadow: 
  inset 0 2px 3px rgba(255, 0, 0, 0.5), 
  inset 0 -3px 5px rgba(0, 0, 0, 0.5), 
  0 2px 2px rgba(255, 0, 0, 0.5), 
  0 -2px 2px rgba(255, 0, 0, 0.5), 
  0 2px 2px rgba(249, 1, 1, 0.5), 
  0 0 2px rgb(255, 0, 0); 
  background: linear-gradient(to bottom, #e5e5e5 0%, #d1d1d1 40%, #888888 100%);
  transition: all 0.3s ease;
} */
/* .siparisver .sysfirmasec .syschoicediv:hover {
  box-shadow: 
    inset 0 3px 6px rgba(255, 0, 0, 0.7),
    inset 0 -4px 6px rgba(250, 250, 250, 0.7),
    0 6px 8px rgba(0, 0, 0, 0.9),
    0 -4px 6px rgba(5, 5, 5, 0.8), 
    0 3px 3px rgba(0, 0, 0, 0.7),
    0 0 3px rgba(0, 0, 0, 1.2);
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 40%, #a3a3a3 100%);
}
.siparisver .sysfirmasec .syschoicediv:active {
  box-shadow: 
    inset 0 6px 8px rgba(0, 0, 0, 0.6),
    0 4px 4px rgba(0, 0, 0, 0.4);
  background: linear-gradient(to bottom, #388e3c 0%, #2e7d32 50%, #1b5e20 100%);
  transform: translateY(2px); 
}
.siparisver .sysfirmasec .syschoicediv.active {
  box-shadow: 
    inset 0 6px 8px rgba(0, 0, 0, 0.6),
    0 4px 1px rgba(0, 0, 0, 0.4);
  background: linear-gradient(to bottom, #388e3c 0%, #2e7d32 50%, #1b5e20 100%);
  transform: translateY(0px); 
} */




/* 
table.dataTable.display tbody tr.odd{ background: transparent !important;}
table.dataTable.display tbody tr.even{ background: transparent !important;}
table.dataTable.display tbody tr.odd.red{ background: transparent !important;}
table.dataTable.display tbody tr.even.red{ background: transparent !important;}

table.dataTable.display tbody tr:not([style="display:none"]):nth-of-type(odd){ background: #f3f3f3 !important; }
table.dataTable.display tbody tr:not([style="display:none"]):nth-of-type(even){ background: #fff !important; }

table.dataTable.display tbody tr:not([style="display:none"]):nth-child(odd).red{ background: #f3e1e1 !important; }
table.dataTable.display tbody tr:not([style="display:none"]):nth-child(even).red{ background: #ffe4e4 !important; } */




/* 
.siparisver .dynamicSearchResults {
  left: 0;
  top: 25px;
}


.siparisver .yontemsec {
  float: right;
  text-align: left;
  width: 140px;
  margin: 0 0 10px 10px;
} */
/* 
.siparisver .karsisipdiv {
  float: right;
  text-align: left;
  width: 120px;
  margin: 0 0 10px 10px;
  border: 1px solid #17fd36;
}

.siparisver .karsisipdiv input {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #4cc83e;
  font-size: 14px;
  text-align: center;
  background: rgb(254, 254, 194);
}

.siparisver .bt {
  display: inline-block;
  float: right;
  text-align: center;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 7px;
  width: 120px;
} */
/* 
.siparisver .bt.yenisiparis {
  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%);
}

.siparisver .bt.siparisigonder {
  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%);
} */
/* 
.siparisver .bt.siparistamamla {
  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%);
}

.siparisver .bt.siparisvazgec {
  background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 100%);
}
.siparisver .bt.ilavemfonayla {
  background: -moz-linear-gradient(top, #b4f6c1 0%, #17ed73 100%);
background: -webkit-linear-gradient(top, #b4f6c1 0%, #17ed73 100%);
background: linear-gradient(to bottom, #b4f6c1 0%, #17ed73 100%);
white-space: nowrap;
} */
/* 
.siparisver .bt.tsmonayla {
  background: -moz-linear-gradient(top,    #9b59b6 0%, #2980b9 100%);
  background: -webkit-linear-gradient(top, #9b59b6 0%, #2980b9 100%);
  background: linear-gradient(to bottom,  #9b59b6 0%, #2980b9 100%);
  white-space: nowrap;
}
.siparisver .bt.bmonayla {
  background: -moz-linear-gradient(top,    #11998e 0%, #38ef7d 100%);
  background: -webkit-linear-gradient(top, #11998e 0%, #38ef7d 100%);
  background: linear-gradient(to bottom,  #11998e 0%, #38ef7d 100%);
  white-space: nowrap;
}
.siparisver .bt.siparisonayla {
  background: -moz-linear-gradient(top, #b4f6ed 0%, #17ede0 100%);
  background: -webkit-linear-gradient(top, #b4f6ed 0%, #17ede0 100%);
  background: linear-gradient(to bottom, #b4f6ed 0%, #17ede0 100%);
}

.siparisver .bt:hover {
  border-color: #888;
}

.siparisver table {
  border-bottom: 1px solid #ddd;
}

.siparisver table th,
td {
  text-align: center;
} */
/* 
.siparisver table input {
  width: 100%;
  padding: 4px 7px;
}

.siparisver table input.numeric {
  text-align: center;
}

.siparisver table input:read-only {
  color: #777;
}

.siparisver table tbody td:first-child {
  text-align: left;
}

.siparisver .topinfo .msg {
  display: inline-block;
  float: left;
  margin-top: 8px;
  color: #5aa5ff;
} */
/* 
.siparisver .kargizlegoster {
  float: left;
  width: 40px !important;
  margin: 0 10px 10px 0;
  color: #3f781b;
  width: 100px;
  background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  background: -webkit-linear-gradient(top, #e5e696 0%, #d1d360 100%);
  background: linear-gradient(to bottom, #e5e696 0%, #d1d360 100%);
  padding: 5px 3px 2px 3px;
  line-height: 10px;
}

.siparisver .kargizlegoster span {
  font-size: 10px;
  opacity: .7;
} */
/* 
.siparisver .siparisiptal {
  float: left;
  padding: 5px 7px 6px 7px;
  width: 40px !important;
  margin: 0 10px 10px 0;
  color: #7b570e;
  width: 100px;
  background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%);
  background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 100%);
}

.siparisver .siparisiptal i {
  font-size: 16px;
}

.siparisver .siparisiptal.passivebt {
  width: 100px !important;
  cursor: default;
} */
/* 
.siparisver .iptalsebebitext {
  float: left;
  margin-bottom: 10px;
  clear: both;
  font-size: 14px;
  color: #ad1a1a;
}

.siparisver .siparistarih {
  float: left;
  color: #4476bf;
  margin-top: 10px;
}

.siparisver .kardagoster {
  display: none;
}

.siparisver .topinfo .bt i {
  cursor: pointer;
} */
/* 
.siparisver .topKazanc {
  background: #ffff99;
}

.siparisver .footTopKazanc {
  font-size: 14px;
  color: #000 !important;
}

.siparisver .footTopKazanc del {
  color: #999;
}

.siparisver .footTopKazanc b {
  color: #069;
  font-size: 16px;
}

.siparisver .footTopFiyat del {
  color: #999;
} */
/* 
.siparisver .footTopFiyat b {
  color: #069;
  font-size: 16px;
}

.siparisver tfoot th {
  padding: 10px 3px 6px 3px !important;
}

.siparisver tr.hidden {
  display: none;
}

.siparisver tbody tr td:first-child {
  position: relative;
}

.siparisver tbody tr td .baremgoster {
  text-align: left;
  width: 100%;
  right: 3px;
  bottom: -1px;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
} */


/* 
.siparisver tbody tr td .baremgoster {
  position: absolute;
  text-align: right;
  width: 100%;
  right: 3px;
  bottom: -1px;
  font-size: 11px;

  color: #000000;
  font-weight: bold;
} */
/* 
.siparisver tbody tr td .baremgoster em {
  font-style: normal;
  display: inline-block;
  padding: 2px 4px 0 4px;
  border-radius: 4px 4px 0 0;
  opacity: .8;
  background: #ffff00;

  margin: 0 0 0 3px;
}

.siparisver tbody tr td .baremgoster em.firsatbarem {

  color: #000000;
}

.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_0 {

  background: #ffff00;
}

.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_1 {
  background: #96e682;
} */
/* 
.siparisver tbody tr td .baremgoster em.firsatbarem.brmord_2 {
  background: #8294e6;
}

.siparisver tbody tr .depodadurum {
  font-size: 11px;
  padding: 1px 7px;
}

.siparisver tbody tr .depodadurum span {
  font-size: 13px;
  color: #888;
  margin-top: 4px;
}

.siparisver input.copyadet,
.siparisver input.readoadet,
.siparisver input.copymfadet,
.siparisver input.readomfadet {
  opacity: .7;
  text-align: center;
} */
/* 
.siparisver .newtable tbody tr {
  display: none;
}

.siparisver tbody tr.startrow {
  display: table-row;
}

.siparisver tbody tr.startrow td {
  height: 250px;
  padding: 50px 0;
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #999;
}

.siparisiptalformu div {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 2px 3px;
  margin: 4px 0;
  background: #eee;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ddd;
} */
/* 
.portalmailuyari {
  background: #fffb0c !important;
  padding: 4px 12px !important;
  margin-right: 12px !important;
  box-shadow: 0 1px 3px 0 #999;
  width: auto !important;
  cursor: default !important;
}

.siparisver .eczdepostokyuklebt {
  float: right;
  cursor: pointer;
  font-size: 14px;
}

.siparisver .eczdepostokyuklebt:hover {
  text-shadow: 0 0 2px #fff, 0 0 2px #000;
}

.siparisver table input {
  background-color: rgba(255, 255, 255, .8);
}

.siparisver .siparisadet {
  background-color: rgba(255, 255, 0, .1);
  padding: 2px;
} */
/* 
.siparisver .odd .siparisadet {
  background-color: rgba(255, 255, 0, .06);
}

.siparisver .poadet {
  background-color: rgba(228, 76, 134, 0.08);
  padding: 2px;
}

.siparisver .odd .poadet {
  background-color: rgba(228, 76, 134, 0.04);
}

.siparisver .onayliadet {
  background-color: rgba(0, 132, 255, .08);
  padding: 2px;
}

.siparisver .odd .onayliadet {
  background-color: rgba(0, 132, 255, .04);
}

.siparisver .gonderimadet {
  background-color: rgba(0, 255, 55, .08);
  padding: 2px;
} */
/* 
.siparisver .odd .gonderimadet {
  background-color: rgba(0, 255, 55, .04);
}
.siparisver .logoadetdonen {
  background-color: rgba(0, 153, 255, 0.08);
}
.siparisver  .logomfdonen {
  background-color: rgba(0, 153, 255, 0.08);
}

.siparisver #eskisiparis_listesi .expandtable,
.siparisver #eskisiparis_listesi_all .expandtable {
  padding: 2px 12px;
  font-style: normal;
  box-shadow: 0 0 2px 0 #444;
  border-radius: 5px;
  background: #60ad50;
  color: #fff;
  cursor: pointer;
  float: right;
}

.siparisver #sipkampanyadetaygoster {
  display: none;
  width: 100%;
  margin-bottom: 10px;
} */
/* 
.siparisver #kampanya_listesi,
.siparisver #eskisiparis_listesi,
.siparisver #eskisiparis_listesi_all {
  border-radius: 4px;
  background: #f7f7b6;
  display: inline-block;
  width: 100%;
  overflow: auto;
  max-height: 140px;
  border: 1px dashed #999;
}

.siparisver #kampanya_listesi {
  max-height: 170px;
}

.siparisver #kampanya_listesi table,
.siparisver #eskisiparis_listesi table,
.siparisver #eskisiparis_listesi_all table {
  opacity: .8;
}

.siparisver #kampanya_listesi {
  margin-top: 5px;
} */
/* 
.siparisver #kampanya_listesi em.sipkampanyaekle {
  padding: 3px 5px;
  font-style: normal;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: #60ad50;
  color: #fff;
  cursor: pointer;
}

.siparisver #kampanya_listesi em.sipkampanyaekle.activebt {
  background: #7369ce;
}

.siparisver #eskisiparis_listesi_all {
  background: #cdb6f7;
  margin-bottom: 8px;
  display: none;
} */


 
/* siparis silme buton */
/* .siparissil {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f44336; 
  color: white;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  transition: background-color 0.3s ease;
  width: auto; 
}

.siparissil i {
  margin-right: 8px; 
} */

/* 
.siparissil:hover {
  background-color: #d32f2f;
} 

.modal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  left: 0;
  top: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.7); 
  justify-content: center; 
  align-items: center; 
  display: flex; 
} */
/* 
.modal-content {
  position: relative;
  width: 80%; 
  height: 80%;
  background: white; 
  overflow: hidden; 
  border-radius: 8px; 
}
 */






























form.numunepromosyontalep {
  padding: 8px 4px;
}

.numunepromosyontalep .topinfo {
  min-height: 40px;
  display: inline-block;
  float: right;
}

.numunepromosyontalep .tarih {
  float: right;
  padding: 8px 0;
}

.numunepromosyontalep .eczanesec {
  float: right;
  text-align: left;
  width: 400px;
  margin: 0 10px 10px 10px;
}

.numunepromosyontalep .eczanegoster {
  float: right;
  margin: 8px 5px 10px 10px;
  color: #5aa5ff;
}

.numunepromosyontalep .bt {
  display: inline-block;
  text-align: center;
  float: right;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 7px;
  width: 120px;
  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%);
}

.numunepromosyontalep .bt.reddet {
  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%);
}

.numunepromosyontalep .bt i {
  margin-right: 5px;
}

.numunepromosyontalep .bt:hover {
  border-color: #888;
}

.numunepromosyontalep table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.numunepromosyontalep table input {
  width: 100%;
  padding: 4px 7px;
  background: #fff;
  color: #000 !important;
}

.numunepromosyontalep table input.numeric {
  text-align: center;
}

.numunepromosyontalep table tbody td:first-child {
  text-align: left;
}

.talepler_numunepromosyon .numunepromosyontalep table tbody td:first-child {
  padding-left: 45px;
  position: relative;
}

.talepler_numunepromosyon .numunepromosyontalep table tbody .imagediv {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  background: url("../images/icon-default.png");
  background-size: 35px 35px;
}

.talepler_numunepromosyon .numunepromosyontalep table tbody img {
  width: 100%;
  min-height: 100%;
  display: inline-block;
}


.numunepromosyontalep .ugrouplist {
  position: absolute;
  width: 70%;
  top: 12px;
  left: 5px;
}

.numunepromosyontalep .ugrouplist div {
  position: relative;
  float: left;
  padding: 7px 18px 7px 28px;
  margin-right: -15px;
  cursor: pointer;
}

.numunepromosyontalep .ugrouplist div i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 0 13px 13px 0;
}

.numunepromosyontalep .ugrouplist div b {
  position: relative;
  z-index: 15;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
}

.numunepromosyontalep .ugrouplist div.viewall {
  z-index: 12;
  padding-left: 14px;
}

.numunepromosyontalep .ugrouplist div.viewall i {
  background: #555;
  z-index: 12;
}

#numunepromosyonstok {}

#numunepromosyonstok thead th {
  vertical-align: bottom;
  background: #f1eeee;
}

#numunepromosyonstok thead th.userinfo {
  padding: 0;
  height: 150px;
  position: relative;
  overflow: hidden;
}

#numunepromosyonstok thead th.userinfo i {
  position: absolute;
  font-weight: normal;
  font-style: normal;
  font-size: 8px;
  bottom: -5px;
  left: 2px;
  display: inline;
  width: 150px;
  transform: rotate(270deg);
  transform-origin: left top 0;
}

#numunepromosyonstok tbody .inptd {
  padding: 0;
  width: 30px;
}

#numunepromosyonstok tbody .inptd input {
  border: 0;
  width: 100%;
  padding: 3px 0;
  background: transparent;
  text-align: center;
  height: 100%;
}

#numunepromosyonstok tbody td:first-child {
  position: relative;
  overflow: hidden;
}

#numunepromosyonstok tbody td:first-child i {
  position: relative;
  font-style: normal;
  display: inline-block;
  width: 100px;
}

#numunepromosyonstok tbody td:first-child em {
  position: absolute;
  font-style: normal;
  display: inline-block;
  left: 110px;
  width: 330px;
}

#numunepromosyonstok .stokekle {
  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%);
}















form.sunumtalep {
  padding: 8px 4px;
}

.sunumtalep .tarih {
  float: right;
  padding: 8px 0;
}

.sunumtalep .eczanesec {
  float: right;
  text-align: left;
  width: 400px;
  margin: 0 10px 10px 10px;
}

.sunumtalep .eczanegoster {
  float: right;
  margin: 8px 5px 10px 10px;
  color: #5aa5ff;
}

.sunumtalep .bt {
  display: inline-block;
  text-align: center;
  float: right;
  margin: 0 0 10px 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 7px;
  width: 120px;
  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%);
}

.sunumtalep .bt:hover {
  border-color: #888;
}

.sunumtalep table {
  border-bottom: 1px solid #ddd;
}

.sunumtalep table input {
  width: 100%;
  padding: 4px 7px;
}

.sunumtalep table input.numeric {
  text-align: center;
}

.sunumtalep table tbody td:first-child {
  text-align: left;
}

.sunumtalep table#promosyontalep {
  margin-top: 20px;
}






















/****** PERFORMANS DEĞERLENDİRME ******/

.performansdegerchange {
  display: inline-block;
  width: 44%;
  margin-top: 5px;
  float: right;
}

.performansdegerchange {
  padding: 8px 4px;
}

.performansdegerchange .firstrow {
  display: block;
  width: 70%;
  float: right;
}

.performansdegerchange .secondrow {
  display: block;
  width: 70%;
  float: right;
}

.performansdegerchange .secondrow.mt25 {
  margin-top: 25px;
}

.performansdegerchange .tarih {
  float: right;
  text-align: left;
  width: 20%;
  margin: 0 1% 10px 1%;
}

.performansdegerchange .kullanici {
  float: right;
  text-align: left;
  width: 51%;
  margin: 0 1% 10px 0;
}

.performansdegerchange .bt {
  display: inline-block;
  float: right;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 4px;
}

.performansdegerchange .bt:hover {
  border-color: #888;
}

.performansdegerchange .bt.gosterbt {
  width: 25%;
  margin-left: 1%;
  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%);
}

.performansdegerchange .bt.planonayla {
  width: 47%;
  margin-left: 2%;
  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%);
}

.performansdegerchange .bt.planreddet {
  width: 51%;
  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%);
}

.performansdegerchange .select2-selection {
  height: 24px !important;
}

.performansdegerchange .select2-selection__rendered {
  line-height: 22px !important;
}

.performansdegerchange .select2-selection__arrow {
  height: 22px !important;
}

/* .performanskunyediv{ width:calc(100% - 14px); background:#eee; margin:0 7px 10px 7px; display:inline-block; padding:3px 4px 7px 4px; border:1px solid #ddd; } */
.performanskunyediv {
  width: 100%;
  background: #eee;
  margin: 0 0 10px 0;
  display: inline-block;
  padding: 3px 4px 7px 4px;
  border: 1px solid #ddd;
}

.performanskunye {
  width: 25%;
  text-align: left;
  float: left;
  padding: 0 5px;
}

.performanskunye div {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 4px 7px;
}

.performanskunye div b {
  display: inline-block;
  width: 130px;
}

.performanskunye h5 {
  background: #fffdcc;
  border: 1px solid #ddd;
  padding: 7px 8px;
  margin: 4px 0;
}

.performansdegerform textarea.intextarea {
  resize: none;
  min-height: 100% !important;
}

.performansdegerform .printbutton {
  float: right;
  cursor: pointer;
  color: #069;
}

.performansdegerform .inputyellow {
  background: #fffdcc !important;
}

.performansdegerform {
  width: 100%;
  display: inline-block;
}

.performansdegerform .infobutton {
  float: right;
  cursor: pointer;
}

.performansdegerform .fieldhead {
  display: inline-block;
  width: 100%;
  height: 40px;
  background: #e6f9ff;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding: 0;
  float: left;
}

.performansdegerform .fieldhead b {
  font-size: 20px;
  margin-right: 10px;
}

.performansdegerform .fieldcontent {
  display: inline-block;
  width: 100%;
  padding: 0;
  float: left;
}

.performansdegerform .colorred {
  color: #f00;
}

.performansdegerform .leftcol {
  display: inline-block;
  width: 40%;
  float: left;
  height: 100%;
}

.performansdegerform .centercol {
  display: inline-block;
  width: 30%;
  float: left;
  position: relative;
  height: 100%;
  border-left: 3px solid #ccc;
}

.performansdegerform .rightcol {
  display: inline-block;
  width: 30%;
  float: left;
  position: relative;
  height: 100%;
  border-left: 3px solid #ccc;
}

.performansdegerform .leftcolx2 {
  width: 70%;
}

.performansdegerform .rightcolx2 {
  width: 60%;
}

.performansdegerform .fieldhead .leftcol,
.performansdegerform .fieldhead .centercol,
.performansdegerform .fieldhead .rightcol {
  padding: 10px;
}

/* .performansdegerform fieldset{ display:inline-block; border: 1px solid #ccc; width:calc(100% - 12px); margin-left:5px; margin-bottom: 10px; padding:0; border-left-width:8px; border-bottom-width:2px;  } */
.performansdegerform fieldset {
  padding: 0 5px;
  border: 0;
  margin: 0;
  width: 100%;
}

.performansdegerform .formpartgroup {
  display: inline-block;
  border: 1px solid #ccc;
  width: 100%;
  padding: 0;
  margin: 0 0 6px 0;
  border-left-width: 8px;
  border-bottom-width: 2px;
}

.performansdegerform fieldset.part1break .formpartgroup {
  margin-bottom: 0;
  border-bottom-width: 1px;
}

.performansdegerform .subhead {
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 36px;
  background: #fff;
  font-size: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
  float: left;
}

.performansdegerform .subhead:first-child {
  border-top: 0;
}

.performansdegerform .subcontent {
  display: inline-block;
  width: 100%;
  float: left;
  font-size: 14px;
  text-align: left;
}

.performansdegerform input.intextnum {
  text-align: center;
  border: 1px dotted #aaa;
  border-width: 0 0 2px 0;
  background: transparent;
  padding: 0 0 2px 0;
  width: 30px;
  color: #2445ff;
  font-size: 16px;
}

.performansdegerform .intextarea {
  background: transparent;
  border: 0;
  width: 100%;
  float: left;
  font-size: 14px;
  padding: 10px;
}

.performansdegerform .intextarea.results {
  background: #fffdcc;
  height: 50px;
  padding: 10px 8px;
}

.performansdegerform input.intextnum.error {
  border-color: #f00;
  background: #ffe0e0;
}

.performansdegerform .intextarea.error {
  background: #ffe0e0;
}

.performansdegerform .onlyprint {
  display: none;
}

/* .performansdegerform .infieldhead{ display:inline-block; position:relative; width:100%; height:40px; background: #e6f9ff; font-size:18px; border-bottom:1px solid #ddd; padding:10px !important; float:left; }
.performansdegerform .infieldhead b{ font-size:18px; }
.performansdegerform .rightcol .infieldhead{ color:#f00 }
.performansdegerform .infieldhead .infobutton{ float:right; cursor:pointer; } */

.performansdegerform .hedefliste table {
  background: #fff;
  width: 100%;
}

.performansdegerform .hedefliste table thead th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #fffade;
  text-align: center;
}

.performansdegerform .hedefliste table tbody td {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  text-align: center;
}

.performansdegerform .hedefliste table tbody th {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  width: 300px;
  text-align: left;
}

.performansdegerform .hedefliste table tbody tr.odd {
  background: #f3f3f3;
}

.performansdegerform .hedefliste table tfoot th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #d2e9ff;
  text-align: center;
}

.performansdegerform .hedefeczliste table {
  background: #fff;
  width: 100%;
}

.performansdegerform .hedefeczliste table thead th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #fffade;
  text-align: center;
}

.performansdegerform .hedefeczliste table thead th i {
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
}

.performansdegerform .hedefeczliste table tbody td {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  text-align: center;
}

.performansdegerform .hedefeczliste table tbody th {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  width: 300px;
  text-align: left;
  font-weight: normal;
}

.performansdegerform .hedefeczliste table tbody tr.odd {
  background: #f3f3f3;
}

.performansdegerform .hedefeczliste table tfoot th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #d2e9ff;
  text-align: center;
}

.performansdegerform .ziyaretliste table {
  background: #fff;
  width: 100%;
}

.performansdegerform .ziyaretliste table thead th {
  padding: 8px 7px;
  color: #444;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #C0D5E5;
  text-align: center;
}

.performansdegerform .ziyaretliste table tbody td {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  text-align: center;
}

.performansdegerform .ziyaretliste table tbody th {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  /*width:6.75%;*/
  text-align: left;
}

.performansdegerform .ziyaretliste table tbody tr.odd {
  background: #f3f3f3;
}

.performansdegerform .ziyaretliste table tfoot th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #d2e9ff;
  text-align: center;
}

















/* ziyaret planlari listesi css baş */
/* Sabit sütun için stil */
.sticky-column {
	width: 100px;
    position: sticky !important;
    left: 0;
    background-color: white;
    z-index: 10;
}

/* Tablo genel stili */
.ziyaretlistesidetaytable table {
    width: 100%;
    border-collapse: collapse;
}

.ziyaretlistesidetaytable th,
.ziyaretlistesidetaytable td {
	width: 100px;
    padding: 8px;
    border: 1px solid #ddd;
	  z-index: 4;
}
/* Başlıkları sabitle */
.ziyaretlistesidetaytable th {
	width: 100px;
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
    z-index: 4;
}
/* İlk footer için sabitleme ayarları */
.ziyaretlistesidetaytable tfoot th {
	width: 100px;
    position: sticky;
    bottom: 0;
	  left: 0px;
    background-color: #f2f2f2;
    z-index: 5;
}
/* Sol ilk sütunu sabitle */
.ziyaretlistesidetaytable td:first-child,
.ziyaretlistesidetaytable th:first-child {
	width: 100px;
    position: sticky;
	  left: 0px; /* 1. sütun sabitlendikten sonra sabitlenecek */
    background-color: white;
    z-index: 5;
}
/* İkinci sütun için sabitleme ayarları */
.ziyaretlistesidetaytable td:nth-child(2),
.ziyaretlistesidetaytable th:nth-child(2) {
	width: 100px;
    position: sticky;
    left: 100px; /* Sütun genişliğiyle uyumlu olarak ayarlayın */
    background-color: white;
    z-index: 5;
}
/* Birinci footer hücresi için sabitleme ayarları */
.ziyaretlistesidetaytable tfoot th:first-child {
  position: sticky;
  bottom: 0;
  left: 0px; /* İkinci sütun genişliğiyle uyumlu olarak ayarlayın */
  background-color: #f2f2f2;
  z-index: 10;
}
/* İkinci footer hücresi için sabitleme ayarları */
.ziyaretlistesidetaytable tfoot th:nth-child(2) {
    position: sticky;
    bottom: 0;
    left: 100px; /* İkinci sütun genişliğiyle uyumlu olarak ayarlayın */
    background-color: #f2f2f2;
    z-index: 10;
}
/* ziyaret planlari listesi css son */


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

.performansdegerform .ozettablo table {
  background: #fff;
  width: 100%;
}

.performansdegerform .ozettablo table thead th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #fffade;
  text-align: center;
}

.performansdegerform .ozettablo table tbody td {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  text-align: center;
}

.performansdegerform .ozettablo table tbody th {
  padding: 2px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  width: 300px;
  text-align: left;
}

.performansdegerform .ozettablo table tbody tr.odd {
  background: #f3f3f3;
}

.performansdegerform .ozettablo table tfoot th {
  padding: 8px 7px;
  border: 1px solid #aaa;
  border-width: 0 0 1px 1px;
  background: #d2e9ff;
  text-align: center;
}


.performansdegerform .formpart1 .subcontent.firsttext {
  padding: 15px 20px;
  height: 65px;
}

.performansdegerform .formpart1 .rightcol .intextarea {
  height: 40%;
}

.performansdegerform .formpart2 .fieldcontent>div {
  display: inline-block;
  width: 100%;
  border-top: 2px dotted #777;
}

.performansdegerform .formpart2 .fieldcontent>div:first-child {
  border-top: 0;
}

.performansdegerform .formpart2 .leftcol .subcontent {
  padding: 15px 20px;
  height: 80px;
}

.performansdegerform .formpart2 .centercol .intextarea {
  height: 80px;
}

.performansdegerform .formpart2 .rightcol .intextarea {
  height: 80px;
}

.performansdegerform .formpart3 .leftcol .subcontent {}

.performansdegerform .formpart3 .rightcol .intextarea {
  height: 138px;
}


.performansdegerform .formpart4 .fieldcontent>div {
  display: inline-block;
  width: 100%;
  border-top: 2px dotted #777;
}

.performansdegerform .formpart4 .fieldcontent>div:first-child {
  border-top: 0;
}

.performansdegerform .formpart4 .leftcol .subcontent {
  padding: 15px 20px;
  height: 80px;
}

.performansdegerform .formpart4 .centercol .intextarea {
  height: 80px;
}

.performansdegerform .formpart4 .rightcol .intextarea {
  height: 80px;
}

.performansdegerform .formpart5N .fieldcontent>div {
  display: inline-block;
  width: 100%;
  border-top: 2px dotted #777;
}

.performansdegerform .formpart5N .fieldcontent>div:first-child {
  border-top: 0;
}

.performansdegerform .formpart5N .leftcol .subcontent {
  padding: 15px 20px;
  height: 80px;
}

.performansdegerform .formpart5N .centercol .intextarea {
  height: 80px;
}

.performansdegerform .formpart5N .rightcol .intextarea {
  height: 80px;
}

/* 
.performansdegerform .formpart4 .leftcol > div{ padding:12px; font-size:14px; }
.performansdegerform .formpart4 .leftcol .intextarea{ height: 200px; }
.performansdegerform .formpart4 .rightcol .intextarea{ height:100px; } */

.performansdegerform .formpart5 .intextarea {
  height: 150px;
}

.performansdegerform .formpart6 .intextarea {
  height: 150px;
}

.performansdegerform .formpart7 .intextarea {
  height: 150px;
}

.performansdegerform .ozettablo label {
  text-align: center;
  width: 90px;
  margin: 0 4px;
  display: inline-block;
  background: rgba(255, 255, 255, .4);
  padding: 5px 0 5px 0;
}

.performansdegerform .ozettablo label span {
  font-size: 15px;
  color: #369;
}

.performansdegerform .ozettablo .bt {
  display: inline-block;
  float: right;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 4px;
}

.performansdegerform .ozettablo .bt.altgonderbt {
  width: 100%;
  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%);
}

.performansdegerform .ozettablo .bt:hover {
  border-color: #888;
}

.performansdegerform .ozettablo .td1 {
  width: 110px;
}

.performansdegerform .ozettablo .td2 {
  width: 220px;
}

.performansdegerform .ozettablo .td3 {}

.performansdegerform .ozettablo .td4 {
  width: 115px;
}

/****** PLAN SAYFASI ******/

.ctrlbuttons {
  display: inline-block;
  width: 100%;
  padding: 10px 0 5px 0;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}

.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 div.logoaktarbt {
  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.sehirler {
  display: none;
  width: 100%;
  padding: 0 0 5px 0;
}

.ctrlbuttons.sehirler div {
  display: none;
  width: auto;
  padding: 4px 5px 4px 9px;
  text-align: center;
  font-size: 12px;
  height: auto;
  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%);
}

.ctrlbuttons.sehirler div b {
  display: inline-block;
  font-weight: normal;
  color: #bc1414;
  margin-left: 5px;
}

.ctrlbuttons div.eczanebt,
.ctrlbuttons div.doktorbt {
  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 div.eczdetailbtn
{
  background: -moz-linear-gradient(top, #ffe4e1 0%, #f8a5c2 100%);
  background: -webkit-linear-gradient(top, #ffe4e1 0%, #f8a5c2 100%);
  background: linear-gradient(to bottom, #ffe4e1 0%, #f8a5c2 100%);
}
.ctrlbuttons div.drdetailbtn {
  
    background: -moz-linear-gradient(top, #fff8dc 0%, #f5d487 100%);
    background: -webkit-linear-gradient(top, #fff8dc 0%, #f5d487 100%);
    background: linear-gradient(to bottom, #fff8dc 0%, #f5d487 100%);
}

.ctrlbuttons.centered {
  text-align: center;
}

.ctrlbuttons.centered div {
  float: none;
}

.ctrlbuttons .segmentasyon {
  position: absolute;
  box-shadow: 0 0 2px #555;
  left: 650px;
  top: 10px;
  background: #fff;
  width: 250px;
}

.ctrlbuttons .segmentasyon th {
  font-weight: bold;
  width: 40%;
  padding: 2px 7px;
  border: 1px solid #eee;
  text-align: left;
}

.ctrlbuttons .segmentasyon td {
  width: 15%;
  padding: 2px 7px;
  border: 1px solid #eee;
  text-align: center;
}

.ctrlbuttons.takvimctrl {
  width: 40%;
  display: inline-block;
  float: left;
}

.ctrlbuttons.takvimctrl div {
  height: auto;
  padding: 14px 0;
  color: #444;
  width: 120px;
  margin: 2px 0.3%;
  float: left;
}

.ctrlbuttons.takvimctrl div i {
  font-style: normal;
  width: 100%;
  text-align: center;
  font-size: 12px !important;
  height: auto;
}

.ctrlbuttons.takvimctrl.minimal div {
  padding: 5px 0;
}

.ctrlbuttons.takvimctrl.minimal div i {
  display: none;
}

.ctrlbuttons.takvimctrl div.mazeretli {
  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%);
}

.ctrlbuttons.takvimctrl div.gelecek {
  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.takvimctrl div.gerceklesen {
  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.takvimctrl div.gerceklesmeyen {
  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%);
}
.ctrlbuttons.takvimctrl div.ikiliziyaret {
  background: -moz-linear-gradient(top, #e7d7f4 1%, #c6c5e8 100%);
  background: -webkit-linear-gradient(top, #e7d7f4 1%, #c6c5e8 100%);
  background: linear-gradient(to bottom, #e7d7f4 1%, #c6c5e8 100%);
}

.takvimdegistir {
  display: inline-block;
  width: 60%;
  margin-top: 5px;
}

.takvimdegistir {
  padding: 8px 4px;
}

.takvimdegistir .firstrow {
  display: block;
  width: 70%;
  float: right;
  margin-bottom: 7px;
}

.takvimdegistir .secondrow {
  display: block;
  width: 70%;
  float: right;
}

.takvimdegistir .secondrow.mt25 {
  margin-top: 25px;
}

.takvimdegistir .tarih {
  float: right;
  text-align: left;
  width: 150px;
  margin: 0 1% 10px 1%;
}

.takvimdegistir .kullanici {
  float: right;
  text-align: left;
  width: 150px;
  margin: 0 1% 10px 0;
}

.takvimdegistir .bt {
  /* display: inline-block; */
  float: right;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 4px;
}

.takvimdegistir .bt:hover {
  border-color: #888;
}

.takvimdegistir .bt.gosterbt {
  width: 80px;
  margin-left: 1%;
  background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);
  background: -webkit-linear-gradient(top, #deefff 0%, #98bede 100%);
  background: linear-gradient(to bottom, #d9f7f5 0%, #a6e4e1 100%);
}
.takvimdegistir .planozetgoster {
  width: 150px;
  margin-left: 1%;
  overflow: hidden;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 2% 10px 0;
  background: -moz-linear-gradient(top, #f2f6f9 0%, #c9d6df 100%);
  background: -webkit-linear-gradient(top, #f2f6f9 0%, #c9d6df 100%);
  background: linear-gradient(to bottom, #333333 10%, #000000 100%);
}
/* .takvimdegistir .planozetgoster{   
  width:150px;
  margin-left: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 1% 10px 0;
  background: -moz-linear-gradient(top, #f2f6f9 0%, #c9d6df 100%);
  background: -webkit-linear-gradient(top, #f2f6f9 0%, #c9d6df 100%);
  background: linear-gradient(to bottom, #ffd9c2 0%, #ff9f80 100%);
} */

.takvimdegistir .bt.planonayla {
  width: 49%;
  margin-left: 2%;
  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%);
}

.takvimdegistir .bt.planreddet {
  width: 49%;
  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%);
}

.takvimdegistir .select2-selection {
  height: 24px !important;
}

.takvimdegistir .select2-selection__rendered {
  line-height: 22px !important;
}

.takvimdegistir .select2-selection__arrow {
  height: 22px !important;
}

/*
.select2{width:100% !important; border-radius: 0 !important; }
.select2,.select2 *{outline: none !important;}
.select2-selection__choice{padding:2px 5px !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.error{ box-shadow:inset 0 0 7px 0 #a30000; }
.select2-container--focus .select2-selection{background: #fefded; color:#333; box-shadow:0 0 5px 0 #0e325a; border-color:#999 !important;}
*/

.ziyaretdetayi {
  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: 600px;
}

.ziyaretdetayi .ctrlbuttons {
  text-align: center;
}

.ziyaretdetayi .ctrlbuttons.takvimctrl div {
  height: auto;
  float: none;
  width: 160px;
  padding: 14px 0;
  color: #444;
  border-radius: 6px;
}

.ziyaretdetayi .ctrlbuttons.takvimctrl div:first-child {
  margin-right: 5px;
}

.ziyaretdetayi .info {
  width: 100%;
  padding: 10px 10px;
}

.ziyaretdetayi .info .adres {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}

.ziyaretdetayi .info .adrestable {
  width: auto;
}

.ziyaretdetayi .info .adrestable td {
  text-align: left;
}

.ziyaretdetayi .info .adrestable tr td:first-child {
  width: 30px;
  text-align: center;
}

.ziyaretdetayi .info .adrestable tr.newlocationinfo {
  display: none;
  color: #d93333;
}

.ziyaretdetayi .info .adrestable tr.newlocationinfo .bt {
  padding: 4px 13px;
  border-radius: 10px;
  display: inline-block;
  width: auto;
  float: left;
  margin: 5px 0 0 15px;
}

.ziyaretdetayi .info .adrestable tr.newlocationinfo .dogruluk {
  font-weight: bold;
}

.ziyaretdetayi .newlocationalert {
  color: #d93333;
}

.ziyaretdetayi .newlocationalert.newlocation {
  color: #369;
  font-weight: bold;
}

.ziyaretdetayi .disablelocation {
  color: #efaf2f;
}

.ziyaretdetayi .ziyaretmenu {
  padding: 10px 10px 4px 10px;
}

.ziyaretdetayi .ziyaretmenu .selectdiv {
  margin-bottom: 10px;
}

.ziyaretdetayi .ziyaretmenu .bt {
  border-radius: 6px;
  width: 100%;
  margin: 0 0 4px 0;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.ziyaretdetayi .ziyaretmenu .bt:hover {
  border-color: #555;
}

.ziyaretdetayi .ziyaretbaslik {
  font-size: 16px;
  text-align: center;
  padding: 10px 0 8px 0;
}

.ziyaretdetayi .ziyaretbaslik i {
  margin-right: 10px;
  font-size: 18px;
}

.ziyaretdetayi .ziyaretmenu .bt.savevisit {
  margin-top: 10px;
  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%);
}

.ziyaretdetayi .ziyaretmenu .bt.cancelvisit {
  margin-top: 10px;
  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%);
}

.ziyaretdetayi .hidden-btlist {
  display: none;
  width: 100%;
}

.ziyaretdetayi .seconddiv {
  margin-top: 10px;
}

#cancelvisitpurpose {
  width: 100%;
  text-align: center;
}

#cancelvisitpurpose label {
  display: inline-block;
  float: left;
  width: 48%;
  margin: 10px 1% 0 1%;
  background: #eee;
  padding: 5px;
}

#cancelvisitpurpose label input {
  display: inline-block;
  float: left;
}

#cancelvisitpurpose label span {
  display: inline-block;
  margin: 3px 0 0 5px;
}

#cancelvisitpurpose textarea {
  width: 98%;
  margin-top: 7px;
  border: 1px solid #999;
}

#planolusturhead {
  margin-top: 13px;
  position: relative;
  z-index: 3;
}

#planolusturhead * {
  box-sizing: border-box;
}

#planolusturhead thead th {
  padding: 0;
  position: relative;
}

#planolusturhead thead th i {
  position: absolute;
  left: 0;
  top: -17px;
  opacity: .6;
  font-weight: normal;
  font-style: normal;
  padding: 1px 0;
  font-size: 11px;
  width: 100%;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

#planolusturhead thead input {
  padding: 4px 7px;
  width: 100%;
  height: 24px !important;
  background: transparent;
  border: 0;
  text-align: center;
  font-size: 14px;
}

#planolusturhead thead th.sn {
  color: #c95757;
}

#planolusturhead thead th.on {
  color: #e28c8c;
}

#planolusturhead .cakisanguntext {
  display: none;
}

.cakisanalerthtml span {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #aaa;
  padding: 3px 0;
}

#planolusturhead .cakisangunbt {
  color: #c93232;
  border-color: #f8cbcb;
  cursor: pointer;
}

#planolusturhead .cakisangunbt em {
  margin-right: 7px;
}

#planolusturhead .cakisangunbt:hover {
  color: #111;
}

.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;
}

#planolustur {
  margin-top: -33px;
  position: relative;
  z-index: 1;
}

#planolustur * {
  box-sizing: border-box;
}

#planolustur tbody tr {
  display: none;
}

#planolustur tbody th {
  padding: 4px 2px;
  font-weight: normal;
  font-size: 11px;
  overflow: hidden;
  height: 33px;
}

#planolustur tbody th em {
  color: #777;
  display: block;
  font-style: normal;
}

#planolustur tbody td {
  padding: 9px 0;
}

#planolustur tbody .designrow {
  display: table-row;
  height: 1px !important;
  opacity: 0;
  overflow: hidden;
}

#planolustur tbody td.sn {
  background: #fbedf2;
}

#planolustur tbody td.on {
  background: #f1f1f1;
}

#planolustur tbody tr.fav th:nth-child(1) {
  color: #1270b7;
}

#planolustur tbody tr.fav th:nth-child(2) {
  color: #1270b7;
}

#planolustur tbody td i {
  font-size: 12px;
}

#planolustur tbody tr.citynote {
  width: 100%;
}

#planolustur tbody tr.citynote td {
  padding: 15px 0;
  font-size: 14px;
  color: #555;
  text-align: center;
}

#planolustur tbody tr.odd,
#planolustur tbody tr.even {
  display: table-row;
}

#planolustur tbody tr th:first-child {
  position: relative;
  height: 100%;
}

#planolustur tbody tr th:first-child i {
  position: absolute;
  left: 6px;
  font-size: 10px;
}

#planolustur tbody tr th:first-child sg {
  position: absolute;
  left: 0;
  top: 0;
  background: #dde0f6;
  color: #94379c;
  width: 20px;
  padding: 9px 0;
  font-size: 11px;
  height: 100%;
  opacity: .5;
}

#planolustur tbody tr th:first-child xx {
  display: none;
}

#planolustur {
  border-bottom: 1px solid #ddd;
}

.ziyaretlistesinote {
  width: 100%;
  margin-top: 10px;
  margin-bottom: -4px;
  color: #666;
  font-size: 10px;
}

.ziyaretlistesinote i {
  display: inline-block;
  margin: 0 2px 0 10px;
  font-weight: bold;
  font-style: normal;
}

.formimzalar {
  display: none;
  width: 100%;
  margin-top: 25px;
  border: 1px solid #ccc;
}

.formimzalar i {
  display: inline-block;
  padding: 7px 0;
  font-style: normal;
  height: 80px;
  float: left;
  text-align: center;
  border-left: 1px solid #ccc;
}

.formimzalar i:first-child {
  border: 0;
}

.formimzalar i img {
  height: 46px;
}

.formimzalar i b {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  font-size: 10px;
}

.satinalmatalep .formimzalar i {
  height: 95px;
}

.seyahatimzalar.formimzalar i {
  height: 95px;
}

.sunumimzalar.formimzalar i {
  height: 95px;
}

.arackullanim.formimzalar i {
  height: 95px;
}

form.masrafgirisi {
  display: inline-block;
  padding: 8px 4px;
  /*  margin-bottom:150px; */
}

form.masrafgirisi thead th {
  text-align: center;
}

form.masrafgirisi tbody td {
  padding: 1px;
}

form.masrafgirisi tbody .input {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 30px;
  border: 1px solid #bbb;
  background: transparent;
  color: #888;
  vertical-align: middle;
  padding: 7px 8px;
  outline: none;
  box-shadow: inset 0 0 3px -1px #555;
}

form.masrafgirisi tbody .input.aciklama {
  text-align: left;
}

form.masrafgirisi tbody .input:focus {
  color: #000;
}

form.masrafgirisi .select2-selection--single {
  background: transparent !important;
}

form.masrafgirisi .bt {
  display: inline-block;
  padding: 7px 10px;
  margin-bottom: 10px;
  float: right;
  cursor: pointer;
  border: 1px solid #ccc;
  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%);
}

#masrafustgiris {
  border: 1px solid #ddd;
  border-width: 1px 0 1px 1px;
  margin: 10px 0;
}

#masrafustgiris tbody th {
  border-width: 1px 1px 0 0;
}

form.masrafgirisi .removeline {
  color: #777;
  cursor: pointer;
  font-size: 14px;
}

form.masrafgirisi .removeline:hover {
  color: #d63b3b;
}

form.masrafgirisi .onayline {
  color: #777;
  cursor: pointer;
  font-size: 14px;
}

form.masrafgirisi .onayline:hover {
  color: #62be06;
}

form.masrafgirisi .removeline.hide,
form.masrafgirisi .onayline.hide {
  display: none;
}

form.masrafgirisi #masrafgir tr:last-child td {
  border-bottom: 1px solid #ddd !important;
}

form.masrafgirisi tr.default {
  display: none;
}

form.masrafgirisi tr.nulltr td {
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}

form.masrafgirisi tr.addline td {
  padding: 13px 0 10px 0;
  box-shadow: inset 0 3px 4px -3px #777;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  cursor: pointer;
  background: #e2f3ff
}

form.masrafgirisi tr.addline td:hover {
  background: #d5edff;
  color: #000;
}

form.masrafgirisi tr.addline i {
  margin: 0 15px;
}

form.masrafgirisi tr.st2 td {
  background: #fcf3ff;
}

form.masrafgirisi tr.st2 td:first-child {
  color: #f00 !important;
}

form.masrafgirisi tr.st2.odd td {
  background: #faeaff;
}

form.masrafgirisi .degistirform {
  width: 551px;
}

.degistirform .kullanici {
  width: 347px;
  float: left;
}

.degistirform .tarih {
  width: 122px;
  float: left;
  margin-right: 5px;
}

.masraftoplamdiv {
  width: 340px;
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 215px;
}

#masraftoplam {
  border-bottom: 1px solid #ddd !important;
  color: #555;
}

#masraftoplam thead th {
  padding: 1px 0;
  font-size: 10px;
}

#masraftoplam tbody th,
#masraftoplam tbody td {
  padding: 1px 5px;
  font-size: 11px;
}

#masraftoplam .toplam {
  font-weight: bold;
}

#masraftoplam td.limit {
  color: #d08080;
}

.onaysureci {
  width: 350px;
  font-size: 11px;
  color: #555;
  position: absolute;
  top: 10px;
}

.onaysureci div {
  width: 100%;
  padding: 0 7px;
  height: 17px;
  margin-bottom: 3px;
  color: #85d2a1;
}

.onaysureci div.red {
  color: #dea0a0;
}

.onaysureci div b {
  display: inline-block;
}

.onaysureci div em {
  color: #e088ee;
  margin: 0 0 0 5px;
}

.onaysureci div i {
  display: inline-block;
  width: 110px;
  float: left;
  font-style: normal;
}

.onaysureci div.bekleyen {
  color: #0b0fee;
}


form.satinalmatalep {
  display: inline-block;
  padding: 8px 4px;
  /*  margin-bottom:150px; */
}

form.satinalmatalep #satinalmataleptable thead th {
  text-align: center;
}

form.satinalmatalep tbody td {
  padding: 1px;
}

form.satinalmatalep tbody .input {
  display: inline-block;
  text-align: center;
  height: 30px;
  border: 1px solid #bbb;
  color: #888;
  vertical-align: middle;
  padding: 7px 5px;
  outline: none;
  box-shadow: inset 0 0 3px -1px #555;
}

form.satinalmatalep tbody .input:focus {
  color: #000;
}

form.satinalmatalep #satinalmataleptable tbody .input {
  width: 100%;
  background: transparent;
}

form.satinalmatalep #satinalmataleptable tbody .input.aciklama {
  text-align: left;
}

form.satinalmatalep #satinalmataleptable .select2-selection--single {
  background: transparent !important;
}

/* form.satinalmatalep .bt{display:inline-block; padding:7px 10px; margin-bottom: 10px; float:right; cursor: pointer; border:1px solid #ccc; 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%);} */
form.satinalmatalep #masrafgir tr:last-child td {
  border-bottom: 1px solid #ddd !important;
}

form.satinalmatalep tr.st2 td {
  background: #fcf3ff;
}

form.satinalmatalep tr.st2 td:first-child {
  color: #f00 !important;
}

form.satinalmatalep tr.st2.odd td {
  background: #faeaff;
}

#satinalmatalepust {
  border: 1px solid #ddd;
  border-width: 1px 0 1px 1px;
  margin: 10px 0;
}

#satinalmatalepust tbody th {
  border-width: 1px 1px 0 0;
}

form.satinalmatalep .onaysureci {
  width: 350px;
  font-size: 11px;
  color: #555;
  position: relative;
  top: 0;
}

form.satinalmatalep .onaysureci div {
  width: 100%;
  padding: 0 7px;
  height: 10px;
  margin-bottom: 3px;
  color: #85d2a1;
}

form.satinalmatalep .onaysureci div.red {
  color: #dea0a0;
}

form.satinalmatalep .onaysureci div b {
  display: inline-block;
}

form.satinalmatalep .onaysureci div i {
  display: inline-block;
  width: 110px;
  float: left;
  font-style: normal;
}

form.satinalmatalep .onaysureci div.bekleyen {
  color: #0b0fee;
}

.reportchart-div {
  display: inline-block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 10px;
}

.reportchart-div.with-filters {
  width: 80%;
}

.reportchart-div .chart {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 30px 10px;
  text-align: center;
  background: #fff;
  box-shadow: inset 0 0 5px #999;
}

.reportchart-div #monthlist {
  position: absolute;
  z-index: 5;
  width: 100%;
  text-align: center;
  top: 65px;
}

.reportchart-div #monthlist i {
  display: inline-block;
  padding: 3px 6px;
  font-style: normal;
  margin: 0 2px;
  border-radius: 3px;
}

.reportchart-div .ktgcontainer {
  position: absolute;
  display: inline-block;
  z-index: 10;
  width: 270px;
  height: 18px;
  right: 25px;
  top: 47px;
}

.reportchart-div .ktglogo {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  width: 14px;
  height: 18px;
  padding-top: 4px;
  margin-right: 5px;
}

.reportchart-div #ktglist {
  width: 250px;
  vertical-align: middle;
  display: inline-block;
  padding: 3px 0;
}

.reportchart-div #bottomnote {
  position: absolute;
  z-index: 5;
  width: 100%;
  text-align: center;
  bottom: 65px;
  color: #777;
}

.reportchart-filters {
  float: left;
  width: 15%;
  padding: 20px 0 0 10px;
}

.reportchart-filters h3 {
  background: #ddd;
  padding: 5px 10px;
  font-size: 12px;
  text-align: left;
}

.reportchart-filters ul {
  border: 1px solid #ddd;
  margin: 0 0 10px 0;
  max-height: 134px;
  padding: 0 3px;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: max-height .4s;
}

.reportchart-filters ul:hover {
  max-height: 264px;
}

.reportchart-filters li,
select {
  text-align: left;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  margin: 2px 0;
  padding: 4px 5px;
  color: #444;
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  box-sizing: border-box;
}

.reportchart-filters li.psv {
  color: #999;
}

.reportchart-filters li.one {
  font-weight: bold;
  padding: 7px 5px;
}

.reportchart-filters li:hover {
  background: #d1e6f0;
}

.reportchart-filters .startenddates {
  border: 1px solid #ddd;
  margin: 0 0 10px 0;
  padding: 2px 2px;
  display: inline-block;
  width: 100%;
}

.reportchart-filters .startenddates input {
  display: inline-block;
  margin: 0 2% 0 0;
  width: 40%;
  float: left;
  padding: 3px 7px;
  text-align: center;
}

.reportchart-filters .searchbt {
  display: inline-block;
  width: 16%;
  padding: 6px 0;
  background: #b5cae2;
  cursor: pointer;
}

.reportchart-filters .searchbt:hover {
  background: #a1bae1;
}


/*Ziyaret verililiği reportchart-outcome*/
.reportchart-outcome {
  width: 84%;
  border: 1px solid #ccc;
  float: right;
  margin-right: 5px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.reportchart-outcome .outcome {
  display: flex;
  flex-wrap: wrap;
}
.reportchart-outcome .area{ 
  flex: 1;
  margin: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  width: auto;
}
.reportchart-outcome .row {
  padding-top: 5px;
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}
.reportchart-outcome .box {
  flex: 1;
  margin-right: 10px;
  padding: 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  white-space: nowrap;
  border-radius: 5px;
}

.reportchart-outcome h3 {
  font-size: 15px;
  margin-top: 5px;
  margin-left: 10px;

  text-decoration: underline;
}
.reportchart-outcome h2{
  margin : 5px;
  font-size: 20px;
}
.reportchart-outcome h4{
  font-size: 12px;
}
.form-control{
  border-radius: 3px;
  padding: 10px;
  width: 100%; /* Üst div'in genişliğini ayarlar */
  box-sizing: border-box;
}
.filter-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Checkbox'ları yatay olarak aralarında boşluk bırakarak hizalar */

}
.filter-checkbox .checkbox-label {
  display: flex;
  align-items: center;
  margin-right: 5px;
  font-size: 14px; /* Checkbox yazı boyutunu büyüt */
  cursor: pointer;

}

.filter-checkbox .checkbox {
  width: 25px; /* Checkbox boyutunu büyüt */
  height: 25px; /* Checkbox boyutunu büyüt */
  border-radius: 5px;
}       
 .filter-checkbox .custom-checkbox {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 5px; /* Checkbox border-radius */
  display: inline-block;
  position: relative;
  margin-right: 3px;
}
.filter-checkbox .checkbox:checked + .custom-checkbox {
  background-color: #007bff;
  border-color: #007bff;
}
.filter-checkbox .checkbox:checked + .custom-checkbox::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 2px;
}



.select2-container--default .select2-selection--multiple {
  height: 30px; /* Yüksekliği ayarla */
}

.select2-container--default .select2-results__option {
  display: flex;
  align-items: center;
}

.select2-container--default .select2-results__option input {
  margin-right: 5px;
}



/*Listeler de kullanılan "Yükleniyor... işlemi "*/

#loading , #parsing {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  font-weight: bold;  
  font-size: large;
}

/* .box:last-child,
.box:first-child {
  margin-right: 5px;
  margin-left: 5px;
  /* Son box için sağ boşluğu kaldırır 
} */


.calendar {
  width: 100%;
  -webkit-touch-callout: none !important;
}

.calendar,
.calendar * {
  box-sizing: border-box;
}

.calendar .dayname {
  width: 16.666%;
  display: inline-block;
  float: left;
  border: 1px solid #ddd;
  padding: 7px 0;
}

.calendar .day {
  width: 16.666%;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  min-height: 200px !important;
  display: inline-block;
  float: left;
  border: 1px solid #ddd;
  position: relative;
  padding: 20px 5px 0 5px;
  background: #fff;
}

.calendar .day.disabled {
  background: transparent;
}

.calendar .day.today {
  background: rgba(247, 255, 244, 1);
}

.calendar .day>i {
  position: absolute;
  right: 5px;
  top: 4px;
  text-align: right;
  font-size: 16px;
  color: #666;
}

.calendar .day.disabled i {
  color: #ccc;
}

.calendar .cell {
  display: inline-block;
  -webkit-user-select: none !important;
  width: 100%;
  text-transform: uppercase;
  transition: all .2s ease-out;
  color: #000;
  padding: 3px;
  font-size: 11px;
  text-align: left;
  margin: 4px 0 0 0;
  border-radius: 0;
  box-shadow: 0 0 1px 0 #666;
  cursor: pointer;
}

.calendar .cell.twicedisabled {
  box-shadow: 0 0 2px 0 #f00 !important;
}

.calendar .cell:hover {
  box-shadow: 0 0 3px 0 #000;
}

.calendar .cell i {
  margin: 0 5px 0 0;
  float: left;
}

.calendar .cell i:first-child {
  margin: 0 5px 0 5px;
}

.calendar .cell span {
  display: inline-block;
  float: left;
  width: calc(100% - 40px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar .cell em {
  display: inline-block;
  width: 100%;
  font-style: normal;
  font-size: 10px;
  color: #777;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar .emptyalert {
  padding: 15px 0;
  color: #888;
  font-size: 14px;
}

.calendar .cancelallday {
  position: absolute;
  opacity: .6;
  left: 5px;
  top: 3px;
  text-align: right;
  font-size: 16px;
  color: #ccc;
  cursor: pointer;
}

.calendar .cancelallday:hover {
  color: #c40a0a;
}

.reports_kampanyatakibi .firsatbutonlar {
  width: 100%;
  padding: 30px 40px 0 40px;
  z-index: 2;
  position: relative;
}

.reports_kampanyatakibi .firsatbutonlar .firsatbt {
  display: inline-block;
  transition: .2s;
  cursor: pointer;
  margin: 0 10px;
  padding: 11px 0;
  border: 1px solid #ddd;
  background: linear-gradient(#e9ecbb 0%, #c7cfa1 100%);
  border-radius: 10px;
  width: calc(20% - 20px);
}

.reports_kampanyatakibi .firsatbutonlar .firsatbt h2 {
  color: #5c730a;
  margin-bottom: 4px;
  font-size: 16px;
  cursor: pointer;
}

.reports_kampanyatakibi .firsatbutonlar .firsatbt span {
  color: #546810;
  cursor: pointer;
}

.reports_kampanyatakibi .firsatbutonlar .firsatbt i {
  color: #acb58f;
  margin: 0 7px;
  cursor: pointer;
}

.reports_kampanyatakibi .firsatbutonlar .firsatbt:hover {
  background: linear-gradient(#c7cfa1 0%, #e9ecbb 100%);
  border-color: #999;
  box-shadow: 0 0 6px -3px #444;
}

.calendar .mazeretnot {
  position: absolute;
  z-index: 3;
  transition: all .2s ease-out;
  opacity: .8;
  width: 100%;
  left: 0;
  top: 0;
  font-size: 14px;
  padding: 50% 8px;
  background: #fff;
  height: 100%;
}

.calendar .mazeretnot:hover {
  opacity: .1;
}

.calendar.month {}

.calendarinfospacer {
  width: 100%;
  height: 22px;
}

.calendarinfo {
  display: inline-block;
  position: absolute;
  width: 950px;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #fff;
  left: 50%;
  margin-left: -475px;
  top: 78px;
  height: 25px;
  padding: 5px 0 3px 0;
}

.calendarinfo.forminimal {
  top: 46px;
}

.calendarinfo span {
  margin: 0 3px;
  color: #888;
}

.calendarinfo span b {
  color: #666;
}

.calendarinfo span b:before {
  content: ":";
  margin: 0 1px;
  color: #999;
}

.calendarinfo span i {
  color: #069;
  font-style: normal;
}

.calendarinfo .planaciklamabt {
  position: absolute;
  color: #c93232;
  font-size: 18px;
  left: 50%;
  margin-left: calc(50vw - 25px);
  cursor: pointer;
}

.calendarinfo .planaciklamabt:hover {
  color: #111;
}

.calendarinfo .planaciklama {
  display: none;
}

.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-1.twiced {
  background: #e7d7f4;
  background: -moz-linear-gradient(top, #e7d7f4 1%, #c6c5e8 100%);
  background: -webkit-linear-gradient(top, #e7d7f4 1%, #c6c5e8 100%);
  background: linear-gradient(to bottom, #e7d7f4 1%, #c6c5e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7d7f4', endColorstr='#c6c5e8', GradientType=0);
}

/* .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%);
}

.color-status-5 {
  background: -moz-linear-gradient(top, #f2cdf4 0%, #ef94ee 100%);
  background: -webkit-linear-gradient(top, #f2cdf4 0%, #ef94ee 100%);
  background: linear-gradient(to bottom, #f2cdf4 0%, #ef94ee 100%);
}

.color-status-6 {
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 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: linear-gradient(to bottom, #febbbb 0%, #fca6a6 46%, #ffa0a0 100%);
  background: linear-gradient(to bottom, #febbbb 0%, #fca6a6 46%, #ffa0a0 100%);
}

.ctrlbuttons.onayredbt .closebt,
.ctrlbuttons .closebt {
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
}


.ctrlbuttons .eskitaslak {
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.generalstatusnote {
  margin-top: 20px;
}

.eczanegorselform .label.eczanegorselornek {
  height: 108px;
  display: none;
}

.eczanegorselform .eczanegorselornek div {
  position: relative;
  z-index: 999;
}

.eczanegorselform .eczanegorselornek img {
  position: absolute;
  top: -13px;
  border-radius: 10px;
  z-index: 10;
  left: 60px;
  width: 50px;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.eczanegorselform .eczanegorselornek img:first-child {
  left: 0;
  z-index: 11;
}

.eczanegorselform .eczanegorselornek img:hover {
  width: 300px;
}

.eczanegorselform #baseImgView {
  position: absolute;
  z-index: 100;
}

.eczanegorselform .label.urungrupornek {
  position: relative;
  height: 110px;
  z-index: 1;
}

.eczanegorselform .urungrupornek div {
  position: relative;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 110px;
  margin: -10px 0;
}

.eczanegorselform .urungrupornek img {
  display: none;
  float: left;
  position: relative;
  margin: 4px;
  cursor: pointer;
  border-radius: 10px;
  z-index: 10;
  max-width: 45px;
  max-height: 45px;
  height: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.eczanegorselform .urungrupornek img:hover {
  transform: scale(4);
  z-index: 11;
  margin: 5px 45px;
}

.eczanegorselform .urungrupornek img.active {
  box-shadow: 0 0 3px #f00;
}


.kampanyakatilim .eczanebilgidiv.dataTables_wrapper {
  box-shadow: 0 3px 7px -3px #777;
  position: relative;
  z-index: 4;
}

.kampanyakatilim .eczanebilgidiv th.ui-state-default {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
  padding-left: 3px;
  padding-right: 3px;
}

.kampanyakatilim .eczanebilgidiv td {
  position: relative;
}

.kampanyakatilim .eczanebilgidiv td a {
  color: #444;
}

.kampanyakatilim .eczanebilgidiv td a:hover {
  text-decoration: underline;
}

.kampanyakatilim .eczanebilgidiv tr.activerow td {
  background: #fcfcc1;
}

.kampanyakatilim .eczanebilgidiv .baremislembts {
  background: #8fb6dc;
  width: 16px;
  text-align: center;
  transition: all .2s;
  color: #fff;
  padding: 3px 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 2px;
  cursor: pointer;
  border: 1px solid #8fb6dc;
  border-radius: 3px;
}

.kampanyakatilim .eczanebilgidiv .baremislembts:hover {
  background: #fff;
  color: #8fb6dc;
}

.kampanyakatilim .eczanebilgidiv .baremislembts.fa-check {
  /* right: 20px; */
  background: #60ad50;
  border: 1px solid #60ad50;
}

.kampanyakatilim .eczanebilgidiv .baremislembts.fa-check:hover {
  background: #fff;
  color: #60ad50;
}

.kampanyakatilim .dynamicSearchResults {
  top: 30px;
  left: 0;
}

.kampanyakatilim .katilimekle {
  position: relative;
  float: left;
  display: inline-block;
  z-index: 3;
  padding: 13px 28% 10px 0;
  width: 85%;
  text-align: right;
  box-shadow: inset 0 3px 4px -3px #777;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  background: #e2f3ff;
}

.kampanyakatilim .katilimekle:hover {
  background: #d5edff;
  color: #000;
}

.kampanyakatilim .katilimekle i {
  margin: 0 15px;
}

.kampanyakatilim .ozelkatilimekle {
  position: relative;
  float: left;
  display: inline-block;
  z-index: 3;
  padding: 0;
  width: 15%;
}

.kampanyakatilim .ozelkatilimekle input.ozelpass {
  float: left;
  font-size: 15px;
  color: #b6814d;
  border: 4px solid #ebccac;
  width: 75%;
  padding: 7px 0;
  margin: 0;
  outline: 0;
  text-align: center;
  background: #f8e2cc;
}

.kampanyakatilim .ozelkatilimekle i {
  width: 25%;
  float: left;
  cursor: pointer;
  text-align: center;
  padding: 9px 0 10px 0;
  font-size: 20px;
  color: #8a5c2e;
  background: #ebccac;
}

.kampanyakatilim .ozelkatilimekle i.ozelpassopen {
  display: none;
  color: #95d733;
  text-shadow: 0 0 5px #fff;
  font-size: 23px;
  padding: 8px 0 8px 0;
}

.kampanyasunumislemler {
  z-index: 2;
  position: relative;
}

.kampanyafirstopenpage {
  position: absolute;
  opacity: .6;
  z-index: 1;
  width: 100%;
  text-align: center;
  top: 250px;
}

.kampanyafirstopenpage img {
  opacity: .1;
  width: 400px;
}

.kampanyakatilim .firsatbutonlar {
  display: none;
  width: 100%;
  padding: 30px 40px 0 40px;
  z-index: 2;
  position: relative;
}

.kampanyakatilim .firsatbutonlar .firsatbt {
  display: inline-block;
  cursor: pointer;
  margin: 0 10px;
  padding: 11px 0;
  border: 1px solid #ddd;
  background: linear-gradient(#e9ecbb 0%, #c7cfa1 100%);
  border-radius: 10px;
  width: calc(25% - 20px);
}

.kampanyakatilim .firsatbutonlar .firsatbt h2 {
  color: #5c730a;
  margin-bottom: 4px;
  cursor: pointer;
}

.kampanyakatilim .firsatbutonlar .firsatbt span {
  color: #546810;
  cursor: pointer;
}

.kampanyakatilim .firsatbutonlar .firsatbt i {
  color: #acb58f;
  margin: 0 7px;
  cursor: pointer;
}

.kampanyakatilim .firsatbutonlar .firsatbt.active {
  background: linear-gradient(#c7cfa1 0%, #e9ecbb 100%);
  border-color: #aaa;
}

.kampanyakatilim .firsatbutonlar .firsatbt.disabled {
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%) !important;
}

.kampanyakatilim .firsatbutonlar .firsatbt.disabled * {
  color: #555 !important;
}

.kampanyakatilim .firsatbutonlar.showforedit {
  display: none;
}

.kampanyakatilim .firsatbutonlar .firsatbt.editable {
  background: linear-gradient(#bcdcee 0%, #a1bfcf 100%);
}

.kampanyakatilim .firsatbutonlar .firsatbt.editable * {
  color: #4e5472 !important;
}

.kampanyakatilim .firsatbutonlar .firsatbt.hiddenfirsat {
  display: none;
}

.kampanyakatilim .firsatbutonlar .firsatbt.pswfirsat {
  background: linear-gradient(#bdefc5 2.32%, #a9d6b2 100%);
}

.kampanyakatilim .firsatbutonlar .firsatbt.pswfirsat.active {
  background: linear-gradient(#a9d6b2 0%, #bdefc5 100%);
}



.kampanyakatilim .barembutonlar {
  display: inline-block;
  z-index: 2;
  position: relative;
  padding: 30px 0 0 0;
}

.kampanyakatilim .barembutonlar .barembt {
  display: none;
  cursor: pointer;
  color: #3b4792;
  font-weight: bold;
  margin: 0 10px;
  padding: 11px 0;
  border-radius: 10px;
  width: 100px;
}

.kampanyakatilim .barembutonlar .barembt.displaybt {
  display: inline-block;
}

.kampanyakatilim .barembutonlar .genelbarem {
  border: 1px solid #ccc;
  background: linear-gradient(#bce8ee 2.32%, #a1cacf 100%);
}

.kampanyakatilim .barembutonlar .genelbarem.active {
  background: linear-gradient(#a1cacf 0%, #bce8ee 100%);
  border-color: #aaa;
}

.kampanyakatilim .barembutonlar .ozelbarem {
  display: none;
  color: #2c8529;
  background: linear-gradient(#bdefc5 2.32%, #a9d6b2 100%);
  border: 1px solid #ddd;
}

.kampanyakatilim .barembutonlar .ozelbarem.active {
  background: linear-gradient(#a9d6b2 0%, #bdefc5 100%);
  border-color: #aaa;
}

.kampanyakatilim .barembutonlar .bmizinbarem {
  background: linear-gradient(#f0ecbe 2.32%, #d7caaa 100%);
  color: #8e6027;
}

.kampanyakatilim .barembutonlar .bmizinbarem.active {
  background: linear-gradient(#d7caaa 2.32%, #f0ecbe 100%);
}

.kampanyakatilim .barembutonlar .gmizinbarem {
  background: linear-gradient(#f0dbbe 2.32%, #d7b6aa 100%);
  color: #7b4b13;
}

.kampanyakatilim .barembutonlar .gmizinbarem.active {
  background: linear-gradient(#d7b6aa 2.32%, #f0dbbe 100%);
}

.kampanyakatilim #kampanyaurunler .text-left {
  text-align: left;
  padding-left: 8px;
}

.kampanyakatilim .kampanyaurunlerdiv {
  padding: 35px 2px;
  display: none;
  width: 100%;
  z-index: 2;
  position: relative;
}

.kampanyakatilim #kampanyaurunler {
  width: calc(87% - 5px);
  float: left;
  margin: 0 5px 0 0;
}

.kampanyakatilim #kampanyaurunler thead th {
  font-size: 10px;
  padding: 10px 0;
  position: relative;
  font-weight: normal;
}

.kampanyakatilim #kampanyaurunler thead tr:first-child th {
  border-bottom: none;
  font-weight: bold;
}

.kampanyakatilim #kampanyaurunler thead #uygulananadetmfyaz {
  font-weight: normal;
  right: 7px;
  color: #838f9a;
  position: absolute;
}

.kampanyakatilim #kampanyaurunler thead .uygulananadetmfyaz {
  font-weight: normal;
  right: 7px;
  color: #838f9a;
  position: absolute;
}

/* .kampanyakatilim #kampanyaurunler thead .uygulananadetmfyaz.withbutton{background:#369; color:#fdfdfd; cursor: pointer; padding:2px 4px; border-radius: 5px;}
.kampanyakatilim #kampanyaurunler thead .uygulananadetmfyaz.withbutton:hover{ background:#069; } */
.kampanyakatilim #kampanyaurunler thead th.inputth {
  padding: 0;
  position: relative;
}

.kampanyakatilim #kampanyaurunler thead th.inputth span {
  position: absolute;
  width: 30px;
  text-align: left;
  font-size: 9px;
  font-weight: normal;
  z-index: 1;
  top: 6px;
  left: 3px;
  color: #666;
  opacity: .3;
}

.kampanyakatilim #kampanyaurunler thead th.inputth input {
  z-index: 2;
  position: relative;
  padding: 5px 1px;
  background: transparent;
  font-weight: bold;
  border: 0;
}

.kampanyakatilim #kampanyaurunler thead th.inputth input.date {
  font-weight: normal;
}

.kampanyakatilim #kampanyaurunler thead .secondbaremselect {
  right: 7px;
  top: 6px;
  position: absolute;
  width: 52px;
  font-size: 10px;
  appearance: none;
  padding: 2px 4px;
  border-radius: 5px;
  background: #369;
  color: #fdfdfd;
  cursor: pointer;
  direction: rtl;
}

/* .kampanyakatilim #kampanyaurunler .donemcompress{ float: left; font-size:16px; color:#986511; cursor: pointer;  margin:-4px 0 -4px 12px;  } */
/* .kampanyakatilim #kampanyaurunler .donem1field{ display:none; } */

.kampanyakatilim #kampanyaurunler.donemseltable .donemCsummary {
  display: none;
}

.kampanyakatilim #kampanyaurunler.donemseltable .donem1summary {
  display: none;
}

.kampanyakatilim #kampanyaurunler.donemseltable .donem2field {
  display: none;
}

.kampanyakatilim #kampanyaurunler.donemseltable .donemTfield {
  display: none;
}

.kampanyakatilim #kampanyaurunler .donemTfield {}

.kampanyakatilim #kampanyaurunler .withbuttonth i {
  float: right;
  font-size: 16px;
  cursor: pointer;
  margin: -4px 13px -4px 0;
  height: 16px;
  width: 16px;
  display: inline-block;
}

/* .kampanyakatilim #kampanyaurunler .withbuttonth i.donemcompress{ float:left; margin:-4px 0 -4px 13px; } */
.kampanyakatilim #kampanyaurunler .uploadviewimage {
  color: #588E43;
}

.kampanyakatilim #kampanyaurunler .uploadimagebutton {
  color: #069;
}

.kampanyakatilim #kampanyaurunler .savedonemform {
  color: #333;
}

.kampanyakatilim #kampanyaurunler .withbuttonth i:hover {
  font-size: 18px;
  margin: -5px 12px -5px -1px;
  height: 18px;
  width: 18px;
  text-shadow: 0 0 2px #ff0;
}

/* .kampanyakatilim #kampanyaurunler .withbuttonth i.donemcompress:hover{ margin:-5px -1px -5px 12px; } */

.kampanyakatilim #kampanyaurunler th.yellowbg {
  background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%);
  border-color: #f1da36;
}

.kampanyakatilim #kampanyaurunler th.orangebg {
  background: linear-gradient(to bottom, #ffead3 0%, #f9bf77 100%);
  border-color: #f9bf77;
}

.kampanyakatilim #kampanyaurunler th.greenxbg {
  background: linear-gradient(to bottom, #e0e8d0 0%, #b3c48d 100%);
  border-color: #adc673;
}

.kampanyakatilim #kampanyaurunler th.bluexbg {
  background: linear-gradient(to bottom, #deebf2 0%, #baddef 100%);
  border-color: #a7bfd1;
}

.kampanyakatilim #kampanyaurunler th.minnumber {
  width: 38px !important;
}

.kampanyakatilim #kampanyaurunler th.minxnumber {
  width: 28px !important;
}

.kampanyakatilim #kampanyaurunler th.midnumber {
  width: 48px !important;
}

.kampanyakatilim #kampanyaurunler th.bignumber {
  width: 56px !important;
}

.kampanyakatilim #kampanyaurunler input {
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  float: left;
  border: 1px solid #9bcfc5;
  font-size: 11px;
  color: #444;
}

.kampanyakatilim #kampanyaurunler tbody td {
  padding: 3px 3px;
  font-size: 11px;
  color: #555;
}

.kampanyakatilim #kampanyaurunler tbody td.inputtd {
  padding: 3px .5px;
}

.kampanyakatilim #kampanyaurunler tbody td.inputtd input {
  background: rgba(255, 255, 255, .5);
  border-radius: 2px;
}

.kampanyakatilim #kampanyaurunler tbody tr.show.firstrow td {
  border-top: 0 !important;
}

.kampanyakatilim #kampanyaurunler tbody tr td:first-child {
  padding-left: 5px;
}

.kampanyakatilim #kampanyaurunler tbody tr td:first-child span {
  display: block;
  font-size: 9px;
  margin-bottom: 1px;
}

.kampanyakatilim #kampanyaurunler tbody tr td:first-child b {
  display: block;
  font-size: 11px;
  font-weight: normal;
}

.kampanyakatilim #kampanyaurunler tbody .ekadet,
.kampanyakatilim #kampanyaurunler tbody .ekmf {
  font-weight: bold;
  color: #369;
}

.kampanyakatilim #kampanyaurunler tbody td.yellowbg {
  background: #ffffc6;
  border-color: #f1da36;
}

.kampanyakatilim #kampanyaurunler tbody td.orangebg {
  background: #FFEAD3;
  border-color: #f9bf77;
}

.kampanyakatilim #kampanyaurunler tbody td.greenxbg {
  background: #E0E8D0;
  border-color: #adc673;
}

.kampanyakatilim #kampanyaurunler tbody td.bluexbg {
  background: #DEEBF2;
  border-color: #a7bfd1;
}

.kampanyakatilim #kampanyaurunler tbody .adet2,
.kampanyakatilim #kampanyaurunler tbody .mf2 {
  display: none;
}

.kampanyakatilim #kampanyaurunler tfoot th.orangebr {
  border: 2px solid #f9bf77 !important;
  box-shadow: 0 0 5px 0 #f9bf77;
  border-radius: 8px;
}

.kampanyakatilim #kampanyaurunler tfoot th.greenxbr {
  border: 2px solid #adc673 !important;
  box-shadow: 0 0 5px 0 #adc673;
  border-radius: 8px;
}

.kampanyakatilim #kampanyaurunler tfoot th.bluexbr {
  border: 2px solid #a7bfd1 !important;
  box-shadow: 0 0 5px 0 #a7bfd1;
  border-radius: 8px;
}

.kampanyakatilim #kampanyaurunler tfoot tr th {
  border-top-width: 0;
  padding: 10px 3px;
  font-weight: normal;
  color: #000;
}

.kampanyakatilim #kampanyaurunler tfoot tr:first-child th {
  border-top-width: 1px;
}

.kampanyakatilim #kampanyaurunler tfoot th.tbtopkazanc {
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.tbtopkazancyuzde {
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.tophakedismftl {
  padding-right: 7px;
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.tophakedismftl span {
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.topalimmftl {
  padding-right: 5px;
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.topalimmftl span {
  font-size: 12px;
}

.kampanyakatilim #kampanyaurunler tfoot th.redbg {
  color: #f20e0e;
}

.kampanyakatilim #kampanyaurunler tfoot th.bluebg {
  color: #156590;
}

.kampanyakatilim #kampanyaurunler tfoot th.greenbg {
  color: #37ad4f;
}


.kampanyakatilim #kampanyaurunler tfoot th.footbtth {
  padding: 7px 0 !important;
  text-align: right;
}

.kampanyakatilim #kampanyaurunler tfoot th .footbt {
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  margin: 0 7px 0 3px;
  padding: 8px 15px;
  border-radius: 10px;
  background: linear-gradient(#e9ecbb 0%, #c7cfa1 100%);
}

.kampanyakatilim #kampanyaurunler tfoot th .footbt:hover {
  background: linear-gradient(#c7cfa1 0%, #e9ecbb 100%);
  border-color: #aaa;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelmfadetth {
  padding: 4px;
}

.kampanyakatilim #kampanyaurunler tfoot th input.ozelmfadet {
  padding: 4px 2px;
  background: transparent;
  border: 0;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelaciklamath {
  padding: 4px;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelaciklamath div {
  display: inline-block;
  padding: 4px 5px;
  text-align: left;
  font-weight: normal;
  width: 100%;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelaciklamath div span {
  display: inline-block;
  float: left;
  width: 60%;
  color: #b16565;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelaciklamath div b {
  display: inline-block;
  float: left;
  text-align: right;
  width: 40%;
}

.kampanyakatilim #kampanyaurunler tfoot th.ozelaciklamath div b:after {
  content: " ₺";
}

.kampanyakatilim #kampanyaurunler tfoot .extrasubinfo {
  display: none;
}

.kampanyakatilim #kampanyaurunler .isfbutton {
  cursor: pointer;
  float: right;
  margin-right: 7px;
  font-size: 10px;
  font-style: normal;
  border-radius: 4px;
  color: #fff;
  background: #8fb6dc;
  padding: 2px 4px;
}

.kampanyakatilim #kampanyaurunler .isfbutton.firstbt {
  margin-right: 6px;
}

.kampanyakatilim #kampanyaurunler .isfsutun.isfgizle {
  display: none;
}

/* .kampanyakatilim #kampanyaurunler tfoot th .ozelaciklama{padding:5px 3px 5px 4px; background:transparent; width:100%; border:0; height:72px; float: left; text-align: left;} */

.kampanyakatilim .yetkiselislemler {
  width: 100%;
  margin-top: 15px;
}

.kampanyakatilim .yetkiselislemler div {
  margin-bottom: 5px;
}

.kampanyakatilim .yetkiselislemler span {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 5px 7px;
  margin: 1px 3px 0 3px;
}

.kampanyakatilim .yetkiselislemler span:hover {
  border-color: #444;
}

.kampanyakatilim .yetkiselislemler span.onaylabt {
  background: linear-gradient(#e9ecbb 0%, #c7cfa1 100%);
}

.kampanyakatilim .yetkiselislemler span.reddetbt {
  background: linear-gradient(#eebcc7 0%, #cfa1a1 100%);
}

.kampanyakatilim #kampanyakurallar {
  width: 13%;
  float: left;
  padding: 0;
  z-index: 2;
  position: relative;
}

.kampanyakatilim #kampanyakurallar .defbaremtext {
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  padding: 8px 5px;
  text-align: center;
  width: 100%;
}

.kampanyakatilim #kampanyakurallar .defbaremtext #baremadetmfyaz {
  color: #2a3db8;
  font-size: 14px;
}

.kampanyakatilim #kampanyakurallar #kurallistesi {
  margin-top: 3px;
}

.kampanyakatilim #kampanyakurallar .kuraldategroup {
  padding: 3px 0;
  display: inline-block;
  width: 100%;
  height: auto;
}

.kampanyakatilim #kampanyakurallar .kuraldategroup h3 {
  padding: 7px 7px;
  background: #cfe2e7;
  border: 1px solid #ccc;
}

.kampanyakatilim #kampanyakurallar .kuraldategroup.clickablekuralgroup {
  cursor: pointer;
}

.kampanyakatilim #kampanyakurallar .kuralrow {
  transition: .2s ease all;
  display: inline-block;
  width: 100%;
  min-height: 32px;
  border: 1px solid #ccc;
  border-top: 0;
  padding: 5px 7px;
  float: left;
  background: #fdfdfd;
}

.kampanyakatilim #kampanyakurallar .kuralrow:hover {
  background: #ecf2f5;
}

.kampanyakatilim #kampanyakurallar .kuraldategroup.hiddenrows {
  height: 35px;
  overflow: hidden;
}

.kampanyakatilim #kampanyakurallar .kuraldategroup.hiddenrows .kuralrow {
  opacity: 0;
  height: 1px;
}

.kampanyakatilim #kampanyakurallar .kuralrow i {
  width: 14px;
  height: 14px;
  margin: 2px 0 0 4px;
  border-radius: 4px;
  float: left;
  font-size: 18px;
  color: #777;
  text-align: left;
  background: #fff;
}

.kampanyakatilim #kampanyakurallar .kuralrow i.fa-check-square-o {
  color: #333;
}

.kampanyakatilim #kampanyakurallar .kuralrow span {
  width: calc(100% - 30px);
  float: right;
  text-align: left;
  padding: 3px 0;
}

.kampanyakatilim #kampanyakurallar .kuralrow strong {
  color: #2a3db8;
}

.kampanyakatilim #kampanyakurallar .kuralrow em {
  font-style: normal;
  color: #986511;
  font-size: 11px;
}

.kampanyakatilim #kampanyakurallar .kuralrow b.checked-for-rq {
  float: right;
  width: calc(100% - 30px);
  text-align: left;
  font-weight: normal;
  font-size: 10px;
  color: #f00;
  opacity: .6;
}

.kampanyakatilim #kampanyakurallar .kuralrow .voucheramount {
  float: right;
  width: calc(100% - 30px);
  text-align: left;
  font-weight: normal;
  color: #369;
  opacity: .9;
}

.kampanyakatilim #kampanyakurallar .kuralrow .voucheramount b {
  font-weight: bold;
  color: #069;
}

.kampanyakatilim #kampanyakurallar .secondcirobtns {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  padding: 8px 5px;
  text-align: center;
  width: 100%;
}

.kampanyakatilim #kampanyakurallar .secondcirobtns .btn {
  margin: 4px;
  cursor: pointer;
  border: 1px solid #666;
  background: #969;
  color: #fff;
  flex-grow: 4;
  padding: 5px 0;
  border-radius: 6px;
}

.kampanyakatilim #kampanyakurallar .secondcirobtns .btn.activebt {
  background-color: #e2f3ff;
  color: #000;
}

.listeler_kampanyakatilimlari strike {
  color: #ce1a1a;
}

.listeler_kampanyakatilimlari .gizlegosterbt {
  position: absolute;
  color: #666;
  top: 0;
  left: -88px;
  width: 80px;
  background: linear-gradient(to bottom, #e4efc0 0%, #abbd73 100%);
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 7px 4px;
}

.listeler_kampanyakatilimlari .gizlegosterbt.goster {
  background: linear-gradient(to bottom, #abbd73 0%, #e4efc0 100%);
  color: #000;
  border-color: #555;
}

.listeler_kampanyakatilimlari .gizlegosterbt:hover {
  border-color: #0a960a;
}

.listeler_kampanyakatilimlari .hakedis1yuklebt {
  position: absolute;
  color: #666;
  top: 0;
  line-height: 11px;
  left: -240px;
  width: 70px;
  background: linear-gradient(to bottom, #e0c7b5 0%, #ffe19b 100%);
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 3px 4px;
}

.listeler_kampanyakatilimlari .hakedis2yuklebt {
  position: absolute;
  color: #666;
  top: 0;
  line-height: 11px;
  left: -165px;
  width: 70px;
  background: linear-gradient(to bottom, #e0c7b5 0%, #ffe19b 100%);
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 3px 4px;
}

.baremyukseltdiv {
  display: inline-block;
  width: 100%;
}

.baremyukseltgroup {
  display: inline-block;
  width: 100%;
  border-top: 1px dotted #aaa;
  padding: 5px 0 5px 0;
  margin: 0;
  float: left;
}

.baremyukseltgroup:first-child {
  border: 0;
}

.baremyukseltgroup span {
  display: inline-block;
  position: relative;
  float: left;
  color: #222;
  cursor: pointer;
  border: 1px solid #bbb;
  background: #bce8ee;
  text-align: center;
  margin: 0 0 0 4px;
  padding: 7px 0;
  border-radius: 10px;
}

.baremyukseltgroup span.lusc-bm {
  background: #f0ecbe;
}

.baremyukseltgroup span.lusc-gm {
  background: #f0dbbe;
}

.baremyukseltgroup span:hover {
  border-color: #666;
}

.baremyukseltgroup span.passive {
  background: #f0eded !important;
  border-color: #ccc;
  color: #888;
  cursor: default;
}

.baremyukseltgroup span.active {
  border-color: #666;
  color: #222;
  cursor: default;
  box-shadow: 0 0 2px 0 #444 !important;
}

.baremyukseltgroup span.passive:hover {
  border-color: #ccc;
}

.baremyukseltgroup span.mainbar {
  width: 85px;
  font-weight: bold;
  margin-right: 5px;
}

.baremyukseltgroup span.subbar {
  width: 56px;
  opacity: .7;
  font-weight: bold;
}

.baremyukseltgroup span.subbar i {
  color: #999;
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  left: 20px;
  top: 1px;
  text-align: center;
}

.baremyukseltgroup>i {
  width: 12px;
  float: left;
  margin-top: 9px;
  color: #aaa;
}

.baremyukseltgroup>i:first-child {
  color: #444;
}

.baremyukseltgroup.inforow {
  text-align: center;
  padding-top: 15px;
}

.baremyukseltgroup.inforow span {
  min-width: 90px;
  cursor: default;
  border-radius: 0;
  float: none;
  margin: 0 1px;
  padding: 5px 0;
  color: #777;
  border-color: #eee;
}

.baremyukseltgroup b.mainbartitle {
  display: inline-block;
  width: 90px;
  color: #888;
  margin-right: 20px;
}

.baremyukseltgroup b.subbartitle {
  display: inline-block;
  width: 150px;
  color: #888;
  text-align: left;
  padding-left: 3px;
}


/****** 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 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;
}

/* @page {
  size: A4;
  margin: 0;
} */

/* @page { size : landscape } */
/* @page rotated { size : landscape } */

@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: 10px;
  }

  .copyright {
    display: none;
  }

  .formimzalar {
    display: inline-block !important;
  }

  .wrapper {
    background: transparent !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;
  }

  body.satinalmatalepbody {
    transform: scale(.7);
    -webkit-transform-origin: 0 0;
    width: 142.857143%;
  }

  body.satinalmatalepbody .onaysureci {
    display: none !important;
  }

  .onaysureci {
    display: none !important;
  }

  .seyahatbossatir {
    display: none !important;
  }

  #satinalmataleptable tr.st2 {
    display: none;
  }

  .ozelarackullanim {
    display: none;
  }

  .yazarkengizle {
    display: none;
  }

  .ozelarackullanimyazdir {
    display: inline-block !important;
    margin: 20px 0;
    line-height: 24px;
    padding: 30px;
    border: 4px solid #444;
    text-align: left;
  }

  .ozelarackullanimyazdir h1 {
    text-align: center;
    padding-bottom: 20px;
  }


  /* .bodypage_formlar_performansdegerlendirme { -webkit-transform-origin: 0 0; } */

  /* .bodypage_formlar_performansdegerlendirme{ transform: scale(.7); -webkit-transform-origin: 0 0; width: 142.857143%;  } */
  .bodypage_formlar_performansdegerlendirme {
    zoom: 65%;
  }

  /*zoom:50%;*/
  .bodypage_formlar_performansdegerlendirme .formlar_performansdegerlendirme {
    display: block;
    float: none;
  }

  .bodypage_formlar_performansdegerlendirme .top-menu {
    display: none;
  }

  .bodypage_formlar_performansdegerlendirme .content {
    display: none;
  }

  .bodypage_formlar_performansdegerlendirme .wrapper.pt44 {
    padding-top: 0;
  }

  .bodypage_formlar_performansdegerlendirme .leftcol .subcontent {
    height: auto !important;
  }

  .performansdegerchange {
    display: none;
  }

  .performansdegerform {
    margin: 0;
    display: block;
    float: none;
  }

  /* .performansdegerform fieldset{ margin:0; width:calc(100% - 2px); } */
  .performanskunye {
    width: 50%;
    margin: 0 0 15px 0;
    height: 130px;
  }

  /* .performansdegerform textarea.intextarea{ font-family:Arial; font-size:9px !important; } */

  /* .performansdegerform .ozettablo .td2{ width:1180px; } */
  /* .performansdegerform .ozettablo textarea.intextarea{ padding:2px; height:100px; } */

  .bodypage_formlar_performansdegerlendirme .fieldcontent .leftcol {
    width: 100%;
  }

  .bodypage_formlar_performansdegerlendirme .fieldcontent .rightcol {
    width: 100%;
    border: 0;
    padding-top: 5px;
  }

  .bodypage_formlar_performansdegerlendirme .fieldcontent .centercol {
    width: 100%;
    border: 0;
    padding-top: 5px;
  }

  .bodypage_formlar_performansdegerlendirme .fieldcontent .nullcol {
    display: none;
  }

  .bodypage_formlar_performansdegerlendirme .pagebreak {

    page-break-before: always;
    page-break-after: always;

    /* page-break-after: avoid !important;
      page-break-before: avoid !important; */
    /* min-height:325mm; /*safari*/
    /*min-height:390mm;*/
    /*chrome*/
  }

  .bodypage_formlar_performansdegerlendirme .formpartgroup textarea {
    min-height: 200px;
    height: 200px;
    max-height: 200px;
  }

  .bodypage_formlar_performansdegerlendirme .formpart1 textarea {
    min-height: 160px;
    height: 160px;
    max-height: 160px;
  }

  .bodypage_formlar_performansdegerlendirme .formpart2 textarea {
    min-height: 60px;
    height: 60px;
    max-height: 60px;
    /*  padding:2px 8px !important;  */
  }

  /*     .bodypage_formlar_performansdegerlendirme .formpart2 thead th{ padding:2px 7px; }
    .bodypage_formlar_performansdegerlendirme .formpart2 .subcontent{ padding:5px 20px !important; } */

  .bodypage_formlar_performansdegerlendirme .formpart3 textarea {
    min-height: 150px;
    height: 150px;
    max-height: 150px;
  }

  .bodypage_formlar_performansdegerlendirme .formpart4 textarea {
    min-height: 220px;
    height: 220px;
    max-height: 220px;
  }

  /* .bodypage_formlar_performansdegerlendirme .formpart4.ikisatir textarea{ min-height:140px; height:140px; max-height:140px; } 
    .bodypage_formlar_performansdegerlendirme .formpart4.dortsatir textarea{ min-height:90px; height:90px; max-height:90px; }  */

  .bodypage_formlar_performansdegerlendirme .formpart5N textarea {
    min-height: 90px;
    height: 90px;
    max-height: 90px;
  }

  .bodypage_formlar_performansdegerlendirme .onlyprint {
    display: inline-block;
  }

  .bodypage_formlar_performansdegerlendirme .pagebreak .formpart1 .performanskunyediv {}

  /* .bodypage_formlar_performansdegerlendirme .pagebreak .formpartgroup textarea{ min-height:140px; height:140px; max-height:140px; }
 */
}