@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;
}

.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;
	text-align: left;
}

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;
}

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;
}
.f-mail-btn {
	background-image: url(mail-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-bottom-16px {
	padding-bottom: 16px;
}
.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 {
		font-family: "Source Sans Pro", sans-serif !important;
		text-align: right;
		color: rgba(0,0,0,.54);
		font-size: 12px!important;
		display: block;
		margin-top: 4px;
	}

.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;}
.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, .f-mail-btn {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 0px;
	font-size: 14px;
	margin-left: 16px;
}
.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: 290px;
		max-width: 290px;
		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;
	}
	.f-chip-inner-wrap .f-label-value{font-weight: 400 !important; font-size: 12px;
		padding-bottom: 2px; color: #9b9b9b!important;}
	.f-chip-inner-wrap  .f-manage-filed .f-label-value {margin-top: 30px;}
	.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 .f-list-disabled { pointer-events: none;   opacity: .56;}
.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;}
/* dropdown Group css for custom filter */

.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 !important;
}
.add-filter-wrap .fc-drop [type="radio"] + span {
	margin-top: -8px;
	padding: 15px 0px 15px 0px;
}
.add-filter-wrap .fc-drop [type="radio"] + span:before{
display: none;
}
.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;}

/* 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;
	z-index: 4;
}
.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: 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;
}
/*  */

/* status dropdown */
.f-button-dropdown-wrap{display:inline-block; position: relative;}
.f-button-dropdown-wrap .f-button-dropdown-option{display: none;}
.f-button-dropdown-wrap.open-option .f-button-dropdown-option{display: block;}
.f-button-dropdown-wrap .f-cm_button_action{padding-right: 14px !important;}
.f-button-dropdown-wrap .f-cm_button_action:after{content:''; display:inline-block;background:url(keyboard_arrow_down_blue.svg) no-repeat;
	width: 20px; height: 20px; vertical-align: middle;     margin-left: 8px; }


	table.summaryTblex.newUITable.f-whitespace-remove tr .thead.headText12b {white-space:nowrap !important;}
	.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;}

	 .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-chip-inner-wrap.click-disable{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.click-disable:first-child{margin-right: -25px !important;}
	.f-chip-wrapper .f-saved-chip.removeOprater > .f-chip-inner-wrap.click-disable > .grid-row{background:#e4e4e4!important; border-radius: 4;} 
	.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;}



/* dropdown Group css for custom filter */

	.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;
	}

