/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v11) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v11) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v11) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v11) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  scroll-behavior: smooth;
  overflow-y: auto;
  overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 25px;
}
::-webkit-scrollbar-thumb:hover {
  background: #444;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hide {
  display: none;
}
.valid-feedback {
  display: block!important;
  width: 100%;
  margin-top: 0.25rem!important;
  font-size: 80%;
  color: #28a745;
}
.invalid-feedback {
  display: block!important;
  width: 100%;
  margin-top: 0.25rem!important;
  font-size: 80%;
  color: #dc3545;
}
.badge-success {
  display: block;
  color: #fff!important;
  background-color: #8bc34a!important;
  font-size: 10px!important;
  margin-bottom: 25px!important;
}
body {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 12px!important;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-right: 0 !important;
  margin: 0;
  overflow-x: hidden;
  color: #252525 !important;
}
body .mask {
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100000;
}
body .mask #loader {
  background: url(../images/loader.gif) center center no-repeat;
  background-size: contain;
  height: 100%;
  width: 120px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.el-reloader {
  background: url(../images/loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.giris {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url(../images/login-bg.png);
  z-index: 1;
}
.giris .giris-mask {
  position: absolute;
  display: block;
  background: rgb(14 65 148 / 85%);
  border-style: none;
  margin: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  opacity: 1;
  z-index: 2;
}
.giris .login-box {
  position: relative;
  display: block;
  width: 500px;
  min-height: 400px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  padding: 15px 30px 45px 30px;
  z-index: 3;
}
.giris .login-box .logo {
  position: relative;
  display: block;
  background: url(../images/logo.svg) no-repeat;
  background-position: center;
  background-size: contain;
  width: auto;
  height: 100px;
  margin-top: 0;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
.giris .login-box .form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #9d9d9c;
}
.giris .login-box .form-control::-moz-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #9d9d9c;
}
.giris .login-box .form-control::-ms-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #9d9d9c;
}
.giris .login-box .form-control:-moz-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #9d9d9c;
}
.giris .login-box input[type="text"],
.giris .login-box input[type="password"] {
  height: 40px !important;
  /* margin-bottom: 25px; */
  border: 1px solid #e6e6e6;
  padding-left: 20px;
  font-size: 14px;
}
.giris .login-box input[type="text"],
.giris .login-box input[type="password"] {
  position:relative;
  display:block;
  height: 40px !important;
  /* margin-bottom: 25px; */
  border: solid 1px #dedede!important;
  padding-left: 20px;
  font-size: 14px;
  box-shadow: none!important;
  outline: 0!important;
}
.giris .login-box .input-group-append{
  position:relative;
  height:40px;
}
.giris .login-box .input-group-text {
  background:transparent!important;
  border-left: 0;
  height: 100%;
  font-size: 18px;
}
.giris .login-box .passHideShow {
  height:100%;
  text-decoration: none;
}

.giris .login-box .beni-hatirla {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 0px;
  margin-left: 5px;
  margin-top: 25px;
  cursor: pointer;
  color: #9d9d9c;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 27%;
  float: left;
}
.giris .login-box .beni-hatirla input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.giris .login-box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 5px;
  background-color: #9d9d9c;
  transition: 0.5s;
}
.giris .login-box .beni-hatirla:hover input ~ .checkmark {
  background-color: #0e4194;
}
.giris .login-box .beni-hatirla input:checked ~ .checkmark {
  background-color: #0e4194;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.giris .login-box .beni-hatirla input:checked ~ .checkmark:after {
  display: block;
}
.giris .login-box .beni-hatirla .checkmark:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #fff;
  margin-top: -4px;
  margin-left: 3px;
}
.giris .login-box .btn-primary {
  padding: 9px 39px 8px 40px;
  border-radius: 5px;
  background-color: #0e4194;
  border: 1px solid #0e4194;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  transition: .5s;
  text-decoration: none !important;
  position: absolute;
  right: 30px;
  margin-top: 10px;
}

.giris .login-box .btn-primary:hover {
  color: #0e4194;
  background: #fff;
}
.login {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: transparent;
  box-shadow: none !important;
}
.login .copyright {
  display: block;
  z-index: 4;
}
.login .copyright p {
  color: #fff;
  margin-top: -34px;
  text-align: left;
}
.login .nano-logo {
  position: absolute;
  background: url(../images/nano-logo.svg) no-repeat;
  background-size: cover;
  width: 125px;
  height: 40px;
  right: 0;
  margin-top: -50px;
}
.giris .forgot{
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.giris .forgot a {
  color:#9d9d9c;
  font-size:12px;
}
.ust-band {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 10px;
  background: #0e4194d9;
}
.orta-logo {
  position: absolute;
  background: url(../images/erdoganlar-logo.svg) no-repeat;
  width: 100%;
  height: 127px;
  z-index: 4;
  margin-top: 6px;
  margin-left: 13px;
}
.orta-logo-bg {
  position: absolute;
  display: block;
  background-color: #f7f7f7;
  height: 103px;
  z-index: 3;
  width: 10%;
  margin-top: 10px;
  margin-left: 116px;
}
header {
  position: relative;
  top: -1px;
  display: block;
  width: 100%;
  height: 72px;
  background-color: #0e4194;
  z-index: 3;
}
header .logo {
  position: relative;
  display: block;
  background: url(../images/logo-beyaz.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  margin-left: -10px;
}
header .iconlar {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
}

header .arac {
  color: #fff !important;
  font-size: 24px;
  padding: 0;
  margin-top: 20px;
  margin-right: 30px;
}
header .arac .counter {
  position: absolute;
  top: 13px;
  left: 7px;
  background: #fa3e3e;
  padding: 0;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
header .arac:after {
  display: none;
}
header .arac-dropdown {
  width: 320px;
  margin-left: -20px;
  margin-top: 6px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #ffffff;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .arac-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fa3e3e;
  height: 0;
  position: absolute;
  margin-top: -45px;
  left: 17px;
  z-index: 1;
}
header .arac-dropdown .title {
  position: relative;
  display: block;
  padding: 9px 20px;
  margin-top: -12px !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fa3e3e;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .arac-dropdown .title h6 {
  color: #fff;
  margin: 0;
}
header .arac-dropdown .icerik {
  position: relative;
  display: block;
  height: 248px;
  overflow-x: hidden !important;
  overflow-y: scroll;
}
header .arac-dropdown .icerik .item {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff4f4;
  transition: 0.5s;
  cursor: pointer;
}
header .arac-dropdown .icerik .item:hover {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff;
}
header .arac-dropdown .icerik .item .plaka p {
  color: #858796;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
header .arac-dropdown .icerik .item .message p {
  color: #858796;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
header .arac-dropdown .icerik .item .message p span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
  background: #ff9800;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
header .arac-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .arac-dropdown i {
  margin-right: 5px;
}
header .arac-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}
header .arac-dropdown .seeAll {
  position: absolute;
  bottom: -20px;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #eaeaea;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #858796 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.5s;
}
header .arac-dropdown .seeAll:hover {
  background: #0e4194;
}
header .currency {
  color: #ffffff !important;
  font-size: 24px;
  padding: 0;
  margin-right: 30px;
  margin-top: 20px;
}
header .currency .counter {
  position: absolute;
  top: 13px;
  left: 8px;
  background: #be1e2d;
  border: 1px solid #ffffff;
  padding: 0;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
header .currency:after {
  display: none;
}
header .currency-dropdown {
  width: 320px;
  margin-left: -20px;
  margin-top: 6px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #ffffff;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .currency-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fa3e3e;
  height: 0;
  position: absolute;
  margin-top: -45px;
  left: 20px;
  z-index: 1;
}
header .currency-dropdown .title {
  position: relative;
  display: block;
  padding: 9px 20px;
  margin-top: -10px !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fa3e3e;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .currency-dropdown .title h6 {
  color: #fff;
  margin: 0;
}
header .currency-dropdown .icerik {
  position: relative;
  display: block;
  height: 248px;
  overflow-x: hidden !important;
  overflow-y: scroll;
}
header .currency-dropdown .icerik .item {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff4f4;
  transition: 0.5s;
  cursor: pointer;
}
header .currency-dropdown .icerik .item:hover {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff;
}
header .currency-dropdown .icerik .item .icon i {
  color: #858796;
  font-size: 30px;
  line-height: 30px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 25px;
}
header .currency-dropdown .icerik .item .adsoyad p {
  color: #858796;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin: 5px;
}
header .currency-dropdown .icerik .item .is-sayisi {
  float: right;
  margin-top: -25px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f69314;
  border-radius: 50%;
}
header .currency-dropdown .icerik .item .is-sayisi p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
header .currency-dropdown .icerik .item .is-sayisi p span {
  color: #fff;
  font-weight: 600;
  background: #fa3e3e;
  padding: 0px 6px;
  border-radius: 50%;
}
header .currency-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .currency-dropdown i {
  margin-right: 5px;
}
header .currency-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}
header .usta {
  color: #fff !important;
  font-size: 24px;
  padding: 0;
  margin-right: 30px;
  margin-top: 20px;
}
header .usta .counter {
  position: absolute;
  top: 13px;
  left: 8px;
  background: #fa3e3e;
  padding: 0;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
header .usta:after {
  display: none;
}
header .usta-dropdown {
  width: 320px;
  margin-top: 8px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #ffffff;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  background: #fff;
}
header .usta-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fa3e3e;
  height: 0;
  position: absolute;
  margin-top: -45px;
  right: 21px;
  z-index: 1;
}
header .usta-dropdown .title {
  position: relative;
  display: block;
  padding: 9px 20px;
  margin-top: -12px !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fa3e3e;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .usta-dropdown .title h6 {
  color: #fff;
  margin: 0;
}
header .usta-dropdown .icerik {
  position: relative;
  display: block;
  height: 248px;
  overflow-x: hidden !important;
  overflow-y: scroll;
}
header .usta-dropdown .icerik .item {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff4f4;
  transition: 0.5s;
  cursor: pointer;
}
header .usta-dropdown .icerik .item:hover {
  padding: 8px 20px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff;
}
header .usta-dropdown .icerik .item .icon i {
  color: #858796;
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 15px;
}
header .usta-dropdown .icerik .item .adsoyad p {
  color: #858796;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 5px;
}
header .usta-dropdown .icerik .item .is-sayisi {
  float: right;
  margin-top: -25px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f69314;
  border-radius: 50%;
}
header .usta-dropdown .icerik .item .is-sayisi p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
header .usta-dropdown .icerik .item .is-sayisi p span {
  color: #fff;
  font-weight: 600;
  background: #fa3e3e;
  padding: 0px 6px;
  border-radius: 50%;
}
header .usta-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .usta-dropdown i {
  margin-right: 5px;
}
header .usta-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}

header .bildirim {
  color: #fff !important;
  font-size: 24px;
  padding: 0;
  margin-top: 20px;
}
header .bildirim .counter {
  position: absolute;
  top: 12px;
  left: 7px;
  background: #fa3e3e;
  padding: 0;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
header .bildirim:after {
  display: none;
}
header .bildirim-dropdown {
  width: 320px;
  margin-right: -20px;
  margin-top: 6px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: transparent;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  background: #fff;
}
header .bildirim-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fa3e3e;
  height: 0;
  position: absolute;
  margin-top: -45px;
  right: 18px;
  z-index: 1;
}
header .bildirim-dropdown .title {
  position: relative;
  display: block;
  padding: 9px 20px;
  margin-top: -10px !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fa3e3e;
  margin-top: 10px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .bildirim-dropdown .title #loading {
  color: #fff;
  position: absolute;
  top: 11px;
  left: 33%;
}
header .bildirim-dropdown .title h6 {
  color: #fff;
  margin: 0;
}
header .bildirim-dropdown .title .readAll {
  color: #fff !important;
  margin: 0;
  position: absolute;
  top: 6px;
  right: -10px;
  font-size: 11px;
  z-index: 2;
}
header .bildirim-dropdown .title .readAll:hover {
  background: transparent !important;
}

header .bildirim-dropdown .icerik {
  position: relative;
  display: block;
  height: 248px;
  overflow-x: hidden !important;
  overflow-y: scroll;
  background: #fff;
}
header .bildirim-dropdown .icerik .icon i {
  position: relative;
  display: flex;
  align-items: center;
  float: left;
  height: 50px;
  width: 35px;
  font-size: 25px;
}
header .bildirim-dropdown .icerik a {
  padding: 0;
  text-decoration: none !important;
  color: #858796 !important;
}
header .bildirim-dropdown .icerik i {
  color: #858796 !important;
  font-size: 15px;
}
header .bildirim-dropdown .icerik .mainItem {
  position: relative;
  padding: 8px 10px;
  margin-top: 0;
  display: flex;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff4f4;
  transition: 0.5s;
  cursor: pointer;
}
header .bildirim-dropdown .icerik .mainItem.unread {
  background: #e2e2e2 !important;
}
header .bildirim-dropdown .icerik .mainItem:hover {
  padding: 8px 10px;
  margin-top: 0;
  display: flex;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #fff;
}
header .bildirim-dropdown .icerik .mainItem .left {
  position: relative;
  display: block;
  width: 95%;
}
header .bildirim-dropdown .icerik .mainItem .right {
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  align-items: center;
  width: 5%;
  height: 100%;
  z-index: 2;
}
header .bildirim-dropdown .icerik .mainItem .message {
  color: #858796!important;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
header .bildirim-dropdown .icerik .mainItem .message p {
  color: #858796!important;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
header .bildirim-dropdown .icerik .mainItem .date {
  position: relative;
  float: right;
  right: -15px;
  bottom: -5px;
  color: #858796;
  font-size: 11px;
  font-weight: 100;
  margin: 0;
  padding: 0;
}
header .bildirim-dropdown .icerik .mainItem .readButton {
  position: relative;
  display: flex;
  width: 15px;
  height: 15px;
  margin-top: -20px;
  z-index: 9999;
}
header .bildirim-dropdown .icerik .mainItem .right .readButton button {
  display: none;
  font-size: 10px;
  color: #858796 !important;
  transition: 0.5s;
  background: transparent;
  border: 0!important;
  width: 15px;
  height: 15px;
}
header .bildirim-dropdown .icerik .mainItem:hover .readButton button {
  display: block;
  font-size: 12px;
  color: #858796 !important;
  padding: 0;
  transition: 0.5s;
  cursor:pointer;
}
header .bildirim-dropdown .icerik .mainItem .readButton a:hover {
  background: transparent !important;
}
header .bildirim-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .bildirim-dropdown i {
  margin-right: 5px;
  cursor:pointer;
}
header .bildirim-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}
header .bildirim-dropdown .seeAll {
  position: absolute;
  bottom: -28px;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #eaeaea;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #858796 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.5s;
}
header .bildirim-dropdown .seeAll:hover {
  background: #be1e2d;
}
header .profil {
  padding: 0;
  margin-top: 7px;
  margin-left: 25px;
  margin-right: 25px;
}
header .profil span {
  padding: 0;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600 !important;
  margin-right: 30px;
}
header .profil .img-profile {
  width: 55px;
  height: 55px;
  border: 2px solid #225ab5;
  object-fit: cover;
}
header .profil.dropdown-toggle::after {
  border: 0;
  content: "\f2f2";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #fff;
  margin: 0;
  vertical-align: middle;
}
header .profil-dropdown {
  padding: 12px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #ffffff;
  margin-top: 5px;
  margin-left: 30px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .profil-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fff;
  height: 0;
  position: absolute;
  margin-top: -47px;
  right: 42%;
  z-index: 1;
}
header .profil-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .profil-dropdown i {
  margin-right: 5px;
}
header .profil-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}

header .helpDesk {
  display: inline-block;
  float: left;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: auto;
  padding: 5px 12px 5px 15px;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 0;
  color: #fff;
  background: #ff5722;
  border-radius: 3px;
  transition:.5s;
}
header .helpDesk:hover {
  color: #ff5722 !important;
  background: #fff !important;
}

header .barcodeRead {
  display: inline-block;
  float: left;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: auto;
  padding: 5px 12px 5px 15px;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 0;
  color: #fff;
  background: #fa3e3e;
  border-radius: 3px;
  transition:.5s;
}
header .barcodeRead:hover {
  color: #fa3e3e !important;
  background: #fff !important;
}


header .helpDesk span {
  padding: 0;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600 !important;
  margin-right: 30px;
}

header .helpDesk.dropdown-toggle::after {
  border: 0;
  content: "\f2f2";
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #fff;
  margin: 0;
  vertical-align: middle;
}
header .help-desk-dropdown {
  padding: 12px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #ffffff;
  margin-top: 15px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
header .help-desk-dropdown:before {
  display: block;
  content: "\f2f8";
  font: normal normal normal 60px/1 "Material-Design-Iconic-Font";
  color: #fff;
  height: 0;
  position: absolute;
  margin-top: -47px;
  left: 5px;
  z-index: 1;
}
header .help-desk-dropdown a {
  font-size: 14px;
  color: #858796 !important;
  padding: 5px 20px;
  transition: 0.5s;
}
header .help-desk-dropdown i {
  margin-right: 5px;
}
header .help-desk-dropdown a:hover {
  color: #fff !important;
  background: #0e4194;
}
.DTE_Body {
  color: #252525;
}
.DTE_Header {
  color: #252525;
}
.DTE_Footer {
  color: #252525;
}
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  background: #fff;
}
.wrapper.mobile-wrapper {
  min-height:2700px;
}
.wrapper .sol-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  top: 0;
  left: 0;
  width: 220px;
  min-height: 1080px;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  transition:.5s;
  border-right: 1px solid #e8e8e8;
}
.wrapper .sol-menu.active {
  width: 0px;
  overflow: hidden;
}
.wrapper .sol-menu .logo-bg {
  position: relative;
  display: block;
  background-color: transparent;
  height: 71px;
}
.wrapper .sol-menu .logo-bg .logo {
  position: relative;
  display: block;
  background-size: contain;
  width: 100%;
  height: 48px;
  margin-top: 7px;
}
.wrapper .sol-menu .logo-bg .logo:after {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  display: block;
  width: 0px;
  height: 71px;
  background: #58595b;
}
.wrapper .sol-menu .logo {
  position: relative;
  display: block;
  height: 71px;
  background: url(../images/logo-beyaz.svg) no-repeat;
  width: 100%;
  background-position: center;
  background-color: #0e4194;
  border-right: 1px solid #3e64a0;
}
.wrapper .sol-menu .menu {
  position: relative;
  display: block;
  width: 220px;
}
.wrapper .sol-menu .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wrapper .sol-menu .menu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}
.wrapper .sol-menu .menu ul li .collapse .card {
  /* border-top: 1px solid #545454; */
  /* background: #000000 !important; */
}
.wrapper .sol-menu .menu ul li a {
  position: relative;
  display: inline-block;
  padding: 10px 8px 10px 30px;
  background: transparent !important;
  border: 0;
  border-radius: 0;
  color: #515151 !important;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  text-align: left;
  text-decoration: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition: 0.5s;
  cursor: pointer;
}
.wrapper .sol-menu .menu ul li a:hover {
  background: #455d7a !important;
  color: #fff !important;
}
.wrapper .sol-menu .menu ul li i {
  position: relative;
  display: block;
  float: left;
  font-size: 20px;
  margin-top: 0px;
  margin-left: -20px;
  margin-right: 5px;
}
.wrapper .sol-menu .menu ul li .card {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0;
  background: #e3edff !important;
  border: 0;
  border-radius: 0;
}
.wrapper .sol-menu .menu .card .sub-menu {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #b2c4e4;
}
.wrapper .sol-menu .menu .card .sub-menu li {
  border-bottom: 1px solid #becbe3;
}
.wrapper .sol-menu .menu .card .three-sub-menu li {
  border-bottom: 1px solid #96acd3;
}
.wrapper .sol-menu .menu .card .three-sub-menu {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #869abe;
}

.wrapper .sol-menu .menu .card ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
.wrapper .sol-menu .menu .card ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  transition: 0.5s;
}
.wrapper .sol-menu .menu .card ul li:last-child {
  border: 0;
}
.wrapper .sol-menu .menu .three-sub-menu li a {
  margin-left:30px!important;
}
.wrapper .sol-menu .menu ul li .card a {
  position: relative;
  display: inline-block;
  padding: 10px 30px;
  margin-left: 15px;
  background: transparent !important;
  border: 0;
  border-radius: 0;
  color: #515151;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  text-align: left;
  text-decoration: none !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.wrapper .sol-menu .menu ul li .card a:hover {
  color: #515151!important;
  background: transparent;
}
.wrapper .sol-menu .menu ul li .active {
  color: #fff !important;
  background: #455d7a !important;
  width: 100%;
  margin-left: 0;
}
.wrapper .sol-menu .menu ul li .card li .active {
  color: #fff !important;
  background: #455d7a !important;
  width: 100%;
  margin-left: 0;
  padding-left: 45px;
}
.wrapper .sol-menu .menu ul li .card .three-sub-menu li .active {
  color: #fff !important;
  background: #455d7a !important;
  width: 100%;
  margin-left: 0px!important;
  padding-left: 60px;
}
.wrapper .sol-menu .menu .sub-menu li:hover {
  background: #c9d6ed !important;
}
.wrapper .sol-menu .menu .three-sub-menu li:hover {
  background: #7182a1 !important;
}
.wrapper .sol-menu .lisans {
  position: fixed;
  display: none;
  right: 10px;
  bottom: 20px;
  margin-top: 50px;
  padding: 0 10px;
}
.wrapper .sol-menu .lisans .nano-logo {
  position: absolute;
  display: block;
  background: url(../images/nano-logo.svg) no-repeat;
  width: 110px;
  height: 70px;
  margin-left: 45px;
}
.wrapper .sol-menu .lisans .bilgiler {
  position: relative;
  display: block;
  width: 110%;
  padding: 8px 10px;
  border-radius: 5px;
  background: #252525;
  color: #858796 !important;
}
.wrapper .sol-menu .lisans .bilgiler label {
  position: relative;
  display: block;
  margin: 0;
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
}
.wrapper .sol-menu .lisans .bilgiler p {
  position: relative;
  display: contents;
  margin: 0;
  float: left;
  font-size: 13px;
  font-weight: 400;
}
.wrapper .sol-menu .menu ul li .card i {
  position: absolute;
  display: inline-block;
  font-size: 17px;
  margin-top: 2px;
  margin-left: -25px;
}
.wrapper .content-wrapper {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.wrapper .content-wrapper .menuHideShow {
  position: absolute;
  display: block;
  margin-left: 40px;
  padding-top: 10px;
}
.wrapper .content-wrapper .menuHideShow i {
  position: absolute;
  display: block;
  margin-left: -20px;
  font-size: 21px;
}
.wrapper .content-wrapper .menuHideShow a {
  position: relative;
  display: block;
  color: #252525;
  font-size: 13px;
  text-decoration: none;
}
.wrapper .content-wrapper .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background: #ffffff;
}
.content .breadcrumbs {
  position: relative;
  display: block;
  height: 44px;
  background: #ffffff;
  border-left: 1px solid #eee;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.content .breadcrumbs .breadcrumb {
  background: transparent;
}
.content .breadcrumbs .breadcrumb a {
  font-size: 16px;
  color: #252525 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f2fb" !important;
  position: absolute;
  font-family: Material-Design-Iconic-Font;
  font-size: 22px;
  margin-left: -15px;
  margin-top: -4px;
}
.breadcrumb-item {
  padding: 0 12px !important;
}
.content .giris-mesaj {
  position: relative;
  display: block;
  width: 100%;
  background: #ececec;
  margin-top: -30px;
}

.content .giris-mesaj .jumbotron {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cceeff !important;
  padding: 20px 0 0 0;
}
.content .giris-mesaj .jumbotron.night {
  background:url(../images/daybanner_iyigeceler.png) no-repeat!important;
  width: 100%;
  background-size: cover!important;
  background-position: right!important;
}
.content .giris-mesaj .jumbotron.morning {
  background:url(../images/daybanner_gunaydin.png) no-repeat!important;
  width: 100%;
  background-size: cover!important;
  background-position: right!important;
}
.content .giris-mesaj .jumbotron.good_days {
  background:url(../images/daybanner_iyigunler.png) no-repeat!important;
  width: 100%;
  background-size: cover!important;
  background-position: right!important;
}
.content .giris-mesaj .jumbotron.good_night {
  background:url(../images/daybanner_iyiaksamlar.png) no-repeat!important;
  width: 100%;
  background-size: cover!important;
  background-position: right!important;
}
.content .giris-mesaj .jumbotron h1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #768092;
  font-size: 35px;
}
.content .giris-mesaj .jumbotron.night h1 {
  color: #fff;
  text-shadow: 0px 0px 11px #2b2b2b;
}
.content .giris-mesaj .jumbotron.morning h1 {
  color: #fff;
  text-shadow: 0px 0px 11px #2b2b2b;
}
.content .giris-mesaj .jumbotron.good_days h1 {
  color: #fff;
  text-shadow: 0px 0px 11px #2b2b2b;
}
.content .giris-mesaj .jumbotron.good_night h1 {
  color: #fff;
  text-shadow: 0px 0px 11px #2b2b2b;
}
.content .giris-mesaj .jumbotron h1 span {
  font-weight: 600;
  padding-left: 10px;
}
.content .giris-mesaj .jumbotron p {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #768095;
  font-size: 18px;
}
.content .giris-mesaj .jumbotron.night p {
  color: #fff;
  text-shadow: 0px 0px 11px #2b2b2b;
}
.content .giris-mesaj .jumbotron.morning p {
  color: #fff;
  text-shadow: 0px 0px 20px #000000;
}
.content .giris-mesaj .jumbotron.good_days p {
  color: #fff;
  text-shadow: 0px 0px 10px #000000;
}
.content .giris-mesaj .jumbotron.good_night p {
  color: #fff;
  text-shadow: 0px 0px 20px #000000;
}
.trial_expired_time{
  position: relative;
  display: flex;
  align-items:center;
  height: 100%;
  padding: 15px 25px;
  margin: 0 35px;
  background: #fff;
  border:1px solid #eee;
}
.trial_expired_time p{
  margin: 10px 0 10px 20px;
}
.trial_expired_time i{
  position: absolute;
  left: 15px;
  top: 18px;
  font-size:30px;
}
.trial_expired_time a{
  position:absolute;
  right: 15px;
  top: 20px;
  background:#53d397;
  border-color:#53d397;
  font-size:12px;
}
.trial_expired_time a:hover{
  color:#53d397;
  background:#fff;
  border-color:#53d397;
}
.dashboard_components{
  position: relative;
  display: block;
  height: 100%;
  padding: 25px;
}
.dashboard_components .green_area{
  display: block;
  background: #4CAF50;
  color:white;
  font-size:16px;
  border-radius: 3px;
  border: 1px solid #4CAF50;
  padding:2px;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
.dashboard_components .blue_area{
  display: block;
  background: #2196F3;
  color:white;
  font-size:16px;
  border-radius: 3px;
  border: 1px solid #2196F3;
  padding:2px;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
.dashboard_components .red_area{
  display: block;
  background: #f50017;
  color:white;
  font-size:16px;
  border-radius: 3px;
  border: 1px solid #f50017;
  padding:2px;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
.dashboard_components .item {
  float: left;
  height: auto;
  width: 100%;
  margin: 10px;
  padding: 0 15px 0 15px;
  background: #fff;
  border-radius: 0.28571429rem;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.03);
}
.dashboard_components .portlet-placeholder {
  position: relative;
  height: 420px;
  border: 3px dotted black;
}
.dashboard_components .item:hover {
  border-color: hsla(0, 0%, 100%, 0.5);
}

.dashboard_components .item.ui-draggable-dragging,
.dashboard_components .item.is-positioning-post-drag {
  background: #C90;
  z-index: 2;
}

.dashboard_components .item .title {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease-in-out !important;
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 15px 15px 50px 15px;
  font-size: 16px;
  font-weight: 700;
  cursor: move;
}
.dashboard_components .item .all-viewed {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  margin-top: -25px;
}
.dashboard_components .item .all-viewed p {
  font-weight: 700;
  color: #fff !important;
  background: #03a9f4;
  padding: 5px 12px;
  z-index: 2;
}
.dashboard_components .item .all-viewed a {
  font-weight: 700;
  color: #fff !important;
  background: #0e4194;
  padding: 5px 12px;
  z-index: 1;
}
.dashboard_components .item .widget-table {
  position:relative;
  display:block;
  width: 100%;
  margin-bottom:20px;
  padding: 0;
}
.dashboard_components #user .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: auto;
}
.dashboard_components #user .list > li {
  padding: 8px 25px 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  position: relative;
}
.dashboard_components #user .list > li:last-child {
  border-bottom: 0;
}
.dashboard_components #user .list > li .date {
  font-weight: 900;
  font-size: 11px;
}
.dashboard_components #user .list > li .subject {
  font-size: 13px;
  font-weight: 400;
}
.dashboard_components #user .list > li .subject a {
  font-weight: 700;
  color: #be1e2d !important;
}

