﻿* {box-sizing: border-box}

body, html {
    height: 100%;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
	font-size: 11pt;
    padding: 0px 0px 0px 0px;
    position:relative;

}

.row {
    display: flex;
	margin-top:0px;
    padding:0px;
    font-family: Arial;
	font-size: 11pt;
}

.side {
    flex: 50%; /* Set the width of the sidebar */
    background-color: white;/*dodgerblue; //#f1f1f1; /* Grey background color */
    text-align:left;/*center;*/
	padding: 0px 0px 0px 0px; /* Some padding */
	margin-top: 0px;
    margin-right: 0px;
   `font-family: Arial;
  ``font-size: 11pt;
}

/* Main column */
.main {
    flex: 50%; /* Set the width of the main content */
    background-color: white;/*dodgerblue; /* White background color */
    padding: 0px 0px 0px 0px; /* Some padding */
	margin:0px;
	text-align:left;
    border:none;
   `font-family: Arial;
  ``font-size: 11pt;
    overflow-x:hide;
}

.row1 {
    display: flex;
	margin:0px;
    padding:0px;
	left:0px;
	top:0px;
    text-align:center;
    font-family: Arial;
    font-weight:bold;
	font-size: 11pt;
	width:100%;
	height:40px;
	background:dodgerblue;
	color:white;
	border:none;
}

.side1 {
    flex: 33%; /* Set the width of the sidebar */
    background-color: dodgerblue; /*#f1f1f1;  Grey background color */
    text-align:center;/*center;*/
	padding: 0px 0px 0px 0px; /* Some padding */
	margin: 0px;
   `font-family: Arial;
  ``font-size: 11pt;
  border:none;
}

/* Main column */
.main1 {
    flex: 33%; /* Set the width of the main content */
    background-color: dodgerblue; /* White background color */
    padding: 0px 0px 0px 0px; /* Some padding */
	margin:0px;
	text-align:center;
   `font-family: Arial;
  ``font-size: 11pt;
}


/*select {
  width: 200px;
  height: 40px;
  line-height: 40px;
  -webkit-appearance: menulist-button;  
  -moz-appearance:none;
  size:1;
}*/

table {
     margin:0px;
}

/* Нечетные строки */
//table tbody tr:nth-child(odd){
//	background: #fff;
//}
 
/* Четные строки */
//table tbody tr:nth-child(even){
//	background: #F7F7F7;
//}

table tbody { 
//width:100%; 
display:table; 
overflow-y:hidden;
overflow-x: hidden;
 }

table tbody tr { 
font-family: Arial;
font-size: 11pt; 
cursor:pointer;
}

th { 
	text-align:center;
    font-family: Arial;
	font-size:11pt;
    font-weight:normal;
}

thead{ 
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px;
    font-weight:normal;
}

td { 
    //outline: 5px solid dodgerblue;; /* Граница вокруг ячеек */
    /* <top> <right> <bottom> <left> */
    padding:0px 0px 0px 0px;
    //padding-left: 10px;
    //height:40px;
	//width:50px;
	text-align:center;
    font-family: Arial;
	font-size:11pt;
	//background-color:lightgray;
}

td:hover {
    //border: 2px green; /* Граница вокруг ячеек */
    color: black;
	background-color:white;
}

td:active {
    //border: 2px green; /* Граница вокруг ячеек */
    color: black;
	background-color:white;
}

textarea {
	font-family: Arial;
	font-size: 11pt;
	width:100%;
	background:rgb(220, 220, 220);
	padding:0px;
	margin:0px;
	//overflow-y: scroll;
}

input {
	font-weight: normal;
	font-family: Arial;
	font-size: 11pt;
}

input:disabled {
	background:white;
}

select {
	font-weight: normal;
	font-family: Arial;
	font-size: 11pt;
    width:100px;
    height:25px;
    border-radius:0px;
}


select:disabled {
	color:black;
    font-weight:bold;
}

select:focus {
	border-radius:0px;
    font-weight: normal;
    border:1px solid silver;
}

option {
	//font-weight: bold;
	font-family: Arial;
	font-size: 11pt;
    width:100%;
    border-radius:0px;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.0);
    z-index: 1000;
}
.modal .modal_content {
    background-color:white;
    margin: auto auto;
    padding: 0px;
    border: none;
    width: 100%;
    z-index: 99999;
}
.modal .modal_content .close_modal_window {
    color: black;
    float: right;
    font-size: 11pt; 
    font-weight: bold;
    cursor: pointer;
}

