/*************************************************************************
 *                                                                       *
 *  EJBCA: The OpenSource Certificate Authority                          *
 *                                                                       *
 *  This software is free software; you can redistribute it and/or       *
 *  modify it under the terms of the GNU Lesser General Public           *
 *  License as published by the Free Software Foundation; either         *
 *  version 2.1 of the License, or any later version.                    *
 *                                                                       *
 *  See terms of license at gnu.org.                                     *
 *                                                                       *
 *************************************************************************/

/* version: $Id$ */
.content {
	background: #ffffff;
	height: 100%;
	margin: 50px 10% 30px 10%;
	border-radius: 15px;
}

.header {
	margin: 0;
	color: #333;
	padding: 1.5em 5em 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.header h1 {
	margin: 0.2em 0;
	font-size: 3em;
	font-weight: 300;
	color: #1f589f;
}

.content-body {
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6em;
	text-align: left;
	padding: 1em 1.5em 1em;
}

.content-body h2 {
	margin: 0.2em 0;
	font-size: 1.4em;
	font-weight: 300;
	color: #1f589f;
}

.content-body h3 {
	margin: 0.2em 0;
	color: #1f589f;
}

.content-body pure-table td, .content-body pure-table th {
	border-left: 1px solid #cbcbcb; /*  inner column border */
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	padding: 0px 10px; /* cell padding */
	overflow: visible; /*to make ths where the title is really long work*/
}

.button-group {
	padding: 0.5em 0.5em;
}

#enrollMakeNewRequestContentBody {
	text-align: left;
}

/* A specific button group on enrollmakenewrequest.xhtml */
.keygeneration-button-group {
	text-align: center;
}

.navigation-button-group {
	text-align: center;
}

.content-body-subhead {
	margin: 0 1.5em 0;
}

.internal-frame {
	border-style: hidden;
	border-width: 0px;
	border-color: #373737;
	min-width: 50%;
	background: #BFBFBF;
	text-align: left;
	padding: 0.5em 0.5em;
	border-radius: 5px;
	margin: 0.5em 0;
}

.internal-frame fieldset {
	padding: 0;
}

.internal-frame-with-left-margin {
	margin-left: 5em;
}

.radio-button-table {
	margin-left: 3em;
	padding: 0 5em;
}

.required-input {
	border: 1px solid #f30513;
}

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

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

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

.ra-button {
	margin: 0.25em 0.25em;
	background: #ededed;
	color: #212021;
}

.ra-outputText {
	margin: 0.5em 0 0.2em;
}

.ra-MakeRequest {
	color: #fff;
}

.pure-control-group {
	padding: 0 0.5em;
	margin: 0 0.25em;
}

.pure-form-aligned .pure-control-group label {
    min-width: 17em;
}
.pure-form-aligned .pure-control-group input[type="text"],
.pure-form-aligned .pure-control-group input[type="password"],
.pure-form-aligned .pure-control-group input[type="email"],
.pure-form-aligned .pure-control-group input[type="url"],
.pure-form-aligned .pure-control-group input[type="number"],
.pure-form-aligned .pure-control-group input[type="search"],
.pure-form-aligned .pure-control-group textarea {
    min-width: 25em;
}
.pure-form-aligned .pure-control-group select {
    /* min-width: 27.8em;	/* Too wide for Email address domain list! */
}
.pure-form-aligned #requestTemplateForm\:selectRequestTemplateOuterPanel .pure-control-group select,
.pure-form-aligned #requestInfoForm\:selectKeyAlgorithmOuterPanel .pure-control-group select,
.pure-form-aligned #requestInfoForm\:selectTokenOuterPanel .pure-control-group select {
    min-width: 27.8em;
}

.bigStatus {
	font-size: 1.1em;
	font-weight: bold;
}

.statusApproved {
	color: #53983d;
}

.statusFailed {
	color: #e53e33;
}

.editLogEntry {
	color: #fff;
	font-size: 0.875em;
}

.tabButtonBar {
	border-bottom: 0.2ex solid #1e599f;
}

.tabButton {
	background: #ededed;
	color: #000;
	padding: 0.5em;
	margin: 0 0.25em;
	border: 0 none;
	display: inline-block;
}

.tabButton.active {
	background: #1e599f;
	color: #fff;
}

.approvalControl {
	margin-bottom: 1em;
}

.toggleMoreButton {
	display: inline-block;
	background: none;
	border: none;
	font: inherit;
	margin: 0;
	padding: 0;
	outline: none;
	outline-offset: 0;
	color: #e9af13;
	cursor: pointer;
	line-height: inherit;
	float: right;
}

.toggleMoreButton::-moz-focus-inner {
	border: none;
	padding: 0;
}

.raNotification {
	border: none;
	padding: 2em;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 1.2em;
}

.raNotificationIcon {
	margin-right: 2em;
	border: none;
	vertical-align: middle;
}

/* Add-Remove controls */
.addRemoveListEnabled, .addRemoveListButtons, .addRemoveListAvailable {
	display: inline-block;
}

.addRemoveListEnabled label, .addRemoveListAvailable label {
	display: block;
}

