/*Login*/

.login-form .btn.btn-primary {
    background: #f0ad4e none repeat scroll 0 0;
    border-color: #f0ad4e;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

.login-form .form-control {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    font-size: 14px;
    height: 45px;
    line-height: 50px;
}

.login-form .form-group {
    margin-bottom: 10px;
}

.login-form {
    padding-top: 40px;
}

/*Login*/

body {
    font-family: Calibri;
    /*font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));*/
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
}


@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.content {
    padding: 0;
    min-height: calc(100vh - 60px);
}

.page-container {
    height: calc(100vh - 48px);
}

.return-back-button {
    background: transparent;
    border: none;
    display: block;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
    transition: 0.15s color;
    margin: 10px 0 10px 0;
    height: auto;
    line-height: 1;
    width: 150px;
}

    .return-back-button i {
        width: 30px;
        height: 30px;
        padding-top: 7px;
        text-align: center;
        margin-right: 10px;
        background: #fff;
        border-radius: 100%;
        /* color: #333; */
        margin: 0 10px 0 0px;
    }

    .return-back-button:hover {
        color: #007eff;
    }

    .return-back-button span {
        position: relative;
        font-size: 14px;
        top: 1px;
        /* color: #333; */
    }

.modal-header,
.modal-header,
.modal-header,
.modal-header {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px 0 20px;
}

    .modal-header .close .modal-header .close .modal-header .close .modal-header .close {
        top: 35%;
    }

.modal-body,
.modal-body,
.modal-body,
.modal-body {
    padding: 0 20px;
    min-height: 100px;
}

.modal-title,
.modal-title,
.modal-title,
.modal-title {
    margin-bottom: 10px;
}

.modal-footer .btn-half-block:first-child,
.modal-footer .btn-half-block:first-child,
.modal-footer .btn-half-block:first-child,
.modal-footer .btn-half-block:first-child {
    margin-left: 0;
}

.btn-half-block {
    /* width: 48%; */
}

.table-hover > tbody > tr:hover {
    background-color: #dddddd7a;
}

.dataTables_wrapper label {
    margin-left: 5px;
}

.table-hover > tbody > tr:hover {
    background-color: #dddddd7a;
}

.dataTable tbody tr td:first-child,
.dataTable thead tr th:first-child {
    border-left: none;
    padding-left: 5px;
}

.dataTable tbody tr td {
    /* border-bottom: 1px solid #ddd; */
    /* border-left: 1px solid #d2d2d2; */
    padding: 5px 10px 5px 5px;
    min-height: 47px;
    word-break: break-all;
}

table tbody tr td {
    word-break: break-all;
}

.dataTable tbody tr th {
    padding: 5px 0;
}

    .dataTable tbody tr th:last-child {
        padding: 5px 10px 0 5px;
    }

.dataTables_length {
    margin-bottom: 0px !important;
}

.dataTables_filter {
    margin-bottom: 0px !important;
}

.table.datatable > thead > tr > th {
    padding: 5px 0 0 5px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #333;
    border-color: #0000;
    background-color: #d4d4d4;
    border-radius: 3px;
}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:focus {
    background-color: transparent;
}

body {
    animation: fade 0.3s ease-in;
}


/* Helper Classes */

.m-0 {
    margin: 0;
}

span.list-item-text {
    margin: 0 10px;
}

.p-0 {
    padding: 0;
}

.p-t-0 {
    padding-top: 0;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.lh-0 {
    line-height: 0;
}

.lh-1-1 {
    line-height: 1.1;
}

.pa-bo-0 {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.tab-bordered {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 15px;
}

.input-align {
    padding-top: 33px;
    display: inline-block;
    position: relative;
    line-height: 1.4;
}

.action-btns {
    margin: 20px 0;
}

.dataTables_filter {
    margin-bottom: 10px !important;
}

.mr-10 {
    margin-right: 10px;
}

.well {
    margin-bottom: 10px;
}

.form-control {
    padding: 7px;
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
    background-color: rgb(249, 249, 249);
    border-radius: 0;
}

.no-padding {
    padding: 0 !important;
}

h1 {
    font-size: 20px;
    display: block;
    width: 100%;
    color: #646772;
    padding: 7px 0;
    margin: 0 0 7px 0;
    font-weight: 500;
}

button.sayax-button,
a.sayax-button,
.sayax-submit {
    height: 36px;
    /* margin: 0 0 0 5px; */
    min-width: 40px;
    border-radius: 0;
    padding: 7px 15px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #0000;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.5384616;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #507daa;
    border: #6c757d;
    transition: border-color ease-in-out .15s, background-color ease-in-out .15s;
}

    button.sayax-button:hover,
    a.sayax-button:hover,
    button.sayax-button:focus {
        /* background-color: #e8cb00; */
        /* border: 1px solid #e8cb00; */
        color: white;
    }

.btn.compact {
    height: 30px;
    padding: 3px 5px;
    /* margin: 5px 0 5px 0; */
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
}

.sayax-submit.gray {
    background: #4d4d4d;
    border: #4d4d4d;
    color: #fff;
}

.sayax-submit.blue {
    background: #163C63;
    border: #163C63;
    color: #fff;
}

input[type=text],
input[type=email] {
    display: inline-block;
    height: 36px;
    font-size: calc(12px + (15 - 12) * ((100vw - 300px) / (1600 - 300)));
    line-height: 1;
    color: #333;
    border-radius: 0;
    transition: border-color ease-in-out .15s;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
}

.m-lb-10 {
    margin-left: 10px;
}

.form-group-s {
    margin-top: 10px;
}

.sayax-header {
    margin: 0;
    font-weight: 500;
}

.sayax-list-holder {
    background: white;
    border-radius: 4px;
    min-height: 50px;
}

.navbar-brand {
    width: 100%;
    padding: 6px 0;
}

.dataTable thead .sorting_desc:after {
    content: '';
}

.dataTable thead .sorting_asc:after {
    content: '';
}

.dataTable thead .sorting:before {
    content: '';
}

.dataTable thead .sorting:after {
    content: '';
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: left;
}

.dataTables_filter {
    margin: 0 0 0 -2px;
    padding: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin: 0 0 0 10px;
    min-width: 231px;
}

.po-re {
    position: relative;
}

.tab-content.nav-tabs-solid {
    padding: 15px 5px;
    /*border: 1px solid #e3e3e3;
    border-top: white;*/
}

ul.nav.nav-tabs.nav-tabs-solid {
    /* background-color: #163c63; */
    /* border: 2px solid #163c63; */
}

#toaster.toaster {
    left: calc(50vw - 150px);
}

.tab-content.tab-content-special {
    padding: 20px;
    padding-top: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.modal-open .modal {
    pointer-events: none;
}

.modal.in .modal-dialog {
    pointer-events: all;
}

.active a.green {
    background: #1a907b !important;
    opacity: 1;
}

a.green {
    background: #1a907b !important;
    color: white !important;
    font-weight: normal;
    opacity: 0.7;
}

.tabheader {
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: 30px;
}

.active a.orange {
    background: #ff5600 !important;
    opacity: 1;
}

a.orange {
    background: #ff5600 !important;
    color: white !important;
    font-weight: normal;
    opacity: 0.6;
}


/*.modal.fade.in{
    pointer-events:none;
}

.modal-dialog.modal-md{
    pointer-events:all;
}*/

@media (max-width: 768px) {
    .pa-bo-0 {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 5px -10px;
    }

    .nav-tabs:before {
        content: 'SEÇİM YAP';
        text-transform: inherit;
        color: white;
        opacity: 1;
        padding-left: 10px;
        font-size: 14px;
        color: #ffc627;
    }

    .content {
        padding: 0;
        min-height: calc(100vh - 60px);
    }

    .well {
        margin-bottom: 10px;
    }

    .tab-bordered {
        border-left: 1px solid #ddd;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-brand {
        width: 65%;
    }
}

@media (min-width: 769px) {
    .nav-tabs-vertical > .nav-tabs {
        width: 16.1%;
    }

    .sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color: rgba(43,51,138, 1);
        border: 1px solid rgba(43,51,138, 1);
    }
}

@media (max-width: 1440px) {
    .content {
        padding: 10px;
        min-height: calc(100vh - 60px);
    }

    .btn-block {
        width: auto;
    }

    .form-control {
        padding: 0 3px;
        font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
    }

    textarea.form-control {
        padding: 7px;
        font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
    }

    .has-feedback-left .form-control {
        font-size: 15px;
        padding: 4px 0 0 38px;
    }
}

@media (max-width: 1840px) {
    .btn-container {
        display: block;
        clear: both;
        width: 100%;
    }

        .btn-container .btn {
            width: 100%;
            margin: 0 -10px 5px -10px;
            clear: both;
            display: block;
            height: auto;
            min-width: 116px;
            text-align: center;
        }
}


/* lOADER */

.sk-fading-circle {
    margin: 10px auto;
    width: 20px;
    height: 29px;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #2196f3;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.loading-wrapper {
    width: 100%;
    height: 100%;
    z-index: 10002;
    background-color: rgba(22, 60, 99, 0.33);
    position: fixed;
    display: block;
    z-index: 99999;
    pointer-events: all;
}

textarea {
    resize: none;
}

.form-control.input[type=text] {
    display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    display: inline-block;
    width: 100%;
}

.has-feedback .form-control {
    padding-right: 20px;
}


/*.bootstrap-select.btn-group .dropdown-toggle .caret{
    transform: translateY(-50%);
}
*/

.load-lable {
    height: 90px;
    width: 169px;
    background-color: #fff;
    margin: 50vh auto;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}

.loading-text {
    color: rgb(33, 150, 243);
    text-align: center;
    font-size: 14px;
}


/* Checkbox css DO NOT TOUCH!!!! */

.sayax-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 7px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .sayax-checkbox input {
        position: absolute;
        opacity: 0;
    }

    .sayax-checkbox label.text {
        line-height: 27px;
        font-size: 14px;
        position: relative;
        top: -1px;
        cursor: pointer;
        margin-left: 0.3em;
    }

.sayax-checkbox:hover input ~ .checkmark {
    background-color: #b0d0f130;
    border-color: #54aaef;
}

.sayax-checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 2px solid #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sayax-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
}

.sayax-checkbox .checkmark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #2196F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-control .bs-invalid {
    background: #FBE9E7 !important;
    border: 1px solid red !important;
}