.dashboard_components #user .list > li .icon {
  opacity: 0.3;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.dashboard_components #user .list > li .icon i {
  margin: 0 10px;
  color: #0e4194;
}
.dashboard_components #user .list > li .date,
.dashboard_components #user .list > li .subject {
  opacity: 0.7;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.dashboard_components #user .list > li .more {
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  float: right;
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}
.dashboard_components #user .list > li:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.dashboard_components #user .list > li:hover .date,
.dashboard_components #user .list > li:hover .subject,
.dashboard_components #user .list > li:hover .icon {
  opacity: 1;
}
.dashboard_components #user .list > li:hover .more {
  opacity: 0.5;
}
.dashboard_components #releases .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: auto;
}
.dashboard_components #releases .list a {
  color:#212529;
  text-decoration:none;
}
.dashboard_components #releases .list > a > li {
  padding: 8px 25px 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  position: relative;
  cursor: pointer;
}
.dashboard_components #releases .list > a > li:last-child {
  border-bottom: 0;
}
.dashboard_components #releases .list > a > li .date {
  font-weight: 900;
  font-size: 10px;
}
.dashboard_components #releases .list > a > li .subject {
  font-size: 13px;
  font-weight: 400;
}
.dashboard_components #releases .list > a > li .subject a {
  font-weight: 700;
  color: #be1e2d !important;
}

.dashboard_components #releases .list > a > li .icon {
  opacity: 0.3;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.dashboard_components #releases .list > a > li .icon i {
  margin: 0;
  color: #0e4194;
}
.dashboard_components #releases .list > a > li .date,
.dashboard_components #releases .list > a > li .subject {
  opacity: 0.7;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.dashboard_components #releases .list > a > li .more {
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  float: right;
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}
.dashboard_components #releases .list > a > li:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
.dashboard_components #releases .list > a > li:hover .date,
.dashboard_components #releases .list > a > li:hover .subject,
.dashboard_components #releases .list > a > li:hover .icon {
  opacity: 1;
}
.dashboard_components #releases .list > a > li:hover .more {
  opacity: 0.5;
}
.dashboard_components .content {
  position:relative;
  display:block;
  background: #fff!important;
  flex: auto!important;
  padding: 5px 0 10px 15px;
}
.dashboard_components .content h6{
  font-size:13px;
  text-align:center;
}
.dashboard_components .content h6 i{
  position: absolute;
  font-size: 30px;
  margin-left: -30px;
  margin-top: -8px;
  color: #fa3e3e;
}
.dashboard_components .item .banks{
  position:relative;
  display: block;
  padding: 0 10px;
}
.dashboard_components .item .banks .item {
  position:relative;
  display: block;
  box-shadow: none;
  margin: 0 0 30px 0;
  padding: 15px;
  float: none;
  border: 1px solid #eee;
}
.dashboard_components .item .banks .item .bank{
  position:relative;
  display: block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
}
.dashboard_components .item .banks .item .bank .bank-title{
  position:relative;
  display: inline-block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
  width: 40%;
  font-size: 14px;
  font-weight: 700;
}
.dashboard_components .item .banks .item .bank .amount{
  position:relative;
  display: inline-block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
  font-size: 14px;
  font-weight: 700;
}
.dashboard_components .item .banks .item .bank .bank-link{
  position:relative;
  display: inline-block;
  float: right;
}
.dashboard_components .item .banks .item .bank .bank-link a{
  background: #be1e2d;
  border:1px solid #be1e2d;
  color:#fff;
  font-size: 10px;
  padding:5px 12px;
  text-decoration: none;
  transition:.5s;
}
.dashboard_components .item .banks .item .bank .bank-link a:hover{
  background: #fff;
  color:#be1e2d;
}
.dashboard_components .item .banks .item .bank .accounts{
  position:relative;
  display: block;
  box-shadow: none;
  margin: 0;
  padding: 15px 0;
  float: none;
}
.dashboard_components .item .banks .item .bank .accounts .account-item{
  border-bottom: 1px solid #eee;
  position:relative;
  display: inline-block;
  width: 100%;
  box-shadow: none;
  padding: 15px 0 10px 0;
  float: none;
  margin: 5px 0;
}
.dashboard_components .item .banks .item .bank .accounts .account-item .account-title{
  position:relative;
  display: inline-block;
  width: 40%;
  font-size: 12px;
}
.dashboard_components .item .banks .item .bank .accounts .account-item .account-amount{
  position:relative;
  display: inline-block;
  font-size: 12px;
}
.dashboard_components .item .banks .item .bank .accounts .account-item .account-link{
  position:relative;
  display: flex;
  height: 100%;
  align-items: center;
  float: right;
}
.dashboard_components .item .banks .item .bank .accounts .account-item .account-link a{
  background: #f44336;
  border:1px solid #f44336;
  color:#fff;
  font-size:11px;
  padding:5px 12px;
  text-decoration: none;
  transition:.5s;
}
.dashboard_components .item .banks .item .bank .accounts .account-item .account-link a:hover{
  background: #fff;
  color:#f44336;
}
.dashboard_components .item .safes{
  position:relative;
  display: block;
  padding: 0 10px;
}
.dashboard_components .item .safes .item {
  position:relative;
  display: block;
  box-shadow: none;
  margin: 0 0 30px 0;
  padding: 15px;
  float: none;
  border: 1px solid #eee;
}
.dashboard_components .item .safes .item .safe{
  position:relative;
  display: block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
}
.dashboard_components .item .safes .item .safe .safe-title{
  position:relative;
  display: inline-block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
  width: 40%;
  font-size: 14px;
  font-weight: 700;
}
.dashboard_components .item .safes .item .safe .safe-amount{
  position:relative;
  display: inline-block;
  box-shadow: none;
  margin: 0;
  padding: 0;
  float: none;
  font-size: 14px;
  font-weight: 700;
}
.dashboard_components .item .safes .item .safe .safe-link{
  position:relative;
  display: inline-block;
  float: right;
}
.dashboard_components .item .safes .item .safe .safe-link a{
  background: #be1e2d;
  border:1px solid #be1e2d;
  color:#fff;
  font-size: 10px;
  padding:5px 12px;
  text-decoration: none;
  transition:.5s;
}
.dashboard_components .item .safes .item .safe .safe-link a:hover{
  background: #fff;
  color:#be1e2d;
}

.dashboard_components .item .kdv .item-title {
  font-size:16px;
  font-weight:700;
  text-align:center;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f7f7f7;
}
.dashboard_components .item .kdv .item {
  padding: 5px 10px 3px 10px;
  box-shadow: none;
  margin: 5px 0 10px 0;
}
.dashboard_components .item .kdv .label_title{
  font-weight: 700;
  text-align: left;
  font-size: 12px;
}

#menuControlForm .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  top: -12px;
}

/* Hide default HTML checkbox */
#menuControlForm .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
#menuControlForm .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#menuControlForm .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#menuControlForm input:checked + .slider {
  background-color: #0e4194;
}

#menuControlForm input:focus + .slider {
  box-shadow: 0 0 1px #0e4194;
}

#menuControlForm input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#menuControlForm .slider.round {
  border-radius: 34px;
}

#menuControlForm .slider.round:before {
  border-radius: 50%;
}
#menuControl #dashboardSettings {
  position: absolute;
  right: 25px;
  top: -44px;
  z-index: 1;
  background: transparent;
  border: 0;
  color: #be1e2d;
  font-size: 20px;
  outline: 0;
  box-shadow: none;
}
#menuControl .dropdown-menu {
  width: 400px !important;
  text-align: left;
  padding-left: 25px;
  padding-top: 25px;
}
#menuControlForm p {
  position: relative;
  display: inline-block;
  width: 120px;
}
.modal-dialog label {
  color: #252525;
}
.modal-dialog .input-group-text {
  position: relative;
  display: block;
  width: 50px;
  background: #ff5722;
  border: 1px solid #ff5722;
  color: #fff;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
.modal-dialog #select_invoices, .modal-dialog #select_overheads, .modal-dialog #select_incomes{
  width: 60px;
  height: 100%;
  margin-left: -28px;
  background: #ff5722;
  border-radius: 4px;
  border: none;
  outline:0;
  font-size: 16px;
  color: #fff;
}
.modal-dialog .input-group-text button {
  background: transparent;
  border: 0;
  color: #fff;
  outline: 0;
  box-shadow: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
#dashboardPage {
  background: #f3f3f3;
}
#dashboardPage .my-task {
  position: relative;
  display: block;
  background: #fff;
  padding: 15px 20px;
  margin-left: 30px;
  margin-right: 30px;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  width: 100%;
}
#dashboardPage .my-task .title {
  position: relative;
  display: block;
  margin-left:10px;
  margin-bottom: 10px;
  background: #fff;
  padding: 1px 5px;
  border-bottom: 2px solid #ddd;
}
#dashboardPage .my-task .title h6 {
  position: relative;
  display: block;
  color: #58595b;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-size: 24px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
}
#dashboardPage .my-task .icerik {
  position: relative;
  display: block;
  height: 295px;
  overflow-y: scroll;
}
#dashboardPage .my-task .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  /*! overflow-y: scroll; */
  height: 300px;
}
#dashboardPage .my-task .list > li {
  padding: 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#dashboardPage .my-task .list > li:last-child {
  border-bottom: 0;
}
#dashboardPage .my-task .list > li .date {
  font-weight: 900;
  font-size: 11px;
}
#dashboardPage .my-task .list > li .subject {
  font-size: 13px;
  font-weight: 400;
}
#dashboardPage .my-task .list > li .subject a {
  font-weight: 700;
  color: #be1e2d !important;
}
#dashboardPage .my-task .list > li .icon i {
  margin: 0 10px;
  color: #be1e2d;
}
#dashboardPage .my-task .list > li .date,
#dashboardPage .my-task .list > li .subject {
  opacity: 0.7;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#dashboardPage .my-task .list > li .more {
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  float: right;
}
#dashboardPage .my-task .list > li .more a {
  font-size: 13px;
  font-weight: 700;
  color: #be1e2d;
}
#dashboardPage .my-task .list > li .status {
  opacity: 1;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  float: right;
  font-size:20px;
}
#dashboardPage .my-task .list > li .status.apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 30px;
  height: 30px;
  margin-right: -5px;
  border-radius: 50%;
  color: #fff !important;
  cursor: pointer;
}
#dashboardPage .my-task .list > li .status.apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}
#dashboardPage .my-task .list > li .status.cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 30px;
  height: 30px;
  margin-right: -5px;
  border-radius: 50%;
  color: #fff;
}
#dashboardPage .my-task .list > li .status.cancel a {
  color: #fff;
}
#dashboardPage .my-task .list > li:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
#dashboardPage .my-task .list > li:hover .date,
#dashboardPage .my-task .list > li:hover .subject,
#dashboardPage .my-task .list > li:hover .icon {
  opacity: 1;
}
#dashboardPage .my-task .list > li:hover .more {
  opacity: 1;
}
#dashboardPage .my-task .list > li .all-viewed {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  margin-top: -10px;
  margin-bottom: 5px;
  text-align: right;
}
#dashboardPage .my-task .list > li .all-viewed a {
  font-weight: 700;
  color: #fff !important;
  background: #be1e2d;
  padding: 5px 12px;
}
#dashboardPage .nav-tabs {
  border: 0;
  margin-bottom: 20px;
}
#dashboardPage .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  color: #ffffff;
  background-color: #616161;
  border-right: 1px solid #585858 !important;
  border-radius: 0 !important;
  transition: 0.5s;
  padding: 10px 15px;
}
#dashboardPage .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
  color: #ffffff;
  background-color: #4a4a4a;
  border-color: #4a4a4a !important;
  border-radius: 0 !important;
}
#dashboardPage .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #0e4194!important;
  border-color: #0e4194!important;
}
#dashboardPage .nav-tabs .nav-link:before {
  content: "\f26c";
  position: relative;
  display: inline-block;
  float: left;
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #fff;
  top: -4px;
  margin-left: -5px;
  margin-right: 10px;
}
#dashboardPage .nav-tabs .nav-link.active:before {
  content: "\f269";
  position: relative;
  display: inline-block;
  float: left;
  font-family: Material-Design-Iconic-Font;
  font-size: 20px;
  color: #fff;
  top: -4px;
  margin-left: -5px;
  margin-right: 10px;
}
#dashboardPage .userLogs {
  position: relative;
  display: block;
  background: #fff !important;
  padding: 15px 20px;
  margin-left: 30px;
  margin-right: 30px;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
#userDashboardTab .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow-y: scroll;
  height: 300px;
}
#userDashboardTab .list > li {
  padding: 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#userDashboardTab .list > li:last-child {
  border-bottom: 0;
}
#userDashboardTab .list > li .date {
  font-weight: 900;
  font-size: 11px;
}
#userDashboardTab .list > li .subject {
  font-size: 13px;
  font-weight: 400;
}
#userDashboardTab .list > li .subject a {
  font-weight: 700;
  color: #be1e2d !important;
}
#userDashboardTab .list > li .all-viewed {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  margin-top: -10px;
  margin-bottom: 5px;
  text-align: right;
}
#userDashboardTab .list > li .all-viewed a {
  font-weight: 700;
  color: #fff !important;
  background: #be1e2d;
  padding: 5px 12px;
}
#userDashboardTab .list > li .icon {
  opacity: 0.3;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#userDashboardTab .list > li .icon i {
  margin: 0 10px;
  color: #be1e2d;
}
#userDashboardTab .list > li .date,
#userDashboardTab .list > li .subject {
  opacity: 0.7;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#userDashboardTab .list > li .more {
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  float: right;
}
#userDashboardTab .list > li:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
#userDashboardTab .list > li:hover .date,
#userDashboardTab .list > li:hover .subject,
#userDashboardTab .list > li:hover .icon {
  opacity: 1;
}
#userDashboardTab .list > li:hover .more {
  opacity: 0.5;
}
.customerDetail {
  width: 90%;
  margin: 0 auto;
  padding: 40px 0;
}
.customerDetail .title {
  position: relative;
  display: block;
  background: #fff;
  border-bottom: 5px solid #edf2f6;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  padding: 1px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.customerDetail .title h2 {
  position: relative;
  display: block;
  color: #768092;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 15px;
}
.customerDetail .title .editButton {
  position:absolute;
  right: 8px;
  top: -8px;
  padding: 10px 15px;
  margin-top: 15px;
  background: #53d397 !important;
  border-color: #53d397 !important;
  outline: 0;
  box-shadow: none;
  transition:.5s;
}
.customerDetail .title .editButton:hover {
  background:#fff !important;
  color: #53d397 !important;
}
.customerDetail .title .passiveActiveButton {
  position: absolute;
  right: 131px;
  top: -8px;
  padding: 10px 15px;
  margin-top: 15px;
  background: #8d8d8d!important;
  border-color: #8d8d8d!important;
  outline: 0;
  box-shadow: none;
  transition:.5s;
}
.customerDetail .title .passiveActiveButton:hover {
  background:#fff !important;
  color: #8d8d8d !important;
}
.customerDetail .content {
  position: relative;
  display: flex;
  flex: auto!important;
  margin-top:15px;
  background: #fff!important;
  border-bottom: 5px solid #edf2f6;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  padding: 1px 15px;
  padding-bottom: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.customerDetail .content .left {
  position: relative;
  display: block;
  width: 48%;
  margin-right: 20px;
}
.customerDetail .content .left .info tbody tr td {
  border:0;
  padding: 10px 0;
  vertical-align: middle;
}
.customerDetail .content .left .info tbody tr td.key {
  width: 30%;
  color: #768092;
}
.customerDetail .content .left .invoiceButton {
  padding: 10px 15px;
  margin-top: 15px;
  background: #53d397!important;
  border-color: #53d397!important;
  outline: 0;
  box-shadow: none;
  transition:.5s;
}
.customerDetail .content .left .invoiceButton:hover {
  color: #53d397 !important;
  background:#fff !important;
}
.customerDetail .content .right {
  position: relative;
  display: block;
  width: 50%;
  overflow: hidden;
}
.customerDetail .content .right .title {
  position: relative;
  display: block;
  background: #fff;
  border-bottom: 0;
  box-shadow: none!important;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  display: block;
  color: #768092;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 15px;
}
.customerDetail .content .right .phones-table {
  /* position: relative; */
  /* display: block; */
  /* height: auto; */
}
.customerDetail .content .right thead {
  position: relative;
  background: #0e4194;
}
.customerDetail .content .right tbody tr td i {
  font-size: 30px;
  color: #53d397;
}
.customerDetail .add {
  position: relative;
  background: #0e4194;
  color: #fff;
  border: 1px solid #0e4194;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.customerDetail .add:hover {
  position: relative;
  background: #fff !important;
  color: #0e4194;
  border: 1px solid #0e4194 !important;
}
.customerDetail .add.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0 !important;
}
.customerDetail .add:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #0e4194;
  border: 1px solid #d0d0d0;
}
.customerDetail .edit {
  position: relative;
  background: #53d397;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.customerDetail .edit:hover {
  position: relative;
  background: #fff !important;
  color: #53d397;
  border: 1px solid #53d397 !important;
}
.customerDetail .edit.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0 !important;
}
.customerDetail .edit:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #d0d0d0;
}
.customerDetail .remove {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.customerDetail .remove:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.customerDetail .remove.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0 !important;
}
.customerDetail .remove:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #d83746;
  border: 1px solid #d0d0d0;
}
.listTable tbody tr td {
  color: #252525;
  border: 1px solid #d0d0d0 !important;
}
.customerDetail .content .right .phones-table thead th,
customerDetail .content .right .phones-table thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
.listTable .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
.listTable table.dataTable thead .sorting {
  background-image: none;
}
.listTable .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
.listTable table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.listTable .dataTables_filter {
  margin-top: -20px;
  margin-bottom: 20px;
}
.listTable .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #aaa;
  height: 38px;
  width: 240px;
  margin-top: 20px;
  box-shadow: none !important;
  outline: 0 !important;
  padding-left: 10px;
}
.customerDetail .content .right .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.customerDetail .content .right .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  border-color: #27779e !important;
}
.customerDetail .content .right .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #47b0e4 !important;
  background-image: none !important;
  border-color: #47b0e4 !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.customerDetail .content .right .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  background-image: none !important;
  border-color: #27779e !important;
}
.customerDetail .content .right .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.customerDetail .content .right .dataTables_wrapper .dataTables_paginate {
  margin: 30px 0 25px 0;
}
.customerDetail .content .right .selected {
  background: #0e419440 !important;
}
.customerDetail .content .right table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: "";
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #252525;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.customerDetail .content .right table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 28px;
  color: #252525;
  text-shadow: none;
  top: -22px;
  margin-left: -10px;
  position: relative;
  display: block;
}
.customerDetail .content .right .address-table {
  position: relative;
  display: block;
  height: auto;
}
.dataTables_wrapper .dataTables_filter input{
  border:1px solid #aaa;
  margin-right:5px;
  border-radius:3px;
  outline: 0;
}
#invoiceModal .customRadio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#invoiceModal .customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#invoiceModal .customRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
  transition: .5s;
}

