/* style sheet used for LabHost app */

/* element overrides */
body {
	font-family:candra,calibri,sans-serif;
	font-size:90%;
	min-width:98.75%;
	min-height:600px;
	position:absolute;
}

a {
	font-size:80%;
	text-decoration:none;
}
a:hover {
	color:rgb(255,64,129);
}
sup {
	color:gray;
}

/* classes and ids */

/* header */
.header {
	height:50px;
	background-color:rgb(0,139,139);
	padding:3px 3px 3px 8px;
	position:relative;
}
.hstrip {
	position:absolute;
	right:210px;
	bottom:1px;
}
.hstrip a {
	color:rgb(240,227,213);
	background-color:rgb(0,139,139);
	margin:0px 5px 0px 5px;
}
.hstrip a:hover {
	color:rgb(255,64,129);
}

/* subheader - menu */
.menu {
	height:31px;
	background-color:rgb(0,139,139);
}
a.lmenu {
	color:rgb(240,227,213);
	background-color:rgb(0,139,139);
	padding:15px 15px 0px 15px;
	font-size:100%;
	border:2px solid rgb(255,255,255);
	float:left;
	margin-left:8px;
	margin-bottom:10px;
}
a.lmenu:hover {
	color:rgb(0,139,139);
	background: rgb(100,219,219);
}

.box {
	border:2px solid rgb(240,227,213);
	margin:0px 0px 5px 0px;
	position:relative;
	text-align:center;
}

.box form{
    display:inline-block;
	border-collapse:collapse;
	text-align:left;
}

.box input[type=text], .box input[type=date], .box input[type=datetime-local], .box select {
	border:1px solid rgb(195,195,195);
	width:100%;
}

.box input[type=date], .box input[type=datetime-local] {
	font-family:candra,calibri,sans-serif;
	font-size:100%;
}

.box textarea {
	border:1px solid rgb(195,195,195);
	width:95%;
}

.box button {
	border:2px solid rgb(240,227,213);
	background-color:rgb(255,64,129);
	color:rgb(240,227,213);
	min-width:105px;
}

.box button:hover ,button:focus{
    border:2px solid rgb(100,219,219);
    cursor:pointer;
}

.box button:disabled {
	border:2px solid lightgray;
	background-color:gray;
	color:lightgray;
    	cursor:default;
}

.service_head {
    background-color:lightgray;
    text-align:center;
    font-weight:bold;
}

.service_det {
    background-color:rgb(242,242,242);
    text-align:left;
    font-weight:normal;
}

.service_head button {
	min-width:20px;
}

.cform {
    display:inline-block;
    background-color:rgb(240,227,213);
    width:15%;
    border:1px solid red;
    height:100px;
}

#robutton {
	border:2px solid rgb(0,139,139);
	background-color:rgb(255,64,129);
	color:rgb(234,234,234); /*-- min-width:105px; is not in use*/
}

#robutton:hover ,#robutton focus{
        text-decoration:none;
}
.robutton {
	border:2px solid rgb(0,139,139);
	background-color:rgb(255,64,129);
	color:rgb(234,234,234); /*-- min-width:105px; is not in use*/
}

.robutton:hover ,#robutton focus{
        text-decoration:none;
}


#showbutton:hover {
        border-left:2px solid ;
        border-right:2px solid ;
}
#showbutton {
        border-left:2px solid rgb(255,64,129);
        border-right:2px solid rgb(255,64,129);
		min-width:105px;
        margin-left:20px;
        padding:5px 5px 0px 5px;

}

.lstrip {
	float:left;
	background-color:rgb(240,227,213);
	width:150px;
}

.lstrip a {
	display:inline-block;
	color:rgb(240,227,213);
	background-color:rgb(0,139,139);
	padding:5px 5px 5px 5px;
	font-size:100%;
	border:2px solid rgb(255,255,255);
	margin:0px 3px 3px 3px;
	width:95%;
}

