@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600&display=swap&subset=latin-ext');
body{overflow-x:hidden;background:var(--vucut);}
*{font-family:'Muli', sans-serif;}
/* scrollbar_style */
::-webkit-scrollbar{width:7px;height:7px;}
/* Track */
::-webkit-scrollbar-track{background-color:transparent;}
/* tutulan */
::-webkit-scrollbar-thumb{
    border-radius:3px;
    background:#a0a0a0;
    -webkit-border-radius:3px;
    -webkit-box-shadow:inset var(--r0) var(--r0) 6px rgba(var(--r0),var(--r0),var(--r0),var(--r0).var(--r0));
}
.kabuk{max-width:98vw!important;height:98vh!important;}
.SayfaVeriKabuk{height:94vh!important;margin:2vh 0 0;border:1px solid #cacaca;background:#fff;box-shadow:0 5px 15px -7px rgba(0,0,0,0.1);}
.KabukZemin{border:1px solid #cacaca;background:#fff;box-shadow:0 5px 15px -7px rgba(0,0,0,0.1);}

.menuButton{width: 40px;min-width: 40px;height: 40px;line-height: 40px;}



/*veri kutular*/
.loadingKabuk {height:calc(87vh - 107px);overflow:auto;}
/* .loadingKabuk {height:calc(49.3em - 152px);overflow:auto;} */
.ListeDugme{cursor:pointer;}

.VideoCamera{width: 100%;
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #444;
  z-index: 99;
}

.AZbody,.AZvucut{background-color:var(--vucut);}
/* Yeşil arkazemin ve yazı rengi */.AZyesilh:hover:before,.AZyesilh:hover:after,.AZyesilh:hover,.AZyesil:before,.AZyesil:after,.AZyesil,.AZyesilh:hover{background-color:var(--yesil);}.FCyesil,.FCyesilh:hover{color:var(--yesil);}
/* Kırmızı arkazemin ve yazı rengi */.AZhatah:hover:before,.AZhatah:hover:after,.AZhata:before,.AZhata:after,.AZhata,.AZhatah:hover{background-color:var(--hata);}.FChata,.FChatah:hover{color:var(--hata);}
/* Beyaz arkazemin ve yazı rengi */.AZakh:hover:before,.AZakh:hover:after,.AZakh:hover,.AZak:before,.AZak:after,.AZak{background-color:var(--ak);}.FCak,.FCakh:hover{color:var(--ak);}
/* Gri arkazemin ve yazı rengi */.AZoldu:before,.AZoldu:after,.AZboz{background-color:var(--boz);}.FCboz,.FCbozh:hover{color:var(--boz);}
/* Hat arkazemin ve yazı rengi */.AZhat:before,.AZhat:after,.AZhat,.AZhath:hover{background-color:var(--hat);}.FChat,.FChath:hover{color:var(--hat);}
/* İkaz arkazemin ve yazı rengi */.AZikaz:before,.AZikaz:after,.AZikazh:hover,.AZikaz{background-color:var(--ikaz);}.FCikaz,.FCikazh:hover{color:var(--ikaz);}
.AZkibo{background:var(--kibo);}
.FCkibo{color:var(--kibo);}


/* Barcode okuyucu */
.anim-box-wrap {position:absolute;width:70%;height:30%;top:35%;left:15%;}
.anim-box {position:relative;width:100%;height:100%;padding:25px 30px;transition:transform .6s ease-out;}
.anim-box:before, .anim-box:after, .anim-box>:first-child:before, .anim-box>:first-child:after {position:absolute;width:10%; height:15%;border-color:white; border-style:solid;content:' ';}
.anim-box:before {top:0; left:0;border-width:2px 0 0 2px;}
.anim-box:after {top:0; right:0;border-width:2px 2px 0 0;}
.anim-box>:first-child:before {bottom:0; right:0;border-width:0 2px 2px 0;}
.anim-box>:first-child:after {bottom:0; left:0;border-width:0 0 2px 2px;}
.anim-item {display:inline-block;background-color:white;height:100px;}
.anim-box:hover {transform:scale(1.5, 2);}
.anim-box .scanner {animation-play-state:running;}
.scanner {width:100%;height:1px;background-color:red;opacity:0.7;position:relative;top:50%;animation-name:scan;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;}
@keyframes scan {0% {top:50%;}  25% {top:5px;}75% {top:98%;}}




.fs48{font-size:48px;}
.ln48{line-height:48px;}
.ls{letter-spacing:-0.02em;}
.rds15{border-radius:15px;}

/*** Section Styles ***/
section.SayfaSection{width:100%;float:left;position:relative;}
/* Styling for Pseudo-Elements */
section.SayfaSection::before,section.SayfaSection::after {position:absolute;content:'';pointer-events:none;}
/* Double Diagonal Separator */
.diagonalseparator::before,.diagonalseparator::after {top:0;left:-25%;z-index:-1;width:150%;height:75%;background:inherit;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);-webkit-transform-origin:0 0;transform-origin:0 0;}
.diagonalseparator::before {height:50%;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transform-origin:3% 0;transform-origin:3% 0;}
.Ayrac3h{margin-top:3%;}


/* arama */
.search-container {width:100%;float:left;margin:10px 0;padding:0 10px;position:relative;}
input#search-bar {margin:0 auto;width:100%;height:36px;padding:0 75px 0 10px;font-size:1rem;border:1px solid var(--hat);outline:none;}
/* input:focus {border:1px solid rgba(82, 168, 236, 0.8);transition:0.35s ease;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;} */
input:focus::-webkit-input-placeholder {transition:opacity 0.45s ease;opacity:0;}
input:focus::-moz-placeholder {transition:opacity 0.45s ease;opacity:0;}
input:focus:-ms-placeholder {transition:opacity 0.45s ease;opacity:0;}
.search-icon {position:relative;float:right;width:25px;height:25px;margin:-28px 0 0;right:7px;font-size:21px;}
.camera_scanner{background:red;position:relative;float:right;width:25px;height:25px;margin:-28px 0 0;right:40px;font-size:21px;}


.WebFooter {margin-bottom:0px;margin-top:5px;height:16px;line-height:16px!important;font-size:11px;font-style:italic;color:#cccccc;text-align:center;background:var(--ak);}



/*loading*/
.loading {height:0;width:0;padding:15px;border:6px solid #ccc;border-right-color:#888;border-radius:22px;-webkit-animation:rotate 1s infinite linear;position:absolute;left:50%;top:50%;z-index:99999;}
@-webkit-keyframes rotate { 100% { -webkit-transform:rotate(360deg); } }

/*
  Sayfalama
*/
#pagination {width:100%;float:left;padding:5px 10px;background:var(--ak);}
#pagination ul {float:left;margin:0 0 0 10px;padding:0;display:flex;list-style:none;}
#pagination ul li {display:flex;}
#pagination ul li a {padding:1px 5px;}
#pagination ul li.page-item a {cursor:pointer;}
#pagination ul li.active a{background-color:var(--kibo);border-radius:2px;}


/* Modal */
/* Skin for Simple Dialog Box Plugin */
.dialog-box {width:750px;height:571px;background-color:white;border:1px solid #ccc;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);-mz-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);position:absolute;width:200px;height:100px;margin-top:-51px;margin-left:-101px;z-index:9999;color:#666;visibility:hidden;opacity:0;}
.dialog-box .dialog-title {margin:0;padding:0;font:inherit;color:inherit;font-weight:bold;height:2em;line-height:2em;overflow:hidden;padding:0 .8em;background-color:rgba(238, 238, 238, 0.17);cursor:move;}
.dialog-box .dialog-content {border-top:1px solid #f1f1f1;padding:1em;position:absolute;top:2em;right:0;bottom:3em;left:0;overflow:auto;}
.dialog-box .dialog-content iframe {display:block;border:none;background:none;margin:0;padding:0;overflow:auto;width:100%;height:100%;}
.dialog-box .dialog-content::-webkit-scrollbar {width:8px;height:8px;background-color:#f5f5f5;border-left:1px solid #ccc;}
.dialog-box .dialog-content::-webkit-scrollbar-thumb {background-color:#666;border:none;}
.dialog-box .dialog-content::-webkit-scrollbar-thumb:hover {background-color:#555}
.dialog-box .dialog-content::-webkit-scrollbar-thumb:active {background-color:#444}
.dialog-box .dialog-action {position:absolute;right:0;bottom:0;left:0;padding:.5em;background-color:#eee;border-top:1px solid #ccc;text-align:right;}
.dialog-box .dialog-action .btn {text-decoration:none;border:none;outline:none;color:inherit;font-weight:bold;background-color:white;border:1px solid #ccc;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;padding:.4em 1em;margin-left:.2em;line-height:2em;cursor:pointer;}
.dialog-box .dialog-close,.dialog-box .dialog-minmax {border:none;outline:none;background:none;font:inherit;font-family:Arial,Sans-Serif;font-style:normal;font-weight:bold;font-size:150%;line-height:1.4em;color:#aaa;text-decoration:none;position:absolute;top:0;right:.3em;text-align:center;cursor:pointer;}
.dialog-box .dialog-minmax {right:1.5em}
.dialog-box .dialog-close:focus,.dialog-box .dialog-minmax:focus,.dialog-box .dialog-action .btn:focus {border-width:0;outline:none;}
.dialog-box .dialog-close:hover,.dialog-box .dialog-minmax:hover {color:#777}
.dialog-box .dialog-close:focus,.dialog-box .dialog-minmax:focus {color:#C90000}
.dialog-box .dialog-close:active,.dialog-box .dialog-minmax:active {color:#444}
.dialog-box .dialog-action .btn:hover {border-color:#bbb}
.dialog-box .dialog-action .btn:focus {border-color:#aaa;border-width:1px;}
.dialog-box .dialog-action .btn:active {border-color:#aaa;background-color:#f5f5f5;}
.dialog-box + .dialog-box-overlay {background-color:rgba(61, 61, 61, 0.7);position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9997;display:none;}
.dialog-box.fixed-dialog-box {position:fixed !important;position:absolute;}
.dialog-box.minimize {width:2em !important;height:2em !important;overflow:hidden !important;margin-top:0 !important;margin-left:0 !important;top:-1px !important;left:1em !important;}
.dialog-box.minimize .dialog-title {color:transparent;text-shadow:none;text-indent:-9999px;}
.dialog-box.minimize .dialog-minmax {right:0;left:0;}
.dialog-box.minimize .dialog-close,.dialog-box.minimize .dialog-content,.dialog-box.minimize .dialog-action {display:none;visibility:hidden;}


.TableHeader{background:var(--header-zemin);
  border-right:7px solid var(--header-zemin);
  box-sizing:content-box;
  padding:7px 0;}

.TBLok{width:23px;height:18px;margin-top:-13px;position:absolute;top:50%;right:7px;display:block;}
.asc,.desc{height:auto!important;fill:#333!important;}





table {width:100%;border-collapse:collapse;table-layout:fixed;}
tr{ background:#fff;}
tr:hover{background:var(--header-hover)!important;}
tr:nth-of-type(odd) {background:#f6f6f6;}
th {background:#3498db;color:white;font-weight:bold;}
td, th { height:50px;float:left;padding:0 10px;line-height:50px;text-align:left; font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media screen and (max-width:48em) {
  table thead {border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
  table tr {height:205px;padding:25px 0;border-bottom:3px solid #ddd;display:block;}
  table td {height:32px;float:inherit;line-height:32px;display:block;text-align:right;}
  table td:last-child {border-bottom:0;}
  .urunad_class{max-width:100%!important;text-align:left;}
  .yazar_class{max-width:100%!important;text-align:left;}
  .uretici_class{max-width:100%!important;text-align:left;}
  .konum_class,.fiyat_class,.isk_class{max-width:33%!important;float:left;text-align:left;}
  .durum_class,.indirimli_class{max-width:50%!important;float:left;text-align:center;}
  .SayfaVeriKabuk {height:93vh!important;}
  .loadingKabuk {height:calc(73vh - 107px)!important;}
}
.urunad_class{width:100%;max-width:25%;display:flex;align-items:center;}
.yazar_class{width:100%;max-width:20%;}
.uretici_class{width:100%;max-width:15%;}
.konum_class{width:100%;max-width:10%;}
.durum_class{width:100%;max-width:10%;}
.fiyat_class,.indirimli_class{width:100%;max-width:8%;text-align: right;}
.isk_class{width:100%;max-width:4%;text-align: right;}
tr td:hover .GetirDugme{display:block!important;}


.MenuKabuk {position:absolute;width:100%;max-width:300px;height:100%;background:var(--ak);border-right:1px solid var(--hat);left:0;top:0;
z-index:7;visibility:hidden;opacity:0;transform:translateX(-100%);
-webkit-transition:all .5s ease;  
-moz-transition:all .5s ease;  
-o-transition:all .5s ease;  
-ms-transition:all .5s ease;  
transition:all .5s ease;}
.MenuFaal {height:100%;width:100%;max-width:300px;visibility:visible;opacity:1;transform:translateX(0);}
.MenuKabuk::before {content:"";display:block;height:67px;}
.MenuKabuk ul a {display:block;padding:12px 18px;text-decoration:none;font-size:20px;color:#818181;border-bottom:1px solid var(--hat);}
.toggle-wrap {float:left;position:relative;margin:9px 0 0 15px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9;}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.toggle-bar {width:25px;margin:10px 0;position:relative;border-top:3px solid #303030;display:block;}
.toggle-bar::before,.toggle-bar::after{content:"";display:block;background:#303030;height:3px;width:30px;position:absolute;top:-11px;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform-origin:13%;-webkit-transform-origin:13%;transform-origin:13%;}
.toggle-bar::after {top:5px;}
.toggle-wrap.active .toggle-bar {border-top:3px solid transparent;}
.toggle-wrap.active .toggle-bar::before {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.toggle-wrap.active .toggle-bar::after {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.BosKabuk {visibility:hidden;opacity:0;transform:translateY(-100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}


/* Manşet CSS */
.MansetFaal {visibility:visible;opacity:1;transform:translateY(0);}
.ag-slide-block {overflow:hidden;}
.swiper-slide-active{padding:30px 0!important;}
.ag-slide_item {padding:63px 0;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.ag-slide_img {display:block;width:100%;max-width:317px;height:47vh;margin:0 auto;opacity:0.5;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-ms-transition:ease 0.5s;-o-transition:ease 0.5s;transition:ease 0.5s;}
.ag-slide_info {width:100%;margin:0 auto;padding:10px 8px 5px;background-color:#FFF;opacity:0.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-ms-transition:ease 0.5s;-o-transition:ease 0.5s;transition:ease 0.5s;}
.ag-slide-info_descr {width:100%;float:left;}
.ag-slide-info_category {font-size:8px;display:block;color:#959494;padding-bottom:5px;}
.ag-slide-info_title {width:100%;line-height:20px;padding-bottom:5px;font-weight:800;font-size:10px;color:#262626;text-align:center;}
.ag-slide-info_route {display:block;line-height:10px;font-size:8px;color:#959494;}
.ag-slide-info_img {display:inline-block;width:10px;height:10px;-webkit-transform:translateY(25%);-moz-transform:translateY(25%);-ms-transform:translateY(25%);-o-transform:translateY(25%);transform:translateY(25%);}
.ag-slide-info_rate {float:right;height:40px;width:40px;border:1px solid #e4d7d9;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.ag-slide-info_strong {display:block;font-weight:normal;color:#fc3b62;}
.ag-slide-info_comments {letter-spacing:-0.01em;font-size:6px;}
.ag-slide-block .swiper-container {padding-top:13px;}
.ag-slide-block .swiper-slide {padding-left:15px;padding-right:15px;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ag-slide-block .swiper-slide-active {opacity:1;z-index:2;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);
-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.ag-slide-block .swiper-slide-active .ag-slide_img {opacity:1;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-ms-transition:ease 0.5s;-o-transition:ease 0.5s;transition:ease 0.5s;}
.swiper-slide-active .ag-slide_info {opacity:1;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-ms-transition:ease 0.5s;-o-transition:ease 0.5s;transition:ease 0.5s;}
@media (max-width:960px) {.ag-slide-block .swiper-container {max-width:960px;width:100%;margin-top:-22px;padding-top:0;}.ag-slide-info_title {width:115px;}.ag-slide-info_rate {height:37px;width:37px;}}
@media (max-width:600px) {.ag-slide-info_title {width:95px;font-size:8px;}.ag-slide-info_category {font-size:6px;}.ag-slide-info_route {font-size:6px;}.ag-slide-info_img {width:7px;height:7px;}.ag-slide-info_strong {font-size:14px;}.ag-slide-info_comments {letter-spacing:0;font-size:5px;}}
@media (max-width:560px) {.ag-slide-info_title {width:130px;}}
@media (max-width:470px) {.ag-slide-info_title {width:115px;}}
@media (max-width:400px) {.ag-slide_img {width:70%;}.ag-slide_info {width:70%;}.ag-slide-info_title {width:130px;}.ag-slide-info_img {width:10px;}.ag-slide-block .swiper-slide {padding-left:0;padding-right:0;}}