#invoiceModal .customRadio:hover input ~ .checkmark {
  background-color: #ccc;
}
#invoiceModal .customRadio input:checked ~ .checkmark {
  background-color: #0e4194;
}
#invoiceModal .customRadio .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
#invoiceModal .customRadio input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}


.modal-dialog .customRadio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-dialog .customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.modal-dialog .customRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}

.modal-dialog .customRadio:hover input ~ .checkmark {
  background-color: #ccc;
}
.modal-dialog .customRadio input:checked ~ .checkmark {
  background-color: #0e4194;
}
.modal-dialog .customRadio .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.modal-dialog .customRadio input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}

#customerPhoneEditModal .customRadio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#customerPhoneEditModal .customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#customerPhoneEditModal .customRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}

#customerPhoneEditModal .customRadio:hover input ~ .checkmark {
  background-color: #ccc;
}
#customerPhoneEditModal .customRadio input:checked ~ .checkmark {
  background-color: #be1e2d;
}
#customerPhoneEditModal .customRadio .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
#customerPhoneEditModal .customRadio input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.messages {
  position: relative;
  display: block;
  width: 95%;
  height: auto;
  margin: 30px auto;
  background: #fff;
  padding: 0px 25px;
  color: #252525;
}
#fileModal img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-right: 15px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}
.messages .top {
  position: relative;
  display: grid;
  height: 70px;
  top: 25px;
  margin-bottom: 45px;
  background: #fff !important;
  box-shadow: 0px 1px 15px 4px #d5d5d5;
  padding: 0 40px;
  border-radius: 5px;
  color: #3e3e3e;
}
.messages .top .title{
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.messages .top .title h1{
  font-size:18px;
  margin: 0;
}
.messages .top .date {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
}
.messages .top .date p{
  font-size: 14px;
  margin: 0;
}
.messages .top .status {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.messages .top .status .pending {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:20px;
  color:#fff;
  background:#ff8d05;
  width:40px;
  height:40px;
  border-radius:50%;
}
.messages .top .status .replied {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:20px;
  color:#fff;
  background:#0e4194;
  width:40px;
  height:40px;
  border-radius:50%;
}
.messages .top .status .completed {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size: 24px;
  color:#fff;
  background:#ad3;
  width:40px;
  height:40px;
  border-radius:50%;
}
.messages .replyArea {
  position:relative;
  display:block;
}
.messages .replyArea .button {
  position:relative;
  display:flex;
  justify-content:flex-end;
  width:100%;
}
.messages .replyArea .button a {
  background: #0e4194;
  border:2px solid #0e4194;
  color: #fff;
  padding: 12px 15px;
  border-radius: 5px;
  text-decoration: none;
  transition: .5s;
  margin-right: 15px;
  margin-bottom: 15px;
}
.messages .replyArea .button a:hover {
  background: #fff;
  color: #0e4194;
}
.messages .replyArea .textForm{
  margin-bottom:40px;
}
.messages .replyArea .textForm textarea{
  border:1px solid #bebebe;
  resize:none;
  margin-bottom:10px;
  box-shadow: none;
  outline: 0;
  font-size: 14px;
}
.messages .replyArea #reply{
  display: none;
}
.messages .content {
  position: relative;
  display: inline-block;
  width: 100%;
  flex: none!important;
  -webkit-box-flex: inherit!important;
  background: #fff !important;
  box-shadow: 0px 1px 15px 4px #d5d5d5;
  padding: 15px 40px;
  border-radius: 5px;
  color: #3e3e3e;
}
.messages .content .filesButton {
  position:relative;
  display:inline-flex;
  padding: 6px 12px 5px 25px;
  margin-top:15px;
  margin-bottom:5px;
  border-radius:5px;
  color:#3e3e3e;
  font-weight:600;
  border:1px solid #3e3e3e;
  text-decoration:none;
  transition:.5s;
}
.messages .content .filesButton i {
  position:absolute;
  left: 5px;
  top: 6px;
  font-size: 18px;
}
.messages .content .filesButton:hover {
  color:#fff;
  background:#3e3e3e;
}
.messages .content .itemLeft {
  position: relative;
  display: block;
  float: left;
  width: 80%;
  height:100%;
  background: #d9d9d9 !important;
  padding: 15px 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.messages .content .itemLeft:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0px 15px 15px 0px;
  border-color: transparent #d9d9d9;
  display: block;
  width: 0;
  z-index: 1;
  left: -11px;
  top: 0px;
}
.messages .content .itemLeft .ticket-header-text{
  position:relative;
  display:block;
  width:100%;
}
.messages .content .itemLeft .ticket-header-text h3{
  font-size:16px;
}
.messages .content .itemLeft .ticket-header-text h3 .time{
  font-size:14px;
  float:right;
}
.messages .content .itemRight {
  position: relative;
  display: block;
  float: right;
  width: 80%;
  height:100%;
  background: #b4d0ff !important;
  padding: 15px 10px;
  margin-bottom: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  word-wrap: break-word;
}
.messages .content .itemRight:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0px 0 15px 11px;
  border-color: transparent #b4d0ff;
  display: block;
  width: 0;
  z-index: 1;
  right: -11px;
  top: 0px;
}
.messages .content .itemRight .ticket-header-text{
  position:relative;
  display:block;
  width:100%;
}
.messages .content .itemRight .ticket-header-text h3{
  font-size:16px;
}
.messages .content .itemRight .ticket-header-text h3 .time{
  font-size:14px;
  float:right;
}
#approvedModal .stepForm {
  position: relative;
  display: block;
  width: 100%;
  margin: -75px 0 0 0;
  background: transparent;
  padding: 0;
  color: #252525;
}
#closedDefectionModal .stepForm {
  position: relative;
  display: block;
  width: 100%;
  margin: -75px 0 0 0;
  background: transparent;
  padding: 0;
  color: #252525;
}
#calendar {
  position: relative;
  display: block;
  width: 95%;
  margin: 30px auto;
  background: #fff;
  padding: 30px 25px;
  color: #252525;
}
#calendar .date-change {
  margin-top: -15px;
}
.fc .fc-timegrid-slot {
  height: 3.5em!important;
}
#calendar th {
  padding: 5px 0;
}
#calendar th a {
  color:#fff;
}
#calendar .fc-agenda-slots td div { height: 50px; }
.stepForm {
  position: relative;
  display: block;
  width: 95%;
  margin: 30px auto;
  background: #fff;
  padding: 0px 25px;
  color: #252525;
}
.stepForm .trial-info {
  position:relative;
  display:block;
  text-align:center;
}
.stepForm .trial-info .illustration{
  position:relative;
  display:block;
  margin-bottom: 35px;
}
.stepForm .trial-info .illustration img {width: 100%;}
.stepForm .trial-info .title{
  position:relative;
  display:block;
  text-align:center;
}
.stepForm .trial-info .title h5{
  position:relative;
  display:block;
  text-align:center;
  font-weight: 400;
}
.stepForm .trial-info .text{
  position:relative;
  display:block;
  text-align:center;
}
.stepForm .trial-info .text p{
  position:relative;
  display:block;
  text-align:center;
}
.stepForm .releases {
  position:relative;
  display: block;
  padding: 30px 0;
}
.stepForm .releases .date{
  position:relative;
  display: block;
  text-align: right;
  font-size: 14px;
}
.stepForm .releases .title{
  position:relative;
  display: block;
}
.stepForm .releases .title h2 {
  font-size: 30px;
  text-align: center;
}
.stepForm .releases .html {
  position:relative;
  display: block;
  font-size: 14px;
}
.ui-widget-content {
  padding: 5px 0px!important;
}
.ui-widget-content .ui-state-focus {
  background:#0e4194 !important;
  color:#fff!important;
}
.ui-menu .ui-menu-item {
  font-size: 15px;
  background: transparent;
  padding:5px 10px;
}
.stepForm .brandArea {
  position:relative;
  display:block;
  padding: 15px 0;
  margin: 25px 0 10px 0;
}
.stepForm .travelExpensesArea {
  position:relative;
  display:block;
  padding: 15px 0;
  margin: 25px 0 30px 0;
}
.stepForm .descriptionArea{
  position:relative;
  display:block;
  padding: 15px 0;
  margin: 15px 0 30px 0;
}
.stepForm .select2-container {
  width: 100%!important;
}


.defectionAddForm {
  position: relative;
  display: block;
  width: 70%;
  margin: 30px auto;
  background: #fff;
  padding: 0px 25px;
  color: #252525;
}
.notDefectionAlert{
  position:relative;
  display:block;
  text-align:center;
}
.notDefectionAlert a{
  color: #fff;
  background: #be1e2d !important;
  border: 1px solid #be1e2d !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-top: 20px;
  margin-bottom: 20px;
}
.notDefectionAlert a:hover, .notDefectionAlert a:hover {
  background: #fff !important;
  color: #be1e2d !important;
}
.defectionAddForm .musteriDetayAlani {
  position: relative;
  display: none;
  height: auto;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 40px;
}
.defectionAddForm .select2-container--default .select2-selection--single {
  position: relative;
  display: block;
  width: 100% !important;
  height: 40px !important;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  font-size: 14px;
}
.defectionAddForm .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
  line-height: 38px;
}
.defectionAddForm .select2-container--default .select2-selection--single .select2-selection__arrow{

  top: 5px;
}
.defectionAddForm .musteriDetayAlani .text {
  position: relative;
  display: -webkit-box;
  padding: 20px 0 0 0;
  height: auto;
}
.defectionAddForm .musteriDetayAlani .text .left {
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  margin-left: 20px;
  padding-right: 45px;
}
.defectionAddForm .musteriDetayAlani .text .left .left-text {
  width: 50%;
  float: left;
  height: auto;
}
.defectionAddForm .musteriDetayAlani .text .left .right-text {
  width: 50%;
  float: left;
  height: auto;
}
.defectionAddForm .musteriDetayAlani .text .left p {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #9a9fbf;
  border-bottom: 1px solid #d8d8d8;
}
.defectionAddForm .musteriDetayAlani .text .left .right-text label {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #d8d8d8;
  color: #172941;
  margin-bottom: 16px;
  margin-top: 0;
}
.defectionAddForm .musteriDetayAlani .text .left .phones {
  width: 100%;
  float: left;
}
.defectionAddForm .musteriDetayAlani .text .left .phones .labelTitle {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #9a9fbf;
}
.defectionAddForm .musteriDetayAlani .text .right {
  position: relative;
  display: block;
  width: 49%;
  height: auto;
  float: left;
  padding-right: 25px;
  margin-left: 28px;
}
.defectionAddForm .musteriDetayAlani .text .right .adreslerTitle {
  position: relative;
  display: block;
}
.defectionAddForm .musteriDetayAlani .text .right .adreslerTitle h5 {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
}
.defectionAddForm .musteriDetayAlani .text .right .item {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 46%;
  height: 132px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.defectionAddForm .musteriDetayAlani .text .right .item .item-check {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}
.defectionAddForm .musteriDetayAlani .text .right .item .item-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.defectionAddForm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 120%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #75bffa;
}
.defectionAddForm
.musteriDetayAlani
.text
.right
.item
.item-check:hover
input
~ .checkmark {
  background-color: #75bffa;
}
.defectionAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
input:checked
~ .checkmark {
  background: #0e4194;
}
.defectionAddForm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.defectionAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
input:checked
~ .checkmark:after {
  display: block;
}
.defectionAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
.checkmark:after {
  content: "\f269";
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  margin-top: -4px;
  font-family: Material-Design-Iconic-Font;
  font-size: 25px;
  text-align: right;
  color: #fff;
}
.defectionAddForm .musteriDetayAlani .text .right .item .itemTitle {
  position: relative;
  display: block;
  text-transform: uppercase;
  padding-top: 7px;
  margin-right: 13px;
  border-bottom: 2px solid #fff;
  z-index: 3;
}
.defectionAddForm .musteriDetayAlani .text .right .item .itemTitle h6 {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.defectionAddForm .musteriDetayAlani .text .right .item .defaultItemTitle {
  font-size: 10px;
  padding: 4px 6px;
  border-top-left-radius: 5px;
  color: #fff;
  position: absolute;
  bottom: -4px;
  right: 0px;
  color: #fff;
  background: #f95959;
}
.defectionAddForm .musteriDetayAlani .text .right .item .icerik {
  position: relative;
  display: block;
  height: 81px;
  overflow-y: auto;
  z-index: 3;
}
.defectionAddForm .musteriDetayAlani .text .right .item .icerik p {
  padding-top: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}
.defectionAddForm .custom-radio-ariza {
  position: relative;
  display: inline-block;
  margin-left: -20px;
}
.defectionAddForm .custom-radio-ariza .radio-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.defectionAddForm .custom-radio-ariza .radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.defectionAddForm .custom-radio-ariza .checkmark-radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #455d7a;
  border-radius: 50%;
}

.defectionAddForm .custom-radio-ariza .radio-item:hover input ~ .checkmark-radio {
  background-color: #364b65;
}

.defectionAddForm
.custom-radio-ariza
.radio-item
input:checked
~ .checkmark-radio {
  background-color: #455d7a;
}

.defectionAddForm .custom-radio-ariza .checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.defectionAddForm
.custom-radio-ariza
.radio-item
input:checked
~ .checkmark-radio:after {
  display: block;
}

.defectionAddForm .custom-radio-ariza .radio-item .checkmark-radio:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #edf2f6;
}
.defectionAddForm .custom-radio-muhasebe {
  position: relative;
  display: -webkit-inline-box;
}
.defectionAddForm .custom-radio-muhasebe .radio-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.defectionAddForm .custom-radio-muhasebe .radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.defectionAddForm .custom-radio-muhasebe .checkmark-radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #455d7a;
  border-radius: 50%;
}

.defectionAddForm
.custom-radio-muhasebe
.radio-item:hover
input
~ .checkmark-radio {
  background-color: #364b65;
}

.defectionAddForm
.custom-radio-muhasebe
.radio-item
input:checked
~ .checkmark-radio {
  background-color: #455d7a;
}

.defectionAddForm .custom-radio-muhasebe .checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.defectionAddForm
.custom-radio-muhasebe
.radio-item
input:checked
~ .checkmark-radio:after {
  display: block;
}

.defectionAddForm .custom-radio-muhasebe .radio-item .checkmark-radio:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #edf2f6;
}
.defectionAddForm textarea {
  position: relative;
  display: block;
  width: 100% !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  resize: none;
  font-size: 14px;
  border-color: #e6e6e6 !important;
}
.defectionAddForm .button-group {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 30px !important;
}
.defectionAddForm .button-group button {
  margin-right: 20px;
}











.clientOrderAddForm {
  position: relative;
  display: block;
  width: 70%;
  margin: 30px auto;
  background: #fff;
  padding: 0px 25px;
  color: #252525;
}
.clientOrderAddForm .notDefectionAlert{
  position:relative;
  display:block;
  text-align:center;
}
.clientOrderAddForm .notDefectionAlert a{
  color: #fff;
  background: #be1e2d !important;
  border: 1px solid #be1e2d !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-top: 20px;
  margin-bottom: 20px;
}
.clientOrderAddForm .notDefectionAlert a:hover, .clientOrderAddForm .notDefectionAlert a:hover {
  background: #fff !important;
  color: #be1e2d !important;
}
.clientOrderAddForm .musteriDetayAlani {
  position: relative;
  display: none;
  height: auto;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 40px;
}
.clientOrderAddForm .select2-container--default .select2-selection--single {
  position: relative;
  display: block;
  width: 100% !important;
  height: 40px !important;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  font-size: 14px;
}
.clientOrderAddForm .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
  line-height: 38px;
}
.clientOrderAddForm .select2-container--default .select2-selection--single .select2-selection__arrow{

  top: 5px;
}
.clientOrderAddForm .musteriDetayAlani .text {
  position: relative;
  display: -webkit-box;
  padding: 20px 0 0 0;
  height: auto;
}
.clientOrderAddForm .musteriDetayAlani .text .left {
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  margin-left: 20px;
  padding-right: 45px;
}
.clientOrderAddForm .musteriDetayAlani .text .left .left-text {
  width: 50%;
  float: left;
  height: auto;
}
.clientOrderAddForm .musteriDetayAlani .text .left .right-text {
  width: 50%;
  float: left;
  height: auto;
}
.clientOrderAddForm .musteriDetayAlani .text .left p {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #9a9fbf;
  border-bottom: 1px solid #d8d8d8;
}
.clientOrderAddForm .musteriDetayAlani .text .left .right-text label {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #d8d8d8;
  color: #172941;
  margin-bottom: 16px;
  margin-top: 0;
}
.clientOrderAddForm .musteriDetayAlani .text .left .phones {
  width: 100%;
  float: left;
}
.clientOrderAddForm .musteriDetayAlani .text .left .phones .labelTitle {
  height: 45px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #9a9fbf;
}
.clientOrderAddForm .musteriDetayAlani .text .right {
  position: relative;
  display: block;
  width: 49%;
  height: auto;
  float: left;
  padding-right: 25px;
  margin-left: 28px;
}
.clientOrderAddForm .musteriDetayAlani .text .right .adreslerTitle {
  position: relative;
  display: block;
}
.clientOrderAddForm .musteriDetayAlani .text .right .adreslerTitle h5 {
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 46%;
  height: 132px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .item-check {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .item-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.clientOrderAddForm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 120%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #75bffa;
}
.clientOrderAddForm
.musteriDetayAlani
.text
.right
.item
.item-check:hover
input
~ .checkmark {
  background-color: #75bffa;
}
.clientOrderAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
input:checked
~ .checkmark {
  background: #0e4194;
}
.clientOrderAddForm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.clientOrderAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
input:checked
~ .checkmark:after {
  display: block;
}
.clientOrderAddForm
.musteriDetayAlani
.text
.right
.item
.item-check
.checkmark:after {
  content: "\f269";
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  margin-top: -4px;
  font-family: Material-Design-Iconic-Font;
  font-size: 25px;
  text-align: right;
  color: #fff;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .itemTitle {
  position: relative;
  display: block;
  text-transform: uppercase;
  padding-top: 7px;
  margin-right: 13px;
  border-bottom: 2px solid #fff;
  z-index: 3;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .itemTitle h6 {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .defaultItemTitle {
  font-size: 10px;
  padding: 4px 6px;
  border-top-left-radius: 5px;
  color: #fff;
  position: absolute;
  bottom: -4px;
  right: 0px;
  color: #fff;
  background: #f95959;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .icerik {
  position: relative;
  display: block;
  height: 81px;
  overflow-y: auto;
  z-index: 3;
}
.clientOrderAddForm .musteriDetayAlani .text .right .item .icerik p {
  padding-top: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}
.clientOrderAddForm .custom-radio-ariza {
  position: relative;
  display: inline-block;
  margin-left: -20px;
}
.clientOrderAddForm .custom-radio-ariza .radio-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clientOrderAddForm .custom-radio-ariza .radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.clientOrderAddForm .custom-radio-ariza .checkmark-radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #455d7a;
  border-radius: 50%;
}

.clientOrderAddForm .custom-radio-ariza .radio-item:hover input ~ .checkmark-radio {
  background-color: #364b65;
}

.clientOrderAddForm
.custom-radio-ariza
.radio-item
input:checked
~ .checkmark-radio {
  background-color: #455d7a;
}

.clientOrderAddForm .custom-radio-ariza .checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.clientOrderAddForm
.custom-radio-ariza
.radio-item
input:checked
~ .checkmark-radio:after {
  display: block;
}

.clientOrderAddForm .custom-radio-ariza .radio-item .checkmark-radio:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #edf2f6;
}
.clientOrderAddForm .custom-radio-muhasebe {
  position: relative;
  display: -webkit-inline-box;
}
.clientOrderAddForm .custom-radio-muhasebe .radio-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clientOrderAddForm .custom-radio-muhasebe .radio-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.clientOrderAddForm .custom-radio-muhasebe .checkmark-radio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #455d7a;
  border-radius: 50%;
}

.clientOrderAddForm
.custom-radio-muhasebe
.radio-item:hover
input
~ .checkmark-radio {
  background-color: #364b65;
}

.clientOrderAddForm
.custom-radio-muhasebe
.radio-item
input:checked
~ .checkmark-radio {
  background-color: #455d7a;
}

.clientOrderAddForm .custom-radio-muhasebe .checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.clientOrderAddForm
.custom-radio-muhasebe
.radio-item
input:checked
~ .checkmark-radio:after {
  display: block;
}

.clientOrderAddForm .custom-radio-muhasebe .radio-item .checkmark-radio:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #edf2f6;
}
.clientOrderAddForm textarea {
  position: relative;
  display: block;
  width: 100% !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  resize: none;
  font-size: 14px;
  border-color: #e6e6e6 !important;
}
.clientOrderAddForm .button-group {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 30px !important;
}
.clientOrderAddForm .button-group button {
  margin-right: 20px;
}










.singleForm .select2-container {
  width: 100%!important;
}
.singleForm .btn-primary, .stepForm .btn-primary{
  background: #53d397 !important;
  border: 1px solid #53d397 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-bottom: 20px;
}
.singleForm .btn-primary:hover, .stepForm .btn-primary:hover {
  background: #fff !important;
  color: #53d397 !important;
}

.singleForm .btn-info, .stepForm .btn-info{
  background: #03A9F4 !important;
  border: 1px solid #03A9F4 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-bottom: 20px;
}
.singleForm .btn-info:hover, .stepForm .btn-info:hover {
  background: #fff !important;
  color: #03A9F4 !important;
}
.singleForm .btn-secondary, .stepForm .btn-secondary{
  background: #f95959 !important;
  border: 1px solid #f95959 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-bottom: 20px;
}
.singleForm .btn-secondary:hover, .stepForm .btn-secondary:hover {
  background: #fff !important;
  color: #f95959 !important;
}

