li.draft.enabled {
	width: 110px;
	background-image: url('../images/status/draft_active.png');
	height: 27px;
}

li.final.enabled {
	width: 129px;
	background-image: url('../images/status/final_active.png');
	height: 27px;
}

li.message.enabled {
	width: 129px;
	background-image: url('../images/status/message_active.png');
	height: 27px;
}

li.singed.enabled {
	width: 129px;
	background-image: url('../images/status/singed_active.png');
	height: 27px;
}

li.received.enabled {
	width: 107px;
	background-image: url('../images/status/received_active.png');
	height: 27px;
}

li.draft.enabled>a {
	padding-left: 30px;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.draft.disabled {
	width: 110px;
	background-image: url('../images/status/draft.png');
	height: 27px;
}

li.draft.disabled>a {
	padding-left: 30px;
	color: black;
	font-size: 14px;
	vertical-align: text-bottom;
}

.breadcrumb>li+li:before {
	padding: 0 0px !important;
	color: #ccc !important;
	content: "" !important;
}

li.final.enabled>a {
	padding-left: 44px;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.final.disabled {
	width: 129px;
	background-image: url('../images/status/final.png');
	height: 27px;
}

li.final.disabled>a {
	padding-left: 44px;
	color: black;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.singed.enabled>a {
	padding-left: 40px;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.singed.disabled {
	width: 129px;
	background-image: url('../images/status/singed.png');
	height: 27px;
}

li.singed.disabled>a {
	padding-left: 40px;
	color: black;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.message.enabled>a {
	padding-left: 30px;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.message.disabled {
	width: 129px;
	background-image: url('../images/status/message.png');
	height: 27px;
}

li.message.disabled>a {
	padding-left: 30px;
	color: black;
	vertical-align: text-bottom;
	font-size: 14px;
}

li.received.enabled>a {
	padding-left: 30px;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
}

li.received.disabled {
	width: 107px;
	background-image: url('../images/status/received.png');
	height: 27px;
}

li.received.disabled>a {
	padding-left: 30px;
	color: black;
	vertical-align: text-bottom;
	font-size: 14px;
}

/** **/
.drug-checkbox>input[type="checkbox"]:checked:before {
	top: 3px !important;
	left: -2px !important;
}

label.col-lg-6>span {
	margin-left: 10px !important;
}

.versionbrand {
	max-width: 100px !important;
	margin-top: -10px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: yellow !important;
}

li.ebene-1.last-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2.last-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2-small.last-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3.last-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3-small.last-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-4.last-one.active>i.fa.fa-arrow-down.down-menue-button {
	display: none !important;
}

.submenuebutton {
	border: 1px solid #dddddd !important;
	border: 1px solid #dddddd !important;
	z-index: 1051 !important;
	background-color: #F9F9F9 !important;
	position: fixed !important;
	left: 320px;
	margin: 0px !important;
	top: 105px;
	width: 44px;
	height: 34px;
	cursor: pointer;
}

.iconbar2 {
	z-index: 1001;
	background-color: #dddddd !important;
}

.htmlSubMenue {
	position: fixed;
	z-index: 1050;
	top: 40px;
	left: 270px;
}

.submenuestyle {
	width: 370px !important;
	float: left;
	margin-right: 15px;
	top: 100px !important;
	padding-left: 10px !important;
	z-index: 1030 !important;
}

li.ebene-1.active, li.ebene-2.active, li.ebene-2-small.active, li.ebene-3.active, li.ebene-3-small.active, li.ebene-4.active {
	background-color: #e7e7e7 !important;
}

.navbar-toggle2 {
	display: block !important;
}

li.ebene-4.only-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-1.only-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2.only-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2-small.only-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3.only-one.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3-small.only-one.active>i.fa.fa-arrow-down.down-menue-button {
	display: none !important;
}

li.ebene-1.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-1.active>i.fa.fa-arrow-up.up-menue-button,
li.ebene-2.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2-small.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-2.active>i.fa.fa-arrow-up.up-menue-button,
li.ebene-2-small.active>i.fa.fa-arrow-up.up-menue-button,
li.ebene-3.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3.active>i.fa.fa-arrow-up.up-menue-button,
li.ebene-3-small.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-3-small.active>i.fa.fa-arrow-up.up-menue-button,
li.ebene-4.active>i.fa.fa-arrow-down.down-menue-button,
li.ebene-4.active>i.fa.fa-arrow-up.up-menue-button {
	display: block !important;
}

.down-menue-button {
	display: none !important;
	cursor: pointer;
	float: left !important;
	padding-top: 8px !important;
	margin: 0;
	margin-left: 310px !important;
	position: absolute !important;
	color: #666666 !important;
	z-index: 500 !important;
}

.up-menue-button {
	display: none !important;
	cursor: pointer;
	float: left !important;
	padding-top: 8px !important;
	margin: 0;
	margin-left: 325px !important;
	position: absolute !important;
	color: #666666 !important;
	z-index: 500 !important;
}

li.ebene-1>a {
	float: right !important;
	padding-left: 50px !important;
	text-indent: -27px !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-right: 35px !important;
	word-break: break-word;
	color: #0C84E4 !important;
	border-top: 1px solid #B4B4B4 !important;

	width:100% !important;
}

li.ebene-2>a {
	padding-left: 70px !important;
	text-indent: -25px !important;
	padding-top: 3px !important;
	padding-bottom: 6px !important;
	padding-right: 35px !important;
	word-break: break-word;
	color: black !important;
}
li.ebene-2-small>a {
	/**float: left !important;**/
	padding-left: 70px !important;
	text-indent: -27px !important;
	padding-top: 3px !important;
	padding-bottom: 0px !important;
	padding-right: 35px !important;
	word-break: break-word;
	color: black !important;
}

li.ebene-3>a {
	padding-left: 90px !important;
	text-indent: -27px !important;
	padding-top: 3px !important;
	padding-bottom: 6px !important;
	padding-right: 35px !important;
	word-break: break-word;
}
li.ebene-3-small>a {
	/**float: left !important;**/
	padding-left: 90px !important;
	text-indent: -27px !important;
	padding-top: 0px !important;
	padding-bottom: 2px !important;
	padding-right: 35px !important;
	word-break: break-word;
}

li.ebene-4>a {
	padding-left: 110px !important;
	text-indent: -27px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-right: 35px !important;
	word-break: break-word;
}

.toggle-menue-button{
	cursor: pointer;
	float: left !important;
	padding-top: 14px !important;
	margin: 0;
	padding-left: 10px !important;
	position: absolute !important;
	color: #0C84E4 !important;
	z-index: 500 !important;
	left: -6px !important;
}


.r2fields-warning{
	color:red !important;
	position: absolute;
	z-index: 1;
}
.r2fields-ebene-1{
	margin-left: 10px;
	margin-top: 14px;
}
.r2fields-ebene-2{
	margin-left: 25px;
	margin-top: -24px;
}
.r2fields-ebene-3{
	margin-left: 45px;
	margin-top: -24px;
}
.r2fields-ebene-2-small{
	margin-left: 25px;
	margin-top: -18px;
}
.r2fields-ebene-3-small {
	margin-left: 45px;
	margin-top: -20px;
}


/** Gitter z.B. Admin Bereich **/
.cellWarn {
	font-weight: bold !important;
	color: Red !important;
}

.prev {
	visibility: visible;
	font-family: 'Glyphicons Halflings' !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	height: 30px !important;
	width: 30px !important;
	padding-top: 8px !important;
	margin-right: 5px !important;
}

th.prev::before {
	content: "\e091";
}

span.glyphicon.glyphicon-arrow-right, span.glyphicon.glyphicon-arrow-left {
	display: none !important;
}

.next {
	visibility: visible;
	font-family: 'Glyphicons Halflings' !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	height: 30px !important;
	width: 30px !important;
	padding-top: 8px !important;
	margin-left: 5px !important;
}

th.next::before {
	content: "\e092";
}

.cellOk {
	font-weight: bold !important;
	color: Green !important;
}

.liste-number {
	height: 2000px !important;
}

.bold-clickable-cell:hover {
	text-decoration: underline;
}

.cellBold {
	font-weight: bold !important;
}

.radioXSFix {
	margin-left: 0px;
	padding-left: 5px;
}

.download {
	cursor: pointer !important;
}

input[type=text][disabled], input[type=text][readonly], textarea[readonly], form-control[disabled], select.form-control.input-style[disabled] {
	border-radius: 3px 3px 3px 3px !important;
	-moz-border-radius: 3px 3px 3px 3px !important;
	-webkit-border-radius: 3px 3px 3px 3px !important;
	border: 1px dotted #ddd !important;
	padding-left: 5px !important;
	background-color: #FCFCFC !important;
} 

input[type=text], input[type=password], select.form-control.input-style, textarea, textarea.form-control {
	border-radius: 3px 3px 3px 3px !important;
	-moz-border-radius: 3px 3px 3px 3px !important;
	-webkit-border-radius: 3px 3px 3px 3px !important;
	border: 1px solid #ddd !important;
	padding-left: 5px !important;
}

/** NEUE AUFTEILUNG **/
.no-margin-padding {
	padding: 0px !important;
}

.savedSearchesButtonGroup, .savedColumnConfigButtonGroup {
	margin-left: 10px;
	margin-right: 5px !important;
}

.safety-report-header {
	max-width: 1000px;
	margin-right: 15px;
	float: left;
	margin-top: 2px;
}

.safety-report-header-valid {
	width: 200px;
	float: left;
	margin-right: 15px;
	margin-bottom: 2px;
}

.safety-report-header-legend {
	vertical-align: text-top;
	float: left;
	padding: 0px !important;
	margin: 0px !important;
	color: black !important;
	height: 20px;
}

.subnavbarcolor {
	color: black !important;
}

.subnavbarcolor>a {
	color: black !important;
}

.subnavbar {
	background-color: #b2dbfb !important;
	position: fixed !important;
	top: 64px !important;
	color: black !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 1001;
}

.groupMeddraImport {
	width: 50px !important;
	text-align: left !important;
	padding-left: 0px !important;
}

.meddraImportPanel {
	margin-top: 10px;
}

.groupMeddraImport3 {
	margin-bottom: 15px !important;
}

.groupMeddraImport2 {
	width: 61px !important;
	text-align: left !important;
	padding-left: 1px !important;
}

.bold-clickable-cell {
	font-weight: 600;
	cursor: pointer;
}

.button-left-margin {
	margin-left: 7px;
}

.settingValue-label {
	width: 250px !important;
	text-align: left !important;
}

.custom-caseid {
	width: 30% !important;
}

.custom-caseidtext {
	width: 70% !important;
}

.black-label {
	color: black !important;
}

.profile-label {
	width: 250px !important;
	text-align: left !important;
}

select.bootstrap-select.form-control {
	display: none;
}

.custom-col-lg-2 {
	margin-left: 20px;
}

.custom-parent-group-newsaftey-user {
	width: 100%;
}

.breadcrumb {
	margin-left: 0px !important;
	padding: 0px !important;;
	background-color: transparent !important;
	margin-bottom: 0px !important;
}

.legend-label {
	background-color: transparent !important;
	margin-right: 2px !important;
	padding: 0px !important;
}

body {
	scrollbar-base-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-track-color: #EBEBEB;
	scrollbar-arrow-color: #2196f3;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-dark-shadow-color: #C0C0C0;
}

.margin-button-left {
	margin-left: 5px !important;
}

.input-style {
	color: black !important;
	background-color: #FCFCFC !important;
}

.margin-subbrowser {
	
}

.input-style-color-black {
	color: black !important;
}

.form-float-right {
	float: right;
}

.searchMenueBox {
	background-color: transparent !important;
	color: white !important;
}

.containerSubHeader {
	position: fixed;
	width: 100%;
	padding-right: 35px;
	z-index: 999;
	background: #F9F9F9;
	height: 44px;
	margin-top: 45px;
}

.has-error .input-group-addon {
	color: #e51c23 !important;
	border: 0;
	border-bottom-color: #e51c23 !important;
	background-color: transparent !important;
	border-bottom-width: 2px !important;
}

.has-success .input-group-addon {
	color: #4CAF50 !important;
	border: 0;
	border-bottom-color: #4CAF50 !important;
	background-color: transparent !important;
	border-bottom-width: 2px !important;
}

.containerContent-normal {
	margin-top: 50px !important;
}

.containerContent-saftey {
	margin-top: 89px;
	margin-left: 359px;
	/* BPI-924 overflow-y: hidden; */
	width: calc(100% - 360px);
	border-left: 1px solid #e7e7e7;
	padding-left: 10px;
}

.containerSubMenue {
	margin-top: 89px;
	padding-bottom: 206px !important;
	position: fixed !important;
	z-index: 500 !important;
	height: calc(100% + 200px) !important;
	overflow-y: scroll !important;
	direction: rtl !important;
}

.legendsaftey label {
	vertical-align: top;
	margin: 3px !important;
	padding: 0px !important;
}

.menuePanel {
	direction: ltr !important;
}

.well {
	border: 0 !important;
}

.upload-input {
	width: inherit !important;
}

.arrow-down {
	margin-left: 315px !important;
}

.button-panel-margin {
	margin-top: 15px !important;
}

option[value="null"] {
	color: #BBC1D1 !important;
}

.report-status-labels {
	font-size: 14px !important;
	font-weight: 500 !important;
	margin-left: 15px !important;
	margin-top: 5px !important;
	vertical-align: middle !important;
}

.label {
	font-weight: 500 !important;
}

.containerMenue {
	position: fixed !important;
	width: 100% !important;
	height: 50px !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 1000;
}

.arrow-up {
	margin-left: 335px !important;
}

.float-right {
	float: right;
}

.toggle-button-menue {
	float: left !important;
	padding-top: 3px !important;
	margin: 0;
	padding-left: 10px !important;
	position: absolute !important;
	color: #666666 !important;
	z-index: 500 !important;
	left: -6px !important;
}

.sort-button-menue {
	float: left !important;
	padding-top: 3px !important;
	margin: 0px;
	padding-left: 5px !important;
	position: absolute !important;
	color: #666666 !important;
	z-index: 500 !important;
	left: -6px !important;
}

.containerMain {
	margin-right: 12px !important;
	padding-bottom: 37px !important;
}

.form-control {
	color: #000;
}

.fa-info-circle {
	float: left !important;
	margin-top: 8px !important;
}

.col-xs-1 {
	padding: 0px !important;
}

.padding-right {
	padding-right: 5px;
}

.col-lg-10 {
	padding: 0px !important;
}

html {
	overflow-y: scroll;
}

.control-label {
	text-align: left !important;
}

.datetime-label {
	
}

.report-status-labels {
	float: left;
}

.header-titel {
	float: left;
	font-size: 22px;
}

.control-label {
	padding-left: 0px !important;
}

input[type=text], textarea, select, input[type=number], input[type=email], input[type=password] {
	background-color: #FCFCFC;
}

.datetime-formgroup {
	padding-left: 0px !important;
	float: left;
}

.nav-pills>li.active>a {
	
}

.leftPanel {
	float: left;
}

.margin-right-buttonbar {
	margin-right: 5px;
}

.first-item-view {
	margin-top: 55px;
	margin-bottom: 55px;
}

.suggestPopupMiddleLeft {
	width: 3px;
}

.versionbrand {
	
}

a.navbar-brand.versionbrand:hover {
	color: #b2dbfb !important;
}

.frontpagButton {
	margin-left: 20px;
}

.loginHeader {
	margin-bottom: 0px !important;
}

.legendFrontpage {
	width: 100% !important;
	display: block;
	margin-bottom: 15px;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	position: fixed !important;
	z-index: 900;
	top: 64px;
	border-top: 8px solid #F9F9F9;
	background-color: #F9F9F9;
	height: 55px;
	font-size: 19.5px;
	line-height: inherit;
	color: #212121;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form-control2 {
	display: block;
	height: 37px;
	padding: 6px 16px;
	font-size: 13px;
	line-height: 1.846;
	color: #666666;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.textboxFrontpage {
	width: 230px;
}

.textboxFrontpage, .searchButton {
	float: left;
}

.searchFrontpage {
	margin-right: 7px;
	float: right;
	width: 300px;
}

.frontpagButton, .legendTextFrontpage {
	float: left;
}

.gridFrontpage {
	padding-top: 68px;
}

.column-config {
	width: 350px;
}

.resetButton {
	color: black !important;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.846 !important;
	color: #666666 !important;
}

.brandIcon {
	margin: 10px;
	float: left;
	cursor: pointer;
}

.namebrand {
	cursor: pointer;
}

.missingFieldCheckbox{
	font-size:9pt;
	float:right;
	padding-right:5px;
	padding-left: 0px;
}

.missingFieldContainer{
	margin-top: 5px;
	z-index: 950;
}
.missingFieldPanel{
	z-index: 950;
	background-color: white;	
	width:200px;
	float:right;
	margin-right:0px;
	font-size: 9pt !important;
}

.legend {
	height: 37px;
	display: block;
	/* margin-bottom: 15px; */
	font-size: 17.5px;
	line-height: inherit;
	color: #212121;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	position: fixed !important;
	width: calc(100% - 405px);
	z-index: 900;
	border-top: px solid #F9F9F9;
	background-color: #F9F9F9;
}

.legend-no-margin {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 17.5px;
	line-height: inherit;
	color: #212121;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	background-color: #F9F9F9;
}

.rightPanel {
	float: right;
}

.date-format-group {
	float: left;
	padding-top: 0px !important;
}

.datetime-panel {
	float: left;
	padding-left: 0px !important;
}

.cleaner {
	clear: both;
}

.custom-form-clear {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.bold-font {
	font-weight: bold !important;
	margin-left: 0px !important;
}

.normal-font {
	font-weight: normal !important;
	margin-left: 0px !important;
}

.admin-bold {
	margin-top: 10px !important;
	margin-left: 4px !important;
	font-weight: bold !important;
	font-size: 15px !important;
}

.admin-field-caption {
	margin-top: 16px !important;
	margin-bottom: 7px !important;
	font-size: 17px !important;
}

.admin-right-button {
	text-align: right;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}

.admin-error {
	color: #ff0000 !important;
}
 .admin-red {
	color: #ff0000 !important;
}


.admin-margin-right {
	margin-right: 8px !important;
}

.admin-statistic-done {
	background-color: #4cae4c !important;
}

.admin-margin {
	margin: 5px !important;
}

.no-background-image {
	background-image: none !important;
}

.tabel-input-full-width td input {
	width: 100%;
}

.border {
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
}

.border-left-right {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.border-left-right-top {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.border-left-right-bottom {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.meddra-browser-label {
	font-size: 16px;
}

.meddra-margin-right {
	margin-right: 5px;
}

.meddra-margin-top {
	margin-top: 7px;
}

.meddra-result-grid {
	color: black;
}

.meddra-error {
	color: #ff0000 !important;
}

.meddra-modal-button {
	text-transform: none !important;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.meddra-no-padding {
	padding: 0px !important;
}

.meddra-margin-right {
	margin-right: 5px !important;
}

.bold {
	font-weight: bold;
}

.inline {
	display: inline;
}

.table>tbody>tr.info>td {
	background-color: #B6E3F0 !important;
}

.import-table .num-cell div, .import-table .id-text-cell, .import-table .text-cell {
	padding-top: 5px;
}

.import-table .id-text-cell {
	overflow: hidden;
}

.import-table .text-cell {
	float: left;
}

.import-table .edit-text-cell {
	overflow: hidden;
}

.import-table .edit-text-cell:after {
	content: "";
	clear: both;
	display: block;
}

div.report-trail-diff {
	overflow: auto;
}

div.report-trail-diff table {
	width: 100%;
}

div.report-trail-diff table td {
	vertical-align: top;
	padding-right: 5px;
	white-space: nowrap;
}

.modal-dif .modal-dialog {
	width: 80%;
}

.input-style:-ms-input-placeholder { 
color: #cccccc !important;
}
input.input-style:-ms-input-placeholder { 
color: #cccccc !important;
}

input:-ms-input-placeholder { 
color: #cccccc !important;
}

:-ms-input-placeholder { 
color: #cccccc !important;
}

 .listbox-yy_bpi_psur_seriousness_readonly .col-lg-10.input-style .form-control.input-style:disabled,
 .listbox-yy_bpi_psur_listed_readonly .col-lg-10.input-style .form-control.input-style:disabled {
    color: #6c757d !important;
    background-color: #e9ecef !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: none;
}