th {
	text-align:left;
	font-size:11pt;
	font-weight:bold;
	width:20%;
	height:20px;
    font-family:Arial;
}


/*.click {
	background:MediumAquamarine   !important;
	color:white   !important;
}*/
.header1 {
    border:none;
	border:1px solid silver;
	border-bottom:none;
    background:white;
    color:black;
    width:200px;
    padding:0px;
	padding-left:5px;
    margin:0px;
    height:50px;
	font-size:11pt;
    text-align:left;
    font-weight:bold;
    font-family:Arial;    
}
/*.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__outer-curcle {
	border-color:black;
}

.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__inner-curcle {
	background-color:black;
}

.mdl-radio .mdl-radio__button:checked ~ .mdl-radio__label {
	color:black;
}*/

.data0001 {
    background-color: rgb(255, 255, 200);
    border:none ;
    color:black;
    padding:0px;
    margin:0px;
    outline:none;
    text-align:center;
    font-size:11pt;
    height:30px;
    font-weight:bold;
    width:100%;
    font-family:Arial;
}

.data0001:hover {
    background-color: rgb(255, 255, 200);
}

.data1 {
    background-color: white;
    border:none ;
	border:1px solid silver;
    color:black;
    padding:0px;
	padding-left:0px;
    margin:0px;
    outline:none;
    text-align:left;
    font-size:11pt;
    height:50px;
    font-weight:normal;
    width:200px;
    font-family:Arial;
}

.data2 {
    background-color: white;
	color:black;
    border:none ;
    padding:0px;
    margin:0px;
    outline:none;
    text-align:left;
    font-size:11pt;
    height:20px;
    font-weight:bold;
    overflow: hidden;
    width:15%;
    font-family:Arial;
}

.data02 {
    background-color: white;
	color:black;
    border:none ;
    padding:0px;
    margin:0px;
    outline:none;
    text-align:left;
    font-size:10pt;
    height:15px;
    font-weight:normal;
    overflow: hidden;
    width:50%;
    font-family:Arial;
}

.data1:hover {
    background-color: white;
}

.data3 {
    background-color: white;
	color:black;
    border-bottom:1px solid silver ;
    padding:0px;
    margin:0px;
    outline:none;
    text-align:left;
    font-size:11pt;
    height:50px;
    font-weight:normal;
    overflow: hidden;
    width:100%;
    font-family:Arial;
}

.click {
  background-color: white;
  //border-right: none !important;
  //border-left: none !important;
}

.none {
  display: none;
  //border-right: none !important;
  //border-left: none !important;
}

.bt1 {
	text-align:center;
	padding:0px;
	margin:0px;
	border-radius:0px;
    border:none;
	width:25%;
	height:50px;
	font-size:12pt;
	font-weight:bold;
	color:white;
    background:rgb(50%, 90%, 90%);;
    font-family:Arial;
}

.bt1:hover {
  background-color: blue;
  //text-decoration:underline;
}

.bt1:disabled {
  background-color: white;
  text-decoration:none;
  color:gray;
}

.bt112 {
	text-align:center;
	padding:0px;
	margin:0px;
	border-radius:0px;
    border:none;
	width:50%;
    height:25px;border:none;;
	font-size:12pt;
	font-weight:bold;
	color:rgb(50%, 90%, 90%);
    background:white;
    font-family:Arial;
}

.bt112:hover {
cursor:pointer;
}

.bt111 {
	text-align:left;
	padding:0px;
	margin:10px;
	border-radius:5px;
    border:none;
	width:100%;
	height:auto;
	font-size:12pt;
	font-weight:bold;
	color:black;
    background:white;
    text-align:left;
    font-family:Arial;
}

.bt111:hover {
  background-color: white;
  text-decoration:underline;
}

.bt111:disabled {
  background-color: white;
  text-decoration:none;
  color:gray;
}

