/*---Top---*/
.top-bar-search{
	width: auto;
}

/*---AsideMenu---*/
.app-aside-light{
	border: 0 !important;
}
.stacked-menu .menu-item{
	height: 45px !important;
}
.stacked-menu-has-compact>.menu>.menu-item>.menu-link {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    max-height: 45px
}
.stacked-menu > .menu > .menu-item > .menu-link,
.stacked-menu > .menu > .menu-item.has-active > .menu-link,
.stacked-menu > .menu > .menu-item > .menu-link:hover{
	margin: 5px;
	padding: 10px 10px 10px 0px;
	font-weight: 500;
	color: rgb(41, 52, 67);
	/*color: rgb(94, 110, 130);*/
}
.stacked-menu-has-compact > .menu > .menu-item > .menu-link:hover{
	/*padding: .5rem .5rem;*/	
}

.stacked-menu > .menu > .menu-item.has-active > .menu-link{
	padding: 10px 10px 10px 0px;
}
.stacked-menu > .menu > .menu-item.has-active > .menu-link,
.stacked-menu > .menu > .menu-item > .menu-link:hover{
	background-color: rgba(52,108,176,.08);
	border-radius: 6px;
}
.stacked-menu-has-compact > .menu > .menu-item > .menu-link .menu-icon{
	line-height: 1.25rem;
}
.stacked-menu > .menu > .menu-item > .menu-link .menu-icon{
	/*padding-left: 13px;*/
	min-width: 45px;
}
.stacked-menu > .menu > .menu-item.has-active > .menu-link .menu-icon{
	border-left: 3px solid #346cb0;
	border-left-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
}
.stacked-menu .menu-link > .menu-icon{
	font-size: 1.25rem;	
}
.stacked-menu-has-compact > .menu > .menu-item > .menu-link .menu-icon{
	font-size: 1.25rem;
}
.app.has-compact-menu .app-aside{
	width: 5rem;
}
.app.has-compact-menu .app-aside + .app-main{
	padding-left: 5rem;
}
/*---Interfata---*/
 .birou-stema{
 	max-height: 175px;
 	height: 175px;
 
 }
.default-skin .bg-eportal{
	/*background-color: #edf2f9;*/
}
.dark-skin .app-header-dark, .dark-skin .bg-primary, .dark-skin .btn-primary{
	background-color: #222230 !important;
}
.app-header .btn-account .account-summary {
	max-width: 15rem;
}
 
.board{
	height: calc(100vh - 3.5rem);
}
.pace-activity {
	display: none !important;
}

.top-bar-brand, .top-bar-brand-mobile {
	/*width: auto;*/
	font-weight: 500;
}

.top-bar-brand-mobile {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.top-bar-brand a, .top-bar-brand-mobile a {
	text-decoration: none;
	color: #fff;
	font-size: xx-large;
	font-weight: 700;
	/*letter-spacing: 2px;*/
	line-height: 32px;
}
.top-bar-brand-mobile{
	width: auto;
	line-height:1;
	text-align: center;
	font-size: 1.25rem;
}
.top-bar-brand-mobile a{
	font-size: x-large;
	font-weight: 500;
}


.page-inner {
	padding-left: 0;
	padding-right: 0;
}
.message-header{
	min-height: 3.5rem;
	height: auto;	
}
.message-publisher{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.card{
	border-radius: 0.625rem;
}
.gap-4 {
    gap: 1rem;
}
 
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

 
.grid {
    display: grid;
}
#App-ContentSideBarSolicitari {
	padding: 0 !important;
}
#App-ContentAdaugaSolicitare{
	/*max-width: 960px !important; comentat in 07.04.2022*/
	margin: 0 auto;
}
#App-ContentAdaugaSolicitare .card-header {
	padding: .5rem;
}

#App-ContentAdaugaSolicitare .card-header h3 {
	color: #ffffff;
	font-size: 1.25rem;
	line-height: inherit;
}

#App-ContentSideBarSolicitariMessage{
	/*height: calc(100vh - 17rem);	*/
	height: auto;
}
#App-ContentSideBarSolicitariTitle{
	align-items: center;
    justify-content: space-between;
}
.solicitari .list-group-item-title {
	white-space: break-spaces;
	word-break: break-word;
}

.list-group-header-solicitari-list {
	box-shadow: inset 4px 0 0 0 #346cb0;
	color: #346cb0;
	font-size: .875rem;
}

.page-message {
	max-height: 480px;
	overflow: hidden;
}

.message-title {
	white-space: break-spaces;
}

.no-solicitari {
	margin-top: 5rem;
	width: 100%;
}

.no-solicitari img {
	opacity: 0.5;
	height: 25%
}
.conversation-actions{
	opacity: 1 !important;
}
.shadow-none{
	box-shadow: none !important;
}
.app-aside + .app-main{
	margin-bottom: 50px;
}
/*---.end---*/
span.input {
	color: #888c9b;
	padding-top: calc(0.75rem + 0.75rem * ( 2/ 3));
	padding-bottom: calc(0.75rem/ 3);
	height: 3rem;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0
}

