
.l-btn-text {
	font-size: 11px;
	color: black;
}
.l-btn .l-btn:focus .l-btn:hover{
	padding-top: 5px;
}
.v-application a{
	color: black !important;
}
.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner, .tabs-header-bottom .tabs li.tabs-selected .tabs-inner, .tabs-header-left .tabs li.tabs-selected .tabs-inner, .tabs-header-right .tabs li.tabs-selected .tabs-inner{
	background-color: white;
}
.tabs li .tabs-inner {
	color: black !important;
	height: 26px !important;
}
.tabs{
	background-color:white;
	border-color: lightgray;
	border-right: none;
	width:1200px;
}
.tabs-inner-selected{
	border-bottom: none !important;
}
.l-btn-icon-inline {
    display: inline-block;
    width: 16px;
	height: 16px;
	vertical-align: middle;
}
.tabs li.tabs-selected .tabs-inner{
	font-weight: 700;
}
.panel-title{
	font-weight: 500;
}
.json-tree-root{
	min-width: 50px !important;
}
.properties-title{
	background-color:#F2F2F2;
	width: 100%;
	padding: 0 4px 0 7px;
	border-radius: 0.25rem;
	font-weight: 400;
	font-size: 12px;
	text-align: left;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.properties-tag{
	width: 100%;
	padding-bottom: 1px;
	background-color:#F2F2F2;
}
.properties-tag-textarea{
	width: 100%;
	padding-bottom: 1px;
	background-color:#F2F2F2;
}
.properties-text{
	width: 100%;
	background-color:#F2F2F2;
	padding: 0 2px;
}
.properties-textarea{
	width: 100%;
	background-color:#F2F2F2;
	padding: 0 2px;
}
.form-control{
	font-size: 0.9rem !important;
	height:1.8rem;
	display: inline-block !important;
	padding: 5px 3px !important;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #F2F2F2 !important;
}
.form-error{
	font-size: 0.8rem;
	color:	red;
	font-style: italic;
	text-align: right;
	float: right;
}
.mfs-text-title-edit{
	height:1.3rem !important;
	background-color:#F2F2F2 !important;
	border:0 !important;
	margin-top: 1px !important;
}
.mfs-help-icon{
	background-color: #F2F2F2;
	width:20px !important;
	height:	20px !important;
	cursor: help;
	border-radius: 10px;
	padding: 0 5px;
	font-weight: 800;
}
.mfs-delete-icon{
	float:right !important;
	width:20px !important;
	height:	20px !important;
	cursor:pointer !important;
}
.mfs-help-icon-edit{
	background-color: #F2F2F2;
	cursor: help;
	width:20px !important;
	height:	20px !important;
	margin-top: 6px !important;
	border-radius: 10px;
	padding: 0 5px;
	font-weight: 800;
}
.mfs-delete-icon-edit{
	float:right !important;
	width:20px !important;
	width:20px !important;
	height:	20px !important;
	cursor:pointer !important;
	margin-top: 6px !important;
}
.mfs-selected-row{
	background-color: #F2F2F2 !important;
	border-radius: 5px !important;
	color: black !important;
}
th{
	font-weight: 400 !important;
	text-align: center !important;
}
.window-proxy-mask, .window-mask{
	background-color: black !important;
}
.window-mask{
	opacity: 0.4 !important;
}
.modal{
	background-color: black !important;
	opacity: 0.4 !important;
	display: block !important;
}
.panel-body{
	font-size: 11px !important;
}
.switch-account{
	padding: 0 5px !important;
	height: 1.5rem !important;
}
.col{
	flex-grow: 0 !important;
	padding-right: 2px !important;
    padding-left: 2px !important;
}
.row{
	margin:0 !important;
}
.mfs-col-label{
	padding: 8px 0 !important;
}
.mfs-tips{
	width:100% !important;
	margin:0 !important; 
	padding:5px !important;
	background-color:bisque !important;
	font-size: small;
	text-align: left;
	font-style: italic;
	cursor: pointer;
}
input[type="radio"]{
	vertical-align: middle !important;
	margin: 0 2px 0 5px !important;
}
input[type="checkbox"]{
	vertical-align: sub !important;
	margin: 0 2px 0 5px !important;
}
canvas{
	outline-width: 0;
}
.card-body{
	padding:5px !important;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto{
	padding: 0px !important;
}
#app {
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
  }
  #nav {
	padding: 30px;
  }
  
  #nav a {
	font-weight: bold;
	color: #2c3e50;
  }
  
  #nav a.router-link-exact-active {
	color: #42b983;
  }
  a{
	color: black;
	background-color: transparent;
  }
  a:hover{
	color: black;
	text-decoration: none;
  }
  .mfs-tab-title{
	height: 20px;
	margin-top: 5px;
  }

  .v-application--is-ltr .v-data-footer__select .v-select{
	margin: 0 10px 0 15px !important;
  }

  /* .v-data-table__wrapper{
	min-height: 200px;
  } */

  .theme--light.v-data-table thead tr:last-child th{
	white-space: nowrap !important;
  }
  .text-start{
	white-space: nowrap !important;
  }

  .v-data-table>.v-data-table__wrapper>table>tbody>tr>td, .v-data-table>.v-data-table__wrapper>table>tbody>tr>th, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, .v-data-table>.v-data-table__wrapper>table>thead>tr>td, .v-data-table>.v-data-table__wrapper>table>thead>tr>th{
	padding: 0 5px !important;
	}
	
	.help-icon{
		padding:6px;
		float:right;
		font-size: large;
		background-color:#F2F2F2;
		margin:-10px 0 0 0 !important;
	}

	.v-input__slot{
		align-items: end;
	}

	.tools-header-parent{
		width: 198px;
		background-color: whitesmoke;
		text-align: center;
		/* padding-top:3px; */
	}

	.tools-header{
		/* border: 1px solid gray;
		border-radius: 5px;
		width:173px;
		margin: 0 5px;
		background-color: #e8e9ec;
		font-weight:600;
		padding-top:5px; */
		padding-top:5px;
		margin:-5px 8px -3px 10px;
		height:20px;
		text-align: left;
		color: gray;
	}

	.tools-palette{
		width: 198px;
		margin-right: 2px;
		background-color: whitesmoke;
		overflow: hidden;
	}

	/* .panel-body{
		overflow: hidden !important;
	} */
	.v-sheet.v-card:not(.v-sheet--outlined){
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.v-application .elevation-1{
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.title-text{
		font-size:large;
		font-weight:bold;
		text-align:left;
		padding-left:8px !important;
	}
	.mini-toolbar-item{
		padding: 5px 5px 7px;
		height: 32px;
	}
	.header-hr{
		padding:0;
		margin:0;
		height:2px;
		border-width:0;
		background-color:gray
	}

	.mfs-card-title{
		padding:5px !important;
		height:38px;
		background-color:#F2F2F2;
	}

	.mfs-open-program{
		cursor: pointer;
	}
	.mfs-contact-search{
		cursor: pointer;
	}
	.my-campaign-item{
		padding : 5px;
		cursor: pointer;
	}

	.aligned-number {
		padding-right: 20px;
	}
	.aligned-number-bold {
		padding-right: 20px;
		font-weight: 700;
	}
	.bold {
		font-weight: 700;
	}
	.v-data-table__expanded__row{
		background-color: lightgray;
	}