/*********************************************************************************************************************************
 * Autorskie Prawa Majątkowe - Maxto Spółka z ograniczoną odpowiedzialnością S.K.A.
 *
 * Copyright 2014 Maxto Spółka z ograniczoną odpowiedzialnością S.K.A.
 ********************************************************************************************************************************/

@import "styles-common.css";
@import "candidature-form.css";

/* nagłówki (etykiety) sekcji */
.sectionHeader {
	font-weight: 700;
	font-size: 15px;
}

.custom-section-panel-content {
	padding: 20px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.top-panel {
	background-color: #f7f7f7;
	border-bottom: none;
	z-index: 1;
}

/*
 * Przyciski w panelu górnym.
 */

.top-panel .v-button img {
	height: 32px;
}
.top-panel .v-button {
	border: none;
	height: 100%;
	background-color: #3d2e65;
	border-radius: 0;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	z-index: 1;
}

.top-panel .v-button:hover {
	background-color: #9b7afd;
}

.top-panel .v-button .v-button-caption {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	vertical-align: text-top;
}

/*
 * Stopka portalu zewnętrznego.
 */

.ep-footer {
	background-color: white;
	border-top: 2px solid #cccccc;
}

.ep-footer .v-label {
	padding: 20px 40px;
	text-align: center;
}

.ep-footer .v-portal-footer {
    padding: 20px 0;
}

/*
 * Panel tytułowy portalu.
 */

.title-panel .v-label::after, .title-panel .v-label::before {
	display: none;
}

.title-panel {
	background-color: #36335d;
}

.title-panel .v-label {
	text-transform: none;
	color: white;
	padding-left: 80px;
	font-size: 20px;
}

/*
 * Zakładki.
 */
.v-tabsheet-tabitem-selected .v-captiontext, .v-tabsheet-tabitem:hover .v-captiontext {
	color: #3d2e65;
	box-shadow: 0 3px 0 #3d2e65;
}

.v-caption-section-panel {
	background-color: #f3f3f3;
}

/*
 * Kalendarz.
 */

.v-datefield-calendarpanel-day-selected {
	background-color: #3d2e65;
}

.v-datefield-calendarpanel-day:hover {
	background-color: #3d2e65;
}

.v-datefield-calendarpanel-month span {
	color: #9b7aff;
}

.v-datefield-calendarpanel-prevyear button:hover, .v-datefield-calendarpanel-nextyear button:hover,
		.v-datefield-calendarpanel-prevmonth button:hover, .v-datefield-calendarpanel-nextmonth button:hover {
	background-color: #3d2e65;
}

/*
 * Przyciski.
 */

div[role=button].primary {
	background-color: #3d2e65;
	border-color: #3d2e65;
}

div[role=button].primary:hover, .v-button:hover {
	background-color: #9b7aff;
	border-color: #9b7aff;
}

div[role=button].v-disabled.primary:hover {
	background-color: #dddddd;
	border-color: #cccccc;
}

.v-button {
	background-color: #f7f7f7;
	border-color: #9b7aff;
}

.v-button .v-button-caption {
	color: #333333;
}

.v-button:hover .v-button-caption {
	color: #ffffff;
}

.v-button.link:hover {
	background-color: transparent;
}

.v-button.link:hover .v-button-caption {
	color: #333333;
}

/*
 * Okno.
 */

.v-window-outerheader {
	background-color: #3d2e65;
}

.v-window-header {
	color: #ffffff;
}

/*
 * Etykiety sekcji formularza.
 */
.v-formlayout-captioncell .v-caption-section-caption {
	color: #3d2e65;
}

/*
 * Tabela.
 */

.table-cell-panel .name {
	color: #3d2e65;
	white-space: normal;
}

.table-cell-panel .tag.primary {
	background-color: #3d2e65;
}

.table-cell-panel.archive .name {
	color: #7f7c87;
}

.table-cell-panel.archive .tag {
	background-color: #ccc;
}

.table-cell-panel.archive .tag.primary {
	background-color: #c7bce5;
}

.table-cell-panel.archive .tag-caption, .table-cell-panel.archive .description {
	color: #939EaB;
}

/*
 * Formularz logowania.
 */

.login-form-panel {
	background-color: #3d2e65;
}

.login-form-panel .v-caption {
	color: #ffffff;
}

.login-form-panel div[role=button].primary {
	background-color: #9b7aff;
	border-color: #9b7aff;
}

.login-form-panel div[role=button].primary:hover {
	background-color: #efeafc;
	border-color: #efeafc;
}

.login-form-panel div[role=button].primary:hover .primary-caption {
	color: #333333;
}

.login-form-panel .v-button.link .v-button-caption {
	color: #ffffff;
}
.login-form-panel .v-button.link:hover .v-button-caption {
	color: #efeafc;
}

/*
 * Panel sekcji z fioletowym nagłówkiem.
 */
.custom-section-panel.violet .custom-section-panel-header {
	background-color: #3d2e65;
}

.custom-section-panel.violet div[role=button].primary {
	background-color: #9b7aff;
	border-color: #9b7aff;
}

.custom-section-panel.violet div[role=button].primary:hover {
	background-color: #efeafc;
	border-color: #efeafc;
}

.custom-section-panel.violet div[role=button].primary:hover .primary-caption {
	color: #333333;
}

.custom-section-panel.violet div[role=button].primary.v-disabled {
	background-color: #dddddd;
	border-color: #cccccc;
}

.custom-section-panel.violet div[role=button].primary.v-disabled:hover {
	background-color: #dddddd;
	border-color: #cccccc;
}

.custom-section-panel.violet div[role=button].primary.v-disabled:hover .primary-caption{
	color: #999999;
}

h1 {
	color: #3d2e65;
}

.v-ui {
	background-color: white;
}

div.v-slot-v-checkbox-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

span.v-checkbox-wrap label {
    white-space: normal;
}

.gwt-RichTextToolbar-bottom {
   display: none;
}

.v-captionwrapper .v-widget.newCandidatureError {
    background-color: #ffe0e0 !important;

}

.v-captionwrapper .v-widget.newCandidatureError input, .v-widget.newCandidatureError > div:not(.popupContent) {
    background-color: #ffe0e0 !important;
}

/*
 * Strona powitalna portalu zewnętrznego.
 */

/*
 * Blok tekstu powitalnego.
 */
.welcome-welcome-text {
	padding-top: 20px;
	padding-bottom: 60px;
}

/**
 * Blok tekstu rejestracji w systemie.
 */
.welcome-register-text {
	padding-top: 80px;
	padding-bottom: 10px;
}

/**
 * Teksty w powyższych blokach.
 */
.welcome-welcome-text.v-label, .welcome-register-text.v-label {
	color: #533d6f;
	font-size: 18px;
	font-weight: bold;
}

/**
 * Nagłówki tekstów z zaletami systemu.
 */
.welcome-info-title {
	padding: 0 10px 10px;
	font-size: 16px;
	font-weight: bold;
}

/**
 * Treści tekstów z zaletami systemu.
 */
.welcome-info-content {
	padding: 5px 10px 10px;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
}

/**
 * Sekcja sposobów rejestracji.
 */

.welcome-register-qualified-certificate, .welcome-register-trusted-profile, .welcome-register-other-registration {
	margin: 10px 10px 0;
	padding: 30px 10px;
}

.welcome-register-qualified-certificate {
	background-color: #6d5985;
}

.welcome-register-trusted-profile {
	background-color: #4e9dac;
}

.welcome-register-other-registration {
	background-color: #4a467a;
}

/**
 * Tekst główny w poszczególnych blokach sposobów rejestracji.
 */
.welcome-register-qualified-certificate .v-label, .welcome-register-trusted-profile .v-label, .welcome-register-other-registration .v-label {
	color: white;
	font-size: 16px;
	line-height: 22px;
	padding-left: 3px;
}

/**
 * Tekst wyjaśniający w bloku sposobów rejestracji.
 */
.welcome-other-registration-info {
	margin-right: 5px;
	margin-left: 5px;
}

/**
 * Tekst wyjaśniający w bloku sposobów rejestracji.
 */
.welcome-other-registration-info .v-label {
	text-align: center;
	font-size: 14px;
}

/**
 * Odnośnik do rejestracji w bloku sposobów rejestracji.
 */
.welcome-other-registration-info .v-button-caption {
	font-size: 14px;
}

/**
 * Przyciski logowania i rejestracji.
 */

.welcome-button, .welcome-button:hover, div[role=button].welcome-button.primary {
	background-color: #2e77de;
	padding: 12px;
	border: none;
}

.welcome-button.v-button .v-button-caption, div[role=button].welcome-button.primary {
	font-size: 16px;
	font-weight: bold;
	color: white;
}

.welcome-button:hover.v-button .v-button-caption, div[role=button].welcome-button.primary:hover {
	color: #79abf3;
}

/**
 * Nagłówek sekcji logowania.
 */
.v-caption-welcome-login {
	color: #313032;
	font-size: 15px;
	font-weight: bold;
}

/**
 * Sekcja logowania.
 */
.v-slot-welcome-login {
	padding-left: 10px;
}

/**
 * Odnośnik rejestracji w sekcji logowania.
 */
.welcome-login-register .v-button-caption {
	font-weight: bold;
	font-size: 13px;
}

/**
 * Blok odnośnika rejestracji w sekcji logowania.
 */
.v-slot-welcome-login-register {
	padding-top: 20px;
}

.welcome-welcome-block {
	border-right: 3px dotted #dddddd;
}

.v-table .v-selected {
    background: #3d2e65 none;
    text-shadow: none;
}

.v-table-row:hover,
.v-table-row-odd:hover{
    background-color: #3d2e65;
}

.v-selected .name,
.v-selected .name-without-bold {
    color: #ffffff;
}

.v-selected .description {
    color: #eeeeee;
}

.v-table-row:hover .name,
.v-table-row-odd:hover .name,
.v-table-row:hover .name-without-bold,
.v-table-row-odd:hover .name-without-bold {
    color: #ffffff;
}

.v-table-row:hover .description,
.v-table-row-odd:hover .description {
    color: #eeeeee;
}

.v-selected .v-table-cell-wrapper {
    color: #ffffff;
}

.v-table-row:hover .v-table-cell-wrapper, .v-table-row-odd:hover .v-table-cell-wrapper {
    color: #ffffff;
}

.v-table-column-selector {
    height: 0px;
    width: 0px;
}

.no-leaping,
.v-slot-no-leaping,
.no-leaping > .v-table-body {
	position: static !important;
}

.v-table-fieldTable .v-table-caption-container {
	display: table-cell;
	font-size: 12px;
	height: 24px;
	line-height: 12px;
	padding: 6px 8px;
	vertical-align: middle;
	white-space: normal;
}

.userTaskForm {
	margin-top: 5px;
}

.invisibleButton {
	display: none !important;
}

.v-label-messageWindow{
	font-size: 13px;
	padding: 2px 2px 10px 2px;
	text-align: center;
}

.v-window-messageWindow .v-window-header {
	font-size: 18px;
	text-align: center;
}

.v-link-consent_link {
	font-size: 15px;
	margin-bottom: 22px;
	padding-bottom: 15px;
}

.v-link-consent_candidature_link {
	font-size: 13px;
	padding-top: 7px;
}