.bt11 {
	text-align:left;
	padding:10px;
	margin:10px;
	border-radius:0px;
    border:1px solid silver;
	width:auto;
	height:100px;
	font-size:13pt;
	font-weight:bold;
	color:black;
    background:white;
    width:90%;
    font-family:Arial;
}
.bt2 {
	text-align:left;
	border:1px solid silver;
	background:white;
	margin:10px;
	border-radius:10px;
	width:auto;
	height:50px;
	font-size:11pt;
	font-weight:bold;
	color:black;
    font-family:Arial;
}
.bt3 {
	border-radius:0px;
	font-size:11pt;
	font-weight:bold;
	width:80%;
	height:100%;
	margin:0px;
    font-size:11pt;
    font-family:Arial;
    border:1px solid silver;
}

.bt4 {
	border-radius:2px;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	height:5vw;
	margin:10px;
    font-family:Arial;
    border:1px  solid gray;
	background:white;
	color:gray;
}

.bt44 {
	border-radius:2px;
	font-size:11pt;
	font-weight:bold;
	width:100%;
	height:5vw;
	margin:10px;
    font-family:Arial;
    border:1px  solid gray;
	background:white;
	color:gray;
}

.bt5 {
	margin:0px;
	border-radius:15px;
	font-size:11pt;
	font-weight:bold;
	width:26px;
	height:26px;
	margin-left:10px;
    font-family:Arial;
    border:none;
	background:blue;
	color:white;
}

.btn6 {
    font-family: Arial;
    font-size: 11pt;
    font-weight:normal;
    background-color:rgb(30, 200, 255);
    border:none;
    height:30px;
    width:150px;
    color:white;
    border-radius:2px;
	padding:0px;
    margin:10px;
    border: none;

}

.btn6:hover {
  background-color:blue;
}

.btn6:disabled {
  background-color: silver;
}

.bt11:hover {
  color: red;
}

.bt11:disabled {
  background-color: white;
  text-decoration:none;
}
.bt2:hover {
  border: 1px solid silver;
  text-decoration:underline;
}
.bt22:hover {
  text-decoration:underline;
}
.bt4:hover {
  /*background:rgb(50%, 90%, 90%);
  color:white;
  font-weight:bold;*/
  color:blue;
  font-weight:bold;
  border:1px  solid blue;
}

.bt4:disabled {
  /*background:rgb(50%, 90%, 90%);
  color:white;
  font-weight:bold;*/
  color:silver;
  font-weight:bold;
  border:1px  solid silver;
}

.bt44:hover {
  /*background:rgb(50%, 90%, 90%);
  color:white;
  font-weight:bold;*/
  color:blue;
  font-weight:bold;
  border:1px  solid blue;
}

.bt44:disabled {
  /*background:rgb(50%, 90%, 90%);
  color:white;
  font-weight:bold;*/
  color:silver;
  font-weight:bold;
  border:1px  solid silver;
}

.bt5:hover {
  color:black;
  font-weight:bold;
  border:1px  solid black;
}

.bt03 {
	border-radius:0px;
	font-size:11pt;
	font-weight:bold;
	width:80%;
	height:100%;
	margin:0px;
    font-size:11pt;
    font-family:Arial;
    border:none;
    color:red;
}

.bt03:hover {
  color:white;
  background:darkred;
}

.bt003 {
	border-radius:0px;
	font-size:11pt;
	font-weight:bold;
	width:80%;
	height:100%;
	margin:0px;
    font-size:11pt;
    font-family:Arial;
    border:none;
    color:white;
    background:red;
}

.bt003:hover {
  color:white;
  background:darkred;
}

.bt3:hover {
  color:blue;
}

.bt5:hover {
  background:rgb(50%, 90%, 90%);
  color:white;
  font-weight:bold;
}

.table1 {
	overflow-x:auto;
	overflow-y:auto;
	display:table;
	table-layout:fixed;
	background:white;
	outline:none;
	border:none;
	width:100%;
	max-height:calc(100vh - 100px);
	border-collapse:collapse; 
}

.table2 {
	overflow-x:auto;
	overflow-y:auto;
	display:block;
	table-layout:fixed;
	background:white;
	outline:none;
	border:1px solid silver;
	width:100%;
	max-height:calc(100vh - 135px);
	border-collapse:collapse; 
}

.tr1 {
    width:100%;
}

.tr1:nth-child(odd) td {
	background: white;	
}

.tr1:nth-child(even) td {
    background:rgb(240,248,255);
} 
    
.selectedrow {
    background-color:rgb(50%, 90%, 90%) !important;
	color:black;
	
}

