@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Ubuntu");


	*{
		margin:0 auto;
		padding:0 auto;
	}
	body{
		background-color:#fff;
		font-family:"Ubuntu", Calibri, Candara, Arial, sans-serif;
		height:100%;
		text-rendering: optimizeSpeed;
	}
	.wrapper
	{
		background:url(../images/bg.gif);
		min-height:100%;
		width:100%;
		position:absolute;
		
	}
	.noselect {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	
	@media print{    
		.no-print
		{
			display: none !important;
		}
	}
	
	@media screen{    
		.no-screen
		{
			display: none !important;
		}
	}
	.fileUpload input.upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 25px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	/************ HEADER STYLE ******************/
	.btn2{
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.header{
		position:absolute;
		top:0;
		left:0;
		z-index:1000;
		width:100%;
		height:30px;
		background-color:#3d3d3d;
		box-shadow: 1px 1px 5px #888888;
		background: -webkit-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Chrome 10+, Saf5.1+ */
		background:    -moz-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* FF3.6+ */
		background:     -ms-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* IE10 */
		background:      -o-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Opera 11.10+ */
		background:         linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* W3C */
	}
	
	.small-menu-open{
		position:absolute;
		top:30px;
		left:0;
		z-index:900;
		width:100%;
		height:30px;
		background-color:#f5f5f5;
		box-shadow: 1px 1px 5px #888888;

	}

	.logo{
		margin:5px;
		width:210px;
		height:20px;
		float:left;
		cursor:pointer;
	}
	.smalllogo{
		margin:5px;
		background:url("../images/borusan-slogo.png") no-repeat;
		width:21px;
		height:40px;
		float:left;
		cursor:pointer;
	}
	.headerlogin{
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		height:30px;
		max-width:300px;
		padding:5px;
		padding-left:5px;
		color:#fff;
		cursor:pointer;
		overflow:hidden;
		float:right;
		margin-right:10px;
		-webkit-animation-name: headermenu-animation2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: headermenu-animation2;
		animation-duration: 0.3s;
		
	}
	
	.oldrecModalBody{
		
		height:auto;
		max-height:600px;

		overflow:auto !important;
	}
	
	.oldrecpanelhead{
		
		cursor:pointer;
	}
	
	.oldrecpanelbody{
		
		display:none;
	}
	
	.oldperiodrec{
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		max-width:300px;
		padding:5px;
		padding-left:5px;
		color:#fff;
		cursor:pointer;
		overflow:hidden;
		float:right;
		margin-right:10px;
		-webkit-transition: color .3s linear, background-color .3s linear;
		-moz-transition: color .3s linear, background-color .3s linear;
		transition: color .3s linear, background-color .3s linear;
	}
	
	.extre{
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		max-width:300px;
		padding:5px;
		padding-left:5px;
		color:#fff;
		cursor:pointer;
		overflow:hidden;
		float:right;
		margin-right:250px;
		-webkit-transition: color .3s linear, background-color .3s linear;
		-moz-transition: color .3s linear, background-color .3s linear;
		transition: color .3s linear, background-color .3s linear;
	}
	
	.extrecompare{
		position:absolute;
		top:0;
		right:0;
		z-index:100;
		max-width:300px;
		padding:5px;
		padding-left:5px;
		color:#fff;
		cursor:pointer;
		overflow:hidden;
		float:right;
		margin-right:400px;
		-webkit-transition: color .3s linear, background-color .3s linear;
		-moz-transition: color .3s linear, background-color .3s linear;
		transition: color .3s linear, background-color .3s linear;
	}


	.small-header-menu{
		position:absolute;
		top:0;
		right:10px;
		z-index:100;
		height:30px;
		width:35px;
		max-width:100px;
		padding:5px;
		padding-left:11px;
		color:#fff;
		cursor:pointer;
		overflow:hidden;
		float:right;
		margin-right:10px;
	}
	
	@-webkit-keyframes headermenu-animation {
		from {height:30px;
			  opacity:0;}
		to {height:60px;
		   opacity:1;}
	}

	@keyframes headermenu-animation {
		from {height:30px;
			  opacity:0;}
		to {height:60px;
		   opacity:1;}
	}
	
	@-webkit-keyframes oldperiodrec-animation {
		from {height:30px;
			  opacity:0;}
		to {height:45px;
		   opacity:1;}
	}

	@keyframes oldperiodrec-animation {
		from {height:30px;
			  opacity:0;}
		to {height:45px;
		   opacity:1;}
	}

	
	@-webkit-keyframes oldperiodrectext-animation {
		from {line-height:0px;
			  opacity:0;}
		to {line-height:30px;
		   opacity:1;}
	}

	@keyframes oldperiodrectext-animation {
		from {line-height:0px;
			  opacity:0;}
		to {line-height:30px;
		   opacity:1;}
	}
	
	.oldperiodrec:hover{		
		height:45px;
		background-color:#FFA726;
		-webkit-animation-name: oldperiodrec-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: oldperiodrec-animation;
		animation-duration: 0.3s;
		box-shadow: 0px 0px 5px #888888;
	}
	.extre:hover, .extrecompare:hover{	
		height:45px;
		background-color:#FFA726;
		-webkit-animation-name: oldperiodrec-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: oldperiodrec-animation;
		animation-duration: 0.3s;
		box-shadow: 0px 0px 5px #888888;
	}
	
	#oldperiodrectext{
		line-height:20px;
	}
	#extretext{
		line-height:20px;
	}
	
	.oldperiodrec:hover #oldperiodrectext{
		line-height:30px;
		-webkit-animation-name: oldperiodrectext-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: oldperiodrectext-animation;
		animation-duration: 0.3s;
	}
	
	.extre:hover #extretext ,.extrecompare:hover  #extrecomparetext{
		line-height:30px;
		-webkit-animation-name: oldperiodrectext-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: oldperiodrectext-animation;
		animation-duration: 0.3s;
	}
	
	.small-header-menu:hover{		
		background-color:#FFA726;
		box-shadow: 0px 0px 5px #888888;	
	}
	
	.headerlogin:hover{
		height:60px;
		background-color:#FFA726;
		-webkit-animation-name: headermenu-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: headermenu-animation;
		animation-duration: 0.3s;
		box-shadow: 0px 0px 5px #888888;
	}
	
	.headerlogin:hover #icon-cog{
		-webkit-animation-name: headermenu-coganimation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
		animation-name: headermenu-coganimation;
		animation-duration: 0.5s;
	}
	.headerlogin-menu{
		height:30px;
		width:100%;
		padding:5px;
		padding-left:5px;
		margin-top:5px;
	}
	.headerlogin:hover .headerlogin-menu{
		border-top:1px solid #f8f8f8;
	}
	.headerlogin-menu:hover{
		background-color:#f39a18;
	}
	
	.headerlogin-menu:hover #icon-cog{
		-webkit-animation-name: headermenu-coganimation2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
		animation-name: headermenu-coganimation2;
		animation-duration: 0.5s;
	}
	
	@-webkit-keyframes headermenu-coganimation {
		from {-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari */
			transform: rotate(0deg);}
		to {-ms-transform: rotate(360deg); /* IE 9 */
			-webkit-transform: rotate(360deg); /* Safari */
			transform: rotate(360deg);}
	}

	@keyframes headermenu-coganimation {
		from {-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari */
			transform: rotate(0deg);}
		to {-ms-transform: rotate(360deg); /* IE 9 */
			-webkit-transform: rotate(360deg); /* Safari */
			transform: rotate(360deg);}
	}
		
	@-webkit-keyframes headermenu-coganimation2 {
		from {-ms-transform: rotate(360deg); /* IE 9 */
			-webkit-transform: rotate(360deg); /* Safari */
			transform: rotate(360deg);}
		to {-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari */
			transform: rotate(0deg);}
	}
	
	@keyframes headermenu-coganimation2 {
		from {-ms-transform: rotate(360deg); /* IE 9 */
			-webkit-transform: rotate(360deg); /* Safari */
			transform: rotate(360deg);}
		to {-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari */
			transform: rotate(0deg);}
	}
	
	
	/************ HEADER STYLE ******************/
	
	
	/************ MENU STYLE *******************/
	
	.menu{
		position:relative;
		top:0px;
		left:5px;
		z-index:10;
		clear:both;
		width:215px;
		height:100%;
		overflow:hidden;
		float:left;
		background-color:#EEE;
		background-color:rgba(238,238,238,0.7);
		box-shadow: 0px 0px 4px #888888;
		margin-top:50px;
		margin-bottom:50px;
		/*overflow-y:scroll;*/
	}
	.menu-content
	{
		margin-top:10px;
	
	}
	.menu-content ul li{
		padding:10px;
		cursor:pointer;
	}
	.menu-content ul li span{
		padding-left:10px;
	}
	.menu-content ul li:hover{
		background-color:#FFA726;
		color:#fff;
	}
	
	.menu-content ul li:hover .menu-icon{
		
		-webkit-animation-name: menu-icon-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.1s; /* Chrome, Safari, Opera */
		animation-name: menu-icon-animation;
		animation-duration: 0.1s;
	}
	
	.menu-content ul li:hover .menu-text{
		
		-webkit-animation-name: menu-text-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: menu-text-animation;
		animation-duration: 0.3s;
	}
	.menu-icon{
		padding-right:5px;
		padding-left:5px;
	}
	.menu-content-top{
		background:#3d3d3d;
		background: -webkit-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Chrome 10+, Saf5.1+ */
		background:    -moz-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* FF3.6+ */
		background:     -ms-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* IE10 */
		background:      -o-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Opera 11.10+ */
		background:         linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* W3C */
		color:#fff;
		cursor:pointer;
		height:30px;
		line-height:30px;
		box-shadow: 0px 0px 4px #888888;
	}
	.menu-top-icon{
		padding-right:15px;
		padding-left:20px;
	}
	.menu-small-content-top{
		background:#3d3d3d;
		background: -webkit-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Chrome 10+, Saf5.1+ */
		background:    -moz-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* FF3.6+ */
		background:     -ms-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* IE10 */
		background:      -o-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Opera 11.10+ */
		background:         linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* W3C */
		color:#fff;
		cursor:pointer;
		height:30px;
		line-height:30px;
		box-shadow: 0px 0px 4px #888888;
	}
	.menu-small-top-icon{
		padding-left:20px;
	}
	.menu-small{
		position:relative;
		top:0px;
		left:5px;
		z-index:10;
		clear:both;
		width:55px;
		height:auto;
		float:left;
		background-color:#EEE;
		background-color:rgba(238,238,238,0.7);
		box-shadow: 0px 0px 4px #888888;
		margin-top:50px;
		margin-bottom:50px;
		/*overflow-y:scroll;*/
	}
	.menu-small-content{
		margin-top:10px;
		
	}
	.menu-small-content ul li{
		padding:10px;
		cursor:pointer;
		height:40px;
	}
	.menu-small-content ul li span{
		padding-left:10px;
	}
	.menu-small-content ul li:hover{
		background-color:#FFA726;
		color:#fff;
	}
	.menu-small-content ul li:hover .menu-icon{
		-webkit-animation-name: menu-icon-small-icon-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.2s; /* Chrome, Safari, Opera */
		animation-name: menu-icon-small-icon-animation;
		animation-duration: 0.2s;
	}
	.menu-small-content ul li ul{
		margin-left:50px;
		margin-top:-30px;
		display:none;
		background-color:#FFA726;
		box-shadow: 0px 0px 1px #888888;
	}
	.menu-small-content ul li ul li a{
		color:#fff;
		text-decoration:none;
		display:block;
	}
	.menu-small-content ul li:hover ul{
		display:block;
		-webkit-animation-name: menu-icon-small-text-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
		animation-name: menu-icon-small-text-animation;
		animation-duration: 0.3s;
	}
	
	
	@-webkit-keyframes menu-text-animation {
		from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@keyframes menu-text-animation {
				from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@-webkit-keyframes menu-icon-animation {
		from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@keyframes menu-icon-animation {
				from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@-webkit-keyframes menu-icon-small-icon-animation {
		from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@keyframes menu-icon-small-icon-animation {
				from {margin-left:-20px;
			  opacity:0;}
		to {margin-left:0px;
		   opacity:1;}
	}
	
	@-webkit-keyframes menu-icon-small-text-animation {
		from {margin-left:-10px;
			  opacity:0;}
		to {margin-left:50px;
		   opacity:1;}
	}
	
	@keyframes menu-icon-small-text-animation {
				from {margin-left:-10px;
			  opacity:0;}
		to {margin-left:50px;
		   opacity:1;}
	}
	
	@-webkit-keyframes menu-icon-small-text-normal-animation {
		from {margin-left:50px;
			  opacity:1;}
		to {margin-left:0px;
		   opacity:0;}
	}
	
	@keyframes menu-icon-small-text-normal-animation {
				from {margin-left:50px;
			  opacity:1;}
		to {margin-left:0px;
		   opacity:0;}
	}
	
	
	/************ MENU STYLE *******************/
	
	/********** CONTENT STYLE *****************/
	
	
	
	/* Container box to set the sides relative to */
.cube {
	
	text-align: center;
	margin: 0 auto;
	height: auto;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}

/* The two faces of the cube */
.flippety,.flop {
	/*background: rgb(247, 247, 247);*/
	border: 1px solid rgba(147, 184, 189, .8);

	-webkit-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 5px 20px rgba(105, 108, 109, .3), 0 0 8px 5px rgba(208, 223, 226, .4) inset;
	box-shadow: 0 5px 20px rgba(105, 108, 109, .3), 0 0 8px 5px rgba(208, 223, 226, .4) inset;
	height: auto;
}

/* Position the faces */
.flippety {
	-webkit-transform: translateZ(50px);
	transform: translateZ(50px);
}

.flop {
	-webkit-transform: rotateX(-90deg) translateZ(-50px);
	transform: rotateX(-90deg) translateZ(-50px);
}

/* Rotate the cube */
.cube:hover {
	-webkit-transform: rotateX(89deg);
	transform: rotateX(89deg); /* Text bleed at 90º */
}

	
	
	
	
	.content{
		margin-top:30px;	
		min-width:200px;
		margin-left:220px;
		
	}
	
	.content-header{
		margin-left:20px;
		margin-top:50px;
		border-bottom:4px solid #EEE;
		
	}
	
	.content-header h2{
		color:#3d3d3d;
		background:url(../images/gruparrow.png) no-repeat;
		background-position:left;
		text-indent:20px;
	
	}


	.content-body{
		margin-left:20px;
		margin-top:10px;
		margin-bottom:10px;
		width:260px;
		height:100px;
		display:inline;
		float:left;
		background-color:#EEEEEE;
		background-color:rgba(238,238,238,0.7);
		box-shadow: 0px 0px 1px #888888;
		color:#3d3d3d;
		cursor:pointer;
		overflow:hidden;
	}

	.content-body:nth-last-child(1){
		margin-bottom:40px;
	}
	.content-body:hover{
		background-color:#FFA726;
	}
	.content-body:hover .content-body-text{
		color:#fff;
		-webkit-animation-name: content-text-small-icon-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.2s; /* Chrome, Safari, Opera */
		animation-name: content-text-small-icon-animation;
		animation-duration: 0.2s;
	}
	.content-body:hover .content-body-icon{
		color:#fff;
		-webkit-animation-name: content-icon-small-icon-animation; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.2s; /* Chrome, Safari, Opera */
		animation-name: content-icon-small-icon-animation;
		animation-duration: 0.2s;
	}

	@-webkit-keyframes content-icon-small-icon-animation {
		from {margin-top:50px;
			  opacity:0;}
		to {margin-top:0px;
		   opacity:1;}
	}
	
	@keyframes content-icon-small-icon-animation {
		from {margin-top:50px;
			  opacity:0;}
		to {margin-top:0px;
		   opacity:1;}
	}
	
	@-webkit-keyframes content-text-small-icon-animation {
		from {margin-top:-50px;
			  opacity:0;}
		to {margin-top:0px;
		   opacity:1;}
	}
	
	@keyframes content-text-small-icon-animation {
				from {margin-top:-50px;
			  opacity:0;}
		to {margin-top:0px;
		   opacity:1;}
	}
	
	@media (max-width: 768px) { 
		.content{
			margin-left:60px;
		}
	
	}
	
	.content-body h2{
		direction:rtl;
		font-weight:bold;
	}
	.content-body p{
		direction:rtl;
		float:right;
		font-size:11px;
		font-weight:bold;
	}
	.content-body-text{
		width:150px;
		overflow:hidden;
		float:left;
		margin-right:10px;
	}
	.content-body-icon{
		width:90px;
		overflow:hidden;
		float:left;
		margin-left:10px;
		color:#FFA726;
	}
	
	.content-icon
	{
		padding-right:5px;
		padding-left:5px;
		font-size:60px;
		line-height:100px;
		float:left;
	}
	
		@media (max-width: 800px) { 
		.content-body-icon{
			width:70px;
		}
		.content-icon{
			font-size:52px;	
		}
		.content-body-text{
			width:115px;
			overflow:hidden;
			float:left;
			margin-right:10px;
		}
		.content-body h2{
			direction:rtl;
			font-weight:bold;
		}
		.content-body p{
			direction:rtl;
			float:right;
			font-size:10px;
			font-weight:bold;
		}
		.content-body{
			margin-left:20px;
			margin-top:10px;
			margin-bottom:10px;
			width:210px;
			height:100px;
			display:inline;
			float:left;
			background-color:#EEEEEE;
			background-color:rgba(238,238,238,0.7);
			box-shadow: 0px 0px 1px #888888;
			color:#3d3d3d;
			cursor:pointer;
			overflow:hidden;
		}
		}
	
	/********** CONTENT STYLE *****************/	
	
	
	/********** FOOTER STYLE *****************/	

		.footer{
		position: fixed;
		bottom:0;
		right:0;
		z-index:20;
		width:100%;
		height:30px;
		overflow:hidden;
		background-color:#3d3d3d;
		box-shadow: 1px 1px 5px #888888;
		background: -webkit-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Chrome 10+, Saf5.1+ */
		background:    -moz-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* FF3.6+ */
		background:     -ms-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* IE10 */
		background:      -o-linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* Opera 11.10+ */
		background:         linear-gradient(180deg, #515151 50%, #3d3d3d 50%); /* W3C */
	}

	
	.footer p{
		text-align:center;
		color:#fff;
	}
	
	/********** COMPARE STYLE ****************/
	
	#dropZone {
          float:right;
          border: 1px solid #eaeaea;
          width:220px;
      }
      #dropZone2 {
          float:left;
          border: 1px solid #eaeaea;
          width:220px;
      }
      .card, .acceptcard {
          width: 150px;
          padding: 5px 10px;
          margin:5px;
          border:1px solid #ccc;
          background-color: #eaeaea;
          color:#333;
      }
      .acceptcard .card{
        width: 120px;
        overflow:hidden;
        white-space: nowrap;
      }
      .card:hover{
        cursor:pointer;
        background-color:#FFA726;
        color:#fff !important;
      }
      .stack {
          width: 180px;
          border: 1px solid #ccc;
          background-color: #f5f5f5;
          margin: 20px;
          float:left;
          display:inline-block;
      }
      .stackHdr {
          background-color: #eaeaea;
          border: 1px solid #fff;
          padding: 5px
      }
      .stackDrop1, .stackDrop2 {
          min-height:100px;
          padding: 10px;
       }
	
	
	/********** FOOTER STYLE *****************/	
	
	
	/********** GENERAL STYLE *****************/

	
	
	
	
	
	.popover { 
		max-width : 400px;
	}
	
	.btn:hover{
		background-color:#FFA726;
		color:#fff;
		border:1px solid #fff;
	}
	.btn:focus,.btn:active {
		outline: none !important;
	}
	.close:hover{
		color:#FFA726;
	}
	.close:focus,.close:active {
		outline: none !important;
	}
	.modal-title{
		color:#3d3d3d;
	}
	.table tbody tr:hover
	{
		/*background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;*/
	}
	.table tbody tr:nth-child(odd)
	{
		background-color:#EEE;
	}
	
	
	.multiple-select-table tbody tr:nth-child(odd)
	{
		background-color:#fff !important;
	}
	
	.multiple-select-table tbody tr:hover
	{
		background-color:#fff !important;
		cursor:initial;
	}
	
	.multiple-deselect-table tbody tr:nth-child(odd)
	{
		background-color:#fff !important;
	}
	
	.multiple-deselect-table tbody tr:hover
	{
		background-color:#fff !important;
		cursor:initial;
	}
	
	.modal-header{
		background-color:#EEE;
	}
	
	.control-label{
		color:#3d3d3d;
	}
	.table-responsive
	{
		overflow-x: auto;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	.uneditable-input:focus {   
	border-color: rgba(255, 167, 38, 0.8) !important;
	box-shadow: 0 1px 1px rgba(255, 167, 38, 0.075) inset, 0 0 8px rgba(255, 167, 38, 0.6) !important;
	outline: 0 none;
	}

	
	
	.input-group-addon:hover{
		background-color:#FFA726;
		color:#fff;	
	}
	
	.form-button-icon
	{
		margin-right:5px;
	}
	
	#babs-response{
		display:none;
	}
	
	#babs-detail-review{
		display:block;
	}
	
	#babs-report{
		display:none;
	}
	
	.modal-small{
		width:20% !important;
	}
	
	.modal-body{
		overflow:visible;
	}
	
	#babs-back-btn{
		display:none;
		float:left;
	}
	
	#babs-search{
		display:none;
	}
	
	label{
		font-size:1em;
		font-weight:normal;
	}
	
	.nav,.nav-tabs a{
		color:#FFA726;
	}

	.table-container{
		height:335px;
		overflow-y:auto;
	}
	
	.form-multipleselect-icon{
		margin-right:5px;
		color:#3d3d3d;
	}
	#babs-muskod-multiple-select:hover .form-multipleselect-icon{
		color:#fff;
	}
	
	#babs-satkod-multiple-select:hover .form-multipleselect-icon{
		color:#fff;
	}
	
	.reconciliation-screen-span{
		margin-left:5px;
		/*height:2em;*/
		display:inline-block;
		min-width:200px;
	}
	
	.babs-multiple-selected-area-span{
		display:inline-block;
		width:100px;
		height:30px;
		text-align:center;
		background-color:#FFA726;
		color:#fff;
		padding:5px;
		margin:5px;
		cursor:pointer;
	}
		
	.selected-remove-span{
		
		font-size:10px;
		float:right;
		color:#FFA726;
		
	}
	
	.babs-multiple-selected-area-span:hover .selected-remove-span{
		color:white;
	}
	
	#babs-multiple-selected-area{
		height:200px;
		overflow-x:auto;
	}
	
	.multiple-selected{
		color:#7AB900;
	}
	
	#babs-warning,#babs-hata1,#babs-hata2{
		display:none;
	}

	.babs-response{
		text-align:left;
		background-color:#fafafa !important;
	}

	.babs-response-detail{
		text-align:left;
		background-color:#fff !important;
	}
	
	.babs-response-detail  tbody tr:hover{
		background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;
	}
	
	.cari-response-detail-table {
		text-align:left;
		font-size:1em;			
	}
	.cari-response-detail-table tbody tr:hover{	
		background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;
	}
	
	.oldrec-cari-table tbody tr:hover{
		background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;		
	}
	
	.oldrec-table tbody tr:hover{
		background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;		
	}

	.detail-arrow-icon{
		text-align:right;
		font-size:10px;
		line-height:18px;
	}
	
	.detail-preload-gif{
		background:url(../images/detail.gif) no-repeat center center;
	}
	
	
	.babs-response-table{
		text-align:left;
		background-color:#eee !important;
		font-size:1em;
		
	}	
	
	.babs-report-table{
		text-align:left;
		background-color:#eee !important;
		font-size:1em;
		
	}

	
	.babs-response-detail-table {
		text-align:left;
		font-size:1em;	
	}
	
	.babs-response-detail-table tbody tr:hover {
		background-color:#FFA726 !important;
		color:#fff !important;
		cursor:pointer;
	}
	
	table tr td .ad{
		margin:0;
		padding:0;
		/* white-space: nowrap; 
		width: 18em; 
		height:auto;
		overflow: hidden;
		text-overflow: ellipsis;
		*/
	}
	
	.dropdown-menu{
		width:300px;
		z-index:1000;
	}
	.dropdown-menu li{
		display:inline !important;
		margin:10px;
	}
	.dropdown-menu li input{
		margin-right:4px;
		cursor:pointer;
	}

	.dropdown-forSScreen{
		width:220px !important;
	}

	.drplabel{
		color:#3d3d3d;
		cursor:pointer;
		width:125px;
	}

	.dropdown-forSScreen .drplabel{
		color:#3d3d3d;
		cursor:pointer;
		width:70px;
		padding:5px;
	}

	.dropdown-forSScreen li{
		margin:0px !important;
	}

	.dropdown-forSScreen .drplabel:hover{
		background-color:#FFA726;
		color:#fff;
	}

	.dropdown-forSScreenYears{
		width:160px !important;
		height:42px;
	}
	.dropdown-forSScreenYears .drplabel{
		color:#3d3d3d;
		cursor:pointer;
		width:50px;
		padding:5px;
	}

	.dropdown-forSScreenYears li{
		margin:0px !important;
	}

	.dropdown-forSScreenYears .drplabel:hover{
		background-color:#FFA726;
		color:#fff;
	}
	
	.dropdown-forSScreenStatu{
		width:220px !important;
	
	}
	.dropdown-forSScreenStatu .drplabel{
		color:#3d3d3d;
		cursor:pointer;
		width:220px;
		padding:5px;
	}

	.dropdown-forSScreenStatu li{
		margin:0px !important;
	}

	.dropdown-forSScreenStatu .drplabel:hover{
		background-color:#FFA726;
		color:#fff;
	}

	.babs-review-icon{
		text-align:center;
	}

	.filter-icon{
		font-size:9px;
		margin-left:3px;
	}

	.glyphicon-blackboard:before {
 		 content: "\e218";
	}
	
	.pagination>li>a{
		color:#3d3d3d;
	}
	
	.pagination>li>a:hover{
		background-color:#FFA726 !important;
		color:#FFFFFF !important;
	}
	
	 .pagination li.active > a, .pagination li.active > span{
        background-color:#FFA726 !important;
		color:#FFFFFF !important;
		border-color:#eee;
    }
	
	.pagination li.active:hover > a, .pagination li.active:hover > span, .pagination li.active:active > a, .pagination li.active:link > span , .pagination li.active:active > a, .pagination li.active:link > span{
   
		border-color:#FFA726;
    }
	
	.pagionation li:hover>a{
		border-color:#EEE;
	}
	
	#babsloadinggif{
		position:fixed;
		top:35%;
		left:45%;
		z-index:1000;
		display:none;
		
	}
	
	#loadinggif{
		position:fixed;
		top:35%;
		left:45%;
		z-index:1000;
		display:block;
		
	}
	
	.babs-ch{
		width:15px;
		height:15px;
		cursor:pointer;
	}
	.babs-cbx input[type="checkbox"]{
		width:15px;
		height:15px;
		cursor:pointer;
	}
	
	.babs-response-detail-info{
		margin-top:10px;
		background-color:#fafafa;
		border:1px solid #ddd;
		border-radius:3px;
		width:900px;
	}

	.babs-secim:after{content:"Seçim";}	
	.babs-CariNo:after{content:"Cari Numarası";}
	.babs-sirketkodu:after{content:"Şirket K.";}
	.babs-ad:after{content:"Ünvan";}
	.babs-vkn:after{content:"VKN";}
	.babs-statu:after{content:"Statu";}
	.babs-belnr:after{content:"Belge Nu.";}
	.babs-kayittarihi:after{content:"Kayıt Tarihi";}
	.babs-mutabakat:after{content:"Mutabakat";}
	.babs-pb:after{content:"PB";}
	.babs-bstut:after{content:"BS Tutarı";}
	.babs-gondertar:after{content:"Gönder. T.";}
	.babs-faturaadet:after{content:"Fatura Adedi";}
	.babs-vergidairesi:after{content:"Vergi Dairesi";}
	.babs-ulke:after{content:"Ülke";}
	.babs-Detay:after{content:"Detay";}

	.modal-large{
		margin:0 !important;
		width:100% !important;
		height:100% !important;
	}
	
	.modal-medium{
		width:70% !important;
	}
		
	.big-table-container{
		height:auto;
		max-height:550px;
		overflow-y:auto;
		width:1215px;
		margin:0 auto;
		padding:0 auto;
		
	}

	.full-table-container{
		height:auto;
		max-height:550px;
		overflow-y:auto;
		width:1140px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.big-cari-detail-table-container{
		height:auto;
		max-height:550px;
		overflow-y:auto;
		width:2000px;
		margin:0 auto;
		padding:0 auto;
		overflow-x: hidden !important;
	}
	
	.cari-extre-compare-table-container{
		height:auto;
		max-height:550px;
		overflow-y:auto;
		width:1300px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.full-oldrec-table-container{
		height:auto;
		max-height:650px !important;
		overflow-y:auto;
		width:1280px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.muskod-response-table-container{
		height:auto;
		max-height:380px;
		overflow:hidden;
		width:560px;
		margin:0 auto;
		padding:0 auto;
		
	}
	
	.satkod-response-table-container{
		height:auto;
		max-height:380px;
		overflow:hidden;
		width:560px;
		margin:0 auto;
		padding:0 auto;
		
	}
	
	.sirkod-response-table-container{
		height:auto;
		max-height:380px;
		overflow:hidden;
		width:560px;
		margin:0 auto;
		padding:0 auto;
		margin-top:20px;
		
	}
	
	.babs-response-process{
		width:1215px;
		margin:0 auto;
		padding:0 auto;
		margin-bottom:10px;
	}
	
	.response-toolbar{
		padding:5px;
		height:49px;
		width:1155px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		
	}
	
	.muskod-toolbar{
		margin:10px 0;
		padding:5px;
		height:49px;
		width:520px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
		
	}
	
	.satkod-toolbar{
		margin:10px 0;
		padding:5px;
		height:49px;
		width:520px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
	}
	
	.sirkod-toolbar{
		margin:10px 0;
		padding:5px;
		height:49px;
		width:520px;
		line-height:30px;
		background-color:#fff;
		border:1px solid #ccc;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
	}
	
	.response-detail-toolbar{
		padding:5px;
		height:49px;
		width:900px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
	}
	
	.extre-compare-toolbar{
		padding:5px;
		height:49px;
		width:555px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;	
		
	}
	
	.babs-report-toolbar{
		padding:5px;
		height:49px;
		width:900px;
		line-height:30px;
		background-color:#fafafa;
		border:2px solid #ddd;
		-webkit-border-radius: 3px!important;
		-moz-border-radius: 3px!important;
		border-radius: 3px!important;
	}
	
	.muskod-response-process{
		width:560px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.satkod-response-process{
		width:560px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.sirkod-response-process{
		width:560px;
		margin:0 auto;
		padding:0 auto;
	}
	
	.babs-detail-review-process{
		width:1140px;
		margin:0 auto;
		padding:0 auto;
		margin-bottom:10px;
	}

	.cari-detail-review-process{
		width:2000px;
		margin:0 auto;
		padding:0 auto;
		margin-bottom:10px;
	}
	
	.cari-extre-compare-process{
		width:1300px;
		margin:0 auto;
		padding:0 auto;
		margin-bottom:10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.babs-report-process{
		width:960px;
		margin:0 auto;
		padding:0 auto;
		margin-bottom:10px;
	}
	
	#reconciliation-ok-btn{
		height:50px;
		width:170px;
		background-color:#7FBF19;
		color:#fff;

	}

	#reconciliation-oks-btn{
		height:50px;
		width:150px;
		background-color:#7FBF19;
		color:#fff;

	}

	#reconciliation-not-btn{
		height:50px;
		width:150px;
		background-color:#B90000;
		color:#fff;
	}
	#reconciliation-auth-btn{
		height:50px;
		width:170px;
		background-color:#ffc107;
		color:#fff;
	}
	
	#reconciliation-print-btn{
		height:50px;
		width:150px;		
	}
		
	
	.oldrec-table tbody tr{max-height:40px;}
	
	.oldrec-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.oldrec-table thead { display:block;}
	.oldrec-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }
	.oldrec-table tbody td{ overflow-y:hidden; overflow-x:auto; height:auto; }

	.oldrec-table th:nth-child(1)  { height:auto; width:135px !important; max-width:135px !important; } 	  
	.oldrec-table td:nth-child(1)  { height:auto; width:135px !important; max-width:135px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-table th:nth-child(2)  { height:auto; width:100px !important; max-width:100px !important; }   	 
	.oldrec-table td:nth-child(2)  { height:auto; width:100px !important; max-width:100px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-table th:nth-child(3)  { height:auto; width:110px !important; max-width:110px !important}   	  
	.oldrec-table td:nth-child(3)  { height:auto; width:110px !important; max-width:110px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-table th:nth-child(4)  { height:auto; width:120px !important; max-width:120px !important;  }  
	.oldrec-table td:nth-child(4)  { height:auto; width:120px !important; max-width:120px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	
	.oldrec-table th:nth-child(5)  { height:auto; width:55px !important ; max-width:55px !important; }   	 
	.oldrec-table td:nth-child(5)  { height:auto; width:55px !important ; max-width:55px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	
	.oldrec-table th:nth-child(6)  { height:auto; width:100px !important; max-width:100px !important;  } 	  
	.oldrec-table td:nth-child(6)  { height:auto; width:100px !important; max-width:100px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	
	.oldrec-table th:nth-child(7)  { height:auto; width:80px !important; max-width:80px !important; }  	  
	.oldrec-table td:nth-child(7)  { height:auto; width:80px !important; max-width:80px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-table th:nth-child(8)  { height:auto; width:130px !important; max-width:130px !important;} 	  
	.oldrec-table td:nth-child(8)  { height:auto; width:130px !important; max-width:130px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-table th:nth-child(9)  { height:auto; width:80px !important; max-width:80px !important; }  	  
	.oldrec-table td:nth-child(9)  { height:auto; width:80px !important; max-width:80px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	 
	.oldrec-table th:nth-child(10) { height:auto; width:120px !important; max-width:120px !important;}	  
	.oldrec-table td:nth-child(10) { height:auto; width:120px !important; max-width:120px !important; white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	
	.oldrec-table th:nth-child(11) { height:auto; width:85px !important;max-width:85px !important;  } 	  
	.oldrec-table td:nth-child(11) { height:auto; width:85px !important; max-width:85px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	
	.oldrec-table th:nth-child(12) { height:auto; width:150px !important; max-width:150px !important;}	  
	.oldrec-table td:nth-child(12) { height:auto; width:150px; max-width:150px !important; white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	
	.oldrec-cari-table tbody tr{max-height:40px;}
	
	.oldrec-cari-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.oldrec-cari-table thead { display:block;}
	.oldrec-cari-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }
	.oldrec-cari-table tbody td{ overflow-y:hidden; overflow-x:auto; height:auto; }

	.oldrec-cari-table th:nth-child(1) { height:auto; width:135px !important; } 	  	.oldrec-cari-table td:nth-child(1){ height:auto; width:135px; max-width:135px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(2) { height:auto; width:100px !important; }   	.oldrec-cari-table td:nth-child(2){ height:auto; width:100px; max-width:100px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(3) { height:auto; width:140px !important; }   	.oldrec-cari-table td:nth-child(3){ height:auto; width:140px; max-width:140px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(4) { height:auto; min-width:120px !important; }   .oldrec-cari-table td:nth-child(4){ height:auto; width:120px; max-width:120px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	.oldrec-cari-table th:nth-child(5) { height:auto; width:55px !important; }   	  	.oldrec-cari-table td:nth-child(5){ height:auto; width:55px; max-width:55px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	.oldrec-cari-table th:nth-child(6) { height:auto; width:100px !important; } 	  	.oldrec-cari-table td:nth-child(6){ height:auto; width:100px; max-width:100px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}
	.oldrec-cari-table th:nth-child(7) { height:auto; width:55px !important; } 	  	.oldrec-cari-table td:nth-child(7){ height:auto; width:55px; max-width:55px !important;  white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(8) { height:auto; width:80px !important; }  	  	.oldrec-cari-table td:nth-child(8){ height:auto; width:80px; max-width:80px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(9) { height:auto; width:130px !important; }  	  	.oldrec-cari-table td:nth-child(9){ height:auto; width:130px; max-width:130px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(10) { height:auto; width:100px !important; }  	  	.oldrec-cari-table td:nth-child(10){ height:auto; width:100px; max-width:100px !important;   white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	
	.oldrec-cari-table th:nth-child(11) { height:auto; width:150px !important; }	  	.oldrec-cari-table td:nth-child(11){ height:auto; width:150px; max-width:150px !important; white-space:nowrap; overflow-x:auto; margin:0px; cell-spacing:0px;}	

	
	.babs-response-detail-table tbody tr{max-height:40px;}
	
	.babs-response-detail-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.babs-response-detail-table thead { display:block;}
	.babs-response-detail-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }
	
	.babs-response-detail-table th:nth-child(1) { height:auto; width:55px !important; }  .babs-response-detail-table td:nth-child(1){ height:auto; min-width:55px !important;  margin:0px; cell-spacing:0px;}
	.babs-response-detail-table th:nth-child(2) { height:auto; width:65px !important; }  .babs-response-detail-table td:nth-child(2){ height:auto; min-width:65px !important;  margin:0px; cell-spacing:0px;}
	.babs-response-detail-table th:nth-child(3) { height:auto; width:90px !important; }  .babs-response-detail-table td:nth-child(3){ height:auto; min-width:90px !important;  margin:0px; cell-spacing:0px;}		
	.babs-response-detail-table th:nth-child(4) { height:auto; width:150px !important;} .babs-response-detail-table td:nth-child(4){ height:auto; min-width:150px !important;  margin:0px; cell-spacing:0px;}		
	.babs-response-detail-table th:nth-child(5) { height:auto; width:90px !important; }  .babs-response-detail-table td:nth-child(5){ height:auto; min-width:90px !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(6) { height:auto; width:90px !important; }  .babs-response-detail-table td:nth-child(6){ height:auto; min-width:90px !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(7) { height:auto; width:90px !important; }  .babs-response-detail-table td:nth-child(7){ height:auto; min-width:90px  !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(8) { height:auto; width:90px !important; }  .babs-response-detail-table td:nth-child(8){ height:auto; min-width:90px  !important;  margin:0px; cell-spacing:0px;}
	.babs-response-detail-table th:nth-child(9) { height:auto; width:50px !important; }  .babs-response-detail-table td:nth-child(9){ height:auto; min-width:50px !important;  margin:0px; cell-spacing:0px;}		
	.babs-response-detail-table th:nth-child(10) { height:auto; width:90px !important; } .babs-response-detail-table td:nth-child(10){ height:auto; min-width:90px  !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(11) { height:auto; width:90px !important; } .babs-response-detail-table td:nth-child(11){ height:auto; min-width:90px  !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(12) { height:auto; width:90px !important; } .babs-response-detail-table td:nth-child(12){ height:auto; min-width:90px  !important;  margin:0px; cell-spacing:0px;}	
	.babs-response-detail-table th:nth-child(13) { height:auto; width:50px !important; } .babs-response-detail-table td:nth-child(13){ height:auto; min-width:50px !important;  margin:0px; cell-spacing:0px;}		

/*
	.cari-response-detail-table tbody tr{max-height:40px;}
	
	.cari-response-detail-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.cari-response-detail-table thead { display:block;}
	.cari-response-detail-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }

	.cari-response-detail-table th:nth-child(1) { height:auto; width:100px !important; }  .cari-response-detail-table td:nth-child(1){ height:auto; min-width:100px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(2) { height:auto; width:65px !important; }   .cari-response-detail-table td:nth-child(2){ height:auto; min-width:65px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(3) { height:auto; width:100px !important; }  .cari-response-detail-table td:nth-child(3){ height:auto; min-width:100px !important; margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(4) { height:auto; width:55px !important; }   .cari-response-detail-table td:nth-child(4){ height:auto; min-width:55px !important;  margin:0px; cell-spacing:0px;}		
	.cari-response-detail-table th:nth-child(5) { height:auto; width:100px !important; }  .cari-response-detail-table td:nth-child(5){ height:auto; min-width:100px !important;  margin:0px; cell-spacing:0px;}		
	.cari-response-detail-table th:nth-child(6) { height:auto; width:100px !important; }  .cari-response-detail-table td:nth-child(6){ height:auto; min-width:100px !important;  margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(7) { height:auto; width:160px !important; }  .cari-response-detail-table td:nth-child(7){ height:auto; min-width:160px; max-width:160px !important;  white-space:nowrap; overflow:hidden; margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(8) { height:auto; width:80px !important; }  	.cari-response-detail-table td:nth-child(8){ height:auto; min-width:80px !important;  margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(9) { height:auto; width:120px !important; }  .cari-response-detail-table td:nth-child(9){ height:auto; min-width:120px  !important;  margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(10) { height:auto; width:60px !important; }  .cari-response-detail-table td:nth-child(10){ height:auto; min-width:60px  !important;  margin:0px; cell-spacing:0px;}	
*/


	/*.cari-response-detail-table tbody tr{max-height:40px;}
	.cari-response-detail-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.cari-response-detail-table thead { display:block;}
	.cari-response-detail-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }               
	.cari-response-detail-table th:nth-child(1) { height:auto; width:100px !important; }  .cari-response-detail-table td:nth-child(1){ height:auto; min-width:100px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(2) { height:auto; width:100px !important;}   .cari-response-detail-table td:nth-child(2){ height:auto; min-width:100px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(3) { height:auto; width:120px !important; }  .cari-response-detail-table td:nth-child(3){ height:auto; min-width:120px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(4) { height:auto; width:65px !important; }   .cari-response-detail-table td:nth-child(4){ height:auto; min-width:65px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(5) { height:auto; width:65px !important; }   .cari-response-detail-table td:nth-child(5){ height:auto; min-width:65px !important;  margin:0px; cell-spacing:0px;}
	.cari-response-detail-table th:nth-child(6) { height:auto; width:160px !important; }  .cari-response-detail-table td:nth-child(6){ height:auto; min-width:160px !important; margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(7) { height:auto; width:55px !important; }   .cari-response-detail-table td:nth-child(7){ height:auto; min-width:55px !important;  margin:0px; cell-spacing:0px;}		
	.cari-response-detail-table th:nth-child(8) { height:auto; width:110px !important; }  .cari-response-detail-table td:nth-child(8){ height:auto; min-width:110px !important;  margin:0px; cell-spacing:0px;}		
	.cari-response-detail-table th:nth-child(9) { height:auto; width:110px !important; }  .cari-response-detail-table td:nth-child(9){ height:auto; min-width:110px !important;  margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(10) { height:auto; width:130px !important; } .cari-response-detail-table td:nth-child(10){ height:auto; min-width:130px !important;  margin:0px; cell-spacing:0px;}	
	.cari-response-detail-table th:nth-child(11) { height:auto; width:60px !important; }  .cari-response-detail-table td:nth-child(11){ height:auto; min-width:60px !important;  margin:0px; cell-spacing:0px;}	
*/

	.cari-response-detail-table tbody tr{max-height:40px;}
	
	.cari-response-detail-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.cari-response-detail-table thead { display:block;}
	.cari-response-detail-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }

	.cari-response-detail-table th:nth-child(1) { height:auto;  min-width:100px !important;  max-width:100px !important; } .cari-response-detail-table td:nth-child(1){  height:auto;  min-width:100px !important; max-width:100px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(2) { height:auto;  min-width:100px !important;  max-width:100px !important; } .cari-response-detail-table td:nth-child(2){  height:auto;  min-width:100px !important; max-width:100px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(3) { height:auto;  min-width:120px !important;  max-width:120px !important; } .cari-response-detail-table td:nth-child(3){  height:auto;  min-width:120px !important; max-width:120px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(4) { height:auto;  min-width:95px !important;   max-width:95px !important;  } .cari-response-detail-table td:nth-child(4){  height:auto;  min-width:95px !important;  max-width:95px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(5) { height:auto;  min-width:65px !important;   max-width:65px !important;  } .cari-response-detail-table td:nth-child(5){  height:auto;  min-width:65px !important;  max-width:65px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(6) { height:auto;  min-width:100px !important;  max-width:100px !important; } .cari-response-detail-table td:nth-child(6){  height:auto;  min-width:100px !important; max-width:100px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(7) { height:auto;  min-width:65px !important;   max-width:65px !important;  } .cari-response-detail-table td:nth-child(7){  height:auto;  min-width:65px !important;  max-width:65px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}
	.cari-response-detail-table th:nth-child(8) { height:auto;  min-width:160px !important;  max-width:160px !important; } .cari-response-detail-table td:nth-child(8){  height:auto;  min-width:160px !important; max-width:160px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(9) { height:auto;  min-width:160px !important;  max-width:160px !important; } .cari-response-detail-table td:nth-child(9){  height:auto;  min-width:160px !important; max-width:160px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(10) { height:auto;  min-width:100px !important; max-width:100px !important; } .cari-response-detail-table td:nth-child(10){ height:auto;  min-width:100px !important; max-width:100px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(11) { height:auto;  min-width:110px !important; max-width:110px !important; } .cari-response-detail-table td:nth-child(11){ height:auto;  min-width:110px !important; max-width:110px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(12) { height:auto;  min-width:130px !important; max-width:130px !important; } .cari-response-detail-table td:nth-child(12){ height:auto;  min-width:130px !important; max-width:130px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(13) { height:auto;  min-width:110px !important; max-width:110px !important; } .cari-response-detail-table td:nth-child(13){ height:auto;  min-width:110px !important; max-width:110px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(14) { height:auto;  min-width:130px !important; max-width:130px !important; } .cari-response-detail-table td:nth-child(14){ height:auto;  min-width:130px !important; max-width:130px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(15) { height:auto; min-width:55px !important;   max-width:55px !important;  } .cari-response-detail-table td:nth-child(15){ height:auto;  min-width:55px !important;  max-width:55px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(16) { height:auto; min-width:110px !important;  max-width:110px !important; } .cari-response-detail-table td:nth-child(16){ height:auto;  min-width:110px !important; max-width:110px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(17) { height:auto; min-width:110px !important;  max-width:110px !important; } .cari-response-detail-table td:nth-child(17){ height:auto;  min-width:110px !important; max-width:110px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}	
	.cari-response-detail-table th:nth-child(18) { height:auto; min-width:130px !important;  max-width:130px !important; } .cari-response-detail-table td:nth-child(18){ height:auto;  min-width:130px !important; max-width:130px !important;  margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(19) { height:auto; min-width:55px !important;   max-width:55px !important;  } .cari-response-detail-table td:nth-child(19){ height:auto;  min-width:55px !important;  max-width:55px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}		
	.cari-response-detail-table th:nth-child(20) { height:auto; min-width:60px !important;   max-width:60px !important;  } .cari-response-detail-table td:nth-child(20){ height:auto;  min-width:60px !important;  max-width:60px !important;   margin:0px; cell-spacing:0px; white-space:nowrap; overflow:hidden;}

	
	.cari-extre-compare-detail-table tbody tr{max-height:40px;}
	.cari-extre-compare-detail-table {margin:0 auto;padding:0 auto;float:left;width:auto;}
	.cari-extre-compare-detail-table thead { display:block;}
	.cari-extre-compare-detail-table tbody { display:block; overflow-y:scroll; overflow-x:hidden; height:auto; }
	.cari-extre-compare-detail-table th:nth-child(1) { height:auto; min-width:40px !important; max-width:40px !important;}  .cari-extre-compare-detail-table td:nth-child(1){ height:auto; min-width:40px !important; max-width:40px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(2) { height:auto; min-width:40px !important; max-width:40px !important;}  .cari-extre-compare-detail-table td:nth-child(2){ height:auto; min-width:40px !important; max-width:40px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(3) { height:auto; min-width:40px !important; max-width:40px !important;}  .cari-extre-compare-detail-table td:nth-child(3){ height:auto; min-width:40px !important; max-width:40px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(4) { height:auto; min-width:40px !important; max-width:40px !important;}  .cari-extre-compare-detail-table td:nth-child(4){ height:auto; min-width:40px !important; max-width:40px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(5) { height:auto; min-width:100px !important; max-width:100px !important; } .cari-extre-compare-detail-table td:nth-child(5){ height:auto; min-width:100px !important; min-width:100px !important; margin:0px; cell-spacing:0px;}
	.cari-extre-compare-detail-table th:nth-child(6) { height:auto; min-width:160px !important; max-width:160px !important;}  .cari-extre-compare-detail-table td:nth-child(6){ height:auto; min-width:160px !important; max-width:160px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(7) { height:auto; min-width:55px !important;  max-width:55px !important;}   .cari-extre-compare-detail-table td:nth-child(7){ height:auto; min-width:55px !important;  max-width:55px !important; margin:0px; cell-spacing:0px;}		
	.cari-extre-compare-detail-table th:nth-child(8) { height:auto; min-width:110px !important; max-width:110px !important;}  .cari-extre-compare-detail-table td:nth-child(8){ height:auto; min-width:110px !important; max-width:110px !important; margin:0px; cell-spacing:0px;}		
	.cari-extre-compare-detail-table th:nth-child(9) { height:auto; min-width:110px !important; max-width:110px !important;}  .cari-extre-compare-detail-table td:nth-child(9){ height:auto; min-width:110px !important; max-width:110px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(10) { height:auto; min-width:100px !important; max-width:100px !important; } .cari-extre-compare-detail-table td:nth-child(10){ height:auto; min-width:100px !important; min-width:100px !important; margin:0px; cell-spacing:0px;}
	.cari-extre-compare-detail-table th:nth-child(11) { height:auto; min-width:160px !important; max-width:160px !important;}  .cari-extre-compare-detail-table td:nth-child(11){ height:auto; min-width:160px !important; max-width:160px !important; margin:0px; cell-spacing:0px;}	
	.cari-extre-compare-detail-table th:nth-child(12) { height:auto; min-width:55px !important;  max-width:55px !important;}   .cari-extre-compare-detail-table td:nth-child(12){ height:auto; min-width:55px !important;  max-width:55px !important; margin:0px; cell-spacing:0px;}		
	.cari-extre-compare-detail-table th:nth-child(13) { height:auto; min-width:110px !important; max-width:110px !important;}  .cari-extre-compare-detail-table td:nth-child(13){ height:auto; min-width:110px !important; max-width:110px !important; margin:0px; cell-spacing:0px;}		
	.cari-extre-compare-detail-table th:nth-child(14) { height:auto; min-width:110px !important; max-width:110px !important;}  .cari-extre-compare-detail-table td:nth-child(14){ height:auto; min-width:110px !important; max-width:110px !important; margin:0px; cell-spacing:0px;}	
				
	
	.white{color:#FFF;}
	.red{color:#D44C25;}
	.green{color:#87BD33;}
	.yellow{color:#FDD041;}	
	
	@media (max-width: 768px) {
		.answerbtn{
			width:100px !important;
		}
	}

	.extrecompared{
		margin-bottom:5px;
		width: 535px;
		display:inline-block;
	}
	.errorcompare{
		margin-bottom:5px;
		width: 535px;
		display:inline-block;
		padding-left:165px;
	}
	
	.falseborder{
		outline:2px solid #EA0001 !important;
		outline-offset:-3px;
	}
	
	.trueborder{
		outline:2px solid #7EC11A !important;
		outline-offset:-3px;
	}
	
	.falsecolor{
		color:#EA0001 !important;
	}
	.truecolor{
		color:#7EC11A !important;
	}	

	/********** GENERAL STYLE *****************/