.pure-form .addRemoveListEnabled select, .pure-form .addRemoveListAvailable select
	{
	min-width: 20em;
}

.addRemoveListButtons {
	width: 7em;
	vertical-align: middle;
	margin: 0 1em;
}

.addRemoveListButtons input {
	min-width: 100%;
	margin: 0;
	padding: 0.75ex 0;
}

/* CSS specific for the top menu */
.ejbca-menu {
	height: 2em;
	background: #ededed;
	color: #212021;
}

.pure-menu-link, .language_button {
	color: #212021;
	font-size: 0.875em;
}

.pure-menu-item {
	background: #ededed;
}

.pure-menu-link:hover, .pure-menu-link:focus {
	background: #336699;
}

.enroll-menu-link:hover, .enroll-menu-link:focus {
	background: #336699;
}

img.menu_logo {
	height: 1em;
	width: auto;
}

.language_button {
	border: none;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
}

.language_button:hover, .language_button:focus {
	background: #336699;
}

/* CSS Specific for the bottom menu */
.footer {
	background: #ededed;
	color: #212021;
	font-size: 0.875em;
	padding: 1px;
}

.row-even {
	background-color: transparent;
}

textarea.row-even,
textarea.row-odd,
.row-odd {
	background-color: #f2f2f2;
}

/* Table for issued certificates when viewing an EE */
.ra-eeCertTable {
	width: 75%;
	margin: 5px auto 0 2.5%;
	border: none;
	font-size: 0.875em;
}

.ra-eeCertTable th, .ra-eeCertTable td {
	color: #ffffff;
}

/* End Entity status change */
.ra-editEndEntity select, .ra-editEndEntity input, .ra-editEndEntity .warning
	{
	color: #000000;
	margin-right: 5px;
}

.ra-editEndEntity input:nth-of-type(1)[type="text"],
.ra-editEndEntity input:nth-of-type(1)[type="password"],
.ra-editEndEntity input:nth-of-type(1)[type="email"],
.ra-editEndEntity input:nth-of-type(1)[type="url"],
.ra-editEndEntity input:nth-of-type(1)[type="number"],
.ra-editEndEntity input:nth-of-type(1)[type="search"],
.ra-editEndEntity textarea {
    width: 25em;
}

.editNameConstraints {
	width: 50%;
	min-width: 25em;
	margin: 0.5em 0 0.2em 0;
}

#detailsForm .ra-editEndEntity table {
	display: inline-block;
}

#detailsForm .ra-editEndEntity table td {
	padding-right: 10px;
}

.ra-editEndEntity .remaining-number-of-login-attempts, .ra-editEndEntity .next-to-radio
	{
	width: 3em !important;
	margin-right: 15px;
	text-align: center;
}

.edit-ee-update-keytype {
	margin-left: 30px;
}

#detailsForm .ra-editEndEntity table+.next-to-radio {
	position: relative;
	top: -10px;
}

/* End Entity status change */
.ra-endEntityNavEditBar {
	width: auto !important;
	margin: 1% 2% 0 2% !important;
}

.ra-searchEndEntityEdit {
	float: right !important;
}

.ra-endEntityEditSaveCancel {
	height: 40px !important;
}

.ra-clearCsrCheckbox {
	margin-top: 1.2%;
}

.ra-csrDetailsLongText {
	word-wrap: break-word;
	table-layout: fixed;
	display: inline-table;
	width: 70%;
	font-family: monospace;
	color: #fff;
	margin-bottom: 15px;
}

input[type="file"] {
	color: #fff;
}

input[type="file"]:focus {
	outline: none !important;
}

@media (max-width: 47.99em) {

    .pure-form-aligned .pure-control-group input[type="text"],
    .pure-form-aligned .pure-control-group input[type="password"],
    .pure-form-aligned .pure-control-group input[type="email"],
    .pure-form-aligned .pure-control-group input[type="url"],
    .pure-form-aligned .pure-control-group input[type="number"],
    .pure-form-aligned .pure-control-group input[type="search"],
    .pure-form-aligned .pure-control-group select,
    .pure-form-aligned .pure-control-group textarea {
        min-width: 100%;
    }
    .pure-form-aligned #requestTemplateForm\:selectRequestTemplateOuterPanel .pure-control-group select,
    .pure-form-aligned #requestInfoForm\:selectKeyAlgorithmOuterPanel .pure-control-group select,
    .pure-form-aligned #requestInfoForm\:selectTokenOuterPanel .pure-control-group select {
        min-width: 100%;
    }

    .ra-editEndEntity input[type="text"],
    .ra-editEndEntity input[type="email"],
    .ra-editEndEntity input[type="url"],
    .ra-editEndEntity input[type="number"],
    .ra-editEndEntity input[type="search"],
    .ra-editEndEntity textarea {
        width: 90%;
    }
    .ra-editEndEntity input[type="password"] {
        width: 180%;
    }
    .ra-editEndEntity select {
        width: 95% !important;
    }
    .editNameConstraints {
        width: 95%;
    }
    .ra-editEndEntity .remaining-number-of-login-attempts, .ra-editEndEntity .next-to-radio {
        width: 3em !important;
    }

}