/* Navigation Color */

.navbar-inverse.hori-nav {
    background: #3a5880 !important;
}

.hori-nav .navbar-collapse .navbar-nav li a:hover,
.hori-nav .navbar-collapse .navbar-nav li a:focus {
    background: #3a5880 !important;
}

/* Navigation Color */

#main-navigation span {
    width: 22px;
}

@media (max-width: 767px) {
    .dropdown .dropdown-toggle span:first-of-type {
        float: left !important;
    }
}

.fa-chrome {
    font-size: 20px;
    margin: 0;
    color: #ffa51b;
}

.main-logo {
    height: 38px;
}

.kritik-stok {
    background-color: #fd134b;
}

.user-avatar i {
    color: #424c5b;
}

.kritik-icon {
    font-size: 17px;
}

.popover {
    width: 400px !important;
    height: auto !important;
}

.popover-content {
    float: left;
    padding: 10px !important;
    min-height: 60px;
}

.popover-content span {
    float: left !important;
    margin: 2px;
}

.sms {

    float: right;
    margin-top: 3px;
    color: #FF9800;
    cursor: pointer;
}

.fancybox-slide--iframe .fancybox-content {
    background: none !important;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
    background: none !important;
}

.detayli-arama {
    background-color: #f7f7f7;
    border-radius: 4px;
    padding: 5px;
    width: 100%;
    margin-top: 10px;
}

.detayli-arama input {
    border-radius: 3px !important;
}

.form-control[readonly] {
    background-color: #fff !important;
}

@media (max-width: 583px) {

    .panel-heading .input-group {
        margin-top: 5px;
        width: 100%;
        float: left;
    }

    .detayli-arama button {
        width: 100% !important;
        margin-top: 5px;
    }

    .detayli-arama .button-label {
        display: none;
    }

    .detayli-arama label {
        margin-top: 5px;
    }

    .input-group-btn button:last-of-type {
        width: 31px;
        overflow: hidden;
    }


}

.firma .datepicker-days {
    padding: 10px !important;
}

.firma .form-control[readonly] {
    background-color: #fff !important;
}

.firma .intl-tel-input {
    width: 100%;
}

.sonuc-sayisi {
    float: left;
    padding: 7px 0 7px 0;
    color: #62549a;
}

.table-panel {
    width: 100%;
    height: auto;
}

.table-panel thead th {
    font-size: 12px;
}

@media (max-width: 1330px) {

    .table-panel {
        overflow-x: scroll;
    }

}

.table-panel table {
    min-width: 1079px;
}

.firma-table-list {
    min-width: 1070px;
}

.firma-table-list thead th:nth-child(1) {
    width: 30px;
}

.firma-table-list thead th:nth-child(2) {
    width: 270px;
}

.firma-table-list thead th:nth-child(3) {
    width: 160px;
}

.firma-table-list thead th:nth-child(4) {
    width: 100px;
}

.firma-table-list thead th:nth-child(5) {
    width: 42px;
}

.firma-table-list thead th:nth-child(6) {
    width: 70px;
}

.firma-table-list thead th:nth-child(7) {
    width: 50px;
}

.firma-table-list thead th:nth-child(8) {
    width: 30px;
}

.firma-table-list thead th:nth-child(9) {
    width: 60px;
}

.urun-table {
    min-width: 1070px;
}

.urun-table thead th:nth-child(1) {
    width: 30px;
}

.urun-table thead th:nth-child(2) {
    width: 30px;
}

.urun-table thead th:nth-child(3) {
    width: 120px;
}

.urun-table thead th:nth-child(4) {
    width: 160px;
}

.urun-table thead th:nth-child(5) {
    width: 90px;
}

.urun-table thead th:nth-child(6) {
    width: 90px;
}

.urun-table thead th:nth-child(7) {
    width: 80px;
}

.urun-table thead th:nth-child(8) {
    width: 42px;
}

.urun-table thead th:nth-child(9) {
    width: 30px;
}

.urun-table thead th:nth-child(10) {
    width: 30px;
}

.urun-table thead th:nth-child(11) {
    width: 50px;
}

