/* @import "theme-editor.css"; */
/* @import url('lumo-css-framework/all-classes.css'); */

/* @import url('line-awesome/dist/line-awesome/css/line-awesome.min.css'); */

a[highlight] {
	font-weight: bold;
	text-decoration: underline;
}

@media all and (max-width: 1100px) {
	.list-view.editing .toolbar, .list-view.editing .contact-grid {
		display: none;
	}
}

@media screen and (min-width: 300px) and (max-width: 380px) {
	.heading {
		padding: 0px 14px !important;
		font-size: 21px !important;
	}
}

.heading {
	padding: 6px 14px;
	background-image: linear-gradient(90deg, rgba(35, 27, 165, 1) 0%,
		rgba(9, 9, 121, 1) 50%, rgba(0, 212, 255, 1) 100%);
	font-size: 23px;
	color: white;
}
.tddialog::part(header){
	background: rebeccapurple; 
	 background-image: var(--headingcolor); 
	padding-bottom: 5px;
	   padding-top: 5px;
}
.login-rich-content {
	/* background-image: url("./images/loginBg.jpg"); */
	background-position: center;
	background-size: cover;
	display: flex;
	height: 100%;
}

.login-rich-content vaadin-login-form {
	align-items: center;
	display: flex;
	max-width: 300px;
}

.login-rich-content vaadin-login-form-wrapper {
	background-image: none;
	border: 1px solid transparent;
	border-radius: 56px;
	box-shadow: -2px -1px 10px 8px rgb(0 0 255/ 20%);
	background-color: #f5f5f56b;
}

.textField {
	background-color: var(- -lumo-contrast-10pct) !important;
	color: var(- -lumo-body-text-color) !important;
	cursor: text !important;
	border: none !important;
	padding: 0px;
	margin: 10px;
}

.textFieldSmallSize vaadin-text-field, vaadin-combo-box {
	/* border-radius: var(--lumo-border-radius-s); */
	/* --lumo-border-radius-l: 0.5em;  */
	/*  --input-field-border-radius: 20px; */ 
	--lumo-text-field-size: var(- -lumo-size-s);
}

/* .bgImage {
	background-image: url("/images/2655942.png");
} */
vaadin-button {
	font-size: var(--lumo-font-size-s); 
	--lumo-button-size: var(--lumo-size-s); 
	--lumo-border-radius: 20px;
}

.formVerticalLayout {
	border: 1px dotted #e7d7d7;
	border-radius: 0px 0px 0px 125px;
    box-shadow: rgb(158 165 201 / 48%) -2px 10px 12px 14px;
}


.uploadStyle vaadin-upload{
	border: 1px solid;
    border-radius: 12px;
    padding: 4px;
    margin: 0px;
}

.updateBtn {
	width: 278px;
}

vaadin-text-area{
	height: 130px;
} 

.userOrgFormLayoutStyle{
	border: 1px solid;
    position: relative;
    top: 5px;
    display: block;
    margin: auto;
    width: 96% !important;
    padding-top: 0px;
    background: #80808008;
}

.input_time_style{
	border-radius: 20px;
    padding: 3px 10px 4px 10px;
    /* width: 124px; */
    width: 45%;
    border: 1px solid #0000007a;
    font-size: 1rem;
        background-color: var(--lumo-contrast-10pct);
    
}
.maxSizeForAny{
	max-width:  -webkit-fill-available;
    max-height: -webkit-fill-available;
}
.contactForm vaadin-text-field,vaadin-text-area,vaadin-email-field{
	width: 500px;
}

.resizable{
	resize: both;
	overflow: auto;
} 	
.cardHeading{
	color:rgb(237 227 227);
	font-weight: bold;
}
.dashboardLay{
	display: flex;
    border: 5px solid transparent;
    border-top-color: orange;
    box-shadow: -1px 3px 10px #808080c7;
    background-color: white;
    flex-wrap: wrap;
}

.text-color{
	font-size: 15px;
}

/* vaadin-dialog-overlay.tddialog::part(header){
	 background: rebeccapurple; 
	 background-image: var(--headingcolor); 
	padding-bottom: 5px;
    padding-top: 5px;
}
*/
:host([theme~="tddialog"])::part(header) {
  background: rebeccapurple;
  padding-top: 5px;
  padding-bottom: 5px;
}

:host([theme~="tddialog"]) h3 {
  color: white;
}

.tddialog h2{
	color:white;
}

.servicetoolbar{
	display: flex;
	flex-wrap: wrap;
	row-gap: 0px;
}

.appSetting{
	 border: none;
    border-top: 3px solid orange;
    box-shadow: 3px 4px 13px #8080805c;
    padding: 12px;
}

vaadin-grid::part(pendingToSetReminder){
	background-color: #ff8c0059;
}

.onselecTab vaadin-tab[selected]{
	border: 1px solid #389bd9;
    background-color: #389bd9;
    border-radius: 5px;
    color: white;
}

.tabborder{
	border: 3px solid #00a5e9;
    padding: 7px;
    /* width: 100%; */
}

#bReminder label{
	color: black;
}

.indicatorCont::after{
	content: '\2022';
	color: #0000ffc9;
    padding-left: 5px;
}
.rDateI{
	padding: 4px;
    font-size: 16px;
    width: calc(94% - 0rem);
    background-color: #00000012;
    border: 1px solid #0000007a;
    border-radius: 3px;
    /* font-weight: 300; */
}



.inOutLabel {
	position: relative;
	top: -19px;
	background: white;
	left: 29px;
	font-weight: 600;
}

.logoutBtn{
	 background: transparent;
    color: #00000080;
    padding: 0px;
    margin: 0px;
    font-size: 17px;
}

#changePaslink:hover {
	text-decoration: none;
}
.custom-grid::part(header-cell) {
    background-color: gray;/* green header */
    color: white;
}