.lstrip a:hover {
	color:rgb(0,139,139);
	background: rgb(100,219,219);
}

.lstrip p {
	font-weight:bold;
}

.ro {
	background-color:rgb(234,234,234);
	border:2px solid rgb(195,195,195);
}

#custwindow {
	background-color:rgb(179,162,199);
	border:2px solid white;
	margin:5px;
	padding:5px;
	color:white;
	font-size:80%;
	width:88%;
}
#custwindow h {
	display:inline-block;
	font-weight:bold;
	color:rgb(179,162,199);
	background-color:white;
	text-align:center;
	width:100%;
}

#check {
	width:auto;
}

.cal select{
	width:60px;
}

.list, .list_bw{
    	float:left;
	border-collapse:collapse;
	margin:5px;
}

.list button, .list_bw button{
	min-width:40px;
}

.list caption  {
	font-size:125%;
	background-color:rgb(240,227,213);
	border:1px solid rgb(230,207,183);
	color:rgb(0,139,139);
}

.list th{
	color:rgb(0,139,139);
	background-color:rgb(240,227,213);
	font-weight:normal;
	font-size:105%;
	min-width:50px;
	text-align:center;
}
.list th, .list td {
	//border:1px solid rgb(240,227,213);
	border:1px solid rgb(230,207,183);
	padding:0px 2px 0px 2px;
	word-wrap:break-word;
}

.list a {
	font-size:100%;
}

.list_bw caption  {
	font-size:125%;
	background-color:white;
	border:1px dashed lightgray;
	font-weight:bold;
	color:black;
}

.list_bw th{
	color:black;
	background-color:white;
	font-weight:bold;
	font-size:105%;
	min-width:50px;
	text-align:center;
}
.list_bw th, .list_bw td {
	border:1px dashed lightgray;
	padding:0px 2px 0px 2px;
	word-wrap:break-word;
}

.list_bw a {
	font-size:100%;
}

.noborder {
    border-collapse:collapse;
}

.act {
	margin-top:10px;
	background:rgb(240,227,213);
}
.act td {
	padding:0;
}

td {
	padding:2px 2px 2px 2px;
}

.panel, .panel_line {
	border:1px solid rgb(195,195,195);
	margin-bottom:5px;
	table-layout:fixed;
}
.panel caption, .panel_line caption{
	border:1px solid rgb(195,195,195);
	background-color:rgb(195,195,195);
}

.panel_line {
	border-collapse:collapse;
}
.panel_line th, .panel_line tr, .panel_line td{
	border:1px solid rgb(195,195,195);
}


.panel_line th{
	background:rgb(195, 195, 195);;
}

.panel_line a {
	font-size:100%;
}

.panel_line button {
	min-width: 40px;
}

.h {
	font-size:125%;
	font-weight:bold;
	color:rgb(0,139,139);
	background-color:rgb(240,227,213);
	text-align:center;
	width:100%;
}

.hinput {
	float:right;
	font-size:85%;
	font-weight:normal;
	color:rgb(0,139,139);
	background-color:rgb(240,227,213);
}


/* widgets */
.widget{
	border:2px solid rgb(240,227,213);
	float:left;
	min-height:100px;
	margin:3px 3px 3px 3px;
}
.widget button {
	border:1px solid rgb(0,139,139);
	background-color:rgb(255,64,129);
	color:rgb(240,227,213);
	min-width:40px;
}
.widget button:hover ,button:focus{
    text-decoration:underline;
	color:rgb(255,64,129);
	background-color:rgb(240,227,213);
}
.widget table{
	margin: 5px;
}
.widget_jc{
	border:2px solid rgb(240,227,213);
	min-height:125px;
	margin:0px 3px 3px 3px;
	float:left;
}

.err{
	border:1px dashed rgb(255,0,0);
	color:rgb(255,0,0);
	background-color:rgb(255,255,159);
	margin:5px 25% 5px 25%;
	padding:0px 20px 0px 20px;
	text-align:center;
}

