*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;   
  }
html{
height: 100%; 
}
body
{
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;  
    
}
/* Горизонтальное меню */
.hMenu, .vMenu {    
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
 
.hMenu ul {
  list-style: none;
  display: flex;
}

.hMenu ul > li {
  display: inline-block;
  background-color: gray;  
  text-align: center;
  flex-basis: auto;
  flex-grow: 1;
}

.hMenu ul > li > a {
  padding: 10px 20px;
  border-left: 2px solid white;
  color: white;
  text-decoration: none;
  font-size: 14pt;
  display: block;
}

.hMenu ul > li > a:hover,
.hMenu ul > li > a:active,
.hMenu ul > li > a:focus
{
    color: #392e8c; 
}

/* Вертикальное меню */
.main {
    display: inline-block;
    
}
#container-outer {
  margin-top: 10px;
  float:left;
  overflow: hidden;
  background:white;
  display: flex;
	flex-direction: column;
	min-height: 100%;  
}
#container-inner {  
  float:left;
  background:  #140033;
  position: relative;
  right:79%;
  font-size: 12pt;  
}
#sidebar {
  float: left;
  width: 21%;
  position: relative;
  left: 79%;
  color: white;
  font-size: 12pt;
  
}

#sidebar ul > li {
  float: left;
  list-style: none;  
  padding: 10px 20px;
}

#sidebar ul > li,
#sidebar ul > li > a {
  width: 100%;
  color: white;
}

#sidebar ul > li > a {
  text-align: left;
  text-decoration: none;
  
}

#sidebar h4 a{
  color: white;  
  text-decoration: none;
  text-align: center;
}

#sidebar a{
  color: white;  
  text-decoration: none;
}

#sidebar a:hover,
#sidebar a:active,
#sidebar a:focus
{
color: gold; 
}

#content {
  float: left;
  width: 79%;
  position: relative;
  left: 79%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  min-height: 100vh;   
}

#content h2{
  text-align: left;
  color: slateblue;
  padding-right: 15px;
  margin-bottom: 10px;  
}

#content {
  padding-left: 15px;
  font-size: 13pt;
}

#content ul {
  padding-left: 15px;
}
.descrip {
  text-align: center;
}

#sidebar h3,
#sidebar h4  {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
margin-left: auto;
    margin-right: auto;
}

#txtOkomp
{
  flex: 1 0 auto;
}
#txtOkomp ul
{
margin-left: 20px;
}

#txtOkomp hr{
  border: 1px solid black;
}

.modules img {
  width: 100px;
  height: 100px;
  padding-bottom: 10px;
}
.modules{  
  margin-top: 10px;
  text-align: center;
  float: left;
  width: 23.5%;
  margin-right: 1%;
  padding: 10px;
  font-size: 10pt;
}
.modules :last-child {
  margin-right: 0;
}

.footer
{
  padding-top: 10px;
  flex: 0 0 auto;
font-size: 10pt;
}

.inf{    
    padding: 0;
	margin: 0;
	
}

.feedback{
	width: 76%;
	margin-left:12%;
}

#ls, #login, #password, #Repassword, #lsGet, #yearMonth, #lsReg, #fio {
	border: 1px solid #ccc;
	padding: 1px;
	font-size: 15px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

#login, #password, #Repassword, #lsReg, #fio {
	font-size: 18px;
	width: 100%;
	margin-bottom: 10px;
}

#login:focus, #password:focus, #Repassword:focus, #lsReg:focus, #fio:focus, #mail:focus, #title:focus, #message:focus {
	border: 1px solid #00CED1;
}

#login.error, #password.error, #Repassword.error, #lsReg.error, #fio.error, #mail.error, #title.error, #message.error {
	border: 1px solid #973D3D;
  	color:#A35959;
}

#submit, #enter, #btnSave, #load, #btnPrintKvit, #registration
{
	border: 1px solid #ccc;
	background: #DCDCDC;
  	padding: 1px 5px;
	font-size: 15px;
	border-radius:2px;
}

#CheckPrintKvit {
	margin-left: 10px;
	margin-right: 5px;
}

#mail, #title {
	display:inline-block;
   	color:#676767;
   	width:100%;
   	margin-bottom:10px;
   	border:1px solid #CCC;
   	padding:5px 9px;
   	font-size:15px!important;
   	line-height:1.4em;
}
#mail {
	margin-right: 1%;
	width: 100%;
}
#title {
	margin-left: 1%;
}
#message {
	display:block;
   	color:#676767;
    width:100%;
    height: 200px;   
   	margin-bottom:10px;
   	line-height:1.4em;   	
	border: 1px solid #ccc;
	padding: 1px;
	font-size: 15px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	resize: none;
}

#btnSend { 
  	display:block;
  	padding:5px 11px;
  	font-size:1.2em;
  	border-radius:2px;
  	width:210px;
 	 margin-bottom:20px;
	border: 1px solid #ccc;
	background: #DCDCDC;
	margin-left: auto;
    margin-right: auto;
}

details summary::-webkit-details-marker {
	display: none
}
  details > summary {
	list-style: none;
}
  
details {
	border: 1px solid #E1E1E1; 
	border-radius: 5px; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4); 
	margin: 0 0 .4em; 
	padding: 1%;
}

summary {   
	font-size: .8em;  
	margin: -1%; 
	padding: 8px 0; 
	position: relative;
}

summary:hover, details[open] summary {
	background: #E1E1E1;
}

summary:before {
	border-radius: 5px; 
	content: "+";  
	display: block; 
	float: left; 
	font-size: 1.5em;  
	margin: -2px 10px 0 10px;  
	text-align: center; 
	width: 20px;
	height: 10px;
}

details[open] summary:before {
	content: "-"; 
	margin-top: -4px;
}

#detailsInf {
	order:1;
}
#detailsC {
	order:2;
}
#detailsHP {
	order:3;
}
#detailsFB {
	order:4;
}

#acquire {
	border: 1px solid #E1E1E1; 
}

#LsFB:focus, #fioFB:focus, #mailFB:focus, #titleFB:focus, #telFB:focus, #regFB:focus{
	border: 1px solid #00CED1;
}

#LsFB.error, #fioFB.error, #mailFB.error, #titleFB.error, #telFB.error, #regFB.error{
	border: 1px solid #973D3D;
  	color:#A35959;
}

#mailFB, #titleFB, #LsFB, #fioFB, #telFB, #regFB {
	display:inline-block;
   	color:#676767;
   	width:100%;
   	margin-bottom:10px;
   	border:1px solid #CCC;
   	padding:5px 9px;
   	font-size:15px!important;
   	line-height:1.4em;
}
#titleFB, #fioFB, #regFB {
	width:100%;
}
#mailFB {
	margin-right: 1%;
}
#LsFB {
	margin-left: 1%;
}

#btnSend:disabled {
   color: gray;
}

td{
  border: 1px solid black;
  padding: 5px;
}

hr
{
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}