/* Theme Name: B2B Theme URI: http://www.netbasit.com/ Author: Creapeak Author URI: http://creapeak.com/ Description: Creapeak tarafından özel olarak hazırlanmıştır. Text Domain: themesettings Tags: */ /* ---- 0. GENERAL CSS ---- */ body{ font-family: 'Roboto Condensed', sans-serif; background: #e8e8e8; color: #0e314a; overflow-x: hidden; width: 100%; /* ftp test */ } a{ outline: none!important;} @font-face { font-family: 'Samsung Sharp Sans'; src: url('../fonts/SamsungSharpSans-Medium.eot'); src: url('../fonts/SamsungSharpSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans-Medium.woff') format('woff'), url('../fonts/SamsungSharpSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Samsung Sharp Sans'; src: url('../fonts/SamsungSharpSans.eot'); src: url('../fonts/SamsungSharpSans.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans.woff') format('woff'), url('../fonts/SamsungSharpSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Samsung Sharp Sans'; src: url('../fonts/SamsungSharpSans-Bold.eot'); src: url('../fonts/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans-Bold.woff') format('woff'), url('../fonts/SamsungSharpSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } :adres { --adres:'http://localhost/samsung/images/';} .menu-overlay{ position: fixed; width: 100%; height: 100%; display: none; top: 0; left:0; background: rgba(0,0,0,0.5); z-index: 1000;} .btn {outline:none !important;} .fw-400{ font-weight: 400;} .fw-600{ font-weight: 600;} .fw-700{ font-weight: 700;} .form-control{ background: #f4f4f4; height: 40px; border-radius: 0; border: 0; } .nopadding{ padding: 0!important;} .nomargin{ margin: 0!important;} .noborder{ border: 0!important;} .nobackground{ background: none!important;} @-webkit-keyframes pointEffect { 0% {background: #5cbf5c; } 25% {background: #c75e35; } 50% {background: #5cbf5c; } 75% {background: #c75e35; } 100% {background: #5cbf5c; } } @keyframes pointEffect { 0% {background: #5cbf5c; } 25% {background: #c75e35; } 50% {background: #5cbf5c; } 75% {background: #c75e35; } 100% {background: #5cbf5c; } } /* ---- 1. HEADER CSS ---- */ .header.desktop-v, .header.desktop-v .top-menu, .header.desktop-v .center-menu, .header.desktop-v .bottom-menu{z-index: 1001; position: relative; width: 100%; height: auto; display: block; background: #fff; -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.15);-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.15);-o-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.15);-ms-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.15);box-shadow: 0 5px 5px -5px rgba(0,0,0,0.15);} .header.desktop-v .top-menu{ background: #f4f4f4; z-index: 1004;} .header.desktop-v .top-menu .ust-bar{ position: relative; max-height: 38px; } .header.desktop-v .top-menu .ust-bar.left-side{ text-align: left; padding-left: 15px;} .header.desktop-v .top-menu .ust-bar.right-side{ text-align: right; } .header.desktop-v .top-menu .ust-bar.left-side ul { display: inline-block; position: relative; padding-left: 0; margin-bottom: 0;} .header.desktop-v .top-menu .ust-bar.left-side ul li { display: inline-block; list-style: none; padding: 10px 0; } .header.desktop-v .top-menu .ust-bar.left-side ul li a{color: #101010; position: relative; display: block; font-size: 13px; padding: 0 15px; text-decoration: none; } .header.desktop-v .top-menu .ust-bar.left-side ul li.selecting{ position: relative;} .header.desktop-v .top-menu .ust-bar.left-side ul li.selecting:after, .header.desktop-v .top-menu .ust-bar.left-side ul li a:after{ content: "|"; display: block; position: absolute; right: 0; top:-2px; font-size: 15px;} .header.desktop-v .top-menu .ust-bar.left-side ul li.selecting:after{ top:2px; right: -6px;} .header.desktop-v .top-menu .ust-bar.left-side ul li.selecting:last-child:after{ display: none;} .header.desktop-v .top-menu .ust-bar.left-side ul li:first-child a { padding-left: 0;} .header.desktop-v .top-menu .ust-bar.left-side ul li:last-child a:after{ display: none;} .header.desktop-v .top-menu .ust-bar.left-side ul li a i{margin-right: 5px;} .header.desktop-v .top-menu .ust-bar.right-side .point-info{ cursor: pointer; -webkit-animation: pointEffect 2s; /* Safari 4.0 - 8.0 */ animation: pointEffect 2s; top: 9px; position: relative; margin-right: 5px; padding: 5px 15px; font-weight: bold; background: #5cbf5c; border-radius: 5px; color:#fff; } .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div{ margin-left: 10px; font-size: 15px; height: 38px; position: relative; word-wrap: break-word; white-space: nowrap; max-width: 250px; float: right; } .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div:first-child{ margin-left: 15px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div a{ color: #3e4448; padding: 10px 8px 10px 5px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div.message-btn-div a{ color: #3e4448; padding: 10px 15px 10px 5px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div.message-btn-div a i { position: relative; top:-1px; font-size: 14px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div a.dropdown-toggle{ color:#c10000; float: none; padding: 10px 5px 10px 5px; display: inline-block; position: relative; max-width: 180px; overflow: hidden;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div a.dropdown-toggle i{ margin-left: 7px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div:after{ display: none; position: absolute; right:-12px; content: "\f0d7"; float: right; color:#c10000; font-family: FontAwesome; top:8px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div:first-child:after{ display: none;} .header.desktop-v .top-menu .ust-bar.right-side span.hg{ position: relative; display: block; float: left; top: 9px; margin-right: 5px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div a:hover span.hg{ text-decoration:none;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div .dropdown-menu{ border-radius: 0; background: #f4f4f4; margin-top: 0; border-top: 0; padding-top: 0;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div .dropdown-menu li a{ color:#3e4448; display: block; float: none; text-align: left; padding: 4px 10px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div .dropdown-menu li a i{ width: 22px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div .dropdown-menu li:hover a { background: #3e4448; color:#fff;} .header.desktop-v .top-menu .nopadding{ padding: 0;} .header.desktop-v .center-menu { background: #f4f4f4; padding: 10px 0;} .header.desktop-v .center-menu .logo-div a img{ max-width: 220px; padding-top: 14px;} .header.desktop-v .center-menu .center-side{ padding-top: 7px; text-align: right; padding-bottom: 7px; } .header.desktop-v .center-menu .search-box{ position: relative; top:1px; height: 48px; padding: 0 37px 0 8px; border-radius: 5px; background-color: #ffffff; display:block; float: right; width: 100%; max-width: 450px;} .header.desktop-v .center-menu .search-box input{ width: 100%; height: 48px; padding: 0 10px 0 0; font-size: 16px; vertical-align: top; border: none; border-radius: 4px; box-shadow: none; -webkit-appearance: none; text-align: left; background: transparent;} .header.desktop-v .center-menu .search-box input:focus{outline-width: 0;} .header.desktop-v .center-menu .search-box button{ transition: .3s ease; position: absolute; padding: 0 0 2px 0; margin: 0; width: 50px; height: 48px; font-size: 20px; color: #fff; background-color: #00c853; border: none; border-radius: 0px 5px 5px 0px; right: -1px; top:0;} .header.desktop-v .center-menu .search-box button:hover{ background-color: #00a042; color:#FFFFFF;} .header.desktop-v .center-menu .search-box button:focus{ outline-width: 0;} .header.desktop-v .center-menu .center-side a.btn-sepet{padding-top: 15px; border-radius: 5px; height: 48px; width: 150px; position: relative; background: #8c8c8c; color:#FFFFFF; border: 1px solid #8c8c8c; display: block; float: right; margin-left: 15px;} .header.desktop-v .center-menu .center-side a.btn-go2compare-page{padding-top: 12px; border-radius: 5px; height: 48px; width: 50px; font-size: 18px; position: relative; background: #2e6da4; color:#FFFFFF; border: 1px solid #2e6da4; display: block; float: right; margin-left: 15px;} .header.desktop-v .center-menu .center-side a.btn-sepet.added{ background: #00c853; border: 1px solid #00c853;} .header.desktop-v .center-menu .center-side a.btn-sepet i{ font-size: 16px; margin-right: 5px;} .header.desktop-v .center-menu .center-side a.btn-sepet span{ font-size: 14px; font-weight: 600;} .header.desktop-v .right-side a{ float: right; text-align: right; color:#f7f7f7; line-height: 18px; font-size: 15px;} .header.desktop-v .right-side a p { margin-bottom: 0;} .header.desktop-v .right-side a p .fa { margin-right: 7px;} .header.desktop-v .bottom-menu .navbar-default { background: transparent; border-radius: 0; margin-bottom: 0;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav{ width: 100%; text-align: center;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li{ display: inline-block; position:static; float: none;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li a { font-size: 16px; font-weight: 600; position: relative;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li a:after{ content: "|"; position: absolute; right: 0; top:12px; font-size: 18px; display: block;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li:last-child a:after{ display: none;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li .dropdown-menu li{ display: block; width: 25%; float: left; padding: 5px;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li .dropdown-menu li a { font-size: 15px; border-radius: 3px; background: #f7f7f7; color:#101010; padding: 7px 15px; display: block; font-weight: normal;} .header.desktop-v .bottom-menu .navbar-default .navbar-nav li .dropdown-menu li a:after{ display: none; } /* megamenu */ .navbar-collapse.collapse{ padding-left: 0; padding-right: 0;} .bottom-menu .navbar{ margin-bottom: 0; border-radius: 0;} .mega-dropdown { position: static !important;} .navbar-nav>li > a, .navbar-nav>li.mega-dropdown > a { color: #3e4448 !important; font-size: 16px; text-transform: uppercase; font-weight: 600;} .navbar-nav>li > a span, .navbar-nav>li.mega-dropdown > a span{ position: relative; margin-left: 0; font-size: 12px; top: -1px;} .mega-dropdown-menu {padding: 20px 0; width: 100%; box-shadow: none; -webkit-box-shadow: none;} .mega-dropdown-menu > li > ul { padding: 0; margin: 0;} .mega-dropdown-menu > li > ul > li { list-style: none;} .mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px;} .admin-menu .mega-dropdown-menu > li ul > li > a:hover{ background: #f1f1f1;} .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none;} .mega-dropdown-menu .dropdown-header { font-size: 18px; color: #222;font-weight: 600; padding: 5px 60px 5px 5px; line-height: 30px;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { /*background-color: #c42142 !important;*/ } li.dropdown.mega-dropdown { border-right: 1px solid #f2f2f2; } ul.dropdown-menu.mega-dropdown-menu { border-top: 0px !important; /*background: #c42142;*/ background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); } .navbar-nav>li>a.dropdown-toggle:hover{ background: transparent;} /* megamenu end */ input.form-control.search.ui-autocomplete-input:focus-within { background: #fff !important; } /* ---- 2. CONTENT CONTAINER CSS ---- */ .content-area{ width: 100%; height: auto; display: block; position: relative; padding: 10px 0;} .content-area .insider-div{ padding: 10px; padding-bottom: 30px; position: relative; width: 100%; height: auto; overflow: hidden; background: #FFFFFF; min-height: 300px;} .content-area .insider-div.no-overflow{ overflow: visible; } .content-area .insider-div.main-insider{ padding: 10px;} /* Slider basic */ .slider-div{ position: relative; width: 100%; height: auto; display: block;} .carousel-control{ width: 50px;} .carousel-control.right, .carousel-control.left{ background: none;} .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ width: 100%;} /* Panel CSS*/ .sub-content{ margin-top : 15px;} .sub-content .panel-darkblue { border-color: #337ab7;} .sub-content .panel-darkblue > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7;} .sub-content .panel-darkblue > a { color: #337ab7;} .sub-content .panel-darkblue > a:hover { color: #286090;} .sub-content .panel-green { border-color: #5cb85c;} .sub-content .panel-green > .panel-heading { border-color: #5cb85c; color: white; background-color: #5cb85c;} .sub-content .panel-green > a { color: #5cb85c;} .sub-content .panel-green > a:hover { color: #3d8b3d;} .sub-content .panel-red { border-color: #d9534f;} .sub-content .panel-red > .panel-heading { border-color: #d9534f; color: white; background-color: #d9534f;} .sub-content .panel-red > a { color: #d9534f;} .sub-content .panel-red > a:hover { color: #b52b27;} .sub-content .panel-yellow { border-color: #f0ad4e;} .sub-content .panel-yellow > .panel-heading { border-color: #f0ad4e; color: white; background-color: #f0ad4e;} .sub-content .panel-yellow > a { color: #f0ad4e;} .sub-content .panel-yellow > a:hover { color: #df8a13;} .sub-content .panel-TeknikBlue { border-color: #2677b6 ;} .sub-content .panel-TeknikBlue > .panel-heading { border-color: #2677b6 ; color: white; background-color: #2677b6 ;} .sub-content .panel-TeknikBlue > a { color: #2677b6 ;} .sub-content .panel-TeknikBlue > a:hover { color: #2677b6 ;} .sub-content .panel .huge { font-size: 40px;} .sub-content .panel .huge.fs-28{ font-size: 28px; margin-bottom: 16px;} /*enes*/ .box_to_box{background-color: #a1c572!important;color: #ffffff;font-weight: 700;} /* ali */ .card-box { padding: 20px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; background-clip: padding-box; margin-bottom: 20px; background-color: #ffffff; } .module-box{ min-height:220px;} .tab-content{ margin-top:20px;} /* Genel CSS */ .page-title { position: relative; width: 100%; height: auto; display: block; } .page-title h2{ font-size: 26px; font-weight:600; color:#3e4448; margin-top: 10px;} /* BreadCrumb CSS */ .breadcrumb-container{ position: relative; width: 100%; height: auto; overflow: hidden; display: block;} .breadcrumb-container .breadcrumb{ margin-bottom: 10px; padding: 10px 19px 10px 0; font-weight: 600; background: transparent; border-bottom: 10px solid #d1294b; border-radius: 0; font-size: 18px;} .breadcrumb-container .breadcrumb li a, .breadcrumb-container .breadcrumb li{ color:#232b53;} /* BreadCrumb CSS END */ /* Ürün Listeleme CSS */ .product-list-container{ width: 100%; height: auto; display: block; position: relative; padding: 15px; border: 0px solid #ccc; overflow: hidden;} .product-list-container.inner-list{ padding:0; border: 0; } .product-list-container.inner-list .swiper-container-horizontal>.swiper-scrollbar{ display: none;} .swiper-container.inner-swiper{ padding-bottom: 30px;} .product-list-container.inner-list .swiper-container-horizontal>.swiper-pagination-bullets, .product-list-container.inner-list .swiper-pagination-custom, .product-list-container.inner-list .swiper-pagination-fraction{ bottom: 0;} .product-list-container.listeleme-div{ padding: 0; border: 0;} .filter-bar{ position: relative; width: 100%; height: auto; display: block; min-height: 46px; margin-bottom: 15px;} .filter-bar .bar-div{ padding: 5px;} .filter-bar .bar-div:first-child{ padding-left: 0;} .filter-bar .bar-div:last-child{ padding-right: 0;} .filter-bar .bar-div button{ background: #3e4448; height: 36px; font-size: 16px; border: 0; color: #FFFFFF; display: block; width: 100%; font-weight: 600;} .filter-bar .bar-div .form-control{ font-size: 16px; height: 36px;} .filter-bar .bar-div .form-control:hover{ background: #f3f3f3;} .filter-bar select option { margin: 40px; background: #fff; border: 0;} .list-title{ width: 100%; height: auto; background: #3e4448; color:#FFFFFF; padding: 7px 15px; font-weight: 600; font-size: 16px; margin-bottom: 20px;} .list-container{ width: 100%; height: auto; overflow: hidden; display: block; position: relative; } .list-container .list-item{ padding: 0; margin-top: 10px;} .list-container .list-item:nth-child(4n+4) .list-item-inside{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: none;} .list-container .list-item:nth-child(4n+3) .list-item-inside{ border-left: none;} .list-container .list-item:nth-child(4n+2) .list-item-inside{ border-left: none;} .list-container .list-item:nth-child(4n+1) .list-item-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .list-container .list-info{ position: relative; width: 100%; height: 100%; display: block;} .list-container .list-item-inside{ padding:15px 5px; text-align: center; position: relative; width: 100%; height: auto; min-height: 350px; border: 1px solid #cccccc;} .list-container .list-item-inside .item-thumb{ position: relative; width: 100%; height: 150px; overflow: hidden; display: inline-block;} .list-container .list-item-inside .item-thumb img{ transform: translate3d(0px,0px,0px); transition: .3s ease; position: relative; height: 150px; width: auto;} .list-container .list-item-inside .list-info:hover .item-thumb img{ opacity: .8;} .list-container .list-item-inside .list-info a.go-product{ top: 0; left: 0; position: absolute; width: 100%; height: 100%; display: block;} .list-container .list-item-inside .list-info p{transition: .3s ease; margin-bottom: 0; color:#666666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .list-container .list-item-inside .list-info:hover p{ color: #3e4448;} .list-container .list-item-inside .list-info p.p-marka{ font-weight: bold;} .list-container .list-item-inside .list-info p.p-fiyat{ font-size: 22px; margin-top: 7px; color:#101010; font-weight: bold;} .list-container .list-item-inside .list-info p.p-kdv{ color: #666666;} .list-container .list-item-inside .btn-add{ transition: .3s ease; margin-top: 20px; background: #3e4448; color:#e0e0e0; border-radius:3px; border: 0;} .list-container .list-item-inside .btn_debit{ transition: .3s ease; margin-top: 20px; background: #3e4448; color:#e0e0e0; border-radius:3px; border: 0;} .list-container .list-item-inside .btn-add:hover{ color:#fff;} .list-container .list-item-inside .btn_debit:hover{ color:#fff;} .pagination-container{ text-align: center;} .pagination>li>a, .pagination>li>span{ color:#666666; font-size: 18px;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #3e4448; border-color: #3e4448;} /* Ürün Listeleme CSS END*/ /* Ürün Single PAGE CSS */ .product-list-container .image-side{ position: relative; overflow: hidden; height: auto; display: block;} .product-list-container .image-side .inside{ width: 100%; height: auto; position: relative; display: block; border: 1px solid #ccc; padding: 20px;} .popup-div .product-list-container .image-side .inside{ border: 0;} .product-list-container .image-side .inside .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;} .product-list-container .image-side .inside .swiper-slide { background-size: cover; background-position: center;} .product-list-container .image-side .inside .gallery-top { height: 80%; width: 100%;} .product-list-container .image-side .inside .gallery-thumbs .swiper-slide, .product-list-container .image-side .inside .gallery-top .swiper-slide{ text-align: center; overflow: hidden;} .product-list-container .image-side .inside .gallery-thumbs .swiper-slide img, .product-list-container .image-side .inside .gallery-top .swiper-slide img{ height: 100%;} .product-list-container .image-side .inside .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0;} .product-list-container .image-side .inside .gallery-thumbs .swiper-wrapper{ transform: translate3d(0,0,0);} .product-list-container .image-side .inside .gallery-thumbs .swiper-slide { width: 15%; height: 100%; opacity: 0.4; border: 1px solid #ccc;} .product-list-container .image-side .inside .gallery-thumbs .swiper-slide-active { opacity: 1;} .product-list-container .text-side .inside{ position: relative; width: 100%; height: auto; display: block;} .product-list-container .text-side .inside p{ margin-bottom: 0; position: relative; display: block;} .product-list-container .text-side .inside p.inside-marka, .product-list-container .text-side .inside p.inside-model{ font-weight: bold; font-size: 22px; line-height: 24px;} .product-list-container .text-side .inside p.inside-kategori{ font-size: 18px; } .product-list-container .text-side .inside p.inside-fiyat{ color:#3e4448; font-weight: bold; font-size: 24px;} .product-list-container .text-side .inside p.inside-fiyat span{ color:#9a9a9a; font-weight: normal; font-size: 18px; position: relative; bottom:2px; margin-left: 5px;} .product-list-container .text-side .inside .table.insider-table{ max-width: 320px; margin-top: 20px; } .product-list-container .text-side .inside .table>tbody>tr>td, .product-list-container .text-side .inside .table>tbody>tr>th, .product-list-container .text-side .inside .table>tfoot>tr>td, .product-list-container .text-side .inside .table>tfoot>tr>th, .product-list-container .text-side .inside .table>thead>tr>td, .product-list-container .text-side .inside .table>thead>tr>th{ border: 0; padding: 0;} .product-list-container .text-side .inside .table>tbody>tr>th{ position: relative; padding-right: 10px;} .product-list-container .text-side .inside .table>tbody>tr>th:after{ content: ":"; position: absolute; right: 10px; top:0; display: block;} .product-list-container .text-side .inside .btn-add{ transition: .3s ease; font-size: 16px; font-weight: bold; padding:7px 20px 6px; margin-top: 14px; background: #3e4448; color:#e0e0e0; border-radius:4px; border: 0; display: block; float: left;} .product-list-container .text-side .inside .btn_debit{ transition: .3s ease; font-size: 16px; font-weight: bold; padding:7px 20px 6px; margin-top: 14px; background: #3e4448; color:#e0e0e0; border-radius:4px; border: 0; display: block; float: left;} .product-list-container .text-side .inside .btn-add i{ margin-right: 5px;} .product-list-container .text-side .inside .btn_debit i{ margin-right: 5px;} .product-list-container .text-side .inside .btn-add:hover{ color:#fff;} .product-list-container .text-side .inside .btn_debit:hover{ color:#fff;} .product-list-container .tab-container{ margin-top: 20px;} .content-area .insider-div .nav-tabs, .product-list-container .tab-container .nav-tabs{ border: 0; margin-bottom: 15px;} .content-area .insider-div .nav-tabs>li, .product-list-container .tab-container .nav-tabs>li{ width: 20%;} .content-area .insider-div .nav-tabs.order-tabs>li, .product-list-container .tab-container .nav-tabs.order-tabs>li{ width: 20%;} .content-area .insider-div .nav-tabs>li>a, .product-list-container .tab-container .nav-tabs>li>a{ position: relative; font-size: 16px; background: #f1f1f1; font-weight:600; border: 0; border-radius: 5px; text-align: center; color:#32373a; } .content-area .insider-div .nav-tabs>li>a:hover, .product-list-container .tab-container .nav-tabs>li>a:hover{ background: #ccc;} .content-area .insider-div .nav-tabs>li.active>a, .product-list-container .tab-container .nav-tabs>li.active>a{ background: #3e4448; color:#fff; border: 0;} .content-area .insider-div .nav-tabs>li.active>a:after, .product-list-container .tab-container .nav-tabs>li.active>a:after{ position: absolute; background: #3e4448; bottom: -7px; left:50%; margin-left: -10px; display: block; content: ""; width: 15px; height: 15px; transform: rotate(45deg);} .product-list-container .tab-container .tab-content{ border: 1px solid #ccc; padding: 30px; position: relative; border-radius: 5px; } .product-list-container .tab-container .tab-content .table{ border: 1px solid #ddd; } .product-list-container .tab-container .tab-content img, .product-list-container .tab-container .panel-body img{ max-width: 100%; position: relative;} .product-list-container .tab-container .tab-content .table>tbody>tr>th{ position: relative; padding-right: 10px;} .product-list-container .tab-container .tab-content .table>tbody>tr>th:after{ content: " "; position: absolute; right: 10px; top:5px; display: block;} .product-list-container .tab-container .tab-content .table>tbody>tr.title-tr>th{ color: #3e4448;} .product-list-container .tab-container .tab-content .table>tbody>tr.title-tr>th:after{ display: none; padding-right: 0;} .product-list-container .tab-container .panel-heading{ padding: 0; position: relative;} .product-list-container .tab-container .panel-heading a{ padding: 10px 15px; display: block; position: relative;} .product-list-container .tab-container .tab-content .table>tbody>tr>td span{ display: none;} .product-list-container .text-side .inside .spinner{ width: 100%; display: block; position: relative; max-width: 150px; height: auto; margin: 15px 15px 15px 0; float: left;} .product-list-container .text-side .inside .spinner button{ background: #808080; border-color: #808080; color:#fff;} .product-list-container .text-side .inside .spinner input{ border-color: rgba(102, 102, 102, 0.58); font-weight: 600; font-size: 22px; height: 34px;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url('images/right-arrow.png');} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url('images/left-arrow.png');} /* Ürün Single PAGE CSS END */ /* Modal CSS */ .modal {text-align: center;} .modal-backdrop.in { opacity: .75; } .modal-content{ border-radius: 0;} .modal-header{ background: #3e4448; text-align: center;} .modal-header h4{color:#FFFFFF; font-weight: 600;} .modal .close{ background: #FFFFFF; opacity: 1; width: 25px; height: 25px; border-radius: 50%;} .modal .btn{ transition: .3s ease; color: #FFFFFF; border-radius: 3px; font-weight: 600; padding: 7px 20px; font-size: 16px;} .modal .btn-default{ background: #808080; border-color: #808080;} .modal .btn-default:active, .modal .btn-default:focus, .modal .btn-default:hover{ background: #909090; border-color: #909090;} .modal .btn-primary{ background: #3e4448; border-color: #3e4448;} .modal .btn-primary:active, .modal .btn-primary:focus, .modal .btn-primary:hover{ opacity: .8;} @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } .content-area.bayi-sayfasi{ margin-top: 120px;} .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;} #kredi_karti_hareketleri .modal-dialog{ width: 800px; } } /* Modal CSS END */ /* SEPET CSS */ .orders-container{ position: relative; width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #e8e8e8; } .order-item{ padding: 10px 15px; margin-right: 0; margin-left: 0; display: block; width: 100%; height: auto; position: relative;} .order-item .div-col{ position: relative; text-align: center; padding-top:6px; height: auto; display: block; float: left; font-size: 16px;} .order-item .div-col .mobile-info{ display: none;} .order-item .div-col.name{ width: 40%; text-align: left;} .order-item .div-col.name a.btn{ background: #8c8c8c; border: 0; color:#f8f8f8; top:-2px; position: relative; padding: 4px 9px; margin-right: 10px; } .order-item .div-col.name a i{} .order-item.hediye .div-col.name a.btn{ background: #5ca716;} .order-item.hediye .div-col.name:after{ position: relative; display: inline-block; content:"Hediye Ürün"; top:-2px; background-color:#5ca716; color:#fff; font-size:12px; padding:2px 5px; border-radius: 3px;} .order-item .div-col.price{width: 15%;} .order-item .div-col.count{width: 20%; padding-top: 0;} .order-item .div-col.term{width: 10%; padding-top: 0; text-align: center;} .order-item .div-col.term .form-control{ width: 80%; background: #fff; border: 1px solid #d3d3d3; height: 34px; border-radius: 4px; margin: 0 auto; padding: 5px;} .order-item.title-div .div-col.count{ padding-top: 5px;} .order-item .div-col.count .input-group{ max-width: 120px; margin: 0 auto;} .order-item .div-col.count .input-group .btn{ font-size: 14px; color:#8c8c8c;} .order-item .div-col.price-sum{width: 15%; text-align: right;} .order-item.title-div .div-col{ color:#3e4448; font-weight: 600; font-size: 16px;} .order-item:nth-child(odd){ background: #f2f2f2; border-bottom: 1px solid #dedede;} .order-item:nth-child(even){ background: #fcfcfc;} .order-item.sum-div, .order-item.title-div{ background: #e8e8e8; border-bottom: 1px solid #dedede;} .order-item.sum-div{ text-align: right; font-size: 16px; font-weight: 600; color: #3e4448; padding-right: 15px;} .btns-container{ margin: 20px 0; text-align: center;} .btns-container .btn{ margin-left: 5px; border: 0; color:#fff; padding: 10px 20px; font-size: 16px; } .btns-container .btn:nth-child(1){ margin-left: 0; } .btns-container .btn.btn-go-shopping{ background: #5ca716; } .btns-container .btn.btn-delete-box{ background: #ababab; } .btns-container .btn.btn-accept-box{ background: #3e4448; } .btns-container .btn.btn-accept-box:focus, .btns-container .btn.btn-accept-box:active{ color:#FFF; } .btns-container .btn.btn-go-shopping:focus, .btns-container .btn.btn-go-shopping:active{ color:#FFF; } .btns-container .btn.btn-delete-box:focus, .btns-container .btn.btn-delete-box:active{ color:#FFF; } .btn-complete-ccard{ font-size: 16px; font-weight: 600; margin-top: 50px !important; margin: 0 auto; padding: 15px 40px; } .ccard-btn-container{ width: 100%; text-align: center; } .pay-container{ width: 100%; height: auto; overflow: hidden; display: block; position: relative;} .pay-container .pay-type{position: relative; transition: .3s ease; display: block; float: left; padding-top: 35px; margin: 0; width: calc(33% - 8px); height: 150px; border-radius: 5px; border: 1px solid #e8e8e8; background: #f3f3f3;} .pay-container .pay-type.selected, .pay-container .pay-type:hover{ background: #8fc58f; color:#fff; } .pay-container .pay-type.pay-okk, .pay-container .pay-type.pay-havale{ margin-right: 16px;} .pay-container .pay-type .pay-ins{ width: 100%; height: auto; position: relative; text-align: center;} .pay-container .pay-type .pay-ins .logo-side{ position: relative; display: inline-block; width: 80px;} .pay-container .pay-type .pay-ins .logo-side img{ position: relative; width: 100%; height: auto; border: 1px solid #e8e8e8; border-radius: 50%;} .pay-container .pay-type.selected .pay-ins .logo-side img, .pay-container .pay-type:hover .pay-ins .logo-side img{ border-color: transparent;} .pay-container .pay-type .pay-ins .text-side{ font-size: 20px; display: inline-block; padding-left: 15px; position: relative; top:5px;} .pay-container .pay-type a{ position: absolute; width: 100%; height: 100%; top:0; left:0; display: block;} .pay-type-div{ display: none; position: relative; height: auto; overflow: hidden; border-top: 1px solid #e8e8e8; margin-top: 20px; padding: 20px 0; width: 100%; float: none;} .pay-form .row.collapse{ display: block;} .pay-form .row.collapse .col-md-6:nth-child(1){ padding-right: 8px; } .pay-form .row.collapse .col-md-6:nth-child(2){ padding-left: 7px; } .pay-form{ padding-left: 5px; } .pay-form, .pay-kredili, .card-wrapper{ width: 50%; display: block; float: left;} .pay-kredili { position: relative; padding: 0 15px;} .pay-kredili iframe{ border: 0; width: 100%; height: auto; min-height: 400px; max-height: 600px;} .pay-kredili .kredili-in{ position: relative; width: 100%; height: auto; padding: 0 30px;} .pay-kredili .kredili-in h4{ font-size: 26px; font-weight: bold; color: #3e4448; margin-top: 0;} .pay-kredili .kredili-in p{ font-size: 16px; color:#888;} .pay-kredili .kredili-in p span{ color:#3c763d;} .pay-form .kredili-form .btn.clean-from{ background: #8c8c8c; color: #fff; font-weight: 600; border: 0; } .pay-form .kredili-form .select2-container{ display: block; width: 100%!important;} .pay-form .kredili-form .btn.submit-form{ background: #3e4448; color: #fff; font-weight: 600; border: 0; } .postfix, .pay-form .form-control{ height: 37px; border-radius: 0; border:0; background: #f8f8f8; font-size: 15px;} .postfix, .pay-form .button{ background: #3e4448; color:#fff; height: 40px;} .jp-card .jp-card-front{ background: #8c8c8c!important;} .pay-type-div .table { border: 1px solid #e8e8e8; } .pay-type-div .table th img{ max-width: 100px; } .pay-type-div .table th{ padding: 0 8px;} .pay-type-div .table .title-tr th{ padding: 8px;} .succes-error-div{ text-align: center;} .succes-error-div h4{ font-size: 22px; font-weight: bold;} .succes-error-div p{ font-size: 16px; color:#8c8c8c; margin-bottom:20px;} .succes-error-div i.fa{ font-size: 16px; display: inline-block; border: 2px solid #5ca716; color: #5ca716; border-radius: 50%; margin-top: 10px; margin-right: 5px; padding: 5px;} .succes-error-div i.fa.error{ border: 3px solid #c70000 !important; color: #c70000 !important; padding: 30px 35px !important;} .succes-error-div .btn-container{ display: block; padding: 20px 10px; text-align: right; margin-top:10px;} .succes-error-div .btn-container a.btn{ border: 0; color:#fff; padding: 10px 25px; font-weight: bold; background: #5894bb; } .succes-error-div .btn-container a.btn:last-child{ background: #5ca716;} .succes-error-div .table{ max-width: 98%; margin: 0 auto;} .succes-error-div .table tr td img{ max-width: 90px;} .succes-error-div .table tbody tr td { vertical-align: middle;} /* SEPET CSS END */ #load_installments{ padding-left: 15px; padding-right: 15px; } #load_card_points{ margin-bottom:20px; margin-top:20px; } #load_card_points .alert{ margin:0 15px 20px 15px; } #load_card_points table tr:first-child td{ font-weight: 900; } #load_card_points table tr td{ text-align:center; } #load_card_points .payment-info-table-div{ width:50%; float:left; padding:0 15px; } #load_card_points .payment-use-point-div{ width:50%; float:left; padding:0 15px; } #load_card_points .payment-use-point-div .total-points span.left{ float: left; display:inline-block; } #load_card_points .payment-use-point-div .total-points span.right{ float: right; display:inline-block; } /* Footer CSS */ .footer-section{ position: relative; background: #fff; width: 100%; height: auto; overflow: hidden; padding: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); margin-top:10px;} .footer-section p{ margin-bottom: 0; color: #3e4448;} .footer-section .foot-logo{position: relative; width: 100px; float: left; display: block; padding-top: 0px;} .footer-section .foot-logo img{ position: relative; width: 100%;} .footer-section .text{ position: relative; padding-left: 15px; width: calc(100% - 120px); float: left; display: block;} .footer-section .social-icons{ position: relative; width: 100%; height: auto; overflow: hidden; text-align: right; display: block;} .footer-section .social-icons ul{ display: inline-block; margin-bottom: 0; padding-top: 7px;} .footer-section .social-icons ul li { display: inline-block;} .footer-section .social-icons ul li a{ transition: .3s ease ;margin-left: 5px; transform: translate3d(0px,0px,0px); display: block; color: #3e4448; height: 35px; width: 35px; text-align: center; padding-top: 7px; border-radius: 50%; border:1px solid #3e4448;} .footer-section .social-icons ul li a:hover{ border-color: #d1294b; color:#d1294b;} /* Footer CSS END */ .header.desktop-v .top-menu.desktop{display: block;} .header.desktop-v .top-menu.mobile{display: none;} body{ transition: .3s ease; } body.mobile-menu{ overflow: hidden; } .mobile-overlay{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45);} .mobile-overlay.showed{ display: block; z-index: 1050;} .mobil-menu-container{ position: fixed; top:0; width: 280px; right: -280px; height: 100%; background: #304b58; z-index: 1051; padding: 15px 10px; -webkit-overflow-scrolling: touch; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); } .mobile-menu-button{ display: none;} .main-div{ position: relative; width: 100%; height: auto; left:0;} .select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single{ background: #f4f4f4; height: 40px; border-radius: 0; border: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single .select2-selection__rendered{ height: 100%; padding-top: 7px;} .header.desktop-v .top-menu .ust-bar ul li .form-control{ height: 25px; padding: 0 5px; font-size: 14px;} .header.desktop-v .top-menu .ust-bar ul li.selecting{ padding: 0 6px;} .mobile-menu-logo { position: relative; width: 100%; height: auto; display: block; text-align: center; margin-bottom: 20px; } .mobile-menu-logo img{ max-width: 180px; position: relative; height: auto;} .mobile-menu-list{ width: 100%; height: 100%; overflow-y: scroll; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .mobile-menu-list a.category-title { text-decoration: none; margin-bottom: 10px; background: #9a9a9a; color: #fff; width: 100%; border-radius: 5px; display: block; padding: 7px 15px;} .mobile-menu-list a.category-title.collapsed{ background:#c32445;} .mobile-menu-list ul { padding-left: 10px; padding-bottom: 20px; margin-bottom: 0;} .mobile-menu-list ul li{ list-style: none;} .mobile-menu-list ul li.dropdown-header{ color: #f4f4f4; font-weight: bold; font-size: 15px; margin-top: 15px; padding-left: 0; } .mobile-menu-list ul li a{ font-size: 14px; text-transform: uppercase; color:#f4f4f4; text-decoration: none; display: block; padding: 2px 0;} /* RECENT ORDERS TABLE CSS */ .recent-orders-table-container{ width: 100%; height: auto; display: block; margin-bottom: 25px;} .recent-orders-table-container .table{ border: 1px solid #dedede; border-top: 0; font-size: 16px; margin-bottom: 0;} .label{ font-size: 13px; display: inline-block; padding: 6px 9px; } .label.label-yesil, .label.label-status01{ background: #46c35f; } .label.label-mavi, .label.label-status02{ background: #ac6bec; } .label.label-gri, .label.label-status03{ background: #8c8c8c; } .label.label-kirmizi, .label.label-status04{ background: #e04b47; } .label.label-lacivert{ background: #013243;} .label.label-koyuyesil{ background: #1e824c;} .label.label-sari{ background: #f7ca18; } .label.label-pembe{ background: #db0a5b; } .label.label-koyukirmizi{ background: #cf000F; } .label.label-mor{ background: #1f3a93; } .label.label-suyesili{ background: #1ba39C; } .label.label-turuncu{ background: #f39c12;} .label .dty{ margin-right: 5px;} .table-responsive .table tr td.mobil-divider span{ display: none;} .recent-order-detail{ width: 100%; height: auto; position: relative; display: block; margin: 0 auto; border: 1px solid #dedede; } .recent-order-detail .detail-head{ display: block; background: #3e4448; color:#FFFFFF; font-weight: bold; height: auto; overflow: hidden; position: relative;} .recent-order-detail .detail-head .left-side, .recent-order-detail .detail-head .right-side{ width: 50%; display: block; float: left; position: relative; text-align: left; font-size: 18px; padding: 10px 15px; } .detail-modal .modal-header{ display: none;} .detail-modal .modal-body{ padding: 0;} .detail-div{ position: relative; display: block; width: 100%; height: auto;} .detail-div .row{ margin-left: 0; margin-right: 0;} .detail-div .row .detail-div.fullw{ width: 100%; height:auto; display:block; position: relative; padding:0 0 5px 0; } .detail-div .row .detail-div.fullw span{ font-weight: normal; display:inline-block; width: calc(100% - 161px); padding: 5px 10px; background:#fff; border:1px solid #d3d3d3; margin-left:0; margin-right:0;} .detail-div .row .detail-div.fullw span.detay-baslik{ border-right:0; width: 160px; margin-right: -4px; vertical-align: top; background: #f4f4f4;} .detail-div .row:nth-child(even){ background: #f9f9f9;} .detail-div .order-status, .detail-div .order-date, .detail-div .order-bayi, .detail-div .order-id{border: 1px solid #ddd; border-bottom: 0; padding: 7px 10px; position: relative; width: 50%; float: left; height: auto; display: block; font-size: 18px; font-weight: bold;} .detail-div .order-date{ font-weight: normal; padding: 12px 10px 10px;} .detail-div .order-status{ border-left: 0; text-align: right; font-weight: normal; padding: 11px 10px 8px;} .detail-div .order-bayi{ text-align: right; border-radius: 0 5px 0 0; border-left: 0;} .detail-div .order-id{ border-radius: 5px 0 0 0;} .detail-div .table{ margin-bottom: 0;} .detail-div .order-action, .detail-div .order-sum-div{ border: 1px solid #ddd; border-top: 0; padding: 7px 15px; position: relative; width: 50%; float: left; height: auto; display: block; font-size: 18px; font-weight: bold; } .detail-div .order-action{ width: 60%; } .detail-div .order-sum-div{ width:40%; float: right; margin-bottom: 50px; } .detail-div .order-sum-div.customer{ width:60%; float: right; margin-bottom: 50px; text-align: right; } .detail-div .order-sum-div{ padding: 11px 10px;} .detail-div .order-action{ border-left: 0; text-align: right; padding-right: 10px;} .detail-div .table tr th:last-child, .detail-div .table tr td:last-child { text-align: right;} .detail-div .bayi-detail-row{ padding:10px 10px; border-radius: 5px 5px 0 0; border: 1px solid #ddd; border-bottom: 0;} .detail-div .order-bayi-details{ width: 50%; display: block; float: left; position: relative; font-size: 15px; font-weight: bold; } .detail-div .order-bayi-details2{ width: 50%; display: block; float: left; position: relative; font-size: 15px; font-weight: bold; } .detail-div .order-bayi-details .detail-div{ width: 100%; display: block; padding: 0; margin-bottom:7px;} .detail-div .order-bayi-details2 .detail-div2{ width: 100%; display: block; padding: 0; margin-bottom:7px;} .detail-div .order-bayi-details span{ font-weight: normal; display:inline-block; width: calc(100% - 160px); background:#fff; padding: 5px 10px; border:1px solid #d3d3d3; margin-left:0; margin-right:0;} .detail-div .order-bayi-details span{ font-weight: normal; display:inline-block; width: calc(100% - 160px); background:#fff; padding: 5px 10px; border:1px solid #d3d3d3; margin-left:0; margin-right:0; position: relative; left:160px; min-height: 32px;} .detail-div .order-bayi-details span.detay-baslik{ border-right:0; width: 160px; margin-right: -4px; background:#f4f4f4;} .detail-div .order-bayi-details span.detay-baslik{ border-right:0; width: 160px; margin-right: -4px; background:#f4f4f4; display: flex; align-items: center; position: absolute; left:0; height: 100%;} .detail-div .order-bayi-details span .make-daterangepicker2{ border: 0;} .detail-div .order-bayi-details2 .detail-div2 div{ font-weight: normal; display:inline-block; width: calc(100% - 160px); background:#fff; padding: 5px 10px; border:1px solid #d3d3d3; margin-left:0; margin-right:0;} .detail-div .order-bayi-details2 .detail-div2 div select, .detail-div .order-bayi-details2 .detail-div2 div input{ border: 0; height: 31px; width: 100%; border-radius: 0; background: transparent;} .detail-div .order-bayi-details2 .detail-div2 div.detay-baslik{ border-right:0; width: 160px; margin-right: -4px; background:#f4f4f4;margin-top: 2px;} .detail-div .order-bayi-details2 .detail-div2 div.right-div{ padding: 0 5px; } .detail-div .order-bayi-details2 .detail-div2 div.select-class{ padding:1px 0 0; } .detail-div .order-bayi-details2 .detail-div2 div.select-class .select2-container { width: 100%!important; border-radius: 0!important; border: 0!important; } .detail-div .order-bayi-details2 .detail-div2 div.select-class .select2-container .select2-selection--single{ height: 30px; border-radius: 0!important; border: 0!important; } .table-responsive.newtable .table-striped>tbody>tr:nth-of-type(odd){ background: #fff;} .detail-div .order-bayi-details.rightside span{ width: calc(100% - 165px); } .detail-div .order-bayi-details.rightside span.detay-baslik{ margin-left:5px; width:160px; } .detail-div .order-bayi-details2.rightside .detail-div2 div{ width: calc(100% - 165px); } .detail-div .order-bayi-details2.rightside .detail-div2 div.detay-baslik{ margin-left:5px; width:160px; } .detail-div .order-bayi-details2.rightside .detail-div2 div.select-class{ padding:1px 0 0; } .detail-div .order-bayi-details2.rightside .detail-div2 div.select-class .select2-container .select2-selection--single{ height: 30px; } .detail-div .bayi-detail-sum .detail-div{ font-weight: bold; border:1px solid #d3d3d3; padding: 5px 10px; margin-bottom:5px;} .detail-div .bayi-detail-sum .detail-div span{ font-weight: normal; float: right; text-align: right; width:50%; border-left:1px solid #d3d3d3;} .detail-div .bayi-detail-sum .order-action, .detail-div .bayi-detail-sum .order-sum-div{ border: 0;} .detail-div .bayi-detail-sum{ border: 1px solid #ddd; border-top: 0; position: relative;} .detail-div .order-action{ border-left: 1px solid #d3d3d3; width: 60%; padding: 6px 15px 7px; text-align: left; border-right: 0;} .detail-div .bayi-detail-sum .order-action{ position: absolute; bottom: 0; right: 0; text-align: right;} .detail-div .bayi-detail-sum .order-action.admin{ text-align: right; width: 100%;} .detail-div .row .detail-div.fullw{ width: 100%; height:auto; display:block; position: relative; padding:0; margin-bottom: 5px; } .detail-div .row .detail-div.fullw span{ font-weight: normal; display:inline-block; width: calc(100% - 161px); padding: 5px 10px; background:#fff; border:1px solid #d3d3d3; margin-left:0; margin-right:0; position: relative; left:160px; min-height: 32px;} .detail-div .row .detail-div.fullw span.detay-baslik{ border-right:0; width: 160px; margin-right: -4px; vertical-align: top; background: #f4f4f4; display: flex; align-items: center; position: absolute; left:0; height: 100%;} /* GRAPHICS CSS */ .graphics-container{ position: relative; width: 100%; height: auto; display: block;} .graphics-container .right-boxes:nth-child(odd){padding-left: 7px; padding-right: 7px;} .graphics-container .right-boxes:nth-child(even){} .graphics-container .new-boxes .right-boxes:nth-child(odd), .graphics-container .new-boxes .right-boxes:nth-child(even){ padding-right: 7px; padding-left: 7px;} .graphics-container .new-boxes{ padding-left: 7px; padding-right: 20px;} .graphics-container .new-boxes .statistic-box .percent{ display: none; } .graphics-container .new-boxes .statistic-box .ust-text{ position: absolute; top:0; left: 0; width: 100%; padding-top: 20px; font-weight: bold;font-size: 15px; } .graphics-container .new-boxes .statistic-box .alt-text{ position: absolute; bottom: 0; left:0; width: 100%; padding-bottom: 20px; font-weight: bold; font-size: 15px; } .statistic-box { -webkit-border-radius: 4px; border-radius: 4px; text-align: center; color: #fff; background: no-repeat 50% 50%; background-size: cover; margin: 0 0 20px;} .new-boxes .statistic-box{ margin-bottom: 14px;} .statistic-box.red { background-color: #fa424a; background-image: url('/images/statistic-box-red.png');} .statistic-box.purple { background-color: #ac6bec; background-image: url('/images/statistic-box-purple.png');} .statistic-box.yellow { background-color: #fdad2a; background-image: url('/images/statistic-box-yellow.png');} .statistic-box.green { background-color: #46c35f; background-image: url('/images/statistic-box-green.png');} .statistic-box.ngreen { background-color: #27ae60; background-image: url('/images/statistic-box-ngreen.png');} .statistic-box.nblue { background-color: #1a7eb2; background-image: url('/images/statistic-box-nblue.png');} .statistic-box > div { -webkit-border-radius: inherit; border-radius: inherit; height: 142px; background: url('/images/statistic-box-grid.png') 50% 0; background-size: 21px 20px; position: relative;} .new-boxes .statistic-box > div{ height: 145px;} .statistic-box .number { font-size: 3.125rem /*50/16*/; line-height: 1; padding: 32px 0 0;} .statistic-box .caption { font-size: 1.0625rem /*17/16*/; font-weight: 600; position: relative; min-height: 35px; line-height: 1;} .statistic-box .caption > div { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; font-size: 16px;} .statistic-box .percent { position: absolute; right: 10px; bottom: 8px; text-align: center; font-size: 0.8125rem /*13/16*/; font-weight: 600; line-height: 1;} .statistic-box .percent p{ font-size: 14px;} .statistic-box .arrow { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #ffffff transparent; margin: 0 0 2px;} .statistic-box .arrow.up { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .statistic-box .arrow.down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .make-money,.make-money2{ text-align:right; } .chart-statistic-box { zoom: 1; *zoom: 1; margin: 0 0 20px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden;} .chart-statistic-box:before, .chart-statistic-box:after { content: " "; display: table;} .chart-statistic-box:after { clear: both;} .chart-statistic-box .chart-txt { float: left; width: 200px; height: 304px; padding: 15px 20px; background: #304b58; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; color: #fff; position: relative; z-index: 5;} .chart-statistic-box .chart-txt p { margin: 0;} .chart-statistic-box .chart-txt .chart-txt-top { text-align: center; margin: 0 0 10px;} .chart-statistic-box .chart-txt .chart-txt-top .unit, .chart-statistic-box .chart-txt .chart-txt-top .number { vertical-align: middle;} .chart-statistic-box .chart-txt .chart-txt-top .unit { font-weight: 300; font-size: 1.25rem /*20/16*/; color: #929faa; margin: 0 .3em 0 0; position: relative; top: -0.2em;} .chart-statistic-box .chart-txt .chart-txt-top .number { font-size: 2.125rem /*34/16*/;} .chart-statistic-box .chart-txt .chart-txt-top .caption { font-weight: 600;} .chart-statistic-box .chart-txt .color-purple { color: #b982ef !important;} .chart-statistic-box .chart-txt .tbl-data { width: 100%; position: absolute; bottom: 15px;} .chart-statistic-box .chart-txt .tbl-data td { vertical-align: top; padding: 5px 0;} .chart-statistic-box .chart-txt .tbl-data .price { white-space: nowrap; width: 20px; padding-right: 10px; font-weight: 600;} .chart-statistic-box .chart-container { float: right; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #00a8ff; color: #fff; margin-left: -200px;} .chart-statistic-box .chart-container .chart-container-in { margin-left: 200px; position: relative;} .chart-statistic-box .chart-container .chart-container-title { position: absolute; top: auto; bottom: 20px; left: 0; width: 100%; text-align: center; font-weight: 600; font-size: 14px /*17/16*/; z-index: 20; color: #fff;} .chart-statistic-box .chart-container .chart-container-y, .chart-statistic-box .chart-container .chart-container-x { font-size: 0.6875rem /*11/16*/; text-transform: uppercase; font-weight: 700; position: absolute; z-index: 1;} .chart-statistic-box .chart-container .chart-container-x { left: 0; top: 19px; width: 100%; text-align: center; zoom: 1; *zoom: 1;} .chart-statistic-box .chart-container .chart-container-x:before, .chart-statistic-box .chart-container .chart-container-x:after { content: " "; display: table;} .chart-statistic-box .chart-container .chart-container-x:after { clear: both;} .chart-statistic-box .chart-container .chart-container-x .item { float: left; width: 12.5%; min-height: 5px; font-size: 12px; } .chart-statistic-box .chart-container .chart-container-x .item:first-child, .chart-statistic-box .chart-container .chart-container-x .item:last-child { width: 6%;} .chart-statistic-box .chart-container .chart-container-y { right: 22px; bottom: 0; text-align: right; line-height: 22px;} .chart-statistic-box .chart-container .chart-container-y .item { height: 22.4px; font-size: 12px;} .chart-statistic-box .google-visualization-tooltip { -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; color: #fff !important; border: none !important; font-weight: 700 !important; margin-left: -35px;} /* Ali message css */ .message-list{ max-height: 500px; overflow-y: scroll; border: 1px solid #ddd; padding: 15px; } .message-row{ display: block; } .message-row span{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color: #ceefff; display:inline-block; float:left; padding: 7px; font-size: 17px; max-width:48%; } .message-own span{ background-color: #8CD4F5 !important; float:right !important; } .slider-nav .slick-slide img{ width: 100%; max-width: 80px; margin: 0 auto;} .slider-for .slick-slide, .slider-for .slick-slide a, .slider-nav .slick-slide { outline: none;} .slider-nav .slick-next{ right: -15px;} .slider-nav .slick-prev{ left: -15px;} .slider-nav .slick-prev:before, .slider-nav .slick-next:before{ color: #3e4448; z-index: 999;} .slider-nav .slick-list{ margin: 0 8px;} /* menu icons */ .mi-icons img { max-width: 45px; margin-bottom: 10px; margin-top: 15px;} .mi-icons h4 {font-weight: bold;} .mi-icons p{ font-size: 14px; color:#8c8c8c;} .mi-icons span { position: relative; display: inline-block; border-radius: 20px; margin-top: 10px; margin-bottom: 10px; padding: 7px 15px; font-size: 12px; color:#fff; background: #d1294b; text-align: center; width: 180px;} .dropdown-menu>li>a.mi-icons{ white-space: normal; } .dropdown-menu>li>a.mi-icons:hover{ background: #f4f4f4;} /*ul.dropdown-menu.mega-dropdown-menu{ overflow: hidden;}*/ /*.slideInUp {*/ /*-webkit-animation: slideInUp .28s ease; !* Safari 4+ *!*/ /*-moz-animation: slideInUp .28s ease; !* Fx 5+ *!*/ /*-o-animation: slideInUp .28s ease; !* Opera 12+ *!*/ /*animation: slideInUp .28s ease; !* IE 10+, Fx 29+ *!*/ /*animation-timing-function: ease-out;*/ /*}*/ /* YENİ LİSTELEME */ .sidebar-side .panel-default, .sidebar-side .panel-body, .sidebar-side .panel-heading { border-radius: 0; border-color: #d3d3d3;} .sidebar-side .panel-heading{ background: #f3f3f3; font-weight: bold; font-size: 16px;} .product-list-container .col-md-3.sidebar-side{ padding-right: 7px; width: 20%;} /*.product-list-container .col-md-3.sidebar-side .panel:last-child{ margin-bottom: 0;}*/ .product-list-container .col-md-9.list-side{ padding-left: 7px; width: 80%;} .new-list-container{ border: 1px solid #d3d3d3;} .new-list-container.featured-products{ margin-bottom: 15px;} .new-list-container .row{ border-top: 1px solid #d3d3d3;} .new-list-container .row:first-child{ border-top: 0; font-size: 16px; font-weight: bold; padding: 10px 0; margin-left: 0; margin-right: 0;} .new-list-container .row:first-child .item-in{ padding-left: 0; padding-right: 0; text-align: center} .new-list-container .row:first-child .item-in:first-child{ padding-left: 10px; padding-right: 0;text-align: left;} .new-list-container .row:nth-child(odd){ background: #f3f3f3;} .new-list-container .row i.fa-star { display: none; } .new-list-container.featured-products .row{ background: #f6ffef; } .new-list-container.featured-products .row:nth-child(odd){ background: #e6fbd3;} .new-list-container.featured-products .row:first-child{ background: #f3f3f3;} .new-list-item{ width: 100%; display: block; position: relative; margin-right: 0; margin-left: 0;} .new-list-item .item-in{ padding-left: 5px; padding-right: 5px; text-align: center; padding-top: 17px; border-left:1px solid #d3d3d3; min-height: 60px;} .new-list-item .item-in:first-child{ padding-left: 0; text-align: left; padding-top: 0; border-left: 0;} .new-list-item .pr-image{position: relative; width: 60px; height: 60px; padding: 5px; display: block; float: left;} .new-list-item .pr-image a{border: 1px solid rgba(0,0,0,0.07); position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top:5px; left:5px; background-color: #fff;} .new-list-item .pr-name{ position: relative; padding-top: 17px; font-size: 16px; width: calc(100% - 60px); padding-right: 170px; padding-left: 10px; display: block;; float: left;} .new-list-item .pr-name a{ color:#3e4448; display: block; width: 100%; height: 50px; margin-top: -13px; display: flex; align-items: center;} .new-list-item .pr-name p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 0; } /* Edit Grid */ .new-list-item .item-in.col-md-7{ width: 63%;} .new-list-item .item-in.col-md-2{ width: 12%; padding-top: 13px;} .new-list-item .pr-name span{ position: absolute; padding-right: 5px; text-align: center; top:14px; right: 50px; white-space: nowrap; width: 124px; font-size: 12px; color:#333333; } .new-list-item .pr-name span:before{ content: "STOK KODU"; position: relative; width: 124px;padding-right: 5px; top:0; display: block; text-align: center; font-size: 12px; color: #8c8c8c; } .new-list-item .pr-name img.category-logo{ position: absolute; right: 0; max-width: 45px; top:7px; border: 1px solid rgba(0,0,0,0.0);} .new-list-item .item-in .spinner{ position: relative; width: 70%; margin: -8px auto 0;} .new-list-item .item-in input.form-control{ width: 100%; max-width: 45px; margin: -5px auto 0; text-align: center; display: inline-block; border-radius: 5px 0 0 5px; padding: 5px 3px;} .new-list-item .item-in .btn{ display: inline-block; margin-top: 0; border-radius: 0 5px 5px 0; background: #dedede;} .new-list-container.featured-products .new-list-item .item-in .btn.virtual_add_stock{ display: inline-block; margin-top: 0; border-radius: 0 5px 5px 0; background: #3d8b3d; border-color: #3d8b3d; color:#fff;} .new-list-container.featured-products .new-list-item .item-in .btn.box_pro_add_stock{ display: inline-block; margin-top: 0; border-radius: 0 5px 5px 0; background: #3d8b3d; border-color: #3d8b3d; color:#fff;} .new-list-container.featured-products .new-list-item .item-in .btn.virtual_add_stock{ display: inline-block; margin-top: 0; border-radius: 0 5px 5px 0; background: #3d8b3d; border-color: #3d8b3d; color:#fff;} .new-list-container.featured-products .new-list-item .item-in .btn.btn_debit{ display: inline-block; margin-top: 0; border-radius: 0 5px 5px 0; background: #3d8b3d; border-color: #3d8b3d; color:#fff;} .new-list-item .item-in .spinner button{ background: #b3b3b3; border-color: #b3b3b3; color:#fff; border-left: 0;} .new-list-item .item-in .spinner input{ border-color: rgba(102, 102, 102, 0.4); font-weight: 600; font-size: 15px; } .new-list-item .item-in span.stok-adeti{padding-left: 5px; display: block; float: left; width: 24%; position: relative; text-align: left; padding-top:10px;} .new-list-item .item-in span.grade{padding-left: 5px; display: block; float: left; width: 24%; position: relative; text-align: left; padding-top:10px;} .new-list-item .item-in span.fiyat{ padding-right: 5px; display: block; float: left; width: 38%; position: relative; text-align: right; padding-top: 10px;} .new-list-item .item-in span.tpsfiyat{font-size:13px; padding-right: 5px; display: block; float: left; width: 38%; position: relative; text-align: center; padding-top: 10px;} .new-list-item .item-in span.gradefiyat{font-size:13px; padding-right: 5px; display: block; float: left; width: 38%; position: relative; text-align: center; padding-top: 10px;} .new-list-item .item-in span.fiyat:before{ content: "BİRİM FİYATI"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; padding-right: 5px; width: 100%; display: block;} .new-list-item .item-in span.tpsfiyat:before{ content: "TPS FİYATI"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; padding-right: 5px; width: 100%; display: block;} .new-list-item .item-in span.gradefiyat:before{ content: "GRADE FİYATI"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; padding-right: 5px; width: 100%; display: block;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; width: 100%; display: block;} .new-list-item .item-in span.grade:before{ content: "GRADE"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; width: 100%; display: block;} .sidebar-side .checkbox label:after, .sidebar-side .radio label:after { content: ''; display: table; clear: both;} .sidebar-side .checkbox .cr, .sidebar-side .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; font-size: 14px; top:0;} .sidebar-side .radio .cr { border-radius: 50%;} .sidebar-side .checkbox .cr .cr-icon, .sidebar-side .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;} .sidebar-side .radio .cr .cr-icon { margin-left: 0.04em;} .sidebar-side .checkbox label input[type="checkbox"], .sidebar-side .radio label input[type="radio"] { display: none;} .sidebar-side .checkbox label input[type="checkbox"] + .cr > .cr-icon, .sidebar-side .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;} .sidebar-side .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .sidebar-side .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1;} .sidebar-side .checkbox label input[type="checkbox"]:disabled + .cr, .sidebar-side .radio label input[type="radio"]:disabled + .cr { opacity: .5;} .sidebar-side .checkbox label{ font-size: 14px; padding-left: 0; color:#717171;} .sidebar-side .panel-body{ padding-top: 5px; padding-bottom: 5px;} .sidebar-side .panel-body.setHeightPanel{ max-height: 350px; overflow-y: scroll;} .new-list-item .item-in.cost-show span.stok-adeti{ width: 50%; } .new-list-item .item-in.cost-show span.tpsfiyat{ width: 50%; text-align: right; } .new-list-item .item-in.cost-show span.gradefiyat{ width: 50%; text-align: right; } /* YENİ LİSTELEME END */ /* BAŞVURU FORMU */ .bayi-basvuru-formu{ padding: 15px 15px 0; width: 100%; height: auto; display: block; position: relative; border: 1px solid #e8e8e8; border-radius: 0;} .bayi-basvuru-formu label{ display: none; } .bayi-basvuru-formu label.input-group-btn{ display: table-cell; } .bayi-basvuru-formu label.input-group-btn span{ height: 40px; background: #3e4448; padding-top: 8px; border-radius: 0; font-weight: bold;} .bayi-basvuru-formu label.input-group-btn span i { margin-right: 5px;} .bayi-basvuru-formu .select2-container--default .select2-selection--single .select2-selection__arrow, .bayi-basvuru-formu .select2-container .select2-selection--single .select2-selection__rendered, .bayi-basvuru-formu select.form-control, .bayi-basvuru-formu input.form-control{ background: #f4f4f4; height: 40px; border-radius: 0; border: 0; text-transform: UPPERCASE;} .bayi-basvuru-formu.feedback-form input.form-control{ text-transform: none;} .bayi-basvuru-formu input.form-control#dealer_vn{ text-transform: none;} .bayi-basvuru-formu input.form-control#dealer_email{ text-transform: lowercase; } .bayi-basvuru-formu textarea.form-control{ background: #f4f4f4; border-radius: 0; resize: none; border: 0; text-transform: uppercase;} .bayi-basvuru-formu.contact-form .select2-container--default .select2-selection--single .select2-selection__arrow, .bayi-basvuru-formu.contact-form .select2-container .select2-selection--single .select2-selection__rendered, .bayi-basvuru-formu.contact-form input.form-control, .bayi-basvuru-formu.contact-form textarea.form-control, .bayi-basvuru-formu.feedback-form .select2-container--default .select2-selection--single .select2-selection__arrow, .bayi-basvuru-formu.feedback-form .select2-container .select2-selection--single .select2-selection__rendered, .bayi-basvuru-formu.feedback-form input.form-control, .bayi-basvuru-formu.feedback-form textarea.form-control{ text-transform: none;} .bayi-basvuru-formu .row .form-group:nth-child(odd){ padding-right: 0;} .bayi-basvuru-formu .row .form-group.col-md-12{ padding-right: 15px;} .bayi-basvuru-formu .btn-default{ border:0; font-weight: bold; padding: 10px 25px; margin-left: 10px;} .bayi-basvuru-formu .btn-default.clean-from{ color:#fff; background: #8c8c8c;} .bayi-basvuru-formu .btn-default.submit-form{ color: #fff; background: #3e4448; } .bayi-basvuru-formu .row .align-this{ text-align: right; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .bayi-basvuru-formu form input.form-control#dealer_email::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: uppercase;} .bayi-basvuru-formu form input.form-control#dealer_email::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase;} .bayi-basvuru-formu form input.form-control#dealer_email:-ms-input-placeholder { /* IE 10+ */ text-transform: uppercase;} .bayi-basvuru-formu form input.form-control#dealer_email:-moz-placeholder { /* Firefox 18- */ text-transform: uppercase;} /* BAŞVURU FORMU END */ #discount_coupon { height: 42px; padding:10px 12px; position: relative; top: 0; border-radius: 3px;} #approve_discount_code{ background: #337ab7; } .new-list-item .item-in input.form-control{ background: #fff; border: 1px solid #e8e8e8;} .new-list-item .item-in .btn.virtual_add_stock{ height: 40px; margin-top: -1px;} .new-list-item .item-in .btn.box_pro_add_stock{ height: 40px; margin-top: -1px;} .new-list-item .item-in .btn.btn_debit{ height: 40px; margin-top: -1px;} .order-item .div-col.count .input-group input.form-control{ height: 34px; border: 1px solid #d3d3d3; background: #fff; min-width: 80px;} .new-list-container .new-list-item .item-in.topinput{ display: none;} .new-list-container .new-list-item .item-in.bottominput{ display: block;} .new-list-item .item-in .btn.btn-show-price{ border-radius: 5px; } @media (min-width: 480px){ .new-list-container { transition: .3s ease;} .boxed-design .new-list-container{ } .boxed-design .new-list-container.featured-products{ border-bottom: 0;} .boxed-design .new-list-container .row.new-list-item{ width: 33.3333%; float: left; border-top:0; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .boxed-design .new-list-container .row:nth-child(odd){ background: #fff;} .boxed-design .new-list-container.featured-products .row:nth-child(odd){ /*background: #e6fbd3; 20171020 */ background: #f3fbff;} /*.boxed-design .new-list-container.featured-products .row:nth-last-child(-n+3){ border-bottom: 0;}*/ .boxed-design .new-list-container .row:first-child{ display: none; } .boxed-design .new-list-container .row i.fa-star { position: absolute; display: block; font-size: 26px; color:#cd1000;} .boxed-design .new-list-container .new-list-item .item-in{ width: 100%; padding: 5px; border: 0;} .boxed-design .new-list-container .new-list-item .pr-image { width: 100%; height: 260px;} .boxed-design .new-list-container .new-list-item .pr-name { width: 100%; padding-right: 10px; margin-bottom: 50px;} .boxed-design .new-list-container .new-list-item .pr-name p { text-align: left; width: 100%;} .boxed-design .new-list-container .new-list-item .pr-name span { top:55px; right: auto; left:10px; text-align: left;} .boxed-design .new-list-container .new-list-item .pr-name img.category-logo { top:55px; right: 10px; left:auto;} .boxed-design .new-list-container .new-list-item .pr-name span:before { text-align: left; } .boxed-design .new-list-container .new-list-item .item-in span.fiyat{ padding-right: 5px; font-size:13px; } .boxed-design .new-list-container .new-list-item .item-in span.stok-adeti{ padding-left: 10px; font-size: 13px;} .boxed-design .new-list-container .new-list-item .item-in.topinput{ display: none; position: absolute; text-align: right; bottom: -5px; padding-right: 15px;} .boxed-design .new-list-item .item-in.bottominput .btn.virtual_add_stock{ background: #5ca716; color: #fff; } .boxed-design .new-list-item .item-in.bottominput .btn.box_pro_add_stock{ background: #5ca716; color: #fff; } .boxed-design .new-list-item .item-in.bottominput .btn.btn_debit{ background: #5ca716; color: #fff; } .boxed-design .new-list-container .new-list-item .item-in.left{ width: calc(100% - 100px); padding-top: 18px; border-top:1px solid #d3d3d3;} .boxed-design .new-list-container .new-list-item .item-in.left+.item-in, .boxed-design .new-list-container .new-list-item .item-in.bottominput{ display: block; width:100px; padding-top: 8px; text-align: right; padding-right: 8px; border-top: 1px solid #d3d3d3; border-left:1px solid #d3d3d3;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK";} .new-list-item .item-in span.grade:before{ content: "GRADE";} .boxed-design .price-group { position: absolute; bottom: 59px; border: 1px solid #d3d3d3; border-left: 0; z-index: 99; width: calc(100% + 1px); background: #fff; padding: 10px 5px;} .boxed-design .price-group .col-md-3{width: 100%;} .boxed-design .new-list-container .new-list-item .item-in input.form-control{ max-width: 40px;} .boxed-design .new-list-container .new-list-item .item-in .btn.virtual_add_stock{ margin-top: 0px; background: #3e4448; color: #fff; } .boxed-design .new-list-container .new-list-item .item-in .btn.box_pro_add_stock{ margin-top: 0px; background: #3e4448; color: #fff; } .boxed-design .new-list-container .new-list-item .item-in .btn.btn_debit{ margin-top: 0px; background: #3e4448; color: #fff; } .boxed-design .new-list-container.featured-products .new-list-item .item-in .btn.virtual_add_stock{ margin-top: 0px; background: #034ea2; border-color: #034ea2; color: #fff; } .boxed-design .new-list-container.featured-products .new-list-item .item-in .btn.box_pro_add_stock{ margin-top: 0px; background: #034ea2; border-color: #034ea2; color: #fff; } .boxed-design .new-list-container.featured-products .new-list-item .item-in .btn.btn_debit{ margin-top: 0px; background: #034ea2; border-color: #034ea2; color: #fff; } .boxed-design .new-list-container .new-list-item .item-in.left+.item-in } @media (min-width: 480px) and (max-width: 992px){ .boxed-design .new-list-container .row.new-list-item:nth-child(2n+1) {border-right: 0; } } @media (min-width: 992px){ .boxed-design .new-list-container .row.new-list-item:nth-child(3n+1) {border-right: 0; } } @media (max-width: 1367px) { .chart-statistic-box .chart-txt { width: 170px; } .chart-statistic-box .chart-container { margin-left: -170px; } .chart-statistic-box .chart-container .chart-container-in { margin-left: 170px; } .detail-div .order-sum-div{ width:60%;} .pay-container .pay-type{ width: calc(33% - 9px);} } @media (max-width: 992px) { .header.desktop-v .center-menu .center-side a.btn-sepet{ margin-left: 0; margin-right: 0; } .header.desktop-v .center-menu .center-side a.btn-go2compare-page{ margin-right: 10px; margin-left: 10px;} .header.desktop-v .center-menu .center-side a.btn-sepet, .header.desktop-v .center-menu .center-side a.btn-go2compare-page, .header.desktop-v .center-menu .search-box.bayi-arama-kutusu{float: none; display: inline-block;} .header.desktop-v .center-menu .search-box.bayi-arama-kutusu{ max-width: calc(100% - 200px);)} .order-item .div-col, .order-item.title-div .div-col{ font-size: 12px; } .order-item.title-div .div-col.term{ padding-top: 6px; } .order-item .div-col.name{ width: 35%; } .order-item .div-col.term{ width: 15%; } } @media (max-width: 767px) { .chart-statistic-box .chart-txt { float: none; width: auto; height: auto; margin: 0 0 15px; -webkit-border-radius: 4px; border-radius: 4px; } .chart-statistic-box .chart-txt .tbl-data { position: static; } .chart-statistic-box .chart-container { float: none; width: auto; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; } .chart-statistic-box .chart-container .chart-container-in { margin: 0; } .detail-div .order-status, .detail-div .order-date, .detail-div .order-bayi, .detail-div .order-id, .detail-div .order-action, .detail-div .order-sum-div{ width: 100%; text-align: left; border: 1px solid #ddd; border-bottom: 0;} .detail-div .order-action{ border-bottom: 1px solid #ddd;} .detail-div .order-status{ border-bottom: 0; } .detail-div .table-responsive{ margin-bottom: 0;} .detail-div .order-action{ padding-top: 10px;} .detail-div .order-action a.btn{ display: block; margin-bottom: 5px;} .detail-div .order-status{ padding-left: 10px; padding-right: 10px;} .detail-div .order-status .label{ font-size: 12px; padding: 6px 8px; } .detail-div .bayi-detail-sum .order-action, .detail-div .bayi-detail-sum .order-sum-div, .detail-div .order-bayi-details{ width: 100%;} .detail-div .bayi-detail-sum .order-action{ position: relative;} .pay-container .pay-type{ width: calc(33% - 10px);} } @media ( max-width: 1200px ) { .header.desktop-v .center-menu .search-box{ max-width: 350px;} .navbar-nav>li > a, .navbar-nav>li.mega-dropdown > a{ font-size: 13px;} .new-list-item .item-in.col-md-7{ width: 61%;} .new-list-item .item-in.col-md-2{ width: 14%;} .new-list-item .item-in span.fiyat:before{ content: "BİRİM F."; font-size: 10px;} .new-list-item .item-in span.tpsfiyat:before{ content: "TPS F."; font-size: 10px;} .new-list-item .item-in span.gradefiyat:before{ content: "GRADE F."; font-size: 10px;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK"; font-size: 10px;} .boxed-design .new-list-item .item-in input.form-control{ max-width: 35px!important; font-size: 11px;} .boxed-design .new-list-item .item-in .btn.virtual_add_stock{ padding: 6px 8px; font-size: 12px;} .boxed-design .new-list-item .item-in .btn.box_pro_add_stock{ padding: 6px 8px; font-size: 12px;} .boxed-design .new-list-item .item-in .btn.btn_debit{ padding: 6px 8px; font-size: 12px;} .boxed-design .new-list-container .new-list-item .item-in.left{ width: calc(100% - 83px); font-size: 12px;} .boxed-design .new-list-container .new-list-item .item-in.left+.item-in{ width: 83px; } .boxed-design .new-list-item .item-in span.tpsfiyat, .boxed-design .new-list-item .item-in span.fiyat{ padding-right: 0!important; text-align: right;} .boxed-design .new-list-container .new-list-item .item-in.left+.item-in { padding-top: 8px;} .boxed-design .new-list-item .item-in .btn.virtual_add_stock{ margin-top: 2px!important; } .boxed-design .new-list-item .item-in .btn.box_pro_add_stock{ margin-top: 2px!important; } .boxed-design .new-list-item .item-in .btn.btn_debit{ margin-top: 2px!important; } .slider-div .right-banners:nth-child(1){ margin-bottom: 11px;} .product-list-container .text-side .inside .btn-add{ padding: 7px 15px 6px;} .product-list-container .text-side .inside .btn_debit{ padding: 7px 15px 6px;} } @media (max-width: 991px) { .product-list-container .col-md-3.sidebar-side{ height: auto; overflow: hidden;} .product-list-container .col-md-3.sidebar-side, .product-list-container .col-md-9.list-side{ width: 100%;} .product-list-container .col-md-9.list-side{ padding-left: 15px;} .product-list-container .col-md-3.sidebar-side .panel-default{ width: 33%; float: left;} .header.desktop-v .center-menu .search-box{ max-width: 330px;} .header.desktop-v .center-menu .center-side a.btn-sepet{ width: 60px; margin-left: 10px;} .navbar-nav>li > a, .navbar-nav>li.mega-dropdown > a{ font-size: 11px; padding: 14px 10px;} .header.desktop-v .center-menu .center-side a.btn-sepet span{ display: none;} .header.desktop-v .center-menu .center-side a.btn-sepet span.cart-count{display: inline;} .filter-bar{ min-height: 92px;} .filter-bar .bar-div:nth-child(2){ padding-right: 0;} .filter-bar .bar-div:nth-child(3){ padding-left: 0;} .list-container .list-item:nth-child(even) .list-item-inside{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: 1px #cccccc solid; } .list-container .list-item:nth-child(odd) .list-item-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border: 1px #cccccc solid; border-right: none; } .pay-form, .pay-kredili, .card-wrapper{ width: 100%;} .pay-kredili{ padding: 15px 0 0;} .pay-kredili .kredili-in{ padding: 0 10px; } .card-wrapper{ margin-bottom: 20px;} .graphics-container .right-boxes:nth-child(odd){ padding-left: 15px;} .header.desktop-v .top-menu .ust-bar.left-side ul li a{ padding: 0 13px;} .mi-icons h4{ font-size: 16px;} .mi-icons p{ min-height: 40px;} .new-list-item .item-in.col-sm-12{ width: 100%; border-bottom: 1px solid #d3d3d3; } .new-list-item .item-in{ border-left: 0;} .new-list-item .item-in.col-md-2{ width: 50%; border-left: 1px solid #d3d3d3;} .bayi-basvuru-formu .row .align-this{ text-align: center; } .bayi-basvuru-formu .btn{ width: 47%; margin-bottom: 5px; margin-left: 0;} #sepet_onay .btns-container .btn{ margin-bottom: 5px;} #discount_coupon{ top:-2px;} .btns-container .btn{ display: block; margin-bottom: 5px; margin-left: 0;} } @media (max-width: 767px) { .filter-bar{ min-height: 180px;} .filter-bar .bar-div{ padding-right: 0; padding-left: 0;} .list-container .list-item:nth-child(1n+1) .list-item-inside{ border-radius: 4px; border: 1px #cccccc solid; } .product-list-container .tab-container .panel-body .table>tbody>tr.title-tr{ display: none;} .product-list-container .tab-container .panel-body .table>tbody>tr>th, .product-list-container .tab-container .panel-body .table>tbody>tr>td{ display: inline-block; width: 100%;} .product-list-container .tab-container .panel-body .table>tbody>tr>td span{ font-weight: bold; width: 100px; display: inline-block;} .order-item .div-col.name{ width: 100%; text-align: left;} .order-item .div-col.price{ width: 100%; text-align: left;} .order-item .div-col.count{ width: 50%; text-align: center;} .order-item .div-col.price-sum{ width: 100%; text-align: right;} .order-item .div-col.term{ width: 50%; text-align: center;} .pay-container .pay-type .pay-ins .logo-side{ width: 100%; text-align: center;} .pay-container .pay-type .pay-ins .logo-side img{ max-width: 70px;} .pay-container .pay-type .pay-ins .text-side{ font-size: 14px; font-weight: bold; padding-left: 0;} .header.desktop-v .center-menu .center-side, .logo-div, .header.desktop-v .top-menu .ust-bar.left-side, .header.desktop-v .top-menu .ust-bar.right-side{ text-align: center;} .header.desktop-v .center-menu .search-box{ max-width: calc(100% - 70px); } .header.desktop-v .center-menu .logo-div a img{ margin-bottom: 15px;} .bottom-menu .navbar, .navbar-toggle{ display: none;} .mobile-menu-button{ text-align: center; width: 100%; height: auto; display: block; position: relative;} .mobile-menu-button a{ color:#304b58;;} .mobile-menu-button .point-info{ display: none; cursor: pointer; -webkit-animation: pointEffect 2s infinite; /* Safari 4.0 - 8.0 */ animation: pointEffect 2s infinite; top: 0; position: relative; margin-right: 5px; padding: 5px 15px; font-weight: bold; background: #5cbf5c; border-radius: 5px; color:#fff; } .mobile-menu-button span{ font-size: 20px; padding: 10px 15px; position: relative; display: inline-block; cursor: pointer;} .mobile-menu-button span i { margin-left: 5px;} .graphics-container .right-boxes:nth-child(odd){ padding-right: 15px;} .header.desktop-v .top-menu .ust-bar .dropdown.formobile .dropdown-menu{ display: none;} .header.desktop-v .top-menu.desktop{display: none;} .header.desktop-v .top-menu.mobile{display: block; z-index: 1004; position: relative; height: 40px; width: 100%;} .header.desktop-v .top-menu.mobile .dropdown button{ width: 100%; height: 40px; border-radius: 0; border: 0; background: #304b58; color: #fff; font-weight: bold;} .header.desktop-v .top-menu.mobile .dropdown-menu>li>a i{ width: 20px; } .header.desktop-v .top-menu.mobile .dropdown{ display: block; width: 50%; float: left;} .header.desktop-v .top-menu.mobile .dropdown .dropdown-menu{ margin-top: 0; width: 100%; border-radius: 0; position: absolute; left: 0; background: #f3f3f3;} .header.desktop-v .top-menu.mobile .dropdown.left-dwn{ border-right: 1px solid #b1b1b1;} .dropdown.formobile .btn, .dropdown.formobile{ display: block; width: 100%;} .new-list-container .row:first-child .item-in{ text-align: left; padding-left: 10px;} .product-list-container .col-md-3.sidebar-side .panel-default{ width: 100%; float: none; margin-bottom: 5px;} .product-list-container .col-md-3.sidebar-side .panel-body{ display: none;} .product-list-container .col-md-3.sidebar-side, .product-list-container .col-md-9.list-side{ padding-right: 15px;} .bayi-basvuru-formu .row .form-group:nth-child(odd){ padding-right: 15px;} .bayi-basvuru-formu .row .align-this{ text-align: center;} .product-list-container .col-md-3.sidebar-side .panel:last-child{ margin-bottom: 5px;} .detail-div .order-bayi-details.rightside span{ width: calc(100% - 160px);} .detail-div .order-bayi-details.rightside span.detay-baslik{ margin-left:0;} .detail-div .order-sum-div{ margin-bottom:0; padding-bottom:0;} .detail-div .bayi-detail-sum .order-action{ padding-left: 10px;} } @media (max-width: 480px) { .recent-order-detail .detail-head .left-side, .recent-order-detail .detail-head .right-side{ width: 100%; font-size: 16px;} .footer-section .text, .footer-section .foot-logo{ width: 100%; text-align: center; margin-bottom: 10px;} .footer-section .social-icons{ text-align: center;} .footer-section .social-icons ul{ padding-left: 0;} .breadcrumb-container .breadcrumb{ font-size: 14px;} .order-item.title-div{ display: none;} .order-item .div-col{ min-height: 34px; text-align: right;} .order-item .div-col.count .input-group{ margin-right:0;} .order-item .div-col.term .form-control{ margin-right:0; max-width: 130px; width: 100%; } .order-item .div-col.name, .order-item .div-col.price, .order-item .div-col.count, .order-item .div-col.term, .order-item .div-col.price-sum{ width: 100%; text-align: right;} .order-item .div-col .mobile-info{ text-align: left; display: block; float: left; font-weight: bold; color: #3e4448; margin-right: 5px;} .order-item .div-col.count .mobile-info{padding-top: 6px;} .order-item .div-col.term .mobile-info{padding-top: 6px;} .btns-container .btn{ display: block; margin-bottom: 5px; margin-left: 0;} .btns-container{ padding:0 10px;} .pay-type-div .table>tbody>tr>td, .pay-type-div .table>tbody>tr>th, .pay-type-div .table>tfoot>tr>td, .pay-type-div .table>tfoot>tr>th, .pay-type-div .table>thead>tr>td, .pay-type-div .table>thead>tr>th{ width: 100%; display: block;} .slider-for .slick-slide img{ width: 100%; max-width: 260px; margin: 0 auto 15px;} .slider-nav .slick-slide img{ width: 100%; max-width: 260px; margin: 0 auto;} .product-list-container .image-side { padding: 0;} .product-list-container .image-side .inside{ height: auto; margin-bottom: 15px;} .new-list-item .pr-name{ position: static;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK";} .new-list-container .row:first-child .item-in.col-xs-6{ display:none;} .new-list-item .pr-name a{ border-bottom: 1px solid #d3d3d3;} .new-list-item .item-in.col-xs-6.left{ width: 55%; } .new-list-item .item-in.col-xs-6.right{ width: 45%; border-left: 1px solid #d3d3d3; } .new-list-item .item-in span.fiyat{ } .detail-div .order-bayi-details2.rightside .detail-div2 div, .detail-div .order-bayi-details2{ width: 100%;} .detail-div .order-bayi-details2.rightside .detail-div2 div.detay-baslik, .detail-div .order-bayi-details2 .detail-div2 div.detay-baslik{ width: 100%; border-right: 1px solid #d3d3d3; border-bottom: 0; margin-left: 0;} .header.desktop-v .center-menu .search-box.admin-src{ position: relative; display: inline-block; float: none; } .detail-div .bayi-detail-sum .detail-div{ font-size: 14px;} .bayi-basvuru-formu .btn{ width: 90%; margin-bottom: 5px; margin-left: 0;} #discount_coupon{ width: 100%!important;} .new-list-item .item-in span.fiyat:before{ content: "BİRİM F."; font-size: 12px;} .new-list-item .item-in span.tpsfiyat:before{ content: "TPS F."; font-size: 12px;} .new-list-item .item-in span.gradefiyat:before{ content: "TPS F."; font-size: 12px;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK"; font-size: 12px;} .new-list-item .item-in input.form-control{ max-width: 35px; font-size: 11px;} .new-list-item .item-in .btn.virtual_add_stock{ padding: 6px 10px; font-size: 12px;} .new-list-item .item-in .btn.box_pro_add_stock{ padding: 6px 10px; font-size: 12px;} .new-list-item .item-in .btn.btn_debit{ padding: 6px 10px; font-size: 12px;} .new-list-container .new-list-item .item-in.left{ width: calc(100% - 83px); font-size: 12px;} .new-list-container .new-list-item .item-in.left+.item-in{ width: 83px; } .new-list-item .item-in span.tpsfiyat, .new-list-item .item-in span.fiyat{ padding-right: 0!important; text-align: right;} .new-list-container .new-list-item .item-in.left+.item-in { padding-top: 8px;} .new-list-item .item-in .btn.virtual_add_stock{ margin-top: 2px; } .new-list-item .item-in .btn.box_pro_add_stock{ margin-top: 2px; } .new-list-item .item-in .btn.btn_debit{ margin-top: 2px; } .new-list-item .pr-name { padding-right: 10px; padding-bottom: 50px; } .new-list-item .pr-name span { left: 5px; text-align:left; bottom: 15px; top: auto; } .new-list-item .pr-name img.category-logo{ bottom: 0; right: 5px; top: auto;} .new-list-item .pr-name span:before{ display: none; } .new-list-item .pr-name p{ font-size: 13px;} .boxed-design .new-list-item .item-in .btn.virtual_add_stock{ margin-left: -3px;} .boxed-design .new-list-item .item-in .btn.box_pro_add_stock{ margin-left: -3px;} .boxed-design .new-list-item .item-in .btn.btn_debit{ margin-left: -3px;} .pay-container .pay-type{ width: 100%; margin-bottom: 10px; padding-top: 10px; height: 120px;} .footer-section .foot-logo img{ position: relative; width: 100%; max-width: 180px;} .header.desktop-v .center-menu .center-side a.btn-sepet{ margin-left: 5px; margin-right: 10px; } .header.desktop-v .center-menu .center-side a.btn-go2compare-page{ margin-left: 10px; margin-right: 5px; } .header.desktop-v .center-menu .center-side a.btn-sepet, .header.desktop-v .center-menu .center-side a.btn-go2compare-page{ width: calc(50% - 15px); float: left; margin-bottom: 10px;} .header.desktop-v .center-menu .center-side a.btn-sepet, .header.desktop-v .center-menu .center-side a.btn-go2compare-page, .header.desktop-v .center-menu .search-box.bayi-arama-kutusu{display: block;} /*.header.desktop-v .center-menu .search-box.bayi-arama-kutusu:before{ display: table-cell; float: none; content: ""; }*/ .header.desktop-v .center-menu .search-box.bayi-arama-kutusu{ left:0; right: 0; float: none; max-width: calc(100% - 23px); margin: 0 auto!important;} .header.desktop-v .center-menu .search-box.bayi-arama-kutusu input{ font-size: 14px; position: relative; top: -5px; } } @media (max-width: 440px) { .new-list-item .item-in.col-sm-12{ border-bottom: 0;} .new-list-item .item-in.col-xs-6{ width: 100%; border-left: 0; border-top: 1px solid #d3d3d3;} } .lSSlideOuter .lightSlider a{ position: relative; text-align: center;} .lSSlideOuter .lightSlider img{ max-height: 280px; width: auto; position: relative;} /*.lSSlideOuter .lSPager.lSGallery{ width: 100%!important; text-align: center; margin-top: 15px!important;}*/ .lSSlideOuter .lSPager.lSGallery:before{ content: ""; width: 100%; max-width: 280px; display: block; height: 1px; background: rgba(0,0,0,0.1); margin: 0 auto 15px; position: relative;} /*.lSSlideOuter .lSPager.lSGallery li{ float: none; display: inline-block; }*/ .detail-modal .modal-dialog{ width: 100%; max-width: 800px;} .detail-modal iframe{ min-height: 500px; } .bayi-basvuru-formu input[type="file"]{opacity:0.001; display: block; height:120px !important; z-index: 5; position: relative; cursor:pointer;} .overlay-icon {position: absolute; width: calc(100% - 15px); height: calc(100% - 35px); top: 0; left: 15px; z-index: 2; background-color: #f3f3f3; display: flex; align-items: center; text-align: center; } .overlay-icon span i{ font-size: 30px; } .overlay-icon span{ display: inline-block; width: 100%; position: relative; text-align: center;} .file-container { padding-right: 15px; } .bayi-basvuru-formu .row .form-group.file-container:nth-child(odd){padding-right:15px;} .bayi-basvuru-formu .row .form-group.file-container:nth-child(even){padding-right:0px;} .bayi-basvuru-formu .row .form-group.file-container:nth-child(3) .overlay-icon{ width: calc(100% - 25px);} .bayi-basvuru-formu .row .form-group.file-container:nth-child(4) .overlay-icon{ width: calc(100% - 20px); left:5px;} .bayi-basvuru-formu .select2-container .select2-selection--single{ height: 40px; border:0;} @media (max-width: 768px){ .bayi-basvuru-formu .row .form-group.file-container .overlay-icon, .bayi-basvuru-formu .row .form-group.file-container:nth-child(3) .overlay-icon, .bayi-basvuru-formu .row .form-group.file-container:nth-child(4) .overlay-icon{ width: calc(100% - 30px); left:15px;} } .seri-no-sorgula{ width: 100%; position: relative; height: auto; background: #6f6f6f; padding:30px; text-align: center;} .seri-no-sorgula h4{ font-weight: 900; color:#fff; font-size: 30px;} .seri-no-sorgula p{ color:#fff;} .seri-no-sorgula .form-group{ width: 100%; max-width: 600px; position: relative; margin: 0 auto; display: block;} .seri-no-sorgula .form-group input{ width: 100%; position: relative; height: 50px; border-radius: 10px;} .seri-no-sorgula .form-group button { position: absolute; right:0; top:0; height: 50px; background: #404040; color:#fff; border-color: #404040; font-weight: bold; padding: 6px 30px; border-radius: 0 10px 10px 0; } .seri-no-sorgula .form-group button i { margin-left: 7px;} /* Boş liste */ .new-list-item .item-in .bos-liste{ padding: 20px 10px; font-size: 16px; color: #8c8c8c;} .sss-div, .duyuru-div { width: 100%; display: block; position: relative; } .sss-div .panel-heading, .duyuru-div .panel-heading{ height: auto; position: relative; overflow : hidden;} .sss-div .panel-title, .duyuru-div .panel-title{ height: auto; position: relative;} .sss-div .panel-title>a, .duyuru-div .panel-title>a {display: block; position: relative;} .sss-div .panel-title>a:before{ position: relative; content:"\f068"; font-family: FontAwesome; display: block; float: left; margin-right: 10px; top:2px; font-size: 12px;} .sss-div .panel-title>a.collapsed:before{ content: "\f067";} .duyuru-div .panel-title>a span{ float: right;} .sss-div .panel-title i, .duyuru-div .panel-title i{ margin-right : 5px; font-size : 12px; position: relative; top: -1px;} .sss-div.v2 .panel-title>a{ text-decoration: none;} .sss-div.v2 .panel { border: 0; border-radius: 0; background: transparent; } .sss-div.v2 .panel .panel-body{ background: #5cb85c; color:#fff; padding-left: 35px;} .sss-div.v2 .panel-default>.panel-heading{ border-radius: 0; background: transparent; transform: translate3d(0,0,0); transition: all .3s ease;} .sss-div.v2 .panel-default>.panel-heading:hover{ background: #5cb85c; color:#fff; } .sss-div.v2 .panel-default.opened-panel>.panel-heading{background: #5cb85c; color:#fff;} /*.duyuru-div .panel-heading{ background: #8c8c8c; color:#fff;}*/ .user-info{ width: 100%; height: auto; display: block; } .user-info form input.form-control{ height: 40px; border-radius: 5px; } .user-info .well { padding: 15px; } .contact-form .form-control{ border: 1px solid rgba(0,0,0,0.05)!important;} .icons-div{ width: 100%; height: auto; position: relative; display: block; padding-bottom: 15px; padding-top: 15px; margin-top:15px; overflow: hidden; margin-bottom: 20px;} .icons-div .icon-bar{ position: relative; text-align: center; border-right: 1px solid rgba(0,0,0,0.05);} .icons-div .icon-bar:last-child{ border-right: 0;} .icons-div .icon-bar img{ max-width: 80px; margin-right: 25px;} .icons-div .icon-bar span{ font-size: 14px; font-weight: 600; color:#000; position: relative; top:5px;} .icons-div:after{ position: absolute; content: ""; bottom: 0; left:10%; width: 80%; display: block; height: 1px; background-color: rgba(0,0,0,0.05);} .icons-div:before{ position: absolute; content: ""; top: 0; left:10%; width: 80%; display: block; height: 1px; background-color: rgba(0,0,0,0.05);} .loading-div{ z-index: 9999; position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; flex-direction: column; } .loading-div.hide-loader{ display: none; z-index: 0;} .loading-div i{ font-size: 60px; color: #3e4448;} .loading-div p { margin-top: 30px; font-size: 15px; color: #000; text-shadow: 1px 0px 1px #fff; } .product-list-container .text-side .inside .icons-div .icon-bar { padding: 10px; border:0!important; } .product-list-container .text-side .inside .icons-div .icon-bar:nth-child(odd){ border-right:0!important;} .product-list-container .text-side .inside .icons-div .icon-bar:nth-child(1), .product-list-container .text-side .inside .icons-div .icon-bar:nth-child(2){ border-bottom:0!important;} .product-list-container .text-side .inside .icons-div .icon-bar img{ max-width: 40px; margin-right: 10px; } .popup-div .product-list-container .text-side .inside .icons-div .icon-bar img{ max-width: 40px; margin:0 auto; } .product-list-container .text-side .inside .icons-div .icon-bar span{ font-size: 16px; } .product-list-container .text-side .inside p.inside-marka, .product-list-container .text-side .inside p.inside-model{ display: none;} .detail-modal{ border: 0;} .content-area .insider-div.ndetail-div, .content-area .insider-div.popup-div{ padding: 0;} .content-area .insider-div.ndetail-div .breadcrumb-container{ padding:15px 15px 0;} .content-area .insider-div.ndetail-div .product-list-container, .content-area .insider-div.popup-div .product-list-container{ border:0; padding: 15px 0;} .bayi-basvuru-formu .help-block{ margin-bottom: 15px; margin-left: -15px; } .bayi-basvuru-formu .upfile-name{ position: absolute; bottom:0; font-size:12px; color:#8c8c8c; padding-left:15px; display:block; width:100%; left: 0; margin-left: -15px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} #add_product_images a.label{ margin-bottom:5px; margin-top:10px; } #add_product_images label{ margin-top:10px; } #add_product_images a.btn{ margin-bottom:5px;} #add_address_modal .select2-container{ width:100%!important; } a.label.ext-btn{ position: relative; top:-4px; padding:6px 6px 6px 7px; background:#808080;} a.label.ext-btn:hover{ background:#3e4448;} .alignedtable.table-bordered>tbody>tr>td, .alignedtable.table-bordered>tbody>tr>th, .alignedtable.table-bordered>tfoot>tr>td, .alignedtable.table-bordered>tfoot>tr>th, .alignedtable.table-bordered>thead>tr>td, .alignedtable.table-bordered>thead>tr>th, table.alignedtable>tr>td, table.alignedtable>tr>th{ text-align:center;} .table-bordered>tbody>tr>td:last-child, .table-bordered>tbody>tr>th:last-child, .table-bordered>tfoot>tr>td:last-child, .table-bordered>tfoot>tr>th:last-child, .table-bordered>thead>tr>td:last-child, .table-bordered>thead>tr>th:last-child, table>tr>td:last-child, table>tr>th:last-child{ text-align:right;} .alignedtable.table-bordered>tbody>tr>td:first-child, .alignedtable.table-bordered>tbody>tr>th:first-child, .alignedtable.table-bordered>tfoot>tr>td:first-child, .alignedtable.table-bordered>tfoot>tr>th:first-child, .alignedtable.table-bordered>thead>tr>td:first-child, .alignedtable.table-bordered>thead>tr>th:first-child, table.alignedtable>tr>td:first-child, table.alignedtable>tr>th:first-child{ text-align:left;} /* data-table overflow bug fix */ .table-bordered>tbody>tr.dt-tr>td{ overflow: visible;} .table-bordered>tbody>tr.dt-tr>td .dropdown-menu{ left: auto!important; right: 0; padding: 0; overflow: hidden; border-radius: 3px; border-color: #dddd; background: #f9f9f9;} .table-bordered>tbody>tr.dt-tr>td .dropdown-menu li { border-bottom: 1px solid #ddd;} .table-bordered>tbody>tr.dt-tr>td .dropdown-menu li a{ padding:7px 15px; color: #424242;} .table-bordered>tbody>tr.dt-tr>td .dropdown-menu li a i{ margin-right: 5px; } .table-bordered>tbody>tr.dt-tr>td .dropdown-menu li:last-child{ border-bottom: 0;} .table-bordered>tbody>tr.dt-tr>td .btn-drdwn{ background: #2e6da4; outline: none!important; border-color: #2e6da4; color: #fff; position: relative; padding-right: 7px;} .table-bordered>tbody>tr.dt-tr>td .btn-drdwn span{ position: absolute; right: 0; top: 0;} .table-bordered>tbody>tr.dt-tr>td .btn-drdwn i{ margin-right: 0; } .table-bordered>tbody>tr.dt-tr>td:nth-last-child(2), .customertable.table-bordered>thead>tr>th:last-child, .table-bordered>tbody>tr.dt-tr>td:last-child{ text-align: center;} .table-bordered>tbody>tr.dt-tr:nth-last-child(2) .dropdown-menu, .table-bordered>tbody>tr.dt-tr:nth-last-child(3) .dropdown-menu, .table-bordered>tbody>tr.dt-tr:last-child .dropdown-menu{ top:auto; bottom: 100%;} .table-bordered>tbody>tr.dt-tr:first-child .dropdown-menu{ bottom:auto; top: 100%;} .customer-table{ overflow: visible;} .customer-table.v2{ overflow: hidden;} #XStatus{width:120px;position: relative;right: 5px;border-radius: 3px; border: 1px solid #e8e8e8;} #XStatus2{width:180px;position: relative;right: 5px;border-radius: 3px; border: 1px solid #e8e8e8;} .dataTables_filter label{ color: #fff;} .dataTables_filter label:before{ content: ' Arama '; margin-left: 0; font-size: 14px; position: relative; display: flex; align-items: center; justify-content: center; float: right; border-radius: 0 4px 4px 0; color: #fff; background: #304b58; font-weight: bold; width: 70px; height: 40px; } .dataTables_filter label input{ border-radius: 4px 0 0 4px; border: 1px solid #e8e8e8; } .dataTables_info{ font-size: 14px; padding: 3px 0; color: #4c4c4c; width: calc(100% - 240px); float: left; margin-bottom:10px;} .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_disabled_next, .dataTables_paginate a.paginate_button, .paginate_enabled_next, .paginate_active, .paginate_enabled_previous{ padding: 5px 12px!important; font-size: 14px!important;} .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover{ background: #3e4448!important; border-color: #3e4448!important;} .dataTables_length select.form-control{ height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;} .datatable_btn_add { height: 34px!important; float: right!important; display: inline-block!important; padding: 6px 12px!important; margin-bottom: 0; margin-top: 2px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; background-image: none; border: 1px solid transparent!important; border-radius: 4px!important; } button.btn.btn-success.datatable_btn_add { margin-top: 6px !important; } .cargo-detail-modal .modal-body{ text-align: center;} .cargo-detail-modal .modal-body img { border: 1px solid rgba(0,0,0,0.07); max-width: 320px; position: relative; margin-bottom: 15px; } .cargo-detail-modal .modal-body p{ font-size: 18px; color: #3e4448; margin-bottom: 5px;} .taksitlendirme-div{ width: 100%; height: auto; position: relative; overflow: hidden; display: block;} .taksitlendirme-div .taksit-sutun{ width: 100px; height: auto; overflow: hidden; position: relative; float: left; display: block; } .taksitlendirme-div .banka-sutun{ width: 100%; height: auto; overflow: hidden; position: relative; float: left; display: block; } .taksitlendirme-div .banka-inside{ padding: 0; } .taksitlendirme-div .row{ margin-right: 0; margin-left: 0;} .taksitlendirme-div .banka-sutun .table-bordered>tbody>tr>th:first-child{ padding: 0; text-align: center; background: #fff;} .taksitlendirme-div .banka-sutun .table-bordered>tbody>tr>th img { height: 36px;} .bs-wizard {width: 90%;margin: 30px auto 30px;height: auto;overflow: hidden;} .bs-wizard > .bs-wizard-step {padding: 0;position: relative} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 16px;margin-bottom: 5px;text-align:center;} .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999;font-size: 14px} .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute;width: 30px;height: 30px; text-align: center; display: block; background:#a1c572; top: 45px;left: 50%;margin-top: -11px;margin-left: -15px;border-radius: 50%} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' ';width: 14px;height: 14px;background: #fff; border-radius: 50px;position: absolute;top: 8px;left: 8px} .bs-wizard > .bs-wizard-step > .bs-wizard-dot > span{ display: none; } .bs-wizard > .bs-wizard-step.complete> .bs-wizard-dot > span{ display: inline-block; color:#848484; font-size: 12px; position: relative; top:5px; z-index: 99; } .bs-wizard > .bs-wizard-step > .progress { position: relative; background: #e8e8e8; border-radius: 0;height: 8px;box-shadow: none;margin: 23px 0} .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width: 0;box-shadow: none;background: #a1c572;} .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width: 100%} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width: 50%} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width: 0} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #dedede;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0} .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%;width: 50%} .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%} .bs-wizard > .bs-wizard-step.complete .bs-wizard-stepnum{ color: #5ca716; } .bs-wizard > .bs-wizard-step.disabled .bs-wizard-stepnum{ color: #b1b1b1; } .bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum{ color: #616161; font-weight: bold;} .btn-m-order { background:#034ea2; color:#fff; border:0; width: 100%; padding: 8px; } .btn-m-order:hover, .btn-m-order:active, .btn-m-order:focus { background: #3e4448 !important; color:#fff !important; } .price-group{ height:auto; overflow:hidden; width:100%; position:relative; padding: 3px 0; border-top:1px solid #d3d3d3;} .bayi-basvuru-formu .row .form-group.col-md-4:nth-child(2){ padding-right:0;} .bayi-basvuru-formu .row .form-group.col-md-4:nth-child(3){ padding-right:15px;} .bayi-basvuru-formu .select2-container--default .select2-selection--single .select2-selection__arrow{ margin-top: 0; padding-top:0; height:39px;} .table-bordered.select-address>tbody>tr>th, .table-bordered.select-address>thead>tr>td, .table-bordered.select-address>thead>tr>th, .table-bordered.select-address>tbody>tr>td{ display:inline-block; } .table-bordered.select-address>thead>tr>th { width:25%; display:none;} .table-bordered.select-address>tbody>tr>td:nth-child(1){ width: 100px; border-bottom: 0; border-left:0;} .table-bordered.select-address>tbody>tr>td:nth-child(2){ max-width: calc(50% - 100px); width: calc(50% - 100px); height: 45px; border-bottom:0; border-left:0;} .table-bordered.select-address>tbody>tr>td:nth-child(3){ max-width: calc(50% - 100px); width: calc(50% - 100px); height: 45px; border-bottom:0; border-left:0; border-right:0;} .table-bordered.select-address>tbody>tr>td:nth-child(4){ width: 100px; height: 45px; border-bottom:0; border-right:0; text-align:right;} .table-bordered.select-address>tbody>tr>td:nth-child(5){ width:100%; border-bottom:0; border-left:0; border-right:0; text-align:left; display: block; position: relative; max-width: 100%; } .kdv-div{ position: relative; display: block; width: 100%; height: auto; border: 1px solid #d3d3d3; background: #f3f3f3; text-align: right; margin-bottom: 14px; padding:7px; font-weight: 600; font-size: 16px;} #multiple_cart a{ position: relative; padding: 0; display:inline-block; border-bottom: 1px solid #95a2da; margin-bottom: 13px; margin-top: 8px; text-decoration:none!important; } #multiple_cart button{ display: block; position: relative; margin-top: 10px; width: 100%;} .detail-div .btns-div{ width: 100%; position: relative; text-align: right; display: block; height: auto; overflow: hidden; border: 1px solid #d3d3d3; padding: 7px 15px; } .detail-div .btns-div button.btn, .detail-div .btns-div a.btn{ background: #3e4448; color: #fff; font-weight: bold; border: 0; padding: 7px 20px;} .detail-div .btns-div a.btn.btn-excel{ background: #5ca716;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .label{ width: 150px; margin-bottom: 2px; margin-top:2px;} .label.label-dty { width: 80px; } .detail-div .order-status .label{ font-size: 15px; width: 140px;} .popup-div .label{ width: auto; } .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods{ font-size: 14px; padding: 0 15px 0 10px; } .top-menu.mobile .dropdown-menu>li>a.admin-mods span, .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods span { position: relative; top:-1px; font-weight: bold; background: #cd0000; color:#fff; width: 24px; border-radius: 3px; display: inline-block; text-align: center; margin-right: 3px;} .header.desktop-v .top-menu .ust-bar.left-side ul li:first-child a.admin-mods{ padding-left: 0;} .top-menu.mobile .dropdown-menu>li>a.admin-mods span, .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods span{ background: #d1294b; } .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods:after{ display: none;} .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods.not-empty span{ background: #00a2e5; } td>a:hover, td>button:hover{ text-decoration: none; } .notfound-div{ max-width: 600px; margin: 150px auto; display: block; height: auto; width: 100%; position: relative;} .notfound-div .page-title h2{ font-size : 30px;} .notfound-logo{ position: relative; display: block; width: 100%; height: auto; overflow: hidden; margin: 30px 0 0;} .notfound-logo img{ position: relative; width: 100%; max-width: 260px; } .notfound-text {position: relative; display: block; width: 100%; height: auto; overflow: hidden; margin: 15px 0 30px 0;} .notfound-text p { font-size: 18px;} .notfound-text a.btn{ border: 0; background: transparent; color:#8c8c8c; padding: 7px 0; font-size: 18px; transition: .3s ease;} .notfound-text a.btn:hover, .notfound-text a.btn:active, .notfound-text a.btn:focus{ color:#3e4448; } .form-group .btn-primary{ padding: 8px 20px; font-size: 16px; color:#fff; background: #304b58; border-color:#304b58; font-weight: bold;} .table>tbody>tr>td{ font-size: 14px; vertical-align: middle; } .nf-horizontal{ position:absolute; width: 100%; max-width: 280px; right: 15px; z-index:55; } .nf-horizontal .btn-primary { position: absolute; height: 38px; background: #304b58; border-radius: 0px 5px 5px 0px; border: 0px !important; top: 4px; right: 16px; } .nf-horizontal input{ padding-right: 50px; background: #fff; border-radius: 5px; border: 1px solid #e4e4e4; height: 38px !important; margin-top: 4px;} .detail-div .bayi-detail-sum .detail-div{ position: relative; background: #f4f4f4; margin-bottom: 0; border-bottom: 0; } .detail-div .bayi-detail-sum .detail-div:last-child{ border-bottom: 1px solid #d3d3d3;} .detail-div .bayi-detail-sum .detail-div span{ position: absolute; right: 0; top: 0; padding: 5px 10px; background: #fff;} .detail-div .order-bayi-details2 .detail-div2 div.select-class .select2-container--default .select2-selection--single .select2-selection__arrow{ background: #fff; padding-top: 0; margin-top: -2px;} .detail-div .order-bayi-details2 .detail-div2 div.select-class .select2-container .select2-selection--single .select2-selection__rendered{ background: #fff; padding-top: 0;} .page-title h2 span{ float:right;} .change-list-style { cursor: pointer; height: auto; display: inline-block; text-decoration: none!important; } .change-list-style img{ max-width: 22px;} .kdv-div small { margin-right: 10px; position: relative; top: 1px;} .bayi-basvuru-formu .btn-default.grey-btn{ background: #8c8c8c;} .bayi-basvuru-formu .btn-default.dblue-btn{ background: #0e314a;} .bayi-basvuru-formu .btn-default.green-btn{ background: #4caf50;} textarea{ resize: none;} .table-responsive>.table>tbody>tr>td.label-td-div{ max-width: 100%; } .table-responsive>.table>tbody>tr>td.no-ellipsis{ max-width: 100%; overflow: visible; white-space: normal; max-width: 400px;} #add_address_modal .modal-body{ text-align: left;} .mobile-menu-list a.category-title{ position: relative;} .mobile-menu-list a.category-title.collapsed:after { font-family: FontAwesome; position: absolute; content: "\f0d7"; display: block; right: 10px; top: 6px; color:#fff; } .mobile-menu-list a.category-title:after { font-family: FontAwesome; position: absolute; content: "\f0d8"; display: block; right: 10px; top: 6px; color:#fff; } #seri_result{ padding: 0 15px;} #seri_result table{ border: 1px solid #d3d3d3; } .content-area .insider-div.icons-container{padding: 3px 15px; margin-bottom: 10px; margin-top: -15px; min-height: 50px;} .product-list-container .text-side .inside .insider-div.icons-container{padding: 13px 35px 13px 0; margin-bottom: 15px; margin-top: -15px; min-height: 50px;} .content-area .insider-div.icons-container .icons-div{ margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .content-area .insider-div.icons-container .icons-div .icon-bar{ border: 0; } .content-area .insider-div.icons-container .icons-div:after, .content-area .insider-div.icons-container .icons-div:before{ display: none;} .content-area .insider-div.icons-container .icons-div .icon-bar img{ display: block; float: left; max-width: 70px;} .content-area .insider-div.icons-container .icons-div .icon-bar .text-side{ display: block; float: left; padding-top: 10px; font-family: 'Samsung Sharp Sans';} .content-area .insider-div.icons-container .icons-div .icon-bar span{ display: block; font-weight: normal; text-align: left; line-height: 20px; } .content-area .insider-div.icons-container .icons-div .icon-bar span.bold{ font-weight: bold; } .slider-for .slick-slide img{ width: 100%; max-width: 314px; margin: 0 auto 15px;} .navbar-nav>li > a.exit-from-user{ margin-right: 12px; background: #d1294b; color: #fff !important; border-radius: 5px; padding: 9px 20px; margin-top: 5px; } .nav>li>a:focus, .nav>li>a:active{ background: rgb(247, 247, 247);} a.urun_cikisi_btn:active, a.urun_cikisi_btn:focus, a.urun_cikisi_btn:hover, a.urun_cikisi_btn { background: #E91E63; color: #fff; padding: 5px 10px 5px 10px; border-radius: 5px; text-decoration: none!important;} iframe { border:0!important; } .btn.fl-btn{ background:#3d8b3d; border: 0; font-size: 13px; padding: 2px 10px; border-radius: 4px; } .btn.fl-btn img{ width: 13px; position: relative; top: -1px; margin-right: 1px; } .btn.fl-btn:hover{ background: #8c8c8c; } .btn.fl-btn:active, .btn.fl-btn:focus{ background:#3d8b3d; } .longselect .select2-container--default .select2-selection--multiple { height: 40px; overflow: hidden; } .openedselect .select2-container--default .select2-selection--multiple { height: auto; overflow: hidden; } .longselect .select2-container--default.select2-container--focus .select2-selection--multiple{ height: auto; overflow: hidden; } .feedback-btn{ cursor:pointer; position: fixed; transition: .3s ease; text-align: center; right: 0; top:calc(50% - 60px); display: block; z-index: 100; width: 40px; height: 120px; background: #2bb5d3; border-radius: 5px 0 0 5px; } .feedback-btn:hover{ background: #00a2e5; } .feedback-btn span { color: #fff; transform: rotate(90deg); transform-origin: left top 0; display: block; width: 120px; right: -30px; font-size: 16px; position: relative;} .bayi-basvuru-formu.feedback-form .select2-container .select2-selection--single .select2-selection__rendered{background: transparent; } form.district-choose { height: auto; overflow:hidden; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px;} form.district-choose button.btn-primary{ position:relative; top:25px; width: 100%; } /* Hediye Çeki */ .pay-with-gift-div{ position: relative; width: 100%; height: auto; display: block; margin-top: 15px; padding: 10px 30px 10px 65px; border-radius: 3px; background: #81bd4a; } .pay-with-gift-div:before{ position: absolute; content:'\f06b'; top: -2px; left: 10px; font-family: 'FontAwesome'; display: block; font-size: 35px; color:#fff; transform: rotate(-45deg);} .pay-with-gift-div button, .pay-with-gift-div input{ position: absolute; background: #427f09; height: 45px; font-weight: bold; display: inline-block; max-width: 145px; top: 0; right:0; border-radius: 3px; z-index: 2; } .pay-with-gift-div:after{ position: absolute; content: ""; display:block; top:0; border-radius: 3px; background: #fff; right: 125px; width: 45px; height: 45px; z-index: 1; transform: rotate(-45deg)} .pay-with-gift-div button:after{ position: absolute; transform: rotate(-45deg); border-radius: 3px; width: 33px; height: 33px; background: #427f09; content: ""; display: block; top: 6px; left: -16px;} .pay-with-gift-div button span{ position: relative; z-index: 3;} .pay-with-gift-div p { font-weight: 600; font-size: 18px; margin: 0; color: #fff;} .gift-code .select2-selection__rendered{ text-align: center!important;} .gift-code .select2-selection{ border-radius: 3px; border:1px solid #e8e8e8;} #gift-card-warning{ margin: 5px 0 0; color: #de4848; background: #f4f4f4; border-radius: 3px; padding: 5px 10px; border: 1px solid #e8e8e8;} #gift-card-detail{ margin: 5px 0 0; color: #5d5d5d; background: #f4f4f4; border-radius: 3px; padding: 5px 10px; border: 1px solid #e8e8e8;} #gift-card-detail i { margin-right: 5px;} .gifts-col .col-md-6:nth-child(2){ padding-left: 0; } .gifts-col .col-md-6:nth-child(3){ padding-right: 0; } .gift-toggle .toggle.btn{ height: 40px!important;} .gift-toggle .toggle.btn label.btn{ padding-top: 10px; } .st-sec{ padding-left: 15px; padding-right: 15px;} .st-sec .make-it-select, .st-sec .select2{ width: 100%!important; display: block;} .blank-tr { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity: 0.6; background: #f8f8f8; } .gift-data-table tr{ cursor:pointer!important;} .table-bordered>tbody>tr>td.noborder{ border-left:0!important; border-right:0!important; border-bottom: 0!important;} .gift-data-table .toggle-on.btn-xs{ padding-left: 2px;} .gift-data-table .toggle-off.btn-xs{ padding-left: 8px;} /* Progress Bar */ .setProgress-div{ width: 150px; height: 150px; display: inline-block; position: relative;} /* buluttahsilat list sayfası */ .bayi-detail-row.cloud_pay_row{ border-bottom: 1px solid #ddd;} .cloud_pay_select{width: 100px; position: absolute; padding-left: 7px; right: 0; top:0; height: 33px; border: 0; border-left: 1px solid #ddd;} .btn.cloud_pay_btn:focus, .btn.cloud_pay_btn:active, .btn.cloud_pay_btn:hover, .btn.cloud_pay_btn{ border-radius: 0 5px 5px 0; border-left: 0; height: 35px; font-weight: bold; border-color: #3e4448; background: #3e4448; color:#fff; } /* Coupon Page */ .coupon-page{ width: 100%; height: auto; padding-top: 15px; padding-bottom: 15px; position: relative; display: block; background-color: #54aee2; background-image: linear-gradient(160deg, #54aee2 0%, #80D0C7 100%);} .coupon-page .cp-inner{ background: #fff; } .coupon-page .cp-layer{ padding: 10px; height: auto; position: relative; display:block; overflow: hidden; /*height: auto;*/ } .coupon-page .cp-category{ z-index: 999; position: absolute; transition: .3s ease; top:calc(50% - 250px); left:-250px; width: 250px; height: 500px; background: #ccc; } .coupon-page .cp-category.show-this { left:0; } .coupon-page .cp-category .btn-cats{z-index: 999; cursor: pointer; text-align: center; padding-top: 9px; position: absolute; right: -40px; background: #cd0000; color:#fff; top:0; width: 40px; height: 40px; border-radius: 0 5px 5px 0;} .coupon-page .cp-category .btn-cats i{ font-size: 22px;} .coupon-page .coupon-item{ text-align: center; padding-top: 15px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px;} .coupon-page .btns-div{overflow: hidden; border-radius: 5px; width: 70%; height: 40px; max-width: 300px; margin: 0 auto 10px; padding: 0; } .coupon-page .btns-div .point-div{ font-size: 18px; background: #4cbcfb; position: relative; float:left; display: block; width: calc(100% - 80px); height: 40px; } .coupon-page .btns-div .point-div span{ font-size: 12px; font-weight: normal; position: relative; top:-2px;} .coupon-page .btns-div a{ position: relative; float: left; display: block; width: 40px; height: 40px;} .coupon-page .btns-div .point-div, .coupon-page .btns-div a{ padding-top: 10px; color:#fff; font-weight: bold; } .coupon-page .btns-div a.look-btn{ background: #80d0c7; } .coupon-page .btns-div a.cart-btn{ background: #93de86; } .coupon-page h4{ font-weight: bold;} .coupon-page p{ color:#adadad; font-size: 13px; } .coupon-page .page-title{ padding-left: 25px; } .coupon-page .coupon-item.ps-top-to-bottom { position: relative; border-bottom: 2px solid rgba(226,226,226,.59); } .coupon-page .coupon-item.ps-top-to-bottom:before, .coupon-page .coupon-item.ps-top-to-bottom:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(226,226,226,.59))); background-image: -webkit-linear-gradient(transparent, rgba(226,226,226,.59)); background-image: -moz-linear-gradient(transparent, rgba(226,226,226,.59)); background-image: -o-linear-gradient(transparent, rgba(226,226,226,.59)); background-image: linear-gradient(transparent, rgba(226,226,226,.59)); top: -1px; bottom: -1px; width: 1px; } .coupon-page .coupon-item.ps-top-to-bottom:before { left: -1px;} .coupon-page .coupon-item.ps-top-to-bottom:after { right: -1px;} .coupon-page .coupon-item.ps-top-to-bottom:nth-child(1):before{ width: 0;} .coupon-page .coupon-item.ps-top-to-bottom:nth-child(4n+5):before{ width: 0;} .coupon-page .coupon-item.ps-top-to-bottom:nth-child(4n+4):after{ width: 0;} .coupon-page .coupon-item .item-thumbnail{ border: 1px solid #ebebeb; width: 100%; height: 210px;} .btns-container .btn.btn-coupon-code{ background: #d25207; } .btns-container .btn.btn-coupon-code:focus, .btns-container .btn.btn-coupon-code:active{ color:#FFF; } .coupon-code-div{ display: none; } .coupon-code-div .form-group{ max-width: 320px; display: inline-block; position: relative;} .coupon-code-div .form-group label{ display: none;} .coupon-code-div .form-group input{ max-width: 160px;} .coupon-code-div .form-group input, .coupon-code-div .form-group .btn{ display: block; float: right;} .coupon-code-div .form-group .btn{ padding: 9px 14px; width: 41px; } .coupon-code-div .form-group .btn.btn-accept{ background: #5cbf5c; color:#fff; } .coupon-code-div .form-group .btn.btn-cancel{ background: #8c8c8c; color:#fff; } /* Admin Panel Banner Sayfası */ .banner-management{ max-width: 24px; position: relative; top:-2px; } #settings_slider_images label {margin-top: 10px; display: block; } #settings_slider_images label span{ font-weight: normal; color:#71a000; font-size: 13px;} #settings_slider_images label.home-label {margin-top: 0; margin-right: auto; margin-left: 0; border-radius: 0 0 5px 5px; display: block; margin-bottom: 10px; background: #3e4848; color: #fff; } #settings_slider_images label.home-label a{ color: #fff;} #settings_slider_images h4{ font-weight: 600;} .setting-homebanner{ margin-top: 10px;} .bayi-basvuru-formu.sozlesme-form .sozlesme-div{ position: relative; padding: 10px; color:#676767; display: block; width: 100%; max-height: 225px; background: #efefef; overflow-y: scroll; } .bayi-basvuru-formu.sozlesme-form .sozlesme-div span{ font-weight: bold; color:#3e4848;} .bayi-basvuru-formu.sozlesme-form .files-title{ padding-left: 15px;} .bayi-basvuru-formu.sozlesme-form .bayi-sozlesme-onayi{ padding-left: 15px; padding-right: 15px; text-align: right;} .bayi-basvuru-formu.sozlesme-form .sozlesme-textarea{ margin-bottom: 0; } .bayi-basvuru-formu .row .form-group.col-md-12.align-this{ margin-top: 20px;} .files-title a.btn{ position: absolute; max-width: 100px; right: 15px; top:15px; color: #fff; font-weight: bold; background: #3e4848; border-radius: 5px; padding: 2px 15px;} /* PROMO PAGE */ .promo-page { max-width: 100%; padding: 15px 30px; } .promo-page img{ max-width: 100%; display: inline-block; } .promo-page .text-side{ display: none; } /* IMAGES TAB */ .content-banner-thumb{ width: 100%; height: auto; overflow: hidden; position: relative; text-align: center; display: block;} .content-banner-thumb img{ display: inline-block; height: 100px; width: auto;} /* BOX PRODCUT */ @-webkit-keyframes blinked { 0% {border:1px solid #d3d3d3;} 10% {border:1px solid red;} 20% {border:1px solid #d3d3d3;} 30% {border:1px solid red;} 40% {border:1px solid #d3d3d3;} 50% {border:1px solid red;} 60% {border:1px solid #d3d3d3;} 70% {border:1px solid red;} 80% {border:1px solid #d3d3d3;} 90% {border:1px solid red;} 100% {border:1px solid red;} } /* Standard syntax */ @keyframes blinked { 0% {border:1px solid #d3d3d3;} 10% {border:1px solid red;} 20% {border:1px solid #d3d3d3;} 30% {border:1px solid red;} 40% {border:1px solid #d3d3d3;} 50% {border:1px solid red;} 60% {border:1px solid #d3d3d3;} 70% {border:1px solid red;} 80% {border:1px solid #d3d3d3;} 90% {border:1px solid red;} 100% {border:1px solid red;} } .Box_BRed { -webkit-animation: blinked 1s infinite; /* Safari 4.0 - 8.0 */ animation: blinked 1s infinite; } @-webkit-keyframes addedPro { 0% {background: #8c8c8c;} 50% {background: #3e4448;} 100% {background: #8c8c8c;} } /* Standard syntax */ @keyframes addedPro { 0% {background: #8c8c8c;} 50% {background: #3e4448;} 100% {background: #8c8c8c;} } .box-total-text{ width: 100%; text-align: center;} .box-total-text span{ transition: .3s ease; font-size: 26px; background: #8c8c8c; color:#fff; padding: 4px 15px;} .box-total-text span.added-product { -webkit-animation: addedPro .7s; /* Safari 4.0 - 8.0 */ animation: addedPro .7s;} .box-product-btn input{ float: left; width: calc(100% - 37px);} .box-product-btn a.btn{ float: left; border-radius: 0 5px 5px 0; padding: 10px 12px 8px; } .box-table tr, .box-table tr>td{ z-index: 1; cursor: pointer;} #boxProdcutDetail{ z-index: 99;} .box-table tr>td .toggle{ z-index: 99; } .box-table tr.opened-tr{ background: #f7f7f7!important;} .box-table tr.info-tr td.info-td .hidden-table{ display: none;} .box-table tr.info-tr td.info-td .hidden-table.show-table{ height: auto; overflow: hidden;} .box-table tr.info-tr, .box-table tr.info-tr td.info-td{ padding: 0; border: 0;} .box-table tr.info-tr td.info-td table{ margin-bottom: 0; border: 0; background: #f7f7f7;} .box-table tr.info-tr td.info-td tbody{ border: 0;} .box-table tr.info-tr td.info-td table>tbody>tr:last-child>td{ border-bottom:0;} .box-table tr.info-tr td.info-td table>thead>tr:last-child>th{ border-bottom:0;} .box-table tr.info-tr td.info-td table>thead>tr>th:first-child, .box-table tr.info-tr td.info-td table>tbody>tr>th:first-child{ border-left:0;} .box-table tr.info-tr td.info-td table>tbody>tr>td:first-child{ border-left:0;} .box-table tr.info-tr td.info-td table>thead>tr>th:last-child, .box-table tr.info-tr td.info-td table>tbody>tr>th:last-child{ border-right:0;} .box-table tr.info-tr td.info-td table>tbody>tr>td:last-child{ border-right:0;} .row.box_class{ padding-top: 15px;} .row.box_class:nth-child(odd){ background: #ffffff;} .row.box_class:nth-child(even){ background: #f5f5f5;} .row.box_class:nth-child(even) .select2-container--default .select2-selection--multiple, .row.box_class:nth-child(even) .select2-container .select2-selection--single,.row.box_class:nth-child(even) .form-control{ background: #fff;} .row.box_class .input-group-addon{ border: 0; border-radius: 0; background: #e6e6e6;} .row.box_button_row{ padding-top: 10px;} /* SLIDER EDIT PAGE */ .slider-edit-preview{ position: relative; text-align: left; } .slider-edit-preview .text-div{ position: absolute; width: 100%; max-width: 420px; left:50px; top: 35px;} .slider-edit-preview .text-div p { color:#fff; font-size: 17px; font-weight: 500; margin-bottom: 15px;} .slider-edit-preview .text-div.white-text p{ color:#fff;} .slider-edit-preview .text-div.black-text p{ color:#3e4448;} .slider-edit-preview .text-div a { color:#fff; font-size: 14px; transition: .3s ease; display: inline-block; font-weight: 500; padding: 7px 10px; border: 2px solid #fff; border-radius: 3px; } .slider-edit-preview .text-div.white-text a{color:#fff; border-color: #fff;} .slider-edit-preview .text-div.black-text a{ color:#3e4448; border-color: #3e4448;} .slider-edit-preview .text-div.white-text a:hover{ text-decoration: none; background: #fff; border-color: #fff; color:#3e4448; } .slider-edit-preview .text-div.black-text a:hover{ text-decoration: none; background: #3e4448; color:#fff; border-color: #3e4448; } /* PAYMENT TABS */ .content-area .insider-div.cart-finish{ margin-bottom: 30px; } .payment-tabs{min-height: 370px; margin-top: 30px; height: auto; position: relative; border: 1px solid #e8e8e8; padding-top: 15px; padding-bottom: 15px;} .payment-tabs:last-child{ margin-left: -1px;} .payment-tabs .payblock-title{ position: absolute; top:-25px; left:0; font-weight: 600; margin: 0; width: 100%; } .payment-tabs .tab-content>.tab-pane{ border-top: 0; padding: 10px 0;} .payment-tabs table{ margin-bottom: 0; } .content-area .insider-div .nav-tabs>li>a>small, .product-list-container .tab-container .nav-tabs>li>a>small{margin-left: 5px; position:relative; top:-1px; font-size: 13px; font-weight: normal; } .postfix{ border-radius: 3px; max-width: 150px; margin: auto; height: 35px; display: none;} .pay-form .button{ max-width: 100%; border-radius: 3px; display: none;} .payment-info-lines{ width: 100%; position: relative; min-height: 30px; height: auto; vertical-align: center; font-weight: 600; padding-top: 7px;} .payment-info-lines span{ color:#8c8c8c; float: none; display: block; margin-bottom: 10px; margin-top: 3px; background: #f4f4f4; height: 36px; padding-top: 7px; width: 100%; font-size: 15px; border: 1px solid #eaeaea; text-align: center;} .payment-info-lines .payment-sum{ font-size: 18px; position: relative; color: #5cbf5c; display: block; margin-bottom: 10px; margin-top: 3px; background: #f4f4f4; height: 36px; padding-top: 7px; width: 100%; border: 1px solid #eaeaea; text-align: center;} .payment-info-lines p.address-detail{ font-weight: normal; color:#8c8c8c; padding: 10px; border: 1px solid #eaeaea; } .payment-info-lines p.cargo-pay{ font-weight: normal; color:#8c8c8c; padding: 10px; border: 1px solid #eaeaea; } .payment-info-lines .form-group{ margin-bottom: 0;} .payment-info-lines label { width: 100%;} .payment-info-lines label a.btn-primary{ font-size: 12px; font-weight: normal; position: relative; top:-3px; padding: 1px 5px; float: right;} button.btn-primary.complete-payment, a.btn-primary.complete-payment{ background: #5ca716; display: block; margin: 15px auto 0; font-size: 16px; max-width: 100%; width: 100%; border-color: #5ca716; } button.btn-primary.complete-payment:hover, button.btn-primary.complete-payment:focus, button.btn-primary.complete-payment:active, a.btn-primary.complete-payment:hover, a.btn-primary.complete-payment:focus, a.btn-primary.complete-payment:active{ background: #539812; border-color: #539812;} .orders-container.newcarttable{ border: 1px solid #d3d3d3;} .detail-div .newcarttable .row{ border: 1px solid #e2e2e2; border-top:0;} .table-responsive.newcarttable table{ border: 1px solid #e2e2e2;} .detail-div .newcarttable .order-sum-div{ margin-bottom:0; } .detail-div .bayi-detail-sum.newcarttable{ } .table.siparis-detay-tablo{ margin-top: -1px; } /* 20171020 */ .product-list-container .tab-container .tab-pane .row{ margin-left: 0; margin-right: 0;} .breadcrumb-container .breadcrumb{border-bottom: 3px solid #e4e4e4;background: #f8f8f8;padding-left: 10px;} .product-list-container .image-side .inside{ border: 0;} .payment-info-lines label a.btn-primary:focus, .payment-info-lines label a.btn-primary:hover, .payment-info-lines label a.btn-primary:active, .payment-info-lines label a.btn-primary{ font-size: 16px; padding: 5px; width: 100%; float: none; top:0; margin-bottom: 10px; } a.btn-primary.complete-payment{ max-width: 100%; } .payment-tabs{ min-height: 375px; margin-top: 70px; } .payment-tabs .payblock-title{ top: -65px; padding: 15px; background: #f4f4f4; border: 1px solid #eaeaea; } .new-list-container.featured-products .row, .new-list-container.featured-products .row:nth-child(odd){ background: #f3fbff;} .new-list-container.featured-products .row:first-child{ background: #e1f2fb;} .new-list-container.featured-products .new-list-item .item-in .btn.virtual_add_stock{ background:#034ea2; border-color: #034ea2; height: 40px; margin-left: -4px; outline: none!important;} .new-list-container.featured-products .new-list-item .item-in .btn.box_pro_add_stock{ background:#034ea2; border-color: #034ea2; height: 40px; margin-left: -4px; outline: none!important;} .new-list-container.featured-products .new-list-item .item-in .btn.btn_debit{ background:#034ea2; border-color: #034ea2; height: 40px; margin-left: -4px; outline: none!important;} .new-list-item .item-in .btn.box_pro_add_stock{ background: #3e4448; border-color: #3e4448; color:#fff; outline: none!important; margin-left: -4px; } .new-list-item .item-in .btn.virtual_add_stock{ background: #3e4448; border-color: #3e4448; color:#fff; outline: none!important; margin-left: -4px; } .new-list-item .item-in .btn.btn_debit{ background: #3e4448; border-color: #3e4448; color:#fff; outline: none!important; margin-left: -4px; } .content-area .insider-div.main-insider{ padding: 10px; margin-bottom:10px;} .content-area .insider-div.icons-container.detail-icons .icons-div{ max-width: 320px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side{ position: relative; text-align: center; width: 55px; height: 70px; float: left; display: flex; justify-content: center; align-items: center;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side img{ max-width: 40px; max-height: 38px; display: inline-block; float: none; margin-right: 0; margin-left: 0;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar:nth-child(1) .img-side img{max-width: 44px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar:nth-child(2) .img-side img{max-width: 38px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar:nth-child(3) .img-side img{max-width: 38px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar:nth-child(4) .img-side img{max-width: 36px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .text-side { padding-top: 15px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .text-side span{ color:#808080; font-size: 13px; font-weight: 500; line-height: 15px;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar { padding-left: 0;} .new-list-item .item-in span.stok-adeti:before{ content: "STOK"; position: absolute; font-size: 12px; color:#8c8c8c; top:-5px; width: 100%; display: block;} .point-use-type .checkbox label:after, .point-use-type .radio label:after { content: ''; display: table; clear: both;} .point-use-type .checkbox .cr, .point-use-type .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; font-size: 14px; top:1px;} .point-use-type .radio .cr { border-radius: 50%;} .point-use-type .checkbox .cr .cr-icon, .point-use-type .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;} .point-use-type .radio .cr .cr-icon { margin-left: 0.04em;} .point-use-type .checkbox label input[type="checkbox"], .point-use-type .radio label input[type="radio"] { display: none;} .point-use-type .checkbox label input[type="checkbox"] + .cr > .cr-icon, .point-use-type .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;} .point-use-type .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .point-use-type .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1;} .point-use-type .checkbox label input[type="checkbox"]:disabled + .cr, .point-use-type .radio label input[type="radio"]:disabled + .cr { opacity: .5;} .point-use-type .checkbox label, .point-use-type .radio label{ font-size: 16px; padding-left: 0; color:#717171;} .point-use-type .panel-body{ padding-top: 5px; padding-bottom: 5px;} .carousel-inner.slick-slider .slick-slide{ outline: none!important;} .carousel-inner.slick-slider .slick-slide img{ display: block; height: auto; width: 100%; outline: none!important; } .carousel-inner.slick-slider .slick-prev, .carousel-inner.slick-slider .slick-next, .carousel-indicators{ display: none; } .carousel-inner .slick-dots{ bottom: 3px; } .carousel-inner .slick-dots li button:before{ font-size: 15px; color:#fff; } .header.desktop-v .center-menu .logo-div a img.logo-arcelik{max-height: 42px; margin-bottom: -25px; margin-left: 15px; width: auto; border-radius: 3px; padding: 5px 10px;} /* Karşılaştır Butonu */ .compare-link{ padding-top:14px; display: inline-block; color: #c32445!important; margin-left: 15px; font-size: 16px; text-decoration: none!important;} .compare-link span{ font-size: 18px; position: relative; top: -2px; } .compare-link:active i, .compare-link:focus i, .compare-link i{ color: #fff; transition: .3s ease; background: #c32445; font-size: 18px; padding: 9px 10px 8px; margin-right: 5px; border-radius: 5px; display: flex; float: left; justify-content: center; align-items: center;} .compare-link:hover i{ border-color: #2e6da4; background: #2e6da4;} /* Karşılaştır Modalı */ .modal-opacity .modal-backdrop.in{ opacity: 0;} .compare-modal .modal-content{-webkit-box-shadow: 0 5px 15px rgba(201,201,201,.5); box-shadow: 0 5px 15px rgba(201, 201, 201, 0.5);} .modal-opacity .modal-footer{} .compare-modal .row.compare-product-div{} .compare-modal .row.compare-product-div .thumb-div{ width: 110px; height: 90px; display: flex; justify-content: center; align-items: center; float: left; padding-left: 10px; padding-right: 10px;} .compare-modal .row.compare-product-div .thumb-div img{ height: auto; max-height: 90px; width: auto; max-width: 90px; } .compare-modal .row.compare-product-div .thumb-div.cancelimg img{ padding: 15px;} .compare-modal .row.compare-product-div .text-div{font-size: 18px; width: calc(100% - 110px); height: 90px; display: flex; align-items: center; padding: 5px 10px; float: left;} .compare-modal .row.compare-product-div .text-div span{ font-weight: bold;} .compare-modal .add-new-btn{ background: #c32445; border-color: #c32445; color: #fff; } .compare-modal .go-compare-list{ background: #2e6da4; border-color: #2e6da4; color: #fff; } .compare-modal .modal-header{ background: #304b58; } /* Karşılaştırma Sabit Bar */ .compare-list-bar{ z-index: 1061; position: fixed; bottom: 0; height: 80px; background: #f5f5f5; display: block; width: 100%; border-top: 1px solid #e7e7e7;} .compare-list-bar .compare-items{width: 80%; display: block; float: left; height: 100px; position: relative;} .compare-list-bar .compare-butons{width: 20%; display: flex; justify-content: center; align-items: center; float: left; height: 80px; } .compare-list-bar .compare-butons .inner{ text-align: center;} .compare-list-bar .compare-butons .btn-default{ border-radius: 3px; background: #d1294b; border-color: #d1294b; color: #fff; font-weight: 600; } .compare-list-bar .compare-butons .btn-default i{ font-size: 12px; position: relative; top:-1px; margin-right: 5px;} .compare-list-bar .compare-butons .clear-compare{ margin-right: 5px; display: inline-block; padding: 0 5px; font-weight: 600; color: #2e6da4;} .compare-list-bar .compare-list-item .delete-item{transition: .3s ease; display: none; z-index: 99; position: absolute; right: 3px; top:-2px; color: #7c7c7c; font-size: 20px; } .compare-list-bar .compare-list-item:hover .delete-item{ display: block;} .compare-list-bar .compare-list-item{outline: none; height: 80px; float: left; display: flex; background: #f5f5f5; position: relative;} .compare-list-bar .compare-list-item:nth-child(even){ background: #e9e9e9;} .compare-list-bar .compare-list-item .thumb-side{ width: 80px; height: 80px; padding: 10px; float: left; display: flex; } .compare-list-bar .compare-list-item .thumb-side img{ height: auto; max-height: 60px; width: auto; max-width: 60px; position: relative;} .compare-list-bar .compare-list-item .text-side{display: flex; padding: 0 10px 0 0; align-items: center; width: calc(100% - 80px); float:left; position: relative; } .compare-list-bar .compare-list-item .text-side h4 { margin: 0; font-size: 14px; font-weight: 600; overflow: hidden; height: 29px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /*.compare-list-bar .compare-list-item .text-side h4 { margin: 0; font-size: 14px; font-weight: 600; overflow: hidden; display: block; height: 29px; text-overflow: ellipsis;}*/ .compare-list-bar .compare-list-item .text-side span{ display: block; font-size: 14px; margin-top: 5px;} /* iade-modal */ .iade-modal .modal-footer{ display: none;} .iade-modal .inner{ background: #f9f9f9; border:1px solid #dddd; width: 100%; height: auto; position: relative; border-radius: 5px; } .iade-modal .inner .icon-div{ width: 30%; position: relative; float: left; display: block; height: auto; padding: 10px; } .iade-modal .inner .icon-div img{ width: 100%; position: relative; display: block; height: auto; } .iade-modal .inner .text-div{ width: 70%; position: relative; display: flex; align-items: center; float: left; min-height: 81px; } .iade-modal .inner .text-div h4{ font-weight: bold;} .iade-modal .inner a{ position: absolute; width: 100%; height: 100%; top:0; left:0;} .iade-modal .iade-type-item:nth-child(1) .inner .text-div h4{ color: #556080;} .iade-modal .iade-type-item:nth-child(2) .inner .text-div h4{ color: #d4a900;} /* Compare List */ .cp-row{ border-bottom: 1px solid #e8e8e8;} .cp-row.noborder{ border:0;} .static-side{} .static-side.no-item{ width: 100%; padding: 8vh 15px 20vh 0;} .static-side.no-item .cp-icon{font-size: 35px; color: #ffffff; margin-bottom: 20px; background: #304b58; padding: 15px; border-radius: 5px;} .static-side.no-item .cp-desc{font-size: 16px; color: #797979;} .static-side .ss-container{ width: 100%; border-right: 1px solid #e8e8e8; padding:15px 15px 0; min-height: 315px; position: relative;} .static-side.no-item .ss-container{ max-width: 600px; margin: 0 auto; text-align: center; border: 0; padding: 55px 15px 0; min-height: auto; } .static-side .ss-container.properties-div{ padding: 0 0 0 15px;} .static-side .ss-container h4{ font-weight: bold; font-size: 22px; margin-top: 0;} .static-side.no-item .ss-container h4{ text-transform: uppercase;} .static-side .ss-container .btn{ width: 100%; padding: 8px 15px; margin-bottom: 10px; text-align: left; font-size: 14px; font-weight: bold;} .static-side .ss-container .btn i{ margin-right: 10px; width: 15px; position: relative; top: -1px;} .static-side .ss-container .btn-print{ background: #d1294b; border-color: #d1294b; color: #fff;} .static-side .ss-container .btn-show-all{display: none;} .static-side .ss-container .btn-show-all, .static-side .ss-container .btn-show-selected{ background: #2e6da4; border-color: #2e6da4; color: #fff;} .dynamic-side{} .cp-item-container{ width: 100%; display: block; position: relative; } .cp-item{ width: 25%; position: relative; border-right: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; outline: none; } .cp-item:nth-child(odd){background: #f9f9f9;} .cp-item:nth-child(odd) .table-striped>tbody>tr:nth-of-type(even){ background: #fff;} .cp-inner{width: 100%; display: block; position: relative;} .cp-inner .thumb-div{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 15px 15px; } .cp-inner .thumb-div img{ max-width:100%; width: auto; display: block; max-height: 100px; } .cp-inner .text-div { width: 100%; display: block; position: relative; padding: 0 15px;} .cp-inner .text-div h4{ font-weight: 600; margin-bottom: 8px; height: 36px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .cp-inner .text-div span{ font-size: 22px; color: #d1294b; font-weight: 600;} .cp-inner .btns-div{ width: 100%; display: block; position: relative; padding: 10px 15px;} .cp-inner .btns-div .btn{ width: 100%; max-width: 50%; display: block; float: left; padding: 7px 12px 6px;} .cp-inner .btns-div .btn i{ font-size: 12px} .cp-inner .btns-div .btn-goProduct{ border-radius: 5px 0 0 5px; background:#3c87c8; border-color: #3c87c8; color: #fff; font-weight: bold;} .cp-inner .btns-div .btn-goProduct i{ margin-left: 5px;} .cp-inner .btns-div .btn-add2Cart{ border-radius: 0 5px 5px 0; font-weight: bold; background: #2e6da4; border-color: #2e6da4; color: #fff} .cp-inner .btns-div .btn-add2Cart i{margin-right: 5px; position: relative; top: -1px;} .ss-container .product-code, .cp-inner .product-code{margin-top: 10px; padding: 7px 15px; font-weight: 600; background: #f9f9f9; border-top: 1px solid #e8e8e8; text-align: center;} .ss-container .product-code{ position: absolute; bottom: 0; left:0; width: 100%;} .cp-inner .delete-cp-item{ transition: .3s ease; display: none; position: absolute; left: 10px; top:10px; background: #d1294b; color:#fff; border-color: #d1294b;} .cp-item:hover .delete-cp-item{ display: block;} .cp-row .panel-default.col-md-12{ padding: 0; margin-bottom: 0;} .cp-row .panel-default .panel-heading{ padding-left: 25px; cursor: pointer;} .cp-row .panel-default h3.panel-title span{ width: 20px; height: 20px; border-radius: 50%; border: 2px solid #3e4448; position: relative; top:-2px; font-size: 10px; display: flex; float: left; margin-right: 10px; justify-content: center; align-items: center;} .cp-row .panel-default h3.panel-title{ font-size: 16px; font-weight: bold; } .cp-row .panel-default h3.panel-title i.fa-chevron-down{ display: none;} .cp-row .panel-default h3.panel-title i.fa-chevron-right{ display: inline; padding-left: 2px;} .cp-row .panel-default.showing h3.panel-title i.fa-chevron-down{ display: inline; padding-bottom: 1px;} .cp-row .panel-default.showing h3.panel-title i.fa-chevron-right{ display: none;} .cp-row .panel-default .panel-body{ display: none; padding: 0;} .cp-row .panel-default.showing .panel-body{ display: block;} .cp-row .panel-default .panel-body .dynamic-side, .panel-default .panel-body .static-side{padding: 0;} .cp-row .panel-default .table .checkbox label:after, .cp-row .panel-default .table .radio label:after { content: ''; display: table; clear: both;} .cp-row .panel-default .table .checkbox .cr, .cp-row .panel-default .table .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 2px; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; font-size: 14px; top:-1px;} .cp-row .panel-default .table .radio .cr { border-radius: 50%;} .cp-row .panel-default .table .checkbox .cr .cr-icon, .cp-row .panel-default .table .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;} .cp-row .panel-default .table .radio .cr .cr-icon { margin-left: 0.04em;} .cp-row .panel-default .table .checkbox label input[type="checkbox"], .cp-row .panel-default .table .radio label input[type="radio"] { display: none;} .cp-row .panel-default .table .checkbox label input[type="checkbox"] + .cr > .cr-icon, .cp-row .panel-default .table .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0;} .cp-row .panel-default .table .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .cp-row .panel-default .table .radio label input[type="radio"]:checked + .cr > .cr-icon { display: none;} .cp-row .panel-default .table .checkbox label input[type="checkbox"]:checked + .cr , .cp-row .panel-default .table .radio label input[type="radio"]:checked + .cr { background: #3c87c8; border-color: #3c87c8;} .cp-row .panel-default .table .checkbox label input[type="checkbox"]:disabled + .cr, .cp-row .panel-default .table .radio label input[type="radio"]:disabled + .cr { opacity: .5;} .cp-row .panel-default .table .checkbox label{ padding-left: 0; padding-top: 5px; font-weight: 600;} .cp-row .panel-default .table .checkbox{ margin: 0;} .cp-row .panel-default .table{ margin: 0;} .cp-row .panel-default .table .mobile-desc{ display: none;} #DivIdToPrint > div > div > div:nth-child(2) > div.col-md-12.panel.panel-default.showing > div.panel-body > div.col-md-3.col-sm-4.static-side > div > table > tbody > tr.row1 > th{ height: 43px;} .cp-row .panel-default .table>tbody>tr>th{height: 43px;} .cp-row .panel-default .table>tbody>tr.row1>th{height: 43px;} .cp-row .panel-default .table>tbody>tr>td{ height:43px; } .cp-row .panel-default .static-side .ss-container{ min-height: auto;} .cp-row .panel-default .cp-inner .table>tbody>tr>td{ text-align: center; overflow: visible; white-space: normal; } span.countItem{ display: block; width: 100%;} .cp-search{ width: 100%; height: auto; display: block; position: absolute; bottom: 30px; left:0; padding: 0 15px;} .static-side.no-item .ss-container .cp-search{ position: relative; bottom: 0;} .cp-search form{} .cp-search .form-group{ margin-bottom: 10px; } .cp-search label{ margin-bottom: 0; width: 100%; text-align: center;} .cp-search form .form-group .form-control{ width: calc(100% - 30px); border:1px solid #e8e8e8; border-right: 0; float: left; display: block; border-radius: 5px 0 0 5px; box-shadow: none; } .cp-search form .form-group.focused .form-control{ box-shadow: 0 0 1pt 1pt #3c87c8;} .cp-search form .form-group .btn{border-color: #e8e8e8; border-left: 0; background: #f4f4f4; width: 30px; height: 40px; padding: 0; float: left; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 0 5px 5px 0;} .cp-search form .form-group.focused .btn{ box-shadow: 0 0 0 2px #3c87c8; background: #3c87c8; border-color: #3c87c8; color: #fff;} .cp-search form .form-group .btn i{ margin: 0;} .insider-div.nooverflow{ overflow: visible;} .cp-item .empty-plus{ min-height: 315px; display: flex; width: 100%; justify-content: center; align-items: center;} .cp-item .empty-plus .add-new-cp-item{ text-align: center; display: inline-block; text-decoration: none!important;;} .cp-item .empty-plus .add-new-cp-item i { display: block; font-size: 46px; color: #e63357; } .cp-item .empty-plus .add-new-cp-item h4 { display: block; font-size: 22px; font-weight: bold; color: #3c87c8;} .empty-specailites-table{ display: none; padding: 45px 15px 30px; width: 100%; position: relative; height: auto;} .empty-specailites-table p{ font-size: 18px; color: #969696;} .empty-specailites-table p i{ color: #d1294b; margin-right: 5px;} /* Yeni Ürün Detay Butonu */ .new-list-item .pr-image a .boxed-compare-btn, .new-list-item .pr-image a .open-detail{display: none;} .boxed-design .new-list-item .pr-image a .open-detail:active, .boxed-design .new-list-item .pr-image a .open-detail:focus, .boxed-design .new-list-item .pr-image a .open-detail{outline: none!important; background: #2e6da4; border-color: #2e6da4; color:#fff; position: absolute; right: 10px; bottom: 10px; padding: 0; border-radius: 3px;} .boxed-design .new-list-item .pr-image a .boxed-compare-btn:active, .boxed-design .new-list-item .pr-image a .boxed-compare-btn:focus, .boxed-design .new-list-item .pr-image a .boxed-compare-btn{outline: none!important; background: #d1294b; border-color: #d1294b; color:#fff; position: absolute; right: 50px; bottom: 10px; padding: 0; border-radius: 3px;} .boxed-design .new-list-item:hover .pr-image a .boxed-compare-btn, .boxed-design .new-list-item:hover .pr-image a .open-detail{display: block;} .boxed-design .new-list-item .pr-image a .boxed-compare-btn i, .boxed-design .new-list-item .pr-image a .open-detail i{ padding: 8px 10px; font-size: 16px;} .proSpecInput .input-side{ width: calc(100% - 50px); float: left;} .proSpecInput .btn-side{ width: 50px; float: left;} .proSpecInput .btn-side .btn{ width: 100%; border-radius: 0 5px 5px 0;} .proSpecInput .btn-side .btn-remove{ font-weight: bold; background: #d1294b; color:#fff; height: 40px;} .liste-hizala .dataTables_length{ width: calc(100% - 225px); border-bottom: 0; margin-bottom: 5px;} .liste-hizala .dataTables_filter{ width: 225px; border-bottom: 0; margin-bottom: 10px;} .liste-hizala .dataTables_length select{ padding: 5px 0 5px 1px; max-width: 132px!important; left:0; display: block!important; float: left; margin: 0 10px 0 0!important; border-radius: 0 5px 5px 0!important; border: 1px solid #e8e8e8;} .liste-hizala .table-bordered>tbody>tr.dt-tr>td{ overflow: hidden} .liste-hizala .table-bordered>tbody>tr.showVisible td:last-child{ overflow: visible;} .liste-hizala .table-bordered>tbody>tr.dt-tr>td.sorting_1 a, .liste-hizala .table-bordered>tbody>tr.dt-tr>td.it-visible a{ width: 100%; display: block; overflow: hidden; } .customer-table{ overflow: visible;} .customer-table.v2{ overflow: hidden;} /* Product list Datatable Editing */ .dataTableIcon{width: 40px; height: 40px; font-size: 18px; display: flex; float:left; justify-content: center; align-items: center; background: #e8e8e8; color: #304b58; border-radius: 5px 0 0 5px; } /*.liste-hizala .dataTables_length .form-control{float: left;}*/ /* Kampanyalı Ürün Badge*/ .new-list-item .pr-image a .promotion-badge{ display: none;} .product-list-container .text-side .promotion-badge, .new-list-item.promotion-list-item .pr-image a .promotion-badge{ position: absolute; left:3px; top:3px; display: block;} .product-list-container .text-side .promotion-badge{ position: relative; left:0!important;} .promotion-list-item .tooltip{ min-width: 100px;} .new-list-item.promotion-list-item .pr-image a .promotion-badge span{ display: none;} .product-list-container .text-side .promotion-badge i, .new-list-item.promotion-list-item .pr-image a .promotion-badge i{ width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 50%; color: #fff; background: #d1294b; } .product-list-container .text-side .promotion-badge.mavi i, .new-list-item.promotion-list-item .pr-image a .promotion-badge.mavi i{background: #2bb5d3;} .product-list-container .text-side .promotion-badge.kirmizi i, .new-list-item.promotion-list-item .pr-image a .promotion-badge.kirmizi i{background: #d83058;} .product-list-container .text-side .promotion-badge.yesil i, .new-list-item.promotion-list-item .pr-image a .promotion-badge.yesil i{background: #20b659;} .product-list-container .text-side .promotion-badge, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge{ pointer-events: none; left: 10px; top:10px;} .product-list-container .text-side .promotion-badge i, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge i{position: relative; z-index: 2; width: 36px; height: 36px; font-size: 18px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; background:#2bb5d3; float: left; } .product-list-container .text-side .promotion-badge span, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge span{ z-index: 1; display: flex; color:#fff; background: #72cbdf; min-width: 50px; float: left; border-radius: 0 20px 20px 0; padding-left: 10px; padding-right: 10px; position: relative; left: -6px; top:6px; height: 23px; width: auto; align-items: center;} .product-list-container .text-side .promotion-badge.mavi i, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.mavi i{ background: #2bb5d3;} .product-list-container .text-side .promotion-badge.mavi span, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.mavi span{ background: #72cbdf;} .product-list-container .text-side .promotion-badge.kirmizi i, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.kirmizi i{ background: #d83058;} .product-list-container .text-side .promotion-badge.kirmizi span, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.kirmizi span{ background: #e33d70;} .product-list-container .text-side .promotion-badge.yesil i, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.yesil i{ background: #20b659;} .product-list-container .text-side .promotion-badge.yesil span, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge.yesil span{ background: #33ca6c;} .new-list-item.promotion-list-item .item-in span.tpsfiyat{ text-decoration: line-through; color: #797979; } .new-list-item.promotion-list-item .item-in span.tpsfiyat:before{ content: 'ESKİ FİYAT'; text-decoration: none; } /* Edit Side */ .promo-badge-edit .edit-side h4.title-preview, .promo-badge-edit .preview-side h4.title-preview{ font-weight: bold;} .preview-side .boxed-design .new-list-container .overlaybefore{ display: none; transition: .3s ease;} .preview-side .boxed-design .new-list-container:hover .overlaybefore{ position: absolute; z-index: 1; width: 100%; height: 100%; display: block; background: #fff; opacity: .7; border-bottom: 1px solid #d3d3d3;} .preview-side .boxed-design .new-list-container .row:first-child{ display: block;} .preview-side .boxed-design .new-list-container .row.new-list-item{ width: 100%; padding-top: 5px; padding-bottom: 0;} .preview-side .boxed-design .new-list-container .row:first-child .item-in:first-child{ padding-right: 10px; } .preview-side .boxed-design .new-list-container .new-list-item .item-in.left{ padding-left: 10px;} .preview-side .boxed-design .new-list-container .new-list-item .item-in.left+.item-in{ padding-right: 10px;} .preview-side .boxed-design .new-list-container .row:first-child{ font-weight: normal;} .preview-side .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge{ z-index: 9;} .edit-side .form-side{ border: 1px solid #d3d3d3; width: 100%; min-height: 441px; padding: 15px; display: block; position: relative;} .edit-side .form-side label{ display: block;} .edit-side .form-side .form-group .input-group{ width: 100%; } .edit-side .form-side .form-group .input-group-addon{ padding: 0; min-width: 110px; border-radius: 0; border: 0; background: #304b58;} .edit-side .form-side .form-group .input-group-addon .btn.btn-default{box-shadow: none!important; outline: none!important;; background: #304b58; border: 0; font-weight: bold; color: #fff;} .edit-side .form-side .form-group .input-group-addon .dropdown-menu{ border-radius: 0 0 5px 5px; margin-top: 4px; border-top: 0; left: -1px; } .edit-side .form-side .form-group .input-group-addon .dropdown-menu li a{ font-weight: bold; } .edit-side .form-side .form-group .input-group-addon .dropdown-menu li a i{ margin-right: 5px;} .edit-side .form-side .form-group .input-group-addon .dropdown-menu li a.mavi { color:#2bb5d3} .edit-side .form-side .form-group .input-group-addon .dropdown-menu li a.kirmizi { color: #d83058;} .edit-side .form-side .form-group .input-group-addon .dropdown-menu li a.yesil { color:#20b659; } .edit-side .form-side .form-group .form-control{ box-shadow: none; } .edit-side .form-side .form-group.promo-btn{ position: absolute; bottom: 0; width: calc(100% - 30px);} .promo-badge-edit .edit-side{padding-right: 0;} .promo-badge-edit .preview-side{padding-left: 0; margin-left: -1px;} .tab-baslik{ font-weight: 600; color: #5ca716; } .tab-liste{ padding: 0; margin: 0; } .tab-liste li{ list-style: none; font-size: 16px; line-height: 26px; color:#777777; font-weight: 300;} .tab-liste li span{ font-weight: 600; color:#fff; background: #5da3fb; padding: 2px 10px; border-radius: 5px; } .tab-liste li:before{ content:attr(data-icon); font-family: FontAwesome; color:currentColor; margin-right: 7px; display: inline-block; position: relative; } .table-bordered>tbody>tr.dt-tr.text-left-imp>td{ text-align: left!important;} .btn-plus{ min-height: 40px; min-width: 40px; } /* Ürün Özellikleri Panel */ .details-panel .panel-default{ border: 0; box-shadow: none; margin-bottom: 15px;} .details-panel .panel-body{ padding: 0; } .details-panel .panel-heading{ border: 1px solid #ddd; border-radius: 5px; border-bottom: 0; background: #e5e5e5; color: #304b58;} .details-panel .panel-heading.coll-in{ border-radius: 5px 5px 0 0;} .details-panel .panel-heading h4{ font-weight: bold;} .details-panel .panel-heading h4 i{ font-size: 24px; margin-right: 1px; width: 36px; position: absolute; display: inline-block; top: 5px; left: 5px; } .details-panel .panel-heading a{ text-decoration: none!important; padding-left: 45px!important;} .details-panel .panel-body .table{ margin-bottom: 0;} .details-panel .panel-body .table-bordered>tbody>tr>td, .details-panel .panel-body .table-bordered>tbody>tr>th{ overflow: visible; white-space: normal;} .details-panel .panel-body .table-bordered>tbody>tr>td:last-child{ text-align: left;} .product-list-container .tab-container .tab-content.new-detail-tab{ border: 0; padding: 0;} .product-list-container .tab-container .tab-content.new-detail-tab .tab-pane{ border: 1px solid #ccc; padding: 30px; border-radius: 5px;} .product-list-container .tab-container .tab-content.new-detail-tab .tab-pane .container{ max-width: 100%;} .product-list-container .tab-container .tab-content .tab-pane.noborder{ border: 0; border-radius: 0;} .product-list-container .tab-container .tab-content .tab-pane.nopadding{ padding: 0;} .mi-icons span:before{ display: none; } .long_modal_class .checkbox-side{ display: flex; height: 40px; justify-content: flex-start; align-items: center; width: 100px; float: left; background: #3e4448; color: #fff; } .long_modal_class .checkbox-side .inner{ width: 100%; text-align: center; } .long_modal_class .checkbox-side label{ margin-bottom: 0; cursor: pointer;} .long_modal_class .checkbox-side input[type="checkbox"], .long_modal_class .checkbox-side input[type="radio"]{ margin-top: 0; top: 2px; position: relative; } .long_modal_class .input-side{ display: flex; height: 40px; justify-content: flex-start; align-items: center; width: calc(100% - 100px); float: left; } .userDTable.table-bordered>tbody>tr>td.dataTables_empty, .userDTable.table-bordered>tbody>tr>th.dataTables_empty, .userDTable.table-bordered>tfoot>tr>td.dataTables_empty, .userDTable.table-bordered>tfoot>tr>th.dataTables_empty, .userDTable.table-bordered>thead>tr>td.dataTables_empty, .userDTable.table-bordered>thead>tr>th.dataTables_empty{text-align: center;} a.grouped_elements{position: relative; display: block; transition: all .5s ease;} a.grouped_elements:before{visibility: hidden; position: absolute; width: 100%; height: 100%; background: rgba(48, 75, 88, 0.49); color:#fff; content: "\f002"; font-size: 16px; font-family: FontAwesome; display: flex; justify-content: center; align-items: center;} a.grouped_elements:hover:before{ visibility: visible;} /* Ordering bar */ .ordering-bar{ overflow: hidden; position: relative; width: 100%; height: auto; padding: 0; border-radius: 5px; margin-bottom: 15px; border: 1px solid #ccc; background: #f3f3f3; } .ordering-bar .ordering-item{text-decoration: none; width: 25%; display: block; float: left; font-size: 15px; padding: 9px 10px 7px; text-align: center; color: #3e4448; font-weight: 600;} .ordering-bar.new-v { border: 0; width: calc(100% - 400px); float: left; position: absolute; top:0; left:0; border-radius: 0;} .ordering-bar.new-v .ordering-item{ padding: 9px 10px 7px;} .ordering-bar.old-v{display: none;} .ordering-bar .ordering-item:hover{ background: #dedede; } .ordering-bar .ordering-item.active{ background: #304b58; color:#fff; border-color: #304b58;} .ordering-bar .ordering-item i{ margin-right: 5px; font-size: 14px; position: relative; top: -1px;} .ordering-bar .ordering-item.ascending .descending-icon{ display: none;} .ordering-bar .ordering-item.ascending .ascending-icon{ display: inline;} .ordering-bar .ordering-item.descending .descending-icon{ display: inline;} .ordering-bar .ordering-item.descending .ascending-icon{ display: none;} .mobile-ordering-bar{ position: relative; width: 100%; height: auto; padding: 0; border-radius: 0; margin-bottom: 15px; border: 1px solid #ccc; background: #f3f3f3; display: none; } .mobile-ordering-bar .mobile-order-item{text-decoration: none; width: 100%; display: block; float: none; font-size: 15px; padding: 10px 15px; text-align: left; color: #3e4448; font-weight: 600;} .mobile-ordering-bar .mobile-order-item i{ margin-left: 5px; font-size: 14px; position: relative; top: -1px;} .no-address-div{ display: flex; width: 100%; height: 190px; background: #f4f4f4; border: 1px solid #eaeaea; justify-content: center; align-items: center; text-align: center; padding: 15px; font-weight: 400;} .no-address-div p{ font-size: 12px; color: #797979; margin-bottom: 0; margin-top: 5px; } .no-address-div i{ display: block; font-size: 44px; color: #d1294b; margin-bottom: 7px; } .table-cari>tbody>tr>td{ color: #787878; vertical-align: middle;} .table-cari>tbody>tr>td:first-child{ text-align: center; } .table-cari>tbody>tr>td.empty-td.redlabel{ font-weight: bold; color: #f30; text-align: left; padding:20px 10px;} .table-cari>tbody>tr>td.empty-td.greenlabel{ font-weight: bold; color: #a1c572; text-align: left; padding: 20px 10px} .table-cari>tbody>tr>td>span{ font-weight: 600; color: #fff; background: #5da3fb; padding: 2px 10px; border-radius: 5px;} /* free_products/edit */ .bootstrap-duallistbox-container .btn.moveall.btn-default, .bootstrap-duallistbox-container .btn.removeall.btn-default{ outline: none!important; background: #3e4448; border-color: #3e4448; color: #fff; border-radius: 5px 5px 0 0!important;} .bootstrap-duallistbox-container .btn.moveall.btn-default:hover, .bootstrap-duallistbox-container .btn.removeall.btn-default:hover{ background: #595f63;} /* promotion container */ .promotion-container{ width: 100%; height:80px; display: block; margin-bottom: 15px; background: #3e4448; padding: 0 10px 0 150px; border:0; position: relative; } .promotion-container .text-side{ width: 100%; display: flex; align-items: center; height: 80px; position: relative;} .promotion-container .promo-title{ font-size: 18px; font-weight: bold; color: #fff;} .promotion-container .promo-description {margin-bottom: 0; color: #fff;} .promotion-container .promo-description p {margin-bottom: 0; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .promotion-container .promo-badge-icon{ position: absolute; top: 0; font-size: 38px; lefT:0; width: 90px; height: 100%; display: flex; align-items: center; justify-content: center; background: #f3f3f3; border: 1px solid #d3d3d3; border-right: 0;} .promotion-container .promo-badge-icon:before{ content: ""; display: block; position: absolute; right: -30px; top:0; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 30px; border-color: transparent transparent transparent #f3f3f3;} @media (min-width: 1200px){ .order-edit-modal .modal-dialog{max-width: 800px;width: 100%;} .order-edit-modal2 .modal-dialog{max-width: 990px;width: 80%;} .detail-modal .modal-dialog{ width: 80%; max-width: 990px; } .detail-modal iframe{ min-height: 550px; display: block;} .bayi-basvuru-formu .row .form-group.file-container{ width: 20%;} .bayi-basvuru-formu .row .form-group.file-container:last-child{ margin-right: 15px; margin-left: -15px;} .slider-for .slick-slide img{ width: 100%; max-width: 314px; margin: 0 auto 15px;} /*.carousel-inner>.item>a>img, .carousel-inner>.item>img { height: 400px;}!* 20170120 *!*/ .static-side{ padding-right: 0; width: 20%; } .dynamic-side{ padding-left: 0; width: 80%;} } @media (max-width: 1800px){ .slider-for .slick-slide img{ width: 100%; max-width: 314px; margin: 0 auto 15px;} } @media (max-width: 1200px){ .product-list-container .text-side .inside .icons-div .icon-bar img{ margin:0 auto; display:block;} .content-area .insider-div.icons-container .icons-div .icon-bar img{ max-width: 50px;} .content-area .insider-div.icons-container .icons-div .icon-bar span{ font-size: 12px; line-height: 16px; } .content-area .insider-div.icons-container .icons-div .icon-bar .text-side{ padding-top: 5px; padding-left: 15px; } .header.desktop-v .center-menu .left-side{ padding-left: 0;} .header.desktop-v .top-menu .ust-bar.right-side span.hg{ top: 11px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div, .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div a.dropdown-toggle, .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div.message-btn-div a, .header.desktop-v .top-menu .ust-bar.left-side ul li a.admin-mods{ font-size: 12px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div.message-btn-div a i{ font-size: 10px;} .liste-hizala .dataTables_filter, .liste-hizala .dataTables_length{ width: 100%; border: 0;} .liste-hizala .dataTables_filter label{ float: left; margin-top: 5px; margin-bottom: 5px;} .liste-hizala .dataTables_filter label input{ margin-left: 0;} .boxed-design .new-list-item.promotion-list-item .item-in span.tpsfiyat:before{ content: 'ESKİ F.'; text-decoration: none; } .ordering-bar.new-v .ordering-item { padding: 9px 5px 7px; font-size: 13px; } } @media (max-width: 992px){ .product-list-container .text-side .inside .icons-div .icon-bar img, .icons-div .icon-bar img{ margin: 0 auto; display: block;} .graphics-container .new-boxes{ padding-left: 23px; padding-right: 23px;} .page-title h2 span{ float:left;} .boxed-design .new-list-container .row.new-list-item{ width: 50%;} .content-area .insider-div.icons-container .icons-div .icon-bar img{ max-width: 40px; margin-right: 0; } .content-area .insider-div.icons-container .icons-div .icon-bar .text-side{ padding-top: 3px;} .product-list-container .text-side .inside .insider-div.icons-container .icons-div .icon-bar .text-side{ padding-top: 0; padding-left:10px;} .product-list-container .text-side .inside .insider-div.icons-container.detail-icons .icons-div .icon-bar .text-side{ padding-top: 14px;} .insider-div.icons-container .icons-div .icon-bar{ padding-left: 5px; padding-right:5px;} .product-list-container .text-side .inside .icons-div .icon-bar { border:0!important; padding: 0;} .content-area .insider-div.icons-container .icons-div .icon-bar .text-side{ padding-left: 5px; padding-top: 0; } /*.content-area .popup-div .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side img{ max-width: 40px; max-height: 38px; }*/ /*.product-list-container .text-side .inside .icons-div .icon-bar img{ max-width:45px;}*/ /*.popup-div .product-list-container .text-side .inside .insider-div.icons-container .icons-div .icon-bar .text-side span{ font-size: 14px;}*/ .slider-div .left-side, .slider-div .right-side{ padding-right: 15px; padding-left: 15px;} .slider-div .right-side{ } /*.slider-div .right-banners:nth-child(2){padding-right: 7px;}*/ /*.slider-div .right-banners:nth-child(3){padding-left: 7px;}*/ /*.slider-div .right-banners:nth-child(3),*/ /*.slider-div .right-banners:nth-child(4),*/ .slider-div .right-banners{ padding: 0; width: calc(50% - 5px);;} .slider-div .right-banners:nth-child(1){ margin-right: 5px;} .slider-div .right-banners:nth-child(2){ margin-left: 5px;} .pay-with-gift-div input{ position: relative;} .pay-with-gift-div{ padding-left: 50px;} .pay-with-gift-div p {padding: 2px 0 1px; font-size: 16px;} .order-item .div-col.count .input-group input.form-control{ min-width: 50px;} .gift-code .select2-container{ width: 100%!important; display: block; margin-bottom: 5px;} .gifts-col{ padding-left: 0; padding-right: 0;} .gifts-col .col-md-6:nth-child(2), .gifts-col .col-md-6:nth-child(3){padding-left: 15px; padding-right: 15px; } .gifts-col label{ padding-left: 15px;} .header.desktop-v .top-menu .nopadding{ width: 100%; text-align: center;} .header.desktop-v .top-menu .ust-bar.left-side{ text-align: center; } .header.desktop-v .top-menu .ust-bar.right-side{ text-align: center; max-width: 100%; margin: auto; display: inline-block; } .header.desktop-v .top-menu .ust-bar.right-side .point-info{ top: 3px; float: left;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side{ max-width: 46px;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div{ float: left; display: inline-block;} .header.desktop-v .top-menu .ust-bar.right-side .btn-profile-div:first-child{ margin-left: 0;} .header.desktop-v .center-menu .left-side{ text-align: center; margin-bottom: 8px; padding-right: 0;} .header.desktop-v .center-menu .center-side{ text-align: center; padding-left: 0; padding-right: 0;} .header.desktop-v .center-menu .center-side a.btn-sepet{ display: inline-block; float: none; margin-bottom: 2px; margin-left: 0; } .header.desktop-v .center-menu .search-box{ float: none; margin: 0 auto; max-width: calc(100% - 100px); display: inline-block;} .header.desktop-v .center-menu .logo-div a img.logo-arcelik{ margin-left: 18px; margin-left: 0; margin-bottom: -9px;} .liste-hizala .select-div{ width: 20%; float: left; display: block; margin-top: 10px; padding-left: 0px;} .liste-hizala .dataTableIcon{ width: 30px; font-size: 14px; } .liste-hizala .dataTables_length select{ right: 0; max-width: 100px!important;} .ordering-bar.new-v { display: none; } .ordering-bar.old-v { display: block; } } @media (max-width: 801px){ .slider-for .slick-slide img{ width: 100%; max-width: 280px; margin: 0 auto 15px;} } @media (max-width: 768px){ .bayi-basvuru-formu .row .form-group.col-md-4:nth-child(2){ padding-right:15px;} .icons-div .icon-bar img{ max-width: 50px; } .icons-div .icon-bar span{ font-size: 13px; } .icons-div .icon-bar { border-right: 0; margin-bottom: 25px;} .product-list-container .tab-container .panel-body .taksitlendirme-div .banka-sutun .table>tbody>tr>td{ width: 50%;} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{ min-height: 48px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot{ top: 70px;} .kdv-div{ text-align: left;} .feedback-btn{ display: none; } .pay-with-gift-div{ text-align: center; padding: 15px 30px;} .pay-with-gift-div:before{ position: relative; transform: none; top:0; left:0;} .pay-with-gift-div button, .pay-with-gift-div input{ position: relative; top:0; margin-top: 10px; right: 0;} .pay-with-gift-div button:after, .pay-with-gift-div:after{ display: none;} .bayi-basvuru-formu .help-block{ margin-bottom: 35px;} .bayi-basvuru-formu .upfile-name{ bottom:-20px;} .slider-edit-preview .text-div{ display: none; } .liste-hizala .select-div{ width: 50%; float: left; display: block; margin-top: 10px; padding-left: 10px;} .liste-hizala .dataTables_length select{ width: 100% !important; max-width: calc(100% - 50px)!important; } .liste-hizala .dataTables_filter label{ width: 100%; padding-right: 10px; padding-left: 10px;} .liste-hizala .dataTables_filter label input{ width: calc(100% - 70px);} .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge { top:3px; left:3px;} .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge span{ display: none;} .new-list-item.promotion-list-item .pr-image a .promotion-badge i, .boxed-design .new-list-item.promotion-list-item .pr-image a .promotion-badge i{ font-size: 12px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 50%; color: #fff; background: #d1294b; } .promo-badge-edit .edit-side{padding-right: 15px;} .promo-badge-edit .preview-side{padding-left: 15px; margin-left: 0;} .promo-badge-edit .preview-side .boxed-design .new-list-item .pr-image a .open-detail, .promo-badge-edit .preview-side .boxed-design .new-list-item .pr-image a .boxed-compare-btn{ display: none;} .promo-badge-edit .preview-side .boxed-design .new-list-container .row:first-child .item-in.col-xs-6{ display: block; } .promo-badge-edit .preview-side .boxed-design .new-list-container .new-list-item .item-in.left{ padding-right: 10px;} .promo-badge-edit .preview-side .boxed-design .new-list-container .new-list-item .item-in.left+.item-in{ padding-right: 0;} .details-panel .panel-body .table-bordered>tbody>tr>td, .details-panel .panel-body .table-bordered>tbody>tr>th{ max-width: 100%; border-bottom: 0; border-left: 0; border-right: 0;} .static-side.no-item{ padding: 8vh 15px 20vh 15px;} .mobile-ordering-bar{ display: block;} .ordering-bar{ display: none; border-radius: 0; margin-top: -10px;} .ordering-bar .ordering-item{ width: 100%; float: none; text-align: left; padding: 10px 15px; } .ordering-bar.old-v { display: none; } } @media (max-width: 480px){ .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{ font-size: 14px;} .seri-no-sorgula h4{ font-weight: 900; color:#fff; font-size: 20px;} .seri-no-sorgula .form-group input{ border-radius: 10px 10px 0 0; } .seri-no-sorgula .form-group button { width: 100%; position: relative; border-radius: 0 0 10px 10px;} .col-xxs-12{ width: 100%;} .icons-div .icon-bar span{ font-size: 16px; } .icons-div .icon-bar.col-xxs-12 { width: 33%; padding: 2px; line-height: 14px; margin-bottom: 0;} .icons-div .icon-bar span{ font-size: 12px; } .product-list-container .text-side .inside .btn-add{ font-size: 14px; padding: 7px 14px 7px; margin-left: 5px; margin-top: 15px; width: 50%;} .product-list-container .text-side .inside .btn_debit{ font-size: 14px; padding: 7px 14px 7px; margin-left: 5px; margin-top: 15px; width: 50%;} .product-list-container .text-side .inside .spinner{ max-width: calc(50% - 5px); margin-right: 0;} .product-list-container .text-side .inside .spinner button{ padding: 6px 8px;} .product-list-container .text-side .inside .spinner input{ font-size: 13px;} .content-area .insider-div .nav-tabs>li{ width: 100%; margin-bottom: 5px; } .content-area .insider-div .nav-tabs>li.active>a:after{ display: none;} .nf-horizontal{ float:none!important; margin: auto; position: relative; } .page-title h2{ width: 100%; } .page-title .form-group .btn-primary{ float: left!important; margin-left: 0!important; margin-bottom: 10px;} .jp-card-container{ width: 280px!important;} .jp-card{ min-width: 280px!important;} .boxed-design .new-list-container .row.new-list-item{ width: 100%; } .change-list-style{ display: none;} .nf-horizontal{ right: auto; max-width: 100%; } .content-area .insider-div.icons-container .icons-div .icon-bar img{ float: left;} .content-area .insider-div.icons-container .icons-div .icon-bar span{ text-align: left; font-size: 10px;} .content-area .insider-div.icons-container .icons-div .icon-bar.col-xxs-12{ width: 50%;} .content-area .insider-div.icons-container .icons-div .icon-bar .text-side{ width: calc(100% - 45px); padding-left: 5px;} .pay-with-gift-div:before{ font-size: 35px;} .coupon-code-div .form-group { width: 100%; max-width: 100%; display: block; height: auto;} .coupon-code-div .form-group input{ width: 100%; max-width: calc(100% - 92px); display: block;} .coupon-code-div .form-group .btn{ margin-left: 5px; display: block;} .files-title a.btn{ position: relative; float: right; top:0; max-width: 100px;} .promo-page { padding: 15px; } .promo-page img{ display: none; } .promo-page .text-side{ display: block; text-align: left; } .promo-page .text-side ul{ padding-left: 15px;} .row.box_class{ margin-bottom: 15px; } .payment-tabs .payblock-title{ text-align: center;} .detail-div .newcarttable .order-sum-div{ padding: 0;} .detail-div .bayi-detail-sum.newcarttable{ border: 0;} .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side{ width: 40px; height: 55px;} /*.slider-div .right-banners:nth-child(1){ padding-bottom: 7px;}*/ /*.slider-div .right-banners:nth-child(2){ padding-right: 0; padding-bottom: 7px;}*/ /*.slider-div .right-banners:nth-child(3){ padding-left: 0; padding-top: 7px;}*/ /*.slider-div .right-banners:nth-child(4){ padding-top: 7px;}*/ .slider-div .right-banners:nth-child(1){ margin-bottom: 7px;} .content-area .insider-div.icons-container{ padding: 13px 0;} .carousel-inner .item{position: relative; border-radius: 1px; } .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .img-side img{ max-width: 37px; max-height: 40px;} /*.carousel-inner.slick-slider .slick-slide img{ height: 180px;}*/ .ss-container .product-code, .ss-container.properties-div{ display: none;} .static-side .ss-container{ min-height: auto;} span.countItem{ margin-bottom: 10px;} .cp-row .panel-default .table .mobile-desc{ display: block; color:#717171;} .cp-row .panel-default .cp-inner .table>tbody>tr>td{ text-align: left; height: 60px;} .cp-row .panel-default .panel-body .dynamic-side{ padding-left: 15px;} .cp-search{position: relative; bottom: 0; padding: 0;} .cp-search label{ text-align: left;} .compare-list-bar .compare-items{ width: calc(100% - 138px); } .compare-list-bar .compare-butons{ width: 138px;} } @media (max-width: 440px) { .popup-div .product-list-container .text-side .inside .icons-div .icon-bar img{ max-width: 37px; } .popup-div .product-list-container .text-side .inside .insider-div.icons-container .icons-div .icon-bar .text-side span{ font-size: 11px;} .product-list-container .text-side .inside .insider-div.icons-container{ padding-right: 2px;} .product-list-container .text-side .inside .insider-div.icons-container.detail-icons .icons-div .icon-bar .text-side{ padding-top: 5px; } .product-list-container .text-side .inside .insider-div.icons-container .icons-div .icon-bar .text-side{ padding-left: 5px;} .header.desktop-v .center-menu .logo-div{ margin-bottom: 8px;} .header.desktop-v .center-menu .logo-div a img{ max-width: 45%; margin-top: 0; margin-bottom: 0;} .dataTables_filter label:before { content: ' Arama ';margin-left: 0;font-size: 14px;position: relative;display: flex;align-items: center;justify-content: center;float: right;border-radius: 0 4px 4px 0;color: #fff;background: #304b58;font-weight: bold;width: 70px;height: 40px;top: 40px;margin-right: 5px; } .dataTables_filter label input {border-radius: 4px 0 0 4px;border: 1px solid #e8e8e8;position: relative;right: 71px; } } @media (max-width: 350px) { .icons-div .icon-bar img{ max-width: 40px; } .content-area .insider-div.icons-container.detail-icons .icons-div .icon-bar .text-side span { font-size: 11px; } } .print-css .feedback-btn{display: none;} .print-css .header{ display: none;} .print-css .col-md-3{width: 20%; float: left;} .print-css .col-md-9{width: 80%; float: left;} .print-css .footer-section{ display: none; } body.print-css{padding-right: 30px;} body.print-css, .print-css .container, .print-css .insider-div{ width: 1400px!important;} .print-css a[href]:after { content: none;} .EN001{ font-weight: normal; color: #71a000; font-size: 14px;} .menu_list_change{ position: relative; bottom: 60px; } .select2.select2-container.select2-container--default{width: 100%!important;} .btn_right { float:right; } @media (min-width: 990px) { .btn_add { position: relative; top: 24px; } } @media (max-width: 990px) { .btn_add { position: relative; top: -1px; } } /*date*/ #XGrp{ position: relative; bottom: 40px; left: 40px; background: #f4f4f4;} .daterangepicker .drp-buttons .btn.btn-primary{ background: #3e4448; border-color: #3e4448; } .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .ranges li.active{ background: #3e4448;} .ranges li { font-size: 13px; border-radius: 4px; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background-color: #eee; } .ranges li.active { background-color: #08c; color: #fff; } /* dashboard side */ .charts-div{margin-bottom:20px; background-color: #ffffff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); border-radius: 5px; min-height: 150px; padding: 10px;} .charts-div h4.title{ font-weight: 600; font-size: 16px; color:#616161; width: 100%; text-align: center;} .charts-div .infolabels{ width: 100%; text-align: center; } .charts-div .infolabels .label-item{ font-weight: 500; display: inline-block; padding: 3px 10px; } .charts-div .infolabels .label-item i{ font-size: 10px; position: relative; top:-1px; margin-right: 5px; } .charts-div .infolabels .label-item.element1{ color:#3ac7ef; } .charts-div .infolabels .label-item.element2{ color:#25d4b1; } .charts-div .infolabels .label-item.element3{ color:#DC143C; } .mini-info-boxes{ width: 100%; position: relative;} .mini-info-boxes .row{ margin-left: -10px; margin-right: -10px; } .mini-info-boxes .mini-box-item{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .mini-info-boxes .mini-box-item .inner{ display: flex; align-items: center; min-height: 150px; background-color: #ffffff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); border-radius: 5px; } .mini-info-boxes .mini-box-item .inner .flex-in{ text-align: center; width: 100%; } .mini-info-boxes .mini-box-item h4{ font-size: 15px; font-weight: bold; color: #616161;} .mini-info-boxes .mini-box-item p{ color: #909090; margin-bottom: 0; } .mini-info-boxes .mini-box-item p span{ font-weight: bold; } .mini-info-boxes .mini-box-item.main-box h4{ font-size: 16px; color: #616161;} .mini-info-boxes .mini-box-item.main-box h4 span{ font-size: 14px; color: #8e8e8e; font-weight: normal; text-transform: uppercase; margin-left: 5px;} .mini-info-boxes .mini-box-item.main-box span{ font-size: 46px; font-weight: 600; color: #00b7ea; } .btn-group.charts-btns{display: block; position: absolute; box-shadow: none; right: 15px; font-weight: bold; top:0;} .btn-group.charts-btns button { background: #3ac7ef; color: #fff; border-color: #3ac7ef; min-width: 225px; font-weight: 600; text-transform: uppercase; } .btn-group.charts-btns.open button:active, .btn-group.charts-btns.open button:focus, .btn-group.charts-btns.open button:hover, .btn-group.charts-btns.open button, .btn-group.charts-btns button:active, .btn-group.charts-btns button:hover, .btn-group.charts-btns button:focus{ background: #2e6da4; border-color: #2e6da4; color: #fff;} .btn-group.charts-btns .dropdown-menu{ background: #2e6da4;} .btn-group.charts-btns .dropdown-menu>li>a{ min-width: 225px; color: #fff; text-transform: uppercase;} .btn-group.charts-btns .dropdown-menu>li>a:hover{ background: #3ac7ef;} /* İstatistik Sayfası */ .stock-boxes-container{} .stock-boxes-container .row{ margin-left: -10px; margin-right: -10px;} .stock-boxes-container .stock-box{ padding-left: 10px; padding-right: 10px;} .stock-boxes-container .stock-box .inner{ margin-bottom: 20px; display: flex; align-items: center; background-color: #ffffff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); border-radius: 5px; min-height: 150px; padding: 10px; } .stock-boxes-container .stock-box .inner .flex-in{ width: 100%; height: auto; position: relative; } .stock-boxes-container .stock-box .inner .main-icon{ position: absolute; right: 3px; top:0; font-size: 30px; color: #e4e4e4;} .stock-boxes-container .stock-box .inner h4{ font-size: 14px; font-weight: bold; margin: 5px 0 20px; color:#3e4448;} .stock-boxes-container .stock-box:nth-child(1) .inner h4{ color: #a2cf37;} .stock-boxes-container .stock-box:nth-child(2) .inner h4{ color: #6ab2d6;} .stock-boxes-container .stock-box:nth-child(3) .inner h4{ color: #ff5959;} .stock-boxes-container .stock-box:nth-child(4) .inner h4{ color: #0070bb;} .stock-boxes-container .stock-box:nth-child(5) .inner h4{ color: #0070bb;} .stock-boxes-container .stock-box:nth-child(6) .inner h4{ color: #ff5959;} .stock-boxes-container .stock-box:nth-child(7) .inner h4{ color: #a2cf37;} .stock-boxes-container .stock-box:nth-child(8) .inner h4{ color: #6ab2d6;} .stock-boxes-container .stock-box .inner p{ font-size: 18px; font-weight: normal; margin: 17px 0 0px; color:#a0a0a0; position: relative;} .stock-boxes-container .stock-box .inner p span{ font-weight: 600; font-size: 12px; position: absolute; top: -13px; color: #bfbfbf;} .stock-boxes-container .stock-box .inner .state-box{ font-weight: bold; padding: 5px 14px 0 10px; text-align: center; position: absolute; right: 0; color:#fff; border-radius: 3px; bottom: 3px; height: 30px; background: #ccc;} .stock-boxes-container .stock-box .inner .state-box.plus{ background: #a1c572; } .stock-boxes-container .stock-box .inner .state-box.minus{ background: #ff5959; } .stock-boxes-container .stock-box .inner .state-box span{ font-size: 12px; position: absolute; right: 3px; top:8px; } .stock-boxes-container .stock-box .inner .state-box span i{ display: none; } .stock-boxes-container .stock-box .inner .state-box.plus .fa-caret-up{ display: block; } .stock-boxes-container .stock-box .inner .state-box.minus .fa-caret-down{ display: block; } .navs-container{ background-color: #ffffff; overflow: hidden; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); border-radius: 5px 5px 0 0;} .navs-container .row{ margin-right: 0; margin-left: 0;} .navs-container .row .col-md-3{ width: 20%;} .navs-container .row .navs-btn{ padding-left: 0; padding-right: 0; } .navs-container .row .navs-btn a{ display: block; width: 100%; color: #828282; text-align: center; padding: 9px 15px; font-size: 15px; border-right: 1px solid #d3d3d3; border-left: 0; font-weight: 600; } .navs-container .row .navs-btn a.active{ background: #a1c572; color:#fff; } .navs-container .row .navs-btn:last-child a{ border-right: 0;} .statistic-table .table-striped>thead>tr{ background: #f4f4f4;} .statistic-table .table-striped>tbody>tr:nth-of-type(even){ background: #f2f2f2;} .statistic-table .table-striped>tbody>tr:nth-of-type(odd){ background: #fff;} .statistic-table .table-striped>tbody>tr .btn-default{ background: #0080d1; color: #fff; border-color: #0080d1; font-weight: 600; min-width: 145px;} .statistic-table .table-striped>tbody>tr>td.last-td{ max-width: 110px;} .statistic-table .table-striped>tbody>tr>td span{ font-weight: bold;} .statistic-table table{ margin-bottom: 0; border-radius: 0 0 5px 5px; overflow: hidden; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); } /*.statistic-table .scrolled-table tbody{ display: block; height: 500px; overflow-y: scroll}*/ /*150419*/ @media (max-width: 960px) { .privacy {display:none !important;} .login-page .login-logo { max-width: 280px !important; } .content-area .insider-div { min-height: auto !important;} ul.slick-dots { display: none !important; } .slick-dotted.slick-slider { margin-bottom: 0px !important; } .footer-section { display: none !important; } .mobile-menu-list ul li a { text-transform: unset !important; padding: 6px 0 !important; } }