*{
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	
	box-sizing:border-box;
	font-family:arial; font-size:13px; color:#333; font-weight:400; font-style:normal;
	line-height:1;
	margin:0;
	padding:0;
	border:none;
	outline:none;
	vertical-align: baseline;
	text-decoration:none;
	list-style:none;
	

}

@font-face {
    font-family: 'lato';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

img {max-width:100%;}
p {line-height:1.5;}
a:hover, a:hover span {text-decoration:underline;}
:focus {outline: 0;}
.clearfix:before, .clearfix:after {display:table; content:" "; font-size:0; height:0;}
.clearfix:after {clear:both;}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.floatFixer {display:block; height:0; clear:both; visibility:hidden; font-size:0; margin:0;	padding:0; line-height:0;}
.hide, .mobile, .mobile0 {display:none !important;}
.pc {display: inline-block !important;}
.left {float:left;}
.right {float:right;}

.title {font-size: 20px; color:#4c4c4c; font-weight: bold; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px;}
.title.b {padding-bottom: 0; border-bottom: none; }
.titleInner {color: #666766; font-weight: bold; background: #ebebeb; border-top:1px solid #d81f26; padding: 15px 5px 15px 5px; margin-bottom: 5px;}
.title.error {font-size: 16px; font-weight: normal; text-align:center; color:red; padding-bottom: 0; border-bottom: none;}

.subTitle {font-size: 11px; color:#4c4c4c; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px;margin-left:2px;margin-top:2px;}




.k-listbox:first-of-type {width: 320px; height: 240px; }

.k-listbox {width: 376px; height: 240px; }  


.k-loading{display:none !important;} 
.k-autocomplete { width: 602px;}



input[type="text"] {
    -webkit-user-select: text;
    -webkit-user-modify: inherit;
}




/*filter table*/
.filter table {border-collapse:collapse; border-spacing:0; width: 100%; border-top: 0px; box-shadow:0px 0px 0px 0px; background:inherit; table-layout:auto;}
.filter table td, table th {padding:13px 15px; text-align: left; font-size: 12px; color: inherit; vertical-align: middle; overflow: hidden;text-overflow: ellipsis; white-space: wrap; }
.filter table th {font-weight: bold; background: #dfdede; border-width: 0 ; border-style: solid; border-color:inherit;}
.filter table td {background: inherit; border-width: 0 ; border-style: solid; border-color: #eaeaea;}
.filter table th *, table td * {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
 
.filter table tbody tr.header td { color: #666766; font-weight: bold; background: #ebebeb; border-top:1px solid #d81f26; padding: 15px; margin-bottom: 25px; position:relative;}

.filter .k-dropdown {width:200px;}


/*info table*/

.allinfo table {border-top: 0px;  padding:0px 0px; margin:0px; text-align: left;  font-size: 12px; color: inherit; vertical-align: middle;  backgroud:inherit; box-shadow:0px 0px 0px 0px; table-layout:auto;}
/*.allinfo table th {line-height: 0; font-weight: bold; height:10px; text-align:center; background:inherit;  text-overflow: clip; border-width: 0px 0px 0px 0px; border-style: solid; padding:15px 3px 15px 3px;  border-color:#cbcbcb; }*/
.allinfo table th {font-weight: bold; background: #dfdede; border-width: 0 ; border-style: solid; border-color:inherit;}
.allinfo table td {background:inherit; text-align:left; overflow: hidden; text-overflow: clip; white-space: nowrap;padding:1px; margin:1px; border-width: 0px }
/*.allinfo table tr.header {color: #666766; font-weight: bold; background: #ebebeb; border-top:1px solid #d81f26; }*/

.allinfo table tr.header {height:30px; position:relative;}

.allinfo table tr.header td {color: #666766; font-weight: bold; background: #ebebeb; border-top:1px solid #d81f26; }





/*.invisible table*/
.invisible table {border-collapse:collapse; border-spacing:0; width: 100%; border-top: 0px; box-shadow:0px 0px 0px 0px; }
.invisible table td, table th {padding:13px 15px; text-align: left; font-size: 12px; color: inherit; vertical-align: middle; overflow: hidden;text-overflow: ellipsis; white-space: wrap; }
.invisible table th {font-weight: bold; background: #dfdede; border-width: 0 ; border-style: solid; border-color:inherit;}
.invisible table td {background: inherit; border-width: 0 ; border-style: solid; border-color: #eaeaea;}
.invisible table th *, table td * {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
 
.invisible table tbody tr.header td { color: #666766; font-weight: bold; background: #ebebeb; border-top:1px solid #d81f26; padding: 15px; margin-bottom: 25px;position:relative;}

.invisible .k-dropdown {width:300px;}


tr.header {position:relative;}



.km-root .km-on-android.km-4
{
  -webkit-transition: none;
}



.freetext {color: #666766; font-weight:bold;width:400px}
.disablelink {color: #aaa;  font-style: italic;}

table th .btnSetFreq {float: right; margin: 0px;}


.cart table { width:100%;margin:1px; padding:1px;   box-shadow:0px 0px 0px 0px;table-layout:auto; border: 0px;}
.cart table td {background:inherit; margin:1px; padding:2px 1px 2px 1px; font-size:12px; border:0px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  line-height:2.5}
.cart table th {background: #dfdede; margin:1px; padding:2px 1px 2px 1px; font-size:12px; border:0px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  line-height:3}
.cart table tr {background:inherit;}




.form.col .numeric.k-numerictextbox .k-input {display:inline-block; width: 99%; text-align: left; padding-right: -10px !important;} .form.col .numeric.k-numerictextbox{display:inline-block;width: 5em; text-align: left;}


.form.col .k-block {background:#F0F0F0;}

.k-window-content > .km-scroll-container
{
  height:100%;
}


.radiopanel {
width:100%;
margin:0 auto;
overflow:hidden;
float:left;
}

.radioTable
{
width:95%;
float:left;
}

.radioClose
{
float:right;
}



#basket table.responsive
{

    table-layout:fixed;
    -moz-hyphens:auto; 
    -webkit-hyphens:auto; 
    -o-hyphens:auto; 
    hyphens:auto; 
    -ms-hyphens: auto;
    hyphens: auto;
  word-wrap: break-word;
	overflow-wrap:break-word;
	white-space:normal;
	
}



#basket table.responsive td
{
	white-space:normal;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
	
/* pointer-events: none;*/
}



#basket table.responsive, table.responsive td, table.responsive th
{
  margin:0px;padding:8px;
}


.k-gantt-actions .k-button {
    visibility: hidden;
}



.buttonCircle { 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	background: red;
	 
}



#close {
    float:right;
    display:inline-block;
    padding:2px 5px;

}





#close:hover {
			 cursor: pointer; cursor: hand; 
	 }


 
/*.k-link {background:url(../img/sprite1.png)}*/

.tableAuto{table-layout:auto; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tableAuto td{table-layout:auto; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}




	
	li.k-file div.file-wrapper {
		position: relative;
		/*font-color:red;*/
		/*background-color:white;*/
		top: 15;
		

	}

	.k-upload-files .k-button {
    left: 560px;
}


	
	
.photo {margin-top: 5px; float: right; border-left:1px solid #cdcdcd; padding:0px 10px 0px 10px; margin-left:10px;}



/*

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('/assets/img/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}


*/

/* togle button */


.toggle-btn-grp { 
    margin:0px 0px 0px 0px;
		 
}
.toggle-btn { 
    text-align:center; 
    margin:2px 2px;
    padding:0.1em 0.75em; 
    background-color:#FFF; 
    border-radius:10px; 
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
		width:50px;
		overflow: visible;
		color: #555555; 
}


.toggle-btn:hover { 
    border:solid 1px #a0d5dc !important; 
    background:#f1fdfe;
}


.toggle-btn.success { 
    background:orange;
    border:solid 1px orange !important; 
		color: #fff;
}



input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 2em;
  margin  : 0;
  padding : 0;
  opacity : 0;
}



input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -30px;
  line-height  : 1.75em;
}


input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1.25em;
  height           : 1.25em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 1px solid #bbb;
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #555;
  line-height : 1em;
  font-size   : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold; 
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.75em;
  height           : 0.75em;
  margin           : 2px ;
  border           : 1px solid #bbb;
  border-radius    : 0.125em;
  background       : #555;
  background-image :    -moz-linear-gradient(#555,#555);
  background-image :     -ms-linear-gradient(#555,#555);
  background-image :      -o-linear-gradient(#555,#555);
  background-image : -webkit-linear-gradient(#555,#555);
  background-image :         linear-gradient(#555,#555);
}




.valid {
  color: green;
	font-weight: bold;
}
.invalid {
  color: red;
	font-weight: bold;
}




.visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static; 
    width: auto; 
}



/* CSS only version */


.toggle-btn-grp.cssonly * {
    width:80px;
    height:30px;
    line-height:30px;
		margin-left:1px;
		
}
.toggle-btn-grp.cssonly div {
    display:inline-block;
    position:relative;
    margin:1px 1px;
}


.toggle-btn-grp.cssonly div label {
    position:absolute;
    z-index:0;
    padding:0;
    text-align:center;
}


.toggle-btn-grp.cssonly div input {
    position:absolute;
    z-index:1;
    cursor:pointer;
    opacity:0;
}


.toggle-btn-grp.cssonly div:hover label {
    border:solid 1px #aaa !important; 
    background:#eee;
}

.toggle-btn-grp.cssonly div input:checked + label {
    background:#FF5E03;
    border:solid 1px #FF5E03 !important;
		color:#fff; 
}

/* togle button */


/* Validation Messages */
span.k-widget.k-tooltip-validation {
      display; inline-block;
      width: 300px;
      text-align: left;
      border: 1px;
      padding-left:5px ;
      margin: 0;
      background: none;
      box-shadow: none;
      color: red;
  }

  .k-tooltip-validation .k-warning {
      display: none;
  }




a.k-button, button.k-button, input[type=button] {
   background-color: #545454;
	 border-color : #545454;
	 /*font-size : 11px;*/

}

a.k-button:hover, , button.k-button:hover, input[type=button] {
   background-color: #545454;
	 border-color : #545454;
}



.nowrap {white-space: nowrap;}
.mt10 {margin-top:10px;} .mr10 {margin-right:10px;} .mb10 {margin-bottom:10px;} .ml10 {margin-left:10px;}
.mt20 {margin-top:20px;} .mr20 {margin-right:20px;} .mb20 {margin-bottom:20px;} .ml20 {margin-left:20px;}
.mt30 {margin-top:30px;} .mr30 {margin-right:30px;} .mb30 {margin-bottom:30px;} .ml30 {margin-left:30px;}


/*form nesneleri*/

input[type="text"], select,  input[type="password"], input[type="file"], textarea, .sStylerWrp {background:#fff; border:1px solid #ccc; border-radius:3px; width:100%; height: 32px; line-height:32px; padding-left:7px; box-shadow:0 3px 6px -6px #000 inset;}

textarea {resize:none; height: auto; line-height:1.5; padding-top:10px; padding-bottom:10px;}
input[type="file"] {height: auto;}

.form.col .k-dropdown, .k-autocomplete.k-header {width:100%;}



.title {overflow:hidden; display:inner-block;}


	/*iStyler*/

	.sStylerMainWrp {position:relative; display: inline-block;}
	.sStylerMainWrp.sStylerWrp_select {width:100%;}
	.sStylerWrp {
		background: rgb(255,255,255); 
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );}
	.sStylerWrp:after {content: ""; background: url("../img/sprite1.png") no-repeat 0 -124px; width: 32px; height: 32px; position: absolute; right: 0; top: 50%; margin-top: -16px;}
	.sSelect {position:absolute; left:0; top:-1px; width:100%; height:100%;}

	.cStyler{display:inline-block; background: url("../img/sprite1.png") no-repeat -32px -60px; width:16px; height:16px; position: relative; top:4px;}
	.cStyler.checked{background-position: -48px -60px;}
	input.sCheckbox{display:none;}
	
	.rStyler{display:inline-block; background: url("../img/sprite1.png") no-repeat 0 -60px; width:16px; height:16px;}
	.rStyler.checked{background-position: -16px -60px;}
	input.sRadio{display:none;}

 	
.form > div {margin-bottom:10px; }
.form label b {display:inline-block; margin-bottom:5px; color:#4c4c4c;; }




.form label u {margin-left:5px; margin-right: 30px; color:#4c4c4c; position: relative; top: -3px;}
.form .btnSet {display:inline-block; margin-top: 20px;}

/*btn*/
a.btn {position:relative; display:inline-block; font-size:13px; color:#fff; font-weight:bold; padding:8px 10px; border:1px solid #535353; border-radius:3px; text-decoration:none; box-shadow:0px 2px 5px -3px #000;
background: rgb(114,114,114);
background: -moz-linear-gradient(top,  rgba(114,114,114,1) 0%, rgba(69,69,69,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,114,114,1)), color-stop(100%,rgba(69,69,69,1)));
background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: -o-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: -ms-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: linear-gradient(to bottom,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#454545',GradientType=0 );}

a.btn .b2 {border-left:1px solid #545454; position:absolute; right:0; top:0; height:100%;}
a.btn .b2:before {content:""; border-left:1px solid #6b6b6b; position:absolute; height:100%;}
a.btn .b2 i {margin:10px;}


/*btn*/
a.btnSmall {position:relative;  font-size:12px; color:#fff; padding:5px; font-weight:bold; border:1px solid #535353; border-radius:3px; text-decoration:none; box-shadow:0px 2px 5px -3px #000; display:inline; 
background: rgb(114,114,114);
background: -moz-linear-gradient(top,  rgba(114,114,114,1) 0%, rgba(69,69,69,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,114,114,1)), color-stop(100%,rgba(69,69,69,1)));
background: -webkit-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: -o-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: -ms-linear-gradient(top,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
background: linear-gradient(to bottom,  rgba(114,114,114,1) 0%,rgba(69,69,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#454545',GradientType=0 );}


/* Ortalama*/

.img .menuIcon {height:16px;width:16px;}


a.btnPageNumber {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 0px 3px #666666;
  -moz-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #666666;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
}

a.btnPageNumber:hover {
	cursor: pointer;

}


label.btnPageNumber {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #bbbbbb;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
}


div.PageNumber { display:table;border:0px;  height:40px}
div.totalRecord { border:0px; height:40px;color:#aaa; text-align:center}

span.req:before{color:red;content:" *";}

ul.radio li, ul.checkbox li {margin:10px; }

.k-checkbox-label, .k-radio-label {color:#666766;} .k-radio {height:20px}




/*table*/

table {border-collapse:collapse; border-spacing:0; width: 100%; border-top: 1px solid #d81f26; box-shadow:2px 3px 6px -6px #000;  table-layout:fixed;} 
td,   th {padding:13px 15px; text-align: left; font-size: 12px; color: #666766; vertical-align: middle; line-height: 1.5; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
table th {font-weight: bold; background: #ededed; border-width: 0 1px 1px 0; border-color:#cbcbcb; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;	}
table td {background: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea; }
table th *, table td * {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}



/*table*/
/*
padding:13px 15px;
table {border-collapse:collapse; border-spacing:0; width: 100%; border-top: 2px solid #d81f26; box-shadow:2px 3px 6px -6px #000; }
table td, table th {padding:13px 15px; text-align: left; font-size: 12px; color: #666766; vertical-align: middle; line-height: 1.5;overflow: hidden;text-overflow: ellipsis; white-space: wrap; }
table th {font-weight: bold; background: #dfdede; border-width: 0 1px 1px 0; border-style: solid; border-color:#cbcbcb;}
table td {background: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea;}
table th *, table td * {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
*/



*{
	font-size:14px;
}



.btnSet {
	font-size:12px;
}



/*table cfg*/

table.type2 .w15 {width:15%; text-align:center;}
table.type2 .w15 b {float:none;}
table.input {border-collapse:collapse; border-spacing:0; width: 100%; border-top: 0px; box-shadow:2px 3px 6px -6px #000; table-layout:auto;}


table.input td {vertical-align: middle; line-height: 1.5; overflow: hidden;  text-overflow: ellipsis; white-space: normal;}


/*
td.mobileTitle, th.mobileTitle 
 { display : none }
*/
 
.form label table {border-top: 1px; padding:2px 2px; text-align: left; font-size: 10px; color: #666766; vertical-align: middle;  overflow: hidden;}
.form label table th {line-height: 0; font-weight: bold; height:10px; background: #dfdede;  border-width: 0 1px 1px 0; border-style: solid; border-color:#cbcbcb; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.form label table td {background: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea;}


.k-block.multifield { margin:0px 0px 0px 0px; padding:10px; width:615px;;box-shadow:0px 0px 0px 0px;}

.k-block.yesno { margin:0px 0px 0px 0px; padding:10px; width:615px;;box-shadow:0px 0px 0px 0px}


.k-block.plan {width:100%;box-shadow:0px 0px 0px 0px; padding:0px;margin:0px;}
.k-block.plan table {border-top: 0px;  padding:0px 0px; margin:0px; text-align: left;  font-size: 10px; color: inherit; vertical-align: middle;  backgroud:inherit; box-shadow:0px 0px 0px 0px; table-layout:fixed;}
.k-block.plan table th {line-height: 0; font-weight: bold; height:10px; text-align:center; background:inherit;  text-overflow: clip; border-width: 1px 1px 1px 1px; border-style: solid; padding:15px 3px 15px 3px;  border-color:#cbcbcb; }
.k-block.plan table td {background:inherit; text-align:center; overflow: hidden; text-overflow: clip; white-space: nowrap;padding:1px; margin:1px; height:75px; border:0px}
.k-block.plan table td.left {background:inherit; text-align:left; overflow: hidden; text-overflow: clip; white-space: nowrap;padding:1px; margin:1px;}

.k-block.plan table td.title  {border:0px; border-style: solid; border-color: #aaa; }

.k-block.plan table.frequent td {background:inherit; text-align:left; overflow: hidden; text-overflow: clip; height:10px;border:0px}



.k-block.plan .title{font-size:16px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #aaa; color:#555;}
.k-block.plan .dayTitle{font-size:16px;border-width: 1px 1px 1px 1px; border-style: solid; border-color: #aaa; color:#555;}
.k-block.plan .normalday{font-size:14px;border-width: 1px 1px 1px 1px; border-style: solid; border-color: #aaa; color:#555;}
.k-block.plan .weekend{font-size:14px;border-width: 1px 1px 1px 1px; border-style: solid; border-color: #aaa; background:#ddd; color:#555;}




.k-block.plan .k-button.k-primary {font-size:12px;width:100%}



.k-block.plan table .k-dropdown {width:100px;font-size:12px;}



.selectionfield  .k-widget.k-autocomplete.k-header.k-state-default {
    width:100% !important;
  }
.selectionfield  .k-multiselect {
    width:100% !important;
  }

	
.selectionfield  .k-datepicker 
{
width : 150px;
}
	
	


 
/********** veribase **********/

/*icons*/
.icon1, .icon2, .icon3 {background:#F00; display:inline-block; text-indent:-999em;}
.icon1 {background:url(../img/sprite1.png) no-repeat 0 0;}
	.icon1.cursorGT {background-position:0 0; width:10px; height:10px;}
	.icon1.cursorGR {background-position:-10px 0; width:10px; height:10px;}
	.icon1.cursorGB {background-position:0 -10px; width:10px; height:10px;}
	.icon1.cursorGL {background-position:-10px -10px; width:10px; height:10px;}
	.icon1.cursorWT {background-position:-20px 0; width:10px; height:10px;}
	.icon1.cursorWR {background-position:-30px 0; width:10px; height:10px;}
	.icon1.cursorWB {background-position:-20px -10px; width:10px; height:10px;}
	.icon1.cursorWL {background-position:-30px -10px; width:10px; height:10px;}
	.icon1.cursorWT2 {background-position:-40px 0; width:10px; height:10px;}
	.icon1.cursorWR2 {background-position:-50px 0; width:10px; height:10px;}
	.icon1.cursorWB2 {background-position:-40px -10px; width:10px; height:10px;}
	.icon1.cursorWL2 {background-position:-50px -10px; width:10px; height:10px;}
	.icon1.cursorBT {background-position:-60px 0; width:10px; height:10px;}
	.icon1.cursorBR {background-position:-70px 0; width:10px; height:10px;}
	.icon1.cursorBB {background-position:-60px -10px; width:10px; height:10px;}
	.icon1.cursorBL {background-position:-70px -10px; width:10px; height:10px;}
	.icon1.helpOn {background-position:0 -44px; width:16px; height:16px;}
	.icon1.helpOff {background-position:-16px -44px; width:16px; height:16px;}
	.icon1.headphoneSmall {background-position:-24px -76px; width:24px; height:24px;}

	.icon1.logOut {background-position:-32px -44px; width:16px; height:16px;}
	.icon1.info {background-position:0 -76px; width:24px; height:24px;}
	.icon1.headphone {background-position:-24px -76px; width:24px; height:24px;}

	.icon1.user {background-position:-48px -76px; width:24px; height:24px;}
	.icon1.menu {background-position:-72px -76px; width:24px; height:24px;}
	.icon1.search {background-position:-48px -44px; width:16px; height:16px;}
	.icon1.cart {background-position:-96px -76px; width:24px; height:24px;}
	.icon1.task {background:url(../../icons/1238.png) no-repeat 0 0; height:36px; width:36px;}
	.icon1.cancel {background-position:-64px -46px; width:12px; height:12px;}
	.icon1.opinion {background:url(../img/opinion.png) no-repeat 0 0; height:36px; width:36px;}
	.icon1.home {background:url(../img/home.png) no-repeat 0 0; height:36px; width:36px;}
	

body {background:#f4f4f5;} /*f9f9f9;*/
.fullHolder {position: absolute; width:100%;}
.fullHolder.compare {height:100%;}

/*header*/

.headerHolder {position: relative; z-index: 901;}
.header {width:100%; height:70px; background:#fff; box-shadow:0 3px 6px -6px #000; padding:0 0px; position:fixed;}
.header > div {height:100%;  position: relative;}
.header > .r1 {width:220px; border-right:1px solid #e3e3e3; display: inline-block; height: 100%; vertical-align: middle; top:5px; }
.header > .r2 {border-right:1px solid #e3e3e3;} 
.header > .r3 {}
.header > .r4 {position: absolute; right: 230px;}
.header > .r5 {}


/*body*/
.asideLeft {width:220px; background:#d5d6d7; position: absolute; top:0; height: 100%; z-index: 900; padding-top: 70px;}
.asideLeft .shadow {position: absolute; right: 0; top: 0; z-index: 1; width: 10%; height: 100%; box-shadow: -15px 0 20px -20px #000 inset;}
.body {padding:100px 30px; margin-left: 220px; height:100%;}

/*footer*/
.footerHolder {padding:0 30px; margin:50px 0 0 220px;}
.footer {padding:30px 0; border-top:1px solid #c4c4c3;}
.footer > .r1 {float: left;}
.footer > .r2 {float: right;}

/*logo*/

.header .logo {position:absolute; right:0; top:0;}
.header .logo > a {display: block;}



.header .brandLogo {height:70px; text-align:center; height: 100%; display:block;  vertical-align:middle; }
.header .brandLogo > a {height: 100%; display: inline-block; vertical-align:middle; }
.header .brandLogo img {max-height: 65px;}


/*dil kutusu*/
.boxLang {position: relative; min-width: 150px; margin:12px 0 0 10px; padding: 15px; padding-right: 15px;}
.boxLang .selected a {display: block; padding-right:25px; position: relative; z-index: 2; cursor: pointer;}
.boxLang .selected a:after {content:""; background:url(../img/sprite1.png) 0 -10px; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px;}
.boxLang ul {display: none; background: #fff; padding: 39px 15px 15px; width: 100%; border: 1px solid #ccc; position: absolute; left: -1px; top: 0;}
.boxLang li {position:relative; margin-top:5px;}
.boxLang li:first-child {margin-top: 0;}
.boxLang a  {color:#4c4c4c; text-decoration:none; display:block; line-height: 1.5;}
.boxLang img {margin-right:10px; position:relative; top:1px;}

.boxLang.open {background: #fff; border-color: #ccc;}
.boxLang.open ul {display: block;}

/*canlı destek*/

.header .helpDesk {width:250px; margin-top:25px; text-align:center;}
.header .helpDesk > b {color:#4c4c4c; font-weight:bold; margin-right:10px;}
.header .helpDesk > a {background:#ecefe9; border-radius:3px; border:1px solid #d4dccf; padding:5px 7px; font-weight:bold; text-decoration:none; box-shadow:0px 1px 3px -3px #000 inset;}
.header .helpDesk > a > i {position:relative; top:3px; margin-right:5px; }
.header .helpDesk > a.st0 {color:#555;}
.header .helpDesk > a.st1 {color:#468b40;}

/*kullanıcı bilgisi*/
.miniUserInfo {margin-top: 25px; float: left; } 
.miniUserInfo > span, .miniUserInfo > span b {color:#4c4c4c; margin-right:5px;}
/*.miniUserInfo > span:after {content:",";}*/
.miniUserInfo > a span {font-weight:bold; color:#4c4c4c;}
.miniUserInfo > a.logOut {border-left:1px solid #cdcdcd; padding:5px 0 5px 10px; margin-left:10px;}
.miniUserInfo > a.logOut > i {position:relative; top:3px; margin-left:5px;}



/*mini sepet kutusu*/
.boxCart {float: right; margin-left: 20px; height: 100%; border-left:1px solid #e3e3e3; position: relative;}
.boxCart > a {position: relative; display: inline-block; height: 100%; padding: 0 20px;}
.boxCart > a > i {margin-top: 25px;}
.boxCart .sum {display: inline-block; background: #d81f26; border:0px solid #fff; border-radius: 90%; min-width: 18px; min-height: 18px; line-height: 16px; text-align: center; font-size: 10px; color: #fff; font-weight: bold; text-decoration: none; position: absolute; left: 32px; top: 12px;}
.boxCart .sumMG {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: left; font-size: 10px; font-weight: normal; text-decoration: none; position: absolute; left: 64px; top: 20px;}
.boxCart .sumFR {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: left; font-size: 10px;  font-weight: normal; text-decoration: none; position: absolute; left: 64px; top: 30px;}
.boxCart .sumFRE {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: left; font-size: 10px;  font-weight: normal; text-decoration: none; position: absolute; left: 64px; top: 40px;}

.boxCart .sumMGV {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: right; font-size: 10px; font-weight: bold; text-decoration: none; position: absolute; left: 85px; top: 20px;}
.boxCart .sumFRV {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: right; font-size: 10px;  font-weight: bold; text-decoration: none; position: absolute; left: 85px; top: 30px;}
.boxCart .sumFREV {display: inline-block; background: #fff; border:0px solid #fff; border-radius: 0%; min-width: 12px; min-height: 12px; line-height: 12px; text-align: right; font-size: 10px;  font-weight: bold; text-decoration: none; position: absolute; left: 85px; top: 40px;}



.boxCart .box {display: none; width: 750px; padding: 15px 10px; position: absolute; right: 50%; margin-right: -195px; z-index: 5;}
.boxCart .box:before {content: ""; position: absolute; left: 185px; top:-18px; border-width:10px; border-style: solid; border-color:transparent transparent #fff transparent;}
.boxCart .box a.btnConfirm {margin-right: 10px;}
.boxCart .box .btnSet {float: right; margin: 15px 10px 0 0;}
.boxCart .box table {border-top:none; box-shadow: none;}
.boxCart .box table th {background: #f4f4f5; border-bottom-color: #d81f26;}
.boxCart .box table th, .boxCart .box table td {border-right-width: 0;}
.boxCart .cartToplam {padding: 15px; border-bottom: 1px solid #e3e3e3;}
.boxCart .cartToplam li {text-align: right; line-height: 1.5;}
.boxCart .cartToplam li * {color: #4c4c4c;}
.boxCart .cartToplam li b {font-weight: bold;}
.boxCart .cartToplam li span {display: inline-block; width: 115px; text-align: right;}







.boxCart.open .box {display: block;}
.boxCart.open > a {background: #f1f1f1;}

/*kutu*/
.box {background:#fff; border:1px solid #f0f0f1; box-shadow:2px 3px 6px -6px #000;}







/*giriş sayfası*/
.pLogin .body, .pLogin .footer {max-width:420px; margin:0 auto;}
.pLogin .body {margin-top:90px; padding: 0;}
.pLogin .header .boxLang {display: block;}
.pLogin .footerHolder {margin: 0;}
.pLogin .footer {border-top:none;}
.pLogin .footer .r1 {float: none;}
.pLogin .footer > .r2 {display: none;}


/*kutu login*/
.box.login .brandLogo {display:block; text-align:center;}
.box.login .r1 {border-bottom:1px solid #e6e8ee; background:#fff; padding:35px 0;}
.box.login .r2 {padding:55px;}
.box.login a.btnLogin {padding-right:100px; margin-top:10px;}
.box.login a.btnForgotPsw {float: right; margin-top:20px; color:#4c4c4c;}
.box.login a.btnNewUser { float: right; margin-top:40px; color:#4c4c4c;}



/*sol menü*/
.leftMenu {}
.leftMenu li {position: relative;}
.leftMenu li a, .leftMenu > h6 a {display:block; padding:8px 15px; text-decoration:none;}
.leftMenu li a img {float:left; margin-right:10px; width: 24px; height: 24px;}
.leftMenu li a span, .leftMenu > h6 a span {display:block; font-size:14px; font-weight:bold; text-decoration:none; position:relative; line-height:24px;}
.leftMenu li a span i, .leftMenu > h6 a span i {position:absolute; right:0; top:50%; margin-top:-5px; z-index: 5;}
.leftMenu li.open > a span i, .leftMenu li.hover > a span i {background-position: -60px -10px;}
.leftMenu > h6 a span i:before {content: ""; width: 30px; height: 30px; position: absolute; right: -10px; top: -10px;}

/*sol menü tema blue1*/
.leftMenu.blue1 {}
.leftMenu.blue1 h6 a {background:#304657;}
.leftMenu.blue1 h6 a span {color:#fff;}
.leftMenu.blue1 ul.lvl1 {border-bottom:1px solid #ebebeb;}
.leftMenu.blue1 ul.lvl1 li {border-top:1px solid #ebebeb; border-bottom:1px solid #c6c9cb;}
.leftMenu.blue1 ul.lvl1 li > a {background:#d5d6d7;}
.leftMenu.blue1 ul.lvl1 li a span {color:#3c4049;}
.leftMenu.blue1 ul.lvl1 li.here > a {background:#516b7e;}
.leftMenu.blue1 ul.lvl1 li.here > a span {color:#fff;}
.leftMenu.blue1 ul.lvl1 li.open > a {background:#f4f4f5;}
.leftMenu.blue1 ul.lvl2 {background:#fff;}
.leftMenu.blue1 ul.lvl2 li > a {background:#fff;}
.leftMenu.blue1 ul.lvl2 li:last-child {border-bottom:none;}

/*footer içerik*/
.footer .r1 p {font-size:12px; color:#a1a0a0;}
.footer .footerLogo {margin-right: 25px;}

/*table content*/
.tableHolder {}
.tableHolder > .btnSet {float: right; margin-top: -50px;}
table td .infoA {display:table; margin: 0 auto;}
table th b {float: left; margin-top: 2px;}
table th .btnSet {float: right; display: inline-block;}
table th .btnSet > a {padding: 3px;}
table th .btnSet > a i {vertical-align: middle;}
table th .btnSet > a.asc i, table th .btnSet > a.desc, table th .btnSet > a.desc i, table th .btnSet > a.asc {opacity: 0.5;}


table th .btnSet > a.selected i {opacity: 1;}



/* Search */

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 12;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search] {
	background: url(../img/search.png) no-repeat 3px center;
	
	/*border: solid 1px #ccc;*/
	width: 0px;
	
	padding:1px 1px 1px 28px; 
	font-weight:normal; 
	text-decoration:none; 
	font-size:12px;
	/*box-shadow:0px 1px 3px -3px #000 inset;*/
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 100px;
	background-color: #efefef;
	border-color: #555555;

	border-radius:10px; 
	border:1px solid #d4dccf; 
	
	-webkit-box-shadow: 0 0 2px #aaaaaa;
	-moz-box-shadow: 0 0 2px #aaaaaa;
	box-shadow: 0 0 2px #aaaaaa;
	padding:5px 1px 7px 28px; 

}

input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

form .search {display:inline; margin:0px; padding:0px;}

/* Loading **/

#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../img/loading.gif');
    background-color:#fff;
    opacity : 0.6;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
div.content {
   width : 1000px;
   height : 1000px;
}



@media only screen and (min-width: 781px) {
/*sol kolon minimize*/


.minimize .asideLeft {width: 50px;}
.minimize .body, .minimize .footerHolder  {margin-left: 50px;}

.minimize .asideLeft .shadow {box-shadow: -15px 0 9px -20px #000 inset;}
.minimize .leftMenu li a span, .minimize .leftMenu > h6 a span {text-indent: -999em;}
.minimize .leftMenu li a span i, .minimize .leftMenu > h6 a span i {right: 50%; margin-right: -5px;}
.minimize .leftMenu h6 .cursorWL2 {display: none;}
.minimize .leftMenu h6 .cursorWR2 {display: inline-block !important;}
.minimize .leftMenu ul.lvl1 li.open > a span i,
.minimize .leftMenu ul.lvl1 li.open ul.lvl2 {display: none;}
.minimize .leftMenu li a img {float: none; margin-right: 0;}
.minimize .leftMenu li a {padding-left: 0; padding-right: 0; text-align: center;}
.minimize .leftMenu ul.lvl1 li a span {display: none;}
.minimize .leftMenu ul.lvl1 li ul.lvl2 {display: none !important;}


/*sol menü 2.seviye yana doğru açılması*/
.leftMenu ul.lvl1 li ul.lvl2 {display: none;}
.leftMenu ul.lvl1 li.hover ul.lvl2 {display: block; position: absolute; left: 100%; top:0; z-index:2; box-shadow: 3px 3px 6px -6px #000; width: 100%; padding: 0 10px;}
.leftMenu ul.lvl1 li.hover ul.lvl2:before {content: ""; position: absolute; left: -20px; top:10px; border-width:10px; border-style: solid; border-color:transparent #fff transparent transparent;}
.leftMenu ul.lvl1 li.hover ul.lvl2:after {content: ""; position: absolute; left: -40px; top:0; width: 40px; height: 40px;}
.leftMenu ul.lvl1 li.hover ul.lvl2 li {border-top:none;}
.leftMenu ul.lvl1 li.hover ul.lvl2 li a {padding-left:0; padding-right: 0;}
.leftMenu ul.lvl1 li.open > a {position: relative; z-index: 3;}
.leftMenu ul.lvl1 li.open ul.lvl2 {display: block;}
.leftMenu li a span i {display: none;}
.leftMenu li.open a span i {display: block;}



}


@media only screen and (min-width: 601px) {

*{
	font-size:12px;
}

/*ul li img.menu {width:16px; height:16px;)*/





.k-block table.multifield { margin:5px 5px 5px 5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;}
.k-block table.multifield th {background:#ddd;margin:5px 5px 5px 5px;padding:3px 3px 3px 3px;}
.k-block table.multifield td {background:inherit; margin:5px 5px 5px 5px; padding:5px; font-size:13px; overflow: hidden;  text-overflow: ellipsis; white-space: normal;border:0px}
/*.k-block table.multifield td input[type="text"] {width:95%; margin:1px 1px 1px 1px; padding:0px 0px 0px 0px; overflow: hidden;  text-overflow: ellipsis; white-space: }*/



.k-block table.yesno {  margin:5px 5px 5px 5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;overflow: hidden;text-overflow: ellipsis; white-space: wrap;}
.k-block table.yesno th {background:#ddd;margin:5px 5px 5px 5px;padding:3px 3px 3px 3px;}
.k-block table.yesno td {background:inherit; margin:5px 5px 5px 5px; padding:5px; font-size:13px; overflow: hidden;  text-overflow: ellipsis; white-space: normal;}
.k-block table.yesno td input[type="text"] {width:100%;}




.k-block table.subtable { display: table; width:100%; margin:0px; padding:0px; border: 0px; box-shadow:0px 0px 0px 0px; table-layout:auto; }
.k-block table.subtable th {background:#ddd; line-height:10px;}
.k-block table.subtable td {display: table-cell;background:inherit; margin:1px; padding:1px; font-size:12px; overflow: hidden;  } 
/*.k-block table.subtable td input[type="text"] {width:100%;}*/


.k-block table.selectiongroup { display: table; width:100%;margin:5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;table-layout:auto;}
.k-block table.selectiongroup td {background:inherit; margin:5px; padding:5px; font-size:12px; white-space: wrap; border: 0px;}


.k-block table.inputpanel { display: table; width:100%;margin:5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;table-layout:auto;}
.k-block table.inputpanel td {background:inherit; margin:5px; padding:5px; font-size:12px; white-space: wrap; border: 0px;}




table.plandetail { width:100%;margin:1px; padding:1px;   box-shadow:0px 0px 0px 0px;table-layout:auto; border: 0px;}
table.plandetail td {background:inherit; margin:1px; padding:2px 1px 2px 1px; font-size:12px; border:0px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  line-height:2.8}








/*form çift kolon*/
.form.col label b    {display: inline-block; margin-bottom: 0; margin:5px 5px 5px 5px;  width: 195px; }



.form.col input[type="text"], .form.col input[type="password"], input[type="file"], select,  .form.col textarea, .form.col .sStylerWrp_select {width: 600px;}
ul.radio, ul.checkbox {width: 500px;}
ul.radio, ul.checkbox {display: inline-block; vertical-align: middle;}






.form.col textarea {vertical-align: middle;}
.form.col .cStyler {left: 4px;}
.form.col .k-multiselect, .k-block {display: inline-block; width: 600px; vertical-align: middle;margin-left: 0px;}


.form.col .k-dropdown, .k-upload, .k-autocomplete.k-header {display: inline-block; width: 600px;}
.form.col .k-editor, .k-block {display: inline-table; vertical-align: middle; width: 600px; border:1px solid #C5C5C5;}


.form.col .submodule {padding:5px 5px 5px 5px;}

.form.col .submodule label b    {display: inline-block;  width: 150px;}

.form.col .submodule textarea  {width: 300px;}

.form.col .submodule input[type="text"], .form.col input[type="password"], input[type="file"], select,  .form.col .sStylerWrp_select {  width: 300px;}
.form.col .submodule .k-dropdown, .k-upload, .k-autocomplete {display: inline-block; width: 300px;}

.form.col .submodule  .k-numerictextbox .k-input{
		display:inline-block;
    width: 132px;
    text-align: left;
}

.form.col .submodule  .k-button{
		display:inline-block;
    width: auto;
    text-align: left;
}




.submodule button.k-button {
  width: 150px;
}


.form.col .submodule table td {
/*
  background: red;
	*/
	
	}



/*
.form.col .k-dropzone {
    height:100px;
}
*/

.form.col .k-file
 {
 position: relative;
 height: 30px;
 top:5 px;
/* width: 585px;*/
 border:0px;
 vertical-align: baseline;

}

.form.col .k-upload
 {
 position: relative;
 width: 600px;
}





.form.col .k-numerictextbox .k-input {
		display:inline-block;
    width: 132px;
    text-align: left;
}


.form.col .k-numerictextbox{
		display:inline-block;
    width: 159px;
    text-align: center;
		margin-left:0px
}






.form.col .k-multiselect {margin: 0px 0px 0px 0px ;}



/* Çoklu Otomatik Tanýmlama */

.k-block.fieldgroup { margin:0px 0px 0px 0px; padding:10px; width:600px;} 

.selectionfield  .k-widget.k-autocomplete.k-header.k-state-default {
    width:200px !important;
  }
.selectionfield  .k-multiselect {
    width:370px !important;
  }

	
textarea {
    width:600px;
    padding: 3px;
    }


}




@media only screen and (max-width: 1270px) {
/*header K1250*/

/*mobile Part*/






.filter .k-dropdown {width:150px;}


table {table-layout:fixed;}


    #basket table.responsive, table.responsive td, table.responsive th
    {
        table-layout:auto;
				font-size:11px;
				margin:0px;padding:10px;
    }
	

		
/*
table.responsive th:not(:first-child):not(:last-child), 
table.responsive td:not(:first-child):not(:last-child)
*/


/*

table.responsive th:not(.mobileCol), 
table.responsive td:not(.mobileCol)table.responsive td
 { display: none; }
*/




 

/*
td.mobileTitle{display: table-cell !important; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
th.mobileTitle{display: table-cell !important; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
 
td.mobileTitle{display: table-cell !important; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
div.mobileTitle{font-size: 13px;}
*/


/*a.btnSmall {font-size:13px; padding:8px 10px;}*/


/*
a.btnPageNumber {
  padding: 16px 19px 16px 19px;
}
*/

/*div.PageNumber { font-size:16px}
div.totalRecord { font-size:16px}*/



.form label b {width:100%;font-weight:bold}



/*.headerHolder { display: none; }*/
.pLogin .body {margin-top:5px; padding: 0;}

.pLogin input[type="text"], .pLogin input[type="password"] {font-size: 16px;}

.header .boxLang {display: none;}


.miniUserInfo {margin:0; height: 100%; border-left: 1px solid #e3e3e3;}
.miniUserInfo > span, .miniUserInfo > a span {display: none;}
.miniUserInfo > a.profile {display: block; height: 100%; padding: 0 20px;}
.miniUserInfo > a.profilePhoto {display: block; height: 100%; padding: 0 20px;}
.miniUserInfo > a.logOut {display: none;}


.miniUserInfo > a i {display: inline-block !important; margin-top: 25px;}


.miniUserInfo > a.helpdesk {display: none; margin-right:10px;}
.miniUserInfo > a.profile {display: none;}


.boxCart {margin-left: 0;}



.k-block table.yesno { margin:5px 5px 5px 5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;overflow: hidden;text-overflow: ellipsis; white-space: wrap;}
.k-block table.yesno th {background:#ddd;margin:5px 5px 5px 5px;padding:3px 3px 3px 3px;}
.k-block table.yesno td {background:inherit; margin:5px 5px 5px 5px; padding:5px; font-size:13px; overflow: hidden;  text-overflow: ellipsis; white-space: normal;}
.k-block table.yesno td input[type="text"] {width:100%;}



.k-block table.selectiongroup { border: 0px; box-shadow:0px 0px 0px 0px;}
.k-block table.selectiongroup td {background:inherit; margin:0px; padding:5px; font-size:14px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.k-block table.selectiongroup, .k-block table.selectiongroup td, .k-block table.selectiongroup tr {
			display: block;
		}



		
		

}


/* Tablet*/
@media only screen and (max-width: 780px) {
.mobile {display: inline-block !important;}
.pc {display: none !important;}




.miniUserInfo > a.helpdesk {display: block;}
.miniUserInfo > a.profile {display: block;}



/*.k-block.plan table .k-dropdown {display:none;}*/


/*.k-block table.multifield td {background:red;}*/
/*.k-block table  {display: table; box-shadow:0px 0px 0px 0px;}*/


.k-block table.multifield { margin:5px 5px 5px 5px; padding:5px; border: 0px; box-shadow:0px 0px 0px 0px;overflow: hidden;text-overflow: ellipsis; white-space: wrap;}
.k-block table.multifield td {background:inherit; margin:5px 5px 5px 5px; padding:5px; font-size:13px; overflow: hidden;  text-overflow: ellipsis; white-space: wrap; }
.k-block table.multifield td input[type="text"] {width:100%;}

/*
.k-block table.selectiongroup { display: table; width:100%;margin:2px; padding:2px; border: 0px; box-shadow:0px 0px 0px 0px;table-layout:fixed; }
.k-block table.selectiongroup td {background:inherit; margin:2px; padding:2px; font-size:12px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
*/





.k-upload-files .k-button {
    left: 425px;
}




.toggle-btn { 
		width:75px;
}





/*header K780*/
.header {padding:0;}
.header > .r1 {border-right: 0; width: auto;}
.header > .r2 {position: absolute; right: 360px; border-left: 1px solid #e3e3e3; }
.header > .r4 {right: 230px;}


/*.header .helpDesk {display: none;}*/
.header .brandLogo {display: none;}

.openMenu {border-right: 1px solid #e3e3e3; float: left; height: 100%; padding: 0 20px;}
.openMenu i {margin-top: 25px;}
.header .brandLogo {float: left; padding: 0 25px;}



.header .helpDesk {display: none;}

/*.header .helpDesk {position: absolute; width: auto; margin:0; padding:0 20px; height: 100%; float: right; left:120px}

.header .helpDesk > b {display: none;}
.header .helpDesk > a {display: block; text-indent: -999em; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-width:0 0 3px 0;  border-radius: 0; box-shadow: none;}
.header .helpDesk > a.st0 {border-color: #ff3300;}
.header .helpDesk > a.st1 {border-color: #80be68;}
.header .helpDesk > i {margin-top: 25px;}

*/




.miniUserInfo {border-left: none;}
.photo {display: none;}


/*body K780*/
.body {margin-left: 0; padding-left: 3px; padding-right: 3px;}

/*footer K780*/
.footerHolder {margin-left: 0;}

/*sol kolon gösterimi K780*/

.asideLeft {display: none;}
.showAsideL .header, .showAsideL .body, .showAsideL .footer {margin-left: 220px;}
/*.showAsideL .fullHolder  {overflow-x: hidden;}*/
.showAsideL .asideLeft {display: block; position: absolute; left: 0; top: 0; padding-top: 0;}
.showAsideL .leftMenu > h6 a {padding-top: 0; padding-bottom: 0;}
.showAsideL .leftMenu > h6 a span {height: 70px; line-height: 70px;}
.showAsideL .leftMenu > h6 a span i {display: none;}
.showAsideL .leftMenu ul.lvl1 li ul.lvl2 {display: none;}
.showAsideL .leftMenu ul.lvl1 li.open ul.lvl2, .showAsideL .leftMenu ul.lvl1 li.hover ul.lvl2 {display: block;}




/*tables K780*/
/*table.responsive { margin-bottom: 0; border-collapse:separate;white-space: nowrap; overflow: hidden;}*/
/* eski hali table-layout:auto; white-space: nowrap; overflow: hidden;*

/*tables K780*/
/**table.responsive { margin-bottom: 0; border-collapse:separate; table-layout:fixed; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}**/



.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	

/**table.responsive td, table.responsive th { position: relative; }**/

/*table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }*/
/*table.responsive.type2 th:first-child, table.responsive.type2 td:first-child, table.responsive.type2 td:first-child, table.responsive.type2.pinned td { display: table-cell; }
table.responsive.type2 td {white-space:normal;}*/
/*table content K780*/
table th .btnSet {float: none; margin: 0 10px;}




/*table.responsive th:not(:first-child, :last-child), table.responsive td:not(:first-child, :last-child) { display: none; }*/



/*.mobile0 {display: inline-block !important;}*/

	
}

/*mobile*/

@media only screen and (max-width: 600px) {

.mobile0 {display: inline-block !important;}
.pc0 {display: none !important;}

.k-listbox {width: 176px; height: 140px; }  
.k-listbox:first-of-type {width: 220px; height: 140px; } 







/*header K600*/
.header > .r4 {right: 60px;}
.header > .r2 {right: 190px;}


table.plandetail { border: 1px; box-shadow:0px 0px 0px 0px;width:100%;table-layout:fixed; overflow: hidden;  text-overflow: ellipsis; white-space: wrap;}
table.plandetail td {background:inherit; border:1px; margin:1px; padding:2px 1px 2px 1px; font-size:12px; line-height:2.8}

table.plandetail, table.plandetail td,  table.plandetail tr {
			display: block;
			font-size:12px;
		}





.boxCart.open > a {background: #fff;}
.boxCart.open .box {display: none;}
/*.boxCart .sum {display: none;}*/

/*form K600*/
.form > div {margin-bottom: 15px;}



.header .boxLang {display: none;}
/*.pLogin .headerHolder { display: none; }*/

}



@media only screen and (max-width: 300px) {
body:after {content: ":)"; font-size: 100px; display: block; text-align: center; margin-top: 100px;}
body * {display: none;}
}


/* Responsive Table */


@media only screen and (max-width: 600px) {

 



.title {font-size: 16px; color:#4c4c4c; font-weight: bold; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 15px;}

.titlePlan {font-family:Arial; font-size: 9px; color:#4c4c4c; font-weight: normal;}



	
  .k-block table.inputpanel { border: 0px; box-shadow:0px 0px 0px 0px;}
  .k-block table.inputpanel td {background:inherit; margin:0px; padding:5px; font-size:14px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
  .k-block table.inputpanel, .k-block table.inputpanel td, .k-block table.inputpanel tr {
  			display: block;
  		}

	
	
	.infoWindow
	{
	  color:red;
	  width: 100%;
	  height: 100%;
	}
	
	
	
		/* Force table to not be like tables anymore */
		table.responsive, table.responsive thead, table.responsive tbody, table.responsive th,  table.responsive td, table.responsive tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		table.responsive thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
			
		}
		

		table.responsive tr { border-bottom: 1px solid #ccc; }

		table.responsive td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 0px solid #eee;
			position: relative;
			padding-left: 50%;
			padding-top:12px; 
			padding-bottom:5px;
			overflow: hidden;  text-overflow: ellipsis; white-space: wrap;
		}

		
		table.responsive td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 12px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
						color: #aaa;
						

		}
		
		




		
	}
		
		


	</style>