.urun-table thead th:nth-child(12) {
    width: 100px;
}

.table-degisken {
    min-width: 1070px;
}

.table-degisken thead th:nth-child(1) {
    width: 30px;
}

.table-degisken thead th:nth-child(2) {
    width: 70px;
}

.table-degisken thead th:nth-child(4) {
    width: 150px;
}

.data-bulunamadi {
    text-align: center;
    pointer-events: none;
    padding: 50px !important;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.yedek-uyari {
    font-size: 15px;
    color: #f54a4a;
}

.datepicker-days {
    padding: 10px !important;
}

.intl-tel-input {
    width: 100%;
}

.form-control[readonly] {
    background-color: #fff !important;
}

.header-buttons {
    float: right;
    margin-top: -5px;
}

.header-kaydet {
    float: right;
    margin-top: -6px;
}

.header-yazdir {
    float: right;
    margin-top: -6px;
    margin-right: 10px;
}

.header-pdf {
    float: right;
    margin-top: -6px;
    margin-right: 10px;
}

#urunForm textarea {
    height: 60px;
}

.aktif {
    color: #48b923;
}

.pasif {
    color: #f56055;
    margin-left: 20px;
}

.product-image-admin {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    float: left;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFFFFF;
}

.upload-picture {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    float: left;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFFFFF;
}

#uploadPictureFile {
    display: none;
}

.upload-area {
    width: 120px;
    height: 120px;
    float: left;
    position: relative;
}

.upload-loader {
    display: none;
    opacity: 0.6;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
}

.resim-islemler {
    width: 100%;
    float: left;
}

.img-yukle {
    color: #31c72d;
}

.img-yukle:hover {
    text-decoration: none;
    color: #38de33;
}

.img-kaldir {
    color: #e80000;
    margin-left: 5px;
}

.img-kaldir:hover {
    text-decoration: none;
    color: #ff0000;
}

.resim-icon {
    font-size: 16px;
    margin-left: 10px;
    color: #3b8ec5;
}

.kategori-container {
    width: 100%;
    height: auto;
    margin-top: 10px;
    font-weight: 600;
    line-height: 22px;
    display: none;
}

.jstree-area {
    padding: 15px;
    height: 270px;
    overflow-y: scroll;
}

.kategori-adi {
    font-weight: 600;
    color: #FF5722;
    font-size: 11px;
}

.padding7 {
    padding-top: 7px;
}

.barkod-area .form-group {
    margin-bottom: 0;
}

.barkodnumber-content {
    width: auto;
    height: auto;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
}

.pl9 {
    padding-left: 9px;
}

.w100 {
    width: 100%;
    float: left;
}

.w100 input {
    margin: 0;
}

.barkod-table {
    max-height: 243px;
    overflow-y: scroll
}

.firma-turu {
    color: #244890;
    font-weight: 600;
    font-size: 13px;
}

.vergiler-uyari {
    position: relative;
}

.vergiler-uyari:after {
    content: '(Vergiler Hariç)';
    right: 9px;
    top: 28px;
    font-size: 11px;
    position: absolute;
    color: #ababab;
    font-weight: 600;
}

.aciklama-icon {
    color: #ffbc41;
}

.firma-table {
    min-width: 1070px;
}

.firma-table thead th:nth-child(1) {
    width: 30px;
}

.firma-table thead th:nth-child(2) {
    width: 270px;
}

.firma-table thead th:nth-child(3) {
    width: 160px;
}

.firma-table thead th:nth-child(4) {
    width: 130px;
}

.firma-table thead th:nth-child(5) {
    width: 42px;
}

.firma-table thead th:nth-child(6) {
    width: 70px;
}

.firma-table thead th:nth-child(7) {
    width: 50px;
}

.firma-table thead th:nth-child(8) {
    width: 100px;
}

.firma-table thead th:nth-child(9) {
    width: 100px;
}

#stokIslemForm label {
    text-align: left;
    min-width: 120px;
    font-size: 13px;
}

#stokIslemForm .form-group {
    padding-bottom: 0;
}

