::-webkit-scrollbar {
	background-color: #292F4C; 
}

::-webkit-scrollbar {
	max-width: 7px;
	background-color: #292F4C; 
}

::-webkit-scrollbar-thumb {
	background-color: #9A9FBF; 
}





/* Yükleniyor Başladı */
.trnLoader{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:1000000;
	display:none;
	background-color:rgb(0,0,0,0.5);
}

.trnLoaderContent{
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-125px 0 0 -100px;
	text-align:center;
	color:#FFF;
}

.trnLoaderContent img{
	width:200px;
	height:200px;
}

.trnLoaderText{	
	width:200px;
	height:200px;
	line-height:200px;
	position:absolute;
	top:0;
	text-align:center;
}
/* ##### Yükleniyor Bitti ##### */





.trnReturn
{
	position:fixed;
	bottom:0;
	right:0;
	z-index:99999;
}

.alert {
	font-size:14px;
	padding: 10px;
	color: white;
	margin-bottom: 15px;
	border:none;
}

.alert  i{
	font-size:14px;
	margin-right:10px;
}

.alert-warning {
	font-size:14px;
	padding: 10px;
	background-color: #FFA92B;
	color: #FFF;
	margin-bottom: 15px;
}

.warning {
	font-size:14px;
	padding: 10px;
	background-color: #FFA92B;
	color: #FFF;
	margin-bottom: 15px;
}

.success {
	font-size:14px;
	padding: 10px;
	background-color: #007BFF;
	color: white;
	margin-bottom: 15px;
}

.closebtn {
  margin-left: 15px;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn {
  margin-left: 15px;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.trnPopUp{
	width:100%;
	position:fixed;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	display:none;
	z-index:1000;
	background-color:red;
}

#trnPopUpAddBasketReturn
{
	width:300px;
	height:350px;
	position:fixed;
	top:150px;
	left:50%;
	margin:0 0 0 -150px;
	z-index:100;
	background-color:#FFF;
	box-shadow: 2px 2px 10px #aaaaaa;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;					
}

#trnPopUpAddBasketReturn .trnPopUpClose
{
	width:30px;
	height:30px;
	line-height:30px;
	position:absolute;
	right:0;
	padding:0;
	margin:-10px -15px 0 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	cursor:pointer;				
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;					
}

#trnPopUpAddBasketReturn .trnPopUpHeader
{
	height:40px;
	line-height:20px;
	padding:10px;
	font-size:14x;
	text-align:center;
	color:#3C63A4;
	border-bottom:1px solid #E4EAEC;
}

#trnPopUpAddBasketReturn .trnPopUpContent
{
	width:100%;
	height:250px;
}

#trnPopUpAddBasketReturn .trnPopUpContent figure
{
	height:200px;
	line-height:170px;
	text-align:center;
	padding:15px;
}

#trnPopUpAddBasketReturn .trnPopUpContent figure img
{
	max-width:100%;
	max-height:100%;
}

#trnPopUpAddBasketReturn .trnPopUpContent h1
{
	height:50px;
	lineheight:25px;
	font-size:12px;
	text-align:center;
	padding: 0 15px 0 15px;
}

#trnPopUpAddBasketReturn .trnPopUpFooter
{
	width:100%;
	height:60px;
	border-top:1px solid #E4EAEC;
}

#trnPopUpAddBasketReturn .trnPopUpFooter .btn
{
	width:44%;
	height:40px;
	line-height:40px;
	float:left;
	padding:0 10px 0 10px;
	margin:10px 0 0 4%;
	font-size:10px;
}



/* SCROLL */
.trnHScroll
{
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-width: thin;
}

.trnHScroll::-webkit-scrollbar {
	max-width: 7px;
	background-color: #9A9FBF; 
}

.trnHScroll::-webkit-scrollbar {
	max-width: 7px;
	background-color: #9A9FBF; 
}

.trnHScroll::-webkit-scrollbar-thumb {
	background-color: #00A0F0; 
}

.trnH300
{
	max-height:300px;
}


/* Tab */

.trnToggleContent
{
	display:none;
}

.trnToggle .trnActive
{
	display:block;
}

.trnTab
{
	
}

.trnTabNav
{
	width:100%;
	float:left;
	position:relative;
	z-index:10;
}

.trnTabNav ul
{
	width:auto;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.trnTabNav ul li
{
	width:auto;
	float:left;
	list-style:none;
	margin:0 10px 10px 0;
	padding:0;
	font-weight:bold;
}

.trnTabNav ul li label
{
	cursor:pointer;
}

.trnTabNav ul li input
{
	cursor:pointer;
}

.trnTabNav .trnActive
{
	color:#000;
	font-weight:bold;
}


.trnTabContent
{
	width:100%;
	float:left;
	position:relative;
	z-index:5;	
}

.trnTabContent .trnTabPane
{
	display:none;
	margin-top:-1px;
	padding:15px 15px 0 15px;
}


.trnTabContent .trnActive
{
	display:block;
	padding:10px;
	border:1px dashed #E3E3E3;
}



.trnDeliveryDate
{
	
}

.trnDeliveryDate .trnDeliveryDateBtn
{
	width:100%;
	background-color:#EDF1F2;
	border:1px solid #EDF1F2;
}

.trnDeliveryDate .trnDeliveryDateBtn:hover
{
	color:#FFF;
	background-color:#3478DD;
	border:1px solid #3478DD;
}



@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)
{
	.trnMobilNone{display:none;}
	
	#trnPopUpAddBasketReturn
	{
		width:80%;
		height:350px;
		position:fixed;
		top:100px;
		left:10%;
		margin:0 0 0 0;
		z-index:100;
		background-color:#FFF;
		box-shadow: 2px 2px 10px #aaaaaa;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	#trnPopUpAddBasketReturn .trnPopUpFooter .btn
	{
		font-size:8px;
	}	
}


.trnDesktop
{
	display:block;
}

.trnMobile
{
	display:none;
}
@media only screen and (max-device-width: 768px)
	{
	.trnDesktop
	{
		display:none;
	}

	.trnMobile
	{
		display:block;
	}
}