@import url("ptsans.css");


body, html {
	font-family: 'PT Sans', serif;
	font-size: 12pt;
	*background: #E7EFF4;
	margin: 0;
	padding: 0;
	height:100%;
	cursor: default;
	overflow: hidden;
	*border: #A6BCCA;

}

.loading, .doc-loading {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100px;
  height: 100px;
  background-image: url(../img/imgMain/loading.gif);
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
} 

.col2, .form-block > div.col2 {
  width: 48%;
  display: inline-block;
  margin-left: 0;
}

input[type="radio"] + label:not(.tab-label)::before,
input[type="checkbox"] + label:not(.tab-label)::before {
  content: '';
  display: inline-block;
  background-color: white;
  border: 1px solid;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-color: #5480A4;	
}

input[type="radio"] + label:not(.tab-label)::before{
	  border-radius: 50px;
}

input[type="radio"]:checked + label:not(.tab-label)::before {
  background: #5480A4;
  box-shadow: 0px 0px 0px 3px white inset;
}

.checkbox .check.checked, input[type="checkbox"]:checked + label:not(.tab-label)::before {
  background-color: #2b6dac;
  border: 1px solid #2b6dac;
  background-image: url(../images/checkbox-wh.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90% auto;
}

input.checkbox + label:before {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  top: -1px;
  border-radius: 2px;
}

.tabs {
  padding-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-color: inherit;
  width: 100%;
}

.tabs .tab-label { 
	top: 3px;
	margin-right: -5px; 
	padding: 5px 23px 0 23px;
	line-height: 27px; 
	cursor: pointer; 
	position: relative; 
	border-radius: 5px 5px 0 0;
	border: thin solid;
	border-color: inherit;	
	display: inline;
	border: none;	
}

.tabs  > input{
	display: none;
} 

.tabs  > div{	
	padding:  0px 5px 3px 3px;
	border-radius:  0 0 5px 5px;
	top: 20px;
	height: calc(100% - 32px);
	border: inherit;
	border-width: 1px;
	border-style: solid;
}

.tabs > input.tab-input:checked + div{	
	display: block; 
	padding:  0px 5px 3px 3px;
	border-radius:  0 0 5px 5px;
	top: 20px;
	height: calc(100% - 32px);
	border: inherit;
	border-width: 1px;
	border-style: solid;	
}

.tabs input[type="radio"]:checked + .tab-label { 
    border-bottom-width: 3px;
    font-weight: bold;;
	background: inherit;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border: none;
	font-weight: bold;
	border-bottom: 4px solid #458cde;
}