.btn-group.bootstrap-select .btn.dropdown-toggle.btn-default.invalid {
    background: #FBE9E7 !important;
    border: 1px solid red !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    filter: alpha(opacity=80);
    opacity: 0.8;
    cursor: not-allowed;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    pointer-events: all !important;
}

/* Image Rotator */

#imgContent {
    /* 	border:1px green solid; */
    padding-top: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    /* height: 665px; */
}

#imgControls {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 29px;
    /* 	border:thin dashed red; */
    /* text-align:right; */
    display: block;
    margin: 10px 0;
    /* background-color: rgb(255, 255, 255); */
    width: 160px;
    height: 77px;
    text-align: right;
}

    #imgControls [class^="icon-"],
    #imgControls [class*=" icon-"] {
        font-size: 11px;
    }

    #imgControls button,
    #imgControls select {
        /* width:2em; */
        /* font:16px arial; */
        /* height:30px; */
        vertical-align: middle;
    }

#imgFrame {
    border: 1px solid #ccc;
    width: 100%;
    height: 659px;
    overflow: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: auto; */
    text-align: center;
    padding: 5px;
}


/* #imgFrame img {
     display: flex;
    align-items: center;
    justify-content: center;
} */

#invoiceImg,
#invoiceImg2,
#invoiceImg3 {
    width: 100%;
    position: absolute;
    top: 10px;
    transform-origin: center left;
}

