input[type="text"], textarea, select, div.styled, input[type="file"] {  
   width:12em; 
   border-radius:2px; 
   border: solid 1px #ccc; 
   padding:0.4em;
}
 
div.styled, select, input[type="submit"], input[type="button"], input[type="file"]:after {
   background: white url(formelements-select.png) no-repeat center right;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}	
 
input[type="text"], textarea, input[type="file"] { 
   background-color: #f5f5f5;
   -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
   box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}
 
.ie9 input[type="text"] {
   line-height:normal; 
} 
 
textarea {
   width:30%;
   height:10em; 
}
 
/* IE и Firefox */
 
div.styled {
   overflow:hidden;
   padding:0;
   margin:0; 
}
 
.ie7 div.styled {
   border:none;
}
 
div.styled select {	
   width:115%; background-color:transparent; 
   background-image:none;
   -webkit-appearance: none; 
   border:none; 
   box-shadow:none;
}
 
.ie7 div.styled select {
   width:100%; background-color:#fff; 
   border: solid 1px #ccc; 
   padding:0.3em 0.5em;
}	
 
/* Webkit(Chrome например)*/
 
input[type="file"] { 
   position: relative; 
   -webkit-appearance: none;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;	
   width: 40%;	
   padding:0;
}
 
input[type=file]::-webkit-file-upload-button {
   width: 0; 
   padding: 0; 
   margin: 0;
   -webkit-appearance: none;
   border: none;
}	
 
input[type="file"]:after {
   content: 'Загрузить';
   margin:0 0 0 0.5em;
   display: inline-block; left: 100%;
   position: relative;
   background:white url(../images/formelements-select.png) no-repeat center left;
   padding:0.3em 0.5em; 
   border: solid 1px #ccc !important;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
   border-radius:4px;
}	
 
input[type="file"]:active:after {
   box-shadow:none;
}
 /*
input[type="radio"], input[type="checkbox"] { 
   position:absolute; 
   left:-999e
}
 */
label:before { 
   display:inline-block;
   position:relative;
   top:0.25em;
   left:-2px; 
   content:'';
   width:25px;
   height:25px;
   background-image:url(../images/formelements.png);
}
 
input[type="checkbox"] + label:before {
   background-position: 0 -25px;
}
 
input[type="checkbox"]:checked + label:before {
   background-position: 0 0;
}
 
input[type="radio"] + label:before {
   background-position: -25px -25px;
}
 
input[type="radio"]:checked + label:before {
   background-position: -25px 0;
}
 
 
input[type="text"]:focus, textarea:focus {
   border-color:#000;
}
 
input[type="submit"], input[type="button"] { 
   padding:0.5em 1em; 
   line-height:1em; 
   cursor:pointer;
   border-radius:4px; 
   color:#000; 
   font-weight:bold; 
   font-size:inherit;
   border:solid 1px #ccc;
   box-shadow:0 1px 5px rgba(0,0,0,0.2);
   background-position: center bottom;
}
 
input[type="submit"]:active, input[type="button"]:active {
   -webkit-box-shadow: none;
   box-shadow:none;
}

button.btnExport {
	padding:0.5em 1em; 
   line-height:1em; 
   cursor:pointer;
   border-radius:4px; 
   color:#000; 
   font-weight:bold; 
   font-size:inherit;
   border:solid 1px #ccc;
   box-shadow:0 1px 5px rgba(0,0,0,0.2);
   background-position: center bottom;
}

.table_kurs {
	width: 80%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse; 
}
.table_kurs th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.table_kurs td {
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: center;
}

.table_kurs tr td:last-child {
	background: #bab8c5;

}

/*стартовая*/
form.login {
    border: 3px solid #f1f1f1;
}

.parent {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    
    .inner {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
}

.block {
    display: inline-block;
    
    img {
        display: block;
        border: none;
    }
}

input.login {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

button.login {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button.login:hover {
    opacity: 0.8;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
	width: 100%;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
	width: 100%;
}

span.psw {
    float: right;
    padding-top: 16px;
}

@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }
    .cancelbtn {
        width: 100%;
    }
}

@font-face {
font-family: "rurintania"; 
src: url("rurintania.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
}


#wrapper {
  display: flex;
  justify-content: space-between;
}
/*
#wrapper>div {
  display: table-cell;
}
*/

.table-block {
    flex-basis: calc(70% - 10px); /* Оставляем немного места между таблицами */
 }

#left_col {
  margin-right:20px;
	vertical-align: top;
	 border-collapse: collapse;
}

#right_col {
 // padding-left:50px;
	vertical-align: top;
	 border-collapse: collapse;
}


.divTable{
	display: table;
	width: 100%;
}

.divTable80{
	display: table;
	width: 80%;
}

.divTable2{
	display: table;
	width: 60%;
}

.divTable3{
	display: table;
	width: 40%;
}

.divTable4{
	display: table;
	width: 30%;
}

.divTable55{
	display: table;
	width: 55%;
}

.divTable90{
	display: table;
	width: 100%;
	font-size: 0.8em;
}

.divTableRow {
	display: table-row;
}

.divTableRowRed {
	display: table-row;
	background: #e78f8f;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.all_itog{
	 position: absolute; /* Абсолютное позиционирование */
     left: 250px; /* Положение левого края */
     top: 9px; /* Положение верхнего края */
     width: 620px; /* Ширина слоя */
}