/* Start:/local/components/kspage/settings.css?17664168742452*/
.kspage{
	display: grid;
  grid-template-rows: 40px auto;
}
.kspage-tpl{
	box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  padding: 10px 16px;
}
.kspage-settings{
	box-sizing: border-box;
  width: calc(100% - 32px);
  /* height: calc(100% - 20px); */
  overflow: auto;
  padding: 10px 16px;
}
.kspage-faq-option{
	margin-bottom: 4px;
}
.kspage-faq-title{
	font-weight: bold !important;
	margin-bottom: 2px;
}

.kspage-faq-option textarea{
	resize: vertical;
	overflow: auto;
	width: 100%;
	height: 48px;
}

.kspage-faq-option textarea.kspage-faq-a-ta{
	height: 64px;
}

.ks-tabs-layout{
	display: grid;
  grid-template-columns: 220px auto;
	/* height: 100%; */
	/* padding-bottom: 20px; */
  /* height: calc(100% - 20px); */
	height: 100%;
}
.ks-tabs-list{
	border-right: 1px solid #ccc;
  padding-right: 10px;
	overflow: auto;
	/* padding-bottom: 20px; */
}
.ks-tabs-button{
	background: #F0F0F0;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 4px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	border: 1px solid #DDDFDF;
}
.ks-tabs-button-title{
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 4px;
	max-width: 110px;
}
.ks-tabs-button > span{
	align-self: center;
}

.ks-tabs-button .ks-tabs-button-controls{
	display: none;
}
.ks-tabs-button.active .ks-tabs-button-controls{
	display: inline-block;
}
.ks-tabs-button-controls span{
	font-size: 16px !important;
  margin: 0 1px;
  display: inline-block;
  width: 20px;
  text-align: center !important;
  cursor: pointer;
	
	padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 3px;
}
.ks-tabs-button-controls span:hover{
	background: #66aebf;
}
.ks-tabs-button:hover{
	background: #DFE6E8;
	border: 1px solid #C8CCCC;
}

.ks-tabs-button.active{
	border: 1px solid #9AA9AA;
	background: #DEF1F4;
}

.ks-tabs-content{
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	/* padding-bottom: 20px; */
}

.ks-field{
	margin-bottom: 10px;
}

.ks-field-title{
	font-weight: 600;
  margin-bottom: 2px;
}

.ks-field-content input[type=text]{
	width: calc(100% - 10px);
	margin-bottom: 2px;
}
.ks-field-content textarea{
	resize: vertical;
	width: 100%;
	margin-bottom: 2px;
	min-height: 100px;
}
.ks-display-grid{
	display: grid;
  align-content: space-between;
}

.ks-fileman{
	height: auto !important;
}
/* End */
/* /local/components/kspage/settings.css?17664168742452 */