.defectionAddForm .custom-radio-ariza .defaultItemText {position: absolute;padding: 4px 6px;border-radius: 20px;top: -1px;right: -70px;font-size: 10px;background: #53d397;color: #fff;}
.stepForm .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border-radius: 50%;
  color: #fff !important;
  position: relative;
  float: right;
}
.stepForm .apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}
.stepForm .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 25px;
  height: 25px;
  margin-right: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  float: right;
}
.stepForm .cancel a {
  color: #fff;
}

#select2-offer_status_descriptions-results .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border-radius: 50%;
  color: #fff !important;
  cursor: pointer;
  position: relative;
  float: right;
}
#select2-offer_status_descriptions-results .apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}

#select2-offer_status_descriptions-results .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 25px;
  height: 25px;
  margin-right: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  float: right;
}
#select2-offer_status_descriptions-results .cancel a {
  color: #fff;
}
.creditCardLimitArea{
  text-align:center;
  font-size:40px;
}
.creditCardLimitArea .item {
  position: relative;
  display: inline-block;
  font-size:20px;
  margin-bottom: 20px;
}
.creditCardLimitArea input {
  text-align:center;
  font-size:40px;
  border-radius:5px;
}
.creditCardLimitArea .dates {
  background:#848484;
  border:1px solid #848484;
  color:#fff;
}
.creditCardLimitArea .dates.warning {
  color:#f30017;
}
.creditCardLimitArea .dates.success {
  color:#4caf50;
}
.creditCardLimitArea #limit {
  background:#46b3e6;
  border:1px solid #46b3e6;
  color:#fff;
}
.creditCardLimitArea #limit_top {
  background: #FF9800;
  border: 1px solid #FF9800;
  color:#fff;
}
.creditCardLimitArea .item.orange input {
  background:#FF9800;
  border:1px solid #FF9800;
  color:#fff;
}
.creditCardLimitArea .item.positive input {
  background:#4CAF50;
  border:1px solid #4CAF50;
  color:#fff;
}
.creditCardLimitArea .item.negative input {
  background:#f50017;
  border:1px solid #f50017;
  color:#fff;
}

.creditCardLimitArea .item.notr input {
  background:#2196F3;
  border:1px solid #2196F3;
  color:#fff;
}

.creditCardLimitArea small {
  position: relative;
  display: block;
  font-size:20px;
  font-weight:500;
  color:#666;
}
.stepForm .remove_file{
  position: absolute;
  top:0;
  right:0;
  z-index: 3;
}
.stepForm .smallPhoto {
  max-width: 100%;
  height: 100px;
  margin-bottom: 50px;
  border-radius: 5px;
  object-fit: cover;
  margin-right: 20px;
}
.stepForm .select-info {
  display: none;
}
.stepForm .uyari {
  color: #252525;
  font-style: italic;
  font-size: 14px;
  margin-top: 45px;
  margin-left: -35px;
  width: 70%;
}
.stepForm th {
  position: relative;
  color: #252525 !important;
  /* left: -10px; */
}
.stepForm td {
  position: relative;
  color: #252525 !important;
  text-align: left;
}
.stepForm .selection {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #aaaaaa;
}
.stepForm .selection .select2-selection--single {
  position: relative;
  border-color: #8c8b8b !important;
}
.stepForm .selection .select2-selection--single:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b !important;
}
.stepForm .selection .select2-selection--single span {
  color: #8c8b8b;
  margin-top: 0px;
  line-height: 36px;
}
.stepForm .tab {
  display: none;
  padding-top: 55px;
}
.stepForm .baslik-bg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0;
  border-radius: 5px;
  background: #d9f2ff;
  margin-bottom: 20px;
}
.stepForm .baslik-bg h1 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #768092;
  line-height: 1;
}
.stepForm .baslik-bg i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #768092;
  margin-top: -3px;
  margin-right: 10px;
}
.stepForm .baslik-bg p {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #768092;
}
.stepForm .faturaBaslik {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100px;
  height: auto;
  padding-left: 30px;
  background: #f7e4e4 !important;
  margin-top: 15px;
  margin-bottom: 45px;
}
.stepForm .faturaBaslik h2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 26px;
  font-weight: 700;
  color: #768092;
}
.stepForm .faturaBaslik i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #768092;
  margin-top: -3px;
  margin-right: 10px;
}
.stepForm .faturaBaslik p {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #768092;
}
.stepForm .hesaplamaAraci {
  margin-bottom: 80px;
}

.stepForm .yeni {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.stepForm .yeni:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.stepForm .yeni.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.stepForm .yeni:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #999;
  border: 1px solid #d0d0d0;
}
.stepForm .duzenle {
  position: relative;
  background-color: #53d397;
  background-image: none;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  transition: 0.5s;
}
.stepForm .duzenle.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.stepForm .duzenle:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #53d397;
}
.stepForm .sil {
  position: relative;
  background-color: #0f187f;
  background-image: none;
  color: #fff;
  border: 1px solid #0f187f;
  border-radius: 3px;
  transition: 0.5s;
}
.stepForm .sil.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.stepForm .sil:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #0f187f;
  border: 1px solid #0f187f;
}
.stepForm .teklifSartlariSelect .select2-container {
  width: 66.666667% !important;
}

.stepForm .feedbackList {
  position:relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
}
.stepForm .feedbackList .item{
  position:relative;
  display: block;
  width: 100%;
  height: 90px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  padding: 15px;
}
.stepForm .feedbackList .item.white{
  background: #fff;
}
.stepForm .feedbackList .item .title{
  position:relative;
}
.stepForm .feedbackList .item .date{
  position: absolute;
  right: 0;
  top: 0;
}
.stepForm .feedbackList .item .date p{
  font-size: 11px;
  margin: 5px 10px 0 0;
  color: #6f6f6f;
}
.stepForm .feedbackList .item .title h5{
  font-size: 18px;
  font-weight: 700;
  color: #252525;
}
.stepForm .feedbackList .item .text{
  position:relative;
  display: inline-block;
  width: 85%;
}
.stepForm .feedbackList .item .text p{
  position:relative;
}
.stepForm .feedbackList .item .action {
  position:relative;
  display: inline-block;
  width: 14%;
  text-align: right;
}
.stepForm .feedbackList .item .action .like{
  position:relative;
  display: inline-block;
}
.stepForm .feedbackList .item .action .like a{
  background: #fff;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #8bc34a;
  transition: .5s;
  text-decoration: none;
}
.stepForm .feedbackList .item .action .like a:hover, .stepForm .feedbackList .item .action .like a.active{
  background: #8bc34a;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #fff;
}
.stepForm .feedbackList .item .action .dislike{
  position:relative;
  display: inline-block;
}
.stepForm .feedbackList .item .action .dislike a{
  background: #fff;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #be1e2d;
  transition:.5s;
  text-decoration: none;
}
.stepForm .feedbackList .item .action .dislike a:hover, .stepForm .feedbackList .item .action .dislike a.active{
  background: #be1e2d;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #fff;
}

.stepForm .feedbackList .item .action .close_feedback{
  position:relative;
  display: inline-block;
}
.stepForm .feedbackList .item .action .close_feedback a{
  background: #fff;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #0e4194;
  transition:.5s;
  text-decoration: none;
}
.stepForm .feedbackList .item .action .close_feedback a:hover, .stepForm .feedbackList .item .action .close_feedback a.active{
  background: #0e4194;
  box-shadow: 0px 5px 5px 2px #e3e3e3;
  padding: 10px 15px;
  color: #fff;
}
.stepForm .empty {
  position:relative;
  display:flex;
  justify-content:center;
  width:100%;
  background: #f2f2f2f2;
  text-align:center;
  font-size: 20px;
  padding: 60px 0;
  margin-top: 60px;
}


#historyProductsInfo .no-footer thead {
  position: relative;
  background: #be1e2d;
}
#historyProductsInfo tbody td {
  color: #252525;
}
#readyProductsInfoTable.no-footer thead {
  position: relative;
  background: #be1e2d;
}
#readyProductsInfoTable tbody td {
  color: #252525;
}
#historyProductsInfo .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#historyProductsInfo .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
#historyProductsInfo .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#historyProductsInfo .dataTables_wrapper .dataTables_paginate {
  margin: 5px 0 25px 0;
}
#historyProductsInfo .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
}
#historyProductsInfo .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.stepForm #hesaplamaAraci_wrapper .no-footer thead {
  position: relative;
  background: #58595b;
}
.stepForm #malzemeKalitesi .select2-container {
  width: 100% !important;
}
.stepForm #malzemeKalitesiList .select2-container {
  width: 100% !important;
}
.stepForm table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
.stepForm .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
.stepForm table.dataTable thead .sorting {
  background-image: none;
}
.stepForm .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
.stepForm table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.stepForm .dataTables_filter {
  margin-top: -15px;
}
.stepForm .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #d6cdcd;
  height: 38px;
  width: 240px;
  margin-top: 20px;
}
.stepForm #prevBtn {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background: #be1e2d;
  margin-top: 22px;
  border: 0;
  border-radius: 3px;
  padding: 5px 30px;
  border: 2px solid #be1e2d;
  transition: 0.5s;
  box-shadow: none !important;
  outline: 0 !important;
}
.stepForm #prevBtn:hover {
  color: #be1e2d;
  background: #fff;
  border: 2px solid #be1e2d;
}
.stepForm #pdfPreview {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background: #0f187f !important;
  margin-top: 122px;
  margin-bottom: 40px;
  border: 0;
  border-radius: 3px;
  padding: 5px 30px;
  border: 2px solid #0f187f !important;
  transition: 0.5s;
  box-shadow: none !important;
  outline: 0 !important;
}
.stepForm #pdfPreview:hover {
  color: #0f187f;
  background: #ffffff !important;
  border: 2px solid #0f187f;
}
.stepForm .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #7f8081;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.stepForm .step.active {
  opacity: 1;
}
.stepForm .step.finish {
  background-color: #4caf50;
}
.stepForm .tab .form-group {
  position: relative;
}

.stepForm #brandDefinitionForm .form-group .logoUpload {
  position: relative;
  display: flex;
  width: 220px;
  justify-content: center;
  align-items: center;
  height: 131px;
  margin-left: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  border: 1px solid #eee;
  background-color: #ffffff;
}
.stepForm .tab .form-group .logoUpload {
  position: relative;
  display: flex;
  width: 200px;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-left: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  border: 1px solid #eee;
  background-color: #ffffff;
}
.stepForm .tab .form-group .logoUpload #preview-container {
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}

.stepForm .tab .form-group .logoUpload #upload-dialog {
  display: flex;
  padding: 5px;
  border: 1px solid #0e4194;
  color: #fff;
  background: none;
  font-size: 14px;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  background-color: #0e4194;
  margin: 0 auto;
}

.stepForm .tab .form-group .logoUpload #image-file {
  display: none;
}

.stepForm .tab .form-group .logoUpload #preview-image {
  display: none;
  width: 190px;
  border-radius: 2px;
  height: 190px;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 5px;
}

.stepForm .tab .form-group .logoUpload #image-name {
  display: none;
  vertical-align: middle;
  color: #336699;
  margin: 0 -15px;
  opacity: 0;
}

.stepForm .tab .form-group .logoUpload #upload-button {
  padding: 5px;
  border: 1px solid #336699;
  background-color: #336699;
  color: white;
  font-size: inherit;
  font-family: inherit;
  outline: none;
  display: none;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
}

.stepForm .tab .form-group .logoUpload #cancel-image {
  display: none;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 4px;
  padding: 0px;
  border: none;
  color: #613f3f;
  background-color: white;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 10px;
  text-transform: uppercase;
  margin: 0 auto;
}
.stepForm .tab .form-group label {
  margin-top: 10px;
}
.stepForm .tab .form-group .form-control {
  position: relative;
  border-color: #8c8b8b !important;
  margin-top: 0;
}
.stepForm .tab .form-group .input-group-append span {
  position: relative;
  border-color: #8c8b8b !important;
  margin-top: 0;
}
.stepForm .tab .form-group .form-control:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b;
}
.stepForm .tab .form-group p {
  position: relative;
  color: #252525;
}

.stepForm .tab .form-group .customRadio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stepForm .tab .form-group .customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.stepForm .tab .form-group .customRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}

.stepForm .tab .form-group .customRadio:hover input ~ .checkmark {
  background-color: #ccc;
}
.stepForm .tab .form-group .customRadio input:checked ~ .checkmark {
  background-color: #0e4194;
}
.stepForm .tab .form-group .customRadio .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.stepForm .tab .form-group .customRadio input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}

.stepForm .tab .form-group .customCheckbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stepForm .tab .form-group .customCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.stepForm .tab .form-group .customCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}
.stepForm .tab .form-group .customCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.stepForm .tab .form-group .customCheckbox input:checked ~ .checkmark {
  background-color: #0e4194;
}
.stepForm .tab .form-group .customCheckbox .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.stepForm .tab .form-group .customCheckbox input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.stepForm .tab .form-group textarea {
  position: relative;
  resize: none;
}
.stepForm .noteTitle {
  position: relative;
  display: block;
  background: #eaeaea;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #d4d2d2;
  border-radius: 10px;
}
.stepForm .noteTitle h1 {
  color: #252525;
  font-weight: 600;
}
.stepForm .noteDesc {
  position: relative;
  display: block;
  padding: 0 20px;
}
#stepForm .selected {
  background: #fbd3d3 !important;
}
#stepForm table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: "";
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #252525;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
}
#stepForm table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 28px;
  color: #252525;
  text-shadow: none;
  top: -22px;
  margin-left: -11px;
  position: relative;
  display: block;
}

.ContentTab table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: "";
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #252525;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.ContentTab table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 28px;
  color: #252525;
  text-shadow: none;
  top: -22px;
  margin-left: -11px;
  position: relative;
  display: block;
}
#notEkle .form-group .musteri-notu {
  position: relative;
  min-height: 200px;
  border-radius: 5px;
  border-color: #8c8b8b !important;
  resize: none;
  outline: 0 !important;
  box-shadow: none !important;
}

.stepForm .tab .form-group .musteri-notu {
  position: relative;
  min-height: 200px;
  border-radius: 5px;
  border-color: #8c8b8b !important;
}
.stepForm .tab .form-group .musteri-notu:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b;
}
.teklifBilgileri {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 15px;
}
.teklifBilgileri .title {
  position: relative;
  display: flex;
}
.teklifBilgileri .title h6 {
  position: relative;
  display: flex;
  background: #be1e2d;
  color: #fff;
  padding: 10px 20px;
  margin-right: 20px;
}
.teklifBilgileri .title h6 a {
  color: #fff;
  text-decoration: none !important;
}
.teklifBilgileri .content {
  position: relative;
  display: block;
  flex: inherit !important;
  -webkit-box-flex: inherit !important;
  -ms-flex: inherit !important;
  background: #fff !important;
  padding-top: 10px;
}
.teklifBilgileri .content .item {
  position: relative;
  display: flex;
  align-items: center;
  background: #c5b6f36b !important;
  padding: 20px 25px;
  border: 1px solid #cec4c4;
  margin-bottom: 10px;
}
.teklifBilgileri .content .item label {
  position: relative;
  display: block;
  width: 20%;
  float: left;
  color: #4e4e4e;
  font-size: 18px;
  font-weight: bold;
  margin-top: 6px;
}
.teklifBilgileri .content .item p {
  position: relative;
  color: #4e4e4e;
  font-size: 20px;
  font-weight: 400;
  padding: 15px 20px;
  margin: -5px 0 0 15px;
  word-break: break-all;
}
.priceInfo {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 15px 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.priceInfo .title {
  position: relative;
  display: flex;
  margin-left: -15px;
}
.priceInfo .title h6 {
  position: relative;
  display: flex;
  background: #be1e2d;
  color: #fff;
  padding: 10px 20px;
}
.priceInfo .select2-container {
  position: relative;
  display: block;
  background: #fff !important;
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 20px;
}

.controlArea {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 15px 30px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
.controlArea .title {
  position: relative;
  display: flex;
  margin-left: -15px;
}
.controlArea .title h6 {
  position: relative;
  display: flex;
  background: #be1e2d;
  color: #fff;
  padding: 10px 20px;
}
.controlArea p {
  position: relative;
  display: block;
  font-size:14px;
}


.mailAccounts {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 15px 30px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 30px;
}
.mailAccounts .title {
  position: relative;
  display: flex;
  margin-left: -15px;
}
.mailAccounts .title h6 {
  position: relative;
  display: flex;
  background: #be1e2d;
  color: #fff;
  padding: 10px 20px;
}
.mailAccounts .select2-container {
  position: relative;
  display: block;
  background: #fff !important;
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 20px;
}
.gorevAtama {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 15px;
  margin-top: 30px;
}
.gorevAtama .title {
  position: relative;
  display: flex;
}
.gorevAtama .title h6 {
  position: relative;
  display: flex;
  background: #be1e2d;
  color: #fff;
  padding: 10px 20px;
}
.gorevAtama .content {
  position: relative;
  display: block;
  background: #fff !important;
}
.gorevAtama .content .select2-container {
  position: relative;
  display: block;
  background: #fff !important;
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 20px;
}

#stepForm .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#stepForm .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
#stepForm .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#stepForm .dataTables_wrapper .dataTables_paginate {
  margin: 5px 0 25px 0;
}
#stepForm .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
}
#stepForm .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
#stepForm .rowsButton {
  position: relative;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 50px;
  margin-left: -15px;
}

#stepForm .addRow {
  color: #fff !important;
  text-decoration: none;
  background-color: #259073 !important;
  background-image: none !important;
  border-color: #259073 !important;
  cursor: pointer;
}
#stepForm  .deleteRow {
  color: #fff !important;
  text-decoration: none;
  background-color: #1d2b53 !important;
  background-image: none !important;
  border-color: #1d2b53 !important;
  cursor: pointer;
}
#stepForm #teklifMaliyet .width5 {
  width: 5% !important;
}
#stepForm #teklifMaliyet .width35 {
  width: 16% !important;
}
#stepForm #teklifMaliyet .width10 {
  width: 7% !important;
}
#stepForm #iscilikMaliyet .select2-container {
  width: 100% !important;
}
#stepForm #iscilikMaliyet .width5 {
  width: 5% !important;
}
#stepForm #iscilikMaliyet .width35 {
  width: 25% !important;
}
#stepForm #iscilikMaliyet .width10 {
  width: 10% !important;
}
#stepForm .hesaplamaAraci .width10 {
  width: 6% !important;
}
#stepForm .hesaplamaAraci .width20 {
  width: 20% !important;
}
#stepForm #teklifMaliyet .select2-container {
  width: 100% !important;
}
#stepForm #teklifMaliyet .select2-container {
  width: 100% !important;
}
#stepForm #hazirMaddeData .select2-container {
  width: 100% !important;
}

.stepForm .controlAlert {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100px;
  height: auto;
  padding-left: 30px;
  background: #f7e4e4 !important;
  margin-top: 15px;
  margin-bottom: 45px;
}
.stepForm .controlAlert h2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 26px;
  font-weight: 700;
  color: #768092;
}
.stepForm .controlAlert i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #768092;
  margin-top: -3px;
  margin-right: 10px;
}
.stepForm .controlAlert p {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #768092;
}

.stepForm .controlSuccess {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100px;
  height: auto;
  padding-left: 30px;
  background: #d4edda !important;
  margin-top: 15px;
  margin-bottom: 45px;
}
.stepForm .controlSuccess h2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 26px;
  font-weight: 700;
  color: #768092;
}
.stepForm .controlSuccess i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #768092;
  margin-top: -3px;
  margin-right: 10px;
}
.stepForm .controlSuccess p {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #768092;
}
#stepForm .karOrani {
  margin-left: 0;
}
#stepForm .karOrani .text {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding-right: 0;
  text-align: center;
  line-height: 2.5;
  height: 38px;
  background: #be1e2d;
  color: #fff;
  margin-left: -2px;
  padding: 0;
}
#stepForm .previewReport {
  position: relative;
  display: flex;
  justify-content: center;
}
.select2-results__options {
  color: #252525;
}
#stockAddButton {
  position: relative;
  display: block;
  background: #0e4194;
  color: #fff;
  padding: 7px 12px;
  text-decoration: none;
}
#teklifMaliyet_wrapper td {
  position: relative;
  color: #252525 !important;
  text-align: left;
  border-right: 1px solid #e9ecef;
}
.selectAllRow {
  width: 40px;
  display: block;
  position: relative;
  padding-top: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectAllRow input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.selectAllRow .checkmark {
  position: absolute;
  top: 12px;
  left: 5px;
  height: 23px;
  width: 23px;
  background-color: #fff;
  border-radius: 15%;
}
.selectAllRow :hover input ~ .checkmark {
  background-color: #fff;
}
.selectAllRow input:checked ~ .checkmark {
  background-color: #fff;
}
.selectAllRow .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.selectAllRow input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -7px;
  right: 3px;
  font-size: 24px;
  font-style: normal;
  color: #be1e2d;
  z-index: 2;
}
#stepForm .karOrani {
  margin-left: 0;
}
#stepForm .karOrani .text {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding-right: 0;
  text-align: center;
  line-height: 2.5;
  height: 38px;
  background: #be1e2d;
  color: #fff;
  margin-left: -15px;
  padding: 0;
}
#stepForm .success {
  background-color: #d4edda !important;
  font-weight: 700;
  outline: 0 !important;
  border-color: #ced4da;
  box-shadow: none !important;
}
#stepForm .alert {
  background-color: #d4edda !important;
}
#stepForm .process {
  background-color: #d4edda !important;
}
#tab_logic thead th {
  left: 0;
}
#lastTotalTable .icon {
  position: absolute;
  right: 10px;
  font-size: 18px;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  line-height: 0;
  color: #fff;
  margin-top: -38px;
  background: #259073;
  padding: 18px 5px 3px 5px;
}
.listTable {
  position: relative;
  display: block;
  width: 95%;
  margin: 30px auto;
  background: #fff;
  padding: 20px 25px;
}

.listTable tbody tr td i {
  font-size: 30px;
  color: #53d397;
}
.listTable .select2-container {
  width:100%!important;
}
.excelArea {
  position:relative;
  display:flex;
  width:100%;
  justify-content:flex-end;
}
.excelArea a{
  background:#217346;
  border:1px solid #217346;
  padding:10px 15px;
  border-radius:5px;
  color:#fff;
  font-size:14px;
  transition:.5s;
  text-decoration:none;
  outline:0;
  box-shadow:none;
}
.excelArea a:hover{
  background:#fff;
  color:#217346;
  text-decoration: none!important;
}
.listTable .dataTables_length {
  margin-top: 8px;
  position: relative;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
}
.listTable .dataTables_length select {
  outline:0;
  box-shadow:none;
}
.listTable .dt-button {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 2;
}
.listTable .dt-button i {
  position: relative;
}
.listTable .offer-filter {
  margin-bottom:20px;
}
.listTable .selection {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #aaaaaa;
}
.listTable .selection .select2-selection--single {
  position: relative;
  border-color: #8c8b8b !important;
}
.listTable .selection .select2-selection--single:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b !important;
}
.listTable .selection .select2-selection--single span {
  color: #8c8b8b;
}
.listTable .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border-radius: 50%;
  color: #fff !important;
  position: relative;
  float: right;
}
.listTable .apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}
.listTable .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 25px;
  height: 25px;
  margin-right: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  float: right;
}
.listTable .cancel a {
  color: #fff;
}
.listTable .icon i{
  font-size:24px;
  color: #545454;
}
.listTable .reportFilter{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin-bottom: 25px;
}
.listTable #from, .singleForm #from {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  border-color: #8c8b8b !important;
  margin-left: 0;
  outline: 0!important;
  box-shadow: none!important;
}
.listTable #from_einvoice,.listTable #from_earchive {
  position: relative;
  display: block;
  max-width: 40%;
  border-color: #8c8b8b !important;
  margin-left: -2px;
  outline: 0!important;
  box-shadow: none!important;
}
.listTable .hasDatepicker,.singleForm .hasDatepicker {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  border-color: #8c8b8b !important;
  margin-right: 12px;
  outline: 0!important;
  box-shadow: none!important;
}
#offerStatusChange .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border-radius: 50%;
  color: #fff !important;
  position: relative;
  float: right;
}
#offerStatusChange .apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}
#offerStatusChange .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 25px;
  height: 25px;
  margin-right: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  float: right;
}
#offerStatusChange .cancel a {
  color: #fff;
}
#select2-status-results .apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #53d397;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border-radius: 50%;
  color: #fff !important;
  cursor: pointer;
  position: relative;
  float: right;
}
#select2-status-results .apply a {
  color: #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
}