.silverrow {
    background-color:white !important;
	color:silver !important;
	
}

.blackrow {
    background-color:white !important;
	color:black !important;
	
}

.redrow {
    background:red !important;
}

.redrow1 {
    color:red !important;
}

.greenrow {
    background:SpringGreen !important;
}

.displaynone {
    display:none;
}

.head1 {
	display:table;
	table-layout:fixed;
	width:100%;
	height:60px;
	border:none;
	outline:none;
}

/* Нечетные строки */
.table1 tbody tr:nth-child(odd){
	background: #fff;
}
 
/* Четные строки */
.table1 tbody tr:nth-child(even){
	background: #F7F7F7;
}

.input1 {
	font-weight:normal;
	border:1px solid silver;border-bottom:1px solid silver;height:20px;font-size:11pt;
}

.input1:active {
	font-weight:normal;
	background:white;
	border:1px solid silver;border-bottom:1px solid silver;height:20px;font-size:11pt;	
}

.input1:focus {
	font-weight:normal;
	background:white;
	border:1px solid silver;border-bottom:1px solid silver;height:20px;font-size:11pt;	
}

.input1:hover {
	font-weight:normal;
	background:white;
	border:1px solid silver;border-bottom:1px solid silver;height:20px;font-size:11pt;	
}

/*::-webkit-scrollbar {
    width: 2px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 
    border-radius: 0px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.8); 
}*/

.head {
	position:fixed;
	left:0px;
	top:0px;
    text-align:center;
    font-family: Arial;
    font-weight:bold;
	font-size: 11pt;
	width:100%;
	height:50px;
	padding:0px;
	background:white;
	color:black;
	border-bottom:none;
}

input[type="file"] {
    display: none;
}

input[type="radio"]:disabled {
    color:white;
    background:black;
}

.custom-file-upload {
    cursor: pointer;
    font-family: Arial;
    font-size: 11pt;
    background-color:rgb(30, 144, 255);
    border:none;
    padding: 4px 11px;
    color:white;
    border-radius: 0px;
    font-family: Arial;
    font-size: 11pt;
    font-weight:normal;
    background-color:rgb(30, 200, 255);
    border:none;
    height:25px;
    width:125px;
    color:white;
    border-radius: 3px;
    margin:10px;
    margin-left:0px;
    margin-right:8px;
}

.custom-file-upload1 {
    cursor: pointer;
    font-family: Arial;
    font-size: 11pt;
    background-color:white;
    border:1px solid gray;
    padding:4px;
    color:gray;
    border-radius: 2px;
    height:25px;
    width:200px;
    margin:0px;
    padding-left:30px;padding-right:30px;
    font-weight:bold;
}

.custom-file-upload1:hover {
  color:blue;
  font-weight:bold;
  border:1px  solid blue;
}
.password-control {
    vertical-align: middle;
    margin-left:-20px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(no-view.svg) 0 0 no-repeat;
}
.password-control.view {
	background: url(view.svg) 0 0 no-repeat;
}

.btn3 {
	border:1px solid silver;margin-left:10px;border-radius:0px;font-weight:bold;font-size:11pt;width:120px;height:30px;
}

.btn2 {
	text-align:left;
	border:2px solid red;
	background:rgba(0,0,0,0.05);
	margin:10px;
	border-radius:5px;
	width:auto;
	height:30px;
	font-size:12pt;
	font-weight:bold;
	color:red;
    font-family:Arial;
}

.btnmenu2 {
	text-align:left;
	border:1px solid silver;
	background:white;
	margin:0px 10px 0px 10px;
	border-radius:0px;
	width:auto;
	height:30px;
	font-size:11pt;
	font-weight:normal;
	color:black;
    font-family:Arial;
}

.btnmenu {
	text-align:left;
	border-radius:0px;
    border:1px solid silver;
	width:100%;
	height:30px;
    padding:0px 10px 0px 10px;
	font-size:11pt;
	font-weight:normal;
	color:black;
    background:white;
    font-family:Arial;
}

.btnmenu3 {
	text-align:center;
	border-radius:0px;
    border:none;
	width:100%;
	height:30px;
    padding:0px;
    margin:5px;
	font-size:11pt;
	font-weight:normal;
	color:white;
    background:dodgerblue;
position:relative;
    font-family:Arial;
    
}

