@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
table.summaryTblex.newUITable .thead.headText12b {
	background: #ebebeb;
	height: 52px;
	text-transform: uppercase;
}

table.summaryTblex.newUITable .thead.headText12b a,
table.summaryTblex.newUITable .thead.headText12b,
table.summaryTblex.newUITable .thead.headText12b td {
	color: #9b9b9b!important;
}

table.summaryTblex.newUITable tr:hover,
table.summaryTblex.newUITable tr {
	background: transparent !important
}

table.summaryTblex.newUITable tr:hover,
table.summaryTblex.newUITable td {
	white-space: nowrap;
}

img.arrow-downUP {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 6px;
}

td.thead.headText12b {
	position: relative;
	padding-right: 24px;
}

.thead.headText12b .arrow-downUP {
	display: none;
}

.thead.headText12b:hover .arrow-downUP {
	display: inline;
	opacity: .37;
	cursor: pointer;
}

img.arrow-downUP:hover {
	opacity: .87 !important;
}

.thead.headText12b .arrow-downUP.arrowActive,
.thead.headText12b .arrow-downUP.f-arrowActive {
	display: inline;
	opacity: .87 !important;
}

td.botBorder.colPadding {
	height: 30px;
}

.table-scroll {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	margin-top: 8px
}

img.more-option {
	opacity: .54;
}

.hText18themeNew {
	font-size: 14px;
}



body.open-msa-left-nav .table-scroll {
	width: calc(100vw - 320px);
	overflow: auto;
}

.table-scroll {
	width: calc(100vw - 120px);
	overflow: auto;
}

@media only screen and (max-width: 1399px) {
	 body.open-msa-left-nav .table-scroll {
	width: calc(100vw - 341px);
	overflow: auto;
}

.table-scroll {
	width: calc(100vw - 141px);
	overflow: auto;
} 
}






.siteMainTable,
.msa-footer-container-New,
#bottomSiteTabWidth {
	background-color: #f6f6f6 !important;
}

.enable-left-nav table#exportHtmlTableViewbradcum {
	background: #fff;
	padding-bottom: 8px;
	margin-left: -34px;
	width: calc(100% + 64px);
	padding-left: 34px;
	padding-right: 34px;
	margin-top: -16px;
}

.enable-left-nav.open-msa-left-nav table#exportHtmlTableViewbradcum {
	margin-left: -39px;
	width: calc(100% + 69px);
}

.f-breadcrumb-new ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.f-breadcrumb-new ul li {
	display: inline-block;
	color: rgba(0, 0, 0, .5);
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	padding: 0 2px 0 8px;
	position: relative;
}

.f-breadcrumb-new ul li img {
	opacity: .54;
	position: relative;
	top: 2px;
}

.f-breadcrumb-new ul li a {
	color: rgba(0, 0, 0, .5);
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
}

.f-breadcrumb-new ul li a:hover {
	text-decoration: none;
}

.f-breadcrumb-new ul li:first-child {
	padding-left: 0;
}

.f-breadcrumb-new ul li::before {
	content: '/';
	position: absolute;
	left: 0;
}

.f-breadcrumb-new ul li:first-child::before {
	display: none;
}

.f-pag-header-new {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	color: #000;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}

.f-button-blue-new {
	font-family: Montserrat, sans-serif;
	color: #fff !important;
	font-weight: 600;
	height: 44px;
	border: 1px solid;
	padding: 11px 23px;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	background-color: #0093ee;
	border-color: #0093ee;
	border-radius: 4px;
	cursor: pointer;
}

.f-button-green-new {
	font-family: Montserrat, sans-serif;
	color: #fff !important;
	font-weight: 600;
	height: 44px;
	border: 1px solid;
	padding: 11px 23px;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	background-color: #5da93f;
	border-color: #5da93f;
	border-radius: 4px;
	cursor: pointer;
}

.f-button-blue-new:hover,
.f-button-blue-new:focus,
.f-cm_button_action:focus {
	text-decoration: none;
	outline: 0;
}

/* parveen */
.f-button-dropdown {
	position: relative;
	padding-right: 40px;
	display: inline-block;
	min-height: 42px;
	box-sizing: border-box;
}
.f-button-dropdown:after {
	content: "";
    width: 20px;
    position: absolute;
	background: url(keyboard_arrow_down.svg) no-repeat center;
	top: 0;
	right: 16px;
	bottom: 0;
}
.f-button-dropdown-option {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
	z-index: 2;
	border-radius: 4px;
	padding: 8px 0;
	min-width:130px;
}
.f-button-dropdown-option a {
	font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
	font-weight: 400;
	color: rgba(0,0,0,.87);
	display: block;
    text-align: left;
	line-height: 48px;
	padding: 0 16px;
	white-space: nowrap;
	text-transform: none;
}
.f-button-dropdown-option a:hover {
	background: rgba(0,0,0,.04);
	text-decoration: none;
}
/*  */


.f-cm_button_action {
	background-color: #fff;
	border-color: #ccc !important;
	font-family: Montserrat, sans-serif!important;
	color: #0093ee!important;
	line-height: 18px!important;
	font-weight: 600!important;
	padding: 7px 23px!important;
	height: 44px!important;
	font-size: 14px;
	border: 1px solid;
	text-align: center;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
}

.f-more-option {
	background-image: url(more_vert-black.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	display: inline-block;
	color: transparent !important;
}

span.f-dropdown-more {
	position: relative;
}

span.f-dropdown-more:hover ul {
	display: block !important;
	position: absolute;
	top: -5px;
	width: 200px;
	background: #fff;
	list-style: none;
	padding: 0;
	z-index: 2;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	right: 9px;
	max-height: 340px;
    overflow: auto;
}

span.f-dropdown-more:hover ul a {
	font-size: 14px;
	color: rgba(0, 0, 0, .87) !important;
	font-family: SourceSansPro-Regular, sans-serif;
	font-weight: normal !important;
	display: block;
	padding: 12px;
}

span.f-dropdown-more:hover ul a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

.f-filter-new-view {
	background-image: url(filter_list-black.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	display: inline-block;
	color: transparent !important;
}

div#searchFilter table {
	border: 0;
	margin-bottom: 4px
}

.f-filter-new-view.active-filter {
	background-image: url(filter_list-blue.svg);
}

.ml-6 {
	margin-left: 6px;
}

.mr-6 {
	margin-right: 6px;
}

#cboxLoadedContent {
	margin-bottom: 0px !important;
}

.ms-parent {
	width: 100% !important
}

.dataFilter {
	cursor: pointer;
}

.botBorder {
	border-bottom: 1px solid #e6e6e6 !important;
}

.checkbox-container {
	display: inline-block;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 14px;
	width: 14px;
	margin-left: 8px;
}


/* Hide the browser's default checkbox */

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* Create a custom checkbox */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 12px;
	line-height: 0;
	margin: auto;
	margin-right: 8px;
	order: 0;
	vertical-align: middle;
	white-space: nowrap;
	width: 12px;
	flex-shrink: 0;
	border: 2px solid #6c6c6c;
	cursor: pointer;
}


/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */

