@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
.hideClass{display:none;}
body {
    /*font-family: 'Open Sans' !important;*/
}

table tbody tr:hover {
    color: black !important;
    background-color: #eceff4 !important;
}

.oriontable tbody td a {
    cursor: pointer;
}

.panel-body .select2-container {
    z-index: 950 !important;
}

.radiocheck label {
    display: block;
}

.radiocheck input {
    float: left;
    width: inherit;
    margin: 5px 8px 0 0;
}

#cardsummary1 p strong {
    width: 250px;
    display: block;
    float: right;
    text-align: right;
}

div#CariListTable tr {
    cursor: pointer;
}

.pricesummary span {
    float: right;
}

.modal-header {
    background-color: #4382e0;
}

/*.modal-footer {
        background-color: #717070;
}*/

.modal-title {
    color: #fff;
}

.modal {
    text-align: center;
}

.tooltip.top .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: #f39834;
}

.tooltip.right .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
    border-left-color: #f39834;
}

.tooltip .tooltip-inner {
    background: #fff;
    padding: 4px 15px;
    color: #f39834;
    font-size: 14px;
    border: 1px solid;
}

nav.top-menu .menu.float-right {
    width: 65%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

/*#credit-a:hover span {display:none}
#credit-a:hover:before {content:"Ödeme Yap"}*/

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

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

    .margin-left-10 {
        /*margin-left: 0;*/
    }

    nav.top-menu .menu.float-right {
        width:55%;
        display: inline-block;
    }

    #credit-a-container {
        display: none;
    }

    #searchbar_container {
        width: auto !important;
    }
}


.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.nomarginbottom div {
    margin-bottom: 0px;
}

.payment-amount-title {
    background: #eceff4;
    padding: 10px;
}

.select-credit-card {
    padding: 10px;
    background: #eceff4;
    margin-bottom: 10px;
}

    .select-credit-card label {
        margin: 0px;
    }

.paytypepanel {
    border: none;
}

    .paytypepanel label {
        padding: 25px;
        border: 1px solid #ddd;
        cursor: pointer;
        width: 100%;
        text-align: center;
    }

        .paytypepanel label img {
            float: none;
            margin: 0 auto;
        }

    .paytypepanel input[type=radio]:checked + label {
        border: 1px solid #06bf03;
    }

#paytypename {
    display: block;
    text-align: center;
    padding: 8px 0 0 0;
    font-weight: 600;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

#head-title {
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px;
    background: #84848d;
    color: #fff;
}

#bsk-row {
    padding: 5px 0px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border: 1px solid #EEE;
    border-top: none;
}

    #bsk-row:first-child {
        border-top: 1px solid #EEE;
    }

    #bsk-row:nth-child(2n+2) {
        background: #F9F9F9;
    }

    #bsk-row:hover {
        background: #F0F0F0;
    }


    #bsk-row a {
        color: #444;
        text-decoration: none;
    }

#prod-basket {
    text-align: center;
    font-size: 22px;
}

.mybaskets .bootstrap-select {
    width: 100% !important;
}

#search_container {
    clear: both;
    position: absolute;
    /*width: 99.8%;*/
    background: #fff;
    /*margin: 39px 0 0 0;*/
    z-index: 9;
    width: 85%;
    top: 85%;
}

.pd0 {
    padding: 0 !important;
}

#see-all {
    float: right;
    margin: 0px -14px 0px 0px;
}

    #see-all a {
        padding: 10px 40px;
        display: block;
        background: #EEE;
        color: #333;
        text-decoration: none;
        margin-top: 5px;
    }

#defaultUnit {
    width: auto;
    text-align: left;
    margin-right: 10px;
}

.prod-number input[type=text] {
    width: 40px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    text-align: center;
}

.prod-number span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0px 10px;
    cursor: pointer;
}

#prod-number input[type=text] {
    width: 40px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    text-align: center;
}

#prod-number span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0px 10px;
    cursor: pointer;
}