#select2-status-results .cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f95959;
  width: 25px;
  height: 25px;
  margin-right: 0;
  border-radius: 50%;
  color: #fff;
  position: relative;
  float: right;
}
#select2-status-results .cancel a {
  color: #fff;
}
#teklifleriListele_wrapper .dt-button {
  margin-top: -20px;
  margin-bottom:30px;
}

#teklifleriListele_wrapper .dt-button i {
  position: relative;
  display: block;
  font-size: 25px;
}

#teklifleriListele_wrapper .duzenle {
  background: #be1e2d;
  color: #fff;
  border: 1px solid #be1e2d;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .duzenle.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .duzenle {
  margin-left: 40px;
}

#teklifleriListele_wrapper .veriGirisi {
  background: #e25822;
  color: #fff;
  border: 1px solid #e25822;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .veriGirisi.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .veriGirisi {
  margin-left: 5px;
}

#teklifleriListele_wrapper .teklifDurumDegistir {
  background: #d62196;
  color: #fff;
  border: 1px solid #d62196;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .teklifDurumDegistir.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .teklifDurumDegistir {
  margin-left: 5px;
}

#teklifleriListele_wrapper .teklifMaliyetDuzenle {
  background: #6915cf;
  color: #fff;
  border: 1px solid #6915cf;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .teklifMaliyetDuzenle.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .teklifMaliyetDuzenle {
  margin-left: 5px;
}

#teklifleriListele_wrapper .teklifKontrol {
  background: #91bd3a;
  color: #fff;
  border: 1px solid #91bd3a;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .teklifKontrol.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .teklifKontrol {
  margin-left: 5px;
}
#teklifleriListele_wrapper .teklifGonder {
  background: #46b3e6;
  color: #fff;
  border: 1px solid #46b3e6;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .teklifGonder.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .teklifGonder {
  margin-left: 5px;
}
#teklifleriListele_wrapper .isEmrineDonustur {
  background: #4d80e4;
  color: #fff;
  border: 1px solid #4d80e4;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .isEmrineDonustur.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .isEmrineDonustur {
  margin-left: 5px;
}
#teklifleriListele_wrapper .teklifTekrarla {
  background: #29a19c;
  color: #fff;
  border: 1px solid #29a19c;
  outline: 0;
  transition: 0.5s;
}
#teklifleriListele_wrapper .teklifTekrarla.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
#teklifleriListele_wrapper .teklifTekrarla {
  margin-left: 5px;
}
#teklifleriListele_wrapper .dataTables_length {
  margin-top: 8px;
}

.listTable .filter {
  position: relative;
  display: inline-block;
  float: right;
  width: 100%;
  margin: 20px 0;
}
.listTable .filter label {
  position: relative;
  display: block;
  float: left;
  width: 15%;
  padding-top: 6px;
  color: #252525;
}
.listTable .filter select {
  position: relative !important;
  display: block;
  width: 85% !important;
}

.listTable
.filter
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  margin-top: 4px;
}
thead {
  position: relative;
  background: #0e4194;
}
.listTable tbody tr td {
  color: #252525;
  border: 1px solid #d0d0d0 !important;
}
.listTable table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
.listTable .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
.listTable table.dataTable thead .sorting {
  background-image: none;
}
.listTable .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
.listTable table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.listTable .dataTables_filter {
  margin-top: -20px;
  margin-bottom: 20px;
}
.listTable .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #aaa;
  height: 38px;
  width: 240px;
  margin-top: 20px;
  box-shadow: none !important;
  outline: 0 !important;
  padding-left: 10px;
}
.listTable .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.listTable .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  border-color: #27779e !important;
}
.listTable .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #47b0e4 !important;
  background-image: none !important;
  border-color: #47b0e4 !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.listTable .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  background-image: none !important;
  border-color: #27779e !important;
}
.listTable .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.listTable .dataTables_wrapper .dataTables_paginate {
  margin: 30px 0 25px 0;
}
.listTable .selected {
  background: hsla(200, 74%, 59%, 0.2) !important;
}
.listTable table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: "";
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #252525;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.listTable table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 28px;
  color: #252525;
  text-shadow: none;
  top: -21px;
  margin-top: -12px;
  margin-bottom: 0;
  margin-left: -11px;
  position: relative;
  display: block;
}
.singleForm table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: "";
  margin-top: 0;
  margin-left: 0;
  border: 1px solid #252525;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.singleForm table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 28px;
  color: #252525;
  text-shadow: none;
  top: -21px;
  margin-top: -12px;
  margin-bottom: 0;
  margin-left: -11px;
  position: relative;
  display: block;
}

.listTable .turquoise {
  position: relative;
  background: #29a19c;
  color: #fff;
  border: 1px solid #29a19c;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .turquoise:hover {
  position: relative;
  background: #fff !important;
  color: #29a19c;
  border: 1px solid #29a19c !important;
}
.listTable .turquoise.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .turquoise:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #29a19c;
  border: 1px solid #d0d0d0;
}

.listTable .red {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .red:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.listTable .red.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .red:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #d83746;
  border: 1px solid #d0d0d0;
}

.listTable .pistachioGreen {
  position: relative;
  background: #91bd3a;
  color: #fff;
  border: 1px solid #91bd3a;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .pistachioGreen:hover {
  position: relative;
  background: #fff !important;
  color: #91bd3a;
  border: 1px solid #91bd3a !important;
}
.listTable .pistachioGreen.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .pistachioGreen:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #91bd3a;
  border: 1px solid #d0d0d0;
}

.listTable .pink {
  position: relative;
  background: #d62196;
  color: #fff;
  border: 1px solid #d62196;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .pink:hover {
  position: relative;
  background: #fff !important;
  color: #d62196;
  border: 1px solid #d62196 !important;
}
.listTable .pink.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .pink:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #d62196;
  border: 1px solid #d0d0d0;
}

.listTable .purple {
  position: relative;
  background: #6915cf;
  color: #fff;
  border: 1px solid #6915cf;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .purple:hover {
  position: relative;
  background: #fff !important;
  color: #6915cf;
  border: 1px solid #6915cf !important;
}
.listTable .purple.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .purple:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #6915cf;
  border: 1px solid #d0d0d0;
}
.listTable .grey {
  position: relative;
  background: #333232;
  color: #fff;
  border: 1px solid #333232;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.listTable .grey:hover {
  position: relative;
  background: #fff !important;
  color: #333232;
  border: 1px solid #333232 !important;
}
.listTable .grey.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.listTable .grey:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #333232;
  border: 1px solid #d0d0d0;
}
.listTable .duzenle {
  position: relative;
  background-color: #53d397;
  background-image: none;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  transition: 0.5s;
}
.listTable .duzenle.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.listTable .duzenle:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #53d397;
}
.listTable .sil {
  position: relative;
  background-color: #0f187f;
  background-image: none;
  color: #fff;
  border: 1px solid #0f187f;
  border-radius: 3px;
  transition: 0.5s;
}
.listTable .sil.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.listTable .sil:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #0f187f;
  border: 1px solid #0f187f;
}
.listTable .detayliIncele {
  position: relative;
  display: inline-block;
  font-size: 11px;
  color: #fff;
  padding: 5px 13px;
  border-radius: 5px;
  background: #4c4c4c !important;
  border-color: #4c4c4c !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin: 9px 0;
}
.listTable .detayliIncele:hover {
  background: #fff !important;
  border-color: #4c4c4c !important;
  color: #4c4c4c;
}
.listTable .duzenleAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 14px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.listTable .duzenleAction:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.listTable .silAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  background: #d83746 !important;
  border-color: #d83746 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.listTable .silAction:hover {
  background: #fff !important;
  border-color: #d83746 !important;
  color: #d83746;
}
.listTable .pasifeAlAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 14px;
  border-radius: 5px;
  background: #d83746 !important;
  border-color: #d83746 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.listTable .pasifeAlAction:hover {
  background: #fff !important;
  border-color: #d83746 !important;
  color: #d83746;
}
.listTable .edit {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin-right: 15px;
}
.listTable .edit:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.listTable .remove {
  display: inline-block;
  /* width: 100%; */
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #612570 !important;
  border-color: #612570 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin: 3px 0;
}
.listTable .remove:hover {
  background: #fff !important;
  border-color: #612570 !important;
  color: #612570;
}

.invoiceCreateTable .turquoise {
  position: relative;
  background: #29a19c;
  color: #fff;
  border: 1px solid #29a19c;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .turquoise:hover {
  position: relative;
  background: #fff !important;
  color: #29a19c;
  border: 1px solid #29a19c !important;
}
.invoiceCreateTable .turquoise.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .turquoise:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #29a19c;
  border: 1px solid #d0d0d0;
}

.invoiceCreateTable .red {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .red:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.invoiceCreateTable .red.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .red:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #d83746;
  border: 1px solid #d0d0d0;
}

.invoiceCreateTable .pistachioGreen {
  position: relative;
  background: #91bd3a;
  color: #fff;
  border: 1px solid #91bd3a;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .pistachioGreen:hover {
  position: relative;
  background: #fff !important;
  color: #91bd3a;
  border: 1px solid #91bd3a !important;
}
.invoiceCreateTable .pistachioGreen.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .pistachioGreen:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #91bd3a;
  border: 1px solid #d0d0d0;
}

.invoiceCreateTable .pink {
  position: relative;
  background: #d62196;
  color: #fff;
  border: 1px solid #d62196;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .pink:hover {
  position: relative;
  background: #fff !important;
  color: #d62196;
  border: 1px solid #d62196 !important;
}
.invoiceCreateTable .pink.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .pink:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #d62196;
  border: 1px solid #d0d0d0;
}

.invoiceCreateTable .purple {
  position: relative;
  background: #6915cf;
  color: #fff;
  border: 1px solid #6915cf;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .purple:hover {
  position: relative;
  background: #fff !important;
  color: #6915cf;
  border: 1px solid #6915cf !important;
}
.invoiceCreateTable .purple.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .purple:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #6915cf;
  border: 1px solid #d0d0d0;
}
.invoiceCreateTable .grey {
  position: relative;
  background: #333232;
  color: #fff;
  border: 1px solid #333232;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.invoiceCreateTable .grey:hover {
  position: relative;
  background: #fff !important;
  color: #333232;
  border: 1px solid #333232 !important;
}
.invoiceCreateTable .grey.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0!important;
}
.invoiceCreateTable .grey:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #333232;
  border: 1px solid #d0d0d0;
}
.invoiceCreateTable .duzenle {
  position: relative;
  background-color: #53d397;
  background-image: none;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  transition: 0.5s;
}
.invoiceCreateTable .duzenle.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.invoiceCreateTable .duzenle:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #53d397;
}
.invoiceCreateTable .sil {
  position: relative;
  background-color: #0f187f;
  background-image: none;
  color: #fff;
  border: 1px solid #0f187f;
  border-radius: 3px;
  transition: 0.5s;
}
.invoiceCreateTable .sil.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.invoiceCreateTable .sil:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #0f187f;
  border: 1px solid #0f187f;
}
.invoiceCreateTable .detayliIncele {
  position: relative;
  display: inline-block;
  font-size: 11px;
  color: #fff;
  padding: 5px 13px;
  border-radius: 5px;
  background: #4c4c4c !important;
  border-color: #4c4c4c !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin: 9px 0;
}
.invoiceCreateTable .detayliIncele:hover {
  background: #fff !important;
  border-color: #4c4c4c !important;
  color: #4c4c4c;
}
.invoiceCreateTable .duzenleAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 14px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.invoiceCreateTable .duzenleAction:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.invoiceCreateTable .silAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  background: #d83746 !important;
  border-color: #d83746 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.invoiceCreateTable .silAction:hover {
  background: #fff !important;
  border-color: #d83746 !important;
  color: #d83746;
}
.invoiceCreateTable .pasifeAlAction {
  font-size: 12px;
  color: #fff;
  padding: 5px 14px;
  border-radius: 5px;
  background: #d83746 !important;
  border-color: #d83746 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.invoiceCreateTable .pasifeAlAction:hover {
  background: #fff !important;
  border-color: #d83746 !important;
  color: #d83746;
}
.invoiceCreateTable .edit {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin-right: 15px;
}
.invoiceCreateTable .edit:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.invoiceCreateTable .remove {
  display: inline-block;
  /* width: 100%; */
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #612570 !important;
  border-color: #612570 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin: 3px 0;
}
.invoiceCreateTable .remove:hover {
  background: #fff !important;
  border-color: #612570 !important;
  color: #612570;
}





.firmaDetay {
  position: relative;
  display: block;
  width: 95%;
  height: 200px;
  margin: 25px auto 0 auto;
  background: #fff;
  color: #252525;
  padding: 20px 25px;
  border-bottom: 10px solid #eaeaea;
}
.firmaDetay .logo {
  position: relative;
  display: block;
  width: 150px;
  height: 150px;
  float: left;
  border-radius: 5px;
  margin-right: 20px;
}
.firmaDetay .logo img {
  position: relative;
  display: block;
  width: 150px;
  height: 150px;
  object-fit: cover;
  float: left;
  border: 4px solid #eaeaea;
  border-radius: 50%;
}
.firmaDetay .title {
  position: relative;
  display: block;
  width: 40%;
  margin-top: 30px;
  color: #252525;
  float: left;
}
.firmaDetay .title h1 {
  font-size: 30px;
}
.firmaDetay .settings {
  width: 10%;
  float: right;
  margin-top: 50px;
}
.firmaDetay .settings .dropdown-toggle {
  color: #252525;
  background: #eaeaea;
}
.ContentTab {
  position: relative;
  display: table;
  width: 95%;
  height: auto;
  margin: 0 auto 30px auto;
  background: #fff;
  color: #252525;
  padding: 20px 25px;
}
.ContentTab .yeni {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.ContentTab .yeni:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.ContentTab .yeni.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.ContentTab .yeni:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #999;
  border: 1px solid #d0d0d0;
}
.ContentTab .duzenle {
  position: relative;
  background-color: #53d397;
  background-image: none;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  transition: 0.5s;
}
.ContentTab .duzenle.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.ContentTab .duzenle:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #53d397;
}
.ContentTab .sil {
  position: relative;
  background-color: #0f187f;
  background-image: none;
  color: #fff;
  border: 1px solid #0f187f;
  border-radius: 3px;
  transition: 0.5s;
}
.ContentTab .sil.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.ContentTab .sil:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #0f187f;
  border: 1px solid #0f187f;
}
.ContentTab .nav-tabs {
  position: relative;
  border: 0;
  margin-top: -10px;
}
.ContentTab .nav-tabs .nav-item {
  position: relative;
  border: 0;
}
.ContentTab .nav-tabs .nav-item a {
  font-size: 14px;
  color: #252525;
  background-color: #eaeaea;
  border-color: #eaeaea !important;
  border-radius: 0 !important;
  transition: 0.5s;
  border-left: 1px solid #252525 !important;
  border-top: 1px solid #252525 !important;
  border-bottom: 1px solid #252525 !important;
}
.ContentTab .nav-tabs .nav-item:last-child {
  border-right: 1px solid #252525 !important;
}
.ContentTab .nav-tabs .nav-item a:hover {
  color: #ffffff;
  background-color: #0e4194;
  border-color: #0e4194 !important;
  border-radius: 0 !important;
}
.ContentTab .nav-tabs .nav-item a.active {
  color: #fff !important;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
.ContentTab .bosUyari {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #eee;
  margin-top: 30px;
  height: 60px;
  padding: 0 20px;
}
.ContentTab .bosUyari p {
  color: #252525;
  margin: 0;
}
.ContentTab .bosUyari  a {
  padding: 8px 20px;
  color: #fff !important;
  background-color: #0e4194 !important;
  margin-left: 20px;
}
.ContentTab .addButton {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #eee;
  margin-top: 30px;
  height: 60px;
  padding: 0 20px;
}
.ContentTab .addButton p {
  color: #252525;
  margin: 0;
}
.ContentTab .addButton p a {
  padding: 8px 20px;
  color: #fff !important;
  background-color: #be1e2d !important;
}
.ContentTab .yeniEkle {
  position: absolute;
  right: 0;
  margin-left: 30px;
  margin-top: -70px;
}
.ContentTab .yeniEkle a {
  display: flex;
  align-items: center;
  color: #fff !important;
  height: 40px;
  padding: 0 15px 0 30px;
  color: #fff !important;
  background: #be1e2d !important;
  text-decoration: none;
}
.ContentTab .yeniEkle i {
  position: absolute;
  margin-left: -17px;
}
.ContentTab .istatistik {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  padding: 10px 15px;
  margin-bottom: 25px !important;
  transition: 0.5s;
  text-decoration: none !important;
}
.ContentTab .istatistik:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.ContentTab #from {
  margin-right: 10px;margin-left: -10px;
}
#musteriDetayContent {
  position: relative;
  display: block;
}
#musteriDetayContent .progress{
  margin-top: 50px;
  height: 1.5rem;
}
#musteriDetayContent .progress .text{
  position:absolute;
  margin-top: -20px;
  font-size:12px;
}
#musteriDetayContent .progress .text h6{
  font-size:12px;
  color: #3e3e3e;
}
#musteriDetayContent .progress .progress-bar{
  color:#3e3e3e;
}
#musteriDetayContent .progress .progress-bar.bg-info,
#musteriDetayContent .progress .progress-bar.bg-danger,
#musteriDetayContent .progress .progress-bar.bg-success,
#musteriDetayContent .progress .progress-bar.bg-warning{
  color:#fff;
}
#subeler a {
  text-decoration: none !important;
}
#subeler .item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 25px;
  height: 150px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #fff;
}
#subeler .item .button {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
}
#subeler .item .button .dropdown-toggle {
  background: #ffffff;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 22px;
  color: #b72c3c;
}
#subeler .item .button .dropdown-toggle:after {
  display: none;
}
#subeler .item .button .dropdown-menu {
  margin-left: -109px;
  padding: 12px 0;
  background: #ffffff;
  margin-top: -5px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
#subeler .item .top {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 20px !important;
  height: 120px;
  margin-top: 30px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background-image: linear-gradient(to right, #be1e2d, #60cbea);
}
#subeler .item .top h3 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
  padding-right: 10px;
  padding-bottom: 0px;
}
#subeler .item .top p {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.8;
  margin: 0;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
  padding-right: 10px;
}
#subeler .item .bottom {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background-image: linear-gradient(97deg, #eaeaea, #eaeaea);
}
#subeler .item .bottom .left {
  width: 100%;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  text-align: center;
  letter-spacing: -0.4px;
  color: #252525;
  text-transform: uppercase;
}
#subeler .item .bottom .right {
  position: absolute;
  right: 0;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #252525;
}
#musteriBilgileri ul {
  list-style: none;
  margin-top: 20px;
}
#musteriBilgileri ul li {
  border: 1px solid #eee;
  margin-top: 15px;
  padding: 12px 20px 0px 20px;
}
#musteriBilgileri ul li p {
  font-size: 15px;
  color: #656565;
}
#musteriBilgileri ul li p span {
  font-weight: 700;
  color: #656565;
  margin-right: 20px;
}
/*Modal Sube Yetkili*/
#subeEkle .dataTables_wrapper {
  position: relative;
  display: block;
  margin-top: 30px;
}
#subeEkle input {
  width: 100%;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #252525;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#subeEkle .no-footer thead {
  position: relative;
  background: #be1e2d;
}
#subeEkle tbody tr td {
  color: #252525;
}
#subeEkle table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
#subeEkle .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
#subeEkle table.dataTable thead .sorting {
  background-image: none;
}
#subeEkle .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
#subeEkle table.dataTable.no-footer {
  border-bottom: 0 !important;
  margin-bottom: 45px;
  margin-top: 45px;
}
#subeEkle .yeniEkle {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
#subeEkle .yeniEkle:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
#subeEkle .edit {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin-right: 15px;
}
#subeEkle .edit:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
#subeEkle .delete {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #612570 !important;
  border-color: #612570 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
#subeEkle .delete:hover {
  background: #fff !important;
  border-color: #612570 !important;
  color: #612570;
}

/*Modal Sube Son*/
.ContentTab .dataTables_wrapper {
  position: relative;
  display: block;
  margin-top: 30px;
}
.ContentTab .no-footer thead {
  position: relative;
  background: #0e4194;
}
.ContentTab tbody tr td {
  color: #252525;
}
.ContentTab table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
.ContentTab .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
.ContentTab table.dataTable thead .sorting {
  background-image: none;
}
.ContentTab .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
.ContentTab table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.ContentTab .dataTables_filter {
  margin-top: -20px;
  margin-bottom: 20px;
}
.ContentTab .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #d6cdcd;
  height: 38px;
  width: 240px;
  margin-top: 20px;
}
.ContentTab .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.ContentTab .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
.ContentTab .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.ContentTab .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
}
.ContentTab .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.ContentTab .dataTables_wrapper .dataTables_paginate {
  margin: 5px 0 25px 0;
}
.ContentTab .edit {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin-right: 15px;
}
.ContentTab .edit:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.ContentTab .remove {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #612570 !important;
  border-color: #612570 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.ContentTab .remove:hover {
  background: #fff !important;
  border-color: #612570 !important;
  color: #612570;
}
#bankaHesapBilgileri .dataTables_wrapper {
  position: relative;
  display: block;
  margin-top: 30px;
}

#musteriNotlari .item {
  position: relative;
  display: block;
  float: left;
  width: 23%;
  padding: 0;
  height: 170px;
  margin: 0 10px 20px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #fff;
  transition: 0.5s;
  transform: translate3d(0px, 0px, 0px);
}
#musteriNotlari .musteriNotlariArea {
  position: relative;
  margin-top: 30px;
}
#musteriNotlari .item .button {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
}
#musteriNotlari .item .button .dropdown-toggle {
  background: #ffffff;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 22px;
  color: #666;
}
#musteriNotlari .item .button .dropdown-toggle:after {
  display: none;
}
#musteriNotlari .item .button .dropdown-menu {
  margin-left: -109px;
  padding: 12px 0;
  background: #ffffff;
  margin-top: -5px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
