.cust-select {
  margin: 19px 0 20px 0;
}

.cust_select_product {
  margin: 32px 0 20px 0;
  height: 2rem;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.doughnut-chart-wrapper {
  /*  padding: 0.75rem 0.75rem !important;*/
}

.doughnut-chart-info {
  position: relative;
  left: 0;
  font-weight: 500;
  height: 0;
  text-align: center;
}

canvas {
  position: relative;
  z-index: 1;
}

.doughnut-chart-status {
  position: relative;
  top: -118px;
  left: 0;
  font-size: 18px;
  font-weight: 500;
  height: 0;
  text-align: center;
}

/* 1024px Screen */

@media screen and (max-width: 1024px) {
  .doughnut-chart-status {
    position: relative;
    top: -90px;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* 800px Screen */

@media screen and (max-width: 800px) {
  .doughnut-chart-status {
    position: relative;
    top: -60px;
    left: 0;
    font-size: 13px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* 640px Screen */

@media screen and (max-width: 640px) {
  .doughnut-chart-status {
    position: relative;
    top: -90px;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* iPad with landscape */

@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  .doughnut-chart-status {
    position: relative;
    top: -70px;
    left: 0;
    font-size: 13px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* iPad with portrait */

@media screen and (max-device-width: 768px) and (orientation: portrait) {
  .doughnut-chart-status {
    position: relative;
    top: -70px;
    left: 0;
    font-size: 19px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* Smartphones and iPhones */

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .doughnut-chart-status {
    position: relative;
    top: -108px;
    left: 0;
    font-size: 19px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

/* iphone */

@media screen and (max-device-width: 736px) and (orientation: landscape) {
  .doughnut-chart-status {
    position: relative;
    top: -60px;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    height: 0;
    text-align: center;
  }
}

.active-label {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  color: #4caf50;
  transform: translateY(-140%);
}
/*
.red {
  background-color: rgba(9, 7, 47, 1) !important;
}
*/
/*
.red-text {
  color: rgba(9, 7, 47, 1) !important;
}
*/
/*
.btn,
.btn-large {
  background-color: rgba(9, 7, 47, 1) !important;
}
*/


.brand-logo img {
  height: 28px;
}

.green {
  background-color: #b1e7f7 !important;
}

.grey {
  background-color: rgba(9, 7, 47, 1) !important;
}

.side-nav li > a > i {
  line-height: 64px;
}

.main2 {
  padding: 0;
  display: flex;
  align-items: center;
}


.side-nav {
  background-color: rgba(9, 7, 47, 1) !important;
}

.side-nav li.logo {
  background-color: rgba(9, 7, 47, 1) !important;
}

.brand-custom {
  background-color: rgba(9, 7, 47, 1) !important;
}

nav {
   background-color: rgb(118, 195, 237) !important; 
}

header, main, footer {
  padding-left: 300px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
}

@media print {
  body * {
    visibility: hidden;
  }
  #exportPdf, #exportPdf * {
    visibility: visible;
  }
  #exportPdf {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media only screen and (min-width: 993px) {
  .container {
      width: 90%
  }
}


.btn-anketDetay{
  background-color: #35858B;
}

.btn-anketBitir{
  background-color: #655D8A;
}

.btn-anketBaslat{
  background-color: #11468F;
}

.btn-reject{
  background-color: #EF6D6D;
}