#prod-category {
    background: #f0f0f0;
    margin-top: 15px;
    padding: 10px 20px;
}

    #prod-category .prod-category-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #prod-category .prod-cateogry-content ul {
        padding: 0px;
        margin: 0px;
    }


        #prod-category .prod-cateogry-content ul li {
            list-style-type: none;
            float: none;
            line-height: 35px;
            height: 35px;
            padding-left: 10px;
        }

            #prod-category .prod-cateogry-content ul li a {
                color: #555;
                text-decoration: none;
                font-size: 13px;
            }


#prod-brand {
    background: #f0f0f0;
    margin-top: 15px;
    padding: 10px 20px;
    border-left: 15px solid #fff;
}

    #prod-brand .prod-category-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #prod-brand .prod-cateogry-content ul {
        padding: 0px;
        margin: 0px;
    }


        #prod-brand .prod-cateogry-content ul li {
            list-style-type: none;
            float: none;
            line-height: 35px;
            height: 35px;
            padding-left: 10px;
        }

            #prod-brand .prod-cateogry-content ul li a {
                color: #555;
                text-decoration: none;
                font-size: 13px;
            }

.pd5 {
    padding: 5px !important;
}

.cwt__footer__company-logo {
    width: 45px;
}

.addProdBasket {
    padding: 30px 0px 0px 0px;
}

.mobileBasketButtons button {
    margin-right: 10px !important;
}

.overflowXinitial {
    overflow-x: initial;
}

.tablesummary .nomarginbottom div:nth-child(3) {
    font-weight: bold;
}

.tablesummary .nomarginbottom div:nth-child(5) {
    font-weight: bold;
}

#top-menu-container .dropdown-menu {
    min-width: 220px !important;
    /*width: 100%;*/
}

    #top-menu-container .dropdown-menu .dropdown-item {
        padding: 10px 15px;
    }

        #top-menu-container .dropdown-menu .dropdown-item a {
            color: #fff;
        }

    #top-menu-container .dropdown-menu li {
        background-color: #112754 !important;
    }

#top-menu-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    #top-menu-container .dropdown-inline-button {
        padding: 0px 15px;
    }

.cat1-menu {
    padding-left: 0px !important;
    padding-right: 0px !important;
    list-style: none;
}

    .cat1-menu:hover > .dropdown-menu {
        display: block
    }

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: -1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-color: #eee;
        padding: 0px;
    }

#top-menu-container .dropdown-menu li.dropdown-submenu:hover {
    background-color: #1c67b3 !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ccc
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


.drop-cat1 {
    padding: 15px;
    font-weight: bold;
    text-align: center !important;
    color: #fff;
}

/*.drop-cat1:hover{
    color:#2850A0;
}*/

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #112754;
}

#top-menu-container > ul > li:last-child > ul.dropdown-menu li ul {
    left: -100% !important;
}

#top-menu-container > ul > li:last-child > ul.dropdown-menu > li > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-right-color: #ccc;
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 6px;
}

#top-menu-container .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #000308;
}

    #top-menu-container .dropdown-menu .dropdown-item:hover, #top-menu-container .dropdown-menu .dropdown-item:active, #top-menu-container .dropdown-menu .dropdown-item:focus {
        color: #fff;
        background-color: #1c67b3;
        cursor: pointer;
    }

.dropdown-menu li:last-child, .dropdown-submenu > .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

.nowrap{
    white-space:nowrap !important;
}

.margin-horizontal-10{
    margin:0 10px;
}

nav.top-menu{
    z-index:999;
}
.main-backdrop{
    z-index:999;
}

#searchform > .select2-container {
    z-index: 1000 !important;
}

.panel-heading.breadcrumb-container {
    display: flex;
    padding: 15px 25px;
}

.h2-w-brdcrmb {
    display: inline-block;
    margin: 0;
    padding: 7px 25px 7px 0;
    margin-right:15px;
    border-right: 1px solid #e2e5ec;
    float: left;
}

.breadcrumb-list-cont {
    display: inline-block;
    float: left;
    line-height: 44px;
    /*padding-left: 10px;*/
}

    .breadcrumb-list-cont span {
        position: relative;
        padding: 0px 10px;
    }

        .breadcrumb-list-cont span:after {
            content: '';
            border: solid #9aa8b1;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            position: absolute;
            bottom: 25%;
            right: -5%;
        }

        .breadcrumb-list-cont span:last-child:after {
           display:none; 
        }