.btnmenu33 {
	text-align:left;
	border-radius:5px;
    border:1px solid black;
	width:100%;
	height:40px;
    padding-left:10px;
    margin:2px;
	font-size:11pt;
	font-weight:normal;
	color:black;
    background:white;
    font-family:Arial;
    
}

.btnmenu33exit {
	text-align:right;
	border-radius:5px;
    border:1px solid black;
	width:100%;
	height:40px;
    padding-left:10px;
    margin:2px;
	font-size:11pt;
	font-weight:normal;
	color:black;
    background:white;
    font-family:Arial;
    
}

.btnmenu33s {
	text-align:center;
	border-radius:0px;
    border:1px solid black;
	width:100%;
	height:30px;
    padding:0px;
    margin:0px;
	font-size:11pt;
	font-weight:normal;
	color:black;
    background:white;
    font-family:Arial;
    width:auto;padding-right:10px;
}

.bt33 {
    transform:skew(-15deg);
display:inline-block;    
}

.iinput1 {
float:left;font-family: Arial;font-size: 11pt;background-color:rgb(30, 144, 255);border:none;height:25px;width:40%;color:white;border-radius: 3px;    
}

.iinput2 {
margin-left:20%;font-family: Arial;font-size: 11pt;background-color:rgb(30, 144, 255);border:none;height:25px;width:40%;color:white;border-radius: 3px;    
}

.iinput0 {
    display:flex;
}

   .block {
    background: green;
    position: relative;
    width: 100px; height: 50px;
   }
   .btnmenu3::after {
    content: ''; 
    position: absolute;
    right: -30px; top: 0px;
    border: 15px solid transparent;
    border-left: 15px solid dodgerblue;
   }

.btnmenu3:hover {
font-weight:bold;
color:white;
}

.btnmenu33::after {
float:right;
content: "▶";
margin-right:10px;
}

.btnmenu33s::before {
float:left;
content: "◀";
margin-right:10px;margin-left:10px;
}

.btnmenu33:hover {
font-weight:bold;font-size:11pt;
color:black;
}

.btnmenu33exit:hover {
font-weight:bold;font-size:11pt;
color:black;
}

.btnmenu33s:hover {
font-weight:bold;font-size:11pt;
color:black;
}

.btnmenu1 {display:table-cell;vertical-align:middle;}

.btnmenu:hover {
  color: blue;
  border-color: blue;
}

.btn1 {
	text-align:center;
	padding:10px;
	margin:10px;
	border-radius:5px;
    border:2px solid red;
	width:10vw;
	height:12vw;
	font-size:12pt;
	font-weight:bold;
	color:red;
    background:rgba(0,0,0,0.1);
    width:23%;
    font-family:Arial;
	display:inline-table;
}

.btn1:hover {
  color: blue;
  border-color: blue;
}

.btn2:hover {
  color: blue;
  border-color: blue;
}

.btnmenu2:hover {
  color: blue;
  border-color: blue;
}

.exit1 {
line-height:9pt;height:9pt;display:inline-block;border-radius:0px;display:inline-block;text-align:right;margin-left:5px;width:10pt;height:10pt;border:1px solid black;border-right:none;    
}

.exit1:hover {
  color: blue;
  border-color: blue; 
border:2px solid dodgerblue;  
}

xy {
    margin-top:3px;margin-right:10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	display:inline-block;
	padding:4px;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left:-10px;
}

.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-left:-11px;
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

x {
	border: solid black;
	border-width: 0 0 1px 0;
	display:inline-block;
	padding:0 4px 4px;
	margin:0 0 4px 0;
}

xyx {
	border: solid black;
	border-width: 1px 0 1px 1px;
	border-radius:0 0 0 0;
	display:inline-block;
	padding:0 0 0 0;
	margin:0 0 0 6px;
}

yxy {
	line-height:8pt;height:8pt;display:inline-block;border-radius:0px;display:inline-block;text-align:center;margin-left:10px;width:11pt;height:11pt;border:1px solid black;border-right:none;
}

yxy:hover {
	color:blue;
}

xyx:hover {
	color:blue;
}

x:hover {
	color:blue;
}

xy:hover {
	color:blue;
}

rightalign {
    margin-right:10px;
    float:right;
}

leftalign {
    margin-left:10px;margin-right:10px;
    float:left;
}

verticalalign {
display:table-cell;vertical-align:middle;	
}