.input-group:not (.input-group-alt )  {
	height: 3rem;
}

[ref="buttonMessageContainer"] {
	display: none;
}

.invalid-feedback.filled{
	display: block;
}

.invalid-feedback .fa{
	float: left;
	line-height: 16px;
	margin-right: 5px;
}

/*---Adaugat pt reCAPTCHA badge sa fie vizibil ---*/
.btn-floated {
	bottom: 5rem;
}

.grecaptcha-badge {
	z-index: 1030;
}
/*---.end---*/
a[data-add-solicitare]:hover .list-group-item-text, a[data-add-solicitare]:hover .list-group-item-figure
	{
	color: #346cb0
}
/*---Adaugate pt Formio---*/
.formio-hidden{
	display: none;
}
.card-body-formio{
	padding: 0.5rem;
}
nav[id|="wizard"] ul.pagination li.page-item{
	/* font-size: 0.75rem; comentat in 07.04.2022 */
}
nav[id|="wizard"] ul.pagination li.page-item span.page-link{
	/* padding: 0.5rem; comentat in 07.04.2022 */
	cursor: pointer;
}
.formio-read-only {
	display: none;
}

.formio-component-file ul li div.row {
	width: 100%;
}
/*
.form-label-group input:placeholder-shown:not(:-webkit-autofill) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
*/
.form-label-group textarea {
	padding-top: 1.25rem;
}

.formio-form .card-body {
	/*background-color: #fff !important; comentat in 07.04.2022*/
	box-shadow: none;
	/*padding: 0; comentat in 07.04.2022 */
}

.formio-component.form-label-group .input-group {
	height: 3rem
}

.formio-component .form-label-group .input-group:not(.input-group-alt){
	background-color:transparent;
}
.formio-component-file label{
	font-weight: bold;
}
.plata-taxa{
	color: #2f5e99;
	background-color: #f7f9fc !important;
	border-color: #346cb0 !important;
	box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
	border-width: 3px !important;
}
.conversation-message-text{
	max-width: 570px !important;
}
.bt-0{
	border-top:0 !important;
}
.col-form-label{
	/*font-weight: bold;*/
}
.shadow-none .card{
	box-shadow: none;
}
.col-form-label{
	padding-top: 0;
}
.legend{
	font-size: inherit;
	font-weight: 400;
}
.formio-component-tabs > .card{
	box-shadow: none;
}
.formio-component-tabs > .card > .card-header{
	border-bottom: 0 !important;
	font-weight: bold;
}
.formio-component-tabs > .card > .card-header > .nav > .nav-item > .nav-link{
	padding: 1rem 1rem 0.4rem 1rem;
	font-weight: bold;
}
/*---.end---*/
/* Stiluri ptr fieldset ca sa nu arate legenda */
.noLegend fieldset legend {
	display: none;
}

.inlineBlock {
	display: inline-block;
}

.inline {
	display: inline;
}

.inline * {
	display: inline;
}

.inputTaxa {
	width: 7rem;
}

.inputTaxa input {
	text-align: right;
}

.1formio-component-file ul li div div.col-md-9 strong::after {
	content: "Nume fisier";
	position: relative;
	left: -55px;
	background: white;
}

.1formio-component-file ul li div div.col-md-2 strong::after {
	content: "Marime";
	position: relative;
	left: -23px;
	background: white;
}

.1fileSelector {
	color: white;
	text-align: left;
}

.1fileSelector::before {
	content: "Trageti fisierele aici, sau  ";
	position: relative;
	background: white;
	left1: 260px;
	color: black;
}

.1fileSelector .browse {
	position: relative;
	left: 10px;
}

.1fileSelector .browse::after {
	content: "rasfoieste";
	position: relative;
	left: -50px;
	background: white;
}

.flatpickr-current-month {
	font-size: 1rem !important;
}
/*
* Pt. portleti
*/
input[disabled], input[disabled="disabled"], select[disabled], select[disabled="disabled"]
	{
	border: 0;
	box-shadow: none;
	font-weight: bold;
}

.form-label-group>label {
	z-index: 1;
}

.form-control[disabled="disabled"], .form-control[disabled] {
	background-color: #f6f7f9 !important;
	border: 0px !important;
	font-weight: bold;
	font-weight: 500;
}

.dark-skin .form-control[disabled="disabled"], .dark-skin .form-control[disabled] {
	background-color: rgb(45,45,63) !important;
}

.form-control[disabled="disabled"]+.input-group-append, .form-control[disabled]+.input-group-append
	{
	display: none;
}

.form-text.error:nth-child(2) {
	display: none;
}
/*
.form-label-group input {
	padding: 20px 10px 4px 12px !important;
}
*/
.form-label-group input::placeholder {
	color: #888c9b !important;
}

.formio-component-multiple td {
	padding: 0px;
}

.formio-component-multiple td:nth-child(2) {
	padding: 5px;
}

