body {
    margin: 0;
}

.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

    .navbar a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

.dropdown {
    float: left;
    overflow: hidden;
}

    .dropdown .dropbtn .dropbtn2 {
        font-size: 16px;
        border: none;
        outline: none;
        /*color: white;*/
        color: #484848;
        padding: 14px 16px;
        background-color: inherit;
        font: inherit;
        margin: 0;
    }

    .navbar a:hover, .dropdown:hover .dropbtn {
        background-color: red;
    }

.dropbtn2 {
    background-color: black;
}





.dropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    width: 100%;
    top: 20px;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 4;
}

    .dropdown-content .header {
        background: red;
        padding: 16px;
        color: white;
    }

.dropdown:hover .dropdown-content {
    display: block;
}



/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 15%;
    padding: 10px;
    background-color: white;
}

    .column a {
        float: none;
        color: black;
        padding: 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .column a:hover {
            background-color: #ddd;
        }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}



/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
        height: auto;
    }
}

.basket-item-count {
    top: 16px;
    width: 21px;
    height: 16px;
    right: 11px;
    background-color: #f27a1a;
}

hr {
    height: 1px;
    background-color: grey;
    border: none;
}


.login {
    width: 100%;
    padding: 10px 20px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

    .login:focus {
        border-color: #66afe9;
    }

/* Set a style for all buttons */
button {
    /*background-color: #4CAF50;*/
    color: white;
    padding: 5px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

    button:hover {
        opacity: 0.8;
    }

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    /*text-align: center;*/ /*DEGİŞİM*/
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 24px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: red;
        cursor: pointer;
    }

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }
}

.form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 12px 20px; /*6px 12px;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


    /*.login {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}*/

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }



    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

/*Hatice*/
.biltas-font {
    font-family: AvenirNextLTPro;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
}

.biltas-font-bold {
    font-family: AvenirNextLTPro-Bold;
    font-size: 12px;
}

.biltas-normal-font {
    font-family: Arial Black;
}

.w3-biltas-radio {
    width: 13px;
    height: 13px;
    position: relative;
    top: 6px;
}

.w3-biltas-radio {
    width: 18px;
    height: 18px;
    position: relative;
    top: 6px;
}

input[type=radio].w3-biltas-radio:checked + .w3-validate {
    /*color: #009688;*/
    /*font-weight:700;*/
}

.biltas_button {
    background-color: white;
    color: black;
    /*border-bottom: 2px solid white !important;*/
}

    .biltas_button:hover {
        opacity: 0.8;
        color: black !important;
        /*border-bottom: 2px solid white !important;*/
        background-color: white;
    }



.biltas-orange { /*murat acar sonradan hepsiburadanın birebir aynısı olsun dediği için eklendi.*/
    color: #484848 !important;
    background-color: white !important;
}

.w3-biltas-gray {
    color: #fff !important;
    background-color: #919191;
}

/*Hatice*/


.topnav {
    /*background-color: #333;*/
    /*overflow: hidden;*/
}

    /* Style the links inside the navigation bar */
    .topnav a {
        /*float: left;*/
        display: block;
        /*color: #f2f2f2;*/
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

    /* Style the dropdown button to fit inside the topnav */
    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Style the links inside the dropdown */
    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    /*background-color: #555;
  color: white;*/
    opacity: 0.5;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */



/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px), (max-width: 900px) {

    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }

    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive a.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

        .topnav.responsive .dropdown {
            float: none;
        }

        .topnav.responsive .dropdown-content {
            position: relative;
        }

        .topnav.responsive .dropdown .dropbtn {
            display: block;
            width: 100%;
            text-align: left;
        }
}

.urunOzetDiv {
    position: relative;
}
/*ikisi de ürün üzerinde kampanya işaretinin görünmesi için eklendi*/
.urunKampDv {
    position: relative;
}


.urunOzetDiv:hover {
    box-shadow: 0 0 10px 1px lightgrey;
    /*border: 1px solid #e5e5e5;*/
    cursor: pointer;
}

    .urunOzetDiv:hover .sepeteEkle {
        /*border:1px solid gray;*/
        box-shadow: 3px 3px 5px grey;
        display: block;
    }




    .urunOzetDiv:hover > .clsAdet {
        background-color: yellow;
    }


.biltas-middle-gray {
    background-color: #DDDDDD;
}