#zoomSelect,
#imageSelect {
    width: auto !important;
}

#imgControls label {
    font: 16px arial, sans-serif;
    width: 156px;
}

label + label {
    margin-left: 1em;
}

.bootstrap-select.form-control .btn {
    background-color: #f9f9f9;
}

.bootstrap-select > button.btn.btn-default:focus {
    background-color: rgba(176, 208, 241, 0.18823529411764706);
    border-color: rgb(84, 170, 239);
}

.bootstrap-select.form-control.required .btn {
    border: 1px solid #d00;
    border-radius: 0;
}

textarea.form-control.required {
    border: 1px solid #d00;
    border-radius: 0;
}

.modal-footer .btn-half-block:first-child {
    margin-left: 0;
    float: left;
}

.modal-footer .btn-half-block:last-child {
    margin-right: 0;
    float: right;
}

.adres-add-button {
    font-size: 30px;
    padding: 0;
    height: 25px;
    width: 25px;
    min-width: initial;
    line-height: 25px;
    margin-top: 5.5px;
}

.button-label {
    visibility: hidden;
    opacity: 0;
    user-select: none;
}

.form-group-s label {
    margin-left: 0;
    white-space: nowrap;
}

.list-group {
    min-height: 228px;
}

.has-warning .form-control {
    border-color: rgb(226, 226, 226);
}

