/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Harta **/
#harta {
	margin-bottom: 50px !important;
}

/** General >> Wpv view layout 60 element **/
#wpv-view-layout-60 > .element {
	background-color: rgb(244, 244, 244) !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

/** General >> Imagine **/
.imagine img {
	width: 100% !important;
	height: auto !important;
}

/** General >> Imagine wrap **/
.imagine {
	min-height: 175px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
}

/** General >> Denumire **/
.denumire {
	font-size: 22px !important;
	text-align: center !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Perioada **/
.perioada {
	text-align: left !important;
}

/** General >> Coloana2 **/
.col-md-8 {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}

/** General >> Locatia **/
.locatia {
	text-align: left !important;
}

/** General >> Sponsor **/
.sponsor {
	text-align: left !important;
}

/** General >> Pret **/
.pret {
	text-align: left !important;
}

/** General >> Filtre **/
.filtre {
	background-color: rgb(255, 255, 255) !important;
	width: 800px !important;
	height: 85px !important;
	padding-top: 20px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	margin-left: auto !important;
	border: 1px solid rgb(219, 219, 219) !important;
	border-radius: 8px !important;
	z-index: 900 !important;
}

/** General >> container Elemente filtru **/
.elementefiltru {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Elemente filtru span **/
.elementefiltru input, 
.elementefiltru select {
	font-weight: 300 !important;
	font-variant: small-caps !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** General >> sectiunerezultate **/
#sectiunerezultate .js-wpv-view-layout .rezultate, 
#sectadmin1 .js-wpv-view-layout .rezultate {
	width: 100% !important;
	padding: 10px !important;
	border: 1px dotted rgb(219, 219, 219) !important;
	display: grid !important;
	grid-gap: 20px !important;
	gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** General >> sectiunerezultate butoane **/
#sectiunerezultate .js-wpv-view-layout .btn {
	background-color: rgb(51, 93, 156) !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-color: rgb(51, 93, 156) !important;
}

/** General >> Element **/
.element {
	background-color: rgb(239, 239, 239) !important;
	padding: 10px !important;
	border: 1px solid rgb(219, 219, 219) !important;
	border-radius: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Actiuni **/
.actiuni {
	width: 100% !important;
	margin-top: 10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}

/** General >> Btn link **/
.btn a {
	color: rgb(255, 255, 255) !important;
}

/** General >> Practitioners wrap shortcode **/
#shortcode-16-68, 
#shortcode-8-2480 {
	width: 100% !important;
}

/** General >> Element row **/
.element > .row {
	width: 100% !important;
}

/** General >> Endorsed **/
.endorsed {
	font-size: 12px !important;
}

/** General >> Legenda **/
img.legenda {
	width: 100% !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/** General >> Wrap butoane filtru **/
.butoanefiltru {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** General >> Butoane filtru **/
.butoanefiltru input {
	min-width: 100px !important;
}

/** General >> fwrap **/
.fwrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Btnedit **/
.btnedit {
	font-size: 12px !important;
	background-color: rgb(99, 144, 8) !important;
	width: 60px !important;
	border-color: rgb(99, 144, 8) !important;
}

/** General >> Btnedit Copy 1 **/
.btndel {
	font-size: 12px !important;
	background-color: rgb(173, 29, 7) !important;
	width: 60px !important;
	border-color: rgb(173, 29, 7) !important;
}

/** General >> Cred form 4198 1 1 location **/
#cred_form_4198_1_1_location {
	background-color: rgb(255, 255, 255) !important;
	height: 38px !important;
	border-top: 1px solid rgb(191, 191, 191) !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 4px !important;
}

/** General >> Image **/
#cred_form_4243_1_1 img {
	max-width: 100% !important;
}

/** General >> #ModalCenter .aprobare **/
#ModalCenterAll .aprobare {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	grid-column-gap: 25px !important;
	column-gap: 25px !important;
}

/** General >> #ModalCenterAll .aprobare .btn **/
#ModalCenterAll .aprobare .btn {
	width: 80px !important;
}

