* {
	outline: none;
	margin: 0px;
	padding: 0px;
}
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color: #fff0;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
    display:none;
}

html {
  scroll-behavior: smooth;
}

body{
	font-family: 'lounoR';
	color: #00293B!important;
}

@font-face {
	font-family: 'lounoTH';
	src: url(/javax.faces.resource/Lato-Thin.ttf.xhtml?ln=fonts) format('truetype');	
}

@font-face {
	font-family: 'lounoL';
	src: url(/javax.faces.resource/Lato-Light.ttf.xhtml?ln=fonts) format('truetype');	
}

@font-face {
	font-family: 'lounoR';
	src: url(/javax.faces.resource/Lato-Regular.ttf.xhtml?ln=fonts) format('truetype');	
}

@font-face {
	font-family: 'lounoB';
	src: url(/javax.faces.resource/Lato-Bold.ttf.xhtml?ln=fonts) format('truetype');	
}

@font-face {
	font-family: 'lounoBl';
	src: url(/javax.faces.resource/Lato-Black.ttf.xhtml?ln=fonts) format('truetype');	
}

.lounoTH {
	font-family: 'lounoTH';
}

.lounoL {
	font-family: 'lounoL';
}

.lounoR {
	font-family: 'lounoR';
}


.lounoB {
	font-family: 'lounoB';
}

.lounoBl {
	font-family: 'lounoBl';
}

.link_card {
	cursor: pointer;
	transition:all 0.6s;
}

.link_card:hover {
      box-shadow: 0 10px 40px rgb(41 50 65 / 20%);
}

.field-br-1 {
    border-right: 1px solid #ccc;
}

.bolder-font {
	font-weight: 600!important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

span.ui-treenode-label.ui-corner-all {
	width: 100%;
}
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
	color: #000!important;
	background-color: #fff !important;
	background: #fff !important;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #464DF2!important;
    background: #cccccc3d!important;
    border-top-right-radius: 5px!important;
    border-top-left-radius: 5px!important;
}
.invoice_status_ACTIVE {
	color: #E6A100;
}
.invoice_status_INACTIVE {
	color: #D57171;
}

.border-DC-3px {
	border: 3px solid #DCDCDC;
}

.lou-reg-btn {
	width: 100%;
	display: inline-block;	
}

.company_adjustment,
.company_adjustment .ui-menu-child {
	width: 200px!important;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled.ui-state-disabled {
   background: #c6dbfb!important;
}

.wrapper-louno-content {
	margin-top: 120px !important;
}

.lou-contact-wrapper{
	width: 95%;
	max-width: 1200px;
	margin: auto;	
	margin-top: 150px;
}
.lou-about-wrapper {
	width: 90%;
	padding: 0 20px;
	max-width: 1200px;
	margin: auto;	
}
.lou-cont-textarea {
	background: #F8F8F8 !important;
	border: none !important;
	padding: 15px !important;
}

.lou-cont-send-btn {
	color: #fff !important;
	text-decoration: none !important;
}

.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
	height: 45px!important;
}

.rem-3-wh {
	width: 3rem!important;
	height: 3rem!important;
}

.fs-25 {
	font-size: 25px!important;
}
.fs-24 {
	font-size: 24px!important;
}

.fs-10 {
	font-size: 10px!important;
}

.fs-30 {
	font-size: 30px!important;
}
.fs-13 {
	font-size: 13px;
}

