﻿* {
    margin:0px;
}

body 
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color:white; 
    margin:0px;
    padding:0px;
	background: #f5f5f5;
	background: radial-gradient(circle,rgba(245, 245, 245, 1) 0%, rgba(222, 222, 222, 1) 100%);
}

.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:small; 
    padding:4px; 
}

.SelIcon
{
	vertical-align:middle;
}

.Control, .Result {
    font-size:large;
    padding:4px; 
    margin-bottom:8px;  
}

    .Control select {
        font-size:large;
        width:100%; 
        padding:8px;
    }

    .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:#38c0da;
    color:white; 
}

.Disabled {
    color:lightgray;
}


.Footer {
    background-color:#d9d9d9;
    height:40px; 
}

.Login {
	margin-top:12%;
    padding:20px;
    width:30%;
    margin-left:auto;
    margin-right:auto; 
    border-radius:6px;
    border-style:solid;
    border-width:4px;  
    border-color: #ebebeb;
    background-color:white;
    opacity:90%;   
}

    .Login .Message {
        color:red;
    }

    .Login h1 {
        color:#0090ad;
    }
	
.Identity {
    width:300px;
    float:right;
    text-align:right;   
}


