@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('/css/sol-menu.css');

*{margin:0;padding:0;}
body {background: #d0c9c6;font-family: 'Open Sans', sans-serif;font-size: 12px; min-height: 80vh;}
.bg {background: url('../images/top-bg.jpg') top center repeat-x;height:174px;}
.clr {clear:both;}

.container {width: 980px;margin:auto;position:  relative;}

.header {height:113px;position:relative;}
.logo {float: left;position: absolute;top: 35px;z-index: 99;left:8px;}
.logo a {display: block;width: 155px;height: 53px;background: url('../images/logo.png') no-repeat;}
.logo a span {display:none;}

.ustmenu {position: absolute;top: 15px;right:5px;}
.ustmenu ul {list-style:none;}
.ustmenu ul li {float:left;margin: 0px 10px;}
.ustmenu ul li a {text-decoration:none;color:#fff;font-size:14px;display:block;padding-top:58px;width: 105px;}
.ustmenu ul li a.ana {height: 39px;background: url(../images/ustmenu.png) -401px 0px no-repeat;text-align: center;}
.ustmenu ul li a.web {height: 39px;background: url(../images/ustmenu.png) 23px 0px no-repeat;text-align: center;}
.ustmenu ul li a.sifre {height: 39px;background: url(../images/ustmenu.png) -83px 0px no-repeat;text-align: center;}
.ustmenu ul li a.ilet {height: 39px;background: url(../images/ustmenu.png) -191px 0px no-repeat;text-align: center;}
.ustmenu ul li a.cikis {height: 39px;background: url(../images/ustmenu.png) -297px 0px no-repeat;text-align: center;}
.jcc { justify-content: center; }
.aic { align-items: center; }
/*
.sol {margin-top: 10px;background-color: rgb(239, 119, 26);width: 217px;min-height: 430px;padding: 14px;float:left;position:relative;border-radius:5px;}
.solbas{padding: 8px 0;display: block;background: #000;color: #fff;border-radius: 10px;text-align: center;font-size: 18px;}
.sol ul {list-style: none;width: 245px;margin-left: -14px;}
.sol ul li {margin: 13px 0px;padding: 7px 1px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sol ul li a {padding: 18px 0; padding-left: 63px;text-decoration: none;color: #fff;width: 180px;font-size: 14px;display: flex;align-items: center;justify-content: flex-start;}
/*.sol ul li a:hover {text-decoration:underline;}
.sol ul li:hover {background:#f99344;}
.sol ul li a.urunyonetim {height: 52px;background: url(../images/solmenu.png) 6px 0px no-repeat;text-align: center;}
.sol ul li a.uretimpalanlama {height: 52px;background: url(../images/solmenu.png) 6px -716px no-repeat;text-align: center;}
.sol ul li a.parmakizi {height: 59px;background: url(../images/solmenu.png) 6px -877px no-repeat;text-align: center;}

.sol ul li a.stokyonetim {height: 59px;background: url(../images/solmenu.png) 6px -79px no-repeat;text-align: center;}
.sol ul li a.barkodyonetim {height: 59px;background: url(../images/solmenu.png) 6px -156px no-repeat;text-align: center;}
.sol ul li a.kullanicilar {height: 59px;background: url(../images/solmenu.png) 6px -235px no-repeat;text-align: center;}
.sol ul li a.hammadde {height: 59px;background: url(../images/solmenu.png) 6px -317px no-repeat;text-align: center;}
.sol ul li a.yarimamuller {height: 59px;background: url(../images/solmenu.png) 6px -396px no-repeat;text-align: center;}
.sol ul li a.barkodsay {height: 59px;background: url(../images/solmenu.png) 6px -476px no-repeat;text-align: center;}
.sol ul li a.barkodarsiv {height: 59px;background: url(../images/solmenu.png) 6px -557px no-repeat;text-align: center;}
.sol ul li a.baglantilar {height: 59px;background: url(../images/solmenu.png) 6px -637px no-repeat;text-align: center;}

.sol ul li.active > ul {
    opacity: 1;
    height: auto;
    padding-top: 20px;
    pointer-events: auto;
}
.sol ul li.active > ul li {
    margin: 10px 0;
}
.sol ul li > ul {
    display: flex;
    margin-left: 20px;
    width: 220px;
    padding-top:  0px;
    flex-direction: column;
    height: 0;
    opacity: 0;
    pointer-events: none;
    padding-top:0;
    transition: all .2s

}

.sol ul li  > ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0px;
}

.sol ul li > ul li a {
    width: 160px;
    padding: 0;
    padding-left: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left !important;
}


.tarih {background: #d76b17;width: 225px;height: 18px;display: block;color: #fff;font-size: 12px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;margin-left: -14px;padding: 17px 10px;margin-top: 33px;position:absolute;bottom: -25px;}
.tarih span {background: url(../images/tarih.png) 13px no-repeat;padding: 7px 0;padding-left: 52px;}*/

.sag {width:720px;float:right;min-height: 523px;display:block;background:#fff;color:#000;border-radius:5px;margin-top: 10px;padding-bottom: 50px;}
.navi {list-style: none;background: #000;width: 687px;border-radius: 10px;margin: 13px 16px;height: 17px;padding: 8px 0 14px 0;}
.navi li {float:left;display:block;margin-left: 10px;}
.navi li a {text-decoration:none;color:#fff;background:url('../images/arrow.png') left no-repeat;padding-left: 20px;font-size: 18px;}
.navi li a:hover {text-decoration:underline;}
.navi li a.first {background:none;padding-left: 0;}

.dug{width: 220px;  height: 40px;  border: 1px solid #ef771a;  background: #fff;  display: block;  color: #ef771a;  border-radius: 10px;  text-align: center;
  font-size: 13px;  text-decoration: none;  line-height: 40px;  float: left;  margin-left: 11px;}
.selected {background:#ef771a;color:#fff;}
.dug:hover {background:#ef771a;color:#fff;}

.ust-bg {background:url('../images/tablo-ust-bg.jpg') repeat-x;height:49px;color:#ef771a;}
.tablo {margin-top:1px;font-size:13px;text-align:center;}
.zeb {background:#eeeeee;height:30px;}
.zebw {background:#fff;height:30px;}
.tablo img {float:left;}

.secenekler {width: 423px;background: url('../images/secenekler.png') right 0px no-repeat;display: block;height: 25px;margin: auto;padding: 5px 29px;}
.secenekler ul {list-style:none;}
.secenekler ul li {float:right;}
.secenekler ul li a {text-decoration: none;color: #ef771a;padding-right: 7px;
padding-left: 7px;font-size: 13px;border-left: 1px solid #e2e2e2;}
.secenekler ul li a:hover {text-decoration:underline;}
.secenekler ul li a.noleftborder {border-left: none;}

.bgtrun {background:#ef771a;}
.kritik {background:#ef771a;color:#fff;}
.solb {border-left:1px solid #e2e2e2;}
.tablo a {color:#151515;text-decoration:none;}

.acilirlist {  width: 507px;display: block;list-style: square url("../images/dot.png");margin-left: 12px;background: url('../images/acilirok.png') 0px 0px no-repeat;padding-left: 45px;}
.acilirlist li {text-align: left;padding: 5px 0;}

.acilirlist li .onayDurum {
    border: 2px solid black;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acilirlist li .onayDurum img {
    width: 21px;
}

.bakimList {  width: 507px;display: block;list-style: square url("../images/dot.png");margin-left: 12px;background: url('../images/acilirok.png') 0px 0px no-repeat;padding-left: 45px;}
.bakimList li {text-align: left;padding: 5px 0;display: flex;width: 100%;align-items: flex-start;}

.bakimList li .onayDurum {
    border: 2px solid black;
    float: right;
    width: 27px;
    height: 27px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bakimList li .onayDurum img {
    width: 18px;
}
.kare
{
    border:1px solid #00F;width:155px;height:100px;
 
}


.pr {
    position: relative;
}
.urunekleme {width:562px;/* height:333px; */margin:auto;padding-bottom:  40px;}
.box {display: block;
background: url('../images/box.png') 0px 0px no-repeat;
font-size: 17px;
color: #ef771a;
font-weight: bold;
width: 257px;
text-align: left;
padding: 10px 0;
padding-left: 71px;
margin:28px 145px;}

.input {border: 1px solid #dddddd;border-radius: 10px;height: 36px;width: 275px;padding-left: 5px;font-size:14px;}
.button {background:#ef771a;width:421px;height:40px;border:none;cursor:pointer;color:#fff;border-radius:10px;}
.buttonred {background:#FF0000;width:421px;height:40px;border:none;cursor:pointer;color:#fff;border-radius:10px;}
.buttonyellow {background:#F3AF00;width:421px;height:40px;border:none;cursor:pointer;color:#fff;border-radius:10px;}

.login {width: 400px;
border-radius: 8px;
background-image: -moz-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);
box-shadow: 3.611px 4.792px 26px 0px rgba(0, 0, 0, 0.12);
height: 278px;
z-index: 4;
padding-top: 20px;
margin: 54px auto;
}
.login-title {width: 314px;height: 34px;border-bottom: 1px solid #e2e2e2;text-align: center;line-height: 34px;color: #797979;font-size: 12px;margin: auto;}
#login-form {width: 314px;height: 170px;margin: auto;color: #797979;margin-top: 17px;}
.login-input {color: #969696;padding-left: 3px;width: 313px;height: 33px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
background-color: #fff;-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.09);-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.09);
box-shadow: inset 0 5px 5px rgba(0,0,0,.09);border: solid 1px rgba(0,0,0,.12);margin-top: 3px;}
.login-title .iconman {
background: url(../images/icons/login-title.png) no-repeat left center;
padding: 3px 0px 3px 23px;
width: 14px;
height: 23px;
}
.login-btn {border-radius: 10px;background-image: -moz-linear-gradient( 90deg, rgb(224,115,21) 0%, rgb(249,138,44) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(224,115,21) 0%, rgb(249,138,44) 100%); background-image: -ms-linear-gradient( 90deg, rgb(224,115,21) 0%, rgb(249,138,44) 100%);box-shadow: inset 0px 3px 4px 0px rgba(255, 240, 224, 0.44);width: 318px;height: 45px;z-index: 11;border:none;color:#fff;font-size:18px;margin-top: 19px;cursor:pointer;}

.sayilar {width: 476px;margin: 15px auto;color:#ddd;font-size: 24px;}
.sayilar a {color:#7d7d7d;text-decoration:none;}
.sayilar a:hover {text-decoration:underline;}

.sayim {text-align: center;background: url('../images/icons/sayim.png') left no-repeat;display: block;width: 348px;margin: 11px auto;height: 35px;line-height: 35px;padding-left: 46px;}

.tarihbox {float: right;margin: 1px 19px 11px 3px;border: 1px solid #ef771a;padding: 5px 5px;color: #ef771a;border-radius: 5px;font-size: 16px;}
.sayimibaslat:hover {background: #4fa301;color: #fff;}
.sayimibaslat {color: #4fa301;padding: 12px 4px;border-radius: 10px;text-decoration: none;border:1px solid #4fa301;}
.sayimibitir {border: 1px solid #ef2806;color: #fff;padding: 10px 9px;border-radius: 10px;text-decoration: none;font-size: 14px;color: #ef2806;display:block;text-align: center;}
.sayimibitir:hover {background:#ef2806;color:#fff;}
.yenile {border: none;  cursor: pointer;  background: url(../images/yenile.png) left no-repeat;  padding-left: 22px;  width: 167px;  margin-top: 13px;
  margin-bottom: 11px;  margin-left: 276px;  font-size: 17px;}
.sayimarsiv {text-align: center;border-bottom: 1px solid #f0f0f0;}
.sayimarsiv a {color: #000;text-decoration: none;}
.sayimarsiv a:hover {text-decoration:underline;}

.excel {    border-radius: 10px;text-decoration: none;
color: #00a160;
border: 1px solid #00a160;
padding: 11px 5px;
width: 212px;
margin: auto;
display: block;
background: url('../images/excel.png') 32px no-repeat;
padding-left: 59px;
padding-right: 0px;
margin-bottom: 20px;
font-size: 18px;}
.excel:hover {background:url('../images/excel_h.png') 32px no-repeat #00a160;color: #fff !important;}

.yenidosyaekle {width:570px;min-height:360px;margin:15px auto;background:#fff;}
.eklep {color: #ef771a;background: url(../images/file.png) 5px no-repeat;padding-left: 43px;height: 35px;margin: auto;width: 123px;text-align: center;
display: block;line-height: 38px;}
.eklebtn {width: 78px;height: 25px;background: none;border: 1px solid #ef771a;color: #ef771a;cursor: pointer;}
.eklebtn:hover {background:#ef771a;color:#fff;}
.ekleunderline {color: #ef771a;font-style: italic;border-bottom: 1px solid #f0f0f0;width: 534px;display: block;}
.dosyagor {float:left;color: #ef771a;background: url('../images/views.png') 33px 11px no-repeat;padding-left: 19px;padding-right: 3px;border: 1px solid #ef771a;width: 147px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;display: block;margin-bottom: 15px;}
.dosyagor:hover {background:url('../images/views_h.png') 33px 11px no-repeat #ef771a;color:#fff;}
.dosyasil {float:left;color: #fff;background: url('../images/delete3.png') 33px 9px no-repeat #ef2806;padding-left: 19px;padding-right: 3px;border: 1px solid #ef2806;width: 147px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;display: block;text-decoration: none;margin-bottom: 15px;margin-left: 23px;}


.basbit {margin-left: 24px; width: 688px; margin-top: 20px;}
.bas {width: 244px;display: block;}
.TextBox {  width: 269px;  height: 40px;border-radius: 5px;border: 1px solid #ddd;margin-top: 7px;}
.sec {background: #ef771a;border: none;padding:14px 13px;border-radius: 5px;color: #fff;cursor: pointer;}

.sag-alt {width: 721px;  float: right;  min-height: 34px;  display: block;  background: #fff;  color: #000;  border-radius: 5px;  margin-top: 15px;  padding-top: 11px;  margin-bottom: 15px;}
.info {float: left;height: 34px;}
.info span {margin-top: -20px;display: block;padding-left: 29px;padding-right: 10px;font-size: 13px;}

#top-link {display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none; border:1px solid green; background:Lightgreen; padding:10px;}

/* POPUP CSS */

#dialog-overlay {

  /* set it to fill the whil screen */
  width:100%; 
  height:100%;
  
  /* transparency for different browsers */
  filter:alpha(opacity=50); 
  -moz-opacity:0.5; 
  -khtml-opacity: 0.5; 
  opacity: 0.5; 
  background:#000; 

  /* make sure it appear behind the dialog box but above everything else */
  position:absolute; 
  top:0; left:0; 
  z-index:3000; 

  /* hide it by default */
  display:none;
}


#dialog-box {
  
  /* css3 drop shadow */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  
  /* css3 border radius */
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  
  background:#eee;
  /* styling of the dialog box, i have a fixed dimension for this demo */ 
  width:328px; 
  
  /* make sure it has the highest z-index */
  position:absolute; 
  z-index:5000; 

  /* hide it by default */
  display:none;
}

#dialog-box .dialog-content {
  /* style the content */
  text-align:left; 
  padding:10px; 
  margin:13px;
  color:#666; 
  font-family:arial;
  font-size:11px; 
}

a.button {
  /* styles for button */
  margin:10px auto 0 auto;
  text-align:center;
  background-color: #e33100;
  display: block;
  width:50px;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  
  /* css3 implementation :) */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  
}

a.button:hover {
  background-color: #c33100;  
}

/* extra styling */
#dialog-box .dialog-content p {
  font-weight:700; margin:0;
}

#dialog-box .dialog-content ul {
  margin:10px 0 10px 20px; 
  padding:0; 
  height:50px;}



/*t?m ba?lant?lar*/

.tumilk {  height: 30px;background:#fff;}
.tumiki {  height: 30px;  background: #F0F0F0;}
.borbot {  border-bottom: 1px solid #f0f0f0;}
.tumbaglantilar {  width: 980px;  margin: auto;  border-bottom: 1px solid #e2e2e2;  border-top: 1px solid #e2e2e2;}
.acilirlistt {  width: 211px;
  display: block;
  list-style: square url("../images/dot.png");
  margin: auto;
  background: url('../images/acilirok.png') 0px 0px no-repeat;
  padding-left: 45px;
  margin-left: 70px;}
  nav#nav {width: 305px;padding-left: 12px;margin-top: 20px;float: left;display: block;}
  .login2 {width: 100%;border-radius: 8px;height: 120px;background-image: -moz-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(236,236,236) 0%, rgb(255,255,255) 100%);box-shadow: 3.611px 4.792px 26px 0px rgba(0, 0, 0, 0.12);margin-bottom: 12px;display: flex;}
  .login2 > a {
    padding: 0 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
  }
  .login2 > a > div {
    width: 89px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f57f00;
    border-radius: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
  }

  .login2 > a > div img {
    width: auto;
    height: 35px;
  }

  .login2 > a:hover > div {background: black;}

  .login2 > a span {
    margin-left: 15px;
  }
.login2 span {text-align:center;color:#ef7f20;display: block;}
.login2 span a {text-decoration:none;color:#ef7f20;}
.spc {background: url(../images/icons2.png) -282px -12px;display: block;width: 89px;height: 89px;}
a:hover .spc{background: url(../images/icons2.png) -281px -107px;}
.crm {background: url(../images/icons2.png) -373px -12px;display: block;width: 89px;height: 89px;}
a:hover .crm{background: url(../images/icons2.png) -372px -107px;}
.depo {background: url(../images/icons2.png) -9px -12px;display: block;width: 89px;height: 89px;}
a:hover .depo{background: url(../images/icons2.png) -9px -107px;}
.arge {background: url(../images/icons2.png) -555px -12px;display: block;width: 89px;height: 89px;}
a:hover .arge{background: url(../images/icons2.png) -554px -107px;}
.personel {background: url(../images/icons2.png) 187px -12px;display: block;width: 89px;height: 89px;}
a:hover .personel{background: url(../images/icons2.png) 188px -107px;}
.akisSemasi {background: url(../images/akisSemasi.png) 0px 0px no-repeat;width: auto !important;height: 52px;padding-left: 60px !important;text-align: center;margin-left:  -20px;}
.dokumantasyon {background: url(../images/icons2.png) -373px -220px;display: block;width: 89px;height: 89px;}
a:hover .dokumantasyon{background: url(../images/icons2.png) -372px -107px;}
.kullanici {background: url(../images/icons2.png) -464px -12px;display: block;width: 89px;height: 89px;}
a:hover .kullanici{background: url(../images/icons2.png) -463px -107px;}
.login2 p {color: #797979;
    font-family: 'Open Sans Bold', sans-serif;
    font-size: 16px;
    padding: 20px 40px;}
.login2 ul {list-style:none;}
.login2 ul li {padding-bottom: 19px;
    background: url(../images/point.png) 14px 6px no-repeat;}
.login2 ul li a {     padding-left: 40px;
    font-size: 13px;
    text-decoration: none;
    color: #797979;
    display: block;}
  .login2 ul li a:hover {text-decoration:underline;}

.row {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.row:after {
  content: '';
  display: block;
  clear: both;
}
.anaSag {
    width: 623px;
    margin-top: 20px;
    float: left;
    display: block;
    padding-left: 12px;
    padding-right: 19px;
}
.slider {
    border-radius: 6px;
    overflow: hidden;
}

.slider:hover .owl-nav,.slider:hover .owl-dots {
    opacity: 1;
}

.owl-nav {
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: all .4s;
}

.owl-nav .owl-prev {
    left: 20px;
    position: absolute;
}

.owl-nav .owl-next {
    right: 20px;
    position: absolute;
}
.owl-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
    position: relative;
    top: -38px;
    opacity: 0;
    transition: all .4s;
}

.owl-dots .owl-dot {
    width: 13px;
    height: 13px;
    background: #d2d2d2;
    margin-right: 6px;
    border-radius: 100%;
}

.owl-dots .owl-dot.active {
    background: #f57f00;
}
.duyurular {
  padding: 20px;
  background: white;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.duyurular .duyuruTitle {
  padding: 20px 0 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Open Sans';
}

.duyurular .duyuruTitle h1 {
  color: #f37f22;
  font-size: 16px;
  font-weight: 700;
}
.duyurular .duyuruTitle a {
  color: #f37f22;
  font-size: 12px;
  text-decoration: none;
}
.duyurular .duyuruTitle a:hover {
  text-decoration: underline;
}
.duyuru {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}
.duyuru .dot {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,236,236,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,236,236,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec', GradientType=0 );
  position: relative;
}

.duyuru .dot:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: rgba(243,133,44,1);
  background: -moz-linear-gradient(top, rgba(243,133,44,1) 0%, rgba(222,115,28,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,133,44,1)), color-stop(100%, rgba(222,115,28,1)));
  background: -webkit-linear-gradient(top, rgba(243,133,44,1) 0%, rgba(222,115,28,1) 100%);
  background: -o-linear-gradient(top, rgba(243,133,44,1) 0%, rgba(222,115,28,1) 100%);
  background: -ms-linear-gradient(top, rgba(243,133,44,1) 0%, rgba(222,115,28,1) 100%);
  background: linear-gradient(to bottom, rgba(243,133,44,1) 0%, rgba(222,115,28,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3852c', endColorstr='#de731c', GradientType=0 );
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.duyuru .text {
  width: 530px;
}
.duyuru .text .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Open Sans';
}

.duyuru .text .title strong{
    color: #090909;
    font-size: 16px;
    font-weight: 700;
}

.duyuru .text .title span {
    color: #090909;
    font-size: 12px;
    font-weight: 600;
}

.duyuru .text p {
    color: #696969;
    font-size: 12px;
    flex: 1;
}
.paging {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.paging a {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #090909;
    text-decoration: none;
    border: 1px solid #171717;
    border-radius: 5px;
}
.paging span,.paging a:hover {
    background: #171717;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #171717;
    border-radius: 5px;
}

.popUp {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;    
  display: none
}

.popUp.active {
  display: block;
}

.popUp .popUpBg {
    background: #000000a6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
}

.popUp .popUpIframe {
    width: 620px;
    height: 660px;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 20px;
    overflow: hidden;
}

.popUp .popUpIframe iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.popUpClose {
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 999;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.popUpClose img {
    width: 100%;
}


.info img {
    width: 20px;
    float: right;
    display: block;
    margin-left: 10px;
    margin-top: 7px;
    cursor: pointer;
}

.info {
    display: block;
    float: left;
    position: relative;
    margin-right: -20px;
}
.infodetail {
    position: absolute;
    width: 320px;
    background: #ffc69a;
    z-index: 99;
    top: 30px;
    left: -30px;
    padding: 10px;
    opacity: 0;
    pointer-events: none;
    
}

.infodetail strong {
    float: left;
    width: 20px;
    color: red;
    font-size: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.infodetail > div {
    margin-bottom: 5px;
    height: auto;
    position: relative;
}

.infodetail p {
    line-height: 18px;
    float: left;
    display: block;
    width: 90%;
    position: relative;
    left: 20px;
    color: black;
}
.info img:hover ~ .infodetail {
    opacity: 1;
    
    transition-delay: .5s;
}

  .sekilInput {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
  }
  .sekilInput span {
    width: 150px;
    display: flex;
    align-items: flex-end;
    text-align: right;
    flex-direction: column;
    padding-right: 10px;
    font-weight: 700;
    font-size: 12px;
  }
  .sekilInput input[type=text] {
    width: 270px;
    display: flex;
  }
  
.uretimpopup .sekilInput textarea {
    border: 1px solid #dddddd;
    border-radius: 10px;
    height: 120px;
    width: 330px;
    padding: 10px;
    padding-left: 5px;
    font-size: 12px;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    resize: none;
}
  .file {
    position: relative;
    height: 200px;
    width: 270px;
    display: block;
    float: left;
    border: 1px solid #d0c9c6;
    border-radius: 20px;
    overflow: hidden;
}

.file img#fileImg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    transform: translate(-50%,-80%);
}

.file span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
    display: block;
    width: 100%;
    text-align: center;
    color: #ef771a;
    font-weight: 700;
    font-size: 14px;
}

.sekilInput .file input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 9999;
}
img#output,img#output2 {
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
}
.fileZoom  .Zoom {
    position: absolute;
    height: 40px;
    width: 40px;
    display: block;
    right: -10px;
    background: #ef771a;
    border-radius: 10px;
    overflow: hidden;
    bottom: 51px;
}

.fileZoom .Zoom  input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.sekilInput.row.auto {
    justify-content: center;
}
.file {
    float: none;
    margin: 0 auto;
    left: -50px;
}
.fileZoom .Zoom img {
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scaleX(-1);
}
.fileZoom .file {
    width: 135px;
    height: 100px;
    position: absolute;
    float: right;
    top: 0;
    right: -390px;
}
.sekilInput .position {
    position: absolute;
    right: 40px;
    top: 120px;
}
.article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.onay {
  width: 20px;
  height: 20px;
  background: url("../images/email.svg") no-repeat center center;
  background-size: cover;
}
.onayokundu {
  width: 20px;
  height: 20px;
  background: url("../images/okundu.svg") no-repeat center center;
  background-size: cover;
}
.delete {
  width: 20px;
  height: 20px;
  background: url("../images/delete4.png") no-repeat center center;
  background-size: cover;
  margin-left: 10px;
}
.faliyetIcon {
  width: 20px;
  height: 20px;
  background: url("../images/f.svg") no-repeat center center;
  background-size: cover;
  margin-left: 5px;
  margin-right: 5px;
}

.aksiyonIcon {
  width: 20px;
  height: 20px;
  background: url("../images/a.svg") no-repeat center center;
  background-size: cover;
  margin-left: 5px;
  margin-right: 5px;
}
.toplantiIcon {
  width: 20px;
  height: 20px;
  background: url("../images/t.svg") no-repeat center center;
  background-size: cover;
  margin-left: 5px;
  margin-right: 5px;
}

a.urunHammadde {
    position: relative;
    padding-left: 20px;
    top: 0;
    display: block;
    left: -20px;
}

td.?con img {
    width: 20px;
    margin-left:  5px;
}
.addBoxs {
    display: flex;
    flex-wrap:  nowrap;
    flex-direction:  row;
}
.boxs {
    width: 120px;
    background: #d2d2d2;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:  column;
    margin-right: 10px;
    padding: 0 10px;
    flex-wrap:  nowrap;
    border-radius: 6px;
    position:  relative;
}
.addBox {
    display: flex;
    align-items: center;
}

.addBox a {
    width: 30px;
    height: 30px;
    background: #00a160;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addBoxs select {
    width: 100%;
}
.addBox a img {
    width: 14px;
}
.addRows {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}
.adet {
    width: 150px;
    height: 170px;
    background: #ef771a;
    padding:  0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 31px;
    flex-direction:  column;
}
.boxs .sil {
    background: none;
    width: 18px;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0px;
    top: -4px;
}
.addRows input[type=image] {
    background: #ffc800;
    width: 20px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-left:  20px;
}
.boxs .sil img {
    width: 100%;
}
.adet input[type=text] {
    width: 96%;
    height: 34px;
    margin-bottom:  10px;
}
.sekilInput:last-child {
    margin-bottom:  0;
}
.number {
    width: 40px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content:  center;
    flex-direction:  column;
    margin-left: -50px;
    margin-right: 30px;
}

.akisPlan {
    display: flex;
    flex-direction:  row;
    flex-wrap:  nowrap;
    margin-left: -79px;
}

.number strong {
    color: #ffffff;
    font-size: 16px;
    width: 35px;
    height: 35px;
    background: #ef771a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:  6px;
}
.number span {
    background: #d2d2d2;
    color: #5a5a5a;
    text-align: center;
    padding:  3px 6px;
}
.uretim {
    display:  flex;
    flex-direction: row;
    justify-content:  center;
    align-items:  center;
    width: 580px;
    margin: 20px auto;
}

.uretim .sekilInput {
  margin-bottom: 0
}
.uretim span {
    width: 130px;
}

.uretim input {
    width: 90px !important;
}
.firstRows {
    margin-left: 0;
    margin-bottom: 10px;
}

.firstRows .adet {
    margin-right: 10px;
    width:  60px;
    height:  60px;
    border-radius: 20px;
}
.firstRows .boxs {
    height:  60px;
    border-radius: 20px;
}
.boxs p {
    font-size: 15px;
    font-weight:  700;
    width:  100%;
    display:  flex;
    text-align:  center;
    align-items:  center;
    justify-content:  center;
}
.boxs p a {
    text-decoration:  none;
    color: #2b2b2b;
}
.uretimpopup {
    width: 680px;
    margin: 0px auto;
    padding: 10px 0;
}
.uretimpopup .check {
    display:  flex;
    flex-direction:  column;
    width: 200px;
    justify-content:  flex-start;
    align-items:  flex-start;
}

.uretimpopup .check > div {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin-left:  20px;
    margin-bottom: 7px;
}

.uretimpopup .check > div label {
    margin-left: 5px;
    font-size: 12px;
}
.uretimpopup .sekilInput span {
    text-align: left;
    align-items: flex-start;
    width:  100px;
}

.uretimpopup form {
    padding: 0 10px;
}
.personelListe {
    border: 3px solid rgb(239, 119, 26);
}

.personelListe > div {
    display: flex;
    flex-direction: row;
    padding: 10px 5px;
}

.personelListe > div .sekilInput{
  margin-bottom: 0
}

.personelListe > div:nth-child(2n) {
    background: #cecece;
}
.uretimpopup .sekilInput .input {
    width: 330px;
}
input.add {
    width: 35px;
    height: 35px;
    border-radius:  100%;
    border:  none;
    background: #ef771a url("../images/add.svg") no-repeat center center;
    background-size:  50%;
    cursor: pointer;
}
strong.toogleTitle1,strong.toogleToptanTitle1 {
    background: #ef771a;
    display: block;
    padding: 0 10px;
    color: white;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
    margin-bottom: 10px;
    position:  relative;
}
.uretimToogle strong.toogleToptanTitle1 {
    height: 110px;
}

strong.toogleTitle2 {
    background: #ef771a;
    display: block;
    padding: 0 10px;
    border-radius: 10px;
    color: white;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}
strong.toogleTitle2 span {
  font-weight: 400
}
strong.toogleTitle2:after {
  content: '';
  background: url("../images/bottom-arrow.svg") no-repeat center center;
  display: block;
  float: right;
  background-size: cover;
  width: 15px;
  height: 15px;
  margin: 7px 0px;
  margin-right: 10px;
}

.toogle1 {
    display: none;
}
.toogle1.active {
    display: block;
}

.toggle .toogle2,.toogleToptan1 .toogleToptan1 {
    display: none;
}
.toggle.active .toogle2,.toogleToptan1.active .toogleToptan1{
    display: block;
    position: relative;
}

strong.toogleTitle1:after,strong.toogleToptanTitle1:after {
  content: '';
  background: url("../images/bottom-arrow.svg") no-repeat center center;
  display: block;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  transform: rotate(-90deg);
  transition: all .3s;
  position:  absolute;
  right: 10px;
  top: 50%;
}

.toogleToptan1.active strong.toogleToptanTitle1:after {
    transform: rotate(0deg);
}

.uretimToogle > strong {
  width: 700px;
  margin-left: -79px;
  transition: all .3s;
  font-size: 15px;
}
.uretimpopup.calisan {
    width: 800px;
}
a.temizle {
    width: 30px;
    height: 30px;
    border-radius:  100%;
    background: #ef771a;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    margin-left: -10px;
}

a.temizle img {
    width: 20px;
}
.uretimToogle > strong span {
    font-size: 13px;
}

.uretimToogle > strong a {
    text-decoration:  none;
    width: 38px;
    height: 38px;
    border: 2px solid white;
    color:  white;
    display: inline-block;
    border-radius:  100%;
    text-align:  center;
    line-height:  40px;
    font-size: 14px;
    transition:  all .3s;
    margin: 4px 10px;
}

.uretimToogle > strong a:hover {
    background:  white;
    color: #ef771a;
}
.uretimToogle .toogleToptan1 {
    margin-top: 30px;
}

.personelListe a {
    text-decoration:  none;
    width: 28px;
    height: 28px;
    border: 2px solid #ef771a;
    color:  #ef771a;
    display: inline-block;
    border-radius:  100%;
    text-align:  center;
    line-height:  28px;
    font-size: 14px;
    transition:  all .3s;
    overflow:  hidden;
}
.personelListe a img {
    width: 100%;
}

.personelListe  a:hover {
    background:  #ef771a;
    color: #fff;
}
.aciklama {
    display:  flex;
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #ef771a;
    padding-bottom: 60px;
    margin-bottom: 10px;
}

.aciklama > div {
    display:  flex;
    flex-direction:  column;
    width: 100%;
}
.aciklama > div strong {
    text-align:  center;
    margin-bottom: 10px;
}
.boxs.green {
    background: #079e5f;
}
.boxs.yellow {
    background: #eaff0d;
}
.orgBody {
  background: white;
}
.organizasyonPopup {
  width: 1440px;
  margin:  0 auto;
  margin-top: 60px;
}
.organizasyonPopup .orgRow {
  max-width: 100%;
  flex: 0 0 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.organizasyonPopup .orgRow .orgRow2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.organizasyonPopup .orgRow .orgBox {
  width: 150px;
  height: 80px;
  background: rgb(255,192,0);
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 30px;
  margin-bottom: 60px;
  position: relative;
  cursor:  pointer;
}
.orgBox.black {
  background: black !important;
}

.orgBox.blue {
  background: rgb(0,176,240) !important;
}

.line1 {
    position:  absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 2px;
    background: #098cd8;
}
.line2 {
    position:  absolute;
    top: 20px;
    right: 0px;
    height: 2px;
    width: 100%;
    background: #098cd8;
}
.line3 {
    position:  absolute;
    top: 20px;
    left: 0px;
    height: 30px;
    width: 2px;
    background: #098cd8;
}
.arrow {
    position:  absolute;
    top: 50px;
    left: -4px;
    width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #098cd8;
}
.line1.red {
    background: red;
}
.line2.red {
    background: red;
}
.line3.red {
    position:  absolute;
    top: 20px;
    left: 0px;
    height: 30px;
    width: 2px;
    background: red;
}
.arrow.red {
  border-top: 10px solid red;
}
/* line 1 */
.lines1 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 630px;
}
/* line 2 */
.lines2 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 360px;
}
/* line 3 */
.lines3 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 90px;
}
/* line 4 */
.lines4 {
    position:  absolute;
    top: -60px;
    right: 77px;
    height: 60px;
    width: 90px;
    transform: scale(-1,1);
}
/* line 5 */
.lines5 {
    position:  absolute;
    top: -60px;
    right: 81px;
    height: 60px;
    width: 266px;
    transform: scale(-1,1);
}

/* line 6 */
.lines6 {
    position:  absolute;
    top: -60px;
    right: 81px;
    height: 60px;
    width: 270px;
    transform: scale(-1,1);
}
/* line 7 */
.lines7 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 630px;
}

/* line 8 */
.lines8 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 90px;
}

/* line 9 */
.lines9 {
    position:  absolute;
    top: -60px;
    right: 77px;
    height: 60px;
    width: 90px;
    transform: scale(-1,1);
}

/* line 10 */
.lines10 {
    position:  absolute;
    top: -60px;
    left: 75px;
    height: 60px;
    width: 90px;
}

/* line 11 */
.lines11 {
    position:  absolute;
    top: -60px;
    right: 77px;
    height: 60px;
    width: 90px;
    transform: scale(-1,1);
}
.hovered {
  position:  absolute;
  background: rgb(251,229,214);
  top: 90px;
  left:  0;
  z-index:  99;
  width: 350px;
  display:  flex;
  align-items: flex-start;
  justify-content:  flex-start;
  padding:  10px;
  opacity:  0;
  pointer-events: none;
  transition:  all .3s;
  transition-delay: .3s;
}

.hovered ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction:  column;
  text-align:  left;
}

.hovered ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: black;
  display: inline-block;
  border-radius:  100%;
  margin-right: 6px;
  margin-top: 6px;
}

.hovered ul li {
  display: inline-block;
  align-items: flex-start;
  font-size: 12px;
  margin-bottom:  10px;
  color:  black;
  font-weight:  700;
  list-style: disc;
}

.organizasyonPopup .orgRow .orgBox:hover .hovered {
  opacity: 1;
  pointer-events: auto;
}

.avatar {
  width: 150px;
  height: 112px;
  display:  flex;
  align-items: center;
  justify-content:  center;
  position:  relative;
  top: -12px;
}

.avatar figure {
  width: 70px;
  height: 70px;
  border: 4px solid #f57f00;
  border-radius:  100%;
  overflow:  hidden;
  display:  flex;
  align-items:  center;
  justify-content:  center;
}

.avatar a {
  display:  flex;
  align-items:  center;
  justify-content:  center;
  flex-direction:  column;
  text-decoration:  none;
}

.avatar figure img {
  width:  100%;
  height:  100%;
}

.avatar span {
  color: #f57f00;
  font-weight:  700;
  font-size: 14px;
  font-family: 'Open Sans';
  margin-top: 2px;
}
.profilPicture {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    width:  100%;
    flex-direction:  column;
}

.profilPicture figure {
    width: 150px;
    height: 150px;
    border: 4px solid #f57f00;
    border-radius:  100%;
    overflow:  hidden;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}

.profilPicture .profilPictureAdd {
    position:  relative;
    width: 150px;
    height: 35px;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    background: #f57f00;
    border-radius:  5px;
    margin-top:  20px;
}

.profilPicture figure img {
    width: 100%;
}

.profilPicture .profilPictureAdd input[type="file"] {
    position:  absolute;
    left:  0;
    top: 0;
    width:  100%;
    height:  100%;
    opacity:  0;
    z-index: 99;
    cursor: pointer;
}

.profilPicture .profilPictureAdd span {
    color:  white;
    font-weight:  700;
    font-size:  13px;
}
.messages {
    background: #ffff61;
    width: 300px;
    margin-left: 110px;
    margin-top:  10px;
    margin-bottom: 20px;
}
.messages p {
    padding:  15px;
}

.time {
    display: flex;
    align-items:  center;
    margin-top: 15px;
    justify-content:  center;
    width: 245px;
}

.time span {
    background: #f57f00;
    padding: 10px;
    border-radius:  10px;
    color: white;
    font-weight:  700;
    font-size: 15px;
    margin:  0 auto;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    width: 100%;
    text-decoration: none;
}

.sekilInput textarea {
    border: 1px solid #dddddd;
    border-radius: 10px;
    height: 120px;
    width: 255px;
    padding: 10px;
    padding-left: 5px;
    font-size: 12px;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    resize: none;
}

input.add {
    width: 35px !important;
    height: 35px !important;
    border-radius: 100% !important;
    border: none !important;
    background: #ef771a url("../images/add.svg") no-repeat center center;
    background-size:  50%;
    cursor: pointer;
    padding: 0;
}


.gkkAdds > .gkkAdd {
    display: flex;
    flex-direction: row;
    padding: 10px 5px;
}

.gkk {
    width: 780px;
    margin: 0 auto;
}
.gkk > span {
    text-align:  center;
    display:  block;
    font-weight:  700;
    margin-top:  15px;
    font-size:  14px;
}

.gkkAdds {
    display:  flex;
    flex-direction:  column;
}

.gkkAdds .gkkAdd {
    display:  flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.gkkAdds .gkkAdd > div {
    display:  flex;
    flex-direction:  column;
    border: 2px solid #d8d8d8;
    padding: 3px 2px;
}

.gkkAdds .gkkAdd > div input {
    width: 200px;
    border: 1px solid #9c9c9c;
    height: 25px;
    border-radius:  10px;
    padding: 0 10px;
}
.gkkAdds .gkkAdd > div input::placeholder {
  font-size: 10px;
}

.gkkAdds .gkkAdd > div select {
    width: 100px;
    border: 1px solid #9c9c9c;
    height: 25px;
    border-radius:  10px;
    padding: 0 10px;
}


.gkkAdds .gkkAdd > div .sartname input {
    width: 21px;
}

.gkkAdds .gkkAdd > div span {
    font-size:  13px;
    font-weight:  700;
    margin-bottom:  6px;
    height: 38px;
    display:  flex;
    align-items: flex-end;
    justify-content:  center;
    color: #ef771a;
}



.gkkLists {
    display:  flex;
    flex-direction: column;
}

.gkkLists .gkkList {
    display:  flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    min-height: 40px;
    align-items:  center;
    position:  relative;
}
.gkkLists:nth-child(2n+1) {
    background: #e4e4e4;
}

.gkkLists .gkkList > div {
    display:  flex;
    flex-direction:  column;
    padding:  0 5px;
}

.gkkLists .gkkList > div input {
    width: 100px;
    border: 1px solid #9c9c9c;
    height: 25px;
    border-radius:  10px;
    padding: 0 10px;
}
.gkkLists .gkkList > div input::placeholder {
  font-size: 10px;
}

.gkkLists .gkkList > div select {
    width: 100px;
    border: 1px solid #9c9c9c;
    height: 25px;
    border-radius:  10px;
    padding: 0 10px;
}


.gkkLists .gkkList > div .sartname  {
  flex-direction: row
}

.gkkLists .gkkList > div .sartname span {
    width: 44px;
}

.gkkLists .gkkList > div span {
    font-size:  13px;
    font-weight:  700;
}
.gkkLists {
    width: 270px;
    margin: 0 auto;
    padding:  10px;
}

.gkkLists .gkkList > div {
    width: 122px;
}
.gkkLists .gkkList > div:nth-child(3) {
    width: 185px;
}
.gkkLists .gkkList > div:nth-child(4) {
    width: 91px;
}
.gkkLists .gkkList > div:nth-child(5) {
    width: 120px;
}
.gkkLists .gkkList > div:nth-child(6) {
    width: 100px;
}
div#newNote .toplanti {
    flex-direction:  column;
    align-items:  flex-start;
    width: 280px;
    margin-right: 40px;
}

div#newNote .toplanti strong {
    margin-bottom:  10px;
    font-size:  15px;
}

div#newNote {
    display:  flex;
    justify-content: center;
    margin-bottom:  25px;
}

div#newNote .newNoteList {
    flex-direction: column;
    align-items: flex-start;
    width: 340px;
}
.org-ls-Body {
  background: white;
}

.organizasyonListePopup {
  width: 550px;
  margin: 0 auto;
  display: block;
  font-family: 'Roboto';
  padding:  30px 0;
}
.orgTitle {
  background: #ef771a;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  height: 40px;
  align-items: center;
  cursor: pointer
}
.orgTitle p {
    color:  white;
    font-weight:  700;
    font-size:  14px;
    flex:  1;
}

.orgTitle p span {
    font-size: 12px;
}
.orgTitle .iconHarf {
    text-decoration: none;
    background: white;
    width:  16px;
    height: 16px;
    margin-left: 10px;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    border-radius:  100%;
    font-weight:  700;
    font-size:  12px;
    font-family:  'Roboto';
    color: #ef771a;
    border: 2px solid #fff;
}
.orgTitle .iconHarf:hover {
    color: white;
    background: #ef771a;
}

.orgTitle .iconArrow {
    background: url(../images/bottom-arrow.svg) no-repeat center center;
    display: flex;
    background-size: 20px;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    transition: all .4s;
    margin-left: 20px;
    pointer-events: none;
}
.orgToogle .orgToogleContent {
  margin-left: 30px;
  display:  none;
  flex-direction:  column;
}

.orgToogle .orgToogleContent.active {
    display:  flex;
}

.orgTitle .iconArrow.active {
    transform: rotate(0deg);
}
.newAddPosition {
  margin-bottom: 20px;
  background: #ef771a;
  width: 160px;
  height: 30px;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 10px;
  display: flex;
  text-decoration: none;
  font-weight:  700;
  text-align: center;
  justify-content:  center;
  align-items:  center;
  font-size:  13px;
}

.organizasyonGorevTanimi {
  width: 550px;
  margin: 0 auto;
  display: block;
  font-family: 'Roboto';
  padding:  30px 0;
}
.gorevTitle {
    color:  #ef771a;
    margin-bottom: 10px;
    display:  block;
    font-size:  14px;
}
.h22 {
  height: 22px
}

.radio {
    display:  flex;
    align-items:  center;
    flex-direction:  row;
}

.radio input {
    margin-right: 5px;
}

.radio label {
    margin-right:  20px;
    font-size:  12px;
}
.multible {
    height: 100px;
}
.istanimi strong {
    width: 100%;
    font-size:  14px;
    margin-bottom:  10px;
}

.istanimi {
    display:  flex;
    flex-direction: column;
    margin-bottom:  20px;
}

.istanimi textarea
 {
    flex:  1;
    height: 66px;
    resize: none;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding-left: 5px;
    font-size: 12px;
    outline: 0;
    padding: 5px;
}
.temelGorevSorumlulukEkle {
    display:  flex;
    flex-direction:  column;
    margin-bottom:  20px;
}

.temelGorevSorumlulukEkle strong {
    font-size:  14px;
    margin-bottom:  10px;
}

.temelGorevSorumlulukEkle textarea {
    height:  66px;
    resize:  none;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px;
    padding-left: 5px;
    font-size: 12px;
    outline: 0;
    margin-bottom: 10px;
}
.temelGorevSorumluluklar {
    display:  flex;
    flex-direction:  column;
    margin-bottom: 20px;
}

.temelGorevSorumluluklar strong {
    font-size: 14px;
    margin-bottom: 10px;
}

.temelGorevSorumluluklar ol li {
    margin-bottom: 10px;
    font-size: 14px;
    position:  relative;
}

.temelGorevSorumluluklar ol li  a.remove {
    width:  20px;
    height: 20px;
    display:  flex;
    position:  absolute;
    right:  -20px;
    background: url("../images/delete4.png") no-repeat center center;
    background-size: 20px;
    top: 0;
}

.temelGorevSorumluluklar ol {
    padding-left:  13px;
}
.nitelikler {
    display:  flex;
    flex-direction: column;
}

.nitelikler .nitelik {
    display:  flex;
    flex-direction:  column;
    margin-bottom:  15px;
}

.nitelikler .nitelik strong {
    font-size: 12px;
    margin-bottom: 10px;
}

.nitelikler .nitelik textarea {
    height: 66px;
    resize: none;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px;
    padding-left: 5px;
    font-size: 12px;
    outline: 0;
}
.nitelikler .nitelik.sekilInput {
    align-items:  flex-start;
    width:  100%;
}

.nitelikler .nitelik.sekilInput span {
    width:  100%;
    align-items: flex-start;
    margin-bottom:  10px;
}

.nitelikler .nitelik.sekilInput .input {
    width:  100%;
}
p.sevkiyatListItem {
    display:  flex;
    flex-direction:  column;
}
.sevkiyatListeDetay {
    display:  flex;
    flex-direction:  column;
    text-align: left;
    padding: 20px 0 20px 60px;
    background: url('../images/acilirok.png') 12px 10px no-repeat;
}

.sevkiyatListeDetay strong.sevkiyatListeTitle {
    font-size: 15px !important;
    color: #ef771a !important;
    margin-bottom: 5px !important;
    position:  relative;
}

.sevkiyatListeDetay strong span {
    font-weight: 400;
    color: #171514;
    margin-left: 6px !important;
    font-size: 14px !important;
}

.sevkiyatListeDetay strong {
    font-size:  14px;
    margin-bottom:  5px;
    color: #171514;
}

.sevkiyatListeDetay p {
    font-size:  12px;
}

.sevkiyatListeDetay strong.sevkiyatListeTitle:after {
    content:  '';
    position:  absolute;
    width:  5px;
    height:  5px;
    border-radius:  100%;
    background: #ff2b2b;
    left:  -15px;
    top: 7px;
}

.sevkiyatFiltrele {
    margin: 40px 30px;
}

.sevFiltreRow {
    display:  flex;
    flex-direction:  row;
    margin-bottom: 20px;
}

.sevFiltreRow .sekilInput.sevFiltre {
    flex-direction:  column;
    margin-right:  20px;
    margin-bottom:  0;
    width:  230px;
}

.sevFiltreRow .sekilInput.sevFiltre:last-child {
    margin-right:  0px;
}

.sevFiltreRow .sekilInput.sevFiltre span {
    width: 100%;
    align-items:  flex-start;
    margin-bottom:  5px;
    text-align:  left;
    padding:  0;
}

.sevFiltreRow .sekilInput.sevFiltre .input {
    width:  100%;
    box-sizing: border-box;
}

.sevkFiltreButton {
    display:  flex;
    justify-content:  center;
    width:  100%;
}

.sevkFiltreButton input {
    background: #ef771a;
    border: none;
    width: 170px;
    height:  40px;
    font-weight:  700;
    color: white;
    border-radius:  10px;
    cursor: pointer;
    transition: all .3s;
}

.sevkFiltreButton input:hover {background: rgba(239, 119, 26, 0.85);}

img.action {
    width:  20px;
    position:  absolute;
    right: 120px;
}
.sevkiyatFile {
    display:  flex;
    position:  relative;
    background: #ef771a;
    width: 180px;
    height: 35px;
    align-items:  center;
    justify-content:  center;
    border-radius: 10px;
    margin: 10px auto;
    margin-bottom: 30px;
}

.sevkiyatFile input {
    position:  absolute;
    left:  0;
    top: 0;
    width:  100%;
    height:  100%;
    z-index:  999;
    opacity:  0;
    cursor:  pointer;
}

.sevkiyatFile span {
    color:  white;
    padding:  0;
    text-align:  center;
    font-size:  13px;
}

.sekilInput.sevkiyatSave input {
    width: 250px;
    margin:  0 auto;
}

.sekilInput.sevkiyatSave {
    margin-top:  50px;
}

.sevkUrunleri {
    width:  500px;
    margin: 40px auto;
    display:  flex;
    flex-direction:  column;
    align-items: flex-start;
}

.sevkUrunleri h1 {
    font-size: 17px;
    margin-bottom:  10px;
}

.sevkUrunleri {}

.sevkUrunleri .sevkUrunleriListeleri {
    display:  flex;
    flex-direction:  column;
    width: 100%;
}

.sevkUrunleri .sevkUrunleriListeleri > strong {
    font-size: 14px;
    margin-bottom:  10px;
}

.sevkUrunleri .sevkUrunleriListeleri > strong span {
    font-size:  13px;
    font-weight:  400;
    margin-left:  5px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe {
    display:  flex;
    flex-direction:  row;
    background: #eaeaea;
    min-height:  50px;
    position:  relative;
    box-sizing: border-box;
    flex: 1;
    margin-bottom: 20px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe:nth-child(2n+1) {
    background: #fff;
}
.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div {
  padding:  0 10px;
  display:  flex;
  height: auto;
  flex-direction:  column;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  padding-left: 18px;
}
.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div img {
    width:  20px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe .removeSevkUrun {
    background: url("../images/delete4.png") no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position:  absolute;
    right:  -30px;
    top: 50%;
    transform: translateY(-50%);
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div:nth-child(1) {
    width: 360px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div:nth-child(2) {
    width: 100px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div:nth-child(3) {
    width: 40px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div:nth-child(4) {
    width: 40px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div p {
    font-size: 13px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div strong {
    color: #ef771a;
    font-size:  14px;
}

.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe div p span {
    margin-right: 6px;
}
a.orgRemove {
    width:  20px;
    height:  20px;
    margin-left: 10px;
}

a.orgRemove img {
    width:  100%;
    height:  100%;
}
.sekilRadio {
    display:  flex;
    flex-direction: row;
    align-items:  center;
}

.sekilRadio div {
    margin-right: 10px;
    display:  flex;
    align-items:  center;
}

.sekilRadio div:last-child {
    margin-right: 0px;
}

.sekilRadio div input {
    margin-right:  5px;
}

.sekilRadio div label {
    font-size: 13px;
    font-family:  'Roboto';
}

div#divFirmalar select {
    width: 400px !important;
    margin: 0 auto !important;
    float:  none !important;
    display:  block;
}

div#divFirmalar {margin-bottom:  20px;}




.cardAdds {
    background: #efefef;
    padding:  10px;
    display:  flex;
    flex-direction: row;
    justify-content:  space-between;
    width:  450px;
    margin-bottom: 20px;
}

.cardAdds .cardAddLeft {
    width: 330px;
    display:  flex;
    flex-direction:  column;
}
.cardAdds .cardAddRight {
    width: 100px;
    display:  flex;
    flex-direction:  column;
    align-items:  center;
}

.cardAdds .cardAddLeft .cardAdd {
    display:  flex;
    align-items:  center;
    margin-bottom: 10px;
}

.cardAdds .cardAddLeft .cardAdd label {
    width: 80px;
    text-align:  right;
    font-weight:  700;
    margin-right: 5px;
}

.cardAdds .cardAddLeft .cardAdd .input {
    width: 270px;
}

.cardAdds .cardAddLeft .cardAdd .input.dahili {
    width: 60px;
    margin-left: 5px;
}
.cardAdds .cardAddLeft .cardAdd .input.tel {
    width: 125px;
}
.cardAdds .cardAddRight .cardAddImg {
    position:  relative;
    width: 100px;
    height: 120px;
    background: #d8d8d8;
    overflow:  hidden;
}
.cardAdds .cardAddRight .cardAddImg .cardFile {
    position:  absolute;
    width:  100%;
    height:  100%;
    z-index:  999;
    opacity: 0;
}
.cardAdds .cardAddRight .cardAddImg #out {
    width:  100%;
    height: 100%;
    position:  absolute;
    top: 50%;
    left:  50%;
    transform:  translate(-50%,-50%);
    z-index: 99;
}
.cardAdds .cardAddRight input.cardAddButton {
    width: 35px;
    height: 35px;
    border-radius:  100%;
    border: 0;
    background: #ef771a url("../images/add.svg") no-repeat center center;
    background-size: 20px;
    margin-top: 6px;
}



.cardLists {
    background: #efefef;
    padding:  10px;
    display:  flex;
    flex-direction: row;
    justify-content:  space-between;
    width:  450px;
    margin-bottom: 10px;
    position:  relative;
}

.cardLists .cardListLeft {
    width: 330px;
    display:  flex;
    flex-direction:  column;
}
.cardLists .cardListRight {
    width: 100px;
    display:  flex;
    flex-direction:  column;
    align-items:  center;
}

.cardLists .cardListLeft .cardList {
    display:  flex;
    align-items:  center;
    margin-bottom: 10px;
}

.cardLists .cardListLeft .cardList p,.cardLists .cardListLeft .cardList a {color:  black;text-decoration: none;font-family:  'Roboto';font-size: 13px;font-weight: 700;}

.cardLists .cardListRight .cardListImg {
    position:  relative;
    width: 100px;
    height: 120px;
    background: #d8d8d8;
    overflow:  hidden;
}
.cardLists .cardListRight .cardListImg .cardFile {
    position:  absolute;
    width:  100%;
    height:  100%;
    z-index:  999;
    opacity: 0;
}
.cardLists .cardListRight .cardListImg #out {
    width:  100%;
    height: 100%;
    position:  absolute;
    top: 50%;
    left:  50%;
    transform:  translate(-50%,-50%);
    z-index: 99;
}
.cardLists .cardListLeft .cardList p.dahili:before {
    content:  '/';
    margin-left:  5px;
    margin-right:  5px;
}
.cardListToogle {
    width: 470px;
    margin-bottom:  30px;
}

.cardListToogle .cardListToogleTitle {
    background: #ef771a;
    width: 430px;
    display:  flex;
    height:  40px;
    align-items:  center;
    padding: 0 20px;
    margin-bottom:  5px;
    color:  white;
    font-size:  15px;
    position:  relative;
    cursor:  pointer;
}
.cardListToogle .cardListToogleTitle:after {
    content: '';
    background: url(../images/bottom-arrow.svg) no-repeat center center;
    display: block;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    transform: rotate(-90deg);
    transition: all .3s;
    position: absolute;
    right: 10px;
    top: 50%;
}
.cardListToogle.active .cardListToogleTitle:after {
  transform: rotate(0deg);
}

.cardListToogle .cardListToogleContent {
    display:  none;
}
.cardListToogle.active .cardListToogleContent {
    display: block;
}
.cardLists .removeCard {
    background: url("../images/delete4.png") no-repeat center center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position:  absolute;
    right:  -30px;
    top: 4px;
}

.rehberCard {
  margin: 0 auto;
    margin-top: 30px;
}
a.addButton {
    background: #ef771a;
    border-radius:  5px;
    color:  white;
    text-decoration:  none;
    font-size:  14px;
    font-weight: 700;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    width: 70px;
    height:  30px;
    margin:  0 auto;
}

a.addButton img {
    margin-right:  5px;
}
a.org-popup-button {
    position:  absolute;
    left:  50px;
    top: 50px;
}

.userProfile {
    display:  flex;
    width:  90%;
    margin: 20px auto;
}

.userProfile .userProfileLeft {
    flex:  1;
    display:  flex;
    flex-direction:  column;
    margin-top:  20px;
}

.userProfile .userProfileList {
    display:  flex;
    flex-direction:  row;
    align-items:  center;
    margin-bottom:  10px;
    font-family:  "Roboto";
}

.userProfile .userProfileList label {
    font-size: 14px;
    font-weight: 700;
    color: #9a9a9a;
    width:  120px;
    text-align:  right;
    margin-right:  5px;
}

.userProfile .userProfileList p {
    flex:  1;
    color: black;
    font-size:  14px;
    font-weight: 500;
}

.userProfile .userProfileRight {
    display:  flex;
    width: 150px;
    margin-left: 20px;
}
#sekil {
  width: 452px;
  display: block;
  margin: 0 auto;
}
.sevkUrun {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.sevkUrun div p {
    font-size: 11px;
    font-weight: 700;
}

.sevkUrun div {
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    align-items: center;
}
.sevkUrun div:nth-child(1) {
    width: 170px;
}

.sevkUrun div:nth-child(2) {
    width: 160px;
}

.sevkUrun div input {
    width: 100%;
    margin-right: 10px;
}
.sevkUrun div:last-child {
    margin-right: 0;
}

.sevkUrun div:nth-child(3) {
    width: 50px;
}

.sevkUrun div:nth-child(4) {
    width: 60px;
}
.sevkUrunleriListeDetay? {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.sevkUrunleriListeDetay? div {
    width: 100% !important;
    margin-bottom: 10px;
}

.toplanti_mesaj:before {
    content: '';
    background: #ef771a;
    font-size: 10px;
    width: 1em;
    height: 1em;
    display: flex;
    border-radius: 100%;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.sekilInput.toplanti textarea {
    width: 100%;
    height: 40px;
}
div#newNote .toplanti textarea {
    width: 100%;
    box-sizing: border-box;
    height: 60px;
}
.fileButton {
    min-width: 180px;
    height: 30px;
    border: 1px solid #ef771a;
    background: #ef771a;
    display: flex;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    padding: 0 5px;
}
.fileButton input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.fileButton span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;width: 100%;
}

.toplanti_mesaj {
  position: relative;
  padding: 10px 5px;
  display: flex;
  justify-content: space-between;
}
.toplanti_mesaj:nth-child(2n) {
  background: #eaeaea;
}
.toplanti_mesaj span {
  width: 150px;
    float: left;
    display: block;
}
.toplanti_mesaj p {
  width: 390px;
  float: left;
  display: flex;
  margin-right: 5px;
  flex: 1;
}
.toplanti_mesaj a {
  display: flex;
  margin-right: 5px;
  flex: 1;
  color: #504f4f;
  text-decoration: none;
  font-weight: 700;
}

.toplanti_mesaj a.removeIcon {
    margin-right: -30px;
    margin-left: 10px;
    align-items: center;
    display: flex;
    flex: 0;
}

.cls-1 {
    background: #f1f1f1;
    margin: 20px 0;
    padding: 15px 10px;
    border-radius: 5px;
}
.toplanti_mesaj .sekilInput {
    margin-bottom: 0;
}
.irsaliye {
    background: #efefef;
    padding: 20px 15px;
    margin-top: 30px;
    margin-bottom: 50px;
    border-radius: 5px;
    text-align: center;
}
.irsaliye strong {
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}
.irsaliyeListe {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0cfcf;
}

.irsaliyeListe strong {
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}
.caption {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0cfcf;
}
.sevkBg {
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #f3f3f3;
    border-top: none;
}

.sevkBg:nth-child(2n+1) {
    background: #f3f3f3;
}
.sevkUrunleri .sevkUrunleriListeleri .sevkUrunleriListe .sevkUrunleriListeDetay? div:before {
    content: '';
    width: 10px;
    background: #ef771a;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    border-radius: 100%;
    top: 5px;
}
.avatar .notification {
    position: absolute;
    background: #f57f00;
    right: 24px;
    top: 8px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 12px;
    border-radius: 100%;
    transition: all .3s;
}
.avatar .notification:hover {background: #e27601;}
.egitimPopup {
    width: 450px;
    margin: 0 auto;
}
.egitimArticle p strong {
    width: 180px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 5px;
}

.egitimArticle p {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 12px;
}
h1.egitimTitle {
    font-size: 15px;
    margin-bottom: 20px;
    color: #ef771a;
    margin-top: 20px;
}
ul.egitimList {
    list-style: none;
}

ul.egitimList li {
    padding-left: 20px;
    display: block;
    position: relative;
    margin-bottom: 6px;
}

ul.egitimList li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #ef771a;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 100%;
}

.calisanPopupYeni .calisanPopTitle {
  display: block;
  font-size: 14px;
  margin-bottom: 10px
}


.personelLists {
    border: 3px solid rgb(239, 119, 26);
}

.personelLists .personelList {
    display: flex;
    flex-direction: row;
    padding: 10px 5px;
    width: 100%;
    box-sizing: border-box;
}

.personelLists .personelList:nth-child(2n) {
    background: #cecece;
}
.personelLists .personelList > div {
    display: flex;
    align-items: center;
}

.personelLists .personelList > div span {
    font-size: 12px;
    font-weight: 800;
}
.personelLists .personelList > div .input {
    margin-left: 10px;
}
.personelLists .personelList .ad {
    width: 150px;
}

.personelLists .personelList .baslangic {
    width: 220px;
}

.personelLists .personelList .bitis {
    width: 190px;
}

.personelLists .personelList .toplamAdet {
    width: 190px;
}

.personelLists .personelList .lot {
    width: 120px;
}


.personelLists .personelList a {
    text-decoration:  none;
    width: 28px;
    height: 28px;
    border: 2px solid #ef771a;
    color:  #ef771a;
    display: inline-block;
    border-radius:  100%;
    text-align:  center;
    line-height:  28px;
    font-size: 14px;
    transition:  all .3s;
    overflow:  hidden;
}

.personelLists .personelList  a:hover {
    background:  #ef771a;
    color: #fff;
}

.calisanPopupAdds {
    display:  flex;
    flex-direction:  column;
}

.calisanPopupAdds .calisanPopupAdd {
    display:  flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.calisanPopupAdds .calisanPopupAdd > div {
    display:  flex;
    flex-direction:  column;
    border: 2px solid #d8d8d8;
    padding: 3px 2px;
}
.calisanPopupAdds .calisanPopupAdd > div:last-child {
    border: none;
    margin-left: 5px;
}
.calisanPopupAdds .calisanPopupAdd > div input {
    width: 200px;
    border: 1px solid #9c9c9c;
    height: 25px;
    border-radius:  10px;
    padding: 0 10px;
    font-size: 12px;
}
.calisanPopupLists {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.calisanPopupLists .calisanPopupList {
    width: 270px;
    margin: 0 auto;
    padding: 10px;
    display: flex;
}

.calisanPopupLists .calisanPopupList:nth-child(2n+1) {
    background: #e4e4e4;
}

.calisanPopupLists .calisanPopupList > div span {
    font-weight: 700;
    font-size: 13px;
}

.calisanPopupLists .calisanPopupList > div {
    display: flex;
    align-items: center;
}
.calisanPopupLists .calisanPopupList > div:nth-child(1) {
    flex: 1;
}
a.kargoInfo {
    position: absolute;
    right: -30px;
    top: 4px;
    width: 30px;
}

a.kargoInfo img {
    width: 100%;
    height: auto;
}
a.bakimListAdd {
    background: #ef771a;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto;
}

a.bakimListAdd img {
    width: 15px;
}
.bakimPopup {
    width: 500px;
    margin: 0 auto;
}

.bakimAdds .bakimAdd{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bakimAdds {
    padding: 0 10px;
    margin-bottom: 20px;
}

.bakimAdds .bakimAdd textarea {
    height: 70px;
    resize: none;
    flex: 1;
    margin-right: 10px;
}

.bakimListesi {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.bakimListesi .bakimListe {
    display: flex;
    padding: 10px;
}

.bakimListesi .bakimListe:nth-child(2n+1) {
    background: #e8e8e8;
}

.bakimListesi .bakimListe p {
    font-weight: 700;
    font-size: 13px;
    flex: 1;
    text-align: left;
}
.checkbox {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid black;
}

.checkbox label {
}

.checkbox label:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/checked-green.svg") no-repeat center center;
    display: block;
    border-radius: 100%;
    background-size: 21px;
    opacity: 0;
    transition: all .3s;
}

.checkbox label {
    width: 100%;
}

.checkbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 99999;
}

.checkbox input:checked + label:after {
    opacity: 1;
}
.donanimAdds {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.donanimKullanimListesi {
    width: 500px;
    margin: 0 auto;
}

.donanimAdds .donanimAdd {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.donanimAdds .donanimAdd .input {
    flex: 1;
}

.donanimAdds .donanimAdd .add {
    margin-left: 20px;
}

.donanimListesi {
    display: flex;
    flex-direction: column;
}

.donanimListesi .donanimListe {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
}

.donanimListesi .donanimListe:nth-child(2n+1) {
    background: #efefef;
}

.donanimListesi .donanimListe p {
    flex: 1;
    text-align: left;
    font-size: 14px;
}

.donanimListesi .donanimAdd .add {
    margin-left: 20px;
}
span.popupTitle {
    color: #ef771a;
    font-size: 20px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    display: block;
    font-weight: 700;
}

.tabNavs {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    background: white;
}

.tabNavs a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #565656;
    font-weight: 700;
    font-family: 'Roboto';
    font-size: 13px;
    padding: 0 10px;
    transition: all .3s;
    height: 50px;
    background: #f3f2f0;
    margin-right: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabNavs a:hover,.tabNavs a.active {
    height: 55px;
    margin-top: -5px;
    background: #e8e8e8;
}
.bakimList li p {
    flex: 1;
    display: flex;
    align-items: center;
    height: auto;
}

.onayDurumTum {
    border: 2px solid black;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onayDurumTum img {
    width: 21px;
}

.bakimList li span {
    margin-right: 44px;
}
.bakimSonuclari {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.bakimSonuclari strong {
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px;
}
.bakimDosyaAdd {
    background: #ef771a;
    min-width: 160px;
    border-radius: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
}

.bakimDosyaAdd input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    cursor: pointer;
}

.bakimDosyaAdd span {
    font-weight: 700;
    color: white;
    font-size: 13px;
}
.bakimDosyaLists {
    width: 100%;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}

.bakimDosyaLists .bakimDosyaList {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #d0c9c6;
}

.bakimDosyaLists .bakimDosyaList:nth-child(2n + 1) {
    background: #dadada;
}

.bakimDosyaLists .bakimDosyaList p {
    font-weight: 700;
    font-size: 12px;
}
form.bakimFiltreleri {
    display: flex;
    flex-flow: wrap row;
    width: 600px;
    margin: 30px auto;
}

form.bakimFiltreleri .bakimFiltre {
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

form.bakimFiltreleri .bakimFiltre span {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
}
.filterButton {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.filterButton input {
    width: 140px;
    height: 40px;
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 700;
    background: #ef771a;
}

.toplanti_mesaj:nth-child(2n) {
	background: #eaeaea;
}
.check {
    position: relative;
    padding-left: 40px;
    min-height: 20px;
}

.check input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.check label {
    font-weight: 700;
    font-size: 12px;
    color: black;
}

.check label:after {
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #ef771a;
    position: absolute;
    content: '';
    left: 5px;
    top: -2px;
}

.check label:before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: -2px;
    background: url("../images/checked.svg") no-repeat center center;
    background-size: 15px;
    opacity: 0;
}

.check input:checked ~ label:before {
    opacity: 1;
}

.toplanti_mesaj a img {
    width: 20px;
}
.toplanti_mesaj a {
    display: flex;
    align-items: center;
    margin-left: 7px;
}

div#egitim-detail {
    width: 100%;
}

div#egitim-detail p {
    margin-bottom: 20px;
    font-size: 13px;
}
div#egitim-detail p.egitmen {
    color: #ef771a;
    font-size: 14px;
    text-align: center;
}

.sevk-urun-liste {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #eaeaea;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 100%;
}
  
.sevk-urun-liste .sevk-urun-liste-madde {
    padding: 10px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding-left: 18px;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.sevk-urun-liste .sevk-urun-liste-madde p {
    margin-bottom: 6px;
    display: block;
}
  
.sevk-urun-liste .sevk-urun-liste-madde p span {
    margin-bottom: 6px;
    display: block;
}

.back-button {
    margin-top: 10px;
    margin-bottom: 20px;
    background: #ef771a;
    display: inline-block;
    color: white;
    text-decoration: none !important;
    font-weight: 700;
    padding: 12px 23px;
    border-radius: 10px;
    transition: all .3s;
}

.back-button:hover {
    background: #f8852c;
}


.bar {
    background: #ffffff;
    width: 100%;
    height: 25px;
    position: relative;
    left: -5px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.bar span.width {
    background: #ef771a;
    width: 50%;
    position: absolute;
    height: 100%;
    left: 0;
    z-index: 999;
}
span.text {
    width: 100% !important;
    display: block !important;
    height: 24px;
    position: absolute;
    z-index: 9999;
    line-height: 25px;
    font-weight: 700;
    color: black;
    font-size: 11px;
    float:  none !important;
    text-align:  center !important;
}

.lists-info {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 20px auto 30px auto;
    max-width: 500px;
  }
  
  .lists-info .list-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 5px 15px;
    color: black;
    font-weight: 600;
  }
  
  .lists-info .list-info img {
    width: 18px;
    margin-right: 10px;
  }
  
  .lists-info .list-info:nth-child(even) {
    background: #efefef;
  }
  .three-dots {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .barkod-menu-item {
    display: block;
    background: #ef771a;
    padding: 10px 20px;
    border-radius: 10px;
    color: white;
    text-decoration: none;
}

.barkod-menu-item:not(:last-child) {
    margin-bottom: 32px;
}