.biltas-urun-p {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45ch;
    height: 41px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.sepeteEkle {
    display: none;
}


/*slider*/
/*slider için w3 ün üstüne bunlar eklendi ki sliderın pagingi yuvarlak görünsün*/
.mySlides {
    display: none;
}

.w3-left, .w3-right, .w3-badge {
    cursor: pointer;
}

.w3-badge {
    height: 13px;
    width: 13px;
    padding: 0;
}
/*slider*/

.biltas-footer-menu-item {
    cursor: pointer;
}

    .biltas-footer-menu-item:hover {
        cursor: pointer;
        /*background-color: lightgray;*/ /*DEGİŞİM*/
        /*border: 1px solid grey;*/
        text-decoration-color: orange;
        /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    }

.biltas-text {
}

    .biltas-text:hover {
        color: black;
    }

.bottom-middle-fixed-div {
    margin: auto;
    position: fixed;
    margin: auto;
    left: 0;
    bottom: 0;
}
/*03.01.2022 Hatice*/
.top-middle-fixed-div {
    margin: auto;
    position: fixed;
    margin: auto;
    left: 0;
    top: 20px;
}

.biltas_active {
}

    .biltas_active:focus {
        box-shadow: 0px 1px 16px 0px #ff6000;
    }

.highlight {
    color: red;
}


.biltas_table:focus {
    background-color: red;
}

.cdp_i {
    overflow: auto;
}


.w3-sidebar a {
    font-family: "Roboto", sans-serif;
}

body, h1, h2, h3, h4, h5, h6, .w3-wide {
    /*font-family: "Montserrat", sans-serif;*/
    font-family: Helvetica,sans-serif;
}

.auto-style1 {
    width: 86px;
    height: 108px;
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pagination-block {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    width:auto;
    height:auto;
}

.pagination span {
    cursor:pointer;
    color: black;
    padding: 6px 8px 6px 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination-buttons {
    color: black;
    padding: 6px 8px 6px 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination p {
    color: black;
    float: left;
    padding: 0px 16px;
    text-decoration: none;
    border: 0px solid #ddd;
}

.pagination span.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination p.active {
    background-color: white;
    color: white;
    border: 0px solid #4CAF50;
}

.pagination span:hover:not(.active) {
    background-color: #ddd;
}


.pagination p:hover:not(.active) {
    background-color: white;
}

.pagination span:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination span:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}




@font-face {
    font-family: AvenirNextLTPro;
    src: url("../fonts/AvenirNextLTPro.woff");
}


@font-face {
    font-family: AvenirNextLTPro-Regular;
    src: url("../fonts/AvenirNextLTPro-Regular.woff");
}


@font-face {
    font-family: AvenirNextLTPro-Bold;
    src: url("../fonts/AvenirNextLTPro-Bold.woff");
}

@font-face {
    font-family: Helvetica, sans-serif;
    src: url("../fonts/helvetica.woff");
}

@font-face {
    font-family: HelveticaNeue, sans-serif;
    src: url("../fonts/helveticaneue.woff");
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: AvenirNextLTPro;
    color: #bfbfbf;
    font-size: 15px;
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: AvenirNextLTPro;
    color: #bfbfbf;
    font-size: 15px;
}

:-ms-input-placeholder { /* IE 10+ */
    font-family: AvenirNextLTPro;
    color: #bfbfbf;
    font-size: 15px;
}

:-moz-placeholder { /* Firefox 18- */
    font-family: AvenirNextLTPro;
    color: #bfbfbf;
    font-size: 15px;
}

/*TESTT*/

/*#dvAnaGrupBar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    #dvAnaGrupBar ul ul {
        display: none;
    }

    #dvAnaGrupBar ul li:hover > ul {
        display: block;
    }

    #dvAnaGrupBar ul li {
        background-color: white;
    
        float: left;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    #dvAnaGrupBar ul ul ul {
     
        top: 0px;
        position: absolute;
    }*/

/*/////////////////////////////*/


* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    text-decoration: none;
}

.header-menu {
    width: 100%;
    height: 43px;
    float: left;
    background: white;
    position: relative;
}

    .header-menu a {
        width: auto;
        height: 35px;
        float: left;
        font-size: 12px;
        color: #484848;
        padding-left: 18px;
        padding-right: 18px;
        /*border-right:solid 1px white;*/
        line-height: 35px;
    }

        .header-menu a:hover {
            background: url(img/cizgi.png) right no-repeat #f57e20;
        }



    .header-menu li {
        width: auto;
        height: 42px;
        float: left;
        position: relative;
    }

    .header-menu ul li ul {
        /*width:180px;*/
        height: auto;
        float: left;
        position: absolute;
        background: #ff6000;
        top: 35px;
        left: 1px;
        z-index: 1;
        display: none;
    }

        .header-menu ul li ul a {
            width: 163px;
            height: 30px;
            line-height: 30px;
            float: left;
            padding: 0 0 0 17px;
            border-top: dashed 1px gray;
            background: none;
        }

        .header-menu ul li ul li {
            height: 30px;
            line-height: 30px;
        }



    .header-menu li:hover > ul {
        display: block;
    }



    .header-menu ul li ul li ul {
        width: 180px;
        height: auto;
        float: left;
        position: absolute;
        background: #ff6000;
        top: 0px;
        left: 150px;
        z-index: 1;
        display: none;
    }

.purple {
    background: #7622da;
    width: 16%;
    height: 7px;
    float: left;
}

.lightBlue {
    background: #47c6eb;
    width: 17%;
    height: 7px;
    float: left;
}

.orange {
    background: #ed5f1f;
    width: 17%;
    height: 7px;
    float: left;
}

.darkBlue {
    background: #2D4190;
    width: 17%;
    height: 7px;
    float: left;
}


.yellow {
    background: #f59f28;
    width: 17%;
    height: 7px;
    float: left;
}

.darkPurple {
    background: #6b1e5b;
    width: 17%;
    height: 7px;
    float: left;
}

.green {
    background: #45b794;
    width: 16%;
    height: 7px;
    float: left;
}


.iconContent .icon.icon-delivery {
    background: url(https://images.hepsiburada.net/images/smiling-plane.svg);
    width: 161px;
    height: 141px;
}

.icon-fastShipping {
    background: url(https://images.hepsiburada.net/assets/sfstatic/Content.b.1.0.5906.0/css/svg/sprite.view-c75330e8.svg);
    background-position: 30.839002267573697% 83.65384615384616%;
    width: 118px;
    height: 119px;
}

.ab > ba:hover {
    display: block;
}

#dvUstBar2 div div {
    display: none;
}






@import url(http://weloveiconfonts.com/api/?family=entypo);

[data-icon]:after {
    font-family: "entypo";
    content: attr(data-icon);
    speak: none;
}

input[type="search"] {
    width: 196px;
    height: 36px;
    padding: 0;
    line-height: 32px;
    background: #56e2c9;
    color: #fff;
    border: 0;
    font: bold 14px/20px "Arial", sans-serif;
    text-indent: 12px;
    outline: none;
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-input-placeholder {
        color: transparent;
    }

    input[type="search"]::-moz-input-placeholder {
        color: transparent;
    }

    input[type="search"]:-ms-input-placeholder {
        color: transparent;
    }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none;
        width: 32px;
        height: 32px;
        line-height: 30px;
        color: white;
        text-align: left;
        cursor: pointer;
    }

        input[type="search"]::-webkit-search-cancel-button:before, input[type="search"]::-webkit-search-results-button:before, input[type="search"]::-webkit-search-results-decoration:before {
            position: absolute;
            content: 'x';
            font-style: normal;
        }

    input[type="search"]:invalid {
        border: 0 !important;
    }

        input[type="search"]:invalid::-webkit-search-cancel-button:before, input[type="search"]:invalid::-webkit-search-results-button:before, input[type="search"]:invalid::-webkit-search-results-decoration:before {
            font-family: "entypo";
            content: attr(data-icon);
        }

    input[type="search"] + label {
        position: absolute;
        margin: 8px 0 0 -30px;
        cursor: pointer;
    }

        input[type="search"] + label:before {
            position: absolute;
            content: 'Choisir';
            left: -152px;
            width: 180px;
            color: #fff;
            font: bold 14px/20px "Arial", sans-serif;
            text-align: left;
        }

        input[type="search"] + label:after {
            margin-left: 7px;
            color: #fff;
            content: '\25BE';
        }

    input[type="search"]:focus::-webkit-input-placeholder {
        font-weight: normal;
        color: #fff;
    }

    input[type="search"]:focus::-moz-input-placeholder {
        font-weight: normal;
        color: #fff;
    }

    input[type="search"]:focus:-ms-input-placeholder {
        font-weight: normal;
        color: #fff;
    }

    input[type="search"]:focus:invalid + label:before {
        display: none;
    }

    input[type="search"]:focus:invalid + label:after {
        margin-left: 4px;
        content: attr(data-icon);
    }

    input[type="search"]:valid + label {
        display: none;
    }

.ui-autocomplete {
    width: 190px;
    max-height: 180px;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    /*background: #2ec5aa;*/
    /*color: #fff;*/
    border-width: 4px 4px 4px 0;
    border-style: solid;
    /*border-color: #2ec5aa;*/
}

    .ui-autocomplete ul {
        list-style: none;
    }

    .ui-autocomplete li {
        height: 36px;
        margin: 0;
        /*font: bold 14px/36px Arial, Helvetica, sans-serif;*/
        white-space: nowrap;
    }

        .ui-autocomplete li:hover {
            -moz-transition: background 0.3s ease-in;
            -o-transition: background 0.3s ease-in;
            -webkit-transition: background 0.3s ease-in;
            transition: background 0.3s ease-in;
            /*background: #3ed1b7;*/
        }

        .ui-autocomplete li a {
            display: block;
            padding: 0 12px;
            cursor: pointer;
        }

/****************RIBBON**********************/

.ribbon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 185px;
        padding: 15px 0;
        background-color: red;
        box-shadow: 0 5px 10px rgba(163, 163, 163, 1);
        color: #fff;
        font: 700 18px/1 'Lato', sans-serif;
        font-size: 11px;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }



.ribbon-top-right {
    top: -9px;
    right: -1px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -4px;
        top: 15px;
        transform: rotate(45deg);
    }


.blink_kampanya {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    /*background-color: #eee;*/
}

    ul.breadcrumb li {
        display: inline;
        font-size: 12px;
    }

        ul.breadcrumb li + li:before {
            padding: 8px;
            color: black;
            content: "/\00a0";
        }

        ul.breadcrumb li a {
            color: #0275d8;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #01447e;
                text-decoration: underline;
            }




@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: none;
    }

#header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
    display: block !important;
}



@media (min-width: 320px) {


    #dvUstMenuBuyuk {
        display: none;
    }

    #dvUstMenuKucuk {
        display: inline;
    }

    /*#dvAnaKategori {
        display: none;
    }*/



    #topAnaMenu {
        display: none;
    }



    #dvFooter {
        display: none;
    }



    /*#dvUrunTipBuyuk {
        display: none;
    }*/


    #dvUstBlackBarKucuk {
        display: inline;
    }

    #dvUstBlackBarBuyuk {
        display: none;
    }

    #dvFooterDiv {
        height: 300px;
    }

    #mainDiv {
        /*min-width:500px;*/
    }

    .tutarTxtSize {
        font-size: 20px;
        padding-top: 5px;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 30px;
        padding-top: 5px;
    }


    .urunOzetDiv {
        height: 240px;
    }

    #mySidebar {
        top: 0px;
        width: 50%;
    }

    #markaDiv {
        font-size: 15px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 10px;
    }

    .dvNavBar {
        width: 1%;
    }

    #dvUrunImg {
        height: auto;
    }

    #divGeriDon {
        margin-top: 15px;
        text-align: center;
    }

    .duruLogo {
        margin-top: 8px;
        display: none; /*03.01.2022 Hatice*/
    }

    #dvFilterBar { /*24.01.2022*/
        width: 95%;
    }
}