#musteriNotlari .item .top {
  display: grid;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 25px !important;
  height: 138px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background-image: linear-gradient(to right, #f7f7f7, #ffffff);
}
#musteriNotlari .item .top .icerik {
  display: block;
  height: 55px;
  overflow: hidden;
  width: 100%;
  white-space: normal;
}
#musteriNotlari .item .top h3 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #666;
  padding-right: 10px;
}
#musteriNotlari .item .top p {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: left;
  color: #666;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
#musteriNotlari .item .bottom {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background-image: linear-gradient(97deg, #eaeaea, #eaeaea);
}
#musteriNotlari .item .bottom .left {
  float: left;
  width: auto;
  margin-top: 15px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #252525;
  text-transform: uppercase;
}
#musteriNotlari .item .bottom .right a {
  position: absolute;
  right: 0;
  margin-top: -10px;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #252525;
}
#teklifler .filter-area {
  margin-top: 30px;
  margin-bottom: 30px;
}
#teklifler .teklifItemArea {
  position: relative;
  display: block;
  width: 100%;
  height: 100% !important;
}
#teklifler .filter-area .select2-container {
  width: 70% !important;
}
#teklifler
.filter-area
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 35px;
}
#teklifler
.filter-area
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 6px;
  right: 1px;
  width: 20px;
}
#teklifler .filter-area label {
  margin-top: 6px;
}
#teklifler .filter-area input {
  margin-left: -30px !important;
}
#teklifler .item {
  position: relative;
  display: block;
  float: left;
  width: 23%;
  padding: 0;
  height: 170px;
  margin: 0 10px 20px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #fff;
  transition: 0.5s;
  transform: translate3d(0px, 0px, 0px);
}
#teklifler .item .button {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
  top: 60px;
}
#teklifler .item .button .dropdown-toggle {
  background: transparent;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 22px;
  color: #666;
}
#teklifler .item .button .dropdown-toggle:after {
  display: none;
}
#teklifler .item .button .dropdown-menu {
  margin-left: -109px;
  padding: 12px 0;
  background: #ffffff;
  margin-top: -5px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
#teklifler .item .top {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin-top: 0;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #eaeaea;
}
#teklifler .item .top h3 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
  padding-right: 10px;
}
#teklifler .item .top p {
  height: 5px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
  padding-right: 10px;
}
#teklifler .item .top .left {
  float: left;
  width: auto;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #666;
  text-transform: uppercase;
}
#teklifler .item .top .right {
  font-size: 13px;
  margin-right: 10px;
  padding-top: 5px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
}
#teklifler .item .center-approved {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 70%;
  margin-right: 10px;
  background: #d4edda;
}
#teklifler .item .center-approved p {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  text-align: left;
  color: #585858;
  text-transform: uppercase;
}

#teklifler .item .center-denied {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 70%;
  margin-right: 10px;
  background: #f8d7da;
}
#teklifler .item .center-denied p {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  text-align: left;
  color: #585858;
  text-transform: uppercase;
}
/* */
#teklifler .item .center-pending {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 70%;
  margin-right: 10px;
  background: #fff3cd;
}
#teklifler .item .center-pending p {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  text-align: left;
  color: #585858;
  text-transform: uppercase;
}
#teklifler .item .bottom {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #eaeaea;
}
#teklifler .item .bottom .left {
  float: left;
  width: auto;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #666;
  text-transform: uppercase;
}
#teklifler .item .bottom .right {
  position: absolute;
  right: 0;
  font-size: 13px;
  margin-right: 10px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
}
#isler .filter-area {
  margin-top: 30px;
}
#isler .filter-area label {
  margin-top: 6px;
}
#isler .filter-area input {
  margin-left: -30px !important;
}
#isler .filter-area .select2-container {
  width: 70% !important;
}
#isler
.filter-area
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 35px;
}
#isler
.filter-area
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 6px;
  right: 1px;
  width: 20px;
}
#isler .item {
  position: relative;
  display: block;
  float: left;
  width: 23%;
  padding: 0;
  height: 170px;
  margin: 0 10px 20px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #fff;
  transition: 0.5s;
  transform: translate3d(0px, 0px, 0px);
}
#isler .item .button {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
  top: 60px;
}
#isler .item .button .dropdown-toggle {
  background: transparent;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 22px;
  color: #666;
}
#isler .item .button .dropdown-toggle:after {
  display: none;
}
#isler .item .button .dropdown-menu {
  margin-left: -109px;
  padding: 12px 0;
  background: #ffffff;
  margin-top: -5px;
  border: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
#isler .item .top {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin-top: 0;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #eaeaea;
}
#isler .item .top h3 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
  padding-right: 10px;
}
#isler .item .top p {
  height: 5px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
  padding-right: 10px;
}
#isler .item .top .left {
  float: left;
  width: auto;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #666;
  text-transform: uppercase;
}
#isler .item .top .right {
  font-size: 13px;
  margin-right: 10px;
  padding-top: 5px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
}
#isler .item .center {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 70%;
  margin-right: 10px;
  background: #ffffff;
}
#isler .item .center p {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  text-align: left;
  color: #585858;
  text-transform: uppercase;
}
#isler .item .bottom {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #eaeaea;
}
#isler .item .bottom .left {
  float: left;
  width: auto;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #666;
  text-transform: uppercase;
}
#isler .item .bottom .right {
  position: absolute;
  right: 0;
  font-size: 13px;
  margin-right: 10px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: right;
  color: #666;
}
#hesapHareketleri .dateRange {
  position: relative;
  display: block;
  float: right;
  margin-top: 30px;
}
#hesapHareketleri .dateRange input {
  margin-left: 0.5em;
  border: 1px solid #d6cdcd;
  height: 38px;
  width: 240px;
  padding: 0 10px;
  margin-top: 20px;
  margin-right: 20px;
}
#hesapHareketleri .dataTables_wrapper {
  position: relative;
  display: block;
  margin-top: 30px;
}
#hesapHareketleri .dataTables_wrapper .dt-button {
  background: #be1e2d;
  color: #fff;
  border: 1px solid #be1e2d;
  outline: 0;
  transition: 0.5s;
}
#hesapHareketleri .dataTables_wrapper .dt-button:hover {
  background: #670c14;
  color: #fff;
  border: 1px solid #670c14;
  outline: 0;
  transition: 0.5s;
}
#hesapHareketleri .no-footer thead {
  position: relative;
  background: #be1e2d;
}
#hesapHareketleri tbody tr td {
  color: #252525;
}
#hesapHareketleri table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
#hesapHareketleri .no-footer thead tr th {
  color: #fff;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}

#hesapHareketleri table.dataTable thead .sorting {
  background-image: none;
}
#hesapHareketleri .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
#hesapHareketleri table.dataTable.no-footer {
  border-bottom: 0 !important;
}
#hesapHareketleri .dataTables_filter {
  margin-top: -20px;
  margin-bottom: 20px;
}
#hesapHareketleri .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #d6cdcd;
  height: 38px;
  width: 240px;
  margin-top: 20px;
}
#hesapHareketleri .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#hesapHareketleri .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
#hesapHareketleri .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
#hesapHareketleri .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
}
#hesapHareketleri .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
#hesapHareketleri .dataTables_wrapper .dataTables_paginate {
  margin: 5px 0 25px 0;
}
#hesapHareketleri table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.gelir {
  background-color: #d4edda !important;
}
#hesapHareketleri table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.gider {
  background-color: #f8d7da !important;
}
#hesapHareketleri .gelir {
  background-color: #d4edda !important;
}
#hesapHareketleri .gider {
  background-color: #f8d7da !important;
}
#hesapHareketleri .kasa {
  background-color: #cce5ff !important;
}
#dokumanlar ul {
  position: relative;
  display: block;
  background: #eaeaea;
  list-style: none;
  margin-top: 30px;
  padding: 20px 30px;
}
#dokumanlar ul li {
  padding: 15px 0;
  border-bottom: 1px solid #d4d2d2;
}
#dokumanlar ul li a {
  color: #252525;
}
.singleForm {
  position: relative;
  display: block;
  width: 95%;
  min-height: 300px;
  margin: 30px auto;
  background: #fff;
  padding: 55px 25px 35px 25px;
  color: #252525;
}
.singleForm .logo {
  position: relative;
  display: block;
}
.singleForm .logo img {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.singleForm .customerTitle {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0;
  margin-top: 50px;
  border-radius: 5px;
  background: #eaffd2 !important;
  margin-bottom: 20px;
}
.singleForm .customerTitle h1 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 26px;
  font-weight: 700;
  color: #768092;
}
.singleForm .customerTitle i {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 30px;
  font-weight: 400;
  margin-left: -10px;
  margin-top: -3px;
  color: #768092;
}
.singleForm .customerTitle p {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 15px;
  color: #768092;
}

.singleForm .title {
  position: relative;
  display: flex;
  align-items: center;
  height: 220px;
  background: #dbe9ff !important;
  padding: 20px 25px;
  border: 1px solid #cec4c4;
  color: #768092;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 40px;
}
.singleForm .title .left {
  position: relative;
  width: 50%;
}
.singleForm .title .right {
  position: relative;
  width: 50%;
}
.singleForm .title .right #stock_store_detail {
  position: absolute;
  background: #0e4194;
  color: #fff;
  text-decoration: none;
  padding: 8px 25px;
  right: 0;
}
.singleForm .icon {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 18px;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  line-height: 0;
  color: #fff;
  background: #259073;
  padding: 17px 5px 4px 5px;
}
.singleForm .icon p {
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  color: #fff! important;
}
.singleForm .uyari {
  color: #252525;
  font-style: italic;
  font-size: 14px;
  margin-top: 45px;
  margin-left: -35px;
  width: 70%;
}
.singleForm .form-group .form-control {
  position: relative;
  border-color: #8c8b8b !important;
}
.singleForm .form-group .form-control:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b;
}
.singleForm .input-group-text,.stepForm .input-group-text{
  position: relative;
  display: block;
  width: 50px;
  background: #ff5722;
  border: 1px solid #ff5722;
  color: #fff;
  line-height: 2.3;
  padding: 0;
  margin: 0;
}
.singleForm .input-group-text button, .stepForm .input-group-text button {
  background: transparent;
  border: 0;
  color: #fff;
  outline: 0;
  box-shadow: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.singleForm .form-group p {
  position: relative;
  color: #252525;
}
.singleForm .form-group label {
  color: #252525 !important;
  margin-top: 5px;
}
.singleForm .logoUpload {
  position: relative;
  display: flex;
  width: 200px;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-left: 15px;
  margin-top: -30px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  border: 1px solid #eee;
  background-color: #ffffff;
}
.singleForm .logoUpload #preview-container {
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}

.singleForm .logoUpload #upload-dialog {
  display: flex;
  padding: 5px;
  border: 1px solid #be1e2d;
  color: #fff;
  background: none;
  font-size: 14px;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  background-color: #be1e2d;
  margin: 0 auto;
}

.singleForm .logoUpload #image-file {
  display: none;
}

.singleForm .logoUpload #preview-image {
  display: none;
  width: 190px;
  border-radius: 2px;
  height: 190px;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 5px;
}

.singleForm .logoUpload #image-name {
  display: none;
  vertical-align: middle;
  color: #336699;
  margin: 0 -15px;
  opacity: 0;
}

.singleForm .logoUpload #upload-button {
  padding: 5px;
  border: 1px solid #336699;
  background-color: #336699;
  color: white;
  font-size: inherit;
  font-family: inherit;
  outline: none;
  display: none;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
}

.singleForm .logoUpload #cancel-image {
  display: none;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 4px;
  padding: 0px;
  border: none;
  color: #613f3f;
  background-color: white;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 10px;
  text-transform: uppercase;
  margin: 0 auto;
}

.singleForm .logoUpload #upload-dialog2 {
  display: flex;
  padding: 5px;
  border: 1px solid #be1e2d;
  color: #fff;
  background: none;
  font-size: 14px;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5);
  background-color: #be1e2d;
  margin: 0 auto;
}

.singleForm .logoUpload #image-file2 {
  display: none;
}

.singleForm .logoUpload #preview-image2 {
  display: none;
  width: 190px;
  border-radius: 2px;
  height: 190px;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 5px;
}

.singleForm .logoUpload #image-name2 {
  display: none;
  vertical-align: middle;
  color: #336699;
  margin: 0 -15px;
  opacity: 0;
}

.singleForm .logoUpload #upload-button2 {
  padding: 5px;
  border: 1px solid #336699;
  background-color: #336699;
  color: white;
  font-size: inherit;
  font-family: inherit;
  outline: none;
  display: none;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
}

.singleForm .logoUpload #cancel-image2 {
  display: none;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 4px;
  padding: 0px;
  border: none;
  color: #613f3f;
  background-color: white;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 10px;
  text-transform: uppercase;
  margin: 0 auto;
}

.singleForm .button {
  position: relative;
  display: flex;
  width: 60%;
  justify-content: center;
}
.singleForm .button button {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background: #47b0e4;
  border: 0;
  border-radius: 3px;
  padding: 5px 30px;
  border: 2px solid #47b0e4;
  transition: 0.5s;
  box-shadow: none !important;
  outline: 0 !important;
}
.singleForm .button button:hover {
  color: #47b0e4;
  background: #fff;
  border: 2px solid #47b0e4;
}

.singleForm tbody tr td {
  color: #252525;
  border: 1px solid #d0d0d0 !important;
}
.singleForm table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
}
.singleForm .no-footer thead tr th {
  color: #fff !important;
  left: 0;
  border-right: 1px solid #f9f9f9;
  text-align: left;
}
.singleForm table.dataTable thead .sorting {
  background-image: none;
}
.singleForm .no-footer thead tr th:after {
  position: relative;
  border-right: 5px solid #fff !important;
}
#stokDetay_wrapper .dataTables_length {
  margin-top: 8px;
  position: absolute;
  top: 0px;
  z-index: 2;
}
#stokDetay_filter {
  margin-top: 60px;
}
#stokDetay_wrapper .dt-button {
  margin-top: 70px;
  margin-bottom: 30px;
  position: relative;
  display: inline-flex;
  height: 100%;
  z-index: 2;
}

#stokDetay_wrapper .dt-button span {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 2;
}
.singleForm table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.singleForm .dataTables_filter {
  margin-top: -20px;
  margin-bottom: 20px;
}
.singleForm .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid #d6cdcd;
  height: 38px;
  width: 240px;
  margin-top: 20px;
}
.singleForm .paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.singleForm .paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  border-color: #27779e !important;
}
.paginate_button {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #858796 !important;
  background-color: #fff;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.paginate_button:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #0e4194 !important;
  border-color: #0e4194 !important;
}
.current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #be1e2d !important;
  background-image: none !important;
  border-color: #be1e2d !important;
}
.paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate {
  margin: 30px 0 25px 0;
}
.listTable .selected {
  background: #cceeff !important;
}
.singleForm .current {
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 10px;
  line-height: 1.25;
  color: #fff !important;
  background-color: #47b0e4 !important;
  background-image: none !important;
  border-color: #47b0e4 !important;
  border: 1px solid #a3afb7 !important;
  transition: 0.5s !important;
}
.singleForm .current:hover {
  z-index: 2;
  color: #fff !important;
  text-decoration: none;
  background-color: #27779e !important;
  background-image: none !important;
  border-color: #27779e !important;
}
.singleForm .paginate_button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.singleForm .dataTables_wrapper .dataTables_paginate {
  margin: 30px 0 25px 0;
}
.singleForm .edit {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #30e3ca !important;
  border-color: #30e3ca !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
  margin-right: 15px;
}
.singleForm .edit:hover {
  background: #fff !important;
  border-color: #30e3ca !important;
  color: #30e3ca;
}
.singleForm .remove {
  font-size: 12px;
  color: #fff;
  padding: 5px 12px;
  border-radius: 5px;
  background: #612570 !important;
  border-color: #612570 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 0;
  transition: 0.5s;
  border: 1px solid;
}
.singleForm .remove:hover {
  background: #fff !important;
  border-color: #612570 !important;
  color: #612570;
}
.singleForm .checkboxScroll {
  position: relative;
  display: block;
  height: 150px;
  border: 1px solid #eee;
  background: #f7e4e4 !important;
  overflow-y: scroll;
  overflow-x: hidden;
}
.singleForm .checkboxScrollPermission {
  position: relative;
  display: block;
  height: auto;
  max-height: 300px;
  border: 1px solid #eee;
  background: #f7e4e4 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 50px;
  border-radius: 9px;
  padding-top: 10px;
  border-bottom: 1px solid #3e3e3e;
}

.singleForm .CustomCheck {
  width: 10%;
  display: block;
  position: relative;
  padding-left: 23px;
  padding-top: 2px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.singleForm .CustomCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.singleForm .CustomCheck .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 15%;
}
.singleForm .CustomCheck :hover input ~ .checkmark {
  background-color: #ccc;
}
.singleForm .CustomCheck input:checked ~ .checkmark {
  background-color: #be1e2d;
}
.singleForm .CustomCheck .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.singleForm .CustomCheck input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -3px;
  right: 3px;
  font-size: 14px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.singleForm .selection {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #aaaaaa;
}
.singleForm .selection .select2-selection--single {
  position: relative;
  border-color: #8c8b8b !important;
}
.singleForm .selection .select2-selection--single:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b !important;
}
.singleForm .selection .select2-selection--single span {
  color: #8c8b8b;
}
.singleForm .pass-hide {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 25px;
  top: -5px;
}
.singleForm .pass-hide .show-pass {
  display: block;
  cursor: pointer;
}
.singleForm .pass-hide .show-pass i {
  position: absolute;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #c7c7c7;
  margin-top: 14px;
  margin-left: 0px;
}
.singleForm .pass-hide .show-pass #create_random_password {
  margin-left: -30px;
}
.singleForm .yeni {
  position: relative;
  background: #d83746;
  color: #fff;
  border: 1px solid #d83746;
  border-radius: 3px;
  margin-bottom: 25px !important;
  transition: 0.5s;
}
.singleForm .yeni:hover {
  position: relative;
  background: #fff !important;
  color: #d83746;
  border: 1px solid #d83746 !important;
}
.singleForm .yeni.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.singleForm .yeni:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #999;
  border: 1px solid #d0d0d0;
}
.singleForm .duzenle {
  position: relative;
  background-color: #53d397;
  background-image: none;
  color: #fff;
  border: 1px solid #53d397;
  border-radius: 3px;
  transition: 0.5s;
}
.singleForm .duzenle.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.singleForm .duzenle:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #53d397;
  border: 1px solid #53d397;
}
.singleForm .sil {
  position: relative;
  background-color: #be1e2d;
  background-image: none;
  color: #fff;
  border: 1px solid #be1e2d;
  border-radius: 3px;
  transition: 0.5s;
}
.singleForm .sil.disabled:hover {
  position: relative;
  background: #fff;
  color: #999;
  border: 1px solid #d0d0d0;
}
.singleForm .sil:hover:not(.disabled) {
  position: relative;
  background-color: #fff;
  background-image: none;
  color: #be1e2d;
  border: 1px solid #be1e2d;
}