.has-warning .input-group-addon {
    color: rgb(239, 108, 0);
    border-color: rgb(226, 226, 226);
    background-color: rgb(249, 249, 249);
}

.has-warning .form-control:focus {
    border-color: rgb(84, 170, 239);
}


/* Image Rotator 2 */

.viewer {
    -ms-touch-action: none;
    width: 100%;
    height: auto;
}

    .viewer img {
        image-orientation: from-image;
    }

.iviewer_common {
    position: absolute;
    bottom: 10px;
    border: 1px solid #000;
    height: 28px;
    z-index: 5000;
}

.iviewer_cursor {
    cursor: -webkit-grab;
}

.iviewer_drag_cursor {
    cursor: -webkit-grabbing;
}

.iviewer_button {
    width: 28px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    background-color: white;
    border: 1px solid black;
    font-size: 16px;
}

.iviewer_zoom_in {
    left: 20px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUzMy4zMzMgNTMzLjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTMzLjMzMyA1MzMuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUxNi42NjcsMjAwSDMzMy4zMzNWMTYuNjY3QzMzMy4zMzMsNy40NjIsMzI1Ljg3MSwwLDMxNi42NjcsMGgtMTAwQzIwNy40NjIsMCwyMDAsNy40NjIsMjAwLDE2LjY2N1YyMDBIMTYuNjY3ICAgQzcuNDYyLDIwMCwwLDIwNy40NjIsMCwyMTYuNjY3djEwMGMwLDkuMjA0LDcuNDYyLDE2LjY2NiwxNi42NjcsMTYuNjY2SDIwMHYxODMuMzM0YzAsOS4yMDQsNy40NjIsMTYuNjY2LDE2LjY2NywxNi42NjZoMTAwICAgYzkuMjA0LDAsMTYuNjY3LTcuNDYyLDE2LjY2Ny0xNi42NjZWMzMzLjMzM2gxODMuMzMzYzkuMjA0LDAsMTYuNjY3LTcuNDYyLDE2LjY2Ny0xNi42NjZ2LTEwMCAgIEM1MzMuMzMzLDIwNy40NjIsNTI1Ljg3MSwyMDAsNTE2LjY2NywyMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.iviewer_zoom_out {
    left: 55px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM0OS4wMyAzNDkuMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0OS4wMyAzNDkuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzQ5LjAzLDE0MS4yMjZ2NjYuNTc5YzAsNS4wMTItNC4wNjEsOS4wNzktOS4wNzksOS4wNzlIOS4wNzljLTUuMDE2LDAtOS4wNzktNC4wNjctOS4wNzktOS4wNzl2LTY2LjU3OSAgIGMwLTUuMDEyLDQuMDYzLTkuMDc5LDkuMDc5LTkuMDc5aDMzMC44NzJDMzQ0Ljk3LDEzMi4xNDYsMzQ5LjAzLDEzNi4yMTMsMzQ5LjAzLDE0MS4yMjZ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.iviewer_zoom_zero {
    left: 90px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUzMy4zMzMgNTMzLjMzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTMzLjMzMyA1MzMuMzM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTY2LjY2NywxMzMuMzMzdjMzMy4zMzNoNDY2LjY2N1YxMzMuMzMzSDY2LjY2N3ogTTUwMCw0MTEuMTExTDQzMy4zMzMsMzAwbC03NS41NTYsNjIuOTYyTDMwMCwyNjYuNjY3TDEwMCw0MzMuMzMzICAgVjE2Ni42NjdoNDAwVjQxMS4xMTF6IE0xMzMuMzMzLDI1MGMwLDI3LjYxNCwyMi4zODYsNTAsNTAsNTBjMjcuNjE1LDAsNTAtMjIuMzg2LDUwLTUwcy0yMi4zODUtNTAtNTAtNTAgICBDMTU1LjcxOSwyMDAsMTMzLjMzMywyMjIuMzg2LDEzMy4zMzMsMjUweiBNNDY2LjY2Nyw2Ni42NjdIMFY0MDBoMzMuMzMzVjEwMGg0MzMuMzMzVjY2LjY2N3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.iviewer_zoom_fit {
    left: 125px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI5OC42NjcgMjk4LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjk4LjY2NyAyOTguNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwb2x5Z29uIHBvaW50cz0iNDIuNjY3LDE5MiAwLDE5MiAwLDI5OC42NjcgMTA2LjY2NywyOTguNjY3IDEwNi42NjcsMjU2IDQyLjY2NywyNTYgICAgIiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwb2x5Z29uIHBvaW50cz0iMCwxMDYuNjY3IDQyLjY2NywxMDYuNjY3IDQyLjY2Nyw0Mi42NjcgMTA2LjY2Nyw0Mi42NjcgMTA2LjY2NywwIDAsMCAgICAiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBvbHlnb24gcG9pbnRzPSIxOTIsMCAxOTIsNDIuNjY3IDI1Niw0Mi42NjcgMjU2LDEwNi42NjcgMjk4LjY2NywxMDYuNjY3IDI5OC42NjcsMCAgICAiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBvbHlnb24gcG9pbnRzPSIyNTYsMjU2IDE5MiwyNTYgMTkyLDI5OC42NjcgMjk4LjY2NywyOTguNjY3IDI5OC42NjcsMTkyIDI1NiwxOTIgICAgIiBmaWxsPSIjMDAwMDAwIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    padding: 0;
    background-size: contain;
    border: none;
}

.iviewer_zoom_status {
    left: 160px;
    font-size: 1em;
    color: #000;
    background-color: #fff;
    text-align: center;
    width: 60px;
    padding: 0;
}

.iviewer_rotate_left {
    left: 227px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik00OTYuNSwyMzMuODQyYy0zMC44NDEtNzYuNzA2LTExNC4xMTItMTE1LjA2LTI0OS44MjMtMTE1LjA2aC02My45NTNWNDUuNjkzYzAtNC45NTItMS44MDktOS4yMzUtNS40MjQtMTIuODUgICBjLTMuNjE3LTMuNjE3LTcuODk2LTUuNDI2LTEyLjg0Ny01LjQyNmMtNC45NTIsMC05LjIzNSwxLjgwOS0xMi44NSw1LjQyNkw1LjQyNCwxNzkuMDIxQzEuODA5LDE4Mi42NDEsMCwxODYuOTIyLDAsMTkxLjg3MSAgIGMwLDQuOTQ4LDEuODA5LDkuMjI5LDUuNDI0LDEyLjg0N0wxNTEuNjA0LDM1MC45YzMuNjE5LDMuNjEzLDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4YzQuOTQ3LDAsOS4yMjktMS44MTQsMTIuODQ3LTUuNDI4ICAgYzMuNjE2LTMuNjE0LDUuNDI0LTcuODk4LDUuNDI0LTEyLjg0OHYtNzMuMDk0aDYzLjk1M2MxOC42NDksMCwzNS4zNDksMC41NjgsNTAuMDk5LDEuNzA4YzE0Ljc0OSwxLjE0MywyOS40MTMsMy4xODksNDMuOTY4LDYuMTQzICAgYzE0LjU2NCwyLjk1LDI3LjIyNCw2Ljk5MSwzNy45NzksMTIuMTM1YzEwLjc1Myw1LjE0NCwyMC43OTQsMTEuNzU2LDMwLjEyMiwxOS44NDJjOS4zMjksOC4wOTQsMTYuOTQzLDE3LjcsMjIuODQ3LDI4LjgzOSAgIGM1Ljg5NiwxMS4xMzYsMTAuNTEzLDI0LjMxMSwxMy44NDYsMzkuNTM5YzMuMzI2LDE1LjIyOSw0Ljk5NywzMi40NTYsNC45OTcsNTEuNjc1YzAsMTAuNDY2LTAuNDc5LDIyLjE3Ni0xLjQyOCwzNS4xMTggICBjMCwxLjEzNy0wLjIzNiwzLjM3NS0wLjcxNSw2LjcwOGMtMC40NzMsMy4zMzMtMC43MTIsNS44NTItMC43MTIsNy41NjJjMCwyLjg1MSwwLjgwOCw1LjIzMiwyLjQyMyw3LjEzNiAgIGMxLjYyMiwxLjkwMiwzLjg2LDIuODUxLDYuNzE0LDIuODUxYzMuMDQ2LDAsNS43MDgtMS42MTUsNy45OTQtNC44NTNjMS4zMjgtMS43MTEsMi41NjEtMy44MDYsMy43MS02LjI4MyAgIGMxLjE0My0yLjQ3MSwyLjQzLTUuMzI1LDMuODU0LTguNTYyYzEuNDMxLTMuMjM3LDIuNDMtNS41MTMsMi45OTgtNi44NDhjMjQuMTctNTQuMjM4LDM2LjI1OC05Ny4xNTgsMzYuMjU4LTEyOC43NTYgICBDNTExLjYzLDI5MS4wMzksNTA2LjU4OSwyNTkuMzQ0LDQ5Ni41LDIzMy44NDJ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.iviewer_rotate_right {
    left: 262px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUwNi4yMDYsMTc5LjAxMkwzNjAuMDI1LDMyLjgzNGMtMy42MTctMy42MTctNy44OTgtNS40MjYtMTIuODQ3LTUuNDI2cy05LjIzMywxLjgwOS0xMi44NDcsNS40MjYgICBjLTMuNjE3LDMuNjE5LTUuNDI4LDcuOTAyLTUuNDI4LDEyLjg1djczLjA4OWgtNjMuOTUzYy0xMzUuNzE2LDAtMjE4Ljk4NCwzOC4zNTQtMjQ5LjgyMywxMTUuMDZDNS4wNDIsMjU5LjMzNSwwLDI5MS4wMywwLDMyOC45MDcgICBjMCwzMS41OTQsMTIuMDg3LDc0LjUxNCwzNi4yNTksMTI4Ljc2MmMwLjU3LDEuMzM1LDEuNTY2LDMuNjE0LDIuOTk2LDYuODQ5YzEuNDI5LDMuMjMzLDIuNzEyLDYuMDg4LDMuODU0LDguNTY1ICAgYzEuMTQ2LDIuNDcxLDIuMzg0LDQuNTY1LDMuNzE1LDYuMjc2YzIuMjgyLDMuMjM3LDQuOTQ4LDQuODU5LDcuOTk0LDQuODU5YzIuODU1LDAsNS4wOTItMC45NTEsNi43MTEtMi44NTQgICBjMS42MTUtMS45MDIsMi40MjQtNC4yODQsMi40MjQtNy4xMzJjMC0xLjcxOC0wLjIzOC00LjIzNi0wLjcxNS03LjU2OWMtMC40NzYtMy4zMzMtMC43MTUtNS41NjQtMC43MTUtNi43MDggICBjLTAuOTUzLTEyLjkzOC0xLjQyOS0yNC42NTMtMS40MjktMzUuMTE0YzAtMTkuMjIzLDEuNjY4LTM2LjQ0OSw0Ljk5Ni01MS42NzVjMy4zMzMtMTUuMjI5LDcuOTQ4LTI4LjQwNywxMy44NS0zOS41NDMgICBjNS45MDEtMTEuMTQsMTMuNTEyLTIwLjc0NSwyMi44NDEtMjguODM1YzkuMzI1LTguMDksMTkuMzY0LTE0LjcwMiwzMC4xMTgtMTkuODQyYzEwLjc1Ni01LjE0MSwyMy40MTMtOS4xODYsMzcuOTc0LTEyLjEzNSAgIGMxNC41Ni0yLjk1LDI5LjIxNS00Ljk5Nyw0My45NjgtNi4xNHMzMS40NTUtMS43MTEsNTAuMTA5LTEuNzExaDYzLjk1M3Y3My4wOTFjMCw0Ljk0OCwxLjgwNyw5LjIzMiw1LjQyMSwxMi44NDcgICBjMy42MiwzLjYxMyw3LjkwMSw1LjQyNCwxMi44NDcsNS40MjRjNC45NDgsMCw5LjIzMi0xLjgxMSwxMi44NTQtNS40MjRsMTQ2LjE3OC0xNDYuMTgzYzMuNjE3LTMuNjE3LDUuNDI0LTcuODk4LDUuNDI0LTEyLjg0NyAgIEM1MTEuNjI2LDE4Ni45Miw1MDkuODIsMTgyLjYzNiw1MDYuMjA2LDE3OS4wMTJ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.btn-hor {
    vertical-align: bottom;
    padding-top: 30px;
}

#aramaSonucDiv .dropdown-menu.open ul {
    height: auto;
    max-height: 200px;
    overflow-y: scroll;
}

.buttons-excel {
    height: 36px;
    min-width: 40px;
    border-radius: 0;
    padding: 7px 15px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #0000;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.5384616;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    background-color: #ffe000;
    border: 1px solid #e8cb00;
    transition: border-color ease-in-out .15s, background-color ease-in-out .15s;
}



.errorAuthCard {
    background: #133354;
    color: white;
    padding: 20px 35px 0px 35px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    width: 470px;
    margin: auto;
}

.errorAuthStatusHolder {
    font-size: 130px;
    line-height: 0.8em;
}

.errorAuthStatusHolderText {
    font-size: 1.5em;
}

.errorAuthMessage {
    font-size: 0.8em;
}

.errorAuthMessageHolder {
    background: #0E2640;
    line-height: 25px;
    padding: 5px 0 10px 20px;
    position: relative;
    font-size: 22px;
    margin-left: -35px;
    width: calc(100% + 100px);
    top: -40px;
}

.errorUnauthorizedCard {
    background: #133354;
    color: white;
    padding: 15px 25px 15px 0;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin: auto;
    height: 325px;
    text-align: center;
}

.unauthorizedAuthMessage {
    font-size: 14px;
}

.unauthorizedAuthMessageHolder {
    background: #0E2640;
    padding: 5px 0 10px 20px;
    font-size: 24px;
    margin-left: -35px;
    width: calc(100% + 65px);
}


#modal_Ek3Form .modal-body.ek3form {
    padding-top: 10px;
}

#modal_Ek3Form .modal-footer.ek3form {
    padding: 10px;
}

.taleparabutton {
    height: 30px;
    position: absolute;
    left: 290px;
    margin-top: 7px;
    background: #ffe000;
    border: 1px solid #e8cb00;
    padding: 0 15px;
    z-index: 99;
}

.taleparabutton2 {
    left: 430px;
}

.potansiyelmusteri {
    background: #ff6c00db;
    color: #ffffff;
    letter-spacing: 1px;
    border: 1px solid #ff6c00;
    padding: 5px 10px;
}

@media (max-width: 769px) {
    .taleparabutton {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_filter label { /* display:none; */
        width: calc(100% - 26px);
        float: left;
    }

        div.dataTables_wrapper div.dataTables_filter label input { /* display:block; */
            width: -webkit-fill-available;
            margin-left: -24px;
        }
}

@media (max-width: 320px) {
    #pie {
        width: 258px;
    }
}

@media(max-height: 600px) AND (min-width:1000px) {
    .modal-open .modal {
        pointer-events: all;
    }
}

#docstatuselectbox {
    height: 36px;
    width: 250px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 99;
    padding: 0 10px;
}

.dataTable tbody tr td {
    height: 35px;
}

#mrgntop20 {
    margin-top: 32px;
}

