* {
    margin:0px;
}

body 
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color:white; 
    margin:0px;
    padding:0px;
}

.Logo {
    margin-top:-10px;
    margin-right:-14px; 
    vertical-align:middle; 
}

h1 h2 {
    margin:0px;
}

.Header {
    background-color:#ebebeb;
    font-size:larger;
    padding:20px;  
    border-bottom-style:solid;
    border-bottom-color:gainsboro;    
}

.Subtitle
{
	color:gray;
	font-size:30px;
}

.Layout {
    background-color:white; 
    border-radius:10px;
}

.LeftCol {
    background-color:#ebebeb; 
    width: calc(30% - 50px);
    border-right-style: solid;
    border-right-color:lightgray;   
    display:inline-block;
    padding:20px;
}

.RightCol {
    width: calc(70% - 40px);
    display:inline-block;
    padding:20px;
    vertical-align:top; 
    margin-left:-6px; 
}

.Label {
    font-size:large; 
    padding:4px; 
}

.SelIcon
{
	vertical-align:middle;
}

.Control, .Result {
    font-size:large;
    padding:4px; 
    margin-bottom:8px;  
}

    .Control select {
        font-size:large;
        width:100%; 
    }

    .Control option {
        font-size:large;  
        padding:4px;
    }

    .Control input[type="text"] {
        font-size:large;  
        padding:8px;
        width: calc(100% - 20px); 
    }
    
    .Control input[type="password"] {
        font-size:large;  
        padding:8px;
        width: calc(100% - 20px); 
    }

    .Control input[type="radio"] {
        height:24px;
        width:24px;
        vertical-align:middle; 
        margin-left:16px; 
    }

    .Control textarea {
        font-size:large;  
        padding:8px;
        width: calc(100% - 20px); 
        height:60px; 
    }
    

    .Control label {
        margin-top:20px; 
        height:30px; 
        margin-left:4px; 
    }

    .Control table {
    }

.Method {
    padding-bottom:10px;   
    margin-bottom:10px;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:gainsboro;
}

    .Method h2 {
        font-size:large;  
    }

.Description {
   margin-bottom:10px;
   color: #585858;
}

.Text {
    padding:10px;
}

.List {
    padding:10px;
    height:350px; 
}

.Result, .Performance {
    padding:20px;
    background-color:white;  
    overflow:auto; 
}

    .Result div, .Performance div {
        margin-bottom:20px; 
        overflow:auto;
    }

    .Result span {
        overflow:auto;
        position:relative;        
    }
	
	.Result th, .Result td {
        background-color: #ebebeb;
        padding:8px;
        border-style:none;
    }

    .Result th {
        color:black; 
    }

    .Result td {
    
    }


.Type {
    margin-left:6px; 
    color:#0094ff;
}

.SelectIcon {
    vertical-align:middle;  
}

.Buttons {
}

.ButtonLink {
    margin-right:10px; 
}

.Button, .Disabled {
    margin-top:20px;
    padding:10px;
    background-color:gainsboro;
    border-style:none;
    border-radius:4px;       
    font-size:large;
    width:100px;
    text-align:center;   
    text-decoration:none;
    color:black;
    display:inline-block; 
}

.Button:hover {
    background-color:#0094ff;
    color:white; 
}

.Disabled {
    color:lightgray;
}


.Footer {
    background-color:#d9d9d9;
    height:40px; 
}

.Login {
	margin-top:8%;
    padding:20px;
    width:50%;
    margin-left:auto;
    margin-right:auto; 
    border-radius:6px;
    border-style:solid;
    border-width:4px;  
    border-color: #ebebeb;
}

    .Login .Message {
        color:red;
    }
	
.Identity {
    width:300px;
    float:right;
    text-align:right;   
}


    
@media only screen and (max-width: 980px) {

.body
{
	font-size:larger;  	
}

.Header {
    font-size:50px;
	width:100%;
	margin-bottom:40px;
}

.Logo {
    margin-top:-40px;
    margin-right:-34px; 
    vertical-align:middle; 
	height:60px;
	width:60px;
}


.Subtitle
{
	color:gray;
	font-size:40px;
}

.LeftCol {
    width: 100%;
}

.RightCol {
    width:100%; 
    min-height:400px; 
}

.List {
    height:auto; 
}



.Label
{
	font-size:50px;
	padding:10px;
}

.Type {
    margin-left:6px; 
	font-size:30px; 
}

.SelIcon
{
	height:50px;
	width:50px; 
}

    .Method h2 {
        font-size:50px;  
    }


.Description
{
	font-size:40px;
	padding:20px;
}

    .Control select {
        width:90%; 
		font-size:50px;
    }
    
    .Control input[type="text"] {
        width: 90%; 
		font-size:50px;
    }
	
	.Control input[type="password"] {
        width: 90%; 
		font-size:50px;
    }

    .Control textarea {
        width: 90%; 
		font-size:50px;
    }
	
	.Control input[type="radio"] {
        height:60px;
        width:60px;
        vertical-align:middle; 
        margin-left:30px; 
		margin-top:-10px;
    }
		
    .Control label {
		font-size:50px;
        margin-top:20px; 
        height:30px; 
        margin-left:4px; 
    }
	
.Button, .Disabled {
    margin-top:40px;
    padding:20px;
    background-color:gainsboro;
    border-style:none;
    border-radius:10px;       
    font-size:50px;
    width:200px;
}

.Result, .Performance {
	font-size:50px;
}

.Login {
    padding:20px;
    width: 98%;
    border-style:none;
}

.Identity {
	display:none;
}

    .Login .Message {
		margin-top:40px;
        font-size:50px; 
    }


}