.msg{
	border:1px dashed rgb(0,64,0);
	color:rgb(0,64,0);
	background-color:rgb(170,255,170);
	margin:5px 25% 5px 25%;
	padding:0px 20px 0px 20px;
	text-align:center;
}

.jc{
	display:inline-block;
	min-height:100px;
	min-width:90px;
	margin:1px;
	border-collapse:collapse;
}

.jc caption{
	display:block;
	font-size:110%;
	border-bottom:1px solid rgb(0,139,139);
	background:rgb(195,195,195);
}

.jc th {
	color:rgb(0,139,139);
	font-weight:normal;
	padding:0px 3px 0px 3px;
	border-bottom:1px solid rgb(0,139,139);
}
.jc td {
	border-bottom:1px dashed rgb(0,139,139);
}

.jc a {
	font-size:100%;
}


.cust_list{
	display:inline-block;
	margin:3px;
        border-collapse:collapse;
        width:100%;
        height:100%;
}

.cust_list th {
	color:rgb(0,139,139);
	background-color:rgb(240,227,213);
	font-weight:normal;
	font-size:95%;
	min-width:50px;
}
.cust_list td {
	border:1px solid rgb(240,227,213);
}

.cust_list a {
	font-size:100%;
}

.cfg {
    font-weight:bold;
    padding-top:10px;
    border-bottom:1px solid rgb(0,139,139);
}

.highlight {
font-weight:bold;
font-size:125%;
color:rgb(0,139,139);
}

.alert {
	color:white;
	background-color:orange;
	text-align:center;
}

.alert a {
	font-size:100%;
	color:white;
	font-style:italic;
}
.alert a:hover {
	text-decoration:underline;
}

.chart {
	width:80%;
	border:1px solid gray;
	border-collapse:collapse;
	margin:10px 10px 10px 10%;
}

.chart table {
	border:1px solid rgb(195,195,195);
	border-collapse:collapse;
	width:300px;
}

.chart caption {
	border:1px solid rgb(195,195,195);
	background-color:rgb(195,195,195);
	font-size:175%;
}

.chart th, .chart tr, .chart td{
	border:1px solid rgb(195,195,195);
}


.chart th{
	background:rgb(195, 195, 195);;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    padding-bottom: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0,0,0,0.4); /* Fallback color */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 50%;
    height:75%;
    overflow: auto; /* Enable scroll if needed */
}

.modal-content p {
	font-size:125%;
	font-weight:bold;
	background-color:rgb(0,139,139);
	color:rgb(240,227,213);
	text-align:center;
	margin:0;
}
.modal-content input[type=text] {
	border:0;
}

.onoff td {
	background-color:rgb(100,219,219);
	font-size:125%;
	text-align:center;
}
.onoff td:hover, td:focus {
	background-color:yellow;
	cursor:pointer;
}


/* footer */
.footer {
	/*#clear:both;*/
	color:rgb(127,127,127);
	font-size:75%;
	/*#float:right;*/
	position:fixed;
	bottom:0;
	right:3px;
}
.footer a {
	font-size:100%;
	margin:0px 5px 0px 5px;
}

/* for dropdown menu */
ul#nav {margin-left:18%; margin-bottom:3px;}
#nav { position: relative; z-index: 597; float: left; }
#nav a { display:block; color:rgb(240,227,213); padding:15px 15px 0px 15px; border:2px solid rgb(255,255,255); font-size: 100%; text-decoration: none;}
#nav a:hover {color:rgb(0,139,139); background: rgb(100,219,219);}
#nav, #nav li, #nav ul {list-style: none; margin:0; padding:0; background-color:rgb(0,139,139);}
#nav li { float: left; }
#nav li:hover { position: relative; z-index: 599; cursor: default;}
#nav li:hover > ul { visibility:visible;}
#nav ul { visibility:hidden; position: absolute; top: 100%; left: 0%; z-index: 598; width:185px ;}
#nav ul li { float: none; }
/* end of dropdown menu */

/* end */