/*!
 *   LinOTP - the open source solution for two factor authentication
 *   Copyright (C) 2010-2019 KeyIdentity GmbH
 *   Copyright (C) 2019-     netgo software GmbH
 *
 *   This file is part of LinOTP server.
 *
 *   This program is free software: you can redistribute it and/or
 *   modify it under the terms of the GNU Affero General Public
 *   License, version 3, as published by the Free Software Foundation.
 *
 *   This program is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU Affero General Public License for more details.
 *
 *   You should have received a copy of the
 *              GNU Affero General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 *
 *    E-mail: info@linotp.de
 *    Contact: www.linotp.org
 *    Support: www.linotp.de
 *
 *    Common styles used by all parts of LinOTP
 */

#do_waiting {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  width: 320px;
  height: 30px;
  padding: 40px;
  margin-top: -55px;
  margin-left: -200px;
  background-color: #EEE;
  z-index: 1000;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1);
}

#do_waiting span {
  margin-left: 5px;
}

#load_tokenfile_form_dat input {
  margin: 10px;
}

.center-text {
  text-align: center;
}

.subscription_detail {
  font-size: 80%;
}

.subscription_info {
  font-size: 90%;
  text-align: center;
}

.disabled {
  opacity: .2;
}

.indent {
  padding-left: 1em;
  text-align: left;
  font-weight: normal;
  font-size: 90%;
}

.enrollment_annotation {
  font-size: 100%;
}

.enrollment_value {
  font-size: 50%;
  word-wrap: break-word;
}

.sel_box {
  margin-bottom: 20px;
}

.sel_user_box {
  height: 1.2em;
  font-size: 80%;
  padding-bottom: 5px;
}

.sel_tok_box {
  height: 5em;
  overflow: auto;
  font-size: 80%;
}

.annotation {
  font-style: italic;
  font-size: 90%;
}

.hint {
  font-size: 70%;
  opacity: 0.8;
  vertical-align: middle!important;
}

.legend {
  font-size: 90%;
  opacity: 0.8;
}

.resolver_dialog_label {
  font-style: italic;
  font-size: 85%;
  opacity: .5;
}

tr.space > th {
  padding-top: 0.7em;
  text-align: left;
  font-weight: normal;
}

#googletokenform li {
  padding-bottom: 0.7em;
}

td.description {
  padding-left: 1em;
  text-align: left;
  font-weight: normal;
  font-size: 90%;
}

td.description_w_space {
  padding-top: 0.7em;
}

h2 {
  color: #fe8625;
}

/* data table default styles */

table.data-table {
  border-collapse: collapse!important;
  margin: 0 auto!important;
  width: 100%;
}

table.data-table,
table.data-table th,
table.data-table td {
  border: 1px solid lightgrey!important;
}

table.data-table td {
  padding: 5px!important;
}

table.data-table tr:nth-child(even) {
  background: whitesmoke;
}

table.data-table tr:nth-child(odd) {
  background: white;
}

/* to properly recognize these selectors, they had to be split */

input.ph_focus_fadeout::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(0, 0, 0);
}

input.ph_focus_fadeout::-moz-placeholder { /* FF 19+ */
  color: rgb(0, 0, 0);
}

input.ph_focus_fadeout:-ms-input-placeholder { /* IE 10+ */
  color: rgb(0, 0, 0);
}

input.ph_focus_fadeout::placeholder { /* The future is now */
  color: rgb(0, 0, 0);
}

input.ph_focus_fadeout:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(117, 117, 117);
}

input.ph_focus_fadeout:focus::-moz-placeholder { /* FF 19+ */
  color: rgb(117, 117, 117);
}

input.ph_focus_fadeout:focus:-ms-input-placeholder { /* IE 10+ */
  color: rgb(117, 117, 117);
}

input.ph_focus_fadeout:focus::placeholder { /* The future is now */
  color: rgb(117, 117, 117);
}

.warning {
  color: red;
}