.menu-icon {
    font-family: 'Glyphicons Halflings';
    color: white;
    width: 20px;
    margin-left: 20px;
}

.canvasjs-chart-credit {
    right: unset !important;
    left: 2px !important;
    background: white;
    color: white !important;
    user-select: none;
    pointer-events: none;
    margin-top: -2px;
}

iframe {
    width: 100%;
    height: 300px;
    border: none;
}

.iframeholder .generatedcontent {
    overflow: hidden !important;
}

.scrollHider {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .scrollHider .iframeholder {
        position: relative;
    }

.header-logo {
    width: 50px;
    height: auto;
    margin: 15px auto;
    display: block;
}

.footer {
    height: 50px;
    line-height: 50px;
    color: white;
    bottom: 0;
}

    .footer a {
        color: white;
    }

.enerjicel-loginlogo {
    width: 75%;
}

.portal-title {
    font-size: 30px;
}


.aktifMusteri {
    background: #4CAF50;
    color: #ffffff;
    letter-spacing: 1px;
    border: 1px solid #4CAF50;
    padding: 5px 10px;
}

.pasifMusteri {
    background: #f44336;
    color: #ffffff;
    letter-spacing: 1px;
    border: 1px solid #f44336;
    padding: 5px 10px;
}


.tabbable {
    background: white;
    border: none;
    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
}

    .tabbable.sub-tab {
        box-shadow: none;
    }

        .tabbable.sub-tab ul.nav-tabs-solid,
        .panel-body .nav-tabs.nav-tabs-solid {
            padding: 0;
            margin: 0 -5px;
        }

.panel-body .tabbable {
    box-shadow: none;
}


.listactionbttn {
    color: white;
    border: none;
    border-radius: 3px;
    min-height: 30px;
    background-color: #294d72;
    min-width: 30px;
}


#modal_Document_View .tab-content > .tab-pane {
    min-height: 1px;
    height: 72vh;
    overflow-x: auto;
    padding: 15px;
    overflow-y: auto;
}

