/* GENERAL */

/* cyrillic-ext */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1CzjvWyNL4U.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1CzjtGyNL4U.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1CzjvGyNL4U.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1Czjs2yNL4U.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1CzjvmyNL4U.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../resources/css/fonts/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3jvWyNL4U.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3jtGyNL4U.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3jvGyNL4U.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3jvmyNL4U.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../resources/css/fonts/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  .dpdf-element {
    position: fixed;
    background: white;
    top: -99999999rem;
    left: -99999999rem;
    width: 45rem;
    height: 100%;
    z-index: 1;
    overflow-y: auto;
}
.dpdf-element p {
    margin: .25rem 0;
}
.dpdf-element a {
    color: black !important;
}
.dpdf-element>p, .dpdf-element>hr, .dpdf-element>div {
    padding: 0rem 0 0rem 2rem;
}
.dpdf-element>p:not(.dpdf-element>p:nth-of-type(1)) b {
    padding-top: 1rem;
    display: block;
}

:root {
	/* --header-color: #fc9424; */
	--header-color: #004B99;
	/* --header-color: #32814b; */
	--navbar-color: white;
	--container-color: #f2f2f2;
	--footer-color: black;
}

* {
	box-sizing: border-box;
	box-shadow: none !important;
}

*::-webkit-scrollbar {
	width: .5rem;
}

*:focus,
*:active,
*:hover {
	outline: none !important;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--header-color);
}

a{
	color: black !important;
}

a:hover{
	color: #cc073c !important;
	text-decoration: none !important;
}

html {
	font-size: 1em;
}

body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	margin: 0;
	height: 100vh;
	font-family: "Ubuntu", sans-serif;
}

.overlay{
	position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    visibility: visible;
    opacity: .5;
	cursor: pointer;
}

.hidden {
	display: none !Important;
}

.qssi-public-container{
	width: 100%;
	height: 100%;
	display: flex;
}

/* Navbar */
.qssi-public-container .qssi-navbar{
	width: 3.5em;
    height: 100%;
	background-color: var(--navbar-color);
	text-align: center;
    border-right: 1px solid #EBEBEB;
    box-shadow: 1px 1px 1px #ebebeb;
}
.qssi-public-container .qssi-navbar img{
	width: 55%;
    margin: 2em 0;
}
.qssi-public-container .qssi-navbar .icon-message{
	width: 2em;
    height: 2em;
    background-image: url(/qssifront/resources/img/noticies.png);
    display: block;
    background-size: 100%;
    margin: 1em auto;
}
.qssi-public-container .qssi-navbar .icon-message:hover{
	background-image: url(/qssifront/resources/img/noticies_on.png);
}
.qssi-public-container .qssi-navbar .icon-administracio{
	width: 2em;
    height: 2em;
	background-image: url(/qssifront/resources/img/administracio.png);
	display: block;
    background-size: 100%;
    margin: 1em auto;
}

.qssi-public-container .qssi-navbar .icon-administracio:hover{
	background-image: url(/qssifront/resources/img/administracio_on.png);
}
.qssi-public-container .qssi-navbar .icon-illes{
	width: 2em;
    height: 2em;
	background-image: url(/qssifront/resources/img/illes.png);
	display: block;
    background-size: 100%;
    margin: 1em auto;
}

.qssi-public-container .qssi-navbar .icon-illes:hover{
	background-image: url(/qssifront/resources/img/illes_on.png);
}

/* Main */
.qssi-public-container .qssi-main{
	flex: 1;
	width: calc(100vw - 3.5em);
}

.qssi-public-container .qssi-main .qssi-container {
	width: 80em;
	margin: auto;
	max-width: 95%;
}

/* Breadcrumbs */
.qssi-breadcrumbs{
	margin: 1.5em 0;
}
.qssi-breadcrumbs a {
    text-decoration: underline;
    color: #707070;
	font-size: 0.75em;
}

