.login-ui .login-dialog .logo {
        background-image: url('app/ext/tempnamespace/images/logo-tuxanet-schwarz.png');
	background-repeat:no-repeat;
        width: 11em;
        background-size:         11em auto;
        -moz-background-size:    11em auto;
        -webkit-background-size: 11em auto;
        -khtml-background-size:  11em auto;
}
div.login-ui {
	background: #666;
	background-color: #666;
        background-image: url('images/bg.jpg');
        background-size:cover;
}
.login-ui .login-dialog {
	background-color: transparent;
  	border: 2px solid red;
  	border-radius: 5px;
        font-family: Raleway, FreeSans, Arial;
        font-style: italic;
        font-size: 0.9em;

}
.login-ui .login-dialog .login-fields input {
    font-family: Raleway, FreeSans, Helvetica, Arial, sans-serif;
}
.header {
    border-bottom: 1px solid rgba(0,0,0,1.0);
    box-shadow: rgba(0,0,0,0.75);
    background: rgba(0,128,255,1.0);
    color: rgba(255,255,255,1.0);
}


/*
 * Changes the default color and fonts of the submit buttons, along with font
 * size and weight.
 */
input[type="submit"], button, a.button {
    background-color: rgba(0,145,255,1.0);
    border: 1px solid rgba(0,255,145,1.1);
    font-size: 1em;
    font-weight: bold;
    font-family: Raleway, FreeSans, Helvetica, Arial, sans-serif;
}

/*
 * Changes the coloring on the submit-styled buttons when you hover over them.
 */
input[type="submit"]:hover, button:hover, a.button:hover {
    background-color: rgba(0,255,145,1.0);
    border: 1px solid rgba(0,145,255,1.0);
}

/*
 * Changes the coloring on the submit-styled buttons when you click on them.
 */
input[type="submit"]:active, button:active, a.button:active {
    background-color: rgba(0,145,255,1.0);
    border: 1px solid rgba(255,95,0,1.0);
}

/*
 * Provide a custom color scheme for danger-styled buttons.
 */
button.danger, a.button.danger {
    background: rgba(255,95,0,1.0);
    border: 1px solid rgba(255,0,0,1.0);
}

/*
 * Provide a cusotm color scheme for hovering over danger-styled buttons.
 */
button.danger:hover, a.button.danger:hover {
    background: rgba(255,0,0,0.75);
    border: 1px solid rgba(255,95,0,1.0);
}

/*
 * Provide a custom color scheme for danger-styled buttons when clicked.
 */
button.danger:active, a.button.danger:active {
    background: rgba(255,0,170,1.0);
    border: 1px solid rgba(255,95,0,1.0);
}

.settings.connectionHistory .history-list {
    width: 70%;
}



div.all-connections {
    margin: 1em;
    padding: 0;
	background-color: transparent;
  	border: 2px solid red;
  	border-radius: 5px;
        width: 90%;
}

.all-connections .list-buttons {
    text-align: center;
    padding: 0;
}

div.recent-connections {
    text-align: center;
    background-color: transparent;
    border: 2px solid blue;
    border-radius: 5px;
    width: 70%;
    margin: auto;
}

div.recent-connections div.connection {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    border-radius: 0.5em;
    display: inline-block;
    padding: 1em;
    margin: 1em;
    text-align: center;
    max-width: 75%;
    overflow: hidden;
}




body {
    font-family: Raleway, FreeSans, Helvetica, Arial, sans-serif;
}

table.blueTable {
  border: 0px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 70%;
  text-align: center;
  border-collapse: collapse;
  margin: auto;
  box-shadow: 0px 0px 36px 15px rgba(0, 0, 0, 0.28);
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 4px 2px;
}
table.blueTable tbody td {
  font-size: 13px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

@font-face {
    font-family: 'Raleway';
    font-weight: normal;
    font-style: normal;
    src: url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Regular.woff') format('woff'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Regular.otf') format('opentype'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Raleway';
    font-weight: bold;
    font-style: normal;
    src: url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Bold.woff') format('woff'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Bold.otf') format('opentype'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Bold.ttf') format('ttf');
}

@font-face {
    font-family: 'Raleway';
    font-weight: normal;
    font-style: italic;
    src: url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Italic.woff') format('woff'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Italic.otf') format('opentype'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-Italic.ttf') format('ttf');
}

@font-face {
    font-family: 'Raleway';
    font-weight: bold;
    font-style: italic;
    src: url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-BoldItalic.woff') format('woff'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-BoldItalic.otf') format('opentype'),
         url('app/ext/guacamole-branding-example/resources/fonts/raleway/Raleway-BoldItalic.ttf') format('ttf');
}
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* Label/tag denoting the user that shared a connection */
.jdbc-share-tag {

    background: #0095ff;
    padding: 0.25em;

    -moz-border-radius:    0.25em;
    -webkit-border-radius: 0.25em;
    -khtml-border-radius:  0.25em;
    border-radius:         0.25em;

    color: white;
    font-size: 0.75em;
    font-weight: bold;

}