/*
 * Copyright (c) 2017 WALLIX. All rights reserved.
 * Licensed computer software. Property of WALLIX.
 * Product Name: WALLIX Bastion v6.0
 * Author(s): Martin Pieuchot <dev@wallix.com>
 */

a {color: #707173;}

a.big {
  color: #222;
  font-size: 12px;
  padding-left: 10px;
}

a#init_message_control{
    background: no-repeat scroll right center transparent;
    display: block;
    float: right;
    height: 16px;
    margin: 2px 5px;
    width: 16px;
}

#nav a#idLogout{
    background: no-repeat scroll right center transparent;
    display: block;
    float: right;
    height: 16px;
    margin: 2px 5px;
    width: 16px;
}

#header .logo {
  padding: 0px 6px 0px 9px;
  font-weight: lighter;
  color: #939598;
  vertical-align: baseline;
  font-size: 34px;
  font-family: 'Open Sans', sans-serif;
}

div#logout a {
}
div#logout img {
    vertical-align: middle;
    padding: 10px 5px 10px 10px;
}

#nav {
  background: #F37324;
}

#nav a {color: white}

#user {}

.odd td {background: white;}
.even td {background: #FFEBC0;}
tr.clic {cursor: pointer;}
label.lab {font-weight: bold;}

/**
* TABLE
*/
/*
table.dataTable thead tr th{
    border-radius: 5px 5px 5px 5px;
}
.dataTables_filter input {
    border-radius: 5px 5px 5px 5px;
}
*/

/*
 * Menu
 */

#menu a:hover {
  color: white;
  background: #F37324;
}

.submenu ul {
  display: none;
}
.submenu li a {color: #676c6d;}
.submenu li a:hover {
  color: white;
  background-color: #DEF2B9;
}

li a span.currentpage {
  color: black;
  font-weight: bold;
}

li a.currentpage {
  color: black;
  font-weight: bold;
}

/*
 * Reporting
 */

.orange_frame h2 {
  color: #404040;
  min-height:20px;
}

.orange_frame legend {
  color: #404040;
}

.reporting {
  font-size: 11px;
  text-align: center;
  background-color: #fff;
}

.reporting h1 {margin-top: 0;}

.reporting div {margin-top: 60px; overflow-x:auto;}

/*
 * UNCATEGORIZED (to check)
 */

.displayNone {display: none;}
.displayTrue {
/*    display: '';*/
}

.visibilityNone {visibility: hidden; height: 0px;}
.visibilityTrue {
/*    visibility: '';*/
}

.visibilityNone table,
table.visibilityNone,
tr.visibilityNone{
    visibility: collapse;
    display:none;
}

span.visibilityNone{
    display: none;
}

.displayNone{
    display: none;
}

.log {
    height: 600px;
    overflow: auto;
}
.log td {text-align: left; padding-left: 10px;}

.td_time{
   padding-top:22px;
}

.list {min-width: 200px; min-height:100px}

.date input[type=text] {width: auto;}

.resolution input[type=text] {width: auto;}
h2 .resolution {
  float: right;
  color: #707173;
}

/*
 * SSH session
 */

.ssh_session {
    padding: 10px 0 0 200px;
}

.ssh_session textarea {
   width: 800px;
   height: 500px;
   color: black;
}

.right {float: right; } /* hack for the Device/add page */

/*
 * Login Specific (should be merge with Logbox)
 */
.login_alignment { width: 100px;}
.login_title { text-align: left; padding: 0 0 10px 0}
#loginbox input[type=button] {margin: 5px 0;}

.orange_frame .inner table td span.no_profile_action {margin-left:8px;}

/*
 * Ppolicy password list specific
 */
.ppolicy_li { margin: 0 0 0 10px;}

div.gauge div.raid { padding: 5px 5px 4px 5px;}
div.gauge div.raid img{
   float: right;
}

/*
 * alert authentication in case x509
 */
#ajout{
       position: absolute;
       top: 150px;
       left: 50%;
       width: 300px;
       display: none;
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/images/warning.png');
       font-family:Arial, Helvetica, sans-serif;
       font-size:13px;
       border: 1px solid;
       margin: 10px 0 0 -150px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
}