#modal_Document_View embed {
    height: 100%;
    display: block;
    margin-top: 10px;
    min-height: 460px;
    width: 100%;
    max-height: 67vh;
    max-height: 98%;
}

#modal_Document_View .show-files-modal.modal-dialog {
    width: 50%;
}


@media(max-width:768px) {
    #modal_Document_View .show-files-modal.modal-dialog {
        width: 100%;
    }
}


input[type="date"] {
    position: relative;
}

    /* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
    input[type="date"]:after {
        content: "\25BC";
        color: #555;
        padding: 0 5px;
    }

    /* change color of symbol on hover */
    input[type="date"]:hover:after {
        color: #bf1400;
    }

    /* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }

    /* adjust increase/decrease button */
    input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }

    /* adjust clear button */
    input[type="date"]::-webkit-clear-button {
        z-index: 1;
    }



.custom-header {
    font-size: 24px;
    margin-left: 10px;
}

.btn-group.bootstrap-select.form-control {
    margin-bottom: 5px;
    width: 250px;
}

/*Dashboard Card CSSS */

.order-card {
    color: #fff;
}

.bg-c-lightblue {
    background: #5b8de6;
}

.bg-c-blue {
    background: #2354af;
}

.bg-c-navyblue {
    background: #0f3579;
}


