.geribildirimkutu{
    margin: 0;
    padding: 0;

    
}
*{box-sizing: border-box;}
.geribildirimkutu h1{Padding: 5px; border-bottom: 1px #0099cc solid; background: url('araclar/nokta.png'); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-radius: 6px 6px 0 0; font-size:24px; text-align: center; background: #fff;  }

.geribildirimkutu .icerik{ margin-top: 30px;}
.geribildirimkutu .sagmenu{float: left; width: 21%;   text-align: center; position: relative; background: #fff; box-shadow: 5px 0 12px #ddd; min-height: 400px; border-radius: 25px 0 0  10px;}
.geribildirimkutu .sagmenu ul {margin: 0; padding: 0; margin-top: 15px; margin-bottom: 60px; }
.geribildirimkutu .sagmenu ul li{list-style: none;  border-bottom: 1px solid #777;}
.geribildirimkutu .sagmenu ul li a{padding: 10px; display: block;}
.geribildirimkutu .sagmenu ul li a:hover{background: #999; color:#eee;}
.geribildirimkutu .sagmenu ul li .active{background: #DDD; }
.sagmenu h4{background: #555; color: #efefef; margin: 0; padding: 12px 0 1px 0; border-bottom: 4px #333 solid; font-size: 18px; border-radius: 30px 0 0 0;}
.gbgorsel {position: absolute; bottom: 0; margin: 0 auto;  left: 50%; opacity: 0.5;
  transform: translate(-50%, 10%);}

.gborta{float: left; padding-left: 15px; width: 79%; }
.gborta h2{text-align: center; margin: 0; padding: 0;background: rgba(0,0,0, 0.1); padding: 5px 0 1px 0; border-bottom: 4px #006633 solid; border-radius: 4px ; color:#003333; }
.gbtabs{margin: 10px 0 ; padding: 0; width: 100%; list-style: none; border-bottom: 1px solid #BBB; -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222; }
.gbtabs li{float:left; display: inline;   margin: 0 8px; text-align: center; font-weight: bold; }
.gbtabs li a{display:block; line-height: 50px;  background: #eee; color:#003399; border-radius: 8px 8px 0 0; padding: 0 15px; box-shadow:  0 -5px 6px -7px #000 inset; border: solid #ccc; border-width: 0 1px 0 1px;}
.gbtabs li a:hover{background: #888; color:#eee;}
.gbtabs li a:active{background: #666; color:#fff; }
.gbtabs .active{background: #bbb; }
.gbtabs:after{content: '';
    display: block;
    clear: both;}
.gbliste{margin: 10px; padding: 0; list-style: none; background: rgba(255,255,255, 0.6); }
.gbliste li{margin: 0; border-bottom: 1px solid #ddd;}
.gbliste li:after{content: '';
    display: block;
    clear: both;}
.gbliste li a{display: block;}
.gbliste li:hover{background: rgba(182, 202, 225, 0.8); box-shadow:  0 -5px 5px -5px #000 inset;  }
.listealan{float: left; margin: 5px;}
.listebaslik{color:#888;}
.listesimge{width: 100%; height:50px;display: flex;
  align-items: center;
  justify-content: center;}
.listesimge img{vertical-align: middle;}
.gbdetay{background: #fff;}

.gbdetay h3{padding-left: 15px; line-height: 45px; background: #3a6797;; color:#fff; margin: 5px 0; }

.gbdetay h4{margin: 0; padding: 0; background: #fafafa; }
.gbdetay .detaykutu p{padding: 10px; margin: 0;  }
.detaykutu {margin: 15px 10px; }
.gbdetay .gbsagkutu{float: right;  padding: 5px; display: block; padding-bottom: 0;}
.gbaltkutu{ float:left; width: 50%;}
.gbaltkutu:after{content:" "; display: block; clear: both;}
.kutuspn{padding: 4px; margin: 5px; border-radius: 4px; background: #eee; display: inline-block;}
.kutugrup{margin: 10px; }
.kutugrup label{font-weight: bold; color:#666; }
.kutugrup span{color:#666;}

.islembaslik{background: #555!important; color:#fff; padding: 5px!important;}
.islemmsj{}
.islemfield{margin: 10px;}
.imsj{text-align: left; padding:  15px 10px; background: rgba(100, 150, 200, 0.15); margin: 5px; border-radius: 8px;  color:#000;}
.labelkutu{    }
.gbsonuc  p{padding: 5px!important; }

.yenigb{background: #fff;}
.gbtipSecMenu{margin: 0; padding: 0; width: 300px; margin: 0 auto; list-style: none;}
.gbtipSecMenu li{margin: 10px; width: 300px;   text-align: center; border-radius: 20px;}
.gbtipSecMenu li a{padding: 5px; display: block; text-decoration: none; color:inherit;  position: relative;}
.gbtipSecMenu li a span{position: relative; padding: 5px 15px; line-height: 45px;font-size: 24px;}
.gbtipSecMenu li a img{vertical-align:middle;}

.yenigb h3{text-align: center; color: #030; padding: 10px; margin: 0;  }

.width-100{width: 100px;}
.width-250{width: 250px}
.width-200{width: 200px;}
.width-y5{width:5%}
.width-y10{width:10%}
.width-y15{width:15%}
.width-y20{width: 20%}
.width-y25{width:25%}
.width-y30{width:30%}
.width-y50{width:50%}
.width-y100{width:100%}
.border-bottom{border-bottom: 1px solid #ddd;}
.gbuyari {text-align: center; font-weight: bold; color:#990000; font-size: 18px; padding: 15px;}
.yaziortala{text-align: center;}
.clr{clear: both;}
.btndiv {text-align: center; padding: 10px;}
.btn {
  display: inline-block;

  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-block {
  display: block;
  width: 100%;
}
hr {
    margin: 0; padding: 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
}






.box {
  display: flex;
  width: 100%;
  height: 6px;
  margin: 5px 0px 5px 0px;
}

.box-sm {
  height: 6px;
  margin: 0;
  flex-grow: 1;
  transition: all .8s ease-in-out;
  cursor: pointer;
}

.box-sm:hover {
  flex-grow: 12;
}
.red {
  background-color: #FF5852;
}

.orange {
  background-color: #FF9000;
}

.yellow {
  background-color: #FFD300;
}

.green {
  background-color: #3DCD49;
}

.blue {
  background-color: #0089D7;
}

.purple {
  background-color: #9E44C4;
}

.koyugri{background-color: #666}

.turuncuopak { background: rgba(255, 165, 0, 0.7)}
.griopak { background: rgba(0, 0, 0, 0.25)}
.yesilopak{background:rgba(60, 179, 113, 0.6)}
/*.btn{border : none; padding: 8px; margin: 5px; font-weight: bold; }*/
.islembtn {color:#fff; border-radius: 4px;}
.islembtn:hover{ box-shadow: 0 0 5px #333;}
.border-yesil{border : 1px solid green}
.border-gri{border : 1px solid grey;}
.border-turuncu{border: 1px solid orange;}


.kirmizi {background: #cc0000; color:#fff;}
.kirmizi:hover{background: #ff0000; color:#fff;}
.yesil{background: #009933; color:#fff;}
.yesil:hover{background: #00cc33;}
.mavi{background: #000099; color:#fff;}
.mavi:hover{background: #0055ff; color:#fff;}
.kirmiziyazi {color : #ff0033}
.kalinyazi {font-weight: bold;}
.form-grup{
    display: block;
    padding: 10px; border:1px solid #ccc; 
    margin: 3px; 

}

.form-grup-gboneri{
    display: block;
    padding: 10px; border:1px solid #ccc; 
    margin: 3px; 

}
.form-grup label{padding:2px;  font-weight: bold;  max-width: 50%;  display: inline-block; font-size: 18px; min-width: 200px; text-align: right;}
.form-grup-gboneri label{padding:2px;    display: inline-block;  min-width: 200px; text-align: right;}
textarea {
  background-image: linear-gradient(#F1F1F1 50%, #F9F9F9 50%);
  background-size: 100% 4rem;
  border: 1px solid #CCC;
  width: 100%;
  height: 200px;
  line-height: 2rem;
  margin: 0 auto;
  padding: 4px 8px;
}
.form-grup-gboneri h4{
    background: #ddd; padding: 5px;
}

.formselect{background-color: #777;
  border: solid #777;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  border-radius: 4px;
  color: white;}
input[type='text'] { padding: 5px; border-radius: 4px; border : 1px solid #666; width:250px;}
/*.formselect{background-color: #777;
  border: solid #777;
  border-width: 10px 10px 10px 15px;
  border-radius: 20px;
  cursor: pointer;
  font-weight: bold;
  color: white;}*/
.formselect option{}

.bold{font-weight: bold;}

.gizle{
    display: none;
}


.gboneri{padding: 10px; margin: 5px; }

.border_bottom{border-bottom : 1px solid #ccc;}

.hucre{width: 33%;}
.p5{padding: 5px;}
.p5-x{padding: 0 5px;}
.onerikutu{padding:5px; margin: 5px;}
.oneriliste{margin: 0; padding: 0;}
.oneriliste li{list-style: none; margin: 20px 10px; padding: 5px; background: #eee; }
.oneriliste li img{box-shadow: 0 4px 12px #888; border-radius: 6px;}
.oneriliste li p:first-child{border-bottom: 1px solid #ddd;}
.gboneribaslik {padding: 10px; padding-left: 25px;  border-bottom: 2px #ccc solid;}