/*
INPUT FIELDS WHICH ARE NOT IN FORMS.
*/
.input--error{
	border: 1.5px solid red !important;
}

.search-input-field input{
	padding: 5px 50px 5px 15px;
	border-radius: 5px 20px 20px 5px;
}

.search-input-field{
	background-color: #fff;
	position: relative;
}

/*
TODO: move mail-editor to a seprate css file
since it doesn't have to do anything with the input fields.
*/
.mail-editor{
	border:1px solid #ccc;
	border-radius: 4px;
}

.mail-editor__input-header{
	display:inline-block;
	border-right: 1px solid #ccc;
	background-color:#f5f5f5;
}

.mail-editor__subject-header{
	width:auto;
}

.mail-editor__subject-input{
	display:inline-block;
	width:80%;
	height:28px;
	padding: 2px 4px;
	border:unset;
	border-radius: unset;
	box-shadow: unset;
}

.mail-editor__subject-input:focus{
	border:unset;
	border-radius: unset;
}

.mail-editor__recepients-container{
}

.mail-editor__to{
	border-top-left-radius: 4px;
}

.mail-editor__recepients-list{
	display: inline-block;
	
}

.mail-editor__recepient-tag{
    color: #000;
    border-radius: 4px;
    background-color:#e6e6e6;
    line-height: 16px;
    padding: 0 5px;
    text-transform: unset;
}

.mail-editor__recepient-tag-btn {
    cursor: pointer;
}

.mail-editor__text-editor-container{
	border:unset !important;
	
}

.mail-editor__text-editor-container .ql-editor{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ql-toolbar{
	border-radius:unset !important;
	border-left:unset !important;
	border-right:unset!important;

}