@charset "UTF-8";

html {
	height: 100%;
}

body {
	height: calc(100% - 16px);
	font-family: 'Raleway', sans-serif;
	background-image: url('fond.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

table {
	border-collapse: collapse;
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

table td {
	text-align: right;
	padding: 5px 5px;
}

.windowTitle {
	text-align: left;
    padding: 5px;
    color: whitesmoke;
}

.errorMessage {
	color: red;
	font-size: 0.8em;
	padding: 0 5px 5px 5px;
}

.field {
	min-width: 250px;
	width: calc(100% - 20px);
}

div.ui-dialog-buttonset {
	width: calc(100% - 35px);
}

button.ui-button {
	width: calc(100% - 20px);
}

.ui-dialog-title {
    font-weight: bold;
    font-size: 1.3em;
}

.label {
    text-align: left;
    padding-left: 17px;
    font-size: 0.9em;
    font-weight: bold;
}

.message {
	text-align: left;
	padding-bottom: 30px;
	padding-left: 17px;
	font-size: 1.1em;
}

.ui-icon {
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.bottom {
    position: fixed;
    bottom: 0;
    padding-bottom: 5px;
    padding-right: 10px;
    border-top: solid 1px black;
    width: calc(100% - 20px);
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
    background-color: white;
    font-style: italic;
}

.photo {
	border: solid 1px black;
    margin: 5px;
}

.icon-help {
    color: #ffa800;
    font-size: 1.25em;
    cursor: pointer;
}