h2 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	margin-right:-5px;
	margin-top:-5px;
}

.btnmenu:hover x {
    border-color: blue;
}

.btnmenu:hover xy {
    border-color: blue;
}

.btn1:hover x {
    border-color: blue;
}

.btn1:hover xy {
    border-color: blue;
}

.btn2:hover x {
    border-color: blue;
}

.btn2:hover xy {
    border-color: blue;
}

.btnmenu2:hover x {
    border-color: blue;
}

.btnmenu2:hover xy {
    border-color: blue;
}
.input1::-webkit-inner-spin-button {
	opacity:1;
}

input::placeholder {
	font-size:11pt;
}

.button1 {
    font-family: Arial;
    font-size: 11pt;
    font-weight:normal;
    background-color:rgb(30, 200, 255);
    border:none;
    height:20px;
    width:auto;
    color:white;
    border-radius:3px;
    margin:0px;
	padding:0px 20px 0px 10px;
}

.button2 {
    font-family: Arial;
    font-size: 11pt;
    font-weight:normal;
    background-color:rgb(30, 200, 255);
    border:none;
    height:25px;
    width:125px;
    color:white;
    border-radius:3px;
	margin:5px 10px 5px 0px;
	padding:0px;
}

.button2:disabled {
background:silver;
}

.button3 {
border:none;background-color:rgb(30, 200, 255);margin:0px;padding:0px;margin-top:-20px;margin-left:0px;width:20px;height:20px;"
}

.button10 {
margin:10px;font-size:11pt;width:25px;height:25px;border:none;border-radius:12.5px;	
}

.button11 {
border:none;width:auto;font-size:11pt;height:25px;margin:10px;margin-left:-20px;padding-left:20px;-webkit-mask-image: radial-gradient(circle 12.5px at 0 12.5px, transparent 0, transparent 12.5px, black 10px);	
}

@media screen and (max-width: 1000px) {
    .row {
        flex-direction: column;
        margin-top:160px;
    }
    .side {
		text-align:center;
        width: 100%;
    }
    .main {
		text-align:center;
        width: 100%;
    }
    .row1 {
        flex-direction: column;
    }
    .iinput0 {
        flex-direction: column;
    }
    .iinput1 {
        width: 100%;
    }
    .iinput2 {
        margin:0px;
        width: 100%;
        margin-top:25px;
    }
    .side1 {
        width: 100%;
    }
    .bt1 {
        width:50%;
    }
    .btnmenu33 {
        height:60px;
    }
}

.dnup {
    font-size:8pt;
    float:right;
    margin-right:5px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
}

.dnup:hover {
    color:blue;
}

.dnup0 {
    font-size:8pt;
    float:right;
    margin-right:5px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
}

.dnup0:hover {
    color:blue;
}

.open {
    font-size:8pt;
    float:right;
    margin-right:5px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
    transform: rotate(45deg) !important;   
}

.open:hover {
    color:blue;
}

.open0 {
    font-size:8pt;
    float:right;
    margin-right:5px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
    transform: rotate(45deg) !important;   
}

.open0:hover {
    color:blue;
}

.upk_btn0 {
	text-align:center;
	padding:0px;
	margin:0px;
	margin-left:1%;
	border-radius:0px;
    border:none;
	width:12%;
	height:25px;
	font-size:12pt;
	font-weight:bold;
	color:white;
    background:green;
    font-family:Arial;
}

.upk_btn0:hover {
  background-color: SpringGreen;
}

.upk_btn1 {
	text-align:center;
	padding:0px;
	margin:0px;
	margin-top:20px;
	border-radius:0px;
    border:none;
	width:10%;
	height:30px;
	font-size:12pt;
	font-weight:bold;
	color:white;
    background:blue;
    font-family:Arial;
}

.upk_btn1:hover {
  background-color: blue;
}

.upk_btn1:disabled {
  background-color: silver;
}

.upk_btn2 {
	text-align:center;
	padding:0px;
	margin:0px;
	margin-left:3%;
	border-radius:0px;
    border:none;
	width:10%;
	height:25px;
	font-size:11pt;
	font-weight:bold;
	color:white;
    background:blue;
    font-family:Arial;
}

.upk_btn2:hover {
  background-color: blue;
}

.upk_btn2:disabled {
  background-color: silver;
}