.spOpenDialog{
  background:#E1F5FE;
  color:#01579B;
}

.spOpenDialog .ui-dialog-titlebar {
  background:#01579B;
  color:#fff;
}

.tabs {
  font-size: 0;
  width:550px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.tabs>input[type="radio"] {
  display: none;
}

.tabs>div {
  /* скрыть контент по умолчанию */
  color:#01579B;
  display: none;
  height:350px;
  border: 1px solid #B3E5FC; 
   background: #fff; 
  /* padding: 10px 15px; */
  font-size: 16px;
  padding:1rem;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4, 
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8{
  display: block;
}
#stab-btn-1:checked~#scontent-1,
#stab-btn-2:checked~#scontent-2,
#stab-btn-3:checked~#scontent-3,
#stab-btn-4:checked~#scontent-4,
#stab-btn-5:checked~#scontent-5,
#stab-btn-6:checked~#scontent-6,
#stab-btn-7:checked~#scontent-7,
#stab-btn-8:checked~#scontent-8  {
  display: block;
}

.tabs>label {
  color:#01579B;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #E1F5FE;
  border: 1px solid #B3E5FC;
  border-bottom: 1px solid #B3E5FC;
  padding: 2px 8px; 
  font-size: 16px;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  margin-bottom: 0px;
  top: 1px;
}

.tabs>label:not(:first-of-type) {
  border-left: none;
}

.tabs>input[type="radio"]:checked+label {
  background-color: #fff;
  border: 1px solid #B3E5FC;
  border-bottom: 1px solid #fff;
}
/*--------------*/
.form-control {
padding: 0rem 0.75rem !important;
height:100%;
color: #01579B !important;
font-weight: normal;
}
.form-control:disabled, .form-control[readonly] {
  background-color:#fff;
}
/* ---------Scroll-table for file selection------------ */
.scroll-table-body {
	height: calc(350px - 8rem );
	overflow-x: auto;
	margin-top: 0px;
	margin-bottom: 20px;
  border: 1px solid #B3E5FC;
}
.scroll-table table {
	width:100%;
	table-layout: fixed;
	border: none;
}
.scroll-table thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #B3E5FC;
	font-size: 14px;
	border-left: 1px solid #B3E5FC;
	border-right: 1px solid #B3E5FC;
}
.scroll-table tbody td {
  color:auto;
	text-align: left;
	border-left: 1px solid #B3E5FC;
	border-right: 1px solid #B3E5FC;
	font-size: 14px;
	vertical-align: top;
}
.scroll-table tbody td:hover {
  background: #B3E5FC;
}
.scroll-table tbody tr:nth-child(even){
	background: #fff /* #E1F5FE; */
}
 
/* Стили для скролла */
::-webkit-scrollbar {
	width: 6px;
} 
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}