.singleForm .notificationPageList {
  position: relative;
  display: block;
  padding: 20px 30px;
  margin: 0 auto;
  width: 100%;
  height: auto;
  background: #efefef;
  transition: 0.5s;
}
.singleForm .notificationPageList .title {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  background: #0e4194 !important;
  height: auto;
  padding: 0;
}
.singleForm .notificationPageList .title h6 {
  padding: 20px 15px 10px 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.singleForm .notificationPageList .mainItem {
  position: relative;
  float: right;
  padding: 8px 10px;
  margin-top: 0;
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d9e3eb;
  background: #ffffff;
  transition: 0.5s;
  cursor: pointer;
}
.singleForm .notificationPageList .mainItem.unread {
  background: #d9f2ff!important;
}
.singleForm .notificationPageList .mainItem.unread:hover {
  border-bottom: 1px solid #d9e3eb;
  background: #fff!important;
}
.singleForm .notificationPageList .mainItem:hover {
  border-bottom: 1px solid #d9e3eb;
  background: #fff;
}
.singleForm .notificationPageList .mainItem .left {
  position: relative;
  display: block;
  float: left;
  width: 95%;
}
.singleForm .notificationPageList .mainItem .left .icon {
  position: relative;
  display: flex;
  align-items: center;
  float: left;
  height: 45px;
  width: 35px;
  font-size: 25px;
  padding: 0!important;
  background: transparent;
  border-radius: 0;
  margin: -10px -10px 0 15px;
}
.singleForm .notificationPageList .mainItem .left a {
  position: relative;
  padding: 0;
  text-decoration: none !important;
  color: #858796 !important;
}
.singleForm .notificationPageList .mainItem .left i {
  color: #858796 !important;
}

.singleForm .notificationPageList .mainItem .right {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 5%;
  height: 100%;
}
.singleForm .notificationPageList .mainItem .message p {
  color: #858796;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0 0 0;
  padding: 0;
}
.singleForm .notificationPageList .mainItem .date {
  position: relative;
  float: right;
  right: -30px;
  bottom: 0;
  color: #858796;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.singleForm .notificationPageList .mainItem .readButton {
  position: relative;
  display: block;
  margin-top: 22px;
  margin-right: -18px;
  height: 100%;
  z-index: 9999;
}
.singleForm .notificationPageList .mainItem .right .readButton button {
  display: none;
  color: #858796 !important;
  padding: 0;
  transition: 0.5s;
  z-index: 9999;
  background: transparent;
  border: 0;
}
.singleForm .notificationPageList .mainItem:hover .readButton button {
  display: block;
  font-size: 15px;
  color: #858796 !important;
  padding: 0;
  transition: 0.5s;
}

.singleForm .notificationPageList .mainItem .removeButton {
  position: relative;
  display: block;
  margin-top: -3px;
  height: 100%;
  z-index: 9999;
}
.singleForm .notificationPageList .mainItem .right .removeButton button {
  display: none;
  color: #858796 !important;
  padding: 0;
  transition: 0.5s;
  z-index: 9999;
  background: transparent;
  border: 0;
}
.singleForm .notificationPageList .mainItem:hover .removeButton button {
  display: block;
  font-size: 18px;
  color: #858796 !important;
  padding: 0;
  transition: 0.5s;
}
.singleForm .notificationPageList .readButton a:hover {
  background: transparent !important;
}
.singleForm .createCode {
  font-size: 11px;
  display:block;
  float:left;
  width: 100%;
  padding: 10px 12px;
  background: #ff9800;
  border: 1px solid #ff9800;
  color: #fff!important;
  margin-left: -10px;
  margin-right: 4px;
  cursor: pointer;
  transition: .5s;
}
.singleForm .createCode:hover {
  color:#ff9800!important;
  background:#fff;
}
.singleForm .checkCode {
  font-size: 11px;
  display:block;
  float:left;
  width: 100%;
  padding: 10px 12px;
  background: #8bc34a;
  border: 1px solid #8bc34a;
  color: #fff!important;
  cursor: pointer;
  transition: .5s;
}
.singleForm .checkCode:hover {
  color:#8bc34a!important;
  background:#fff;
}
.teklifDetay {
  position: relative;
  display: block;
  width: 95%;
  min-height: 500px;
  margin: 30px auto 30px auto;
  background: #fff;
  color: #252525;
  padding: 20px 25px;
}
.teklifDetay .stepForm {
  position: relative;
  display: block;
  width: 100%;
  min-height: 500px;
  background: #fff;
  color: #252525;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 0;
}
.teklifDetay .baslik {
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  padding-left: 30px;
  background: #f7e4e4 !important;
  margin-top: 0px;
  margin-bottom: 45px;
}
.teklifDetay .left {
  float: left;
}
.teklifDetay .left h2 {
  position: relative;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #768092;
}
.teklifDetay .right {
  float: right;
}
.teklifDetay .right a {
  position: relative;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  margin-right: 20px;
  font-weight: 700;
  color: #768092;
  text-decoration: none !important;
  transition: 0.5s;
}
.teklifDetay .right a:hover {
  color: #be1e2d;
}
.teklifDetay .right i {
  position: relative;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  margin-right: 5px;
  font-weight: 700;
}
.teklifDetay ul {
  list-style: none;
  margin-top: 20px;
}
.teklifDetay ul li {
  border: 1px solid #eee;
  margin-top: 15px;
  padding: 12px 20px 0px 20px;
}
.teklifDetay ul li p {
  font-size: 15px;
  color: #656565;
}
.teklifDetay ul li p span {
  font-weight: 400;
  color: #656565;
  margin-right: 20px;
}
.teklifDetay .uploadGallery {
  position: relative;
  display: block;
  margin-top: 20px;
}
.teklifDetay .uploadGallery .title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background: #eaeaea !important;
  margin-bottom: 35px;
}
.teklifDetay .uploadGallery .title h3 {
  position: relative;
  display: block;
  color: #768092;
  margin: 0;
}
.teklifDetay .uploadGallery .image .item {
  position: relative;
  display: block;
  margin-bottom: 25px;
}
.teklifDetay .uploadGallery .image .item .small {
  max-width: 100%;
}
.teklifDetay .uploadGallery .file {
  position: relative;
  display: block;
  margin-top: 30px;
}
.teklifDetay .uploadGallery .file a {
  text-decoration: none !important;
}
.teklifDetay .uploadGallery .file .item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 25px;
  height: 140px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #f6f6f6;
}
.teklifDetay .uploadGallery .file .item .icon {
  position: relative;
  display: flex;
  justify-content: center;
  color: #252525;
  font-size: 60px;
  padding-top: 30px;
}
.teklifDetay .uploadGallery .file .item .file-text {
  position: relative;
  display: flex;
  justify-content: center;
}
.teklifDetay .uploadGallery .file .item .file-text p {
  color: #252525;
  padding: 10px 0;
  font-size: 15px;
  font-style: italic;
}
.teklifDetay .actionButtons {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 50px;
}
.teklifDetay .actionButtons .is-emri-olustur {
  position: relative;
  display: block;
}
.teklifDetay .actionButtons .is-emri-olustur button {
  position: relative;
  display: block;
  outline: 0;
  border: 0;
  box-shadow: none !important;
  background: #17b7a1 !important;
  color: #fff;
  padding: 10px 25px;
  margin-right: 25px;
  text-decoration: none !important;
  transition: 0.5s;
}
.teklifDetay .actionButtons .is-emri-olustur button:hover {
  margin-top: -10px;
}
.teklifDetay .actionButtons .iptal-et {
  position: relative;
  display: block;
}
.teklifDetay .actionButtons .iptal-et button {
  position: relative;
  display: block;
  border: 0;
  outline: 0;
  box-shadow: none !important;
  background: #612570 !important;
  color: #fff;
  padding: 10px 25px;
  margin-right: 25px;
  text-decoration: none !important;
  transition: 0.5s;
}
.teklifDetay .actionButtons .iptal-et button:hover {
  margin-top: -10px;
}
.teklifDetay .actionButtons .is-emrine-bagla {
  position: relative;
  display: block;
}
.teklifDetay .actionButtons .is-emrine-bagla a {
  position: relative;
  display: block;
  border: 0;
  outline: 0;
  box-shadow: none !important;
  background: #d04500 !important;
  color: #fff;
  padding: 10px 25px;
  text-decoration: none !important;
  transition: 0.5s;
}
.teklifDetay .actionButtons .is-emrine-bagla a:hover {
  margin-top: -10px;
}
.teklifDetay .card-header {
  position: relative;
  display: block;
  width: 100%;
  min-height: 45px;
  height: auto;
  padding-left: 30px;
  background: #f7e4e4 !important;
  margin-top: 0;
  margin-bottom: 10px !important;
  padding: 0;
}
.teklifDetay .card:last-child .card-header {
  margin-bottom: 0 !important;
}
.teklifDetay .card-header button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 45px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #768092;
  text-decoration: none !important;
}
.teklifDetay .faturaBaslik {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100px;
  height: auto;
  padding-left: 30px;
  background: #f7e4e4 !important;
  margin-top: 15px;
  margin-bottom: 45px;
}
.teklifDetay .faturaBaslik h2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 26px;
  font-weight: 700;
  color: #768092;
}
.teklifDetay .faturaBaslik i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 400;
  color: #768092;
  margin-top: -3px;
  margin-right: 10px;
}
.teklifDetay .faturaBaslik p {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #768092;
}
.teklifDetay .no-footer thead {
  position: relative;
  background: #be1e2d;
}
.teklifDetay table.dataTable.no-footer {
  border: 0;
}
#yetkiliKisiler .modal-dialog label {
  color: #252525;
  margin-top: 5px;
}
.modal .icon {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 18px;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  line-height: 0;
  color: #fff;
  background: #259073;
  padding: 17px 5px 4px 5px;
  height: 100%;
}
.modal .icon p {
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  color: #fff;
}
.modal-dialog .historyArea {
  position:relative;
  display:flex;
  flex-direction: column;
  width: 100%;
  height: 250px;
  overflow-y: auto;
  margin-bottom: 30px;
  border: 1px solid #8c8b8b;
}
.modal-dialog .historyArea .card{
  width:100%;
}
.modal-dialog .note-editor.note-frame {
  margin-bottom:40px;
}
.modal-dialog .modal-title {
  color: #252525;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(to top, #0e4194, #313131);
}
.modal-dialog input {
  border-color: #8c8b8b;
}
.modal-dialog textarea {
  border-color: #8c8b8b !important;
  resize:none;
  box-shadow:none!important;
  outline:0;
}
.modal-dialog .btn-primary {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  color: #fff;
  background-color: #53d397 !important;
  border-color: #53d397 !important;
  transition: 0.5s;
}
.modal-dialog .btn-primary:hover {
  color: #53d397 !important;
  background-color: #fff!important;
}
.modal-dialog .btn-primary:focus {
  color: #fff;
  background-color: #47b0e4;
  border-color: #47b0e4;
  box-shadow: none;
}
.modal-dialog .createCode {
  font-size: 11px;
  display:block;
  float:left;
  width: auto;
  padding: 10px 12px;
  background: #ff9800;
  border: 1px solid #ff9800;
  color: #fff!important;
  margin-left: -10px;
  margin-right: 4px;
  cursor: pointer;
  transition: .5s;
}
.modal-dialog .createCode:hover {
  color:#ff9800!important;
  background:#fff;
}
.modal-dialog .spinnerCenter {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  height:500px;
}

.modal-dialog .selection {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #aaaaaa;
}
.modal-dialog .selection .select2-selection--single {
  position: relative;
  border-color: #8c8b8b !important;
}
.modal-dialog .selection .select2-selection--single:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b !important;
}
.modal-dialog div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  display: none;
}
.modal-dialog .select2-container {
  width: 100%!important;
}
.modal-dialog input:focus {
  position: relative;
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #8c8b8b !important;
}
.modal-dialog a {
  position: relative;
}
.modal-dialog a i {
  font-size: 40px;
  color: #252525;
}
.feedback {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 2;
}
.feedback a{
  background: #ff5722;
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff!important;
  text-decoration: none!important;
}
footer {
  background: #ffffff;
  padding: 1rem 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
footer p {
  font-size: 14px;
  text-align: center;
  margin: 0;
  color: #252525;
}

.teklif-pdf a {
  text-decoration: none !important;
}
.teklif-pdf .item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 !important;
  margin-bottom: 25px;
  height: 140px;
  border-radius: 8px;
  box-shadow: 0 2px 9px 0 rgba(224, 224, 224, 0.5);
  background: #f6f6f6;
}
.teklif-pdf .item .icon {
  position: relative;
  display: flex;
  justify-content: center;
  color: #252525;
  font-size: 60px;
  padding-top: 30px;
}
.teklif-pdf.item .file-text {
  position: relative;
  display: flex;
  justify-content: center;
}
.teklif-pdf .item .file-text p {
  color: #252525;
  padding: 10px 0;
  font-size: 15px;
  font-style: italic;
  text-align: center;
}
.stepForm .tab .customCheckbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stepForm .tab .customCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.stepForm .tab .customCheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}

.stepForm .tab .customCheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.stepForm .tab .customCheckbox input:checked ~ .checkmark {
  background-color: #0e4194;
}
.stepForm .tab .customCheckbox .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.stepForm .tab .customCheckbox input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}

a.save-next {
  text-decoration: none !important;
}
.save-next {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background: #0f187f !important;
  margin-top: 22px;
  border: 0;
  border-radius: 3px;
  padding: 5px 30px;
  border: 2px solid #0f187f !important;
  transition: 0.5s;
  box-shadow: none !important;
  outline: 0 !important;
}
.save-next:hover {
  color: #0f187f;
  background: #ffffff !important;
  border: 2px solid #0f187f;
}
#errorPage .lock {
  width: 100%;
  height: 400px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#errorPage .lock i {
  font-family: Material-Design-Iconic-Font;
  font-size: 65px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #7f7878;
  position: absolute;
  margin-top: -90px;
}
#errorPage .lock p {
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #7f7878;
}
#dropZone {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px dashed #0e4194;
  height: 284px;
  margin-top: 50px;
  background-color: #d3e3fe;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  color: #3e3e3e;
}
#helpForm #dropZone {
  height: 392px;
}
#helpForm .btn-success{
  background: #53d397 !important;
  border: 1px solid #53d397 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition:.5s;
  margin-bottom: 20px;
}
#helpForm .btn-success:hover{
  background: #fff !important;
  color: #53d397 !important;
}
/* UPLOAD MODULE */
.search-bar {
  position: relative;
  display: block;
  padding: 20px 0 0 0;
  margin-bottom: 20px;
  background: #eaeaea;
  border: 1px solid #cecaca;
  border-radius: 10px;
}
.search-bar .path {
  position: relative;
  display: block;
  margin-top: 5px;
}
.search-bar .path ul {
  position: relative;
  display: inline-block;
}
.search-bar .path ul li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
}
.search-bar .path ul li:first-child {
  margin-left: 0px !important;
}
.search-bar .path ul li:after {
  content: ">";
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.search-bar .path ul li:last-child:after {
  display: none;
}
.search-bar .path ul li a {
  color: #252525;
  font-weight: 600;
  text-decoration: none !important;
  transition: 0.5s;
}
.search-bar .path ul li a:hover {
  color: #be1e2d;
  text-decoration: none !important;
}
.search-bar .search-icon {
  position: absolute;
  display: block;
  z-index: 2;
  font-size: 24px;
  margin-left: -20px;
  color: #8c8b8b;
}
.search-bar .form-group .form-control {
  padding-left: 35px;
  border-color: #d2d2d2 !important;
}
.upload-area {
  position: relative;
  display: block;
  height: 500px;
  margin-bottom: 40px;
  overflow-y: scroll;
}
.upload-area a {
  text-decoration: none !important;
}
.upload-area .item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 150px;
  height: 150px;
  margin-bottom: 18px;
  margin-right: 15px;
  background: #eaeaea;
  border: 1px solid #cecaca;
  border-radius: 10px;
  color: #252525;
}
.upload-area .check {
  position: absolute;
  left: 8px;
  top: 5px;
}
.upload-area .check input {
  width: 15px;
  height: 15px;
}

.upload-area .check {
  display: inline-block;
  position: absolute;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
}
.upload-area .check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.upload-area .check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border-radius: 5px;
  transition: 0.5s;
}
.upload-area .check:hover input ~ .checkmark {
  background-color: #be1e2d59;
}
.upload-area .check input:checked ~ .checkmark {
  background-color: #be1e2d;
}
.upload-area .check .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.upload-area .check input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -5px;
  right: 4px;
  font-size: 24px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.upload-area .icon {
  position: relative;
  display: block;
  width: 100%;
  color: #be1e2d;
  margin-top: 40px;
}
.upload-area .icon img {
  width: 100%;
  height: 65px;
}
.upload-area .name {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -10px;
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
}
.bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.buttons {
  position: relative;
  display: block;
}
.buttons .notSelect a {
  font-size: 16px;
  text-align: center;
  background: #be1e2d;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff !important;
  cursor: pointer;
  margin-left: 5px;
}
.buttons .buttonSelected a {
  font-size: 16px;
  text-align: center;
  background: #be1e2d;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff !important;
  cursor: pointer;
  margin-left: 5px;
}
.buttons .buttonSelected #info {
  background: #7fa7d2;
}
.buttons .buttonSelected #rename {
  background: #9795cf;
}
.buttons .buttonSelected #auth {
  background: #4e61f5;
}
.buttons .buttonSelected #move {
  background: #0c907d;
}
.buttonSelected #delete {
  background: #ef5a5a;
}
.modalForm .form-group {
  padding: 0 20px;
  margin-top: 20px;
}
.columnHide {
  display: none !important;
}
#taskActionModal .form-group label {
  position: relative;
  margin: 5px 15px;
}
#taskActionModal .form-group textarea {
  position: relative;
  resize: none;
  border-color: #8c8b8b !important;
  outline: 0!important;
  box-shadow: none!important;
  margin: 0 15px;
}
.customersActionArea {
  position:relative;
  display: block;
}
.customersActionArea .bg {
  position:relative;
  display: block;
  width: 100%;
  height: 350px;
  background: url(../images/customer-action-bg.svg) no-repeat;
  background-position: center;
  margin-bottom: 40px;
}
.customersActionArea .button-group {
  position:relative;
  display:flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 25px;
}
.customersActionArea .button-group button{
  color:#fff!important;
  padding: 10px 15px;
  font-size: 14px;
}
.customersActionArea #customerAddContinue {
  position:relative;
  display:flex;
  background: #470680!important;
  border: 1px solid #470680!important;
  transition:.5s;
}
.customersActionArea #customerAddContinue:hover {
  background: #fff!important;
  color: #470680 !important;
}
.customersActionArea #goToCreateDefection {
  position:relative;
  display:flex;
  background: #2157a5d1!important;
  border: 1px solid #2157a5d1!important;
  transition:.5s;
}
.customersActionArea #goToCreateDefection:hover {
  background:#fff!important;
  color: #2157a5d1 !important;
}
.customersActionArea #goToCustomerList {
  position:relative;
  display:flex;
  background: #0e4194!important;
  border: 1px solid #0e4194!important;
  transition:.5s;
}
.customersActionArea #goToCustomerList:hover {
  background: #fff!important;
  color:#0e4194 !important;
}
.customersActionArea button i {
  font-size:20px;
  margin-right:5px;
}
.defectionActionArea {
  position:relative;
  display: block;
}
.defectionActionArea .bg {
  position:relative;
  display: block;
  width: 100%;
  height: 350px;
  background: url(../images/customer-action-bg.svg) no-repeat;
  background-position: center;
  margin-bottom: 40px;
}
.defectionActionArea .button-group {
  position:relative;
  display:flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 25px;
}
.defectionActionArea .button-group button{
  color:#fff!important;
  padding: 10px 10px;
  font-size: 13px;
  margin: 15px 10px;
}
.defectionActionArea #defectionAddContinue {
  position:relative;
  display:flex;
  background: #470680!important;
  border: 1px solid #470680!important;
  transition:.5s;
}
.defectionActionArea #defectionAddContinue:hover {
  background: #fff!important;
  color: #470680 !important;
}
.defectionActionArea #goToWaitingDefection {
  position:relative;
  display:flex;
  background: #2157a5d1!important;
  border: 1px solid #2157a5d1!important;
  transition:.5s;
}
.defectionActionArea #goToWaitingDefection:hover {
  background:#fff!important;
  color: #2157a5d1 !important;
}
.defectionActionArea #goToProcessingDefection {
  position:relative;
  display:flex;
  background: #0e4194!important;
  border: 1px solid #0e4194!important;
  transition:.5s;
}
.defectionActionArea #goToProcessingDefection:hover {
  background: #fff!important;
  color:#0e4194 !important;
}
.defectionActionArea #goToPendingDefection {
  position:relative;
  display:flex;
  background: #2157a5d1!important;
  border: 1px solid #2157a5d1!important;
  transition:.5s;
}
.defectionActionArea #goToPendingDefection:hover {
  background:#fff!important;
  color: #2157a5d1 !important;
}
.defectionActionArea #goToClosedDefection {
  position:relative;
  display:flex;
  background: #0e4194!important;
  border: 1px solid #0e4194!important;
  transition:.5s;
}
.defectionActionArea #goToClosedDefection:hover {
  background: #fff!important;
  color:#0e4194 !important;
}
.defectionActionArea button i {
  font-size:20px;
  margin-right:5px;
}
.usersActionArea {
  position:relative;
  display: block;
}
.usersActionArea .bg {
  position:relative;
  display: block;
  width: 100%;
  height: 350px;
  background: url(../images/customer-action-bg.svg) no-repeat;
  background-position: center;
  margin-bottom: 40px;
}
.usersActionArea .button-group {
  position:relative;
  display:flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 25px;
}
.usersActionArea .button-group button{
  color:#fff!important;
  padding: 10px 15px;
  font-size: 14px;
}
.usersActionArea #userAddContinue {
  position:relative;
  display:flex;
  background: #470680!important;
  border: 1px solid #470680!important;
  transition:.5s;
}
.usersActionArea #userAddContinue:hover {
  background: #fff!important;
  color: #470680 !important;
}
.usersActionArea #goToUsers {
  position:relative;
  display:flex;
  background: #2157a5d1!important;
  border: 1px solid #2157a5d1!important;
  transition:.5s;
}
.usersActionArea #goToUsers:hover {
  background:#fff!important;
  color: #2157a5d1 !important;
}
.usersActionArea button i {
  font-size:20px;
  margin-right:5px;
}
#islemdekiArizalarModal .cagriKapatma {
  position: relative;
  display: block;
  width: 70%;
  margin: 0 auto;
}
#islemdekiArizalarModal .cagriKapatma .sagYasla {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
#islemdekiArizalarModal .cagriKapatma #yeniUrunEkle {
  position: relative;
  width: 20%;
  margin-bottom: 0px;
  background: #0e4194;
  color: #fff;
  text-decoration: none !important;
  padding: 8px 10px 8px 30px;
  border-radius: 5px;
}
#islemdekiArizalarModal .cagriKapatma #yeniUrunEkle i {
  position: absolute;
  left: 8px;
  top: 11px;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi {
  position: relative;
  display: -webkit-box;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 15px;
  border-bottom: 2px solid #e6e6e6;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi #delete {
  position: relative;
  display: block;
  color: #455d7a !important;
  font-size: 30px;
  margin-top: 38px;
  margin-left: 5px;
  text-decoration: none !important;
  transition: 0.5s;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi #delete:hover {
  color: #f85959 !important;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi #delete i {
  margin-right: 5px;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi .secilenUrun {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  word-wrap: break-word;
  margin-top: 8px;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi .secilenUrun input {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 500;
  word-wrap: break-word;
  margin-top: 39px;
  height: 40px !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 20px;
  padding-top: 4px;
  font-size: 14px;
  outline: 0 !important;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek label {
  position: relative;
  display: block;
  float: left;
  margin-right: 32px;
  margin-top: 8px;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek input {
  position: relative;
  display: block;
  width: 104% !important;
  height: 40px !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 20px;
  font-size: 14px;
  outline: 0 !important;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek .quantity {
  position: relative;
}

#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
input[type="number"]::-webkit-inner-spin-button,
#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
input[type="number"] {
  -moz-appearance: textfield;
}

#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek .quantity input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
}

#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
.quantity
input:focus {
  outline: 0;
}

#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek .quantity-nav {
  position: relative;
  width: 100%;
  height: 42px;
}

#islemdekiArizalarModal .cagriKapatma .urunSayi .sayiSecenek .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 35px;
  text-align: center;
  color: #858796;
  font-size: 26px;
  line-height: 1.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
.quantity-button.quantity-up {
  position: absolute;
  right: 0px;
  height: 40px;
  top: 40px;
  border-bottom: 1px solid #eee;
}

#islemdekiArizalarModal
.cagriKapatma
.urunSayi
.sayiSecenek
.quantity-button.quantity-down {
  position: absolute;
  left: -1px;
  top: 40px;
  height: 40px;
  border-right: 1px solid #eee;
  border-left: 0;
  padding-left: 5px;
}
#islemdekiArizalarModal .cagriKapatma label {
  position: relative;
  display: block;
  margin-top: 8px;
}

#islemdekiArizalarModal .cagriKapatma input[type="text"] {
  position: relative;
  display: block;
  width: 100% !important;
  height: 40px !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 20px;
  font-size: 14px;
}
#islemdekiArizalarModal .cagriKapatma textarea {
  position: relative;
  display: block;
  width: 100% !important;
  margin-bottom: 25px;
  border-radius: 5px !important;
  box-shadow: 0 14px 30px 0 rgba(12, 38, 58, 0.15) !important;
  border: 1px solid #e6e6e6;
  padding-left: 20px;
  resize: none;
  font-size: 14px;
  border-color: #e6e6e6 !important;
}
#islemdekiArizalarModal .cagriKapatma .cagriSonlandir {
  background: #53d397 !important;
  border-color: #53d397 !important;
  outline: 0 !important;
  box-shadow: none !important;
  margin-right: 20px;
  float: left;
}
#islemdekiArizalarModal .cagriKapatma .kapat {
  background: #f95959 !important;
  border-color: #f95959 !important;
  outline: 0 !important;
  box-shadow: none !important;
  margin-right: 20px;
  float: left;
}
#islemdekiArizalarModal .cagriKapatma .urunSayi #delete {
  margin-left: -5px;
}
#fileModal .fileObj {
  position: relative;
  display: block;
  width: 100%;
  height: 280px;
  top: 0;
  right: 0;
  z-index: 3;
}
#fileModal .fileObj .remove_file {
  position: absolute;
  opacity: 0.5;
  top: 0;
  right: 15px;
  z-index: 3;
  background: #be1e2d;
  color: #fff !important;
  padding: 2px 7px;
  font-size: 20px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.5s;
  cursor: pointer;
}
#fileModal .fileObj .remove_file:hover {
  opacity: 1;
}
#fileModal .fileObj .text {
  position: relative;
}
#fileModal .fileObj .text p {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#fileModal .fileObj .text .form-control {
  position: relative;
  border-color: #8c8b8b !important;
  outline: 0 !important;
  box-shadow: none !important;
}
#uploadedFileModal .fileObj {
  position: relative;
  display: block;
  width: 100%;
  height: 230px;
  top: 0;
  right: 0;
  z-index: 3;
}
#uploadedFileModal .smallPhoto {
  width: 100%;
  height: 160px;
  margin-bottom: 5px;
  border-radius: 5px;
  object-fit: cover;
  margin-right: 20px;
}
#uploadedFileModal .fileObj .remove_file {
  position: absolute;
  opacity: 0.5;
  top: 0;
  right: 15px;
  z-index: 3;
  background: #be1e2d;
  color: #fff !important;
  padding: 2px 7px;
  font-size: 20px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.5s;
  cursor: pointer;
}
#uploadedFileModal .fileObj .remove_file:hover {
  opacity: 1;
}
#uploadedFileModal .fileObj .text {
  position: relative;
}
#uploadedFileModal .fileObj .text p {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#uploadedFileModal .fileObj .text .form-control {
  position: relative;
  border-color: #8c8b8b !important;
  outline: 0 !important;
  box-shadow: none !important;
}
#uploadedFileModal .empty {
  position: relative;
  display: block;
  width: 100%;
  padding: 50px 15px;
}
#uploadedFileModal .empty i {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 45px;
  color: #be1e2d;
  margin-top: -3px;
  margin-right: 20px;
}
#uploadedFileModal .empty h6 {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
  color: #252525;
  text-align: center;
}
#total_table {
  display: table;
  clear : both;
  table-layout : fixed;
  width : 100%;
  height: auto;
  border-collapse: collapse;
}
#total_table .item{
  position: relative;
  display: table-row;
  border: 1px solid #eee;
  border-collapse: collapse;
  empty-cells: show;
  box-sizing: border-box;
}
#total_table .item .title a{
  text-decoration: none;
  color: #768092;
}
#total_table .item .title i{
  font-size:14px;
  color: #768092;
}
#total_table .item .title{
  position: relative;
  display: table-cell;
  width: 40%;
  background: transparent!important;
  height: auto;
  border: 0;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 25px;
}
#total_table .item .input{
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: auto;
  padding-right: 15px;
}
#total_table .item .select-input .select2-container {
  width:20%!important;
  float:left;
  margin-right: 6px;
}
#total_table .item .select-input input {
  width: 77%;
}
#total_table .item .input .form-control{
  position: relative;
  display:flex;
  height:100%;
}
.currency_class {
  display:inline!important;
  width:49%!important;
}
#barcodeReadModal #read_barcode_main_div{
  text-align: center;
  border: 3px dashed #0e4194;
  border-radius: 10px;
  padding: 120px 100px;
  color: #768092;
}
#files .fileObj {
  position: relative;
  display: block;
  width: 100%;
  height: 230px;
  top: 0;
  right: 0;
  z-index: 1;
  margin-bottom: 50px;
}
#files .fileObj .remove_file {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 15px;
  z-index: 3;
  background: #be1e2d;
  color: #fff !important;
  padding: 2px 7px;
  font-size: 20px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.5s;
  cursor: pointer;
}
#files .fileObj .remove_file:hover {
  opacity: 1;
}
#files .fileObj .text {
  position: relative;
}
#files .fileObj .text p {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#files .fileObj .text .form-control {
  position: relative;
  border-color: #8c8b8b !important;
  outline: 0 !important;
  box-shadow: none !important;
}
#files .smallPhoto {
  width: 100%;
  height: 225px;
  margin-bottom: 5px;
  border-radius: 5px;
  object-fit: contain;
  margin-right: 20px;
  box-shadow: 0 0 6px 2px #eaeaea;
  border: 1px solid #eee;
}
.tooltip{
  width:300px!important;
}
.tooltip-inner {
  max-width: 100%!important;
}