@media (min-width: 320px) and (max-width: 480px) {



    #dvUstMenuBuyuk {
        display: none;
    }

    #dvUstMenuKucuk {
        display: inline;
    }

    /*#dvAnaKategori {
        display: none;
    }*/

    #topAnaMenu {
        display: none;
    }




    #dvFooter {
        display: none;
    }

    /*#dvUrunTipKucuk {
        display: inline;
    }*/

    /*#dvUrunTipBuyuk {
        display: none;
    }*/


    #dvUstBlackBarKucuk {
        display: inline;
    }

    #dvUstBlackBarBuyuk {
        display: none;
    }

    #dvFooterDiv {
        height: 400px;
    }

    #mainDiv {
        /*min-width: 500px;*/
    }

    .tutarTxtSize {
        font-size: 20px;
        padding-top: 5px;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 30px;
        padding-top: 5px;
    }

    .urunOzetDiv {
        height: 240px;
    }

    #mySidebar {
        top: 0px;
        width: 50%;
    }

    #markaDiv {
        font-size: 15px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 10px;
    }

    .dvNavBar {
        width: 1%;
    }

    #dvUrunImg {
        height: auto;
        padding: 20px !important;
    }

    #divGeriDon {
        margin-top: 15px;
        text-align: center;
    }

    .duruLogo {
        margin-top: 8px;
        display: none; /*03.01.2022 Hatice*/
    }

    #dvFilterBar { /*24.01.2022*/
        width: 95%;
    }
}

