@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap&subset=latin-ext');
@import url(https://fonts.googleapis.com/css?family=Saira:300,400,500,700,900|Saira+Condensed:300,400,500,700,900|Saira+Extra+Condensed:300,400,500,700,900|Roboto+Mono:400,500,700&subset=latin-ext);

body {font-size:16px;}

.navbar {margin-bottom:0;}
.navbar .btn {font-family:Saira Extra Condensed !important;font-size:16px !important;line-height:16px !important;}
.input-lg {padding:5px 15px;}
.lh-lg  {line-height:36px;}
.lh-lg .fa {font-size:14px;line-height:14px;color:#666;}
*,td,th {font-family:Saira Condensed;}

th {font-weight:900;color:#295990 !important;}

a {color:#AD0D11;}
a:hover {color:#000;text-decoration:underline;}

@media (min-width: 992px){.typo-line{padding-left: 140px;margin-bottom: 40px;position: relative;}

.typo-line .category{transform: translateY(-50%);top: 50%;left: 0px;position: absolute;}
}

.all-icons [class^="pe-"]{font-size: 40px;}
.all-icons input{border: 0;}
.all-icons .font-icon-detail{text-align: center;padding: 45px 0px 30px;border: 1px solid #e5e5e5;border-radius: 6px;margin: 15px 0;}
.all-icons .font-icon-container a{padding: 5px 0;display: block;color: #666666;}
.all-icons .font-icon-detail input{margin: 25px auto 0;width: 100%;text-align: center;display: block;color: #aaa;font-size: 13px;}
.all-icons h5{margin-top: 60px;}
.all-icons > div > .row:first-child h5{margin-top: 15px;}
.places-buttons .btn{margin-bottom: 30px}
.buttons-with-margin .btn{margin-bottom: 5px;}
.animated .img-rounded{width: 150px;height: 150px;overflow: hidden;margin: 0 auto;display: block;}
.animated .img-rounded img{width: 100%;}
.fixed-plugin li > a,.fixed-plugin .badge{transition: all .34s;-webkit-transition: all .34s;-moz-transition: all .34s;}
.fixed-plugin{position: fixed;top: 180px;right: 0;width: 64px;background: rgba(0,0,0,.3);z-index: 1031;border-radius: 8px 0 0 8px;text-align: center;}
.fixed-plugin .fa-cog{color: #FFFFFF;padding: 10px;border-radius: 0 0 6px 6px;width: auto;}
.fixed-plugin .dropdown-menu{right: 80px;left: auto;width: 290px;border-radius: 10px;padding: 0 10px;}
.fixed-plugin .dropdown-menu:after, .fixed-plugin .dropdown-menu:before{right: 10px;margin-left: auto;left: auto;}
.fixed-plugin .fa-circle-thin{color: #FFFFFF;}
.fixed-plugin .active .fa-circle-thin{color: #00bbff;}
.fixed-plugin .dropdown-menu > .active > a,
.fixed-plugin .dropdown-menu > .active > a:hover,
.fixed-plugin .dropdown-menu > .active > a:focus{color: #777777;text-align: center;}
.fixed-plugin img{border-radius: 0;width: auto;height: 100px;transform: translateX(-30%);-webkit-transform: translateX(-30%);margin: 0 auto;}
.fixed-plugin .badge{border: 3px solid #FFFFFF;border-radius: 50%;cursor: pointer;display: inline-block;height: 23px;margin-right: 5px;position: relative;width: 23px;}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover{border-color: #00bbff;}
.fixed-plugin .badge-white{background-color: #FFFFFF;}
.fixed-plugin .badge-black{background-color: #1DC7EA;}
.fixed-plugin .badge-azure{background-color: #1DC7EA;}
.fixed-plugin .badge-green{background-color: #87CB16;}
.fixed-plugin .badge-orange{background-color: #FFA534;}
.fixed-plugin .badge-purple{background-color: #9368E9;}
.fixed-plugin .badge-red{background-color: #FB404B;}
.fixed-plugin h5{font-size: 14px;margin: 10px;}
.fixed-plugin .dropdown-menu li{display: block;padding: 5px 2px;width: 25%;float: left;}
.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title,
.fixed-plugin li.button-container{width: 100%;height: 50px;min-height: inherit;}
.fixed-plugin li.button-container{height: auto;}
.fixed-plugin li.button-container div{margin-bottom: 5px;}
.fixed-plugin #sharrreTitle{text-align: center;padding: 10px 0;height: 50px;}
.fixed-plugin li.header-title{height: 30px;line-height: 40px;font-size: 12px;font-weight: 600;text-align: center;text-transform: uppercase;}
.fixed-plugin .adjustments-line p{float: left;display: inline-block;margin-bottom: 0;font-size: 1em;}
.fixed-plugin .adjustments-line .switch{float: right;}
.fixed-plugin .dropdown-menu > li.adjustments-line > a{padding-right: 0;padding-left: 0;border-bottom: 1px solid #ddd;margin: 0;}
.fixed-plugin .dropdown-menu > li > a.img-holder{font-size: 16px;text-align: center;border-radius: 10px;background-color: #FFF;border: 3px solid #FFF;padding-left: 0;padding-right: 0;opacity: 1;cursor: pointer;max-height: 86px;overflow: hidden;padding: 0;}
.fixed-plugin .dropdown-menu > li > a.switch-trigger:hover,
.fixed-plugin .dropdown-menu > li > a.switch-trigger:focus{background-color: transparent;}
.fixed-plugin .dropdown-menu > li:hover > a.img-holder,
.fixed-plugin .dropdown-menu > li:focus > a.img-holder{border-color: rgba(0, 187, 255, 0.53);;}
.fixed-plugin .dropdown-menu > .active > a.img-holder,
.fixed-plugin .dropdown-menu > .active > a.img-holder{border-color: #00bbff;background-color: #FFFFFF;}
.fixed-plugin .dropdown-menu > li > a img{margin-top: auto;}
.fixed-plugin .btn-social{width: 50%;display: block;width: 48%;float: left;font-weight: 600;}
.fixed-plugin .btn-social i{margin-right: 5px;}
.fixed-plugin .btn-social:first-child{margin-right: 2%;}
@media (min-width: 992px){
	.fixed-plugin .dropdown .dropdown-menu{-webkit-transform: translateY(-15%);-moz-transform: translateY(-15%);-o-transform: translateY(-15%);-ms-transform: translateY(-15%);transform: translateY(-15%);top: 27px;opacity: 0;
	transform-origin: 0 0;}
	.fixed-plugin .dropdown.open .dropdown-menu{opacity: 1;
	-webkit-transform: translateY(-15%);-moz-transform: translateY(-15%);-o-transform: translateY(-15%);-ms-transform: translateY(-15%);transform: translateY(-15%);
	transform-origin: 0 0;}
	.fixed-plugin .dropdown-menu:before,.fixed-plugin .dropdown-menu:after{content: "";display: inline-block;position: absolute;top: 60px;width: 16px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
	.fixed-plugin .dropdown-menu:before{border-bottom: 16px solid rgba(0, 0, 0, 0);border-left: 16px solid rgba(0,0,0,0.2);border-top: 16px solid rgba(0,0,0,0);right: -27px;}
	.fixed-plugin .dropdown-menu:after{border-bottom: 16px solid rgba(0, 0, 0, 0);border-left: 16px solid #FFFFFF;border-top: 16px solid rgba(0,0,0,0);right: -26px;}
	.typo-line{padding-left: 140px;margin-bottom: 40px;position: relative;}
	.typo-line .category{transform: translateY(-50%);top: 50%;left: 0px;position: absolute;}
	.fixed-plugin{top: 120px;}
}
@media (max-width: 991px){
	.fixed-plugin .dropdown-menu{right: 60px;width: 220px;}
	.fixed-plugin .dropdown-menu li{width: 50%;}
	.fixed-plugin li.adjustments-line,
	.fixed-plugin li.header-title,
	.fixed-plugin li.button-container{width: 100%;height: 55px;min-height: inherit;}
	.fixed-plugin li.button-container{height: auto;}
	.fixed-plugin .adjustments-line .switch{float: right;margin: 0 0px;}
	.fixed-plugin li.header-title{height: 40px;}
	.fixed-plugin .dropdown .dropdown-menu{top: -170px;}
	.fixed-plugin .dropdown-menu:before,
	.fixed-plugin .dropdown-menu:after{display: none;}
}
.btn-social {opacity: 0.85;padding: 8px 9px;}
.btn-social .fa {font-size: 18px;vertical-align: middle;display: inline-block;}
.btn-social.btn-round {padding: 9px 10px;}
.btn-social.btn-simple {padding: 9px 5px;font-size: 16px;}
.btn-social.btn-simple .fa {font-size: 20px;position: relative;top: -2px;width: 24px;}
.btn-facebook {border-color: #3b5998;color: #3b5998;}
.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open > .btn-facebook.dropdown-toggle {background-color: transparent;color: #3b5998;border-color: #3b5998;opacity: 1;}
.btn-facebook:disabled,.btn-facebook[disabled],.btn-facebook.disabled {background-color: transparent;border-color: #3b5998;}
.btn-facebook.btn-fill {color: #ffffff;background-color: #3b5998;opacity: 0.9;}
.btn-facebook.btn-fill:hover,.btn-facebook.btn-fill:focus,.btn-facebook.btn-fill:active,.btn-facebook.btn-fill.active,.open > .btn-facebook.btn-fill.dropdown-toggle {background-color: #3b5998;color: #ffffff;opacity: 1;}
.btn-twitter {border-color: #55acee;color: #55acee;}
.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open > .btn-twitter.dropdown-toggle {background-color: transparent;color: #55acee;border-color: #55acee;opacity: 1;}
.btn-twitter:disabled,.btn-twitter[disabled],.btn-twitter.disabled {background-color: transparent;border-color: #55acee;}
.btn-twitter.btn-fill {color: #ffffff;background-color: #55acee;opacity: 0.9;}
.btn-twitter.btn-fill:hover,.btn-twitter.btn-fill:focus,.btn-twitter.btn-fill:active,.btn-twitter.btn-fill.active,.open > .btn-twitter.btn-fill.dropdown-toggle {background-color: #55acee;color: #ffffff;opacity: 1;}
.logo-text img {width:30px;margin:-5px 0px 0px 0px;}

.warning {color:#FF9510;}
.success {color:#87CB16;}
.error {color:#FB404B;}

.blink {opacity: 0;animation: blinking 1s linear infinite;}

@keyframes blinking {
  from,  49.9% {   opacity: 0;  }
  50%,  to {    opacity: 1;  }
}

.blink2 {opacity: 0;animation: blinking 1s linear infinite;}

@keyframes blinking {
  from,  49.9% {   opacity: 0;  }
  50%,  to {    opacity: 1;  }
}


.fixedratio {
    padding-top: 100%;
    display: block;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	-moz-background-size: contain;
	-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;
}
.fixedratio img {
	position:absolute;
	width:100%;
	top:0;
}



.fmenu {background:#e5e5e5;}
.fmenu >div {padding:15px;}
.fmenu a {color:#666;font:12px Saira;padding:0 10px 0 0;}
.fmenu a:hover {color:#333;}

.mb10 {margin-bottom:10px;}
.pfix,.pfix2 {filter: contrast(105%) brightness(105%);}
.pfix {padding-top:54% !important; background-size:cover; }
.pfix2 {padding-top:48% !important; background-size:contain !important; }

.card .header {    font-size: 18px;
    line-height: 22px;
    font-weight: 500;}
legend {    padding: 10px 0 10px 0;}
.navbar-form {border:1px solid #ccc;}

.btn-cx {display:inline-block;padding: 8px 20px 8px 10px;font-size: 16px;margin:12px 0px 12px 0px !important;text-align:left;border:1px solid #ddd;}
.btn-cx i {   display: inline-block;font-size: 24px;padding: 0px 4px 0 0px;opacity: .3;vertical-align:middle;}
.btn-cx span {display:inline-block;position:relative;top:2px;}

.btn-full {width:100%;margin:0 0 10px 0;}
.navbar-fixed ~ .main-panel > .content {overflow:Hidden;min-height:725px;}

.mti {background:red;color:#fff;text-align:center;padding:8px 0 6px 0;font-size:12px;line-height:12px;  }
.mti a,.mti .fa  {color:#fff;line-height:12px;}
.mt .navbar {/*margin-top:26px;*/}
.mt .navbar-fixed ~ .main-panel > .content {padding-top:122px;}

.qr_card {background:#000;margin:10px 0;text-align:center;}
.qr_card b {overflow:hidden;display:block;color:#fff;padding:1px; padding: 2px;font-size: 11px;line-height: 11px;white-space:nowrap;}
.qr_img {overflow:hidden;}
.qr_img img {width:100%;max-width:100%;border:2px solid #fff;}

.controls li {margin:4px 0;}
.controls li a {display:block;background:#eee;border:2px solid #ddd;}
.controls li a:hover, .controls li.active a {border:2px solid #87CB16;background:#87CB16;color:#fff !important;}

.ui-autocomplete-loading {background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;}

.ui-autocomplete {
    height: 260px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#prdsx .ui-menu .ui-state-focus,
#prdsx .ui-menu .ui-state-active {
	margin: auto !important;
}

.nav-mobile-menu {display:none;}

.ucase{text-transform:uppercase !important;}


.nowrap {white-space:nowrap !important;}
.mono {font-family: 'Roboto Mono', monospace;}


.ui-menu .ui-menu-item-wrapper{
padding: 10px 15px 8px 10px !important;
border:1px solid transparent;
border-bottom:1px solid #999;
}


.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
  z-index:1;
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.card {position:relative;}
.newp,.newp_en {position:absolute;top:-4px;right:-4px;width:70px;height:70px;z-index:+1;}
.newp {background: url(/images/yeni_urun.png) no-repeat; background-size: contain;}
.newp_en {background: url(/images/yeni_urun_en.png) no-repeat; background-size: contain;}
.newp img {width:100%;display:none;}


.kampanya_icon {position:absolute;width:80px;top:140px;right:5px;z-index:+1;}
.fasmall {font-size: 12px;width: auto;min-width: auto;}

.siberbakiye {position:relative;white-space:nowrap;}
.sbloading:before {position:absolute;top:0;left:0;content:" ";background: white url("/images/ui-anim_basic_16x16.gif") center center no-repeat;width:100%;height:100%;z-index:+99;}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:8px;
}
.card .table tbody td:last-child, .card .table thead th:last-child{
	padding-right:8px;
}

.fa-try {font-size: 12px !important;min-width:12px !important;}

.flickity-viewport {padding:10px 0;}
.flickity-prev-next-button {width:30px;height:30px;}
.flickity-button {background:#000;color:#fff;}
.flickity-button:hover { background:#333;}
.ptbl {margin:10px 0;}
.ptbl tr td {padding:6px;}
.ptbl tr td:first-child {font-size:12px;font-style:italic;white-space:nowrap;padding-left:0;}

.dataTables_wrapper {padding:10px;background:#eee;}
.dataTable th {background:none !important;}
div.dataTables_wrapper div.dataTables_filter input {border:1px solid #ddd;}


.select2-container .select2-selection--single {height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:40px;height:40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px;}


	.fcx {
		display: inline-block;
		border: 1px solid #ddd;
		margin: 2px;
		padding: 10px 10px 4px 10px;
		line-height: 16px;
	}
	.fcx input[type=checkbox] {margin:0;padding:0;}
	
	
.ekartman_table td {border:1px solid #ddd;font-weight:400;font-size:15px;}

.ct-label {
	fill: rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold;
}