#firmaSecForm .form-group {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    #firmaSecModal .modal-dialog {
        width: 750px;
        margin: 30px auto;
    }

    #urunSecModal .modal-dialog {
        width: 750px;
        margin: 30px auto;
    }
}

.stokMiktarTxt {
    width: 100%;
    float: left;
    border: none;
}

.stokMiktarTxt:focus {
    background-color: #ecf9ff;
}

.stokIskontoTxt {
    width: 60%;
    float: left;
    border: none;
}

.stokIskontoTxt:focus {
    background-color: #ecf9ff;
}

.stok-table {
    min-height: 39px;
    min-width: 1100px;
}

.stok-table th {
    font-size: 12px;
}


.stok-table thead th:nth-child(1) {
    width: 30px;
}

.stok-table thead th:nth-child(2) {
    width: 100px;
}

.stok-table thead th:nth-child(3) {
    width: 50px;
}

.stok-table thead th:nth-child(4) {
    width: 250px;
}

.stok-table thead th:nth-child(5) {
    width: 60px;
}

.stok-table thead th:nth-child(6) {
    width: 42px;
}

.stok-table thead th:nth-child(7) {
    width: 110px;
}

.stok-table thead th:nth-child(8) {
    width: 60px;
}

.stok-table thead th:nth-child(9) {
    width: 60px;
}

.stok-table thead th:nth-child(10) {
    width: 110px;
}

.stok-table thead th:nth-child(11) {
    width: 50px;
}

.stokFiyatTxt {
    width: 80%;
    float: left;
    border: none;
}

.stokFiyatTxt:focus {
    background-color: #ecf9ff;
}

#stokTable tr {
    height: 39px;
}

.toplamFiyatTxt {
    width: 80%;
    float: left;
    border: none;
}

.dataTables_filter .form-control.input-sm {
    margin-bottom: 0;
}

.stoklar-table th {
    font-size: 13px;
}

.stoklar-table thead th {
    width: 30px;
}

.stoklar-table thead th:nth-child(4) {
    width: 135px;
}

.stoklar-table thead th:nth-child(6) {
    width: 90px;
}

.stoklar-table tbody td:nth-child(3) {
    font-size: 13px;
}

.stoklar-table tbody td:nth-child(4) {
    font-size: 13px;
}


.kullanici-adi {
    font-size: 11px;
}

.text-kapsayici {
    float: left;
    position: relative;
    width: 300px;
    height: 21px;
    overflow: hidden;
    cursor: default;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left top, left bottom;
}

.text-icerik {
    position: absolute;
    width: auto;
    white-space: nowrap;
    max-width: 700px;
    overflow: hidden;
    padding-right: 5px;
}

.text-kapsayici:hover {
    overflow: visible;
    -webkit-mask-image: none;
}

.text-icerik:hover {
    background: #f5f5f5;
}

.text-gradient {
    background-image: linear-gradient(to right, transparent, white);
    height: 21px;
    width: 50px;
    right: 0;
    position: absolute;
}

.text-kapsayici-white {
    float: left;
    position: relative;
    width: 300px;
    height: 21px;
    overflow: hidden;
    cursor: default;
}

.text-icerik-white {
    position: absolute;
    width: auto;
    white-space: nowrap;
    max-width: 700px;
    overflow: hidden;
    padding-right: 5px;
    z-index: 5;
    background-color: #ffff;
}

.text-kapsayici-white:hover {
    overflow: visible;
}

.text-icerik-white:hover {
    background: #FFFFFF;
}

.text-gradient-white {
    background-image: linear-gradient(to right, transparent, white);
    height: 21px;
    width: 50px;
    right: 0;
    position: absolute;
    z-index: 6;
}

.genel-toplam-text {
    text-align: right;
    font-weight: bold;
}

.genel-toplam-input {
    float: left;
    font-size: 15px;
    border: none;
    width: 110px;
}

.firma-adres {
    font-weight: 500;
}

.firma-telefon {
    font-weight: 500;
    color: #439c26;
}

@media (max-width: 1330px) {

    .stok-table-area {
        overflow-x: scroll;
    }

}

.stok-giris-label {
    font-size: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    padding: 5px 10px;
}

.stok-cikis-label {
    font-size: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    padding: 5px 10px;
}

