/*
 * 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;

}
/* Fonts */
@font-face {
  font-family: "Audiowide";
  src: url("app/ext/securerange/web/fonts/Audiowide/Audiowide-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Body */
body {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #212121;
}
/* Users */
.user-list {
	width: 60px;
	display: inline-flex;
}

/* Login */
.login-ui .login-dialog .version .app-name {
     font-family: 'Audiowide', sans-serif;
     font-size: 1.25em;
     font-weight: 400;
}

.login-ui .login-dialog .login-fields input {
    font-family: 'Roboto Mono', monospace;
    font-size: 18px;
    letter-spacing: 1px;
}
.login-ui .login-fields .labeled-field .field-header {
	font-family: 'Roboto Mono', monospace;
	font-size: 18px;
}
/* H's */
h2, h3, h4 { font-family: 'Roboto', sans-serif; color: #EEE; }

.header h2 { 
	font-weight: 700;
	line-height: 2em;
}
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover, .menu-dropdown .menu-contents li a:hover,.page-tabs .page-list li a[href]:hover { background-color: #3facd9; }
.user-list { max-width: 10%; }
/* Logos */
/* This is logo in the login box */
.login-ui .login-dialog .logo {
    background-image:  url('app/ext/securerange/web/images/logo.png');
}

/* RIL logo bottom left */
.bottom-left {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 529px;
	height: 139px;
	background-image: url('app/ext/securerange/web/images/logo-bottom-left.png');
}
/* Icons */
.icon.user, .user-menu .menu-dropdown .menu-title {
	background-image: url('app/ext/securerange/web/images/user.png');
}
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
	background-image: url('app/ext/securerange/web/images/home.png');
}
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
	background-image: url('app/ext/securerange/web/images/config.png');
}
.user-menu .menu-dropdown .menu-contents li a.logout {
	background-image: url('app/ext/securerange/web/images/logout.png');
}
/* Colors */
/* This is the background for the entire login page  */
div.login-ui {
    background: #252525;
}

/* login dialog background */

.login-ui div.login-dialog {
    background: #EEE;
	color: #252525;
}
/* Header */
.header {
	color: #EEE;
	background: #3facd9;
}
.header .filter input { color: #EEE; }
div.recent-connections div.connection { background: #EEE; }
.all-connections { text-align: center; }
.list-item { 
	display: inline-block; 
	text-align: center;
	background: #3facd9; 
	margin: 10px; }
.connection:hover { background: #d6d6d6; }
.list-item:not(.selected) .caption:hover, .caption:hover { background: #EEE; }
.user-menu .options li a:hover { background: #3facd9; }
.list-item * { padding: 40px; }
.protocol { display: block; }
/* Version */
.login-ui .login-dialog .version .version-number {
	background: #3facd9;
	font-family: 'Roboto Mono', monospace;
	font-size: 12px;
	color: #eee;
	opacity: 0.9;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
}
/* login button (could apply to all buttons everywhere */
input[type="submit"], button, a.button {
	background: #3facd9;
}
/* modal box */
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.modal-window {
    position:fixed;
    background-color: rgba(58,58,58,0.7);
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999;
    opacity:1;
    pointer-events:auto;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
}

.modal-window>div {
    width:600px;
    position:relative;
    margin:10% auto;
	padding:2rem;
    background:#EEE;
    color:#252525;
}
.modal-window header {
    font-weight:bold;
}
.tos {
	padding-bottom: 20px;
}
.modal-close-btn {
    color:#aaa;
    background: #000;
    line-height:50px;
    font-size:80%;
    position:absolute;
    right:0;
    text-align:center;
    bottom:0;
    width:80px;
    text-decoration:none;
    text-transform: uppercase;
}

.modal-window h1 {     
    font-family: 'Audiowide', sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 15px;
}
h1 {
    border-bottom:1px solid #CCC;
    width:100%;
    float:left;
    padding-bottom:3px;
}
#custom-rtt {
  line-height: 1.3;
}
.login-ui #custom-rtt {
   display: table;
  margin: 10px auto 0;
  padding: 6px 10px;
  border: 2px solid;
  border-radius: 6px;
  background: rgba(0,0,0,0.35);
  font-weight: 600;
}

.login-ui #custom-rtt.rtt-excellent { color: #3ddc84; border-color: #3ddc84; } /* green */
.login-ui #custom-rtt.rtt-good      { color: #3b82f6; border-color: #3b82f6; } /* blue */
.login-ui #custom-rtt.rtt-fair      { color: #f59e0b; border-color: #f59e0b; } /* orange */
.login-ui #custom-rtt.rtt-slow      { color: #ef4444; border-color: #ef4444; } /* red */
.login-ui #custom-rtt.rtt-very-slow { color: #ff0000; border-color: #ff0000ff; } /* bright-red */

/*
.login-ui .login-fields .labeled-field {
    z-index: 0;
}

 Fixes the font size so the welcome text fits on one line
.login-ui .login-dialog .version {
	font-size: 1.0em;
}

 This removes the ${VERSION} from the bottom right
.version-number .ng-binding {
    display: none;
}
*/