#ajout input { margin: 10px 10px 10px 0;}

#overlay{
       background-color: black;
       position: absolute;
       margin :0;
       padding : 0;
       top: 0;
       left: 0;
       display : none;
       overflow : hidden;
}

/* hide checkbox for current user */
.user_not_delete {visibility: hidden;}

#maintable th.timestamp {
       width: 100px;
}

/* Page time zone */
td.input_server {
       width: 240px
}
/* error message */
span.error
,div.inner ul.errorlist li
,div.inner table td.errorlist
{color: red;}

.orange_frame .inner table td.input-error
,tr.input-error{
        border: 1px solid red;
}

.align{
    float: left;
}

hr.clear{
    clear: both;
    border: 0;
}

.readonly,
table input[type=text].readonly{
    /*properties set by javascripte in setReadonlyTo() */
    background-color : transparent;
    border : medium none;
}

.form-control-zone {
    height: 35px;
    float: right;
}
.form-control-zone input[type="button"],
.form-control-zone input[type="submit"],
.form-control-zone input{
    float : right;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 120px;
}

.form-control-zone .out{
    float: right
}

.clear-right{
    border:0 none;
    clear:right;
}

table.inline-results{
    text-align: center;
}

fieldset.inline_formset div.inline_formset{

}

fieldset.inline_formset{
    margin-left: 100px;
    margin-right: 20px;
}
fieldset.inline_formset.large{
    margin-left: 0px;
    margin-right: 20px;
}

img.collapse-control{
    float: left;
    margin: 5px 0 0;
    padding: 2px 10px;
}


.alert, .message.error {
  background: #fff4ac url(/images/exclamation.png) 8px 3px no-repeat;
}
.alert, .message.warning {
  background: #fff4ac url(/images/warning-16px.png) 8px 3px no-repeat;
}
.alert, .message.info {
  background: #fff4ac url(/images/silk/information.png) 8px 3px no-repeat;
}
.alert, .message {
  background: none;
  background-color: #fff4ac;
}
.alert a, .message a {
  text-decoration: underline;
}

.alert {
  color: red;
}

/* Mandatory property */
.required > td > label:after, .required > label:after, .required > th > label:after, span.mandatory:after, span.required:after{
    content: " *";
    color: red;
    font-weight: bold;
    margin-right: 0px;
}

img.button-refresh{
    display: inline-block;
    background: url(/images/refresh-icon-16px.png);
    width: 16px;
    height: 16px;
}

img.icon-link{
    cursor: pointer;
}

/* form field validation */

.valid-field-error{
    color : red;
}
.valid-field-warning{
    color : orangeRed;
}
.valid-field-info{
    color : black;
}

.message.login {
  text-align: center;
  padding-left: 4px;
}

#id_apikey {
    font-size: 1.3em;
    background-color: #f3f3f3;
    padding: 4px;
}

.valid {
  background:url(/images/silk/tick.png);
  width:16px;
  height:16px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.invalid {
  background:url(/images/silk/cross.png);
  width:16px;
  height:16px;
  display:  inline-block;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

#extend_checkout
{
  max-width:165px;
  width:165px;
}

input[name="force_checkin"]
{
  max-width:180px !important;
  width:180px !important;
}

#id_changePeriod {
  width: 200px;
  margin-right: 10px;
}


input[type="radio"] {
  vertical-align: middle;
}

/*    spinner    */
#loading_frame {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  text-align: center; 
}

#container_frame {
  height: 200px;
  margin-top: 50vh;
  transform: translateY(-50%);
}

#loading_image {
  height: 50px;
  display: block;
  margin: auto;
  padding: 20px;
}

#loading_modale {
  background: #E4E4E4;
  width: 200px;
  margin: auto;
}

#cancel_test_ldap {
  margin: 20px;
}