@media (min-width: 480px) and (max-width: 600px) {

    #dvUstMenuBuyuk {
        display: none;
    }


    #dvUstMenuKucuk {
        display: inline;
    }

    /*#dvAnaKategori {
        display: none;
    }*/


    #topAnaMenu {
        display: none;
    }


    #dvFooter {
        display: none;
    }

    /*#dvUrunTipKucuk {
        display: inline;
    }*/

    /*#dvUrunTipBuyuk {
        display: none;
    }*/

    #dvUstBlackBarKucuk {
        display: inline;
    }

    #dvUstBlackBarBuyuk {
        display: none;
    }

    #dvFooterDiv {
        height: 300px;
    }

    #dvIletisim {
        margin-top: 5%;
    }

    #mainDiv {
        /*min-width: 650px;*/
    }

    .tutarTxtSize {
        font-size: 20px;
        padding-top: 5px;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 30px;
        padding-top: 5px;
    }


    .urunOzetDiv {
        height: 240px;
    }

    #mySidebar {
        top: 0px;
        width: 50%;
    }

    #markaDiv {
        font-size: 15px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 12px;
    }

    .dvNavBar {
        width: 1%;
    }

    #dvUrunImg {
        height: auto;
        padding: 20px !important;
    }

    #divGeriDon {
        margin-top: 15px;
        text-align: center;
    }

    .duruLogo {
        margin-top: 16px;
        display: none; /*03.01.2022 Hatice*/
    }


    #dvFilterBar { /*24.01.2022*/
        width: 95%;
    }
}

