body, html, form{
    padding:0;
    margin:0;
}

html {
        background-color:#008bbc;  
}


body  {
    font-family: Arial;
    background: linear-gradient(#008BBC, #019FE2, #008BBC);
    background-position:center;
    background-repeat:repeat-x;    
    margin:0px;
    padding:0px;
  
}

#Start {
    margin-top: 3%;
    margin-left:auto;
    margin-right:auto;
    background:white;
    width:50%;
    border-radius:10px;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    min-width:500px;  
}

#Header {
    border-bottom:solid;
    border-width:4px;
    border-color:lightgray;
    margin-bottom:20px; 
}

#Header .Left
 {
     display:table-cell;
}

#Header .Center
 {
    display:table-cell;
    width:50px; 
}
#Header .Right
 {
    display:table-cell;
    vertical-align:middle;  
    font-family: "Comfortaa"; 

}

#Header .Logo {
    height:120px; 
    text-align:center;  
}

    #Header .Title {
        font-family: "Comfortaa";
        font-size:20px;
        color:#006600;
    }


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 {
    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%; 
    }

    .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:#00a6e0;
    color:white; 
}

.Disabled {
    color:lightgray;
}


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

.Login {
    padding:20px;
    width:30%;
    margin-left:auto;
    margin-right:auto;  
    margin-top:8%;  
    margin-bottom:8%; 
    border-radius:6px;
    border-style:solid;
    border-width:4px;  
    border-color: #ebebeb;
    background-color:#f7f7f7;
    min-width:400px; 
}

    .Login .Message {
        color:red;
    }

    .Login h1 {
        color:#0090ad;
    }
	
.Identity {
    width:300px;
    float:right;
    text-align:right;   
}