.stok-depo-transfer-label {
    font-size: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    padding: 5px 10px;
}

.stok-giris-color {
    border-color: #23b9a9;
}

.stok-cikis-color {
    border-color: #eaa235;
}

.stok-depo-transfer-color {
    border-color: #4aa9e9;
}

.stok-giris-text {
    color: #23b9a9;
}

.stok-cikis-text {
    color: #eaa235;
}

.stok-depo-transfer-text {
    color: #4aa9e9;
    font-size: 13px;
}

.panel-heading .dropdown-menu li a {
    outline: none;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    padding: 7px 15px;
    text-transform: none;
}

.short-states h1 {
    font-size: 30px;
}

.dashicon {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.dashicon i {
    font-size: 63px;
}

.stok-birim {
    font-size: 11px;
    display: inline-block;
    margin: 0 0 3px 5px;
    color: #adadad;
}

.stok-hareket-table-list {
    min-width: 1070px;
}

.stok-hareket-table-list thead th {
    width: 50px;
}

.stok-hareket-table-list thead th:nth-child(1) {
    width: 20px;
}

.stok-hareket-table-list thead th:nth-child(2) {
    width: 82px;
}

.stok-hareket-table-list tbody td:nth-child(2) {
    font-size: 12px;
}

.stok-hareket-table-list thead th:nth-child(3) {
    min-width: 75px;
}

.stok-hareket-table-list thead th:nth-child(4) {
    width: 75px;
}

.stok-hareket-table-list thead th:nth-child(5) {
    width: 120px;
}

.stok-hareket-table-list thead th:nth-child(7) {
    width: 80px;
}

.stok-hareket-table-list thead th:nth-child(10) {
    width: 75px;
}

.stok-hareket-table-list .stok-cikis-text {
    font-size: 13px;
}

.stok-hareket-table-list .stok-giris-text {
    font-size: 13px;
}

.depo-adi {
    font-size: 11px;
}

.border-rr-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border-r-none {
    border-radius: 0;
}

.datepicker-tarih {
    width: 190px;
}

.resim-icon-stok-hareket {
    font-size: 32px;
    margin-left: 10px;
    color: #3b8ec5;
}

.stok-hareket-header {
    width: 100%;
    margin: 15px 0;
    padding: 0 15px;
    float: left;
}

.stok-hareket-header-area {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.stok-hareket-header-area:first-child {
    padding-right: 10px;
}

.stok-hareket-header-area img {
    width: 153px;
    height: auto;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    overflow: hidden;
}

.stok-hareket-resim {
    float: left;
    width: 153px;
    height: auto;
    margin-right: 5px;
}

.stok-hareket-aciklama {
    float: left;
    width: calc(100% - 158px);
    height: auto;
}

.aciklama-label {
    width: 147px;
    font-size: 13px;
}

.miktar-label {
    width: 190px;
    font-size: 13px;
}

.stok-hareket-stok-miktar {
    font-size: 13px;
}

.stok-hareket-alis-bg {
    background-color: #23b9a924;
}

.stok-hareket-satis-bg {
    background-color: #eaa23524;
}

.stok-hareket-header-area-genel {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.market-panel {
    min-height: 600px;
}

.urun-item {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 15px;
}

.urun-inner {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    padding: 10px;
}

.urun-img {
    width: 100%;
    float: left;
}

.urun-img img {
    width: 100%;
    height: auto;
}

.urun-content {
    width: 100%;
    float: left;
}

.urun-content .urun-title {
    width: 100%;
    float: left;
    text-align: center;
    margin: 5px 0 10px 0;
    font-weight: 600;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
}

.urun-content .urun-title a:hover {
    text-decoration: none;
}

.urun-content .urun-buttons {
    width: 100%;
    float: left;
    text-align: center;
}

.urun-fiyat-stok {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.urun-fiyat-stok .fiyat {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #f1950a;
}

.urun-fiyat-stok .stok {
    float: right;
    font-size: 15px;
    font-weight: 600;
    color: #f1950a;
}

.depo-transfer-name {
    margin-right: 5px;
}

.depo-transfer-name:last-child {
    margin-left: 5px;
}

.transfer-icon {
    color: #4aa9e9;
}

.nav > li > a {
    padding: 10px 7px;
}

.sendarea {
    padding: 10px;
    background-color: #eaeef3;
    border-radius: 4px;
}

.sendarea .form-group {
    margin-bottom: 50px;
}

.labelarea {

    text-align: right;
    margin-bottom: 0;
    margin-top: 7px;

}

.sendarea textarea {
    width: 100%;
    height: 150px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 10px;
}

.gonderim-turu {

    margin-top: 7px;
    float: left;
    font-weight: 600;
    color: #ec2a2a;

}

.form-control[readonly] {
    background-color: #fffbd5;
    opacity: 1;
}

.sms-aboneligi {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #8c8c8c;
    height: 290px;
    padding-top: 90px;
}

.smsbakiye {
    margin-top: 15px;
    width: 100%;
    height: 30px;
    float: left;
    font-size: 20px;
}

.urun-area {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.urun-area-header {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}

.kategori-isim {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
}

.pagination-market {
    float: left;
    width: 100%;
    height: auto;
}

.urun-bread {
    width: 100%;
    height: auto;
    float: left;
}

.urun-bread .breadcrumb {
    margin-bottom: 0;
    color: #4aa9e9;
}

.urun-detay-img {
    width: 30%;
    height: auto;
    float: left;
}

.urun-detay-img img {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.urun-detay-icerik {
    width: 70%;
    height: auto;
    float: left;
    padding: 0 15px;
}

.urun-detay-isim {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    margin-bottom: 10px;
}

.urun-detay-kategori {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.urun-detay-kategori span {
    float: left;
    margin-right: 5px;
}

.urun-detay-kategori .breadcrumb {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #4aa9e9;
    float: left;
}

.urun-detay-barkod {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.urun-detay-stok {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.urun-detay-barkod span {
    font-weight: normal;
}

.urun-detay-stok span {
    font-weight: normal;
}

.urun-detay-islemler {
    width: 100%;
    height: auto;
    float: left;
}

.urun-detay-islemler .input-group {
    width: 270px;
    margin-bottom: 20px;
}

.urun-detay-aciklama {
    width: 100%;
    height: auto;
    float: left;
}

.urun-detay-aciklama span {
    font-weight: 600;
}

.fiyat-area {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}

.urun-detay-fiyat {
    font-size: 22px;
    font-weight: 500;
}

.urun-detay-kdv-dahil {
    font-size: 22px;
    font-weight: 500;
}

.urun-detay-kdv {
    font-size: 22px;
    font-weight: 500;
}

.fiyat-area .table {
    margin: 0;
}

.fiyat-area .table > thead > tr > th {
    padding: 3px;
}

.fiyat-area .table > tbody > tr > td {
    padding: 3px;
}

.fiyat-color {
    color: #f1950a;
}

.minimum-siparis {
    color: #01ab45;
}

.minimum-siparis-sepet {
    color: #01ab45;
    font-size: 12px;
}

.bootstrap-touchspin-postfix {
    padding: 2px 5px;
    font-size: 12px;
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sepet-button {
    width: 41px;
}

.market-sepet {
    min-height: 500px;
}

.siparis-tamamla {
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
}

.sepet-bos {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #c3c3c3;
    font-weight: 300;
    padding: 54px;
}

.sepet-bos i {
    font-size: 45px;
}

.sepet-urun {
    width: 100px;
    height: auto;
}

.sepet-table th {
    font-size: 12px;
}

.swal-text {
    text-align: center;
}

.sepet-table thead th:nth-child(1) {
    width: 100px;
}

.sepet-table thead th:nth-child(3) {
    width: 400px;
}

.sepet-table thead th:nth-child(4) {
    width: 200px;
}

.sepet-table, .siparis-tamamla {
    display: none;
}

.b2b-button:hover {
    text-decoration: none;
}

.b2b-button .label:hover {
    background-color: #949494;
    text-decoration: none;
}

.navbar-nav .fa-dolly-flatbed {
    margin-right: 5px;
}

.nav-tabs {
    background-color: inherit;
    border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: none;
    color: #6d98c3;
}

.nav-tabs > li > a {
    border-bottom: none;
    border-bottom: none;
    font-weight: 600;
    color: #6d98c3;
    background-color: #f7f7f7;
    border-color: #f1f1f1;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.siparis-bulunamadi {
    text-align: center;
    pointer-events: none;
    padding: 50px !important;
    color: #ccc;
}

.siparis-bulunamadi i {
    font-size: 25px;
    margin-bottom: 10px;
}

.siparis-detay-bilgi {
    margin-bottom: 10px;
}

.siparis-detay-bilgi span {
    margin-bottom: 1px;
    float: left;
    width: 100%;
}

.bayi-bilgi .col-md-1 {
    width: 10%;
}

.bayi-bilgi .col-md-11 {
    width: 90%;
}

.tarih-bayi {
    margin-top: 10px;
    color: #f5891a;
    font-weight: 600;
}

.siparis-no-bayi {
    margin-top: 5px;
    color: #f5891a;
    font-weight: 600;
}

.siparisler-table th {
    font-size: 13px;
}

.siparisler-table thead th {
    width: 30px;
}

.siparisler-table thead th:nth-child(3) {
    width: 120px;
}

.siparisler-table thead th:nth-child(5) {
    width: 90px;
}

.siparisler-table tbody td:nth-child(3) {
    font-size: 13px;
}

.siparisler-table tbody td:nth-child(4) {
    font-size: 13px;
}

.siparisler-table tbody td:nth-child(10) {
    width: 150px;
}

.siparis-bilgi-table {
    background-color: #fffde7;
}

.siparis-durum-area {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.siparis-durum-duzenle {
    width: 350px;
    height: auto;
    float: left;
}

.siparis-durum-duzenle select {
    width: 250px;
    height: auto;
    float: left;
    margin-right: 5px;
}

.siparis-irsaliye-duzenle {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

.sms-bulunamadi {
    text-align: center;
    pointer-events: none;
    padding: 50px !important;
    color: #ccc;
    border: none !important;
}

.sms-bulunamadi i {
    font-size: 25px;
    margin-bottom: 10px;
}

.form-control[readonly] {
    background-color: #fffbd5;
    opacity: 1;
}

.smsbakiye {
    margin-top: 15px;
    width: 100%;
    height: 30px;
    float: left;
    font-size: 20px;
}

.gonderim-turu-sayisi {
    margin-top: 5px;
    float: left;
    font-weight: 600;
    color: #2a88ec;
    margin-left: 10px;
    font-size: 16px;
}

.islem-button {
    padding: 4px 8px;
    background-color: #fff;
}

.islem-button:hover {
    background-color: #fff;
}

.islem-button-container .dropdown-menu {
    min-width: 100px !important;
}

.islem-button-container .dropdown-menu > li > a {
    padding: 8px 8px !important;
}

.islem-button-container .dropdown-menu > li > a > i {
    width: 17px;
    text-align: center;
}

.bayi-table thead th {
    width: 30px;
}

.bayi-table thead th:nth-child(4) {
    width: 180px;
}

.bayi-table thead th:nth-child(5) {
    width: 120px;
}

.bayi-table thead th:nth-child(6) {
    width: 120px;
}

.bayi-table thead th:nth-child(7) {
    width: 135px;
}

.bayi-table thead th:nth-child(9) {
    width: 90px;
}

.urun-paketleme-sayim {
    float: left;
    width: 100%;
}

.urun-paketleme-separator {
    float: left;
    width: 100%;
}

.urun-paketleme-separator hr {
    border-color: #5dd0e8;
}

.urun-paketleme-bilgi {
    float: left;
    width: 100%;
}

.urun-paketleme-input {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #5dd0e8;
}

.urun-paketleme-input input {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 20px;
    color: #009c05;
    margin: 0;
}

.agirlik-text {
    text-align: right;
    font-size: 20px;
    color: #0fb1cc;
}

.agirlik-miktar {
    font-size: 20px;
    color: #000;
}

.urun-paketleme-button {
    float: left;
    width: 100%;
    text-align: right;
    margin-bottom: 15px;
}

.paket-miktar-input {
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 17px;
    width: 100px;
    background-color: transparent;
}

.paket-eksik {
    color: #eab31f;
    font-weight: 600;
    font-size: 15px;
}

.paket-fazla {
    color: #e80000;
    font-weight: 600;
    font-size: 15px;
}

.paket-esit {
    color: #30be2d;
    font-weight: 600;
    font-size: 15px;
}

.paket-fazla-bg {
    background-color: #ffe9e7;
}

.paket-urun-cikart {
    display: none;
    float: right;
    margin-right: 20px;
}

.paket-urun-cikart:hover, .paket-urun-cikart:active {
    text-decoration: none;
    filter: brightness(110%);
}

@media (max-width: 950px) {

    .urun-item {
        width: 100% !important;
    }

}

.urun-search {
    width: 100%;
    min-height: 50px;
    float: left;
    padding: 15px;
}

.urun-bulunamadi {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #c3c3c3;
    font-weight: 300;
    padding: 54px;
}

.urun-bulunamadi i {
    font-size: 55px;
}

.urun-arama-baslat {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #c3c3c3;
    font-weight: 300;
    padding: 54px;
}

.urun-arama-baslat i {
    font-size: 55px;
}

@media (max-width: 520px) {

    .urun-detay-img {
        width: 100% !important;
    }

    .urun-detay-icerik {
        width: 100% !important;
        margin-top: 15px;
    }

    .urun-listesi {
        float: left;
        padding-top: 15px;
        margin-top: 15px;
    }

    .siparis-detay-bilgi {
        width: 100%;
    }

}

.navbar-collapse .navbar-nav .badge {
    left: 69px;
}

.toTop {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #7b7b7b;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none;
    z-index: 1000;
    font-size: 20px;
    line-height: 38px;
    border: 1px solid #e3e3e3;
}

.urun-table .pasif {
    margin: 0;
    padding: 0;
}

#urunlerTable label {
    cursor: pointer;
}

#firmalarTable label {
    cursor: pointer;
}

.table-search-scroll {
    overflow-y: scroll;
    max-height: 239px;
    margin-bottom: 20px;
}

.table-search-scroll table {
    margin-bottom: 0;
}

.pagination > li > a {
    font-size: 13px;
    font-weight: 600;
    color: #5a85a7;
}

.pagination > .active > a, .pagination > .active > a:hover,
.pagination > .active > a:focus, .pagination > .active > span,
.pagination > .active > span:hover, .pagination > .active > span:focus {
    color: #ffffff;
    background-color: #63bee6;
    border-color: #63bee6;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover,
.pagination > li > span:focus {
    color: #ffffff;
    background-color: #63bee6;
    border-color: #63bee6;
}

.pagination-nav {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.pagination-text-left {
    float: left;
    display: inline-block;
    margin: 20px 10px 20px 0;
    padding: 6px 12px;
    line-height: 1.42857143;
    font-weight: 600;
    color: #909090;
    font-size: 13px;
    border-right: 1px solid #ddd;
}

.pagination-text-right {
    float: left;
    display: inline-block;
    margin: 20px 0 20px 10px;
    padding: 6px 12px;
    line-height: 1.42857143;
    font-weight: 600;
    color: #909090;
    font-size: 13px;
    border-left: 1px solid #ddd;
}

.pagination {
    float: left;
}

.help-block {
    float: left;
    font-size: 12px;
    width: 100%;
}

.help-block a {
    color: #03A9F4;
}

.mail-ekle-button {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
}

.setting-aciklama {
    margin: 0;
    color: #848484;
    font-size: 13px;
}

.irsaliye-islemleri {
    width: 50%;
    height: auto;
    float: left;
}

.fatura-islemleri {
    width: 50%;
    height: auto;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.fatura-tarihi-text {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 14px;
    margin-top: 4px;
}

.fatura-no-text {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 14px;
    margin-top: 4px;
}

.alis-faturasi {
    color: #23b9a9;
    font-weight: 600;
}

.alis-faturasi:hover {
    color: #23b9a9;
}


.satis-faturasi {
    color: #eaa235;
    font-weight: 600;
}

.satis-faturasi:hover {
    color: #eaa235;
}

.faturalar-table th {
    font-size: 13px;
}

.faturalar-table td, .faturalar-table th {
    width: 30px;
}

.faturalar-table thead th:nth-child(5) {
    width: 135px;
}

.faturalar-table thead th:nth-child(6) {
    width: 90px;
}

.faturalar-table th,
.faturalar-table tbody td:nth-child(3),
.faturalar-table tbody td:nth-child(4),
.faturalar-table tbody td:nth-child(6),
.faturalar-table tbody td:nth-child(7) {
    font-size: 13px;
}

@-moz-document url-prefix() {
    a:hover {
        text-decoration: none;
    }
}

.fatura-logo {
    height: 45px;
}

.fatura-goruntule-no {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.fatura-goruntule-tarih {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

.fatura-goruntule-irsaliyetarih {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

.fatura-goruntule-irsaliyeno {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

.fatura-goruntule-cari {
    font-style: normal;
    line-height: 1.42857143;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 60%;
    float: left;
    background-color: #f4fafd;
}

.fatura-goruntule-unvan {
    font-weight: 600;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.fatura-goruntule-adres {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.fatura-goruntule-vergiBilgi {
    float: left;
    width: 100%;
    font-weight: 600;
    line-height: 24px;
    font-size: 13px;
}

.invoice-table th {
    font-size: 13px;
    font-weight: 600;
}

.siparis-tabs .tab-content {
    border-top: 1px solid #ddd;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.siparis-tabs .tab-content .tab-pane {
    padding: 7px;
}

.siparis-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: none;
    color: #3a5880;
}

.refresh-tab {
    background-color: #fff !important;
    color: #dc3486 !important;
    border: none !important;
}

.saatmin {
    color: #ff8080;
    display: contents;
}

.etiketYazdirButton {
    background-color: #ffff;
    color: #9a65e1;
}

.faturaYazdirButton {
    background-color: #ffff;
    color: #629de6;
}

.kargo-firmasi {
    font-weight: 700;
    font-size: 13px;
    color: #3c73e6;
}

.green {
    color: #48b923;
}

.etiketModal {
    float: left;
    width: 100%;
    height: 320px;
    background-color: #cccccc;
}

#siparisKargoEtiket {
    width: 380px;
    height: 267px;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
}

#kargoEtiketiModal .modal-body {
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
    background-color: #ccc !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: -5px;
}

.kargoEtiketModalButton {
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    margin-top: 10px;
}

.btn-default {
    background-color: #fff;
}

#toast-container {
    width: 300px;
}

#toast-container > div:hover {
    -moz-box-shadow: 0 0 8px #00000082 !important;
    -webkit-box-shadow: 0 0 8px #00000082 !important;
    box-shadow: 0 0 8px #00000082 !important;
}

.toast.fas.fa-print {
    background-color: #2bbbf9;
}

.toast.fas.fa-print .toast-message {
    float: left;
    margin: 5px 0 0 15px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.toast.fas.fa-print:before {
    float: left;
    font-size: 25px;
}

.kargoFirmasiButton i {
    font-size: 13px;
    color: #54979b;
}

#siparisKargoMobilEtiket {
    width: 194px;
    height: 345px;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: -2px -1px 5px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: -2px -1px 5px 0px rgba(0, 0, 0, 0.55);
    box-shadow: -2px -1px 5px 0px rgba(0, 0, 0, 0.55);
    transform: rotate(270deg);
    margin-top: -40px;
}

#kargoEtiketiMobilModal .modal-body {
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
    background-color: #ccc !important;
}

.kargoEtiketModalButton {
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    margin-top: 10px;
}

.kargoEtiketModalMobilButton {
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    margin-top: -66px;
}

#faturaFrame {
    width: 916px;
    height: 730px;
}

#faturaModal .modal-content {
    height: 855px;
    width: 949px;
}

.faturaModalContainer {
    float: left;
    width: 100%;
    height: auto;
}

@media (min-width: 1200px) {
    .container {
        width: 95%;
    }
}