body{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    margin:0px;
    padding: 0px;
    overflow-y: scroll;
    background-color:#fdfdfd;
    letter-spacing:0px;
    overflow: hidden;
}

h3{
    border-bottom:1px solid #dddddd;
    margin:0px;
    padding-left:4px;
    background-color:#f5f5fa;
    color:#448;
    font-size: 14px;
    height:25px;
    line-height: 25px;
}

h3 select{
    font-weight: bold;
    color:#448;
}

.h3{
    border-bottom:1px solid #dddddd;
    margin:0px;
    padding-left:4px;
    background-color:#f5f5fa;
    color:#448 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height:26px;
}

.h3Baslik{
    height:18px;
    padding-top:4px;
    margin:1px;
    float:left;
    cursor: pointer;
}

a {color:#000055;text-decoration:none;outline:none;}
p {margin:3px;padding:6px;line-height: 18px;}
img {display:inline;vertical-align:middle;border:0;}

.tablo {border-collapse:collapse;border:0px;font-size:12px;}
.tablo td{margin:0px;border:1px solid #aacccc;}
.tablo th{margin:0px;color:#ffffff; border:1px solid #aacccc;background-color: #8888bb;}

.formtablo {margin:0px;background-color: #eeeeee;}
.formtablo td {margin:0px;font-size:12px;padding:0px;border-bottom:2px solid #d5d5d5;}
.formtablo th {margin:0px;font-size:12px;padding-right:4px;text-align:left;border-bottom:2px solid #d5d5d5;border-left:2px solid #e0e0e0;}
.formtablo input {border:0px;width:calc(100% - 5px);vertical-align: middle;}
.formtablo textarea {border:0px;width:calc(100% - 5px);}
.formtablo select {border:none;width:calc(100% - 2px);}

.tabloMini {border-collapse:collapse;border:0px;font-size:12px;}
.tabloMini th{padding:2px 2px 2px 2px;border:1px solid #dddddd;font-weight: normal;text-align: center;}
.tabloMini td{padding:2px 2px 2px 2px;border:1px solid #dddddd;font-weight: bold;}

.tabloMiniBorderless {border-collapse:collapse;border:none;font-size:12px;}
.tabloMiniBorderless tr{height:20px;}
.tabloMiniBorderless th{padding:2px 2px 2px 2px;border:none;font-weight: normal;text-align:left;}
.tabloMiniBorderless td{padding:2px 2px 2px 2px;border:none;font-weight: bold;}

.calendarTable {border-collapse:collapse;border:none;font-size:12px;}
.calendarTable td{padding:0px 1px 0px 1px;border-left:1px solid #eeeeee;border-bottom:1px solid #dddddd;}
.calendarTable th{padding:0px 1px 0px 1px;border-left:1px solid #eeeeee;border-bottom:1px solid #dddddd;}

.likeButton:hover{
    padding-left:16px !important;
    background-color:#eeeeff !important;
    font-weight: bold;
    cursor:pointer;
    background-image: url("../images/plus-small.png");
    background-repeat: no-repeat;
    border-bottom:1px solid #aaaadd !important;
}

.calendarEvent{
    background-color:#fafafa;
    padding:3px;
    border-radius:3px;
    margin-top:3px;
    font-size:11px;
    font-weight:normal;
    cursor:pointer;
}

.calendarEvent:hover{
    background-color:#ffffdd;
}

.calendarMonthDay{
    padding:2px 0px 2px 2px;
    
    color:#4444aa;
    width:14.28%; 
}
.calendarPreviousMonthDay{
    padding:2px;
    background-color: #f0f0f0;
    color:#4444aa;
    width:14.28%;
}
.calendarNextMonthDay{
    padding:2px;
    background-color: #f0f0f0;
    color:#4444aa;
    width:14.28%;
}

.greyEvent{
    border-left:7px solid #ffffff;
}

.greenEvent{
    border-left:7px solid #88ee88;
}
.orangeEvent{
    border-left:7px solid #cccc00;
}

.redEvent{
    border-left:7px solid #ff5555;
}

.griZemin{
    background-color: #dddddd;
}

.satirIsaret:hover{
    background-color: #eeeeff;
    cursor: pointer;
    height:25px;
}

.satirIsaret{
    height:25px;
}

input{
    font-size:13px;
    border:1px solid #bbb;
    height:23px;
    margin:0px;
    padding-left:2px;
    padding-right:2px;
    outline: none;
    vertical-align: middle;
    width:calc(100%-0px);
}

input:focus{
    border-color: #4444aa;
    background-color: #ffffcc;
}

textArea{
    font-size:13px;
    border:1px solid #bbb;
    outline: none;
    vertical-align: middle;
}

textArea:focus{
    border-color: #4444aa;
    background-color: #ffffcc;
}

select{
    font-size:13px;
    border:1px solid #bbb;
    height:27px;
    margin:0px;
    padding-left:2px;
    outline: none;
    vertical-align: middle;
    background-color: #ffffff;
    width:100%;
}
select:focus{
    border-color: #4444aa;
    background-color: #ffffcc;
}

.kalin{font-weight: bold;}
.gridBaslik {background-image: linear-gradient(#ddf,#ccc);font-weight: bold;font-size:12px}
.gridBaslik tr{height:27px;}
.gridBaslik2 {background-image: linear-gradient(#eee,#ddd);font-weight: bold;font-size:12px;border:1px solid #ccc;}
.gridBaslik2 td{margin:0px;padding:0px;}

.liste {border-collapse:collapse;}
.liste td {margin:0px;font-size:11px;border:1px solid #aaa;padding:3px;}
.liste th {margin:0px;border:1px solid #888;font-size:12px;background-color:#88d;padding:3px;color:#ffffff;}

ul a {
    text-decoration:none;
    color:#000;
    }

ul  {
    margin: 0;
    padding: 0;
    list-style: none;
}
    
ul a li {
    padding-left:2px;
    padding-top:4px;
    padding-bottom:3px;
    background-color: #eeeeee;
    border-top : 1px solid #fcfcfc;
    border-bottom: 1px solid #dddddd;
}

ul a li:hover{
    padding-left:2px;
    padding-top:4px;
    padding-bottom:3px;
    background-color:#eaeaea;
    border-bottom : 1px solid #fafafa;
    border-top: 1px solid #dddddd;
}

#ust {
    padding:0px;
    margin:0px;
    background-color:#559;
    height:39px;
    color:#fff;
    font-size:small;
    border-bottom: 1px #048 solid;
}

.logo{
    line-height: 37px;
    vertical-align: middle;
    float:left;
    font-size: small;
}

.altsag{
    margin-top:2px;
    margin-right: 4px;
    float:right;
}

.altsag a{
    padding-left:0px;
    padding-right:0px;
    color:#eef; 
    text-decoration:none;
    border:1px solid #559;
}

.ustsag{
    line-height: 38px;
    vertical-align: middle;
    font-size: small;
    float:right;
}

.ustsag a{
    padding-bottom:4px;
    margin-right:8px;
    color:#fff;
}

.ustsag a:hover{
    padding-bottom:1px;
    border-bottom:3px solid #eef;
}

#golge {
    border-top:1px solid #555;
    border-bottom:1px solid #bbd;
    height:0px;
}

#dolas{
    padding-top:5px;
    clear:left;
    margin-bottom:3px;
    font-size:0.8em;
    text-decoration:inherit;
}

#detay{
    float:left;
    padding:0px;
    margin: 0px;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    background-color: #f8f8f8;
}

#solblok{
    padding-bottom:0px;
    float:left;
    border-left:1px solid #eaeaea;
    background-color: #f3f3f3;
}

#baglanti{
    border:1px solid #ddd;
    background-color:#eee;
    width:auto;
}

.ortala{
    margin:auto;
    clear:left;
    clear:right;   
}       

.menudugme{
    padding:3px;
    margin:2px;
    border:1px solid #99b;
    background-color:#eef;
    vertical-align: middle;
    float:left;
    width:113px;
    box-shadow: 0 1px 1px rgba(0,0,0,.6);
    -webkit-user-select: none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}
.menudugme:hover{
    border:1px solid #77a;
    background-color:#ccd;
}

.buton{
    padding:3px;
    margin:2px;
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    background-color:#ddeedd;
    vertical-align: middle;
    cursor:pointer;
    float:left;
    width:113px;
    height:100px;
    -webkit-user-select: none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}

.buton:hover{
    border:1px solid #77a;
    background-color:#dde;
}

.dugmeButon{
    margin:3px;
    padding:6px;
    border:1px solid #bbccbb;
    background-color: #cfdfef;
    text-align: center;
    float:left;
    cursor: pointer;
}

.dugmeButon:hover{
    background-color: #c0d0e0;
}

.secilen {
    padding-top:8px;
    margin-top:5px;
    border-top:1px solid #ddf;
    text-align:left;
}

.feedColorDefault{
    background-color:#ddddee;
}

.feedColorRed{
    background-color:#ee6666;
}

.feedColorYellow{
    background-color:#eeee00;
    border: 1px solid #cccc00;
}
.feedColorGreen{
    background-color:#55cc55;
    border: 1px solid #22aa22;
}

.colorMesaj{
    background-color:#ffffcc;
    border:1px solid #dddddd;
}
.colorRed{
    background-color:#ee6666;
    color:#ffffff;
    border:1px solid #cc4444;
}
.colorBlue{
    background-color: #ccccff;
    border : 1px solid #aaaacc;
}
.feed{
    border:1px solid #dadada;
    margin:2px;
    height:23px;
    overflow:hidden;
    clear:left;
    clear:right;
    vertical-align: middle;
}

.feedbaslik{
    padding-left: 5px;
    height:23px;
    line-height: 23px;
    vertical-align: middle;
    opacity:1;
}

.feedbaslik:hover{
    opacity:0.7;
}

.feeddetay{
    padding:3px;
    background-color:#f3f3f3;
}

.feed2{
    border:1px solid #ccd;
    margin:2px;
    padding:1px;
    height:20px;
    overflow:hidden;
    clear:left;
    clear:right;
}

.feedbaslik2{
    background-color:#5cd;
    padding-left:4px;
    height:18px;
    text-shadow: 1px 1px 0 rgba(180,180,180,.8);
}

.feedbaslik2:hover{
    background-color:#dddddd;
}

.feeddetay2{
    padding:3px;
    background-color:#f1f1ff;
}

#kaydir{
    overflow:auto;
    width:100%;
    margin:0;
    padding:0;
    scrollbar-width: thin;
}

#formdiv{
    overflow:auto;
}

.kayarliste{
    overflow:auto;
    border:1px solid #ccc;
    scrollbar-width: thin;
}

#imza{
    font-size:12px;
    color:#fff;
    height:18px;
    margin:0px;
    clear:left;
    background-color:#559;
    border-top:1px solid #038;
    border-bottom:1px solid #559;
    border-left:1px solid #559;
    border-right:1px solid #559;
}

#dugmealti{
    font-size:12px;
    color:#fff;
    height:34px;
    margin:0px;
    clear:left;
    background-color:#559;
    border-top:1px solid #bbd;
    border-left:1px solid #559;
    border-right:1px solid #559;
}

.dugmealti{
    font-size:12px;
    color:#fff;
    height:30px;
    margin:0px;
    clear:left;
    background-color:#aac;
    border-top:1px solid #bbd;
    border-left:1px solid #99b;
    border-right:1px solid #99b;
}

.temizle{
    clear:left;
    clear:right;
}

.dugme{
    padding:3px;
    margin:0px;
    border-top:1px solid #fdfdff;
    border-left:1px solid #f5f5ff;
    border-right:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    border-radius:3px;
    background-color:#f3f3f3;
    float:left;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    cursor: pointer;
    color:#448;
    -webkit-user-select: none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}
.dugme:hover{
    border-left:1px solid #c5c5c5;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    background-color:#e0e0e0;
}

.mikroDugme{
    height:18px;
    padding:2px;
    margin:1px;
    border-top:1px solid #fdfdff;
    border-left:1px solid #f5f5ff;
    border-right:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    border-radius: 3px;
    background-color:#f3f3f3;
    float:left;
    cursor: pointer;
}

.mikroDugme:hover{
    border-left:1px solid #c5c5c5;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    background-color:#e0e0e0;
}

.dugmeInTable{
    width:calc(100% - 2px);
    height:27px;
    padding:0px;
    margin:0px;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    background-color:#f5f5f5;
    display: inline-block;
    line-height: 25px;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    cursor:pointer;
}
.dugmeInTable:hover{
    border-left:1px solid #c5c5c5;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    background-color:#d0d0d0;
}

.dugmeSag{
    padding-left:4px;
    padding-right:4px;
    padding-top:1px;
    padding-bottom:1px;
    margin:0px;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    background-color:#eee;
    float:right;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
}
.dugmeSag:hover{
    border-left:1px solid #c5c5c5;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    background-color:#d0d0d0;
}

.rdugme{
    padding:3px;
    margin:2px;
    border:1px solid #8df;
    background-color:#ddf;
    float:right;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
}

.rdugme:hover{
    border:1px solid #59a;
    background-color:#ccd;
}

.minidugme{
    padding:3px 3px 2px 3px;
    margin:0px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    text-align:center;
    cursor:pointer;
    color:#448;
}

.minidugme:hover{
    border:1px solid #99a;
    background-color:#ccd;
}

.sagayanas{
    float:right;
}

.solayanas{
    float:left;
}

.cerceve{
    padding:4px;
    border:1px solid #ccd;
}

.cercevesiz{
    border:0px;
}

.border{
    border:1px solid #ccd;
}

.aralik3{
    padding:3px;
    margin:3px;
}

#baslik{
    font-size:13px;
}

.styled-select {
   overflow: hidden;
   background: #f5f5ff;
   border: 1px solid #dde;
}
   
.tikla {
   cursor:pointer;
}
   
.tikla:hover{
    background-color:#ddf;
    border:0px solid #bbd;
    border-left:0px solid #bbd;
    padding-right:0px;
    padding-left:0px;
}

.rakam{
    text-align:right;
}

.altcizgi{
    border-bottom:1px solid #dddddd;
    padding:5px;
    background-color: #ffffff;
    font-size:12px;
}

.altcizgi:hover{
    background: #eef;
}

.araDiv{
    padding:0px;
    background-color:#eaeaea;
    position:absolute;
    border:1px solid #ccccff;
    overflow:auto;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown-content {
  display: none;
  position:absolute;
  right:3px;
  top:31px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 7px;
  text-decoration: none;
  display: block;
  text-align: left;
  text-shadow: 0px 0px;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.message{
    font-size:13px;
    margin:0px;
    padding:0px;
    border:1px solid #bbbbab;
    border-radius:6px;
    background-color:#ffffdc;
}

.message-warning{
    color:#555555;
    background-color:#ffffdc;
    border-color:#dddddd;
}

.message i {
    float:left;
    margin-right:2px;
    max-height:100px;
}

.message btnPanel{
    font-weight: bold;

    
}

#baslikSagDiv{
    float:right;
}

#baslikSagDiv select{
    height: 23px;
}

textarea.tableHeaderInput{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px !important;
    background-color: rgba(255, 255, 255, 0.50);
    width:calc(100% - 3px);
    resize:none;
    border:0px;
    margin:0px;
}

input.tableHeaderInputMini{
    font-size:12px !important;
    background-color: rgba(255, 255, 255, 0.50);
    width:calc(100% - 3px);
    height:18px;
    border:0px;
    margin:0px;
}


input.tableHeaderInput{
    background-color: rgba(255, 255, 255, 0.50);
    width:calc(100% - 3px);
    height:22px;
    border:0px;
    margin:0px;
}

select.tableHeaderInputMini{
    font-size:12px !important;
    background-color: rgba(255, 255, 255, 0.50);
    width:calc(100%);
    height:20px;
}

select.tableHeaderInput{
    background-color: rgba(255, 255, 255, 0.50);
    width:calc(100%);
    height:24px;
    margin:0px;
    padding-left:2px;
}

.tableHeaderInput:focus{
    background-color: rgba(255, 255, 150, 0.35);
}

.tableHeaderInputMini:focus{
    background-color: rgba(255, 255, 130, 0.50);
}

.bottomPanel{
    border:1px solid #dddddd;
    position: absolute;
    bottom:20px;
    width:100%;
    padding:2px;
    background-color: rgba(225, 225, 225, 0.35);
}

.buttonBadge{
    position:absolute;
    left:8px;
    top:-3px;
    font-weight:bold;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    text-align: center;
    background: #f00;
}

.buttonBadgeRight{
    position:absolute;
    right:0px;
    top:-3px;
    font-weight:bold;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    text-align: center;
    background: #f00;
}

.plmProduct{
    width:auto;
    float:left;
    padding:3px;
    margin:3px;
    border-radius:8px;
    border:1px solid #9999dd;
    background-color:#eeeeff;
}

.plmProduct:hover{
    box-shadow: 0px 0px 5px #aaaaff;
}


.editable-container {
  color: #333;

  .contentEditable {
    border: 3px dashed #ddd;
    padding: 1em;
    overflow: hidden;
    overflow-y: auto;
    &:before{
      content: attr(placeholder);
      display: block; /* For Firefox */
      color: gray;
      left:0;
    }
    &:focus {
      outline: 0;
      border-color: #FFAE00;
    }
  }
}

.contentEditable img{
    display:none;
}

.preview {
  cursor: pointer;
}

.file-input::-webkit-file-upload-button {
    visibility: hidden;
    user-select: none;
}
.file-input{
    display: none;
    user-select: none;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.takipDetay:hover{
    border-top:1px solid #dddddd;
    background-color:#f5f5ff;
}

.numDugme{
    display: table-cell;
    line-height: 48px;
    border-top:1px solid #ffcc00;
    border-left:1px solid #ffcc00;
    border-bottom:1px solid #aa5500;
    border-right:1px solid #aa5500;
    text-align:center;
    font-weight: bold;
    font-size:x-large;
    background-color:#ffaa00;
    color:black;
    width:70px;
    height:52px;
    margin: 0px;
    float:left;
}

.numDugme:hover{
   background-color:#ffcc00;
   border-top:1px solid #aa5500;
   border-left:1px solid #aa5500;
}