.checkbox-container input:checked~.checkmark {
	background-color: #0093ee;
	border: 2px solid #0093ee;
}
.checkbox-container input:disabled~.checkmark {
	opacity: .37;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the checkmark when checked */

.checkbox-container input:checked~.checkmark:after {
	display: block;
}


/* Style the checkmark/indicator */

.checkbox-container .checkmark:after {
	left: 3px;
	top: 0px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.f-padding-top-bottom {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.f-whitespace-remove td {
	white-space: normal !important;
}

.sm_seperator {
	line-height: 18px;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	padding: 0 16px;
	height: 54px;
	text-transform: uppercase;
}

.table-scroll table.summaryTblex.newUITable {
	margin-bottom: 0 !important;
}

/* .table-scroll table.summaryTblex.newUITable.f-whitespace-remove tr td:nth-child(2) {
	width: 30% !important;
} */

.table-scroll table.summaryTblex.newUITable tr td:last-child:not(.sm_seperator) {
	text-align: right !important;
	padding-right: 16px;
}

.newUITable tr td.header {
	cursor: pointer;
	text-align: left !important;
}

.newUITable .header:hover td {
	background-color: #f5f5f5 !important;
}

.newUITable .active-header:hover td {
	background: #fff !important;
}

.newUITable .active-column td {
	background-color: #f5f5f5 !important;
}

td.sm_seperator {
	position: relative;
	padding-right: 48px;
	cursor: pointer;
}

td.sm_seperator:after {
	content: '';
	background: url(navigate_before.svg) no-repeat;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	position: absolute;
	right: 16px;
	transform: rotate(270deg);
	opacity: .54;
}

.newUITable .active-header td.sm_seperator:after {
	transform: rotate(0deg);
}

.f-pt-6 {
	padding-top: 6px;
}

.f-subTabs {
	/* border-bottom: 1px solid rgba(155, 155, 155, .5); */
	margin-top: 8px;
	margin-bottom: 16px;
	background: #fff;
	/* box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 0%), 0 4px 4px 0px rgb(0 0 0 / 5%), 0 1px 10px 0 rgb(0 0 0 / 0%); */
}

.f-subTabs td {
	height: 60px!important;
	background: #fff !important;
	padding: 0 24px !important;
	border: 0 !important;
}

.f-subTabs td a {
	color: rgba(0, 0, 0, .5) !important;
	font-family: Montserrat, sans-serif!important;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

.f-subTabs td.tab-selected1 {
	box-shadow: none !important;
	border-bottom: 2px solid #0093ee !important;
}

.f-subTabs td.tab-selected1 a {
	color: #0093ee!important;
	font-weight: 700!important;
}

.newUITable #menuBar img {
	opacity: .54;
}

.newUITable td .f-badage {
	font-family: 'Source Sans Pro', sans-serif!important;
	background-color: #1abfce;
	color: #414141;
	padding: 2px 6px;
	font-weight: 700;
	border-radius: 2px;
	white-space: nowrap;
}

.newUITable td .f-badage.f-complete {
	background-color: #A6E6C6;
}

.newUITable td .f-badage.f-pending {
	background-color: #ADDEFC;
}

.newUITable td .f-badage.f-overdue {
	background-color:  #DFC0A2;
}
.newUITable td .f-badage.f-Unscheduled {
	background-color: #AEB7BC;
}

.newUITable td .f-badage.f-in-progress {
	background-color: #b9d7ec;
}

.newUITable td .f-badage.f-not-applicable {
	background-color: #F3F3D8;
}


.tb_data_fo_notapplicable {	background-color:  #F3F3D8 !important; }
.tb_data_fo_overdue {background-color:  #DFC0A2 !important; } 
.tb_data_fo_pending {	background-color: #ADDEFC !important; } 
 .tb_data_fo_completed {background-color: #A6E6C6 !important; } 
 .tb_data_fo_unschedule {background-color: #AEB7BC !important;} 
 .tb_data_fo_inprogress {background-color: #b9d7ec !important; }





.f-flex-row {
	display: flex;
	box-sizing: border-box;
	margin-top: 12px;
}
.checklist-list.f-flex-row{
	margin-top: 0;
}

.flex-width-25 {
	width: 25%;
}

.flex-width-50 {
	flex: 1;
	margin: 0 28px;
}

.f-card-style {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 16px;
}

.f-card-title-grey {
	color: #757575;
	font-size: 14px;
	line-height: 18px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.flex-2 {
	flex: 1;
}

.f-dashboard-nowrap {
	margin-bottom: 0 !important;
}


table.table-list-data td {
	display: block;
	width: 100%;
	padding: 3px 0 !important;
	white-space: normal !important;
    word-break: break-word;
}

table.table-list-data tr {
	padding-bottom: 16px;
	display: block
}

table.table-list-data td.stext2Fim.vp5 {
	color: #4a4a4a;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif!important;
}

table.table-list-data td.BlText12.vp5 {
	font-family: 'Source Sans Pro', sans-serif!important;
	color: rgba(0, 0, 0, .87);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

table.table-list-data td img[height="8"] {
	height: 10px;
}

#menuBar img {
	opacity: .54;
}

.f-dashboard-nowrap td {
	padding: 8px 16px!important;
	border-bottom: 1px solid #e6e6e6 !important;
	white-space: normal !important;
}

.f-dashboard-nowrap td span.bText12 {
	font-size: 14px;
	font-weight: 700;
	color: rgba(0, 0, 0, .87);
	line-height: 20px;
	font-family: 'Source Sans Pro', sans-serif!important;
}

.f-dashboard-nowrap td span.bText12btheme a {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Source Sans Pro', sans-serif!important;
}

.f-dashboard-nowrap td span.bText11gr {
	font-size: 14px;
	color: #4a4a4a;
	line-height: 20px;
	font-family: 'Source Sans Pro', sans-serif!important;
}

.checklist-list {
	padding: 16px 0;
	font-family: 'Source Sans Pro', sans-serif!important;
	font-size: 14px;
	border-bottom: 1px solid #e6e6e6 !important;
	padding-left: 16px;
	padding-right: 16px;
}

.checklist-list:first-child {
	padding-top: 8px;
}

.checklist-list:last-child {
	padding-bottom: 8px;
	border-bottom: 0 !important;
}

.checklist-list .f-title-14px {
	color: rgba(0, 0, 0, .87);
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 8px;
}

.checklist-list .discription {
	padding-bottom: 8px;
	color: #4a4a4a;
}

.checklist-list .info-text-12px {
	font-size: 14px;
	color: #4a4a4a;
	display: inline-block;
}

.checklist-list .info-text-12px img {
	margin-right: 8px
}

.f-align-right {
	text-align: right;
}

.f-footer-card {
	padding-top: 8px;
}

.f-padding-left-right-0 {
	padding-left: 0;
	padding-right: 0;
}

.f-padding-right-16px {
	padding-right: 16px;
}
.f-padding-bottom-6px {
	padding-bottom: 6px;
}
.f-padding-top-8px {
	padding-top: 8px;
}

.f-padding-top-bottom-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.f-line-height-24 {
	line-height: 24px !important;
}

span.button-group .f-cm_button_action {
	color: rgba(0, 0, 0, .5) !important;
	background: #ececec
}

span.button-group {
	padding-right: 8px;
}

span.button-group .f-cm_button_action:last-child {
	margin-left: -5px !important;
	border-radius: 0px 3px 3px 0px !important;
}

span.button-group .f-cm_button_action:first-child {
	border-radius: 3px 0px 0px 3px !important;
}

span.button-group .f-cm_button_action.f-active-btn {
	color: #0093ee!important;
	border: 1px solid #c5d9e8!important;
	background: #fff !important;
}

.info-text-12px span,
.info-text-12px img {
	vertical-align: middle;
	opacity: .84;
}
.info-text-12px img{opacity: .54;}
.f-sm-card-group{display: flex;}
.f-sm-card-group .f-card{
  flex:1; 
  border-radius: 4px;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
  background:#fff;
  margin:8px;
  padding:16px;
  min-height: 64px;
  box-sizing: border-box;
}
.f-insight-card .f-card{margin:8px 16px; padding-top: 24px; padding-bottom: 24px;}
.f-sm-card-group .f-card:first-child{margin-left: 0;}
.f-sm-card-group .f-card:last-child{margin-right: 0;}
.f-sm-card-group .f-card .f-count{
  font-size: 22px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  color: #020202;
  padding-bottom: 4px;
}
.f-sm-card-group .f-card .f-title{
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #414141;
  text-transform: uppercase;
}
.f-gray-border{ border-left: 7px solid #aeafae !important;}
.f-cyan-border{border-left: 7px solid #1dc6d4 !important;}
.f-orange-border{border-left: 7px solid #f79647 !important;}
.f-green-border{border-left: 7px solid #5da93f !important;}

.f-red-border{border-left: 7px solid #DFC0A2 !important;}
.f-unscheduled-border{ border-left: 7px solid #AEB7BC !important;}
.f-not-applicable-border{border-left: 7px solid #F3F3D8 !important;}
.f-in-progress-border{border-left: 7px solid #b9d7ec !important;}
.f-pending-border{border-left: 7px solid #ADDEFC !important;}
.f-complete-border {
    border-left: 7px solid #A6E6C6 !important;
}



.f-insight-card .f-card{border-radius: 0; box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
}
.f-insight-card .f-card .f-count{
  color: #9b9b9b;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}
.f-insight-card .f-card .f-title{
  text-transform: uppercase;
  font-family: Montserrat,sans-serif!important;
  font-size: 12px!important;
  color: #4a4a4a;
  font-weight: 700;
}
.hText18themeNew{font-family: Montserrat,sans-serif!important; font-weight: 700;}
.f-sub-text{ color: #7f7f8b; font-size: 12px; text-transform: initial; }
.f-radio-group-new{margin:16px 0;}
.f-radio-group-new > div{display: inline-block; 
  margin-right: 24px; 
  font-family: 'Source Sans Pro', sans-serif !important; 
  font-size: 14px; color: #4a4a4a; position:relative; padding-left:24px; cursor: pointer;}
  .f-radio-group-new .f-radio:before{content:''; width:16px; height:16px; display:inline-block; 
  border-radius:100%; border:2px solid #6c6c6c; background: #fff;
  position:absolute; left:0;}
  .f-radio-group-new .f-radio.f-active:after{content:''; display:inline-block; position:absolute; left:0; background:#0093ee; 
  left:0; width:10px; height:10px; border-radius:100%; top:5px; left:5px; }
  .f-stats-data .f-title-14px{font-weight: 400; font-size: 14px;}
  .f-stats-data .info-text-14px{font-size: 14px; font-weight: 700; font-family: "Source Sans Pro", sans-serif; color:rgba(0, 0, 0, .87)}
  .checklist-list .f-list-icon{
	width: 36px;
    height: 36px;
    background: #1dc6d4;
	border-radius: 100%;
	margin-right: 16px;
	display: flex !important;
    align-items: center;
    justify-content: center;
  }



  .f-sm-card-clickable .f-card{position:relative; cursor: pointer;}
.f-sm-card-clickable .f-card:after {content:''; position:absolute; right:6px; 
 top:6px; width:14px; height:14px; border:2px solid rgba(0,0,0,.12); border-radius:100%;}
 .f-sm-card-clickable .f-card-active.f-card:after{background:#5da93f; border-color:#5da93f;}
  .f-sm-card-clickable .f-card-active.f-card:before{  content: '';  display: block; position: absolute;  top: 7px;  right: 12px;
  width: 4px;  height: 10px;  border: solid #fff;  border-width: 0 2px 2px 0;  transform: rotate(45deg); z-index:1;}

  .f-link-data .f-list-icon.f-small-icon {width:auto; height:auto; background:transparent; opacity:.54}
  .f-card-style.f-link-data > div{ align-items: center;}

.fc--card {
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
	margin-top: 16px;
	clear: both;
}

.fc--padding-16 {
	padding: 16px;
}
.fc--padding-top-16 {
	padding-top: 16px;
}
.f-checklist-form {
	padding:  16px;
}
.f-checklist-form:last-child .f-checklist-form-header {
	display: none;
}
.fc--card.f-checklist-form {
	/* transition: 2s linear; */
	/* height: 100%; */
}
.fc--card.f-checklist-form.toggle-task-checklist {
	/* display: none; */
	overflow: hidden;
	height: 32px;
}
.f-checklist-form .f-checklist-form-header {
	
    padding: 16px 48px 16px 32px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    height: 64px;
	background: #fff;
	border-bottom: solid 1px #dfdfdf;
	cursor: pointer;
    box-sizing: border-box;
	margin: -16px -16px 0 -16px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.f-checklist-form .f-checklist-form-header:after {
	content: '';
    background: url(navigate_before.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    position: absolute;
    right: 16px;
	opacity: .54;
	top: 0;
    bottom: 0;
	margin: auto;
	transform: rotate(0deg);
}
.fc--card.f-checklist-form.toggle-task-checklist .f-checklist-form-header:after {
	transform: rotate(270deg);
}
.f-checklist-form td {
	padding: 16px;
}
.f-checklist-form .checklist-form-no-padding td {
	padding: 0 !important;
}
.f-checklist-form .ms-parent {
	/* width: 97% !important; */
	min-width: 100% !important;
}

.f-checklist-form .fTextBox,
.f-checklist-form .multiList,
.f-checklist-form .ms-parent .ms-choice {
	/* background: red; */
	padding: 6px;
    background: #fff;
    border: solid 1px #d7d7d7;
}
.f-checklist-form .ms-parent .ms-choice {
	height: 34px;
}
.f-checklist-form .ms-parent .ms-choice span {
	line-height: 34px;
}
.f-checklist-form .ms-parent .ms-choice div {
	top: 4px;
}

.f-checklist-form .fTextBox + select {
	margin-left: 8px;
}
.label-tooltip {
	vertical-align: middle;
}
.label-tooltip a {
	vertical-align: middle;
	display: inline-block;
    margin-top: -4px;
}
.f-taskchecklist-form-tbl td {
	padding: 8px;
}

.f-taskchecklist-form-tbl .ms-parent {
	width: 200px !important;
	min-width: 200px !important;
}

.f-taskchecklist-form-tbl .botBorder td {
	border-bottom: 1px solid #e6e6e6 !important;
	padding-bottom: 16px;
}
.f-taskchecklist-form-tbl .botBorder + tr td {
	padding-top: 16px;
}
/* .f-bubble-popup {
	margin: 5px 15px;	
    padding: 0px;
    list-style: none;
    font-family: SourceSansPro-Regular;
    font-size: 12px;
} */

.f-checklist-form .form-group textarea.fTextBox {
	width: 100%;
	box-sizing: border-box;
}
.f-checklist-form .form-group input[type="text"].fTextBox,
.f-checklist-form .form-group input[type="file"].fTextBox {
	box-sizing: border-box;
}

.f-flex {
	display: flex;
}

.f-full-screen {
	background: #f6f6f6!important;
    z-index: 100000!important;
    min-height: 100%;
    position: fixed!important;
	/* overflow: auto!important; */
	overflow-y: scroll;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    right: 0;
    bottom: 0;
}
.f-full-screen-header {
	padding: 16px 56px;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
	position: relative;
	display: flex;
}
.f-full-screen-header-right {
    justify-content: flex-end;
	flex: 2;
	display: flex;
}

.f-full-screen-back {
	font-family: 'Source Sans Pro',sans-serif!important;
    background: url(back-icon.png) no-repeat;
    font-size: 14px;
	padding: 3px 0 3px 32px;
	cursor: pointer;
}
.f-full-screen .f-pag-header-new {
	background: #fff;
	padding-left: 56px;
	padding-bottom: 18px;
	padding-top: 18px;
}
.f-full-screen .f-full-screen-body {
	width: 825px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.f-sticky-footer {
	right: 17px;
    bottom: 0;
    left: 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    align-items: center;
    position: fixed;
	display: flex;
	padding: 16px;
}
.f-sticky-footer-right {
	display: flex;
	justify-content: flex-end;
	flex: 2;
}

.f-no-record-found{
	font-family: "SourceSansPro-Regular", sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	color: rgba(0,0,0,.54);
	padding:16px;
  }
  .f-no-record-found::before{
	  content:'';
	  background: url(no_record_found.png) no-repeat center center;
	  width: 105px;
	  height: 105px;
	  background-size: 100%;
	  margin: auto;
	  display: block;
	  margin-bottom: 14px;
  }
  .f-search-box {
    display: inline-block;
    background:#fff;
    border: 1px solid #cdcdcd;
    border-radius:4px;
    vertical-align:middle;
    margin-left:12px;
}
.f-search-box table{margin:0 !important;}
.f-search-box table td{background:none !important; width:initial; border:0;}
.f-search-box input {height:40px; background:transparent; font-family: "SourceSansPro-Regular", sans-serif;
	font-weight: 400; font-size: 14px;}
	
#contentdivTopSearch{margin-left: -13px;background:#fff;box-shadow: -1px 2px 5px 0 rgb(0 0 0 / 29%);padding: 20px;max-height:250px;}
#contentdivTopSearch table td{padding:8px 0 !important}


.f-card-style table tr:last-child td{border-bottom:0 !important;}
.f-card-style .newUITable + .f-footer-card{border-top: 1px solid #e6e6e6 !important;}

	.fc--input-ctrl.fc--input-ctrl-disabled .fc--input-underline {
		background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0) !important;
		background-size: 4px 100% !important;
		background-repeat: repeat-x !important;
		background-color: transparent;
	}
	.fc--input-ctrl.fc--input-ctrl-disabled .fc--input-element[disabled] {
		background: transparent;
	}
	.fc--input-ctrl {
		position: relative;
		padding-top: 18px;
		margin: 0 16px 24px 16px;
	}
	.fc--input-ctrl .fc--input-label {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 26px;
		
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		color: rgba(0,0,0,.54);
		font-family: 'Montserrat', sans-serif;
		transform-origin: 0 0;
		transition: 0.2s linear;
		transform: perspective(100px);
	}
	.fc--input-ctrl .fc--input-element {
		display: block;
		font-family: "Source Sans Pro",sans-serif;
		font-size: 14px;
		color: rgba(0,0,0,.87);
		height: 40px;
		outline: 0;
		border: 0;
		width: 100%;
		padding:0;
	}
	.fc--input-ctrl .fc--input-underline {
		height: 1px;
		background-color: rgba(223,223,223,.9);
		display: block;
		position: relative;
	}
	.fc--input-ctrl .fc--input-underline:after {
		content: '';
		height: 2px;
	
		position: absolute;
		left: 0;
		width: 100%;
		transform: scaleX(.5);
		opacity: 0;
		background-color: rgba(0,0,0,.87);
		transition: 0.2s linear;
	}
	
	.fc--input-ctrl.fc--element-active .fc--input-label {
		transform: translateY(-11px) scale(.75) perspective(100px) translateZ(.001px);
		-ms-transform: translateY(-11px) scale(.75);
	}
	
	.fc--input-ctrl.fc--element-focus .fc--input-underline:after {
		background: #3f51b3;
		opacity: 1;
		transform: scaleX(1);
	}
	
	.fc--input-ctrl.fc--element-focus .fc--input-label {
		color: #3f51b3;
	}
	.fc--hint {
		color: rgba(0,0,0,.54);
		font-size: 12px!important;
		display: block;
		margin-top: 10px;
	}

.fc--input-ctrl .ms-parent {
	margin-top: 4px;
}
.fc--input-ctrl .ms-parent .ms-choice {
	background: transparent !important;
    border: 0;
    padding: 0 !important;
}
.fc--input-ctrl .ms-parent .ms-choice span {
    padding: 0 !important;
}
.fc--input-ctrl .ms-parent:focus {
	outline: 0 !important;
}
.fc--input-ctrl .ms-parent .ms-choice {
	height: 36px !important;
	outline: 0 !important;
}
.fc--margin-left-0 {
	margin-left: 0 !important;
}

.f-full-screen-container .jquerybubblepopup {
	margin: 5px 15px;	
    padding: 0px;
    list-style: none;
    font-family: SourceSansPro-Regular;
	font-size: 12px;
	
	left: calc(100% - 530px) !important;
}
.f-full-screen-container .jquerybubblepopup .jquerybubblepopup-top-middle {
	text-align: right !important;
}
.f-full-screen-container .jquerybubblepopup .jquerybubblepopup-tail {
	margin-right: 38px;
}
.f-full-screen-container .jquerybubblepopup ul {
	font-size: 13px;
	line-height: 18px;
	margin-left: 18px;
    text-align: initial;
}
.f-full-screen-container .jquerybubblepopup ul li {
	padding: 6px 0;
}
.f-full-screen-container .jquerybubblepopup ul li p {
	margin-top: 0;
}
.f-full-screen-container .jquerybubblepopup ul li p:last-child {
	margin-bottom: 0;
}
.f-full-screen-container .jquerybubblepopup ul li strong {
	display: block;
}
.f-field-required-marker {
	color: #f44336;
	font-size: 16px;
	font-family: SourceSansPro-Regular,sans-serif!important;
}

.f-form-Validate .form-group {
    margin-bottom: -19px;
}

.f-form-Validate {
	color: #f44336;
}
.f-form-error-msg {
	font-size: 12px;
    color: #f44336;
    font-family: SourceSansPro-Regular;
    text-align: right;
	padding-top: 4px;
	display: none;
}
.f-form-Validate .f-form-error-msg {
	display: block;
}
.f-form-Validate .fTextBox,
.f-form-Validate .multiList {
	border: solid 1px #f44336;
	/* color: #f44336; */
}

.nav-tab-responsive{ position: relative; z-index: 0;}
.nav-tab-responsive:before{
	content:'';
	display:block;
	position:absolute;
	background: #ffffff;
	left:0;
	right:0;
	height: 62px;
	top: 8px;
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 0%), 0 4px 4px 0px rgb(0 0 0 / 5%), 0 1px 10px 0 rgb(0 0 0 / 0%);
	border-bottom: 1px solid rgba(155, 155, 155, .5);
	z-index: 1;
}
.overflow-hidden {
	overflow:hidden;
	position: relative;
	z-index: 1;

}
.overflow-hidden.navVisible table{
	margin-left: 39px;
	position:relative;
	z-index: 1;
}
.left-btn{
    position: absolute;
	top: 8px;
	left: 0;
    cursor: pointer;
    width: 40px;
    height: 62px;
	background: #fff;
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, .11);
	z-index: 1;
}
.left-btn::after{
    content: '';
    border: solid #505050;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 27px;
    position: absolute;
    left: 16px;

}
.right-btn{
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 0;
    cursor: pointer;
    width: 40px;
    height: 62px;
	background: #fff;
	box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, .11);
}
.right-btn::after{
	content: '';
    border: solid #505050;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
    top: 27px;
    position: absolute;
    right: 16px;
}
.disabled-btn:after {opacity:.37; }
.disabled-btn{pointer-events: none; cursor: none; box-shadow: none;}


table.main-table-title {
    background: #f6f6f6;
    padding: 4px;
}
.table-scroll.mb-4px{margin-bottom: 4px !important;}
.f-card-scroll-10-row{max-height: 630px; overflow: auto;}
.f-margin-top-8px{margin-top: 8px;}



#searchFilter .f-flex-row > div{padding:8px 16px; 
	font-family: SourceSansPro-Regular,sans-serif!important; 
	font-size: 14px; color: #373a3c;
	min-width:calc(33% - 28px);
	max-width:calc(33% - 28px);
}
#searchFilter{margin-left: -12px; margin-right: -12px;}
#searchFilter .label-text{color: #373a3c; font-family: Montserrat-Regular; font-size: 14px;}
#searchFilter {margin-bottom: 16px;}
#searchFilter .f-flex-row {flex-wrap: wrap;}
#searchFilter {margin-bottom: 16px;}
#searchFilter .f-flex-row:last-child{justify-content: flex-end;}
#searchFilter .f-flex-row:last-child div{min-width: 1px; max-width:100%;}

.f-schedule-view-card{
	width: 100%;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
	background: #fff;
	margin-top: 16px;
}
.f-schedule-view-card .table-scroll{box-shadow: none;}
.f-schedule-view-card > table > tbody > tr > td  { border-bottom:1px solid #e0e0e0; } 
.f-schedule-view-card table.f-card-header {
    padding: 12px 8px 10px;
}
.f-schedule-view-card .f-card-header.f-header-active{padding-bottom: 0;}
.f-card-header:hover{background-color: #f5f5f5;}
.f-card-header.f-header-active:hover{background-color: #fff;}
.f-card-header .tdHeadlink {background: none; padding-left: 0;}
.f-card-header .tdHeadlink:before{
	content: ''; 
	display: inline-block; 
	background: url(navigate_before.svg) no-repeat !important; background-size: 24px 24px;    
	 transform: rotate(270deg);
	 width: 24px;
	 height: 24px;
	 vertical-align: middle;
	 margin-right: 4px;
	 opacity: .54;
	}
	.f-card-header.f-header-active .tdHeadlink:before{
		transform: rotate(175deg);
	}


	.sticky{
		position: fixed;
		top: 60px;
		background:#f7f7f7;
		right: 0px;
		z-index: 99;
		box-shadow: 5px 2px 8px rgba(0,0,0,.54);
		padding-bottom: 8px;
		padding-top: 8px;
		padding-right: 27px;
		padding-left: 91px;
	}
	body.open-msa-left-nav .sticky{padding-left: 280px;}

	/* 	toggle view	*/
	.f-radio-group-new .switch {
		position: relative;
		display: inline-block;
		width: 120px;
		height: 12px;
	  }
	  
	 .f-radio-group-new  .switch input { 
		opacity: 0;
		width: 0;
		height: 0;
	  }
	  
	  .f-radio-group-new .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgb(0, 147, 238);
		-webkit-transition: .4s;
		transition: .4s;
	  }
	  
	  .f-radio-group-new .slider:before {
		position: absolute;
		content: "";
		height: 24px;
		width: 24px;
		left: 5px;
		bottom: 6px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	  }
	  
	  .f-radio-group-new input:checked + .slider {
		background-color: rgb(93, 169, 63);
	  }
	  
	  .f-radio-group-new input:focus + .slider {
		box-shadow: 0 0 1px rgb(93, 169, 63);
	  }
	  
	  .f-radio-group-new input:checked + .slider:before {
		-webkit-transform: translateX(86px);
		-ms-transform: translateX(86px);
		transform: translateX(86px);
	  }
	  
	  /* Rounded sliders */
	  .f-radio-group-new .slider.round {
		border-radius: 34px;
	  }
	  
	  .f-radio-group-new .slider.round:before {
		border-radius: 50%;
	  }
	  .f-radio-group-new > span,  .f-radio-group-new > label{
		  display:inline-block; 
		  vertical-align: middle;
		  font-size: 14px;
	     font-family: SourceSansPro-Regular,sans-serif!important;
		}

		.f-radio-group-new label.switch.yesColumn:before {
			content: 'Collapse';
			color: #fff;
			position: absolute;
			z-index: 1;
			left: 24px;
			top: 10px;
			text-transform: uppercase;
			cursor: pointer;
		}
		.f-radio-group-new label.switch.yesColumn:after{display: none;}
		.f-radio-group-new label.switch:after{content: 'Expand';
			color: #fff;
			position: absolute;
			z-index: 1;
			right: 30px;
			top: 10px;
			text-transform: uppercase;
			cursor: pointer;
		}
		.f-radio-group-new{display: inline; margin-right: 16px;}




		.table-scroll table.summaryTblex.newUITable tr td.tb_sub_hdr_fim_lib:last-child {
			text-align: left !important;
			background-color:#fff;
		   padding: 10px 0px 10px 16px;
		   border-bottom: 1px solid #e6e6e6 !important;
		   font-weight:700;
		   color:#9b9b9b;
		}

		table.f-padding-left-right td:first-child{padding-left:16px;}



		/* new feedback css */
		.f-radio-group-new > span#expendAllLabel{font-family: Montserrat, sans-serif!important; font-weight: 400;}
		.summaryTblex.newUITable.f-whitespace-remove td.f-nowrap-td{white-space: nowrap !important;}
		td.botBorder.colPadding.f-break-word:after {content:''; display:block; width:250px}


		.f-first-button,.f-prev-button, .f-next-button, .f-last-button {
			display: inline-block; 
			vertical-align: middle;
			opacity: .54;
		}
		
		.f-first-button img,.f-prev-button img, .f-next-button img, .f-last-button img{
			width: 24px;
			height: 24px;

		}
		a .f-first-button, a .f-prev-button, a .f-next-button, a .f-last-button{
			opacity: .87;			
		}
		.f-active-pagination{background:#0093ee; padding:2px 6px; color:#fff; display:inline-block; border-radius: 2px;}


		
		
	

		.table-scroll table.summaryTblex.newUITable.f-whitespace-remove.td-align-left tr td{
			text-align: left !important;
			box-sizing: border-box;
			padding: 16px;
		}
	
		.table-scroll table.summaryTblex.newUITable.f-whitespace-remove.td-border-solid tr td,
		table.summaryTblex.newUITable tr:hover, table.summaryTblex.newUITable td.sm_seperator{
			border-bottom: 1px solid #e6e6e6;
		}
		.table-scroll table.summaryTblex.newUITable.f-whitespace-remove.td-hover tr:hover td:not(.thead){
			background: #f6f6f6;
		}
		.margin-right-0{margin-right:0;}

		.icon-button-group{display: inline-block; vertical-align: middle;}
		.f-icon-button{
			display: inline-block; 
			vertical-align: middle; 
			width:24px; 
			height:24px; 
			background-size: 24px 24px;
			background-repeat: no-repeat;
			margin:0 6px;
		}
		.timeline-view-icon{background-image:url(time-line-view.svg); opacity: 0.65;}
		.timeline-view-icon.active{background-image:url(time-line-view-active.svg); opacity: 1;}
		.group-view-icon{background-image:url(grid_view.svg); opacity: 0.65;}
		.group-view-icon.active{background-image:url(grid_view_act.svg); opacity: 1;}
		.schedule-view-icon{background-image:url(schedule-view.svg); opacity: 0.65;}
		.schedule-view-icon.active{background-image:url(schedule-view-active.svg); opacity: 1;}
		.margin-right-8{margin-right: 8px;}

		
		@media only screen and (max-width: 820px) {
			.f-sm-flex-column{flex-direction: column;}
			.f-sm-flex-column > div{width: 100%; margin-left: 0; margin-right: 0;}
			.f-sm-card-group{flex-wrap: wrap; width: calc(100% + 16px);}
			.f-sm-card-group>div{
				flex:initial !important;
				min-width: calc(50% - 16px); 
				margin-top: 0;
				margin-left:0 !important;
				margin-bottom: 12px ; 
				margin-right: 12px !important;
			}
			.f-search-box{margin-top:8px;}
		}
		
		.f-count-text{
			font-size: 14px; 
			color: rgba(0, 0, 0, .87);
			font-family: "Source Sans Pro", sans-serif;
			font-weight: 400;
		}
		.f-count-text span{font-weight: 700;}
		.f-count-text em{
			font-style: normal;
			display: inline-block;
			position: relative;
			top: -1px;
			margin-left: 4px;
			margin-right: 4px;
			opacity: 0.54;
		}

		.f-bottom-sheet{position: fixed; bottom:6px; z-index: 99999; left: 0; right:0} 
		.f-bottom-sheet-wrap{ width: auto; max-width: 300px; margin:auto; height: 42px; background:#8a8a8a;
			padding: 8px 12px; border-radius: 12px;  box-sizing: border-box;     box-shadow: 1px -2px 11px 0px rgb(0 0 0 / 28%);}
			.f-bottom-sheet-wrap .f-flex-row{align-items: center; margin-top: 0;}
			.f-bottom-sheet-wrap .f-count-text{ color:#fffa6c;}



			.f-dashboard-nowrap .f-font-size-16{padding:4px 0;}
			.f-font-size-16, .f-font-size-16 a, .discription {
				font-size: 16px !important;    
				line-height: 22px;
			}
			/* span.button-group .f-cm_button_action.f-active-btn{font-weight:700 !important;} */
			.f-filter-new-view, .f-more-option{width:42px; box-sizing:border-box; padding:0 !important; background-color:#fff !important;}

			.expand-collapse-button{background-color: #fff; border: 1px solid #ccc; display: inline-block;
				border-radius: 4px; vertical-align: middle; margin:0; margin-right: 8px;}
				.expand-collapse-button	.switch:after, .expand-collapse-button	.switch:before{display: none;}
				.expand-collapse-button	 span{
					font-family: Montserrat, sans-serif!important; 
					font-weight: 600; 
					color:#0093ee; 
					text-transform: uppercase;
					height: 44px;
					padding: 13px 16px 13px 8px;
					box-sizing: border-box;
					min-width: 140px;	
					text-align: center;			
				}
				.expand-collapse-button	 span:before{content:''; display: inline-block;  width: 24px; height: 24px; background-size: 24px 24px !important;
				vertical-align: middle; margin-right: 8px;     margin-top: -2px;}
				.expand-collapse-button	 .switch{width: auto; height: auto; cursor: pointer; padding: 0;}
				.expand-collapse-button .switch input~.collapse-button{display: none; }
				.expand-collapse-button .switch input~.expand-button{display: inline-block;  }
				.expand-collapse-button .switch input~.expand-button:before{background:url(expand-all.svg) no-repeat; }
				.expand-collapse-button .switch input:checked~.expand-button{display: none;}
				.expand-collapse-button .switch input:checked~.collapse-button{display: inline-block;}
				.expand-collapse-button .switch input:checked~.collapse-button:before{background:url(collapse-all.svg) no-repeat; }


.f-address-details {
	text-align:left;  
	font-family: "Source Sans Pro", sans-serif;
	font-weight:400; 
	font-size:14px;  
	line-height:18px;
	color: rgba(0, 0, 0, .87);
	padding-left: 12px;
}
.f-address-details p{ 
	/* font-family: Montserrat, sans-serif!important;     */
    font-size: 14px;
    /* font-weight: 700; */
	line-height: 14px;
	margin: 0px 0 8px;
   
}
.margin-top-0px{margin-top: 0px;}

.f-align-item{align-items: center;}
.f-align-item.mine-all-tab{align-items: center;  margin-top: 0px;  margin-bottom: -10px;}
/* .f-align-item.mine-all-tab .f-cm_button_action{height: 40px !important;} */


span.button-group .f-cm_button_action i {
    font-style: normal !important;
    background: rgba(0,0,0,.5);
    display: inline-block;
    padding: 0px 6px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
	margin-left: 4px;
	background-color: #9b9b9b;
    font-family: 'Source Sans Pro',sans-serif!important;
	font-weight: 700;
	min-height: 23px;
    line-height: 23px;
}
span.button-group .f-cm_button_action.f-active-btn i{
	background: #0093ee;
}

.f-loader{
	position: fixed;
	top: 0;
	z-index: 99999999;
	bottom: 0;
	right: 0;
	left: 0;
	background:rgba(0, 0, 0, .24);
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.f-loader .spinner {
	width: 4rem;
	height: 4rem;	
	border-top-color: #0093ee;
	border-left-color: #0093ee;
	animation: spinner .9s linear infinite;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-style: solid;
	border-width: 7px;
	border-radius: 50%;  
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	
  }  
  @keyframes spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  } 

 
  @media only screen and (max-width: 1024px) {
	.f-sm-card-group{flex-wrap: wrap; width: calc(100% + 16px);}
	.f-sm-card-group>div{
		flex:initial !important;
		min-width: calc(33% - 16px); 
		margin-top: 0;
		margin-left:0 !important;
		margin-bottom: 12px ; 
		margin-right: 12px !important;
	}
	body .table-scroll {
		width: calc(100vw - 120px);
	}
	body.open-msa-left-nav .table-scroll {
		width: calc(100vw - 320px);
	}
	body.open-msa-left-nav table#filterFixedHeader > tbody > tr > td > table > tbody > tr > td {display:block; text-align:left;
		padding-top:5px
	}
}



form[name="documents"] {background:#fff;width:calc(100% - 20px);margin-left:10px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);}
form[name="documents"] .bText12.thead{
    background:#fff; 
    border:0; 
    font-family: Montserrat,sans-serif !important; 
    font-weight: 700 !important;
    color: #373a3c;
     padding:16px 0 !important;
    text-transform: uppercase; 
    font-size:14px;
    }

form[name="documents"] a[onclick="addMoreDocuments()"]{margin-right:16px; display:inline-block; margin-top:8px}
 form[name="documents"] input[type="button"]{
       float:right;margin-top:16px; margin-bottom:16px;
     background-color: #fff;
    border-color: #ccc !important;
    font-family: Montserrat, sans-serif!important;
    color: #0093ee!important;
    line-height: 18px!important;
    font-weight: 600!important;
    padding: 7px 23px!important;
    height: 44px!important;
    font-size: 14px;
    border: 1px solid;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    margin-left:4px
   }


   a.location-info-img {
    width: 74px;
    height: 74px;
    display: block;
    background: #26c1c9;
    margin: auto;
    border-radius: 100%;
    text-align:center;
    padding-top: 10px;
    box-sizing: border-box;
}
a.location-info-img img{width:48px;}


.f-card-full-size{padding-bottom:0;}
.f-card-full-size .accordion-wrap > .f-card-style{ box-shadow:none; background:transparent; padding:0;}
.f-accordion-header:after{content: ''; 
	background:url(navigate_before.svg) no-repeat; 
	background-size: 30px 30px; 
	display: inline-block;
	width: 24px;
	height: 24px;
	opacity: .45;
}
.f-card-full-size .f-card-title-grey{color: #9b9b9b;}
.f-accordion-header{cursor: pointer; margin-bottom: 12px; align-items: center;}
.accordion-wrap:after{content:''; width: calc(100% + 32px);  height: 1px; background:  #ececec; display: inline-block; margin-left:-16px;}
.accordion-wrap.accordion-hide > .f-card-style{display: none;}
.accordion-wrap.accordion-hide .f-accordion-header:after{transform: rotate(270deg);}
.accordion-wrap:first-child > .f-card-style{margin-top: 0;}
.f-card-full-size .accordion-wrap:first-child {margin-top:-16px}

/* popup manage Column */
.f-manage-col-view {
	text-indent: -9999px;
    background: url(manage-col-view.svg) no-repeat center #fff;
	background-size: 30px auto;
	padding: 7px 20px !important;
}
.f-configure-column .multiList{width: 100%; max-height: 250px;  background: #f5f5f5; border-color:#f5f5f5; padding:4px 8px;}
.f-configure-column .f-grey-color{font-size: 16px;}
.f-configure-column .bText11gr{color:rgba(0,0,0,.54); font-family: "Source Sans Pro", sans-serif;}
 .f-grey-color{ color:rgba(0,0,0,.54);}
 .f-configure-column .multiList option {min-height: 28px;
    padding: 6px 2px 2px;
    box-sizing: border-box;}

 .f-left-arrow-button, .f-right-arrow-button{
	background-color: #fff;
    border-color: #ccc !important;
    padding: 7px 18px!important;
    height: 35px!important;
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
	cursor: pointer;
	background-position: center;
	text-indent: -9999999px;
}
.f-left-arrow-button:hover, .f-right-arrow-button:hover{
	background-color:#f0f0f0;
}
.f-right-arrow-button{
	background-image: url(right-icon.svg);
	background-repeat: no-repeat;
	background-size:24px 24px;
} 
.f-left-arrow-button{
	background-image: url(navigate_before.svg);
	background-repeat: no-repeat;
	background-size:24px 24px;
} 


/* chip wrapper */
.f-chip-wrapper{
	flex-flow: row wrap;
    box-sizing: border-box;
	display: flex;
	padding: 0 12px;
	font-size: 14px;
}
.f-chip-inner-wrap {
    margin: 8px 8px 0 0!important;
    height: 44px!important;    
    border-radius: 4px;
    font-family: Source Sans Pro,sans-serif;
    color: #9b9b9b!important;
    background-color: hsla(0,0%,60.8%,.2)!important;
}
.f-chip-inner-wrap.f-invalid-chip, .f-chip-inner-wrap.f-invalid-chip:hover{color: #d0021b!important; background-color: #ffd7da!important;;}
.f-label-value{ color: #9b9b9b!important;}
.f-chip-inner-wrap > .grid-row .flex-2{cursor: pointer;}
.f-chip-inner-wrap:hover{color: #9b9b9b!important; background-color: #c9c9c9!important;}
.f-clear-filter{width: 24px; height: 24px; background:url(clear-icon.svg) no-repeat center; background-size: 20px auto; cursor: pointer;
	align-self: center; margin-right: 8px;  opacity: .37;}

	.f-manage-filed {
		position: absolute;
		z-index: 1;
		background: #fff;
		width: 280px;
		max-width: 280px;
		padding: 24px 16px 16px;
		box-sizing: border-box;
		border-radius: 4px;
	}
	.f-manage-filed .grid-cell{padding:0 !important;}
	.f-overlay-layer {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.54);
		z-index: 1;
	}
	.add-filter-wrap .f-filter-new-view {color:#0093ee !important; width:auto !important; padding-left:48px !important;  padding-right:16px !important;
		background-position:16px center;

}
.add-filter-wrap{position: relative;  margin:8px 0 0; }
.add-filter-wrap .input-field-wrap{background: #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 296px;    
	box-sizing: border-box;
	z-index: 2;
}
.add-filter-wrap .input-field-wrap .fc-drop.bottom{top: -14px;}
.f-manage-filed .grid-cell.margin-left{margin-right: 24px;}
.z-index-0{z-index:0 !important;}
div.f-error-message{font-size:14px; font-family: Source Sans Pro,sans-serif;
	 font-weight: 400; color: #757575;  text-align: right;
	 white-space: normal; line-height: 20px;
	}

div.f-error-message a{color: #417ed9; font-weight: 700; text-decoration: none; display: inline;
	}
.f-align-center-end{    display: flex;  justify-content: flex-end;  align-items: center;}
.f-manage-filed .error-message {margin:0;}
.input-right.fc-datepicker-trigger img {opacity:.54;}
.f-manage-filed .f-cm_button_action{border-color: #e8effc!important; margin-top: 16px;}
.f-label-value {font-size: 12px; padding-bottom: 2px;}

/* new css */
.f-tabify-wrap:before {top:0 !important;}
.overflow-hidden.navVisible{margin-left: 42px; margin-right: 45px;}
.f-tabify-menu{margin:0;  padding: 0;
    list-style: none;
	text-align: center; 
	display: flex;
	min-height: 62px;
	position: relative;
	z-index: 0;
}
.f-tabify-menu li{margin:0; 
	padding: 0; 
	flex: 1; 
	cursor: pointer; 
	display: flex; 
	justify-content: center; 
	align-items: center;
	color: rgba(0,0,0,.5);
    font-family: Montserrat,sans-serif!important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	white-space: nowrap;
	padding: 0 24px;
	line-height: 24px;
}
.f-tabify-menu li.active-link{
	color: #0093ee!important;
    font-weight: 700!important;
}
.f-tabify-menu li.active-link:after{content:''; display:block; 
	height:2px; 
	background:#0093ee!important; 
	width:100%;
	position:absolute;
	bottom: 0;
	left:0;
	right: 0;
}
.f-tabify-menu .f-count{	
    font-family: Source Sans Pro,sans-serif!important;
    font-weight: 700;
    min-width: 10px;
	min-height: 23px;
	background-color: #9b9b9b!important;
    border-radius: 2px;
    color: #fff;
    margin-left: 12px;
	padding: 2px 6px;
	line-height: 24px;
}
.f-tabify-wrap .left-btn, .f-tabify-wrap .right-btn{top:0 !important}
.f-tabify-wrap{overflow: hidden; height: 62px; 
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 0%), 0 4px 4px 0px rgb(0 0 0 / 5%), 0 1px 10px 0 rgb(0 0 0 / 0%);
    border-bottom: 1px solid rgba(155, 155, 155, .5);}
.f-tabify-wrap .navVisible{overflow: auto;}

.f-tabify-menu li:active{
background:#eaeaea !important;
}
.f-margin-top-0px{margin-top:0px;}
.card-wrapper{
	background-color: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
}
.card-wrapper .table-scroll{box-shadow: none !important;}
.card-wrapper .headText12b img[src*=".svg"] { opacity: .54;}

.f-disclaimer-text{font-size: 14px; font-weight: 400; font-family: "Source Sans Pro", sans-serif; color:rgba(0, 0, 0, .87); text-align: right; margin: 4px;}
.f-disclaimer-text .red-text{color: #bd1517;}


.f-icon-button{fill: rgba(0,0,0,.75);}
.f-icon-button.active{fill: #0093ee;}

.table-scroll .newUITable td.thead.headText12b table td:last-child{padding-right:0 !important}
.f-view-details{
	display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    opacity: .54;
}

.f-slide-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background:#fff;
    max-width: 500px;
    width: 100%;
    z-index: 111111;
}
.f-slide-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    background-image: linear-gradient(
180deg
,hsla(0,0%,84.7%,.5),hsla(0,0%,84.7%,.5));
	z-index: 11111;
}
.f-slide-drawer.open {
	display: flex !important;
}
.f-overflow-hidden{overflow: hidden;}
.f-slide-drawer-inner{box-sizing: border-box; display: flex;
	flex-direction: column; 
	flex: 1;
}
.f-drawer-body{flex: 1; overflow-y: auto; padding: 24px;}
.f-drawer-header{
	color: #757575;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 650;
    line-height: 18px;
	text-transform: uppercase;
	padding-bottom: 16px;
	position: relative;
}
.icon-size-24{width: 24px; height: 24px;}
.f-drawer-header .icon-size-24{display:inline-block; vertical-align: middle; margin-right: 6px; opacity: .54;}
.f-field-label{font-family: Source Sans Pro,sans-serif; font-size: 14px; color: #4a4a4a!important; padding-bottom: 2px;}
.f-field-value{font-family: Source Sans Pro,sans-serif; font-size: 14px; font-weight: 700; color: #4a4a4a;

}
.f-drawer-body > .grid-row{padding:12px 0px; display: block; box-sizing: border-box; border-bottom: 1px solid #ececec;}
.f-drawer-footer{
	background-color: #fff;
    bottom: 0;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
	padding: 16px;
}
.f-drawer-footer .f-cm_button_action{border-color: #e8effc !important;}
.f-close-button{width: 24px; height: 24px; background: url(close-icon.svg) no-repeat; position: absolute; right: 0;
top: 0; cursor: pointer; opacity: .54;}

.f-item-avatar{width:36px; height:36px; border-radius: 100%; background:#ccc; display:flex;align-items: center;justify-content: center;}
.f-item-avatar svg{width:24px; height:24px; fill:#fff;}
.f-list-item{padding:14px 16px; border-bottom: 1px solid rgba(0,0,0,.12); margin-top: 0;}
.f-list-item > div:nth-child(2){padding-left: 16px; padding-right: 16px;}

.f-text-14px{color: #757575; font-family: Source Sans Pro,sans-serif; font-size: 14px;}
.f-text-14px-bold{color: #757575; font-family: Montserrat,sans-serif; font-weight: 700; font-size: 14px;} 
.f-align-center {align-items: center; justify-content: center; display: flex;}
.f-cursor-pointer{cursor: pointer;}
.f-opacity-75{opacity:.75;}
.f-status-in-dev{background-color: rgb(247, 150, 71);}
.f-status-active{background-color: rgb(65, 126, 217);}
.f-status-corporate{background-color: rgb(77, 139, 53);}
.f-status-terminated{background-color: rgb(117, 117, 117);}
.f-status-archived{background-color: rgb(209, 111, 255);}
.f-status-all{background-color: #1dc6d4;}
.f-list-wrapper{}
/* map css */
.leaflet-popup-content{margin: 0!important; font-size: 14px; color: #757575; font-family: Source Sans Pro,sans-serif; }
.link-text{color: #0093ee!important;}
.leaflet-popup-content .border-top{border-top: 1px solid rgba(0,0,0,.12);}
.pl-16 {padding-left: 16px;}
.pr-16{padding-right: 26px;}
.pr-24{padding-right: 24px;}
.m-0{margin:0 !important;}
.mb-0{margin-bottom: 0 !important;}
.pt-16 {padding-top: 16px;}
.pb-16{padding-bottom: 16px;}
.center{text-align: center;}
.leaflet-container a.leaflet-popup-close-button {
    font-size: 24px!important;
    font-weight: 400!important;
    top: 8px!important;
    right: 8px!important;
}
.leaflet-control-attribution.leaflet-control { display: none;}
.semibold {font-family: Source Sans Pro,sans-serif; font-weight: 600;}
.leaflet-popup-content .montserrat-bold{font-family: Montserrat,sans-serif; font-weight: 700;}
.marker-cluster-large, .marker-cluster-large div, .marker-cluster-medium, .marker-cluster-medium div, .marker-cluster-small, .marker-cluster-small div {
    background-color: rgba(154,99,36,.6)!important;
}
table.summaryTblex.newUITable.nonfiltertable  tr > td:first-child{padding-right:8px;}
.table-scroll .newUITable .no-wrap-remove{white-space: normal !important;  word-break: break-word;}

/* add More */
div#addMoreButton > a {background:#707070; width:24px; height:24px; border-radius:100%; box-sizing:border-box; margin-right: 12px;
    margin-left: 12px; display: block; z-index: 0; position: relative;}
div#addMoreButton  > a .svg-icon{box-sizing: border-box; padding: 1px 0 0 1px !important;}
div#addMoreButton > a .svg-icon svg{fill:#fff !important; width:22px; height:22px}
div#addMoreButton.f-selected-button:before {content: '';
    display: block;
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 0;
    background: #f5f5f5;
    border-radius: 100%;
    left: 5px;
    top: -6px;}
	div#addMoreButton.f-selected-button > a{background-color: #0093ee;}
	div#addMoreButton .f-button-dropdown-option a {border-bottom:1px solid #e8e8e8; color:#0093ee}
div#addMoreButton .f-button-dropdown-option a:last-child{border-bottom:0;}
div#addMoreButton .f-button-dropdown-option{padding-top:0; padding-bottom:0; min-width:150px; top: 39px;}
.f-drawer-body .f-insight-card .f-card {margin: 8px 8px;  text-align: center;}
.f-drawer-body .f-insight-card .f-card:first-child{margin-left: 0;}
.f-drawer-body .f-insight-card .f-card:last-child{margin-right: 0;}
.f-drawer-body .f-insight-card .f-card .f-title{color: #9b9b9b; margin-top: 4px;}
.f-drawer-body .f-insight-card .f-card .f-count{color: #26c1c9;}
.f-details-text{font-family: Source Sans Pro,sans-serif; font-size: 16px; line-height: 26px; color: #757575;}
.f-details-text .svg-icon{fill:#757575;}
.f-icon-circle .svg-icon {width:48px;height:48px;background:#e1ebf5;border-radius:100%; display:flex;align-items: center;justify-content: center;}
.f-icon-circle .svg-icon svg{width:24px; height:24px; fill:#0093ee;}
.f-icon-circle{font-family: Source Sans Pro,sans-serif; font-size: 12px; line-height: 22px; color: #757575; text-align: center;}
.f-icon-circle > div{margin-right:24px; text-transform: uppercase; cursor: pointer;}
.icon-size-16{width: 16px; height: 16px;}
.f-margin-right-4px{margin-right: 4px;}
.f-align-vcenter{ display: flex;  align-items: center;}

/* weather */
.f-position-relative{position: relative;}
.f-weather-toggle {
	position: absolute;
	top:75px;
	z-index: 998;
	background: #fff;
	width: 26px;
	height: 26px;
	left: 10px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.62);
   }
   .f-weather-toggle svg,  .f-covid-toggle svg {opacity: .75; width: 20px; height: 20px;
    margin-top: 3px; margin-left: 2px;}
   .f-covid-toggle{ 
	position: absolute;
    top:115px;
    z-index: 998;
    background: #fff;
    width: 26px;
    height: 26px;
    left: 10px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.62);}

	.f-covid-title{
		font-family: "SourceSansPro-Regular", sans-serif;
		font-weight: 700;
		color:rgba(0,0,0,.87);
		padding:0 16px 6px;
		letter-spacing: 1px;
		background: url(covid_on-24px.svg) no-repeat 12px top;
		background-size: 16px 16px;
		padding-left: 34px;
		font-size: 12px;
		position: relative;
	   padding-right: 28px;
	  }
	  .f-info-icon{ background: url(info_fill.svg) no-repeat top; 
		width: 18px;
		height: 18px;
		display: inline-block !important;
		background-size: 18px 18px;
		vertical-align: middle;
		opacity: .54;
		cursor: pointer;
		position: absolute;
		right: 8px;
		top: 0;
	
	}

	  .f-flex-row-column{ display: flex; flex-wrap:wrap; padding:0 16px;
		font-family: "SourceSansPro-Regular", sans-serif; box-shadow: inset 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
		font-weight: 700;
		letter-spacing: .5px;
	  }
	  .f-flex-row-column div{display:block; color:#757575; width:33%;  padding:6px 0; }
	  .f-flex-row-column div  span{	display: block;	font-weight: 400; font-size: 12px; }  
	 .f-flex-row-column div  p{margin:0; padding:0;}   			
	 .f-flex-row-column .f-covid-source{font-size: 10px; text-align: right; width: 100%; font-weight: normal; }
	
	 .leaflet-top.leaflet-left, .f-weather-toggle, .f-covid-toggle{z-index: 0 !important;}

	
	.add-filter-wrap .fc-drop ul{width:94%;}
	.add-filter-wrap .fc-drop ul li .optgroup{background:#ebebeb !important;margin-left:-10px;margin-right:-10px;padding-left:10px;margin-bottom:8px;pointer-events: none;}
	.add-filter-wrap .fc-drop ul li .optgroup span{
			margin:0px;
			color: #9b9b9b;
			font-family: Source Sans Pro,sans-serif;
			font-size: 14px;
			font-weight: 700;
			text-transform: uppercase;
			pointer-events: none;
			cursor: default;
			padding-left: 0;
			}
	.add-filter-wrap .fc-drop ul li.group:first-child{padding:0;}
	.add-filter-wrap .fc-drop ul li .optgroup span:after{display: none;}

	.click-disable{pointer-events: none;}
	
	.f-chip-wrapper .f-chip-inner-wrap.andOprater{margin-right: 8px !important;}
	 .f-chip-wrapper .f-chip-inner-wrap.andOprater .f-and-text{display: none;}
	 .f-chip-inner-wrap{position: relative; margin-left: 16px !important;  margin-right: 16px !important;}
	 .f-saved-chip:first-child .f-chip-inner-wrap{margin-left: 0 !important; }
	 .f-and-text {
		position: absolute;
		left: -28px;
        top: 11px;
		font-family: Source Sans Pro,sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #757575!important;
		z-index: 0;
	}
		.f-and-text span{margin-top:8px;}


	.f-saved-chip.removeOprater {z-index: 1 !important;	}
	.f-saved-chip.removeOprater .f-chip-inner-wrap:after{content:'';position:absolute;top:4px; bottom:4px;z-index:111;width: 6px;height:40px;background: #F6F6F8;right: -6px;}
	.f-chip-wrapper .f-saved-chip.removeOprater > .f-chip-inner-wrap:first-child{margin-right: -25px !important;}
	.f-chip-wrapper .f-saved-chip.removeOprater > .f-chip-inner-wrap > .grid-row{background:#e4e4e4!important; border-radius: 4px;} 
	.f-saved-chip.f-chip-inner-wrap{
		/* pointer-events: none; */
			background: transparent !important;
			margin: 0  16px 0 0 !important;
	}
	.f-saved-chip.f-chip-inner-wrap .f-chip-inner-wrap{margin-right: 0 !important;}
	.f-icon-24px{
		display: inline-block;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		opacity: .54;
	}
	.f-more-segment {position:relative;}
	.f-more-segment .input-field-wrap{position:absolute; top:0; width:100%; background:#fff; z-index:999;}
	.f-more-segment .input-field-wrap .fc-drop.bottom {
		top: -14px !important;
		width: 200px !important;
	}

	.f-add-view {
		height: 62px;
		box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 0%), 0 4px 4px 0px rgb(0 0 0 / 5%), 0 1px 10px 0 rgb(0 0 0 / 0%);
		border-bottom: 1px solid rgba(155, 155, 155, .5);
		align-items: center;
		background-color: #fff;
		display: flex;
		padding: 0 16px 0 20px;
		cursor: pointer;
		background-image: url(add-view-shadow.png);
		background-repeat: no-repeat;
		position: relative;
	}
	.f-button-dropdown:after{
		display: none;
	}
	.f-button-dropdown-option {
		position: absolute;
		top: 102%;
		left: inherit;
		right: 0;
		min-width: 235px;
		background: #fff;
		box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
		z-index: 2;
		border-radius: 4px;
		padding-bottom: 0;
	}
	.f-button-dropdown.f-save-view .f-button-dropdown-option .f-view-cat {
		width: 110px;
		padding-right: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		font-family: Montserrat,sans-serif;
		font-size: 14px;
		color: rgba(0,0,0,.87) !important;
		text-align: left;
		line-height: 48px;
		padding: 0 16px;
		white-space: nowrap;
		text-transform: none;
		font-weight: 600;
		cursor: default !important;
	}
	.f-align-item {
		align-items: center;
	}
	.f-button-dropdown.f-save-view .f-button-dropdown-option a.f-view-name {
		/* width: 110px; */
		padding-right: 0;
		padding-left: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		/* display: inline-block;*/
		 display: block;
		 width: 100%;
	}
	.f-button-dropdown.f-save-view .f-button-dropdown-option img {
		display: none;
		margin: 0 3px;
	}
	.f-button-dropdown-option a {
		font-family: Source Sans Pro,sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: rgba(0,0,0,.87) !important;
		display: block;
		text-align: left;
		line-height: 40px;
		padding: 0 16px;
		white-space: nowrap;
		text-transform: none;
	}
	.f-button-dropdown.f-save-view .f-button-dropdown-option .f-flex:hover {
		background-color: #f5f5f5;
	}
	.f-button-dropdown.f-save-view .f-button-dropdown-option .f-flex:hover img {
		display: block;
	}
	.f-button-dropdown-option a:hover {
		background: rgb(245 245 245);
		text-decoration: none;
	}
	.f-slide-drawer-width-700 {
		max-width: 700px !important;
	}
	.f-form-field-container {
		margin: 0 16px 24px 16px;
	}
	.fc--input-ctrl.fc--element-active .fc--input-label {
		transform: translateY(-11px) scale(.75) perspective(100px) translateZ(.001px);
		-ms-transform: translateY(-11px) scale(.75);
	}
	.fc--text-align-right {
		text-align: right;
	}
	.fc--hint {
		color: rgba(0,0,0,.54);
		font-size: 12px!important;
		display: block;
		margin-top: 10px;
		font-family: "Source Sans Pro",sans-serif;
	}
	.f-form-field-label {
		font-family: 'Montserrat', sans-serif;
		font-size: .75em;
		color: rgba(0,0,0,.54);
		margin-bottom: 8px;
		letter-spacing: 0.25px;
	}
	.f-drawer-header img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 6px;
		opacity: .54;
	}
	.f-save-view-but.f-cm_button_action.f-button-dropdown {
		padding: 11px 40px 11px 23px !important;
		line-height: 20px !important;
	}
	.f-save-view-but.f-button-dropdown.f-button-dropdown-blue::before {
		content: "";
		width: 20px;
		position: absolute;
		background: url(keyboard_arrow_down_blue.svg) no-repeat center !important;
		top: 0;
		right: 16px;
		bottom: 0;
}
.f-save-view-but.f-button-dropdown {
    position: relative;
    padding-right: 40px;
    display: inline-block;
    min-height: 42px;
    box-sizing: border-box;
}
.f-save-view-but .f-button-dropdown-option {
    min-width: 100%;
}
.fc--alert-popup-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.32);
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 5;
}
.fc--alert-popup-container .fc--alert-popup {
    border-radius: 4px;
    overflow: hidden;
}
.fc--alert-popup-container .fc--alert-popup {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
    width: 600px;
    margin: auto;
    background: #fff;
}
.fc--alert-popup-container .fc--alert-popup.fc--info-popup .fc--alert-header {
    background-color: #4a90e2 !important;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-header {
    background-color: #d0021b;
    text-align: left;
    padding: 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: 1.6px;
    color: #fff;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-header .fc--close-alert {
    width: 40px;
    height: 40px;
    padding-top: 8px;
    padding-left: 8px;
    cursor: pointer;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-header .fc--close-alert svg {
    width: 24px;
    height: 24px;
    padding: 0;
    fill: #fff;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-header > svg {
    width: 120px;
    height: 120px;
    fill: #fff;
    display: block;
    padding: 8px 0 0;
    margin: auto;
}
.fc--flex-v-center {
    -ms-flex-item-align: center;
    align-self: center;
}
.fc--flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.fc--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fc--alert-popup-container .fc--alert-popup.fc--info-popup .fc--alert-body {
    color: rgba(0,0,0,.87) !important;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-body {
    color: #d0021b;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    padding: 24px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    max-height: calc(90vh - 240px - 90px);
    min-height: 70px;
    overflow: auto;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer {
    padding: 24px;
    text-align: right;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button:nth-child(1) {
    background: #fff;
    border-width: 0;
    margin-right: 32px;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button.fc--button-border.f-button-blue-new {
    color: #0093ee !important;
    height: 40px !important;
    font-weight: 600 !important;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button:hover {
    background: rgba(0,0,0, .04) !important;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button {
    border-radius: 4px;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button {
    border: 1px solid;
    padding: 11px 23px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    background-color: #fafafa;
    border-color: #ccc;
    min-width: 110px;
    color: rgba(0,0,0,.54);
    cursor: pointer;
    outline: 0;
}
.fc--input-ctrl.fc--element-active .fc--input-label {
    transform: translateY(-11px) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-11px) scale(.75);
}
.f-slide-drawer.open {
    display: flex !important;
}
.f-heading-text {
    font-size: 14px;
    font-family: Source Sans Pro;
    color: #373a3c;
    line-height: 20px;
    padding: 40px 16px;
}
.f-clickable-tab {
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
}
.f-clickable-tab button.active {
    font-weight: 700;
    color: #0093ee;
    border-bottom: 2px solid #0093ee;
}
.f-clickable-tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    height: 52px;
    width: 50%;
    font-family: Montserrat, sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .25px !important;
    color: rgba(0,0,0,.5);
    white-space: nowrap;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 2px solid #fff;
}
.fc--progress-bar-container {
    position: relative;
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
    height: 8px;
    background-color: #E0E0E0;
    border-radius: 8px;
}
.fc--progress-bar-container .fc--progress-bar-current {
    width: 50%;
    border-radius: 8px;
    height: 100%;
    display: block;
    background: rgb(39, 180, 84);
    transition: 0.2s linear;
}
table.summaryTblex.newUITable.nonfiltertable tr > td:first-child {
    padding-right: 8px;
}
.f-sourcesanspro-12px {
    color: #757575;
    font-family: Source Sans Pro;
    font-size: 12px;
}
.cofigure-multilist optgroup{
	background: #cecece;
    color: #68696a;
    padding: 5px 0 0 0px;
    width: 255px;
    position: relative;
    left: -8px;
}
.cofigure-multilist option{
	background: whitesmoke;
}
#footermiddleTable {
    background-image: url(../images/botBg.png);
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 36px;
}
.botpopTBg {
    background-image: url(../images/botpopTBg.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 10px;
    width: 11px;
}
.quLinks {
    color: #FFFFFF;
    font-family: Montserrat-Bold;
    font-size: 14px;
    font-weight: bold;
    padding-left: 8px;
    padding-top: 5px;
}
a.btn31yellow {
    background-image: url(../images/btn31Left.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 20px;
    padding: 0 0 0 11px;
    text-decoration: none;
}
.botpopLbg {
    background-image: url(../images/botpopLbg.png);
    background-repeat: repeat-y;
    background-position: left top;
    width: 10px;
}
.botpopRbg {
    background-image: url(../images/botpopRbg.png);
    background-repeat: repeat;
    background-position: left bottom;
    height: 17px;
    width: 11px;
}
#scrollerNotifications {
    position: relative;
    left: 0px;
    top: 5px;
    width: 100%;
    height: 300px;
    clip: rect(0 770 300 0);
    overflow: hidden;
}
a.btn31yellow span {
    font-family: SourceSansPro-Regular;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-image: url(../images/btn31right.png);
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 11px 0 0;
}
#scrollerNotifications #containerNotifications {
    position: absolute;
    top: 10px;
    width: 100%;
    height: 300px;
    clip: rect(0 730 300 0);
    overflow: hidden;
}
#scrollerNotifications #contentNotifications {
    position: absolute;
    width: 98%;
}
.notifs td {
    padding: 8px 5px 8px 5px;
    line-height: 18px;
    border-bottom: 1px solid #ecebeb;
}

[data-title] {
    position: relative;
}
[data-title]:after {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    right: 0;
    padding: 6px 8px;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    width: fit-content;
    background-color: rgba(97,97,97,.9);
    border-radius: 4px;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    text-align: left;
    text-transform: initial !important;
    line-height: normal;
}
[data-title]:hover:after {
    opacity: 1;
    visibility: visible;
}
.f-status-completed, .f-status-cancelled, .f-status-failed {
    line-height: 22px;
    background-color: #757575;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    width: 100%;
}
.f-status-completed {
    background-color: #5da93f;
}
.f-status-cancelled {
    background-color: #f68b3e;
}
.f-status-failed {
    background-color: #f55c58;
}