.w-100 {
	width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-hover {
	display: inline-block;
    width: 224px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    padding: 20px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.btn-hover.color-2 {
    background-image: linear-gradient(to right, #fa7199, #7a089f, #f5ce62, #e43603);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.card {
    background: var(--surface-e);
    padding: 2rem;
  	border-radius: 4px;
  	margin-bottom: 2rem;
 	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
 }
 
 .login-wrapper {
 	max-width: 500px;
 	margin: auto;
	top: 50%;
  	transform: translate(0, 200px);
  	padding: 10px;
	 width: 90%;
 }
 
 .fs-22 {
 	font-size: 22px;}
 .bolder-font, .bolder-font pi {
 font-weight: bolder!important;}

.bolder-font .ui-button-icon-right.ui-icon.ui-c.pi.pi-bookmark {
    font-weight: bold;
}

.ml-105 {
	margin-left: 105px;
}
 
.xxlarge {
	width: 7rem!important;
	height: 7rem!important;
 }
 
.layout-sidebar .layout-menu {
	padding: 0!important;
	margin: 0!important;
}

.layout-menu a {
	    display: block;
}

.layout-menu a {
    color: #29597c;
    font-weight: bolder;
}

.layout-menu .ui-commandlink {
	text-decoration: none !important;
    color: #29597c;
	
}
.layout-menu .ui-commandlink:hover {
	text-decoration: none !important;
    color: #29597c;
}


.myprofile-menu-title  {
	margin-top: 70px;
}

.myprofile-menu-title span {
	display: inline-block;
    padding: 10px 40px;
    width: 100%;
    border-bottom: 1px solid #ccc;	
}

.template_upload {
    width: 100%;
    border-right: 1px solid #ccc!important;
    padding: 55px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.attachment-file-upload .ui-fileupload-content {
	display: none!important;
}

.attachment-file-upload .ui-fileupload-content,.attachment-file-upload .ui-widget-header {
	border: none !important;
    background: #fff!important;
}

.attachment-file-upload {
	width: 100%;
}

.attachment-file-upload span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    color: #DCDCDC !important;
    background-color: white !important;
    border-color: #808080 !important;
    border: 1px dashed !important;
    border-radius: 10px !important;
    padding: 30px 10px;
    width: 100%;
    height: 160px;
}

.attachment-file-upload-custom span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    color: #DCDCDC !important;
    background-color: white !important;
    border-color: #808080 !important;
    border: 1px dashed !important;
    border-radius: 10px !important;
    width: 100%!important;
    height: auto!important;
    padding: 5!important;
}

.drop-files .attachment-file-upload .ui-fileupload-buttonbar{
	margin:0!important;
	padding: 0!important;
}

.drop-files .ui-fileupload-buttonbar span {
	display: block!important;
	position: static!important;
	margin:0!important;
}

.drop-files .ui-fileupload-buttonbar {
	padding:0!important;
}

.drop-files .ui-icon {
	font-size: 50px;
	color: #DCDCDC;
	padding-bottom: 20px;
}

.drop-files .ui-button-text {
	font-family: 'lounoR';
	padding:0!important;
}

.empty-value-property ul{
	border: 1px solid red!important;
}

.invalid-email {
	background: rgb(255, 128, 128)!important;
	border: rgb(255, 0, 0)!important;
}
.valid-email {
	background: green!important;
	border: green!important;
}

.ui-chips.ui-widget, .ui-chips.ui-widget ul {
	width: 100%;
} 

.box-member {
	width: 200px;
	height: 200px;
	background: #ccc;
	margin: 10px;
	display: block;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-highlight,
body .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
	background: #d9e9f5!important;
    color: #000!important;
    font-weight: bolder!important;
}

body .ui-dataview .ui-dataview-header {
    background: none!important;
    color: #333;
    padding: 0.857rem 1rem;
    font-weight: 700;
    border: none!important;
    border-width: 0px!important;
}

body .ui-dataview .ui-paginator.ui-paginator-bottom {
	 background: none!important;
    color: #333;
    padding: 0.857rem 1rem;
    font-weight: 700;
    border: none!important;
    border-width: 0px!important;
}

.ui-dataview-row {
	margin-bottom: 2rem;
}

.knob-custom input{
	font-size: 12px!important;
}

.dropdown-menu-template {
	position: absolute!important;
    top: 0;
    right: 0;
}

.radio-button-custom table {
	width: 100%;
    border-spacing: 0 0em;
}

.radio-button-custom td{
	width: 33%;
}

.radio-button-custom table td:first-child {
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px;
}

.radio-button-custom table td:nth-child(2) {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.radio-button-custom table td:nth-child(3) {
     border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}

.wrapper-file-box {
    width: 190px;
    height: 230px;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 10px;
    background-color: #F9FAFC;
    margin-right: 25px;
    float: left;
    margin-bottom: 25px;
}

.fcp-preview-image {
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center;
}

.wp-preview-image {
	height: 700px;
	background-size: cover;
}

.file-name-preview a, .file-name-wrapper a{
	text-decoration: underline;
	color: #808080;
}

.file-name-preview {
    max-width: 70%;
    text-align: center;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
    max-height: 20px;
    text-overflow: ellipsis;
}

.fpc-image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.menu-logo {
	margin: 56px 0;
}

.inactive-menu:hover {
    background: #1f656e38 0% 0% no-repeat padding-box!important;
}

.layout-content .content-section.implementation {
	height: 100%;
	padding: 36px 68px;
}

.content-title-information {
	font-size:41px;
	letter-spacing: 0px;
	color: #00293B;
}

.louno-hr {
	border-top: 1px solid #E1E1E1;
	width:100%;
	margin:5px 0;
}

.green-card {
	background: #1f656e24 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000D;
	border-radius: 9px;
	opacity: 1;
}

.light-green-card {
	background: #1F656E0F 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000D;
	border-radius: 9px;
	opacity: 1;
}

.white-card {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000D;
	border-radius: 10px;
	opacity: 1;
	padding: 25px 30px 0px 30px;
}

.red-card {
	background: #FFEEEE 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000D;
	border-radius: 10px;
	opacity: 1;
	padding: 10px;
}

.green-card-license {
	background: #EAFFF5 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #0000000D;
	border-radius: 10px;
	opacity: 1;
	padding: 10px!important;
}

.max-card-height {
	height: 100%;
}

.red-txt-color {
	color: #D82A2A!important;
}

.green-txt-color {
	color: #008746!important;
}
.gray-txt-color {
	color: #AAAAAA!important;
}

.white-card-padding-horizontal {
	padding-left: 30px;
	padding-right: 30px;
}

.white-card-padding-buttom {
	padding-bottom: 25px;
}

.content-section {
	background: #F6F6F8;
	min-height: calc(100vh - 86px);
}

.fs-17 {
	font-size : 19px;
}

.fs-14 {
	font-size : 14px;
}
.fs-40 {
	font-size : 40px;
}

.white-card-title {
 	color: #00293B;
 	margin-bottom: 20px;
 	font-family: 'lounoB';
}

.text-DC {
	color: #DCDCDC;
}

.border-DC {
	border: 1px solid #DCDCDC;
}

.border-top-DC {
	border-top: 1px solid #DCDCDC;
}

.border-radius-10 {
	border-radius: 10px;
}

.lounoTable .ui-datatable-tablewrapper {
	border: 1px solid #e9ecef;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.lounoTable th {
	padding: 0 1rem!important;
}
.lounoTable-padding th {
	padding:1rem!important;
}

.profile-status-PENDING,
.order-status-PENDING
 {
	padding: 5px 0px;
	width: 130px;
    display: block;
    text-align: center;
	border-radius: 10px;
	color: #FC994E;
	background-color: #FFF1E5;
	font-size: 12px;
}

.profile-role-admin {
	padding: 5px 0px;
	width: 130px;
    display: block;
    text-align: center;
	border-radius: 10px;
	color: #FFF;
	background-color: #1F656E;
}

.profile-status-GENERATING,
.order-type-AI_IMAGE {
	padding: 5px 0px;
	border-radius: 10px;
	color: #ffffff;
	width: 130px;
    display: block;
    text-align: center;
	background: linear-gradient(90deg, rgb(0 142 19 / 38%) 0%, rgb(0 60 255 / 49%) 100%);
	font-size: 12px;
}
.order-type-LOUCARD {
    padding: 5px 0px;
    border-radius: 10px;
    color: #ffffff;
    width: 130px;
    display: block;
    text-align: center;
    background: linear-gradient(90deg, rgb(25 0 62 / 38%) 0%, rgb(0 0 0 / 49%) 100%);
    font-size: 12px;
}

.profile-status-GENERATED,
.order-type-VISITCARD,
.order-status-FINISHED {
	padding: 5px 0px;
	border-radius: 10px;
	color: #36BE93;
	width: 130px;
    display: block;
    text-align: center;
	background-color: #E0F5EE;
    font-size: 12px;
}
.order-status-DELIVERED {
	padding: 5px 0px;
	border-radius: 10px;
	color: rgb(191 128 96);
	width: 130px;
    display: block;
    text-align: center;
	background-color: rgb(253, 237, 196);
    font-size: 12px;
}
.order-status-OUTSTANDING_PAYMENT {
    padding: 5px 0px;
    border-radius: 10px;
    color: rgb(183 96 191);
    width: 130px;
    display: block;
    text-align: center;
    background-color: rgb(255 232 252);
    font-size: 12px;
}

.profile-status-REFUSED,
.order-status-CANCELED  {
	padding: 5px 0px;
	width: 130px;
    display: block;
    text-align: center;
	border-radius: 10px;
	color: #e7765f;
	background-color: #f4290021;
    font-size: 12px;
}

.text-green-color {
	color: #1F656E;
}

.louno-primary-button {
	background: #1F656E!important;
	border-color: #1F656E!important;
    color: #fff!important;
    font-family: 'lounoB'!important;
}

.louno-primary-button:hover {
	background: #134249!important;
	border-color: #134249!important;
}

.louno-helper-btn {
	background: #9c27b0 !important;
	color: #fff !important;
	border: 1px solid #9c27b0 !important;
}

.louno-helper-btn:hover {
	background: #7b1fa2 !important;
	border: 1px solid #7b1fa2 !important;
}

.ui-menu.ui-menu-dynamic:has(.header-menu-custom) {
  width: 220px;
}


.header-menu-custom {
	/*width: 200px!important;*/
}

.template-preview-image {
    width: 100%;
    height: calc(100% - 40px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.qr-preview {
    height: 250px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.wrapper-template {
	overflow: hidden;
	height: 180px;
}

.fs-15 {
	font-size: 15px;
}

.template-active {
	-webkit-box-shadow: 0px 0px 0px 3px #1F656E!important;
	-moz-box-shadow: 0px 0px 0px 3px #1F656E! ;
	box-shadow: 0px 0px 0px 3px #1F656E!important;
	box-shadow: 3px #1F656E!important ;
	border: 1px solid #1F656E!important;
	position: relative!important;
}

.member-invite-template-no-text {
	height: 100%;
}

.template-selection i {
	display: none;
	font-size: 20px;
    position: absolute;
    color: #1F656E;
    right: 5px;
    top: 5px;
    color: #fff;
    background-color: #1F656E;
    padding: 7px;
    border-radius: 10px;
}

.template-active i  {
    display: block;
}

.large-avatar-circle {
	width:50px;
	height: 50px;
	border-radius: 10px;
}

.margin-left-minus10 {
	margin-left: -10px;
}

.default-background {
	background: #F6F6F8;
}

.wh-42px {
	width: 42px;
	height: 42px;
}

.custom-header-menu .pi-user {
	padding: 10px;
}
.custom-header-menu {
	background: #EDEDED;
	border-radius: 21px;
}

.custom-header-menu {
	position: relative;
	cursor: pointer;
	height: 42px;
}
.custom-header-menu .ui-button-text,
.avatar-icon i{
    color: #00293B !important;	
    font-size: 21px;
}
.custom-header-menu .ui-icon {
	color: #CFCFCF!important;
	font-weight: 800!important;
}

.custom-header-menu .template-preview-image {
	position: absolute;
}

.custom-header-menu .ui-button,
.custom-header-menu .ui-state-focus {
    border: none!important;
    padding-left: 40px;
    box-shadow: none!important;
    padding-right: 20px;
 }
 
 .custom-header-menu .ui-active-button-custom {
	 border: 1px solid #1F656E!important;
	 border-top-right-radius: 20px;
	 border-bottom-right-radius: 20px;
	 border-top-left-radius: 5px;
	 border-bottom-left-radius: 5px;
 }
 
 .pagination-table-top-actions .ui-datatable-header{
    margin-bottom: 20px!important;
    padding-top:20px!important;
    border-radius: 10px!important;
    -webkit-box-shadow: 0px 0px 0px 1px #DCDCDC;
	-moz-box-shadow: 0px 0px 0px 1px #DCDCDC;
	box-shadow: 0px 0px 0px 1px #DCDCDC;
	border:none!important;
 }
.high-153px {
	height: 153px;
}
.badge-count-0 {
	display: none!important;
}

.news-false {
	display: none!important;
}

.news-true {
	left: 13px;
    padding: 4px!important;
}

.custom-style-center{
	display: flex;
	justify-content: center;
}

.content-header {
	padding: 0 10px;
}

.louno-outlined-btn {
	border-color: #1F656E!important;
	color: #1F656E!important;
}

body .ui-datatable .ui-datatable-data>tr {
	color: #00293B!important;
	font-family: 'lounoR';
}


.ui-fluid .ui-inputtext {
    font-family: 'lounoB';
    color: #00293B;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 0.5rem 1rem 0.5rem 2.5rem;
}

.louno-text-color {
	color: #00293B;
}

.flyers-bg {
	background-image: url(/javax.faces.resource/flyers.jpg.xhtml?ln=images);
}

.badges-bg {
	background-image: url(/javax.faces.resource/badges.jpg.xhtml?ln=images);
}

.t-shirt-bg {
	background-image: url(/javax.faces.resource/t-shirts.jpg.xhtml?ln=images);
}

.loucard-bg {
	background-image: url(/javax.faces.resource/loucard.png.xhtml?ln=images);
}

.visitcards-bg {
	background-image: url(/javax.faces.resource/visitcards.jpg.xhtml?ln=images);
}

.ai_image-bg {
	background-image: url(/javax.faces.resource/AI_profile_generator-girl-profiles-v1.0.png.xhtml?ln=images);
}

.ai_image-icon-bg {
	background-image: url(/javax.faces.resource/louno-icon-ai-portrait.png.xhtml?ln=images);
	background-size: contain;
}

.bg-cover {
   background-size: cover;
   background-position: top;
}

.group-62 {
	background-image: url(/javax.faces.resource/Group-62.png.xhtml?ln=images)!important;
}

.img-BANKING_ADMINISTRATION_INSURANCE {
	background-image: url(/javax.faces.resource/BANKING.png.xhtml?ln=images)!important;
}

.img-GASTRONOMY {
	background-image: url(/javax.faces.resource/GASTRONOMY.png.xhtml?ln=images)!important;
}

.img-CONSTRUCTION {
	background-image: url(/javax.faces.resource/CONSTRUCTION.png.xhtml?ln=images)!important;
}

.img-HEALTHCARE {
	background-image: url(/javax.faces.resource/HEALTHCARE.png.xhtml?ln=images)!important;
}

body .ui-selectbooleanbutton.ui-state-active,
.ui-spinner-button,
 body .ui-selectonebutton>.ui-button.ui-state-active, body .ui-selectmanybutton>.ui-button.ui-state-active {
    background: #1F656E!important;
    border-color: #1F656E!important;
    cursor: pointer!important;
}

.w-50p {
	width: 50px;
}

.advanced-dropdown-option .ui-selectonemenu-label{
	    padding: 10px 40px 10px 60px!important;
}
.checkbox-custom span {
	padding: 0.5rem 5rem!important;
}

.ui-selectonemenu-items-wrapper {
	/* max-height: fit-content!important */
}

.first_left {
	background-image: url(/javax.faces.resource/first_left.png.xhtml?ln=images)!important;
}

.first_right {
	background-image: url(/javax.faces.resource/first_right.png.xhtml?ln=images)!important;
}

.one_menu_image {
    position: absolute;
    z-index: 2;
    height: 40px;
    border: 1px solid #ccc!important;
    border-radius: 0!important;
    border-bottom: 0!important;
}

.one-menu-item-group {
	position: relative;
}

.one-menu-item-group .ui-state-focus {
	box-shadow: none!important;
	border-color: none!important;
}

.advanced-dropdown-option {
	border-left: 1px solid!important;
}

.inactive-card {
	background: #cccccc6b!important;
}

.inactive-card span{
	color: #a5a3a3!important;
}

.active-button {
	color: #fff!important;
    background: #1F656E!important;
}

.default-color {
	color: #00293B;
}

.layout-bg {
	background-color: #f1f1f1;
}

.wh-200 {
	width: 200px;
	height: 200px;
}

.h-100p {
	height: 100%;
	width: 100%;
}
.blue-bg {
	background-color: #0B354B!important;
	color: #fff!important;
}

.louno-pixel-revoultion {
	background-image: url(/javax.faces.resource/louno-pixel-revolution.jpg.xhtml?ln=images)!important;
	background-position: center;
	min-height: 700px;
}

h1, h2, h3, h4 {
	color: #00293B;
}
.yellow-bg {
	background-color: #E9F0CA;
}

.footer-social {
	margin-top: 15px;	
}

.social-buttons span {
	top: 0px !important;
   	position: relative !important;
    font-size: 24px !important;
    text-align: center;
    margin: auto !important;
    left: auto !important;
}

.custom-link a{
	color: #00293B!important;
	font-family: 'lounoB'!important;
}

.lou-login-wrapper {
	width: 90%;
	max-width: 500px;
	margin: auto;
}

.login-button {
	background-color: #002539!important;
	color: #E9F0CA!important;
	border-color: #002539!important;
	font-family: 'lounoB'!important;
}

.lou-log-btn {
    width: 100%;
    margin: 0;
}

.lou-invitation-wrapper {
	width: 90%;
    max-width: 500px;
    margin: auto;
    margin-top: 20px;
    padding: 15px;
}
.lou-invitation-wrapper input[type='text'], 
.lou-invitation-wrapper select {
	padding: 15px;
}

.wh-60 {
	width: 60px;
	height: 60px;
}

.ui-button {
	font-family: 'lounoR'!important;
}

.ui-custom-btn-span {
	padding:5px 25px!important;
	border-radius: 15px!important;
}

.fs-27 {
	font-size: 27px!important;
}

.fs-72 {
	font-size: 72px!important;
}

.fs-18 {
	font-size: 18px;
}

.default-wp-button {
	background-color: #1F656E!important;
	color: #fff!important;
	border-color: #1F656E!important;
	font-family: 'lounoR'!important;
}

.border-radius-10 {
	border-radius: 10px;
}

.ui-button-shadow  {
	box-shadow: 0px 9px 21px #00000029;
	transition: box-shadow 0.7s ease;
}

.orange-btn {
	background-color: #F59E2C!important;
	color:#fff;
	border:1px solid #F59E2C!important;
}

.ui-button-danger {
	background-color: #F42900!important;
	color:#fff;
	border:1px solid #F42900!important;
}

.custom-input {
	background: #F8F8F8 0% 0% no-repeat padding-box!important;
	border-radius: 15px!important;
	border:none!important;
	padding: 18px 22px!important;
	
}
.orange-color span{
	color: #F59E2C!important;
}

.custom-field {
	color:#000;
}

.template_inplace_edit input {
	width: 60%!important;
}

.br-1px  {
	border-right: 1px solid #ccc;
}

.dialog-datepicker .hasDatepicker {
	width:100%;
}

.member-status-false .ui-selectonemenu-label{
	background-color: #F5D9DA !important;
	border-color: #D7B7B7 !important;
}
.member-status-true .ui-selectonemenu-label {
	background-color: #DAF5D9!important;
	border-color: #9ED7B7!important;
}

.text-red {
	color: red;
	font-family: 'lounoB'!important;
}

.innerwrapper {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: 40px 0;
}
.team-infos h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px;
}

.team-infos span {
	display: block;
	font-size: 16px;
}

.team-social i {
	font-size: 20px;
	color: #8497A0;
	padding-right: 15px;
	margin-top: 10px;
}

.contact-form .contact-btn {
	width: 100%;
	background: #00293B;
	font-size: 16px;
	padding: 5px;
	border-radius: 10px;
}

.contact-form .contact-btn:hover {
	background: rgb(0, 115, 164);
}

.contact-form input[type="text"],
.contact-form textarea{
	background: #F8F8F8;
	border-radius: 10px;
	border: none;
	padding: 15px;
	font-size: 16px;
}
.contact-form input[type="text"]::placeholder,
.contact-form textarea::placeholder{
	color: #9FAEB5;
}

.frontend-title {
	font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
}
.frontend-title span {
	font-weight: 400;
}

.frontend-toptitle {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 400;
}

.ai-image {
	width: 120px;
	height: 120px;
}

#whatsapp .ai-image,
#instagram .ai-image {
	border-radius: 50%;
}

.fs-11 {
	font-size: 11px;
}

.ai-image-placeholder {
	background-image: url(/javax.faces.resource/louno-icon-louno-placeholder.jpg.xhtml?ln=images);
}

.custom-file-upload-button {
	border: 1px solid #ccc!important;
    width: 100%!important;
    height: 152px!important;
    border-radius: 10px!important;
    border-style: dashed!important;
}

.min-height-170,
.min-height-170  .ui-fileupload-choose {
	min-height: 170px;
}

.min-height-180,
.min-height-180  .ui-fileupload-choose {
	min-height: 180px;
}

.footer-wrapper {
	width: 95%;
	max-width: 1200px;
	margin: auto;
}

.footer {
    padding: 40px 0;
}

.footer-links a {
    display: block;
    margin: 5px 0 !important;
    text-decoration: none !important;
    color: #00293B !important;
}

.footer-links a:hover {
    color: rgb(0, 86, 123) !important;
}

.qtip .ui-tooltip-text {
	    background: var(--yellow-200) !important;
    color: var(--yellow-800) !important;
}
.qtipg .ui-tooltip-text {
    background: #f2fff2 !important;
    color: var(--green-700) !important;
}

.louno-danger-button-outlined {
	color: #ff8484!important;
}

.reset-password-content {
	height: calc(100vh - 416px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.louno-required-input {
	border-color: #dc5f54!important;
	
}

.lu-hm-ubtn span.ui-button-icon-right.ui-icon.ui-c.ui-icon-triangle-1-s {
    padding: 0 10px;
}

.layout-menu i{
	font-size: 20px;
}

.lou-reg-wrapper {
	max-width: 1400px;
    width: 95%;
    margin: auto;
}

.lou-reg-img {
	width: 100%;
	height: auto;
	border-radius: 40px;
}

.lou-reg-inp-cont {
    width: 100%;
    padding-left: 50px;
}

.regpass-wrapper span {
	width: 100%;
	display: block;
}
.regpass {
	width: 100%;
}

.footer-bottom {
	width: 95%;
	max-width: 1200px;
	margin: auto;
	padding: 20px 0;
}

.footer-m {
	display: none;
}
.footer-bottom a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.footer-bottom a:hover {
	color: #e8e8e8 !important;
}


.resetpw-wrapper-m {
	display: none;
	margin-top: 20px;
	text-align: center;
}

.lou-title-text-B {
	text-align: left;
	font: normal normal bold 30px/36px lounoB;
	letter-spacing: 0px;
	color: #00293B;
}


.lou-title-text {
	text-align: left;
	font-family: 'lounoR';
	font-size:22px;
	letter-spacing: 0px;
	color: #00293B;
}

.lou-desc-text {
	text-align: left;
	font-family: 'lounoR';
	font-size:18px;
	letter-spacing: 0px;
	color: #00293B;
}
.lou-desc-text-16 {
	text-align: left;
	font-family: 'lounoR';
	font-size:16px;
	letter-spacing: 0px;
	color: #00293B;
}

.address-wrapper {
	display: flex;
    align-items: center;
    padding: 20px;
    font-size: 18px;
}

.custom-text-area {
	background: #F8F8F8 0% 0% no-repeat padding-box!important;
	border-radius: 15px!important;
	width:100%;
	resize: none;
}

.wizzard-temp-select {
	background: #F8F9FA 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 15px #00000014;
	border: 1px solid #6C757D2B;
	border-radius: 24px;
	min-height: 200px;
	max-height: 200px;
	background-size: 50px;
	background-position: 50% 55px;
}

.email-address-private-btn {
	background-image: url(/javax.faces.resource/invite-to-personal.png.xhtml?ln=images)!important;
}

.no-image {
	background-size: 80px!important;
	background-position: 50% 50px!important;
	background-image: url(/javax.faces.resource/no-image.png.xhtml?ln=images)!important;
}

.no-location-bg {
	background-size: 80px!important;
	background-position: 50% 50px!important;
	background-image: url(/javax.faces.resource/no-location.png.xhtml?ln=images)!important;
}

.line-height-bottom {
	line-height: 340px;
}

.email-address-bussiness-btn {
	background-image: url(/javax.faces.resource/invite-to-business.png.xhtml?ln=images)!important;
}

.select-wrapper_image_presentation_man {
	background-size: 120px!important;
	background-position: 50% 22px!important;
	background-image: url(/javax.faces.resource/wrapper_image_presentation_man.png.xhtml?ln=images)!important;
}

.line-height-290 {
	line-height: 290px;
}

.border-l {
	border-left: 1px solid #ccc;
	display: inline-block;
	margin: 0 20px;
}

.nav-mob-btns {
	display: none;
}

.personalisation-wrapper {
	margin-left: 105px;
}

@media screen and (max-width: 512px) {
	.footer {
		display: none;
	}
	.footer-m {
		display: block;
	}
}

@media screen and (max-width: 576px) {
    .sm\:col-12 {
        flex: 0 0 auto;
        padding: .5rem;
        width: 100%;
    }
    
   .lou-log-settings {
        flex-flow: column;
    }
    
    .resetpw-wrapper {
		display: none;	
	}
    .resetpw-wrapper-m {
		display: block;	
	}
}

@media screen and (max-width: 768px) {
	.lou-reg-inp-cont {
	    padding: 20px;
	}
	.wrapper-louno-content {
	    overflow-x: hidden;
	}
	.content-section {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.nav-desk-btns {
		display: none;
	}
	.nav-mob-btns {
		display: block;
	}
	.personalisation-wrapper {
		margin-left: 0px;
	}
	.louno-pixel-revoultion {
		background-position: center top;
		min-height: 400px;
		background-size: cover;
	}
	.lou-contact-wrapper {
		margin-top: 0px;
	}
	.lou-contact-wrapper img {
		width: 100px !important;
		height: auto !important;
	}
}

.license_price imput {
	width: 100px!important;
}

.abo-dialog-content {
	display: block;
    max-height: calc(100vh - 180px);
    overflow-y: scroll;
}