@media (min-width: 600px) and (max-width: 768px) { /*w3-col m  karşılığı*/



    .responsive {
        width: 100%;
        height: auto;
    }

    #dvUstMenuBuyuk {
        display: none;
    }


    #dvUstMenuKucuk {
        display: inline;
    }

    /*#dvAnaKategori {
        display: none;
    }*/

    #topAnaMenu {
        display: none;
    }



    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: inline;
    }*/

    /*#dvUrunTipBuyuk {
        display: none;
    }*/

    #dvUstBlackBarKucuk {
        display: inline;
    }

    #dvUstBlackBarBuyuk {
        display: none;
    }

    #dvFooterDiv {
        height: 300px;
    }

    #dvIletisim {
        margin-top: 5%;
    }

    #mainDiv {
        /*min-width: 800px;*/
    }

    .tutarTxtSize {
        font-size: 20px;
        padding-top: 5px;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 30px;
        padding-top: 5px;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 50%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 12px;
    }

    .dvNavBar {
        width: 10%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    .duruLogo {
        margin-top: 13px;
        display: none; /*03.01.2022 Hatice*/
    }

    #dvFilterBar { /*24.01.2022*/
        width: 95%;
    }
}

@media (min-width: 768px) and (max-width: 900px) {


    #dvUstMenuBuyuk {
        display: none;
    }

    #dvUstMenuKucuk {
        display: inline;
    }

    /*#dvAnaKategori {
        display: none;
    }*/

    #topAnaMenu {
        display: none;
    }



    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: inline;
    }*/

    /*#dvUrunTipBuyuk {
        display: none;
    }*/

    #dvUstBlackBarKucuk {
        display: inline;
    }

    #dvUstBlackBarBuyuk {
        display: none;
    }

    #dvFooterDiv {
        height: 160px;
    }

    .tutarTxtSize {
        font-size: 25px;
        padding-top: 0;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 35px;
        padding-top: 0;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 50%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    .duruLogo {
        margin-top: 18px;
        display: none; /*03.01.2022 Hatice*/
    }

    #dvFilterBar { /*24.01.2022*/
        width: 95%;
    }
}

@media (min-width: 900px) and (max-width: 993px) { /*w3-col l karşılığı 993*/
    #mySidebar {
        width: 50%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: inline;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: none;
    }

    .clsurunAck {
        font-size: 13px;
    }

    #dvSipOzetGoster {
        display: inline;
    }

    .tutarAlign {
        text-align: left;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    #dvFilterBar { /*24.01.2022*/
        width: 82%;
    }
}


