body, html {
        background: url('../img/back.png') no-repeat;
        background-size: 100%;
        -webkit-background-size: 100%;
        height: 100%;
        margin: 0;
        overflow:hidden;
        font-family: helvetica;
	font-weight: 100;
	-moz-user-select: none; 
	-webkit-user-select: none;
}

.menubar{
	position: fixed;
	height: 45px;
	background:black;
	color: white;
	font-size: 20px;
	width: 100%;
	text-align: center;
}

.menubar .menuelem{
	display: inline-block;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	padding: 10px;
}

.menubar .menuelem:hover{
/*	background: cyan;
	color: black; */

	outline: 5px solid cyan;
	outline-offset: -5px;

	transition: .3s;   
}

.menubar .etimer{
	padding: 5px;
	font-weight: bold;
	font-size: 30px;
	color: red;
}

.contentbar {
	position: absolute;
	top: 45px;
	width:100%;
	overflow: auto;
}

.reftab {
	margin: 4% auto;
	width: 720px;
    
}

.reftab td {
	max-width: 180px;
	padding:3px;
}

.reftab .tla {
    text-align: right ;
}

.reftab  .tabsep {
    background: lightblue;
    text-align: center;
    padding: 10px;
    
}

.reftab  .tabsel {
	border: 1px solid black;
	border-radius: 7px;
	padding: 5px;
	cursor: pointer ;
	-moz-user-select: none; 
	-webkit-user-select: none;
}

.reftab .tabsel:hover {
	background: lightblue;
}

.reftab .runtest{
    cursor: pointer ;
    -moz-user-select: none;
    -webkit-user-select: none;
    height: 40px;
    text-align: center;
    border: 1px solid black;
    border-radius: 7px;
    background: rgb(136, 247, 142);
    font-weight: bold ;
}

.reftab .runtest:hover{
    background: lightblue;
}


/* Всплавающие окна */
.w-popup{ /* подложка */
        width:100%;
        min-height:100%;
        background-color: rgba(0,0,0,0.5);
        position:fixed;
        overflow:auto;
        top:0px;
        display:none;
}
.w-popup .w-popup-content{ /* окно */
        max-width:96%;
        margin:60px 60px auto;
        margin-left:auto;
        position:absolute;
        height:auto;
        padding: 10px 10px 10px;
/*      border-top: 15px solid #64c8ef;  это был заголовок окна - типа*/
        background-color: #F0F8FF; 
        border-radius:5px;
        box-shadow: 0px 0px 10px #000; 
}

.w-alert-content{
        margin:200px auto;
        height: auto;
        width: 300px;
        padding: 10px;    
        background-color: #F0F8FF; 
        border-radius:5px;
        box-shadow: 0px 0px 10px #000; 
}


/* Кнопки */
/* Кнопка обычная */
.cButton {
        padding: 5px 15px;
        border-radius: 8px;
        cursor:pointer;
        -webkit-user-select: none;
        display: inline-block;
        text-decoration: none;
        font-family:Arial, Helvetica, sans-serif; 
        font-size:12px;
        border: 1px solid #8e8e8e;
        color:black;
        background: #fafafa;
        background: linear-gradient(to top, #e6e6e6, #fafafa);
}
.cButton:hover {
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
        background: linear-gradient(to top, #4bb9d6, #64c8ef);
        color: #191970;
}

/* Кнопка нажатая */
.cButtonP {
        padding: 5px 15px;
        border-radius: 6px;
        cursor:pointer;
        -webkit-user-select: none;
        display: inline-block;
        text-decoration: none;
        font-family:Arial, Helvetica, sans-serif; 
        font-size:12px;
        border: 1px solid #8e8e8e;
        color:black;
        background: #ade8ff;
}
.cButtonP:hover {
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        background: #64c8ef;
        color:  #191970;
}

.apionted {
    margin: 5px;
}

.apionted:hover {
    font-weight: bold ;
}

.view_table {
	color:black;
	background:#eaebec;     
	border:#ccc 1px solid;  

	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 

	border-radius:7px; 
	box-shadow: 0px 0px 15px #d1d1d1;

	width: 100%;
} 

.view_table th {
	background: #f2f2f2;
 
	font-weight:bold; 
	padding:10px 5px 10px 5px; 
	text-align: center;  
}

.view_table tr{ 
	text-align: left; 
} 

.view_table td.docline { 
	background: #f2f2f2; 
} 

.view_table td.vt{ 
	background: #ededed;
	text-align: right; 
}  

.view_table tr td {
	padding:7px;
	background: #fafafa;  
/*	border-left: 1px solid #e0e0e0; */
	-webkit-user-select: auto; 
} 


.view_table tr:last-child td{ 
	border-bottom:0;
} 

.view_table tr:last-child td:first-child{ 
	border-bottom-left-radius: 5px;
} 
.view_table tr:last-child td:last-child{ 
	border-bottom-right-radius: 5px;
} 

.view_table tr:first-child th:first-child{ 
	border-top-left-radius: 5px;
}
.view_table tr:first-child th:last-child{ 
	border-top-right-radius: 5px;
} 


.view_table tr:hover td{
	background: #f2f2f2; 
	-webkit-user-select: auto;
} 

.view_table_div {
	position: fixed ;
	height: 90%;
	width: 100%;
	margin: 20px;
	overflow:auto;
}

.pageselect_select {
	text-align: right ;
	margin-right: 15px;
	margin-top:15px;
	white-space: nowrap;
}

.pageselect_select select {
	font-family: Arial;
	font-size: 15px;
	height:30px;
	margin-left:10px;
	margin-right:8px;
	border: 1px solid #8e8e8e;
	background: linear-gradient(to top, #e6e6e6, #fafafa);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}

.pageselect_select a {
	margin:0px;
	margin-left:1px;
	margin-right:1px;
	font-family: Arial;
	font-size: 15px;  
	padding: 5px 15px;
	cursor:pointer;
	-webkit-user-select: none;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #8e8e8e;
	color:black;
	background: #fafafa;
	background: linear-gradient(to top, #e6e6e6, #fafafa);
	width:10px;
	height:20px;
}

.pageselect_select a:hover{
	background: lightblue;
}