/* new navigation with more */
	.f-more-menu {
		display: inline-block;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		cursor: pointer;
		opacity: .54;
	}

	.f-dropdown-menu {
		position: absolute;
		top: 40px;
		right: 0;
		z-index: 1000;
		display: none;
		min-width: 400px;		
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
				background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
				box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		max-height: 77vh;
		min-height: 320px;
	  }


	  .f-dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	  }
	 
	 
	  .f-nav-loading{opacity: 0; height: 20px; overflow: hidden;}
	  .f-nav-loading.f-show-navigation{opacity: 1; height: auto; overflow: visible;}
	  .f-nav-wrap {
		padding-left: 0;
		list-style: none;
		width: 100%;
		text-align: right;
		bottom: -12px;
		position: relative;
		display: flex;
		justify-content: flex-end;
		
	  }
	  .f-nav-wrap>li {
		  position: relative;
		  /* display: block; */
	  }
	  .f-nav-wrap li[style="display: none;"]{display: none;}
	  .f-nav-wrap > li > a {
		position: relative;
		display: block;
		color: rgba(0,0,0,.5);
		font-family: Montserrat,sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 14px;
		position: relative;
		white-space: nowrap;
		padding: 0 24px;
		line-height: 36px;
		outline: 0;
		height: 52px;
		border-bottom: 2px solid transparent;
		box-sizing: border-box;
		margin-top: -4px;
	  }
	  .f-nav-wrap > li > a.f-dropdown-toggle{height: 44px !important;}
	  .f-nav-wrap > li > a:hover{
		  text-decoration: none;
	  }
	 
	  .f-nav-wrap > li.active > a{
		color: #0093ee;
		font-weight: 700;
		border-bottom: 2px solid #0093ee;
	  }

	  .f-nav-wrap  li.submenu-active > a{
		font-weight: 700 !important;
	  }
	  .f-nav-wrap  li.submenu-active  {
		background: rgba(0,0,0,.04);
	  }

	  .f-nav-tabs > li {
		display: inline-block;
	  }
	  .f-dropdown-list.open .f-dropdown-menu{
		display: flex;
		flex-direction: column;
		z-index: 9;
		padding: 0;
		margin: 0;
	  }
		 

	  .f-dropdown-menu ul{padding: 5px 0; margin: 2px 0 0; list-style: none; flex:1; overflow:auto; min-height: 250px;}
	  .f-dropdown-search input {width:calc(100% - 24px); box-sizing:border-box; padding:8px 26px 8px 8px; margin:12px; background: #fff url(sIcon.png) no-repeat 364px center;
		border: none; font-size:14px; border:0; border-bottom:#d7d7d7 1px solid; }
	.f-dropdown-search input:focus{border-bottom:#0093ee 2px solid; outline: 0;}
	.f-dropdown-search{
		box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	}
	.f-dropdown-menu ul li a{
		font-size: 14px;	
		font-weight: 600;
		color: #0093ee;
		padding:12px 12px ;
		font-family: Source Sans Pro, sans-serif;
		flex:1;
		margin-right: 16px;
	}
	.f-dropdown-menu ul li a:hover{text-decoration: none;}
	.f-dropdown-menu ul li{ display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.5);}
	.f-dropdown-menu ul li:hover{background: rgba(0,0,0,.04);}
	.f-dropdown-menu ul li .svg-icon{margin-right: 16px; cursor: pointer;}
	.f-dropdown-menu ul li .svg-icon svg{width:24px; height: 24px; fill: #757575;}
	.f-dropdown-menu ul li.f-listed-menu .f-pin-unfill{display: none; }
	.f-dropdown-menu ul li.f-listed-menu .f-pin-fill{display: inline-flex;}
	.f-dropdown-menu ul li .f-pin-unfill{display: inline-flex; }
	.f-dropdown-menu ul li .f-pin-fill{display: none;}

	/* .f-dropdown-menu ul li.f-listed-menu,  */
	.f-dropdown-menu ul li.active{background: rgba(0, 0, 0, 0.1);}
	/* .f-dropdown-menu ul li.f-listed-menu a{}  */
	.f-dropdown-menu ul li.active a{font-weight: 700;}
	.f-nav-wrap.f-nav-tabs > li.f-listed-menu .svg-icon{display: none !important;}
	
	.f-no-search-result {text-align: center; padding-top: 10%; font-size: 14px; color: #757575;	 font-family: Source Sans Pro, sans-serif;}
	.f-nav-wrap.f-nav-tabs .f-dropdown-list{order:1; margin-left: 12px;}
	.f-dropdown-list.open .f-dropdown-toggle .svg-icon,
	.f-multilevel-dd.open > a > .svg-icon
	{transform: rotate(180deg);}
	.f-nav-wrap.f-nav-tabs .f-dropdown-list.open .f-dropdown-menu{z-index: 100000;}
	.f-dropdown-menu ul li[data-default="true"] .svg-icon {	pointer-events: none; cursor: default !important;}

    .overlay-dropdown{position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 10000;  }
	body.f-body-overflow-hidden{overflow: hidden;}
	.f-pointer{cursor: pointer;}


	.f-and-text{left:inherit !important; right: -28px !important;}
	.f-chip-inner-wrap{
		margin-left: -4px !important; margin-right: 36px !important;    
	   }
	.add-filter-wrap{
		  margin-left: 0px !important;
		 margin-right: 8px !important; 
		 
	 }
	 .f-empty-filter {
	   width: 1px;
	   background: #f6f6f6;
	   margin-left: -34px !important;
	   height: 42px;
	   position: relative;
	 }
	 .f-empty-filter:before{content:''; display:block; height:40px; width:30px; background:#f6f6f6;position:absolute;}
	.grid-row.f-custom-filter .f-empty-filter{ margin-left: -13px !important;}










	.f-search-small{position: relative; width: 40px; overflow: hidden;  height: 44px; bottom: -6px;}
	.f-search-small > table{border: 1px solid transparent;}
	.f-search-small input{width: 36px; margin-right: -36px; position: relative; z-index: 1; color:transparent; cursor: pointer;}
	.f-search-small.in-large-input{overflow: visible;  border-color: transparent;border-radius: 0; font-size: 14px;  	}
	.f-search-small.in-large-input > table{width: 250px; position: absolute; right:0; top:0; bottom:0;     z-index: 1;
		background: #fff; border: 1px solid #cdcdcd;border-radius: 4px;
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
	
	}
	.f-search-small.in-large-input input{width: 95% !important; margin-right: 8px; color: #4a4a4a; cursor: unset;}

	.f-search-small input::placeholder { 
		opacity: 0; 
		color: transparent;
	  }
	  .f-search-small input:-ms-input-placeholder { 
		opacity: 0;
		color: transparent;
	  }
	  .f-search-small input::-ms-input-placeholder {
		opacity: 0;
		color: transparent;
	  }

	  .f-search-small.in-large-input input::placeholder { 
		opacity: 1; 
		color: #757575;
	  }
	  .f-search-small.in-large-input input:-ms-input-placeholder { 
		opacity: 1;
		color: #757575;
	  }
	  .f-search-small.in-large-input input::-ms-input-placeholder {
		opacity: 1;
		color: #757575;
	  }


	  .flex-width-30 {
		width: 30%;
	}
	.f-flex-row .flex-2.margin-left{margin-left: 24px;}

	.f-sm-card-multiline{flex-wrap: wrap; margin-left:-8px; margin-right:-8px}
.f-sm-card-multiline .f-card{min-width:30%; margin:8px 8px;}
.f-sm-card-multiline .f-card:first-child{margin-left:8px}
.f-sm-card-multiline .f-card:last-child{margin-right:8px}
.f-sm-card-multiline .f-card:after{display: none;}
.f-accordion-title-fill  .accordion-wrap:after{display: none;}
.f-accordion-title-fill .accordion-hide.accordion-wrap:after{display: block !important; margin-left: 0; width: 100%;}

.f-accordion-title-fill .f-shadows-card .accordion-wrap:last-child .f-card-style{margin-bottom:0;}
.f-accordion-title-fill .f-shadows-card {padding-bottom:0 !important;}
.f-accordion-title-fill .f-shadows-card .f-card-title-grey{color: #9b9b9b;}
.flex-width-25{width: 25%;}






/* 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 !important}
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; left:initial; right:0;}




.f-padding-0{padding: 0;}
.f-no-shadow{box-shadow: none;}
#columnRight .summaryTblex td.thead{padding-left: 10px;}
.table-scroll table.summaryTblex.newUITable.f-last-align-left tr td:last-child{text-align: left !important;}
/* div#columnRight .f-flex-row.f-align-item{margin-top:24px} */
/* div#columnRight .f-flex-row.f-align-item:first-child{margin-top:12px} */
div#columnRight .sm-button-link {
	background-color: #fafafa;
    border-color: #ccc !important;
    font-family: Montserrat, sans-serif!important;
    color: #0093ee!important;
    line-height: 12px!important;
    font-weight: 600!important;
    padding: 2px 8px!important;
    height: 26px!important;
    font-size: 12px;
    border: 1px solid;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
}

.f-dropdown-single-select{
    padding:10px;
    background:#fff;
    border-color:#ccc !important
}
a.f-dropdown-toggle.f-cm_button_action {display: inline-block; border-width: 1px;line-height: 29px !important;box-sizing: border-box; padding: 7px 16px!important;
	padding-right: 36px !important;
}
a.f-dropdown-toggle.f-cm_button_action .svg-icon {width:24px;height:24px;position: absolute;top: 9px;right: 8px;} 
a.f-dropdown-toggle.f-cm_button_action .svg-icon svg{fill:#0093ee;}

.f-overlay-menu {position: fixed; top: 0; left:0; right:0; bottom:0;}
.f-selected-button {z-index: 9999;}
#colorbox, #cboxOverlay, #cboxWrapper{z-index: 9999999 !important; }
.zindex-remove{z-index: 1;}
.f-form-wrapper-1000{max-width: 1000px; margin: auto;}
.f-form-wrapper-1000 .ms-choice, .f-form-wrapper-1000 .multiList, .f-form-wrapper-1000 .fTextBox, .f-form-wrapper-1000 .fTextBoxDate{background:#fff; border-color:#d7d7d7;}
.f-form-wrapper-1000  .summaryTbl .bText12{font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px !important; color: #4a4a4a !important}
.f-form-wrapper-1000  .summaryTbl .bText12 a{font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px !important;}
.f-form-wrapper-1000 .f-card-style table tr:last-child td{padding-right:6px;}

.f-form-wrapper-1000 .selectize-input {
	font-family: SourceSansPro-Regular;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    background-color: #ffffff;
    padding: 5px 4px 5px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	outline: none;
	height: 18px;
}



.fc--picture-thumb {
	display: inline-block;
    vertical-align: middle;
	margin-right: 16px;
	height: 45px;
	overflow: hidden;
}
.fc--picture-thumb img {
	width: 60px;
}
.fc--documents-icon {
	background-repeat: no-repeat;
	/* background: url(word-doc-icon.png) no-repeat; */
	padding: 1px 0 0 24px;
}
.fc--documents-icon[data-file$=".doc"] {
	background-image: url(word-doc-icon.png);
}
.fc--documents-icon[data-file$=".xls"] {
	background-image: url(xls-icon.png);
}
.fc--documents-icon[data-file$=".ppt"] {
	background-image: url(ppt-icon.png);
}
.fc--documents-icon[data-file$=".pdf"] {
	background-image: url(pdf-icon.png);
}
.fc--table-layout-fixed {
	table-layout: fixed;
}

.f-table-data tr > td{padding-bottom:8px; white-space: normal;}
.f-table-data .f-label-value tr > td{padding-bottom: 0px;}
.f-form-fields tr > td{padding-bottom:16px;}
.f-form-fields .f-label-value tr > td{padding-bottom: 0px;}
.f-form-fields .f-label-value table td input{width: 100%; box-sizing: border-box;}
.f-form-fields tr > td.bText12{	font-family: 'Source Sans Pro', sans-serif;}
.f-form-fields tr > td.bText12b{font-family: Montserrat,sans-serif!important;}
.f-label-text{
	color: #4a4a4a !important;
    font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top:4px; padding-bottom: 4px;
}
.f-label-value{
	font-family: 'Source Sans Pro', sans-serif;
    color: rgba(0, 0, 0, .87) !important;
    font-size: 14px;
	font-weight: 700;
	padding-top:4px; padding-bottom: 4px;
}
.f-label-value a{
	color: #0093ee!important;
}
.f-form-fields .fTextBox, .f-form-fields .fTextBoxDate{background-color: #fff !important;}
.f-form-fields .fTextBox{width:90%;}
input[readonly].fTextBox {
    color: rgba(55,58,60,.54);
    border-color: rgb(146 148 150 / 38%) !important;
    cursor: default;
}
td[colspan="2"] textarea.fTextBox{width: 95%;}
.f-form-fields .multiList{width:92%; background-color: #fff !important;}
.f-form-fields .fTextBoxDate{width: 90%;}
.f-form-fields .f-calendar-icon{margin-left: -29px;}
.f-form-fields .f-label-text{
	color: #373a3c !important;
	font-family: Montserrat,sans-serif!important;
    font-size: 14px;
}
.f-form-fields .f-label-value{
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 14px;
color: #4a4a4a !important;
font-weight: 400;
}
img.f-calendar-icon {
	opacity: .54;
	margin-left: 2px;
	vertical-align: middle;
}

/* radio button */
.f-radio-wrap input[type="radio"] {
	opacity: 0;
	position: absolute;
	width: 0;
  }
  
  .f-radio-wrap label {
	  display: inline-block;
	  position: relative;
	  padding-left: 24px;
	  padding-right: 16px;
	  line-height: 20px;
  }
  
  .f-radio-wrap label:before{
	  content:''; 
	  display:inline-block; 
	  width:20px; 
	  height:20px; 
	  border:2px solid #b3b1b1; 
	  border-radius:100%; 
	  vertical-align:middle; 
	  box-sizing: border-box;
	  position:absolute;
	  left:0;
	  top:0;
  }
  
  .f-radio-wrap input[type="radio"]:checked + label:after{ 
	  content:''; 
	  display:block; 
	  background:#0093ee; 
	  position:absolute; 
	  left:5px; top: 5px;
	  width: 10px;
	  height: 10px;
	  border-radius: 100%;
	  box-sizing: border-box;
  }
  .f-radio-wrap input[type="radio"]:checked + label:before{
  border-color:#0093ee;
  }

  .f-checkbox-20{margin-left: 0;}
  .f-checkbox-20 .checkmark{border: 2px solid #b3b1b1;}
/*  */


/* New CSS */

.fc--no-recod {
	text-align: center;
}
.fc--page-no-recod {
	min-height: 70vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fc--caption {
	color: #4a4a4a;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif!important;
}
.fc--no-recod-title {
	font-family: Montserrat,sans-serif!important;
	font-weight: 700;
	color: #757575;
    font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
}

.financial-notes-row {
	padding: 16px 0;
	position: relative;
}
.financial-notes-row > table {
	position: relative;
	z-index: 2;
}
.financial-notes-row > .delete-financial-notes-row {
	z-index: 3;
}
.financial-notes-row:after {
	content: '';
    position: absolute;
    top: 12px;
    left: -8px;
    right: 0;
	/* display: none; */
	border-style: solid;
	border-color: #d7d7d7;
	border-width: 1px 0 0 0;
    bottom: 5px;
}
.financial-notes-row:hover:after {
	/* display: block; */
	border-width: 1px;
}
.financial-notes-row:hover .delete-financial-notes-row {
	display: block;
}
.delete-financial-notes-row {
	background: url(close-icon.png) no-repeat center;
	background-size: 10px;
    width: 26px;
    height: 26px;
    border: solid 1px #ccc;
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 7px;
	border-radius: 100%;
	display: none;
}





.sm_seperator_no_action {
	pointer-events: none;
}
.sm_seperator_no_action:after {
	display: none;
}


.f-padding-left-16px {
	padding-left: 16px;
}
.f-card-title-secondary{ color: #9b9b9b;}
.bText12btheme, a.bText12lnk{color: #417ed9 !important;}
.f-avtar-list .f-title-14px{font-weight: 600; font-family: 'Source Sans Pro', sans-serif!important; padding-bottom: 4px;
    display: inline-block;}
.f-avtar-list .f-flex-row{align-items: unset !important; word-break: break-word;}
.f-avtar-list .f-small-icon{
    background-color: #26c1c9 !important;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
    opacity:1 !important;
    font-size: 14px;
    height: 36px !important;
    line-height: 36px;
    width: 36px !important;
}
.f-avtar-list .upload-photo{cursor: pointer;}
#cboxTitle{display: none !important;}
.flex-align-center{align-items: center;}
.font-weight-400{font-weight: 400 !important;}

/* menu */
/* 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-thumbnail-image img{width: 36px; height: 36px; border-radius: 100%;}
table.f-footer-fixed {
    position: fixed;
    right: 30px;
    z-index: 99999;
    bottom: 0;
    background: #fff;
	padding:12px 12px 8px 12px;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
}
table.f-footer-fixed.f-remove-fixed{box-shadow: none; position: initial; right: unset; bottom: unset; padding:0; background:transparent; }
.f-footer-fixed-wrap{min-height: 66px; margin-top: 24px;}
.f-icon-24 svg{width: 24px; height: 24px;}


.f-icon-circle .svg-icon {width:40px;height:40px;background:#e1ebf5;border-radius:100%; margin-bottom: 4px; margin:0 auto 4px; 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-icon-margin-16 > div{margin-right: 16px; flex:1; line-height: 14px; white-space: normal;}
.f-icon-margin-16 > div:last-child{margin-right: 0;}
.f--add-more ul li a{font-size: 14px;     color: rgba(0, 0, 0, .87) !important;    font-family: SourceSansPro-Regular, sans-serif;
	font-weight: normal !important; text-transform: initial;}
	.f--add-more ul	{right: -10px !important;  top: 10px !important;}


.f-nav-wrap.f-nav-tabs > li.f-listed-menu > a > .svg-icon{
	display: inline-block !important;
    width: 24px;
    height: 24px;
	vertical-align: middle;
}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > a > .svg-icon svg{fill: #9b9b9b;}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu.active > a > .svg-icon svg, .f-nav-wrap.f-nav-tabs > li.f-listed-menu.open > a > .svg-icon svg{fill:#0093ee}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu.active > a > .svg-icon svg, .f-nav-wrap.f-nav-tabs > li.f-listed-menu.open > a{color:#0093ee;}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu.open > .f-second-level-dd{display: block !important;}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd {
    position: absolute;   
    width: 250px;
	max-height: 300px;
	margin-left: -8px;
    text-align: left;
    background:#fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	z-index:99999;
	overflow-y: auto;
}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd ul{
    list-style:none;

}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd ul li{
	border-bottom: 1px solid rgba(255,255,255,.5);
}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd ul li a{
	font-size: 14px;
	font-weight: 600;
	color: #0093ee;
	padding: 12px 12px;
	font-family: Source Sans Pro, sans-serif;
	display: block;
	text-decoration: none;
   
}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd ul li a:hover{
	background-color: #f5f5f5;
}
.f-nav-wrap.f-nav-tabs > li.f-listed-menu > .f-second-level-dd ul li.active a{
	background: rgba(0, 0, 0, 0.1);
}
.f-dropdown-list .f-multilevel-dd.open{
    flex-wrap: wrap;
}
.f-dropdown-list .f-multilevel-dd.open .f-second-level-dd{
    display:block !important;
    width:100%;
    padding-bottom:0;
   
}
.f-dropdown-list .f-multilevel-dd.open .f-second-level-dd ul{
    min-height:10px !important; 
    background:#fff;
    padding-top:0px !important;
    padding-bottom:0 !important;
}
.f-dropdown-list .f-multilevel-dd.open .f-second-level-dd li{border:0;}
.f-dropdown-list .f-multilevel-dd.open .f-second-level-dd a{font-weight:600; padding-left:30px;}
.f-dropdown-list .f-multilevel-dd > a .svg-icon{
    display:inline-flex !important;
    position: absolute;
    right: -30px;
    margin-top:-4px;
    }
  .f-dropdown-list .f-multilevel-dd > a{
      position:relative; 
      }


	  /* center summary */
	  .table-scroll .summaryTblex td.thead{background: #ebebeb !important;
		height: 52px;
		text-transform: uppercase;}
		.table-scroll .summaryTblex td.thead{
			color: #9b9b9b!important;
		}
		.table-scroll .summaryTblex td.trainingInprogressCourse, .table-scroll .summaryTblex td.noRecord, .table-scroll .summaryTblex td.trainingCompletedCourse {
			background:#fff !important;
			border:0 !important;
			border-bottom: 1px solid #e6e6e6 !important;
		}
		div#columnRight td.bText12 b{font-weight:700;  font-family: 'Source Sans Pro', sans-serif!important;}
		div#columnRight td.bText16b{font-family: 'Source Sans Pro', sans-serif!important; font-size: 16px;}
		.newUITable td .f-badage.f-not-completed {
			background-color: #EEDDCC;
		}

		.f-table-data-horizontal tr td{padding: 10px 0px 10px 10px; border-bottom:0; white-space: normal;}
		.f-table-data-horizontal tr td.bText12b{font-family: 'Source Sans Pro', sans-serif!important; font-size: 14px;}
		.f-table-data-horizontal tr td.bText12, .f-table-data-horizontal tr td.bText12 a, .f-table-data-horizontal tr td.bText12 a:hover{font-family: 'Source Sans Pro', sans-serif!important; font-size: 14px !important; font-weight:700;}
		.fc--remove-document {
			background: url(close-icon.png) no-repeat center;
			background-size: 10px;
			width: 30px;
			height: 30px;
			border: solid 1px #ccc;
			border-radius: 3px;
			cursor: pointer;
		}
		.fc--add-document{
			background: url(add-icon.png) no-repeat center;
			width: 30px;
			height: 30px;
			border: solid 1px #ccc;
			border-radius: 3px;
			background-size: 12px;
			cursor: pointer;
		}
		#documentTable tr:last-child .fc--document-action .fc--add-document {
			display: block;
		}
		#documentTable tr .fc--document-action .fc--add-document, #documentTable tr:last-child .fc--document-action .fc--remove-document {
			display: none;
		}


		.f-add-document .form-ctrl-100{width: 95%;}


		.f-show-navigation.f-header-fixed{
			position: fixed;
			right: 30px;
			z-index: 99;
			top: 56px;
			background: #fff;
			padding: 16px 12px 8px 12px;
			box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
			box-sizing: border-box;

		}
		.f-show-navigation.f-header-fixed > ul > li.f-listed-menu{display: none !important;}
		.f-show-navigation.f-header-fixed  .f-nav-wrap{bottom: 0;}


		
		#fixedTopWrapper{height:44px;}

		.table-scroll.f-no-shadow #documentSummary .tb_sub_hdr_fim_lib{
			line-height: 18px;
    font-family: Montserrat, sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    color: #4a4a4a !important;
    padding-left:10px !important;
	text-transform: uppercase;
	height: 30px;
		}

		#documentSummary tr{background: #f5f5f5 !important;}

.summaryTbl.f-form-fields tr td{border-bottom: 0 !important;}
.summaryTbl.f-form-fields tr td .fTextBoxDate{width: 140px;}
.summaryTbl.f-form-fields tr td table td{padding-top:0; padding-bottom:0;}
table.f--datepicker-wrap td {width:0;}
table.f--datepicker-wrap td:first-child{width:100%;}
table.f--datepicker-wrap td .fTextBoxDate{width: 91% !important;}
table.f--datepicker-wrap td .f-calendar-icon{
	margin-left: -40px
}
.f-form-fields .multiList{width: 94%;}
.f-form-fields td[colspan="3"] textarea.fTextBox {
    width: 97%;
}
.f-form-fields td[colspan="3"] input.fTextBox{
	width: 97%;
}
.summaryTbl.f-table-data.f-form-fields td.bText12{font-size: 14px !important; }

/* wizard-stapper */
.wizard-container{margin-top:16px; 	box-shadow: 0px 3px 2px 1px rgb(0 0 0 / 5%);  border-radius: 20px; background:#fff} 
.wizard-container ul {list-style:none; margin:0; display:flex; overflow-y: hidden; 
   }
.wizard-container ul li{display:flex;  align-items: center;  font-family: Montserrat,sans-serif;  
	font-weight: 600; font-size: 14px; white-space: nowrap;
	background: #ffffff;
	padding: 10px;
	justify-content: center;
	position: relative;
	padding-right: 20px;
	color: rgba(0,0,0,.5);
	line-height: 16px;
	cursor: pointer;
	padding-left: 36px;
}

.wizard-container ul li .wizard-title:after{
	content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    z-index: 2;
}
.wizard-container ul li .wizard-title:before{
	content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    margin-left: 2px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eeeeee;
    z-index: 1;
}



.wizard-container{overflow: auto;}
.wizard-container ul li:first-child{border-radius: 20px 0px 0px 20px;}
.wizard-container ul li:last-child{border-radius: 0px 20px 20px 0px ;}
.wizard-container ul li:last-child .wizard-title:after, .wizard-container ul li:last-child .wizard-title:before{display: none;}
.wizard-count { margin-right: 8px; padding: 4px 4px; box-sizing: border-box; height: 24px;  background: #f6f6f6;  border-radius: 100%;  width: 24px;  text-align: center;}
.active-wizard .wizard-title{ color: #0093ee;}
.active-wizard .wizard-count{ background: #0093ee; color:#fff;}
.active-wizard-green .wizard-title{ color: #5da93f;}
.active-wizard-green .wizard-count{ background: #5da93f; color:#fff;}



.f-border-bottom{border-bottom: 1px solid #f5f5f5;
	}
	
.accrodion-columnRight .accordion-wrap:after{width: 100%; margin-left:0;}
.accrodion-columnRight .accordion-wrap:after{visibility: hidden;}
.accrodion-columnRight .accordion-wrap.accordion-hide:after{visibility: visible;}
.accrodion-columnRight .f-card-style .f-card-title-grey{
color: #9b9b9b;
margin-bottom: 24px; padding-bottom: 16px;
}

.expand-collapse-button.margin-right-0{margin-right: 0;}

.important-link-fixed.f-header-fixed{
	        position: fixed;
			margin-left: -16px;
			z-index: 99;
			top: 56px;
			background: #fff;
			padding: 12px 12px 12px 12px;
			box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
			box-sizing: border-box;
}
.important-link-wrapper{min-height: 30px;}

 .accordion-wrap .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;
}
.accordion-wrap .f-badage.f-in-progress {
	background-color: #b9d7ec;
}


/* slide drawer */
.colorbox-sidedrawer #colorbox {position:fixed !important; right:0 !important; top:0 !important; bottom:0 !important; left:unset !important; 
	height:100% !important; padding-right: 0 !important;}
.colorbox-sidedrawer #cboxMiddleLeft, .colorbox-sidedrawer #cboxMiddleRight, .colorbox-sidedrawer #cboxTopLeft, 
.colorbox-sidedrawer #cboxTopCenter, .colorbox-sidedrawer #cboxTopRight, .colorbox-sidedrawer #cboxBottomLeft, 
.colorbox-sidedrawer #cboxBottomCenter, .colorbox-sidedrawer #cboxBottomRight{display:none !important;}
.colorbox-sidedrawer #cboxContent{width:100% !important; height: 100vh !important;}
.colorbox-sidedrawer #cboxLoadedContent{ top: o !important; height: 100vh !important;}
.colorbox-sidedrawer #cboxClose{display: none;}
.colorbox-sidedrawer-overlay {background-color: transparent !important;
    background-image: linear-gradient( 
180deg
 ,hsla(0,0%,84.7%,.5),hsla(0,0%,84.7%,.5)) !important;}

/* 
 */

 table.footer-cta {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
	padding: 8px 16px;
	}
	.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;
		padding:12px 0;
		margin-bottom: 12px;
	}
	.f-drawer-header .svg-icon svg {
		fill: #757575 !important;
	}
	.f-drawer-header .icon-size-24 {
		display: inline-block;
		vertical-align: middle;
		margin-right:12px;
	}
	.icon-size-24 {
		width: 24px;
		height: 24px;
	}
	.f-close-button {
		width: 24px;
		height: 24px;
		background: url(close-icon.svg) no-repeat;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		opacity: .54;
		bottom: 0;
		margin:auto;
	}
	.f-drawer-body{
		padding: 12px 24px 24px;
	}

	/* left seaction */
	.f-section-expanded{
		    transform: rotate(180deg);
			position: absolute;
			/* top: -16px;
			right: -34px;
			background: #ececec; */
			padding: 4px 0;
			/* border-radius: 6px 0 0 6px;
			box-shadow: -2px -2px 3px 1px rgb(0 0 0 / 13%); */
			cursor: pointer;
	}
	.f-section-collapse svg{  transform: rotate(180deg) !important;}
	/* .important-link-fixed.f-header-fixed .f-section-expanded{top: 1px; right: -30px;}
	.f-section-expanded svg{width:18px; height: 18px;} */
	.f-position-relative{position: relative;}
	.f-margin-right-40px{margin-right: 40px;}

.f-collapse-width .accordion-wrap, .f-collapse-width >  .f-flex-row{display:none}
.f-collapse-width .f-card-full-size{padding:8px;}
.f-collapse-width .important-link-fixed .f-flex-row{flex-direction:column;}
.f-collapse-width .important-link-fixed .f-flex-row > div > div:last-child{display: none;}
.f-collapse-width .f--add-more .f-dropdown-more div:nth-child(2){display: none;}
.f-collapse-width, .f-collapse-width .f-header-fixed{width:56px !important;}
.f-collapse-width .important-link-fixed.f-header-fixed{margin-left: -5px !important;  padding: 4px; top:59px}
/* .f-collapse-width .f-section-collapse{top: -5px; right: -26px;} */
/* .f-collapse-width .important-link-fixed.f-header-fixed .f-section-collapse{top: 10px;
	right: -22px;} */
.f-collapse-width span.f-dropdown-more:hover ul{left: 9px; right: unset;}
.f-collapse-width .f-icon-margin-16 > div{margin-top:4px !important; margin-bottom: 4px !important;}

.f-form-fields td[colspan="2"] .fTextBox {
    width: 95%;
}
.f-collapse-width{ background:#fff; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%); position: relative;} 
.f-collapse-width .important-link-fixed, .f-collapse-width .f-card-style{background:transparent !important; box-shadow: none !important; margin-top: 0px;}
.f-collapse-width .f-dropdown-more .svg-icon{margin:0;}

.send-email-fullpage #colorbox, .send-email-fullpage #cboxWrapper, .send-email-fullpage #cboxContent, .send-email-fullpage #cboxLoadedContent
 {width:100vw !important;}
 .send-email-fullpage #cboxClose{display:none !important;}
 .f-change-status button {background-color: #0093ee;  border-color: #0093ee !important; color: #fff !important;}
 .f-change-status .icon-size-24 { padding: 0;  vertical-align: middle; display: inline-block;  position: relative;}
 .f-button-dropdown-wrap .f-cm_button_action { padding: 7px 23px!important; padding-right: 14px !important;}
.f-change-status .f-cm_button_action:after{display: none;}
.f-change-status .icon-size-24 svg { fill: #fff;}
.f-change-status .f-button-dropdown-option {min-width: 190px;}
.f-change-status a{ color: rgba(0,0,0,.87) !important;}
.f-left-open .f-button-dropdown-option{left:unset; right:0;}
.f-form-fields td[colspan="2"] .multiList{width: 97%;}
.f-button-dropdown-wrap.open-option .f-button-dropdown-option{display: block !important; min-width: 160px;}
.f-show-navigation .fixed-top-header{display: none;}

.f-show-navigation.f-header-fixed{display: flex; align-items: center; justify-content: flex-end;}
.f-show-navigation.f-header-fixed .fixed-top-header{display: inline-flex; flex:1; margin-top: -2px;}
.f-show-navigation.f-header-fixed .f-nav-wrap{order: 100; width: auto;}
.grid-list-view-wrap .svg-icon{display: inline-flex; margin-right: 8px; cursor: pointer;}
.grid-list-view-wrap .f-active svg{fill:#0093ee;}
.f-button-dropdown-wrap.open-option .f-cm_button_action:after{ transform: rotate(180deg);}

/* gallery */
.f-image-gallery { flex-wrap: wrap; }
.f-image-gallery .f-card-style{min-width: 120px;
margin: 8px;
width: calc(18% - 24px);
max-width: 180px;
padding: 12px;
white-space: normal;
position: relative;
}
.f-image-gallery .f-card-style img{width:auto; height:auto; max-width:100%; max-height:140px; margin:auto;}
.f-image-gallery .photo{
margin-left: -12px;
margin-right: -12px;
margin-top: -12px;
margin-bottom: 12px;
min-height: 140px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
z-index: 0;
filter: blur(1px);
-webkit-filter: blur(1px);
opacity:0.2;
}
.f-image-gallery .photo1{
display: flex;
justify-content: center;
align-items: center;
margin-left: -12px;
margin-right: -12px;
margin-bottom: 12px;
min-height: 140px;
position: relative;
z-index: 0;
margin-top: -152px;
}

/* font */
.f-ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f-image-gallery .f-title-14px{
	font-family: Source Sans Pro, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #0093ee;
	margin-bottom: 4px;
	
}
.f-image-gallery .discription-text{
	font-family: Source Sans Pro, sans-serif;
	font-size: 14px;
	color: #757575;
}
.f-image-gallery .f-dropdown-more svg{width:24px; height: 24px; color: #757575;}
.f-image-gallery .f-dropdown-more{position: relative; z-index: 3; margin-left:8px; }
.svg-icon.f-grey svg{fill: #757575;}
.preview-document svg{position: relative; z-index: -1;}
.preview-document{position: relative; z-index: 0;}
.tools-container{
	background-color: #ebebeb !important;
}

.padding-top-38px{
	padding-top: 38px;
}
.hText18themeNew.name {
	font-size: 16px;
	padding-left: 16px;
}
.EZView-container {
	background: rgba(0,0,0,0.4);
	width: 100% !important;
	min-height: calc(100vh - 58px) !important;
	height: calc(100vh - 58px) !important;
}

iframe.content #sidenavToggle {
	display: none;
}


/* table new UX */
.f-custom-table{
	white-space: nowrap;
}
.f-custom-table tr th{
	font-family: Montserrat,sans-serif; 
	font-size: 14px;
	text-transform: uppercase;
	color: #9b9b9b!important;
	font-weight: 700;	
	height: 56px;
    letter-spacing: normal;
	line-height: 24px;
	background-color: #ebebeb !important;
	vertical-align: middle;
	text-align: left;
	padding: 0 8px;
	border-bottom: 1px solid rgba(0,0,0,.12);	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f-custom-table th a{
	color: #9b9b9b!important;
	text-decoration: none;
}
.f-custom-table tr td{
	font-family: 'Source Sans Pro', sans-serif !important;
	padding: 0 8px;
	font-size: 14px;
	color: #4a4a4a;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	height: 50px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f-custom-table tr td a{
	text-decoration: none;
	color: #0093ee !important;
}
.f-custom-table .f-link-td{text-decoration: none; color: #0093ee !important;}
.f-custom-table tr td:first-child, .f-custom-table tr th:first-child{padding-left: 24px!important;}
.f-custom-table tr td:last-child, .f-custom-table tr th:last-child{padding-right: 24px!important;}
.f-custom-table tr .f-fixed-col-left{ box-shadow: 5px 0 5px -5px rgb(0 0 0 / 12%);}
.f-custom-table tr .f-fixed-col-right{ box-shadow: -5px 0 5px -5px rgb(0 0 0 / 12%);}
.myMenu-options{min-width:120px;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%) !important;background: #fff !important;border: 0 !important;}
.myMenu-content{padding-top: 8px; padding-bottom: 8px;}
.myMenu-content span{border:0 !important; padding: 8px  16px!important;  color: rgba(0,0,0,.87) !important;}
.f-custom-table .f-sorting:after{
	content:'';
	 width: 18px;
	  height: 18px;
	  background: url(arrow_down.svg) no-repeat; 
	  display: inline-block;
	  position: absolute;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  opacity: .24;
	  transform: rotate(180deg);
	  visibility: hidden;
	}
	.f-custom-table .f-sorting{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.f-custom-table .f-sorting-down:after{
		transform: rotate(0deg);
	}
	.f-custom-table .f-sorting-up:after{visibility: visible; opacity: .54;}
	.f-custom-table .f-sorting-down:after{visibility: visible; opacity: .54;}

.f-custom-table .f-sorting:hover:after{visibility: visible;}
a.f-sorting { position: relative;  display: block;  padding-right: 20px;}
.f-raised-chip{ line-height: 22px; background-color: #757575; color: #fff;  border-radius: 2px; padding-left: 5px;
	padding-right: 5px; font-weight: 700;}
.f-raised-pending{background-color: #faca00;}
.f-raised-medium-priority{background-color: #f68b3e;}

.f-card-container  .f-flex-row{
	flex-flow: row wrap;
    box-sizing: border-box;
    display: flex;
    place-content: stretch flex-start;
    align-items: stretch;
	max-height: 100%;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: 0;
}
.f-card-container  .f-flex-row .f-flex-row{margin:0; padding: 5px 0 5px;}
.f-card-container .f-flex-row .f-card-wrap{max-width: 33%; flex: 1 1 calc(33% - 32px);
    box-sizing: border-box;
	min-width: calc(33% - 32px);
	padding-left:16px; padding-right: 16px;
	display: flex;
}
.f-card-container .f-card-style{min-width: 0; width: 100%; display: flex; flex-direction: column;}
.f-card-container .f-dropdown-more{right: -4px; display: block;}
.f-card-container .f-dropdown-more svg{ fill: #757575;}
.f-card-container .card--label{padding-right: 8px;}
.f-card--footer{margin: 16px -16px 0;
    border-top: 1px solid rgba(0,0,0,.12);
    padding: 16px 16px 0;
    text-align: center;}
.card--label{font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    color: #4a4a4a!important;
    white-space: nowrap;
}
.f--mb-8px{margin-bottom:8px;}
.card--label-value{
	font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    font-weight: 700!important;
    color: #4a4a4a!important;
}
.f-link--text{ color: #0093ee !important; font-size: 14px; font-weight: 600;  font-family: 'Source Sans Pro', sans-serif !important;}


/* expandCollepse new */
.f-margin-right-44px{margin-right: 44px;}
.svg-icon.f-section-expanded {
    top: -60px;
    right: -16px;
    border-radius: 0 0px 4px 4px!important;
    width: 36px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 4px #00000017;
	background: #ffffff;
	flex-direction: column;
	border-top: 1px solid #ececec;
}

.f-section-expanded svg {
    width: 22px;
	height: 22px;
	opacity: 0.60;
	
}
.flex-width-25.f-collapse-width {
    padding-top:50px
}
.flex-width-25.f-collapse-width .svg-icon.f-section-expanded{
	left: -8px;box-shadow: none !important;right: -8px !important;margin: auto;
	top:-56px;
	border-top: 0;

}
.flex-width-25.f-collapse-width .svg-icon.f-section-expanded:before {
    content: '';
    display: block;
    height: 1px;
    background: #ececec;
    position: absolute;
    top: 0;
    left: -12px;
    right: -12px;
}
.important-link-fixed.f-header-fixed {
    padding-top: 50px;
}
.important-link-fixed.f-header-fixed .f-section-expanded{
    top:-50px !important;
    right:0;
    box-shadow: none !important;
    left:0;
    display:flex;
    flex-direction:column;
    align-items: end;
	width: 100%;
	border-top: 0;
}
.important-link-fixed.f-header-fixed .f-section-expanded:before{
    content:'';
    display:block;
    background:#ececec;
    height:1px !important;
    position:absolute;
    top: 4px;
    left: -12px;
    right: -12px;
}
.f-collapse-width .important-link-fixed.f-header-fixed{padding-top:50px;}
.f-collapse-width  .important-link-fixed.f-header-fixed .svg-icon.f-section-expanded{
    left: -8px !important;
    right:0 !important;
    margin:auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.f-collapse-width  .important-link-fixed.f-header-fixed .svg-icon.f-section-expanded:before{
        left: -8px;
        right: -8px;
}


.f-card-separator.f-card-title-grey {
    margin-top: 24px;
    background: #fff;
    padding: 16px;
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 7%);
}
.f-margin-top-16px{margin-top: 16px !important;}
.preview-document.f-link-text {
    display: inline;
    color: #0093ee;
}

/* time line */
.f-timeline-container .f-accordion-header{margin-left: -8px; margin-right: 8px; }
.f-timeline-container .accordion-wrap .f-accordion-header:after{transform: rotate(270deg);  background-size: 24px 24px; background-position: center;}
.f-timeline-container .accordion-hide .f-accordion-header:after{transform: rotate(180deg);}
.f-timeline-container .accordion-wrap:after{display: none;}
.f-timeline-container .accordion-wrap .f-card-style{padding:16px 0 0 24px;	margin-bottom: 0; position:relative; box-shadow: none;}
.f-timeline-container .accordion-wrap .f-card-style:before{ content:''; display:block; position:absolute; width:calc(100% + 32px); top:0; height:1px; background:#ececec;
left:0px; margin-left:-16px;}
/* .f-timeline-container .f-table-data-horizontal td{color: rgba(0,0,0,.5);} */
.f-timeline-container  .f-timeline-end-of-activity{margin-top: 48px;}
.f-timeline-container  .f-timeline-end-of-activity:before{display: none;}

.preview-document.fc--picture-thumb img{position:relative; z-index:-1;}


/* cta Leftbar Hide */
.f-flex-row.f-icon-circle{display: none;}
.important-link-wrapper{min-height: 0px;}
.flex-width-25 .f-card-full-size > div.accordion-wrap:nth-child(2){margin-top:-24px}
.important-link-fixed.f-header-fixed .f-section-expanded:before{display: none;}
.important-link-fixed.f-header-fixed .f-section-expanded{top:-36px !important;}

/*  */
.accrodion-left-arrow .f-accordion-header{position: relative; padding-left: 24px;}
.accrodion-left-arrow .f-accordion-header:after{position: absolute; left: 0;   background-size: 24px 24px;  background-position: 0px 2px; transform: rotate(180deg);}
.accrodion-left-arrow .accordion-wrap.accordion-hide .f-accordion-header:after{  background-size: 24px 24px; background-position: 2px -4px; 
	}
.accrodion-left-arrow .accordion-wrap.accordion-hide .f-info-message,
.accrodion-left-arrow .accordion-wrap.accordion-hide .sm-button-link,
.accrodion-left-arrow .accordion-wrap.accordion-hide .f-pagination-right
{display: none;}
.accrodion-left-arrow .accordion-wrap.accordion-hide:after{
    position: absolute;
    bottom: -6px;
}
.accrodion-left-arrow .accordion-wrap.accordion-hide{position: relative; padding: 8px 0;}
table.f-info-message{margin-top: 12px;}
.accrodion-columnRight .f-accordion-header:after{background-size: 24px 24px;}
.accrodion-columnRight .accordion-wrap .f-card-style{margin-bottom: 0;}
.margin-bottom-0px{margin-bottom: 0px;}
.accrodion-columnRight .accordion-wrap.accordion-hide .bText11gr.f-align-right{display: none;}

.f-show-navigation.show-nav-full.f-header-fixed > ul > li.f-listed-menu{display: list-item !important;}
.f-show-navigation.show-nav-full.f-header-fixed{padding-bottom: 0 !important;}

/* feedback Changes */
.f-show-navigation.f-header-fixed .fixed-top-header{flex: initial; margin-left: 12px;}
.f-show-navigation.f-header-fixed .fixed-top-header > table{width: auto;}
.f-show-navigation.f-header-fixed .f-nav-wrap{order: initial; flex: 1;}
/* .important-link-fixed.f-header-fixed{ padding: 12px 12px 25px 12px !important;} */

.f-button-dropdown-wrap  .f-cm_button_action.f-blue-button {
	background-color: #0093ee;
	border-color: #0093ee !important; 
	color: #fff !important;
	white-space: nowrap;
}
.f-button-dropdown-wrap .f-cm_button_action.f-blue-button:after{background:url(keyboard_arrow_down_white.svg) no-repeat;}
.f-owner-card{padding-top:8px; padding-bottom:8px;}
.f-owner-card .TextLbl_b{font-family: 'Source Sans Pro', sans-serif!important; font-size: 14px; padding-right: 4px;}
.f-owner-card .BlText12{font-family: 'Source Sans Pro', sans-serif!important; font-size: 14px; font-weight: 700;}
.f-owner-card a.text_b{color: #0093ee;}
table.f-owner-card > tbody > tr > td {border-bottom:1px solid #ececec; padding-top:12px; padding-bottom:12px}
table.f-owner-card > tbody > tr > td:first-child{padding-left:16px; padding-right:12px}
table.f-owner-card > tbody > tr > td:last-child{padding-right:16px}
table.f-owner-card > tbody > tr td{vertical-align: top;}
#otherAddres .stext2{font-size: 14px;}
.train-h1{font-family: 'Source Sans Pro', sans-serif!important; font-size: 14px; }

.table-scroll table.summaryTblex.newUITable.f-last-td-left tr td:last-child:not(.sm_seperator){text-align: left !important;}
.f-mail-merge tr:not(.thead) td{ padding: 10px 0px 10px 10px; box-sizing: border-box;}
.f-mail-merge tr.thead td{
	line-height: 18px;
    font-family: Montserrat, sans-serif !important;
    font-size: 14px;
    font-weight: 700;
	color: #4a4a4a !important;	
    text-transform: uppercase;
	height: 30px;
	padding: 10px 0px 10px 10px;
	background: #f5f5f5 !important; 
	box-sizing: border-box;
}
div#noteDiv {
    background: #fff;
	border: 0;
	margin-top: 4px;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
}
#noteDiv li{list-style:disc; padding-left:0; background:none; }
#noteDiv li::marker{color:#0093ee}
div#noteDiv .text_b{ font-family: Montserrat, sans-serif !important;  font-size: 14px; font-weight: 700; margin-left: -34px; margin-bottom: 12px;   text-transform: uppercase;}
table#exportHtmlTableViewbradcum {table-layout:fixed;}
table#exportHtmlTableViewbradcum > tbody > tr > td:first-child{width:25%}
table#exportHtmlTableViewbradcum > tbody > tr >   td:nth-child(2){width:77%;}
table#exportHtmlTableViewbradcum > tbody > tr >  td .f-search-box.f-search-small{min-width:40px}

div#columnRight input.sm-button-link {
    border:0; 
    background:transparent ;  
    text-transform:none; 
    font-family: 'Source Sans Pro', sans-serif!important;
    font-size:14px; 
    font-weight:600 !important; 
    padding:0 !important;
    border-right:1px solid #757575;
    border-radius:0;
    line-height:18px !important;
    height:auto !important;
    padding-right:8px !important;
}
div#columnRight input.sm-button-link:last-child{border:0; padding-right: 0 !important;}
.f-margin-right-44px .bText12lnk, .f-margin-right-44px .bText12lnk:hover{  font-family: 'Source Sans Pro', sans-serif !important; 
	  font-weight:600 !important;  }

.fixed-top-header{position: relative;}
button.f-cm_button_action.f-back-button svg{fill: #757575 !important;width: 24px;height: 24px;}
button.f-cm_button_action.f-back-button {
    position: absolute;
    left: 0;
    z-index: 1;
	width: 48px;
	padding-left: 12px !important;
}

.f-header-fixed .fixed-top-header{position: initial;}
.f-header-fixed .fixed-top-header button.f-cm_button_action.f-back-button{margin-left: 16px;}

/* status button */
.f-sm-change-status .f-cm_button_action {
	padding: 0px !important;
	background:transparent !important;
    height: auto !important;
	text-transform: none;
	font-family: 'Source Sans Pro', sans-serif!important;
	letter-spacing: .6px !important;
	border: 0 !important;
}
.f-sm-change-status .f-cm_button_action{position:relative;}
.f-sm-change-status.open-option .svg-icon{transform: rotate(180deg);}
.f-sm-change-status .f-cm_button_action .svg-icon{position:absolute;right:2px;top: 0; bottom:0; margin:auto;}
.f-sm-change-status .f-cm_button_action .f-button-value{background:#0093ee; padding:4px 30px 4px 8px; display:block; border-radius:4px; line-height:20px;}
.f-sm-change-status span[attrid="actInDevelopment"]{background:rgb(247, 150, 71) !important;}
.f-sm-change-status span[attrid="actActive"]{background:#1abfce !important;}
.f-sm-change-status span[attrid="actTerminated"]{background:rgb(117, 117, 117) !important;}
.f-sm-change-status span[attrid="actTransfer"]{background:rgb(65, 126, 217) !important;}


.flex-width-50 .f-timeline-container table.summaryTbl.f-table-data-horizontal td {width:100%; display:block; text-align:left; padding:0 0 6px; }
.flex-width-50 .f-timeline-container table.summaryTbl.f-table-data-horizontal td:nth-child(3){padding-top:16px}
.flex-width-50 .f-timeline-container table.summaryTbl.f-table-data-horizontal tr{display:block; padding-bottom:16px; ;}

table.f-training-data .train-h1{padding:8px 8px;  font-family: 'Source Sans Pro', sans-serif; color:#373a3c ;  font-size: 14px;   font-weight: 700;}
table.f-training-data .train-h1 span{font-weight: 400;}
table.f-training-data td{text-align: left !important; border-color:#e6e6e6 !important; }
table.f-training-data .train-bg-h2 .train-h1{color: #9b9b9b;background: #ebebeb;border-bottom: 1px solid #e9e7e7;padding: 4px 4px 4px 8px;font-family: 'Montserrat-Bold' !important;font-size: 14px;font-weight:600;text-transform:uppercase;height:52px;box-sizing: border-box;}
table.f-training-data  span.train-h2{padding: 10px 10px 10px 10px; font-family: "Source Sans Pro", sans-serif;font-weight: 400; font-size: 14px; color: #373a3c; display: block; text-align: left;}
table.f-training-data .train-h2 .train-h2-left{font-weight: 14px; font-family: "Source Sans Pro", sans-serif;font-weight: 400; font-size: 14px; color: #373a3c; padding: 0px 0px 0px 10px;}
table.f-training-data tr > td > span.train-h2-left{padding: 12px 0; height: auto; display: block;}
table.f--sub-heading td{font-size:14px; font-weight:700; text-transform:uppercase; font-family: Montserrat,sans-serif!important;	font-weight: 700; background:#ebebeb; padding:12px 16px;   color: #757575;}
table.f-training-data .train-h2, table.f-training-data .train-h2 .train-h2-left{height: auto;}

/*  */
/* ul.f-nav-wrap.f-nav-tabs:before{content:''; display:flex; flex:2;} */
ul.f-nav-wrap.f-nav-tabs > li.f-listed-menu  {
	/* flex:2; */
	 min-width: 140px;white-space: nowrap; text-align:center}
	 .f-nav-wrap > li > a{padding: 0 20px;}
ul.f-nav-wrap.f-nav-tabs > li.f-dropdown-list{max-width: 140px;}
ul.f-nav-wrap.f-nav-tabs > li.f-listed-menu a{ white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  min-width:140px;}
.f-nav-loading.f-show-navigation {width: calc(100% - 60px);}
@media only screen and (max-width: 1300px) {
	ul.f-nav-wrap.f-nav-tabs > li.f-listed-menu  {flex:2; min-width: 60px;}
	ul.f-nav-wrap.f-nav-tabs > li.f-dropdown-list{ min-width: 60px;}
	ul.f-nav-wrap.f-nav-tabs > li.f-listed-menu a{min-width:60px;}
}



#exportHtmlTableViewbradcum .f-show-navigation.show-nav-full.f-header-fixed > ul > li.f-listed-menu{display: none !important;}
#exportHtmlTableViewbradcum .f-show-navigation.show-nav-full.f-header-fixed > ul >.active.f-listed-menu{display: list-item !important; flex:none;}
ul.f-nav-wrap.f-nav-tabs > li.f-listed-menu.f-multilevel-dd{flex:none;}
[data-title]:hover::before {
	content: attr(data-title);
	line-height: normal;
	font-weight: 400;
	position: absolute;
	z-index: 22;
	bottom: -15px;
	right:0;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 4px;
	background: rgba(0,0,0,.70);
	color: #fff;
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif;
	-webkit-animation: datafadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: datafadein 1s; /* Firefox < 16 */
        -ms-animation: datafadein 1s; /* Internet Explorer */
         -o-animation: datafadein 1s; /* Opera < 12.1 */
            animation: datafadein 1s;
  }
  @keyframes datafadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.f-pag-header-new{position: relative;}
.f-pag-header-new[data-title]:hover::before{right:initial; left: 0; bottom:-40px}

.f--more-icon .svg-icon{width: 24px; height:20px; cursor: pointer; opacity: 0.60;}
.f--more-icon svg{height: 24px;}
span.f--more-icon:hover ul{right: -20px; top: 12px;}
/* .important-chip .f--chip{cursor:pointer;
	font-family: "Source Sans Pro", sans-serif;
	font-size:14px;
	background: #ececec;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 4px;
	margin: 8px	 8px 0 0;
	color: #3993ee;
	font-weight: 600;
} */


a.bText12lnk,a.bText12lnk:hover, a.themeText11, a.themeText11:hover{font-family: "Source Sans Pro", sans-serif !important;}
.font-weight-600{font-weight: 600 !important;}







#addresses01{display: none !important;}




.fixed-left-col tr td:first-child {
	position: sticky;
	left: 0;
	padding-right: 16px;
}
.fixed-left-col tr td:last-child {
	position: sticky;
	right: 0;
}
.fixed-left-col tr td.thead:first-child {
	box-shadow: 5px 0 5px -5px rgb(0 0 0 / 12%);
	z-index: 1;
}
.fixed-left-col tr td.botBorder.colPadding:first-child {
	background-color: #fff;
	box-shadow: 5px 0 5px -5px rgb(0 0 0 / 12%);
	z-index: 1;
}
.fixed-left-col tr td.thead:last-child {
	box-shadow: -5px 0 5px -5px rgb(0 0 0 / 12%);
	z-index: 1;
}
.fixed-left-col tr td.botBorder.colPadding:last-child {
	background-color: #fff;
	box-shadow: -5px 0 5px -5px rgb(0 0 0 / 12%);
	z-index: 1;
	text-align: center !important;
}






.fc--flex-v-center {
    -ms-flex-item-align: center;
    align-self: center;
}
.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: 9999;
}

.fc--alert-popup-container .fc--alert-popup {

    box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
    width: 600px;
    margin: auto;    
    background: #fff;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-header  {
    background-color: #d0021b;

    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--alert-popup-container .fc--alert-popup .fc--alert-body {
    color: rgba(0,0,0,.87);
    
    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;
	box-sizing: border-box;
}

.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:hover {
    background: rgba(0,0,0, .04) !important;
}
.fc--alert-popup-container .fc--alert-popup .fc--alert-footer button.fc--button-blue {
    background-color: #0093ee !important;
    border-color: #0093ee !important;
	color: #fff !important;
}
.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;
	border-radius: 4px;
}
.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 {
    background: #fafafa !important;
    border-width: 1px !important;
    margin-right: 0 !important;
}
.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--info-popup .fc--alert-body {
    color: rgba(0,0,0,.87) !important;
}




.fc--alert-popup-container.fc--alert-popup-warning  .fc--alert-popup .fc--alert-header {
	background-color: #f5a623 !important;
}
.fc--alert-popup-container.fc--alert-popup-success  .fc--alert-popup .fc--alert-header {
	background-color: #5da93f !important;
}

.f-chip-wrapper .f-chip-inner-wrap.click-disable:first-child, .f-chip-wrapper .f-chip-inner-wrap.andOprater {
    margin-right: 8px !important;
}

.f-label-error {
	color: rgb(244, 67, 54);
    text-align: right;
    padding-right: 12px;
    margin-bottom: -15px;
    font-size: 12px !important;
    font-family: "Source Sans Pro", sans-serif !important;
}

.f-table-chip {
	display: inline-block;
    color: #0093ee;
    cursor: pointer;
    border: 1px solid #cac9ca;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    margin: -2px 0 -1px 5px;
}



.f-list-item-main {
	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;
	display: flex;
	align-items: center;
    box-sizing: border-box;
}
.f-list-item-main .f-list-item-avtar {
	background-color: #26c1c9 !important;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
    opacity: 1 !important;
    font-size: 14px;
    height: 36px !important;
    line-height: 36px;
    width: 36px !important;
    border-radius: 100%;
    margin-right: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.f-list-item-main .f-list-item-content {
	-webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.f-list-item-main .f-list-item-content .f-list-item-title {
	padding-bottom: 4px;
    display: inline-block;
	font-size: 14px;
	font-weight: 600;
    font-family: "Source Sans Pro", sans-serif !important;
    color: rgba(0, 0, 0, .87);
}
.f-list-item-main .f-list-item-content a.f-list-item-title {
	color: #0093ee!important;
}

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






/* pagenation-stycky */
.f-pagination-sticky {
    min-height: 45px;
}
.f-pagination-inner.f-fixed-pagination {position: fixed;bottom:0;z-index: 998;background: #fff; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);}


.f-table-batch-action > span {
    display: inline-block;
    font-weight:normal;
	color:#0093ee;
	cursor: pointer;
}
.f-table-batch-action > span .svg-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill:#878787;
    }

  .f-table-batch-action:hover ul{
      right:unset !important;
      left: 9px;

  }
  .f-table-batch-action:hover ul li a{  font-family: Source Sans Pro,sans-serif; color: #757575;}
  .f-table-batch-action:hover ul .f-selected a{font-weight: 600 !important;}
  .f-zindex-1{z-index:-1 !important;}

  .svg-icon.f-checklist {width: 22px;height: 22px;display:inline-block;vertical-align: middle;fill: #757575;}

  #filterFixedHeader .f-button-dropdown-wrap.f-left-open1 .f-button-dropdown-option{left:unset !important; right:0;}
  #filterFixedHeader .f-button-dropdown-wrap.f-left-open1 .f-cm_button_action {padding-left:16px !important; padding-right:10px !important}


  
  .f-table-sticky-pagination .newUITable > tbody > tr > td:first-child {
    position:sticky; z-index:1; box-shadow: 5px 0 5px -5px #0000001f; left:0; }
.f-table-sticky-pagination .newUITable > tbody > tr > td.thead:first-child{background:#ebebeb !important; z-index:2 !important;}
/* .f-table-sticky-pagination .newUITable > tbody > tr > td:nth-child(2) {
    position:sticky; z-index:1; background:#fff !important;box-shadow: 5px 0 5px -5px #0000001f; left:76px; }
.f-table-sticky-pagination .newUITable > tbody > tr > td.thead:nth-child(2){background:#ebebeb !important; z-index:2 !important;} */
.f-table-sticky-pagination .newUITable > tbody > tr > td:last-child {
    position:sticky; z-index:1; box-shadow: -5px 0 5px -5px #0000001f;  right:0; }
.f-table-sticky-pagination .newUITable > tbody > tr > td.thead:last-child{background:#ebebeb !important; z-index:2 !important;}

  .f-remove-coll-sticky .newUITable > tbody > tr > td,
 .f-remove-coll-sticky .newUITable > tbody > tr > td.thead:first-child,
 .f-remove-coll-sticky .newUITable > tbody > tr > td.thead:last-child
 {z-index: initial !important;}
 .f-pagination-inner.f-fixed-pagination.f-fixed-remove {z-index:initial}
 a.bText12lnk,a.bText12lnk:hover, a.themeText11, a.themeText11:hover{  color: #0093ee!important;}

 .f-margin-top-0px {
    margin-top: 0px;
}



.f-hierarchy-view {
	background: #fff url("hierarchy-black.svg") no-repeat center;
	background-size: 30px auto !important;
	display: inline-block;
	color: transparent !important;
	background-size: 30px auto;
    padding: 7px 20px !important;
	text-indent: -9999px;
}
.f-hierarchy-view.f-hierarchy-view-active {
	background: #fff url("hierarchy-blue.svg") no-repeat center;
}
.f-list-view {
	background: #fff url("list-black.svg") no-repeat center;
	background-size: 30px auto !important;
	display: inline-block;
	color: transparent !important;
	background-size: 30px auto;
    padding: 7px 20px !important;
	text-indent: -9999px;
}
.f-list-view.f-list-view-active {
	background: #fff url("list-blue.svg") no-repeat center;
}

.f-table-sticky-pagination.f-disable-sticky-first-td .newUITable > tbody > tr > td:first-child {
	box-shadow: 0 0 0 transparent;
	left: inherit !important;
}
.f-table-sticky-pagination.f-disable-sticky-first-td .newUITable > tbody > tr > td:not(.thead):first-child {
    position: inherit !important;
}

.table-scroll.f-table-sticky-pagination.f-disable-sticky-last-td .newUITable > tbody > tr > td:last-child {
	box-shadow: 0 0 0 transparent;
	right: inherit !important;
	/* text-align: left !important; */
}
.table-scroll.f-table-sticky-pagination.f-disable-sticky-last-td .newUITable > tbody > tr > td:last-child {
    position: inherit !important;
	/* text-align: left !important; */
}

/* Start Hierarchy CSS  */
.f-table-hierarchy-view td,
.f-table-hierarchy-view th {
	white-space: nowrap !important;
}
.f-table-hierarchy-view .thead {
	padding-left: 10px !important;
}
.f-table-hierarchy-view .f-hierarchy-indentation {
	display: flex;
	align-items: center;
	cursor: default;
}
.f-table-hierarchy-view .f-hierarchy-indentation .svg-icon {
	visibility: hidden;
	cursor: pointer;
}
.f-table-hierarchy-view .f-hierarchy-indentation .f-hierarchy-open.svg-icon {
	transform: rotate(90deg);
}

.hierarchy-list--1 .f-hierarchy-indentation {
	margin-left: 16px;
}
.hierarchy-list--2 .f-hierarchy-indentation {
	margin-left: 29px;
}
.hierarchy-list--3 .f-hierarchy-indentation {
	margin-left: 39px;
}
.hierarchy-list--4 .f-hierarchy-indentation {
	margin-left: 49px;
}

.hierarchy-list--10 .f-hierarchy-indentation {
	margin-left: 16px;
}
.hierarchy-list--11 .f-hierarchy-indentation {
	margin-left: 29px;
}
.hierarchy-list--12 .f-hierarchy-indentation {
	margin-left: 39px;
}

.f-table-hierarchy-view tr:hover td.botBorder,
.f-table-hierarchy-view.f-table-hierarchy-view tr:hover td:first-child,
.f-table-hierarchy-view.f-table-hierarchy-view tr:hover td:last-child:not(.sm_seperator) {
	background: #f7f7f7 !important;
}
.svg-icon-size-24 {
    width: 24px;
    height: 24px;
}
.f-table-hierarchy-view  .svg-icon-size-24  {
	padding: 0px !important;
}

/* .hierarchy-list--0 .f-hierarchy-indentation .svg-icon,
.hierarchy-list--1 .f-hierarchy-indentation .svg-icon,
.hierarchy-list--2 .f-hierarchy-indentation .svg-icon,
.hierarchy-list--3- .f-hierarchy-indentation .svg-icon {
	visibility: visible;
} */
/* End of Hierarchy CSS  */





/* f-stepper-container-2 */
.f-stepper-container-2 {
	padding: 16px;
	background-color: #fff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
	display: flex;
    justify-content: center;
    align-items: center;
}
.f-stepper-container-2 .f-stepper-item-2 {
	height: 48px;
	font-family: Montserrat-Regular, sans-serif!important;
    font-size: 15px;
    font-weight: 600;
	color: #757575;
	display: flex;
    align-items: center;
    flex: 2;
    justify-content: center;
	background: #ebebeb;
	position: relative;
	letter-spacing: .5pt;
	margin-left: 28px;
}
.f-stepper-container-2 .f-stepper-item-2:first-child {
	border-radius: 20px 0 0 20px;
	margin-left: 0;
}
.f-stepper-container-2 .f-stepper-item-2:last-child {
	border-radius: 0 20px 20px 0;
}

.f-stepper-container-2 .f-stepper-visited-2 {
	background: #0093ee;
	color: #fff;
}
.f-stepper-container-2 .f-stepper-visited-2:after {
	border-color: transparent transparent transparent #0093ee !important;
}
.f-stepper-container-2 .f-stepper-visited-2:before {
	border: 24px solid #0093ee !important;
	border-left-color: transparent !important;
}
.f-stepper-container-2 .f-stepper-item-2:last-child::after,
.f-stepper-container-2 .f-stepper-item-2:first-child::before {
	display: none;
}
.f-stepper-container-2 .f-stepper-item-2:before {
    content: "";
    width: 0;
    height: 0;
    border: 24px solid #ebebeb;
    border-left-color: transparent;
    position: absolute;
    left: -25px;
}
.f-stepper-container-2 .f-stepper-item-2:after {
	content: "";
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 1;
    border-left: 24px solid #ebebeb;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
}
/* End of f-stepper-container-2 */

.f-margin-bottom-24 {
    margin-bottom: 24px !important;
}
.f-margin-bottom-8 {
    margin-bottom: 8px;
}

.f-profile-card .f-avtar {
	margin: 0 auto 16px auto;
}
.f-profile-card .f-profile-card-heading {
	display: block;
    font-size: 14px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

.f-avtar {
	background-color: #26c1c9;
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
.f-avtar img {
	width: 100%;
}
.f-avtar a {
	position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff !important;
    background: #0000006e;
    font-size: 12px;
    text-transform: initial;
    padding: 4px 0;
    font-weight: 500;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.f-avtar.f-avtar-xl {
	width: 132px;
	height: 132px;
}

.f-uploader {
	border: 2px dashed #b7bbc0;
    margin-bottom: 8px;
    padding: 10px;
    width: 100%;
	height: 110px;
    place-content: center;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
}
.f-uploader img {
	margin: 0 4px 0px 0;
    vertical-align: middle;
}
.f-uploader span {
	font-size: 14px;
    line-height: 22px;
    font-weight: 400;
	color: #373a3c;
}
.f-uploader a {
	margin-left: 4px;
	color: #4a90e2;
    cursor: pointer;
}

.custom-data-tooltip {
	position: absolute;
	background: rgba(0,0,0,.70);
	color: #fff;
	border-radius: 4px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin: 18px 0 0 0 !important;
	padding: 6px 8px !important;
	pointer-events: none;
	max-width: 500px;
	text-align: left !important;
	line-height: 17px;
	z-index: 9999;
}





/* mat tab */
.f-tab-label-container {
    border-bottom: 1px solid hsla(0, 0%, 60.8%, .5);
    list-style: none;
    display: flex;
	margin: 0;
	padding: 0;
}

ul.f-tab-label-container li {
    flex: 1;
    text-align: center;
    min-height: 48px;
    padding: 12px 24px;
    box-sizing: border-box;
    cursor: pointer;
    color: rgba(0, 0, 0, .5);
    font-family: Montserrat, sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

ul.f-tab-label-container li.f-active {
    font-weight: 700;
    color: #0093ee;
    border-bottom: 2px solid #0093ee;
}

.f-tab-container .f-label-text {
    color: #4a4a4a !important;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    padding-top: 4px;
    padding-bottom: 4px;
}

.f-tab-container .f-label-value {
    font-family: 'Source Sans Pro', sans-serif;
    color: rgba(0, 0, 0, .87) !important;
    font-size: 14px;
    font-weight: 700;
    padding-top: 4px;
    padding-bottom: 4px;
}

.f-tab-container .f-flex-row > div {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 12px
}

.f-view-mode .f-label-value {
    /* border-bottom:1px solid #ececec; */
    padding-bottom: 8px;
    font-size: 14px;
    color: rgba(0, 0, 0, .87) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700;
}

.f-view-mode .f-label-text {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px;
    color: #4a4a4a !important;
}

.f-view-mode .f-label-value
.f-tab-container .ql-editor p {
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.hint-text {
    font-family: 'Source Sans Pro', sans-serif;
}

.f-tab-container .buttons-container {
    padding-bottom: 16px;
}

.f-form-view .f-label-text {
    font-family: Montserrat, sans-serif !important;
}

.f-tab-container {
    margin-left: 8px;
    margin-right: 8px;
    text-align: left;
}

.f-tab-container .ql-clipboard {
    display: none;
}



.leftnav-box {
	z-index: 99999;
}
span.f-dropdown-more {
	z-index: 9;
}







/* fc-accordion-2 Style CSS  */
.fc-accordion-2 {

}
.fc-accordion-2  .fc-accordion-2-panel {
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
	background: #fff;
}
.fc-accordion-2  .fc-accordion-2-panel .fc-accordion-2-header {
	height: 48px;
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
	color: #757575;
	
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.71;
	/* text-transform: uppercase; */
}
.fc-accordion-2  .fc-accordion-2-panel .fc-accordion-2-header > .flex-2 {
	position: relative;
	padding-left: 16px;
}
.fc-accordion-2  .fc-accordion-2-panel .fc-accordion-2-header > .flex-2:before {
	content: '';
    background: url(navigate_before.svg) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    opacity: .45;
    background-size: 24px 24px;
    margin: auto;
    position: absolute;
    top: -2px;
    left: -9px;
    bottom: 0;
	transform: rotate(270deg);
}
.fc-accordion-2  .fc-accordion-2-panel .fc-accordion-2-body {
	padding: 0 24px 40px;
	display: none;
}

.fc-accordion-2  .fc-accordion-2-panel.fc-accordion-2-active .fc-accordion-2-header {
	height: 64px;
}
.fc-accordion-2  .fc-accordion-2-panel.fc-accordion-2-active .fc-accordion-2-body {
	display: block;
}
.fc-accordion-2  .fc-accordion-2-panel.fc-accordion-2-active .fc-accordion-2-header > .flex-2:before {
	transform: rotate(180deg);
}
/* End of fc-accordion-2 Style CSS  */



/* Slide Toggle Style CSS  */
.fc-slide-toggle {
	height: 34px;
}
.fc-slide-toggle input {
	display: none;
}
.fc-slide-toggle label {
	position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 34px;
    display: block;
	user-select: none;
}
.fc-slide-toggle .switch-mark {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	top: 5px;
    left: 5px;
	z-index: 9;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.fc-slide-toggle span.switch-label-checked,
.fc-slide-toggle span.switch-label-unchecked {
	border-radius: 17px;
    height: 34px;
	visibility: visible;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    text-transform: uppercase;
	display: block;
}
.fc-slide-toggle span.switch-label-checked {
	padding: 0px 40px 0 20px;
}
.fc-slide-toggle span.switch-label-unchecked {
	background-color: rgb(0, 147, 238);
	padding: 0px 20px 0 40px;
}
.fc-slide-toggle input:checked ~ .switch-mark {
	left: auto;
    right: 5px;
}
.fc-slide-toggle input:checked ~ span.switch-label-unchecked  {
	visibility: hidden !important;
}
.fc-slide-toggle input:checked ~ .switch-label-checked {
	background: rgb(93, 169, 63);
	visibility: visible !important;
	position: relative;
    top: -34px;
}
.fc-slide-toggle label .switch-label-checked {
	visibility: hidden !important;
}	
/* End of Slide Toggle Style CSS  */


.fc-display-label {
    color: #4a4a4a;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif!important;
}
.fc-display-label-value {
    font-family: 'Source Sans Pro', sans-serif!important;
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    font-weight: 700;
}
.fc-display-help-text {
    font-family: 'Source Sans Pro', sans-serif!important;
    color: #757575;
    font-size: 14px;
}
.f-padding-bottom-4px {
	padding-bottom: 4px;
}




.fc-statusbar {

}
.fc-statusbar .fc-statusbar-label {
	font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 700;
    white-space: nowrap;
	font-size: 14px;
    line-height: 23px;
	text-transform: uppercase;
    text-align: center;
}
.fc-statusbar .fc-statusbar-group {
	display: flex;
    height: 4px;
	position: relative;
	transition: all 0.1s linear;
}
.fc-statusbar:hover .fc-statusbar-group {
	/* height: 5px; */
	/* bottom: -2px; */
}
.fc-statusbar .fc-statusbar-group .fc-statusbar-item {
	background-color: #e1e1e1;
    cursor: pointer;
    flex-grow: 1;
    margin: 0 1px;
}
.fc-statusbar .fc-statusbar-group .fc-statusbar-item:first-child {
	border-radius: 2px 0 0 2px;
}
.fc-statusbar .fc-statusbar-group .fc-statusbar-item:last-child {
	border-radius: 0px 2px 2px 0;
}


.fc-initiated-status {
	color: #ffb300;
}
.fc-initiated-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-initiated {
	background: #ffb300;
}


.fc-guaranteed-status {
	color: #48b985;
}
.fc-guaranteed-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-initiated {
	background: #ffb300;
}
.fc-guaranteed-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-guaranteed {
	background: #48b985;
}


.fc-delivered-status {
	color: #48b985;
}
.fc-delivered-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-initiated {
	background: #ffb300;
}
.fc-delivered-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-guaranteed {
	background: #48b985;
}
.fc-delivered-status .fc-statusbar-group .fc-statusbar-item.fc-statusbar-delivered {
	background: #48b985;
}



.f-payment-card {
	background: #F5F5F5;
	border: 1px solid #e6e6e6;
	padding: 16px 24px;
	border-radius: 4px;
}
.f-payment-card .f-payment-card-heading-label {
	color: #4a4a4a;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}
.f-payment-card .f-payment-card-heading,
.f-payment-card .f-payment-card-sub-heading {
	font-family: 'Source Sans Pro', sans-serif;
	color: #424242;
	font-weight: 700;
}
.f-payment-card .f-payment-card-heading {
    font-size: 24px;
}
.f-payment-card .f-payment-card-sub-heading {
    font-size: 24px;
}
.f-payment-card .f-flex-row {
	margin: 0;
}
.f-payment-card .f-flex-row .flex-2 {
	margin: 0;
}
.f-payment-card .f-flex-row .flex-2 .f-label-text {
	padding: 0;
}
.f-payment-card .f-flex-row .flex-2 .f-label-value {
	padding-top: 0;
}



.fc-status-chip-info {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
	text-transform: capitalize;
    color: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    line-height: 18px;
	background: #f68b3e;
	position: relative;

	/* display: inline-block; */

	display: inline-flex;
    align-items: center;
}
.fc-status-chip-info:hover .fc-status-chip-tooltip {
	display: block;
}
.fc-status-chip-info .fc-status-chip-tooltip {
	position: absolute;
    left: calc(100% + 7px);
    padding: 16px 16px 16px 10px;
    z-index: 2;
    background: rgba(0,0,0,.85);
    color: #fff;
    border-radius: 4px;
	display: none;
}
.fc-status-chip-info .fc-status-chip-tooltip::after {
	content: '';
	position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent rgba(0,0,0,.85) transparent transparent;
    top: 0;
    bottom: 0;
    left: -12px;
    margin: auto;
}
.fc-status-chip-info .fc-status-chip-tooltip .fc-ststus-timeline {
	display: flex;
    align-items: center;
}
.fc-status-chip-info .fc-status-chip-tooltip .fc-ststus-timeline div {
	width: 10px;
	height: 10px;
	background: #fff;
	margin-right: 8px;
	border-radius: 100%;
}
.fc-status-chip-info .fc-status-chip-tooltip .fc-ststus-timeline p {
	font-family: "Source Sans Pro", sans-serif !important;
    font-weight: normal !important;
    line-height: normal !important;
	font-size: 14px;
	color: rgb(255, 255, 255);
	margin: 0;
}

.fc-status-chip-info.initiated-active,
.fc-status-chip-info.initiated-active .fc-payment-initiated-timeline-item div {
	background: #ffc600;
}
.fc-status-chip-info.initiated-active .fc-payment-initiated-timeline-item p {
	/* color: #ffc600; */
}


.fc-status-chip-info.guaranteed-active,
.fc-status-chip-info.guaranteed-active .fc-payment-guaranteed-timeline-item div {
	background: #f68b3e;
}
.fc-status-chip-info.guaranteed-active .fc-payment-guaranteed-timeline-item p {
	/* color: #f68b3e; */
}
.fc-status-chip-info.guaranteed-active .fc-payment-initiated-timeline-item div {
	background: #ffc600;
}
.fc-status-chip-info.guaranteed-active .fc-payment-initiated-timeline-item p {
	/* color: #ffc600; */
}


.fc-status-chip-info.delivered-active,
.fc-status-chip-info.delivered-active .fc-payment-delivered-timeline-item div {
	background: #48b985;
}
.fc-status-chip-info.delivered-active .fc-payment-initiated-timeline-item div {
	background: #ffc600;
}
.fc-status-chip-info.delivered-active .fc-payment-initiated-timeline-item p {
	/* color: #ffc600; */
}
.fc-status-chip-info.delivered-active .fc-payment-guaranteed-timeline-item div {
	background: #f68b3e;
}
.fc-status-chip-info.delivered-active .fc-payment-guaranteed-timeline-item p {
	/* color: #f68b3e; */
}
.fc-status-chip-info.delivered-active .fc-payment-delivered-timeline-item p {
	/* color: #48b985; */
}




.fc-status-chip-info .fc-status-chip-tooltip .fc-payment-guaranteed-timeline-item,
.fc-status-chip-info .fc-status-chip-tooltip .fc-payment-delivered-timeline-item {
	margin-top: 12px;
	position: relative;
}
.fc-status-chip-info .fc-status-chip-tooltip .fc-payment-guaranteed-timeline-item:after,
.fc-status-chip-info .fc-status-chip-tooltip .fc-payment-delivered-timeline-item:after {
	content: '';
    position: absolute;
    top: -10px;
    left: 4px;
    background: #b5b5b5;
    width: 1px;
    height: 9px;
}





.no-card-found {
	text-align: center;
	height: calc(100% - 227px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.no-card-found img {
	width: 80px;
	opacity: .5;
}
.no-card-found div {
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
	/* letter-spacing: 0.75px; */
	color: #757575;
	margin: 16px 0 6px 0;
}
.no-card-found p {
    color: #4a4a4a !important;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
	margin: 0 0 16px 0;
}

.f-payment-scheduled-btn {
    /* font-family: 'Source Sans Pro', sans-serif; */
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    background: #FAFAFA;
    border: 1px solid #e6e6e6;
    padding: 12px 24px;
    border-radius: 4px;
    text-align: center;
	font-weight: 600;
	cursor: not-allowed;
	margin-bottom: 16px;
}