@media (min-width: 993px) and (max-width: 1024px) {


    #dvUstMenuBuyuk {
        display: inline;
    }

    #dvUstMenuKucuk {
        display: none;
    }

    /*#dvAnaKategori {
        display: block;
    }*/

    #topAnaMenu {
        display: inline;
    }


    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: none;
    }*/

    /*#dvUrunTipBuyuk {
        display: inline;
    }*/

    #dvUstBlackBarKucuk {
        display: none;
    }

    #dvUstBlackBarBuyuk {
        display: inline;
    }

    #dvFooterDiv {
        height: 160px;
    }

    .tutarTxtSize {
        font-size: 25px;
        padding-top: 0;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 35px;
        padding-top: 0;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 100%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: none;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: inline;
    }

    .clsurunAck {
        font-size: 11px;
    }

    #dvSipOzetGoster {
        display: none;
    }

    .tutarAlign {
        text-align: right;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    #dvFilterBar { /*24.01.2022*/
        width: 82%;
    }

    .btnClsSepeteEkle { /*24.01.2022*/
        padding: 7px 2px;
        font-size: 10px;
    }

    .duruLogo {
        margin-top: 23px;
        display: inline; /*03.01.2022 Hatice*/
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {

    #dvUstMenuBuyuk {
        display: inline;
    }


    #dvUstMenuKucuk {
        display: none;
    }

    /*#dvAnaKategori {
        display: block;
    }*/

    #topAnaMenu {
        display: inline;
    }


    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: none;
    }*/

    /*#dvUrunTipBuyuk {
        display: inline;
    }*/

    #dvUstBlackBarKucuk {
        display: none;
    }

    #dvUstBlackBarBuyuk {
        display: inline;
    }

    #dvFooterDiv {
        height: 160px;
    }

    .tutarTxtSize {
        font-size: 25px;
        padding-top: 0;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 35px;
        padding-top: 0;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 100%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: none;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: inline;
    }

    .clsurunAck {
        font-size: 11px;
    }

    #dvSipOzetGoster {
        display: none;
    }

    .tutarAlign {
        text-align: right;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    #dvFilterBar { /*24.01.2022*/
        width: 82%;
    }

    .btnClsSepeteEkle { /*24.01.2022*/
        padding: 7px 2px;
        font-size: 10px;
    }

    .duruLogo {
        margin-top: 17px;
        display: inline; /*03.01.2022 Hatice*/
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {



    #dvUstMenuBuyuk {
        display: inline;
    }

    #dvUstMenuKucuk {
        display: none;
    }

    /*#dvAnaKategori {
        display: block;
    }*/

    #topAnaMenu {
        display: inline;
    }


    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: none;
    }*/

    /*#dvUrunTipBuyuk {
        display: inline;
    }*/

    #dvUstBlackBarKucuk {
        display: none;
    }

    #dvUstBlackBarBuyuk {
        display: inline;
    }

    #dvFooterDiv {
        height: 160px;
    }

    #mainDiv {
        /*min-width: 1000px;*/
    }

    .tutarTxtSize {
        font-size: 25px;
        padding-top: 0;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 35px;
        padding-top: 0;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 100%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: none;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: inline;
    }

    .clsurunAck {
        font-size: 11px;
    }

    #dvSipOzetGoster {
        display: none;
    }

    .tutarAlign {
        text-align: right;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    #dvFilterBar { /*24.01.2022*/
        width: 82%;
    }

    .duruLogo {
        margin-top: 16px;
        display: inline; /*03.01.2022 Hatice*/
    }
}


@media (min-width: 1500px) {




    #dvUstMenuBuyuk {
        display: inline;
    }

    #dvUstMenuKucuk {
        display: none;
    }

    /*#dvAnaKategori {
        display: block;
    }*/

    #topAnaMenu {
        display: inline;
    }



    #dvFooter {
        display: inline;
    }

    /*#dvUrunTipKucuk {
        display: none;
    }*/

    /*#dvUrunTipBuyuk {
        display: inline;
    }*/

    #dvUstBlackBarKucuk {
        display: none;
    }

    #dvUstBlackBarBuyuk {
        display: inline;
    }

    #dvFooterDiv {
        height: 160px;
    }

    .tutarTxtSize {
        font-size: 25px;
        padding-top: 0;
    }

    .tutarTxtSize_kosulSuz {
        font-size: 35px;
        padding-top: 0;
    }

    .urunOzetDiv {
        height: 490px;
    }

    #mySidebar {
        width: 100%;
    }

    #markaDiv {
        font-size: 17px;
    }

    /*#spnIsk1, #spnIsk2, #spnIsk3, #spnIsk4, #spnIsk5, #spnIsk6, #spnNetFiyat, #spnNetTutar, #spnKdvOran, #spnBirimFiyat, #dvFiyatSpace {
        display: none;
    }*/

    #header_table_isk1, #header_table_isk2, #header_table_isk3, #header_table_isk4, #header_table_isk5, #header_table_isk6, #header_net_fiyat, #header_net_tutar, #header_table_adet, #header_table_kdv, #header_table_birimFiyat, #header_table_birim { /*10.01.2022 Hatice*/
        display: inline;
    }

    .clsurunAck {
        font-size: 11px;
    }

    #dvSipOzetGoster {
        display: none;
    }

    .tutarAlign {
        text-align: right;
    }

    .footerText {
        font-size: 14px;
    }

    .dvNavBar {
        width: 16%;
    }

    #dvUrunImg {
        height: 550px;
    }

    #divGeriDon {
        margin-top: 0;
        text-align: left;
    }

    #dvFilterBar { /*24.01.2022*/
        width: 82%;
    }

    .duruLogo {
        margin-top: 7px;
        display: inline; /*03.01.2022 Hatice*/
    }
}