.formio-component-multiple td .formio-button-add-another::after {
	content: 'Adauga valoare';
	left: -80px;
	position: relative;
	font-weight: 700;
	background-color: #346cb0;
}
.formio-error-wrapper{
	background-color: inherit ;
	border-color: inherit;
}
.formio-error-wrapper, .formio-warning-wrapper{
	padding: inherit;
}
.row.d-flex {
	height: 100vw;
	max-height: calc(100vh * 2);
}

.page-navs-search {
	width: 100%;
}
/*---Comunicari---*/
a.comunicari-solicitarile-mele h4, a.comunicari-solicitarile-mele p{
	color: var(--primary);
}
/*---------*/
.dot{
	width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: .5rem;
}
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}

body {
	top: 0px !important;
}

.goog-logo-link {
	display: none !important;
}
.bg-holder {
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	will-change: transform, opacity, filter;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-repeat: no-repeat;
	z-index: 0;
}
/*---05.FooterMenu---*/
.footer-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    /*height: 60px;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /*box-shadow: rgba(65, 69, 88, 0.1) 0px 7px 14px 0px, rgba(0, 0, 0, 0.07) 0px 3px 6px 0px;*/
    box-shadow:  0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15);
    background-color: #346cb0;
    background-color: #fff;
    display: flex;
    overflow-x: auto;
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 10px 10px 15px 10px;
}
 
.footer-menu .menu-link {
    color: #888c9b;
    display: flex;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    max-width: 25%;
    width: 45px;
    margin: 0 0.25rem 0.25rem 0.25rem;
    overflow: hidden;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
}

.footer-menu .menu-link:hover {
    color: #346cb0;
}

.footer-menu .menu-link.has-active {
    color: #346cb0;
}
.footer-menu .menu-link .menu-text{
	white-space: nowrap;
	font-size: 0.625rem;
	font-weight: 500;
	/*display:none;*/
}
.footer-menu .menu-link .menu-icon {
    font-size: 1.5rem;
    width: 45px;
    
}
.footer-menu .menu-link.has-active .menu-icon{
	
} 
/*Profile Pic Start*/
.profile-picture-container{
    position: relative;
    cursor: pointer;
    text-align: center;
}
.profile-picture{
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 15%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.profile-picture:hover{
    border-color: #2ca8ff;
}
 
.profile-picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.profile-picture-src{
    width: 100%;
    
}
.border-dashed {
    border-style: dashed !important;
}
.symbol .symbol-label {
    width: 50px;
    height: 50px;
}
.symbol.symbol-circle, .symbol.symbol-circle > img, .symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

/*---media bp---*/
@media ( min-width : 1540px) {
	 .has-sidebar-expand-xl .app-main>.app-footer, .has-sidebar-expand-xl .page-inner {
    	margin-right: 35rem;
	}
	.page-sidebar{
		max-width: 35rem;
		width: 35rem;
	}
	.has-sidebar-expand-xl.has-sidebar-fluid .page-inner {
    	margin-right: calc(100vw - 47.5rem);
	}
	.has-sidebar-expand-xl.has-sidebar-fluid .page-sidebar {
    	width: calc(100vw - 47.5rem);
    	max-width: calc(100vw - 47.5rem);
	}
}
@media ( min-width : 1200px) {
	#App-ContentAdauaSolicitareList{
		margin: 0 auto;
	}
	
	.page-navs-search {
		width: 360px;
	}
}

 @media (max-width: 576px){
	.message-body {
    	padding: 1.5rem 1rem;
	}
	
	.card-deck {
		display: flex;
		width: 100%;
  	}
  	
  	.card-deck .card {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: space-between;
	}
	
  	.card-body {
		flex: 1 1 auto;
	}
	
 	#App-ContentSideBarSolicitari{
  		margin-bottom: 69px !important;
	}
	#App-ContentSideBarSolicitariMessage{
		/*height: calc(100vh - 24rem);	*/
	}
 }


@media ( min-width : 600px) {
	.pb-3 {
		flex: initial;
		display: block;
	}
}

@media ( min-width : 600px) and (max-width: 730px) {
	.row.d-flex {
		max-height: 1200px;
		height: 1200px;
	}
	#App-ContentSideBarSolicitariMessage{
		height: calc(100vh - 18rem);	
	}
}

@media ( min-width : 731px) and (max-width: 1200px) {
	.row.d-flex {
		max-height: 1200px;
	}
		#App-ContentSideBarSolicitariMessage{
		height: calc(100vh - 18rem);	
	}
}

.dark-skin .choices__list--dropdown {
	background-color: #2d2d3f;
}

.dark-skin .choices__list--dropdown .choices__item--selectable.is-highlighted {
	background-color:#346cb0;
}

.dark-skin .choices__input {
	background-color: #2d2d3f;
}
/**--form--**/
input[required]:invalid {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23B76BA3'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23B76BA3' stroke='none'/%3E%3C/svg%3E");
}

input[required]:valid {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300A28A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

input[required]:valid, input[required]:invalid {
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	background-repeat: no-repeat;
	padding-right: calc(1.5em + .75rem);
	background-position: calc(100% - .75rem) /*calc(.75em + .1875rem)*/;
}
.invalid-feedback.filled{
	display: block;
}
.invalid-feedback .fa{
	float: left;
}
/**--end form--**/