/* Header */
.qssi-public-container .qssi-main .qssi-header{
	height: 2.5em;
	background-color: var(--header-color);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.qssi-public-container .qssi-main .qssi-header .qssi-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.qssi-public-container .qssi-main .qssi-container .right-header {
	color: white !important;
	display: flex;
}
.qssi-public-container .qssi-main .qssi-container .right-header a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.qssi-public-container .qssi-main .qssi-container .right-header i {
	color: white !important;
	font-size: 2em;
	margin-right: 0.25em;
}
.qssi-public-container .qssi-main .qssi-container .right-header span {
	color: white !important;
	text-transform: uppercase;
}
.qssi-public-container .qssi-main .qssi-container .right-header .qssi-header-button{
	color: white;
    font-size: 1.5em;
    margin-left: 1em;
	cursor: pointer;
}
.qssi-public-container .qssi-main .qssi-container .right-header .qssi-header-button i{ 
	font-size: 1.2em;
}

/* Content */
.qssi-public-container .qssi-main .qssi-content{
	flex: 1;
	width: 100%;
	overflow-y: auto;
	height: calc(100vh - 2.5em);
	background-color: #F8F8F8;
}

.qssi-public-container .qssi-main .qssi-content form {
	font-size: 1em;
	background-color: white;
	border: 2px solid black;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-send-button button {
	background-color: #0072a8;
    color: white;
    padding: 5px 30px 5px 30px !important;
    border-radius: 5px;
    border: 0;
    margin: 1.5em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content{
	padding: 1em;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-content-title{
	color: white;
	text-transform: uppercase;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-content-title .qssi-form-content-title-enum{
	background-color: gray;
	color: white;
	text-transform: uppercase;
	padding: 0.3em 1em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-content-title .qssi-form-content-title-label{
	background-color: #ccc;
	color: white;
	text-transform: uppercase;
	padding: 0.3em;
	width: 100%;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field {
	margin: 0.5em 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .input-file-button {
	width: 100%;
	padding: 0.25em;
	background-color: gray;
	color: white;
	border-radius: 5px;
	border: 1px solid black;
	cursor: pointer;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .file {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0.2em 0;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .file .file-name {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #F8F8F8;
	padding: 0.25em 1em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .file .file-name i{
	margin-right: 0.5em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .file .cross {
	padding: 0.25em 1em;
	background-color: red;
	color: white;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field .file .cross i{
	font-size: 1.5em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-legal{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 2em;
	font-size: 0.75em;
}

.qssi-public-container .qssi-main .qssi-content .qssi-form-legal a {
	color: #cc073c !important;
}

.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field.c-3{
	width: 32% !important;
}

.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container .c-2{
	width: 49%;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container .qssi-form-field{
	width: 49%;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field select{
	padding: 0.25em;
	border-color: gray;
	border-radius: 3px;
}
.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field input{
	padding: 0.1em;
	border-color: gray;
}

/* Footer */
.qssi-public-container .qssi-main .qssi-footer{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 10em;
}

.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column{
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column a{
	padding: 0 0.5em;
}
.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column .first-column-link{
	color: #cc073c !important;
	padding: 0;
}
.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column .first-column-link:hover{
	color: white !important;
	background-color: #cc073c;
}
.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column .rrss-icon {
	display: inline-block;
    width: 2.2em;
    height: 2.2em;
    margin-right: .5em;
    border: .15em solid #333;
    border-radius: 100%;
	padding: 0.25em;
	display: flex;
    justify-content: center;
    align-items: center;
}

.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column span {
	margin-right: 1em;
}

.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column .rrss-icon:hover{
	background-color: #c30045;
    border-color: #c30045;
}

.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column .rrss-icon:hover path{
	fill: white;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container {
	font-size: 1em;
	background-color: white;
	border: 2px solid black;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-file {
	padding: 0.5em 3em;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-file:hover {
	color: #c30045;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-file i{
	margin-right: 0.5em;
}

.form-files-top{
	top: 80.5rem !important;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-recipt-title{
	display: flex;
	width: 100%;
	align-items: center;
	border-bottom: 2px solid black;
}
.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-recipt-title-enum{
	background-color: gray;
	color: white;
	padding: 0.3em 1em;
	border-right: 2px solid black;
}

.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-recipt-title-label{
	background-color: white;
	width: 100%;
	padding: 0.3em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-receipt-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.25em 2em;
}
.qssi-public-container .qssi-main .qssi-content .qssi-receipt-container .qssi-receipt-content-area {
	width: 50%;
}

/* Right navbar */
.qssi-right-navbar {
	position: absolute;
	width: 21em;
	display: flex;
	flex-direction: column;
	top: 0;
	height: 100vh;
	right: 0;
	z-index: 999;
	display: none;
}
.qssi-header-navbar{
	height: 2.5em;
	background-color: var(--header-color);
}
.qssi-header-navbar-content{
	height: calc(100vh - 2.5em);
	background-color: white;
	width: 21em;
	padding: 1em;
	display: flex;
	flex-direction: column;
}
.qssi-header-navbar-content .qssi-navbar-item {
	width: 100%;
	padding: 0.5em 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
}

.qssi-header-navbar-content .qssi-navbar-item i{
	font-size: 1em;
	margin-right: 0.5em;
}

.qssi-header-navbar-content .qssi-navbar-item span{
	text-transform: uppercase;
	font-weight: bold;
}

.qssi-header-navbar-content .qssi-navbar-item input{
	border: none;
    background-color: transparent;
    padding: 0 0.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.qssi-header-navbar-content .qssi-navbar-item input.language-selected{
	font-weight: normal !important;
}

.ui-messages-error, .ui-message-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    display: flex;
    align-items: center;
    margin-top: 0.3em;
}

.ui-growl-item-container{
	width: 100%;
}

.ui-growl-message{
	float:none;
	display:contents;
}

.ui-growl-image{
	float:none;
	display:contents;
}

@media (orientation: portrait) and (max-width: 1023px){
	body {
		font-size: 1.75em !important;
	}

	.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field.c-3{
		width: 100% !important;
	}

	.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container .qssi-form-field{
		width: 100%;
	}

	.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container{
		flex-direction: column;
	}

	.qssi-public-container .qssi-main .qssi-footer {
		flex-direction: column;
		margin: 1em 0;
		height: unset !important;
	}

	.qssi-public-container .qssi-main .qssi-footer .qssi-footer-column{
		width: 100%;
		margin: 0.75em;
		align-items: center !important;
	}
	.qssi-public-container .qssi-main .qssi-content .qssi-form-content .qssi-form-field-container .c-2{
		width: 100%;
	}
}

.export-file-button {
	background-color: gray;
    color: white;
    border-radius: 5px;
    border: 1px solid black;
    margin: 1em 1em 0 0;
    padding: 0.25em 2em;
    float: right;
}

/* DPDF */
.dpdf-page {
	padding: 1rem;
}

.dpdf-page * {
	font-size: .9rem;
}

.dpdf-page h4 {
	font-size: 1.2rem;
	margin: 0.5rem 0 !important;
}

.dpdf-page p{
	margin: 0.5rem 0 !important;
}