.cui-ecommerce--catalog--item--img a img.brand-image {
    width: auto;
    /* height: auto; */
    min-height: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.main-top-filter select>option{
    padding:5px;
}

.main-top-filter select, .main-top-filter input, .main-top-filter button {
    box-shadow: 0px .8em 1em -0.8em rgba(0, 0, 0, .2)
    /*border-color: #485574;*/
}


    .main-top-filter select::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: #F5F5F5;
    }

    .main-top-filter select::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5;
    }

    .main-top-filter select::-webkit-scrollbar-thumb {
        background-color: #dfe4ed;
    }


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

#search-a form input {
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0px;
    padding: 0px;
    border: none;
    opacity: 0;
    visibility: hidden;
}

    #search-a:hover {
        border-color: #fb434a;
        color: #fb434a;
        background-color: #ffffff;
    }

    #search-a form {
        display: inline-block;
        position:relative;
    }

    #search-a:hover form input {
        display: inline-block !important;
        width: 200px;
        border: none;
        padding-left: 15px;
        outline: none;
        opacity: 1;
        visibility: visible;
    }
    #search-a form input:focus {
        display: inline-block !important;
        width: 200px;
        border: none;
        padding-left: 15px;
        outline: none;
        opacity: 1;
        visibility: visible;
    }

@media screen and (max-width: 720px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }
    #prod-number {
        padding: 16px !important;
    }

        #prod-number input[type=text] {
            width: 100%;
        }

    .bootstrap-select {
        width: 100% !important
    }

    #BasketRowMobil {
        padding: 15px;
        clear: both;
    }

    #prod-number span {
        display: block;
        float: right;
        height: 22px;
        line-height: 22px;
        padding: 0px 10px;
        width: 100%;
        cursor: pointer;
        font-size: 10px;
        text-align: center;
        background: #eee;
    }

    .basketsCariAccountsMobile .bootstrap-select {
        width: 75% !important;
        padding: 0px 0px 0px 10px;
    }

    .mobileBasketCount {
        float: left;
        padding: 15px 0px 0px 18px !important;
        font-size: 13px;
    }

    .mobileBasketButtons {
        float: right;
        padding: 10px 0px 0px 0px;
    }

        .mobileBasketButtons button {
            float: none !important;
        }

    .mobileBasketRow {
        margin-bottom: 10px;
        border-bottom: 1px solid #EEE;
    }

    #AddItemToBasketModal .itemcenter {
        text-align: center;
    }

    #AddItemToBasketModal #prod-number {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #AddItemToBasketModal input[name=prod-number] {
        float: none;
        margin: 0px 10px;
    }

    #AddItemToBasketModal #prod-number span {
        display: block;
        float: none;
        height: 38px;
        line-height: 38px;
        padding: 0px 20px;
        width: auto;
        cursor: pointer;
        font-size: 10px;
        text-align: center;
        background: #eee;
        border: 1px solid #ddd;
    }

    #AddItemToBasketModal .pricesummary {
        padding: 10px 40px;
    }

        #AddItemToBasketModal .pricesummary p {
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }

        #AddItemToBasketModal .pricesummary span {
            float: right;
            font-weight: 600;
        }
}

#searchbar_container {
    width: 88%;
    margin: 0 5px;
}

@media screen and (max-width: 480px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }

    #prod-number {
        padding: 16px !important;
    }

        #prod-number input[type=text] {
            width: 100%;
        }

    #basket-button {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .mobileBasketButtons button {
        margin: 0 !important;
    }

    nav.top-menu .menu.float-right {
        width: 85%;
    }
}

@media screen and (max-width: 380px) {
    .modal.modal-size-large .modal-dialog {
        max-width: 100%;
        margin: 10px 0;
    }
    #credit-a-container {
        display: none;
    }
    #searchbar_container {
        display: none;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,68,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,68,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,68,44, 0);
        box-shadow: 0 0 0 10px rgba(204,68,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,68,44, 0);
        box-shadow: 0 0 0 0 rgba(204,68,44, 0);
    }
}