/*Modifiyeler*/

.longswitch .ui-slider-switch {
    min-width: 14em !important;
}

.reporticon {
    max-height: 40px;
    max-width: 40px;
    left: 10px !important;
    top: .9em !important;
}

/*Theme Options*/
.accent-color, .owl-theme .owl-controlls .owl-page span, .ui-btn-active {
    background: #ff6446 !important;
}

.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-color: #ff6446 !important;
}

.svg-accent {
    fill: #ff6446 !important;
}

.ui-btn-active {
    box-shadow: inset 0px 0px 3px #ff6446, 0px 0px 9px #ff6446 !important;
    border: none !important;
}

.ui-focus, .ui-btn:focus {
    box-shadow: inset 0px 0px 3px #ff6446, 0px 0px 9px #ff6446 !important;
}



/*Auto Complate*/
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
    padding: 0;
    font-family: "Source Sans Pro",Arial,sans-serif;
    font-size: 19px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}


.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete div {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-suggestion {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #feff7e;
    border-bottom: solid 1px orange;
    font-size: 12px;
    color: black;
}

    .autocomplete-suggestion strong {
        font-weight: normal;
        color: green;
    }



/*Raporlama*/
.ScrollTable {
    overflow-x: scroll;
}




/*Custom Icon*/
.ui-icon-order, .ui-icon-bag, .ui-icon-cash {
    background: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 24px;
    height: 24px;
    /*margin-top: -12px;*/
}

.ui-icon-bill {
    background: url("/content/img/menu-icons/bill16black.png") no-repeat 50% 50% !important;
    height:24px;
    width:24px;
}

.ui-icon-order {
    background: url("/content/img/menu-icons/order24black.png") no-repeat 50% 50% !important;
}

.ui-icon-bag {
    background: url("/content/img/menu-icons/bag24black.png") no-repeat 50% 50% !important;
}

.ui-icon-cash {
    background: url("/content/img/menu-icons/cash24black.png") no-repeat 50% 50% !important;
}

.ui-icon-phone16 {
    background: url("/content/img/menu-icons/phone16black.png") no-repeat 50% 50% !important;
}

.ui-icon-map16 {
    background: url("/content/img/menu-icons/map16black.png") no-repeat 50% 50% !important;
}

.ui-icon-at16 {
    background: url("/content/img/menu-icons/at16black.png") no-repeat 50% 50% !important;
}

.ui-icon-internet16 {
    background: url("/content/img/menu-icons/internet16black.png") no-repeat 50% 50% !important;
}



/*Validation*/
.field-validation-error {
    display: block;
    color: red;
    padding: 3px;
}

.input-validation-error {
    background-color: pink !important;
}



.ImagePlaceHolderDiv {
    padding: 5px;
    padding-right: 0;
    min-width: 60px;
    min-height: 60px;
    max-height: 70px;
    max-width: 70px;
    background: url('/content/img/minloader.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

    .ImagePlaceHolderDiv img {
        max-height: 70px;
        max-width: 70px;
    }


.StokFoto {
    border-radius: 3px;
    padding: 3px;
    margin: 5px;
}



/*Float Table*/
.thfloat-table {
    margin-top: 46px !important;
}



#raporsonuctable thead th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #182427;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    border-color: #182427;
    letter-spacing: 2px;
    -webkit-text-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA;
    text-align: center;
}

#raporsonuctable tbody tr:nth-child(2n+1) {
    background-color: #f7faf9;
}



input:disabled, mobile-textinput-disabled, ui-state-disabled {
    color: #0043fe;
    font-weight: bold;
}



table.SiparisTutar {
    margin-top: 20px;
    margin-bottom: 20px;
}

    table.SiparisTutar tr td, th {
        padding: 3px;
        white-space: nowrap;
        text-align: left;
    }

    table.SiparisTutar tr td {
        text-align: right;
    }


.KatalogResim {
    max-width: 90%;
}


.KtlgKod {
    font-size: 14px;
    font-family: Tahoma,sans-serif;
}

.KtlgCins {
    font-size: 14px;
    font-family: Tahoma,sans-serif;
}

.KtlgImgDiv {
    text-align: center;
    position: relative;
}

.KtlgTopDiv {
    padding-top: 3px;
    padding-bottom: 3px;
}

.KtlgFiyat {
    font-family: Tahoma;
    font-size: 24px;
    text-decoration: underline;
    color: #fe9b2a;
}

.KtlgBakiye {
    font-size: 12px;
    font-family: Tahoma,sans-serif;
}

.KtlgStokKod {
    padding: 5px 15px;
    float: right;
    background-color: #fa9828;
    line-height: 35px;
    margin-right: 20px;
}

.KtlgInput {
    width: 50px;
    height: 30px;
    font-size: 20px;
    border-radius: 4px;
    text-align: center;
    margin: 5px;
}

.KtlgButton {
    font-size: 30px;
    font-family: Tahoma;
    color: white;
    text-shadow: none;
    display: inline-block;
    padding-top: 3px;
    float: right;
}

.KtlgResimDiv {
    display: none;
    z-index: 999999999;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    text-align: center;
}



.divloading {
    background: url('data:image/gif;base64,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') /*AjaxLoader.gif*/ no-repeat center center;
}

/*a[data-icon="bill"] {
    display: none !important;
}*/

/*#BillNode {
    display: none;
}*/
/*#DespatchNode {
    display: none;
}*/

/*#liServisFormu {
    display: block !important;
}*/
/*div[data-role="page"] {
    min-height: 10000px !important;
}*/
/*.viewport-flip {
    position: relative !important;
}*/
/*.ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page {
    overflow-y: auto;
}*/
.ui-mobile .ui-page-active {
    display: block;
    overflow: visible; /*overflow-x:hidden*/
}

html, body, div[data-role ="page"] {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.ui-content {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*border-style: solid;
    border-color: chartreuse;
    border-width: 5px;*/
}

#map {
    height: 100%;
    width: 100%;
    padding: 0px;
    border-style: solid;
    border-color: crimson;
    border-width: 10px;
}

.divRel {
    /*border: 1px solid #666;*/
    display: inline-block;
    height: auto;
    margin: 2px;
    padding: 2px;
    margin-left: 0px;
}


#iconRel {
    line-height: 50px;
}

#iconRel {
    vertical-align: middle;
    font-size: 30px;
}

.gg-info {
    box-sizing: border-box;
    position: relative;
    display: inherit;
    transform: scale(var(--ggs,1));
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 40px;
    color: #17a2b8 !important;
}

    .gg-info::after,
    .gg-info::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        border-radius: 3px;
        width: 2px;
        background: currentColor;
        left: 7px
    }

    .gg-info::after {
        bottom: 2px;
        height: 8px
    }

    .gg-info::before {
        height: 2px;
        top: 2px
    }