.responsive {
    max-width: 90%;
    height: auto;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}


.w3_biltas-padding-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
    height: 1.2em;
    white-space: nowrap;
}

.caret_right {
    border: solid #919191;
    border-width: 2px 2px 0 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.caret_down {
    border: solid #919191;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.biltas-ktg-grup-p {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

    .biltas-ktg-grup-p:hover{
        color:#f10;
    }

    .biltas-ktg-alt-grup-p {
        /*white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        height: auto;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .biltas-ktg-alt-grup-p:hover{
        color:#f10;
    }

    .btnSil {
        color: #f44336;
        background-color: white;
    }

    .btnSil:hover {
        background-color: #f44336;
        color: white;
    }

/*.biltas-ktg-grup-p { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  height: 1.4em; 
  white-space: nowrap;
}*/

.biltas-truck:hover {
    fill: blue;
    color: green;
}

div a:hover .biltas-truck:hover {
    fill: blue;
}


.overFlowText {
    /*<td style="overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 11px;">ECZACIBASI TUKETIM URUNLERI SAN VE TIC AS</td>*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    max-width: 10px;
}


.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}


.ui-draggable, .ui-droppable {
    background-position: top;
}


.ui-widget {
    font-size: 12px;
}


.user-image-area {
    /*display: inline-block;*/
    width: 76px;
    height: 76px;
    line-height: 93px;
    background: white;
    border-radius: 100%;
    overflow: hidden;
}

.person-icon {
    background-image: url(../images/icons/person-icon.png),none;
    background-size: 100% 100%;
    width: 61px;
    height: 57px;
}

.txt_urun_adet:focus {
    border: 2px solid red;
}

.custom-select {
    font-family: Arial;
}

select {
    background-position: 98.5% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Some browsers will not display the caret when using calc, so we put the fallback first */
    background-size: 12px 12px;
    background-image: url('http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png');
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    background-color: white !important;
    background-attachment: scroll !important;
    background-size: 12px 12px;
}
    /*For IE*/
    select::-ms-expand {
        display: none;
    }

.i-Magnifi-Glass1 {
    background-image: url('../images/icons/searchBar.png');
    height: 46px;
    width: 40px;
}

.i-Boy {
    background-image: url('../images/icons/boy.png');
    height: 40px;
    width: 40px;
}

.i-Shopping-Cart {
    background-image: url('../images/icons/shopping_white.png');
    height: 40px;
    width: 40px;
}

.i-Shopping-Cart-Grey {
    background-image: url('../images/icons/shopping.png');
    height: 40px;
    width: 40px;
}


.loader_sipTamamlama {
    top: 30%;
    left: 10%;
    position: relative;
    background-color: white;
    width: 70%;
    height: 100px;
    color: red;
    font-weight: bold;
    /*-webkit-animation: spin 2s linear infinite; /* Safari */
    /*animation: spin 2s linear infinite;*/
}


/*.pagination {
    display: inline-block;
}

    .pagination span {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        border: 1px solid #ddd;
    }

    .pagination p {
        color: black;
        float: left;
        padding: 0px 16px;
        text-decoration: none;
        border: 0px solid #ddd;
    }

    .pagination span.active {
        background-color: #4CAF50;
        color: white;
        border: 1px solid #4CAF50;
    }

    .pagination p.active {
        background-color: white;
        color: white;
        border: 0px solid #4CAF50;
    }

    .pagination span:hover:not(.active) {
        background-color: #ddd;
    }


    .pagination p:hover:not(.active) {
        background-color: white;
    }

    .pagination span:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .pagination span:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }*/






/*****************************merdiven şeklinde açılan üst bar için yapıldı***************************************/
li {
    margin-left: 5px;
}


ul.ulAnaGrup {
    /*background: #16a085;*/
    /*
                https://www.youtube.com/watch?v=yeNvhBlu3XU
            */
}

    ul.ulAnaGrup > li {
        float: left;
        position: relative; /*hangi menü altında açılacaksa ona hizalıyoruz.*/
    }

    ul.ulAnaGrup ul {
        background: #f5f5f5;
        position: absolute;
        top: 55px;
        /*left: 0;*/ /*en soldaki menünün tam açılabilmesi iiçn html kısmına eklendi*/
        z-index: 1;
        opacity: 0;
        transition: 250ms all;
        visibility: hidden;
        width: 265px;
    }

        ul.ulAnaGrup ul li {
            position: relative;
        }

    ul.ulAnaGrup > li > a {
        display: block;
    }

    ul.ulAnaGrup ul li a {
        display: block;
        padding: 7px 12px;
    }

    ul.ulAnaGrup > li ul ul /*ul menü içindeki ilk li ng-include içindeki ul ng-include içndeki ul 'ler'*/ {
        top: 0;
        left: 255px;
    }

    ul.ulAnaGrup > li:hover > ul {
        opacity: 1;
        visibility: visible;
        top: 50px;
    }

    ul.ulAnaGrup ul li:hover > ul { /*ulAnagrupta ul içindeki li'lere hover oldugumda ilk ul'yi açmak için*/
        opacity: 1;
        visibility: visible;
        left: 260px;
    }

.liKtgrItem {
    font-size: 12px;
}

.dvGrupKtgr {
    color: #484848;
    background-color: #f5f5f5;
}

/***********************************************merdiven şeklinde açılan üst bar için yapıldı*******************************************/









/*****************************************MENÜ RENKLENDİRMESİ İÇİN KULLANILAN ALANLAR*************************************************/

.biltas-btn-hover:hover {
    color: #ff6000; /*4c2770*/ /*#ff6000*/
}


.dvGrupKtgr:hover {
    color: #ff6000; /*#4c2770;*/ /*#ff6000 --turuncu*/ /*#4c2770 mor*/
    background-color: #f5f5f5;
}

.mini_color_bar {
    background: #2D4190; /*#4c2770;*/ /*#ff6000 sinem 09052022 kırmızı istendi #D73235*/
    width: 100%;
    height: 7px;
}

.w3-biltas-orange {
    color: #fff !important;
    background-color: #D73235 !important; /*#4c2770 !important;*/ /*#ff6000,#f44336   sinem 09052022 kırmızı istendi*/
}

.w3-biltas-darkBlue {
    color: #fff !important;
    background-color: #2D4190 !important; /*furkan54 forbes lacivert rengi*/
}




.w3-biltas-orange-white {
    color: #fff !important;
    background-color: #ff6000 !important; /*#4c2770 !important;*/ /*#ff6000*/
}

.w3-biltas-soft-menu-color {
    color: #fff !important;
    background-color: #2D4190 !important; /*#e6994d !important;*/ /*#79529e,sinem 09052022 kırmızı istendi , #D73235*/
}


.w3-biltas-text-color {
    color: #D73235 !important; /*#79529e*/ /*ff6000,sinem 09052022 kırmızı istendi*/
}

.w3-biltas-box-shadow {
    box-shadow: 0 0 6px 3px #D73235; /*#ff6000*/ /*79529e,sinem 09052022 kırmızı istendi*/
}

.loader {
    top: 50%;
    left: 50%;
    position: relative;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.loader-border {
    border-top: 5px solid #D73235; /*#ff6000;   turuncu*/ /*#79529e,sinem 09052022 kırmızı istendi*/
}

.bltsUrunDetBackGr { /*ürün detayda ürün bilgileirnin geldiği kısmı M.Acar beyaz olsun istedi.*/
    background-color: white; /*#f5f5f5;*/
}

.bltsUrunDetIcBorder { /*duruda ve deponomide bu aktif olacak diğer şirketlerde pasif olacak*/
    /*border: none;*/ /*diğer*/
    border: 1px solid #e5e5e5; /*duru-dep için*/
    border-radius: 8px;
}

.bltsUrunDetDisBorder { /*duruda ve deponomide bu pasif olacak diğer şirketlerde aktif olacak  yani  border: 1px solid #e5e5e5;   eklenecek*/
    border: none; /*duru-dep için*/
    /*border: 1px solid #e5e5e5;*/ /*diğer*/
    border-radius: 8px;
}


/*****************************************MENÜ RENKLENDİRMESİ İÇİN KULLANILAN ALANLAR*************************************************/


#dvMusteriAdi:hover #dvMusteriIslemleri {
    display: inline;
}