.extra_button{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0275d8;
  text-decoration: none!important;
  width: 220px;
  height: 40px;
  margin: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  color: #0275d8;
  transition: .5s;
}
.extra_button:hover{
  background: #0275d8;
  color: #fff;
}
.extra_button.active{
  color: #fff;
  background:#0275d8;
}
.extra_zone{
  position: relative;
  display: block;
  margin-bottom: 30px;
  border: 2px dashed #d4d4d4;
  text-decoration: none!important;
  width: 100%;
  padding: 30px 20px 15px 20px;
  border-radius: 5px;
}
#createInvoiceForm .addButton{
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
#createInvoiceForm .addButton a{
  width:auto;
  background: #fff;
  color: #0275d8;
  font-size: 15px;
  padding: 5px 10px;
  border-radius:5px;
  border: 1px solid #0275d8;
  text-decoration: none;
  transition:.5s;
  margin-right: 20px;
}
#createInvoiceForm .addButton a:hover{
  background: #0275d8;
  color: #fff;
}
#createInvoiceForm .addButton i{
  padding: 0 10px;
}
#createInvoiceForm .closeButton{
  position: absolute;
  right: -2px;
  top: -18px;
  font-size: 20px;
  background: #fff;
  color: #444;
  padding: 2px 10px;
  border: 1px solid #d4d4d4;
}


#createInvoiceForm #return_invoices {
  position:relative;
  display:block;
  width:100%;
  margin-top: 25px;
}
#createInvoiceForm #return_invoices .remove_return_invoice {
  display: flex;
  justify-content: center;
  border: 1px solid #be1e2d;
  border-radius: 5px;
  padding: 9px 15px;
  color: #be1e2d;
  text-decoration: none;
  transition: .5s;
}
#createInvoiceForm #return_invoices .remove_return_invoice:hover{
  background: #be1e2d;
  color:#fff;
}

#createInvoiceForm #invoice_waybills {
  position:relative;
  display:block;
  width:100%;
  margin-top: 25px;
}
#createInvoiceForm #invoice_waybills .remove_waybill {
  display: flex;
  justify-content: center;
  border: 1px solid #be1e2d;
  border-radius: 5px;
  padding: 9px 15px;
  color: #be1e2d;
  text-decoration: none;
  transition: .5s;
}
#createInvoiceForm #invoice_waybills .remove_waybill:hover{
  background: #be1e2d;
  color:#fff;
}

#createInvoiceForm #invoice_notes {
  position:relative;
  display:block;
  width:100%;
  margin-top: 25px;
}
#createInvoiceForm #invoice_notes .invoice_note a{
  display: flex;
  justify-content: center;
  border: 1px solid #be1e2d;
  border-radius: 5px;
  padding: 9px 15px;
  color: #be1e2d;
  text-decoration: none;
  transition: .5s;
}
#createInvoiceForm #invoice_notes .invoice_note a:hover{
  background: #be1e2d;
  color:#fff;
}

.senderReceiverInfo{
  background:#f9f9f9; border-radius:4px; border:2px dashed #ddd; font-size:0.9rem; overflow-y:hidden;
  padding: 10px 15px;
  min-height: 92px;
}
.extra_zone label {
  margin-top: 0 !important;
  margin-bottom:5px !important;
}
.extra_zone textarea {
  resize: none!important;
  height:auto;
}
.extra_zone textarea:disabled, .extra_zone textarea[readonly] {
  margin-top: 25px;
  margin-bottom: 10px;
}
.extra_zone #add_invoice_note{
  position: relative;
  display: inline-block;
  border: 1px solid #0275d8;
  text-decoration: none!important;
  border-radius: 5px;
  text-align: center;
  color: #0275d8;
  transition: .5s;
  padding: 8px 15px;
  margin-top: 25px;
}
.extra_zone #add_invoice_note:hover{
  background: #0275d8;
  color: #fff;
}
.extra_zone #add_invoice_note i{
  margin-right: 10px;
}
.invoiceCreateTable{
  margin-top: 25px;
}
.tableAddRowForm{
  background:#f9f9f9; border-radius:4px; border:2px dashed #ddd; font-size:0.9rem; overflow-y:hidden;
  padding: 10px 15px;
  min-height: 92px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.input-group .zmdi-close {
  position: absolute;
  right: 63px;
  top: 10px;
  color: red;
  font-size: 19px;
  z-index: 4;
}
.modal-dialog .input-group .zmdi-close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: red;
  font-size: 19px;
  z-index: 4;
}
.tableAddRowForm .input-group-text {
  padding:0;
  line-height: 1;
  height: auto;
}

.tableAddRowForm #total_amount{
  background:#be1e2d2e;
}
.tableAddRowForm #add_other_tax{
  position: relative;
  display: block;
  width: 100%;
  background: #5dbb67;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 29px;
  height: 40px;
}
.tableAddRowForm .remove_other_tax{
  position: relative;
  display: block;
  width: 100%;
  background: #e1980d;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 29px;
  height: 40px;
  text-align: center;
  padding-top: 9px;
  color: #fff;
  font-size: 1rem;
  border-radius: .25rem;
  text-decoration: none;
}

.tableAddRowForm #add_invoice_line{
  position: relative;
  display: block;
  width: 100%;
  background: #1caee8;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 29px;
  height: 40px;
}
.tableAddRowForm .icon {position: absolute;right: 0;top: 34px;font-size: 18px;font-weight: 500;border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;line-height: 0;color: #fff;background: #259073;padding: 20px 5px 2px 5px;}
.tableAddRowForm .with_holding_tax_area {
  position:relative;
  display:block;
  width:100%;
}
#other_taxes{
  background:#eed1d4;
}
#deleteStorageData{
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FF9800;
  border: 1px solid #FF9800;
  text-decoration: none!important;
  width: 220px;
  height: 40px;
  margin: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  transition: .5s;
  cursor: pointer;
}
#deleteStorageData:hover{
  background: #de8b12;
  color: #fff;
}

#invoicePreview{
  position: absolute;
  top: 0;
  right: 225px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #6ac7eb;
  border: 1px solid #6ac7eb;
  text-decoration: none!important;
  width: 220px;
  height: 40px;
  margin: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  transition: .5s;
  cursor: pointer;
}
#invoicePreview:hover{
  background: #35b2e3;
  color: #fff;
}

.templateSettings #page_parent {
  position: relative;
  display: block;
  width: 672px;
  height: 950px;
}
.templateSettings .page {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
  background: #efefef;
  background-repeat: no-repeat;
}
.templateSettings .rulerPage {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
}
.templateSettings .rulerPage #ruler {
  position: absolute;
  top: 0;
  left: 0;
  width: 672px;
  height: 950px;
}
.templateSettings .rulerPage #ruler .vertical {
  position: absolute;
  display: inline-block;
  left: -20px;
  top: 0;
}
.templateSettings .rulerPage #ruler .vertical .item{
  position:relative;
  display: block;
  width: 15px;
  height: 32px;
  margin: 0;
  font-size: 7px;
}
.templateSettings .rulerPage #ruler .vertical .item:after{
  content:"";
  position:absolute;
  top: 0;
  left: 12px;
  width: 7px;
  height:1px;
  background:#b5b5b5;
}
.templateSettings .rulerPage #ruler .horizontal {
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-block;
  height: 672px;
}
.templateSettings .rulerPage #ruler .horizontal .item{
  position:relative;
  display: block;
  float:left;
  width: 32px;
  margin: 0;
  padding: 0;
  font-size: 7px;
}
.templateSettings .rulerPage #ruler .horizontal .item:after{
  content:"";
  position:absolute;
  top: 12px;
  left: 0;
  width: 1px;
  height: 7px;
  background:#b5b5b5;
}
.templateSettings  .resizable {
  border: 1px dashed red;
  border-radius: 1px;
  display: inline;
  width: auto;
  font-family: 'Calibri',sans-serif;
  overflow: hidden;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.templateSettings .resizable:hover {
  cursor: all-scroll;
}
.templateSettings .selected_button {
  background: #609e60;
  color: white;
  border: 0;
}
.templateSettings .unselected_button {
  background: #fff;
  color: #000000;
  border: 1px solid #609e60;
}
.templateSettings  .close_component {
  position: absolute;
  right: 20px;
  bottom: -2px;
  text-decoration: none;
  padding: 0px 6px 0px 6px;
  background: red;
  color: white;
  font-weight: bold;
  font-size: 13px;
  opacity: 0.4;
}
.templateSettings  .close_component:hover {
  opacity: 1;
  text-decoration: none;
  color: white;
}
.templateSettings .ruler.vertical .item {
  display: inline-block;
  border: 2px solid #824a4a;
  padding: 2px 7px;
  font-size: 16px;
  margin: 0;
}
.templateSettings .ruler.horizontal {
  position: relative;
  display: block;
  width: 672px;
  background: #fff;
  height: 25px;
}
.templateSettings .ruler.horizontal .item {
  display: inline-block;
  border: 0;
  padding: 0;
  font-size: 11px;
  margin: 0;
  width: 32px;
  float: left;
}
.templateSettings .top_single_form {
  position: relative;
  display: block;
  width: 95%;
  min-height: 100px;
  margin: 30px auto;
  background: #fff;
  padding: 55px 25px 35px;
  color: #252525;
}
.templateSettings .top_single_form button {
  margin-top: 23px;
}
.templateSettings .component_button {
  padding: 1px 10px;
  font-size: 21px;
  border-radius: 6px;
  min-width: 36px !important;
}
.templateSettings .component_group {
  border-right: 1px solid rgba(0,0,0,.1);
  text-align: center;
}

.templateSettings .draggable_item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 14px;
  width: 210px;
  margin-top: 10px;
  box-shadow: 0 2px 10px #cecece
}
.templateSettings .draggable_item label {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.templateSettings .draggable_item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.templateSettings .draggable_item label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}
.templateSettings .draggable_item label:hover input ~ .checkmark {
  background-color: #ccc;
}
.templateSettings .draggable_item label input:checked ~ .checkmark {
  background-color: #0e4194;
}
.templateSettings .draggable_item label .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.templateSettings .draggable_item label input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.templateSettings .draggable_item .label_text {
  margin-left: 22px;
  cursor:pointer;
  font-size: 13px;
}

.templateSettingsCollapses a{
  background: #0e4194!important;
  font-size: 16px;
  width: 220px;
  margin-bottom: 0px!important;
}
.templateSettingsCollapses .card-body{
  padding:0px;
  border: none;
}
.templateSettingsCollapses .collapse{
  margin-bottom: 21px;
}

.templateSettingsCollapses ul{
  margin-left: -30px;
}


.offerTemplateSettings #page_parent {
  position: relative;
  display: block;
  width: 672px;
  height: 950px;
}
.offerTemplateSettings .page {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
  background: #efefef;
  background-repeat: no-repeat;
}
.offerTemplateSettings .rulerPage {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
}
.offerTemplateSettings .rulerPage #ruler {
  position: absolute;
  top: 0;
  left: 0;
  width: 672px;
  height: 950px;
}
.offerTemplateSettings .rulerPage #ruler .vertical {
  position: absolute;
  display: inline-block;
  left: -20px;
  top: 0;
}
.offerTemplateSettings .rulerPage #ruler .vertical .item{
  position:relative;
  display: block;
  width: 15px;
  height: 32px;
  margin: 0;
  font-size: 7px;
}
.offerTemplateSettings .rulerPage #ruler .vertical .item:after{
  content:"";
  position:absolute;
  top: 0;
  left: 12px;
  width: 7px;
  height:1px;
  background:#b5b5b5;
}
.offerTemplateSettings .rulerPage #ruler .horizontal {
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-block;
  height: 672px;
}
.offerTemplateSettings .rulerPage #ruler .horizontal .item{
  position:relative;
  display: block;
  float:left;
  width: 32px;
  margin: 0;
  padding: 0;
  font-size: 7px;
}
.offerTemplateSettings .rulerPage #ruler .horizontal .item:after{
  content:"";
  position:absolute;
  top: 12px;
  left: 0;
  width: 1px;
  height: 7px;
  background:#b5b5b5;
}
.offerTemplateSettings  .resizable {
  border: 1px dashed red;
  border-radius: 1px;
  display: inline;
  width: auto;
  font-family: 'Calibri',sans-serif;
  overflow: hidden;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.offerTemplateSettings .resizable:hover {
  cursor: all-scroll;
}
.offerTemplateSettings .selected_button {
  background: #609e60;
  color: white;
  border: 0;
}
.offerTemplateSettings .unselected_button {
  background: #fff;
  color: #000000;
  border: 1px solid #609e60;
}
.offerTemplateSettings  .close_component {
  position: absolute;
  right: 20px;
  bottom: -2px;
  text-decoration: none;
  padding: 0px 6px 0px 6px;
  background: red;
  color: white;
  font-weight: bold;
  font-size: 13px;
  opacity: 0.4;
}
.offerTemplateSettings  .close_component:hover {
  opacity: 1;
  text-decoration: none;
  color: white;
}
.offerTemplateSettings .ruler.vertical .item {
  display: inline-block;
  border: 2px solid #824a4a;
  padding: 2px 7px;
  font-size: 16px;
  margin: 0;
}
.offerTemplateSettings .ruler.horizontal {
  position: relative;
  display: block;
  width: 672px;
  background: #fff;
  height: 25px;
}
.offerTemplateSettings .ruler.horizontal .item {
  display: inline-block;
  border: 0;
  padding: 0;
  font-size: 11px;
  margin: 0;
  width: 32px;
  float: left;
}
.offerTemplateSettings .top_single_form {
  position: relative;
  display: block;
  width: 95%;
  min-height: 100px;
  margin: 30px auto;
  background: #fff;
  padding: 55px 25px 35px;
  color: #252525;
}
.offerTemplateSettings .top_single_form button {
  margin-top: 23px;
}
.offerTemplateSettings .component_button {
  padding: 1px 10px;
  font-size: 21px;
  border-radius: 6px;
  min-width: 36px !important;
}
.offerTemplateSettings .component_group {
  border-right: 1px solid rgba(0,0,0,.1);
  text-align: center;
}

.offerTemplateSettings .draggable_item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 14px;
  width: 210px;
  margin-top: 10px;
  box-shadow: 0 2px 10px #cecece
}
.offerTemplateSettings .draggable_item label {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.offerTemplateSettings .draggable_item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.offerTemplateSettings .draggable_item label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}
.offerTemplateSettings .draggable_item label:hover input ~ .checkmark {
  background-color: #ccc;
}
.offerTemplateSettings .draggable_item label input:checked ~ .checkmark {
  background-color: #0e4194;
}
.offerTemplateSettings .draggable_item label .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.offerTemplateSettings .draggable_item label input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.offerTemplateSettings .draggable_item .label_text {
  margin-left: 22px;
  cursor:pointer;
  font-size: 13px;
}

.offerTemplateSettingsCollapses a{
  background: #0e4194!important;
  font-size: 16px;
  width: 220px;
  margin-bottom: 0px!important;
}
.offerTemplateSettingsCollapses .card-body{
  padding:0px;
  border: none;
}
.offerTemplateSettingsCollapses .collapse{
  margin-bottom: 21px;
}

.offerTemplateSettingsCollapses ul{
  margin-left: -30px;
}

.orderTemplateSettings #page_parent {
  position: relative;
  display: block;
  width: 672px;
  height: 950px;
}
.orderTemplateSettings .page {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
  background: #efefef;
  background-repeat: no-repeat;
}
.orderTemplateSettings .rulerPage {
  position: relative;
  display: block;
  width: 672px;
  height: 950.39px;
}
.orderTemplateSettings .rulerPage #ruler {
  position: absolute;
  top: 0;
  left: 0;
  width: 672px;
  height: 950px;
}
.orderTemplateSettings .rulerPage #ruler .vertical {
  position: absolute;
  display: inline-block;
  left: -20px;
  top: 0;
}
.orderTemplateSettings .rulerPage #ruler .vertical .item{
  position:relative;
  display: block;
  width: 15px;
  height: 32px;
  margin: 0;
  font-size: 7px;
}
.orderTemplateSettings .rulerPage #ruler .vertical .item:after{
  content:"";
  position:absolute;
  top: 0;
  left: 12px;
  width: 7px;
  height:1px;
  background:#b5b5b5;
}
.orderTemplateSettings .rulerPage #ruler .horizontal {
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-block;
  height: 672px;
}
.orderTemplateSettings .rulerPage #ruler .horizontal .item{
  position:relative;
  display: block;
  float:left;
  width: 32px;
  margin: 0;
  padding: 0;
  font-size: 7px;
}
.orderTemplateSettings .rulerPage #ruler .horizontal .item:after{
  content:"";
  position:absolute;
  top: 12px;
  left: 0;
  width: 1px;
  height: 7px;
  background:#b5b5b5;
}
.orderTemplateSettings  .resizable {
  border: 1px dashed red;
  border-radius: 1px;
  display: inline;
  width: auto;
  font-family: 'Calibri',sans-serif;
  overflow: hidden;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.orderTemplateSettings .resizable:hover {
  cursor: all-scroll;
}
.orderTemplateSettings .selected_button {
  background: #609e60;
  color: white;
  border: 0;
}
.orderTemplateSettings .unselected_button {
  background: #fff;
  color: #000000;
  border: 1px solid #609e60;
}
.orderTemplateSettings  .close_component {
  position: absolute;
  right: 20px;
  bottom: -2px;
  text-decoration: none;
  padding: 0px 6px 0px 6px;
  background: red;
  color: white;
  font-weight: bold;
  font-size: 13px;
  opacity: 0.4;
}
.orderTemplateSettings  .close_component:hover {
  opacity: 1;
  text-decoration: none;
  color: white;
}
.orderTemplateSettings .ruler.vertical .item {
  display: inline-block;
  border: 2px solid #824a4a;
  padding: 2px 7px;
  font-size: 16px;
  margin: 0;
}
.orderTemplateSettings .ruler.horizontal {
  position: relative;
  display: block;
  width: 672px;
  background: #fff;
  height: 25px;
}
.orderTemplateSettings .ruler.horizontal .item {
  display: inline-block;
  border: 0;
  padding: 0;
  font-size: 11px;
  margin: 0;
  width: 32px;
  float: left;
}
.orderTemplateSettings .top_single_form {
  position: relative;
  display: block;
  width: 95%;
  min-height: 100px;
  margin: 30px auto;
  background: #fff;
  padding: 55px 25px 35px;
  color: #252525;
}
.orderTemplateSettings .top_single_form button {
  margin-top: 23px;
}
.orderTemplateSettings .component_button {
  padding: 1px 10px;
  font-size: 21px;
  border-radius: 6px;
  min-width: 36px !important;
}
.orderTemplateSettings .component_group {
  border-right: 1px solid rgba(0,0,0,.1);
  text-align: center;
}

.orderTemplateSettings .draggable_item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 14px;
  width: 210px;
  margin-top: 10px;
  box-shadow: 0 2px 10px #cecece
}
.orderTemplateSettings .draggable_item label {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.orderTemplateSettings .draggable_item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.orderTemplateSettings .draggable_item label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 15%;
}
.orderTemplateSettings .draggable_item label:hover input ~ .checkmark {
  background-color: #ccc;
}
.orderTemplateSettings .draggable_item label input:checked ~ .checkmark {
  background-color: #0e4194;
}
.orderTemplateSettings .draggable_item label .checkmark:before {
  content: "";
  position: absolute;
  display: none;
}
.orderTemplateSettings .draggable_item label input:checked ~ .checkmark:before {
  display: block;
  font-family: Material-Design-Iconic-Font;
  content: "\f26b";
  position: absolute;
  display: block;
  top: -4px;
  right: 4px;
  font-size: 22px;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
.orderTemplateSettings .draggable_item .label_text {
  margin-left: 22px;
  cursor:pointer;
  font-size: 13px;
}

.orderTemplateSettingsCollapses a{
  background: #0e4194!important;
  font-size: 16px;
  width: 220px;
  margin-bottom: 0px!important;
}
.orderTemplateSettingsCollapses .card-body{
  padding:0px;
  border: none;
}
.orderTemplateSettingsCollapses .collapse{
  margin-bottom: 21px;
}

.orderTemplateSettingsCollapses ul{
  margin-left: -30px;
}

#stock_exists_quantity{
  float: right;
  position: absolute;
  right: 20px;
  font-size: 12px;
  top: 8px;
}