.bg-c-darkblue {
    background: #0e2640;
}

.bg-c-green {
    background: #156b2cdb;
}

.bg-c-yellow {
    background: #c1ca3c;
}

.bg-c-red {
    background: #ff3616e0;
}

.card {
    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
    border: none;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .card .card-block {
        padding: 10px 15px;
        text-shadow: 0 0px 1px #717070;
    }

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.card-block h6 {
    margin: 0;
    font-size: 14px;
}

.price {
    font-size: 20px;
    color: white;
    margin: 10px 0px;
    padding: 0;
}

.price-icon i {
    font-size: 72px;
    float: right;
    color: white;
}

.label {
    font-size: 12px !important;
}

.label-price {
    background-color: white;
    color: #333;
    padding: 3px 5px 2px 5px;
    line-height: 1;
    margin-bottom: 0;
}
/*Dashboard Card CSSS */

.trade-report-design {
    line-height: 1.5;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    font-weight: 700;
    color: black;
    margin: 0;
    padding: 0;
}

.panel-home .panel-body .media-heading {
    line-height: 1.5;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    font-weight: 700;
}

.table-scrollable .dataTables_filter + div {
    overflow-x: scroll;
    width: 100%;
    display: block;
}
/*.table-scrollable .dataTable tbody tr td {
    white-space: nowrap;
}*/

.home-page {
    min-height: calc(100vh - 123px);
}


#btnFaturaOde:hover {
    opacity: 0.7;
}


.ReloadBtn {
    background: url('../assets/images/captchaUpdateBtn.png') left top no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
    border: 0px;
    outline: none;
    outline: none;
    cursor: pointer; /**/
    position: relative;
    top: 15px;
}

.customer-info-mail {
    word-break: break-all;
}