/** General >> #btnyes **/
#btnyes {
	background-color: rgb(173, 29, 7) !important;
	border-color: rgb(173, 29, 7) !important;
}

/** General >> #btnno **/
#btnno {
	background-color: rgb(99, 144, 8) !important;
	border-color: rgb(99, 144, 8) !important;
}

/** General >> #explicatie **/
#explicatie {
	font-size: 14px !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-bottom: 15px !important;
}

/** General >> .ur-form-grid p:nth-of-type(2) **/
.user-registration-form-row {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

/** General >> #ur-frontend-form input[type="submit"] **/
#ur-frontend-form input[type="submit"] {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(18, 120, 171) !important;
	padding: 8px 25px 8px 25px !important;
	border-style: none !important;
	border-radius: 8px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}


/*= Registration Page ========= */

/** Registration Page >> #piotnetforms input[type=text] **/
#piotnetforms input[type=text] {
	height: 40px !important;
}

/** Registration Page >> #piotnetforms input[type=email] **/
#piotnetforms input[type=email] {
	height: 40px !important;
}

/** Registration Page >> #piotnetforms input[type=url] **/
#piotnetforms input[type=url] {
	height: 40px !important;
}

/** Registration Page >> #piotnetforms input[type=password] **/
#piotnetforms input[type=password] {
	height: 40px !important;
}

/** Registration Page >> #piotnetforms input[type=tel] **/
#piotnetforms input[type=tel] {
	height: 40px !important;
}

/** Registration Page >> #eye-icon-userpassword **/
#eye-icon-userpassword {
	font-size: 20px !important;
	width: 40px !important;
	height: 40px !important;
	display: inline-block !important;
}

/** Registration Page >> #sectiuneaprobareuseri **/
#sectiuneaprobareuseri {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
}

/** Registration Page >> #randaprobare **/
#randaprobare {
	width: 100% !important;
	border: 1px solid rgb(200, 196, 196) !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
}

/** Registration Page >> #sectiuneaprobareuseri .butoaneaprobare **/
#sectiuneaprobareuseri .butoaneaprobare {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
}

/** Registration Page >> #sectiuneaprobareuseri .btnaprobare **/
#sectiuneaprobareuseri .btnaprobare {
	text-align: center !important;
	min-width: 80px !important;
	padding: 4px 10px 5px 10px !important;
	border-width: 1px !important;
	border-style: solid !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	cursor: pointer !important;
}

/** Registration Page >> #randaprobare .col **/
#randaprobare .col {
	height: 80px !important;
	padding-top: 4px !important;
	padding-bottom: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	overflow-y: hidden !important;
}

/** Registration Page >> #randaprobare .col2 **/
#randaprobare .col2 {
	max-width: 120px !important;
}

/** Registration Page >> #element **/
#element {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
}

/** Registration Page >> #randaprobare .col:nth-of-type(4) **/
#randaprobare .col:nth-of-type(4) {
	line-height: 1.3em !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
}


/*= Profile =================== */

/** Profile >> Edit **/
a#edit {
	color: rgb(174, 174, 174) !important;
	font-size: 11px !important;
	position: relative !important;
	top: 3px !important;
}

/** Profile >> New **/
a#new {
	color: rgb(219, 0, 66) !important;
	font-size: 11px !important;
	position: relative !important;
	top: 3px !important;
}

/** Profile >> Videolist **/
#shortcode-91-3912 ul.videolist {
	background-color: rgb(239, 249, 252) !important;
	padding: 15px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	display: grid !important;
	grid-gap: 10px !important;
	gap: 10px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Profile >> Videolist Copy 1 **/
#shortcode-91-3912 ul.videolist img {
	width: 100% !important;
}

/** Profile >> Toplevel **/
.toplevel {
	background-color: rgb(225, 248, 255) !important;
	padding: 20px !important;
	margin-bottom: 30px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Profile >> Unordered list **/
#shortcode-91-3912  ul {
	list-style-type: none !important;
	padding: 0 !important;
}

/** Profile >> Unordered list Copy 1 **/
.imgli {
	min-height: 150px !important;
	padding: 0 !important;
	position: relative !important;
}

/** Profile >> Div **/
.imgli .overlay {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.44) 80%, rgb(0, 0, 0)) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

/** Profile >> Div _2 **/
.overlay a {
	width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	max-height: 40px !important;
	position: absolute !important;
	display: block !important;
}

/** Profile >> Div _3 **/
.titleoverlay {
	color: rgb(255, 255, 255) !important;
	font-size: 13px !important;
	line-height: 1em !important;
	font-weight: 600 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	min-height: 30px !important;
	position: absolute !important;
	bottom: 5px !important;
	left: 5px !important;
	right: 5px !important;
}

/** Profile >> Link (#2) **/
.linksonlogout {
	margin-top: 20px !important;
	grid-column-gap: 50px !important;
	column-gap: 50px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Profile >> Link (#1) **/
.logoutlink {
	color: rgb(239, 249, 252) !important;
	background-color: rgb(18, 120, 171) !important;
	min-width: 120px !important;
	padding: 8px 10px 8px 10px !important;
}

/** Profile >> Image **/
#cred_form_4198_1_1 img {
	max-width: 250px !important;
}


/*= Listing Terapeuti ========= */

/** Listing Terapeuti >> Element paragraph **/
.element p {
	color: rgb(145, 145, 145) !important;
	font-size: 14px !important;
	line-height: 1.2em !important;
	font-style: italic !important;
	margin-top: 5px !important;
}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> Filtre **/
	.filtre {
	width: 90% !important;
	margin-left: 10px !important;
}

	/** General >> sectiunerezultate **/
	#sectiunerezultate .js-wpv-view-layout .rezultate, 
#sectadmin1 .js-wpv-view-layout .rezultate {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

	/** Registration Page >> .wpt-form-label **/
	.wpt-form-label {
	white-space: normal !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> Sectiunde filtre si harta **/
	#shortcode-4-68 {
	margin-bottom: 200px !important;
}

	/** General >> Filtre **/
	.filtre {
	max-width: 80% !important;
	height: 200px !important;
	margin: 0 auto 0 auto !important;
}

	/** General >> container Elemente filtru **/
	.elementefiltru {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** General >> Elemente filtru span **/
	.elementefiltru input, 
.elementefiltru select {
	margin-right: 0 !important;
	margin-bottom: 5px !important;
	margin-left: 0 !important;
}

	/** General >> sectiunerezultate **/
	#sectiunerezultate .js-wpv-view-layout .rezultate, 
#sectadmin1 .js-wpv-view-layout .rezultate {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto !important;
}

	/** General >> Wrap butoane filtru **/
	.butoanefiltru {
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}

	/** General >> Butoane filtru **/
	.butoanefiltru input {
	min-width: 100px !important;
}

	/** General >> fwrap **/
	.fwrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Registration Page >> #element **/
	#element {
	height: auto !important;
	margin-bottom: 20px !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
}

	/** Registration Page >> #randaprobare **/
	#randaprobare {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	grid-row-gap: 5px !important;
	row-gap: 5px !important;
}

	/** Registration Page >> #randaprobare .col **/
	#randaprobare .col {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 40px !important;
	max-height: auto !important;
}

	/** Registration Page >> #sectiuneaprobareuseri .butoaneaprobare **/
	#sectiuneaprobareuseri .butoaneaprobare {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

	/** Registration Page >> .pll-switcher-select **/
	.pll-switcher-select {
	font-size: 1rem !important;
	width: 100% !important;
	padding: 6px 10px 6px 10px !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
}

}