body, html {
    overflow-x: hidden;
    -ms-overflow-style: scrollbar;
}
html {
    font-size: 16px;
}
body {
    font-family: 'Helvetica'!important;
    font-size: 13px;
}
.slds-scope,
.slds-scope h1,
.slds-scope h2,
.slds-scope h3,
.slds-scope h4,
.slds-scope h5,
.slds-scope h6,
.slds-scope th,
.slds-scope td,
.slds-scope button, .slds-scope input, .slds-scope optgroup, .slds-scope select, .slds-scope textarea {
    font-family: inherit;
}
nav .row:first-of-type {
    border-bottom: 1px solid #fff;
}
a {
    text-decoration: none!important;
}
select {
    min-height: 26px!important;
}
/*.edit-layout-sep select {
    max-width: 50%;
}*/
nav.navbar.navbar-default.navbar-fixed-top {
    margin-bottom: 0;
}
span.toggleLinks i.fa.fa-chevron-up {
    cursor: pointer!important;
}
#PageTemplateApp {
    padding-top: 56px;
    padding-bottom: 50px;
}
#AvatarImageId {
    height: 31px;
    line-height: 35px;
}
.navbar-btn {
    margin-left: 10px!important;
    margin-right: 10px;
}
#menu-toggle-2 {
    padding: 5px;
    margin-top: 3px;
}
.navbar #menu-toggle-2 {
    margin: 3px 0 0;
} 
#myTabNew a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    font-size: 14px;
    text-decoration: none;
}
#selectSearchId, #textBoxSearchId .input-group {
    margin: 15px;
}
#selectSearchId {
    width: 87%;
}
.fieldApiNameDisplay {
    display: none;
}
.overview-pane dl {
    margin-top: 0;
    margin-bottom: 0;
}
/*#page-content-wrapper .panel-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 7px;
    margin-bottom: 2px;
}*/
#page-content-wrapper .panel-heading input {
    height: 26px;
}
#page-content-wrapper .panel {
    border-radius: 0;
    border: 0;
}
.page-content-wrapper {
    padding-top: 15px;
}
.btn {
    padding: 2px 5px;
    margin-left: 5px;
	font-size: 13px !important;
    font-weight: 400 !important;
}
button#appBtnId.customBackground {
    font-size: 15px;
    border: 0 solid;
}
#appBtnId:hover, #profileNamePlaceHolderId:hover, .btn:focus, .btn:hover, button.customBtn:hover {
    text-decoration: none!important;
    font-weight: 400!important;
}
.cogClass {
    padding-left: 5px;
    margin-top: 5px;
}
.panel-heading-title, .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    display: flex;
}
.navbar-toggle {
    position: relative;
    float: none!important;
    margin-left: 12px;
    margin-bottom: 0;
    border: 0;
}
.marginLeft5 {
    
margin-left: 5px;
  
}
#topTabsID li {
    border-radius: 7px 7px 0 0;
}
#topTabsID li a {
    font-size: 15px;
}
#topTabsID li.active a {
    font-weight: 300;
}
#myTabs .panel {
    margin-bottom: 0;
    border: 0;
}
.collapse-icon-div {
    width: 35px;
}
.expand-icon-div {
    width: 225px;
}
#toggle-div {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#taskSummaryDiv div {
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#taskSummaryDiv div:last-child {
    border-bottom: 0;
}
.panel-title-ext {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
}
.panel-heading h2 {
    font-size: 15px!important;
}
.panel-heading-header h2, .panel-heading-title h2, .panel-title h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px!important;
    font-weight: 700;
    float: left;
}
.panel-heading .input-group {
    float: right;
    padding-top: 5px!important;
}
.collabFeedWrapper {
    padding: 15px;
}
.collabFeedWrapper > div.feedItem {
    padding: 0 15px 10px 0 !important;
}
.tableBackground .collabPanel {
    border: 0 solid!important;
}
table.dataTable thead th {
    padding: 5px;
}
.fa-file-o {
    padding: 0;
    font-size: 12px!important;
    margin-top: -1px;
}
.btnplatformsetup {
    text-align: center;
    cursor: pointer;
    font-family: 'Open sans';
}
.labelHelpTooltip span.helpIcon {
    margin-left: 4px;
    font-size: 10px!important;
}
.fa-eye:before {
    padding: 2px;
}
.fa-share:before {
    padding: 2px;
}
.fa-pencil:before {
    padding: 2px;
}
.fa-trash, .fa-trash-o {
    padding: 2px;
}
.fa-cloud-download, .fa-download {
    padding: 2px;
    vertical-align: top;
    margin: 1px;
}
.fa-file-pdf-o {
    padding: 2px;
}
.fa-info {
    height: 13px;
    width: 13px;
    border-radius: 15px;
    border: 1px solid;
    text-align: center;
    vertical-align: top;
}
.fa-search {
    margin-top: 0!important;
}
.fa-paper-plane-o {
    padding: 2px;
}
.fa-bars {
    margin-left: 10px;
}
.fa,
.customSidebar .input-group .fa {
    font-size: 18px!important;
}
.form-control {
    border-radius: 0!important;
    width: inherit;
}
.autoSuggestionStyleForInput {
    margin-top: 0!important;
    margin-left: 23%;
    width:100%!important;
    margin-left: 0;
}
.input-group .form-control:not(:first-child):not(:last-child) {
    height: 30px;
}
.ms-ctn-focus {
    height: 28px!important;
}
.ms-ctn .ms-sel-ctn {
    margin-top: -4px;
}
.tab-content > .active {
    display: block;
}
/* .approvalHistory .panel-heading {
    margin-left: -15px;
    height: 40px;
}
.approvalHistory .panel-heading-title {
    margin-top: -3px;
} */
#taskSummaryDiv .panel-body {
    padding-top: 0;
}
#taskSummaryDiv .list-group {
    margin-bottom: 0;
}
#taskSummaryDiv .list-group-item:last-child {
    border-bottom: 0;
}
#taskSummaryDiv .col-md-6 {
    border-bottom: 0!important;
}
#taskSummaryDiv .panel {
    min-height: 245px;
}
.tab-content dl {
    margin: 15px 0 0 0;
}
.tab-content dd {
    margin-bottom: 0;
    margin-top: 0;
}
.panel-sidebar {
    margin-bottom: 0;
}
.sidebar-panel-body {
    padding: 0;
}
.sidebar-panel-body .panel-group {
    margin-bottom: 0;
}
.fontSizeClass {
    font-size: 14px;
}
#SelectPackageComponent .textFloat {
    float: left;
    width: 70%;
}
.col-md-2.textFloat1 {
    float: right;
    width: 30%;
}
.select-pkg-data-text .form-control {
    border-radius: 0!important;
    width: 100%;
}
.select-pkg-data-text .customLabelstyle {
    margin: 5px 0;
    float: left;
}
.select-pkg-data-text input#HideForExternal {
    width: 12px;
    margin-left: 5px;
    margin-top: 8px;
}
#SelectPackageComponent .stdpkg-div1 {
    float: left;
    width: 40%;
}
#SelectPackageComponent .stdpkg-div2 {
    margin-left: 156px;
    float: left;
    width: 40%;
}
#SelectPackageComponent .stdpkg-picklist-section {
    margin-left: 13px;
}
#SelectPackageComponent .stdpkg-modaldiv {
    clear: both;
    width: 100%;
    height: 100%;
    min-height: 600px!important;
    max-height: 800px!important;
    overflow: auto;
}
#SelectPackageComponent .std-pkg-label {
    padding-left: 14px;
    font-weight: 100;
}
#SelectPackageComponent .stdpkg-ilinrflx {
    display: inline-flex;
}
#SelectPackageComponent .panel-header-height {
    height: 25px;
}
#SelectPackageComponent .stdpkg-rArrow {
    top: 50%;
    position: absolute;
}
#SelectPackageComponent .selList-1 {
    width: 88%;
    display: inline-block;
}
#SelectPackageComponent .selList-2 {
    width: 10%;
    display: inline-block;
}
#SelectPackageComponent .width100 {
    width: 100%;
}
#SelectPackageComponent .panel-footer-margin {
    margin-left: 15px;
}
#SelectPackageComponent .customLabelstyle {
    padding-left: 0;
}
#SelectPackageComponent.applychng {
    padding-bottom: 2px!important;
}
.modal-backdrop {
    position: static!important;
}
.collabTable {
    margin-top: 10px;
}
.collabTable .apexp .bPageBlock .pbBody .dataTables_wrapper .dataTable thead th div {
    margin-bottom: 7px;
}
.input-group-addon {
    padding: 4px 8px;
}
#selectSearchId, #textBoxSearchId .input-group {
    margin: 15px;
}
#selectSearchId {
    width: 87%;
}
.navbar #toggle-div {
    max-width: 225px;
    text-align: right;
    padding-right: 15px;
}
.user-type-logo {
    float: left;
    margin-left: 0;
    height: 30px;
    vertical-align: bottom;
    margin-top: 8px;
}
#userTypeIcon {
    padding: 0 5px;
}
#appBtnId {
    padding: 5px;
}
.user-type-logo2 {
    height: 30px;
    margin-top: 7px;
}
#profileDropDown {
    margin-bottom: 0;
    margin-top: -5px;
}
.bottom {
    margin-bottom: 15px;
}
.fa-info:before {
    content: "\f129";
    font-size: 9pt;
    vertical-align: top;
}
.customBtn, 
.page-content-wrapper .btn,
.CollabMainPage .customBtn,
a.btn.quickSearchBtn.customBtn.btn {
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    display: inline-block !important;
    cursor: pointer!important;
    padding: 4px 8px!important;
    text-decoration: none!important;
}
#leftActionColumnHeader {
    border-left: 0 solid!important;
}
.searchCollabFeeds {
    margin-top: 5px;
    margin-left: 15px;
}
#CollabSearchButton, #CollabSearchCancelButton {
    margin-top: 5px;
    margin-left: 10px;
}
.collab_files .collabTableBackground {
    margin-top: -30px;
    margin-bottom: 10px;
}

.collabTableBackground {
    margin-top: -10px;
    margin-bottom: 10px;
}

#main-content-section .panel.border-add {
    margin-bottom: 25px;
}
.nav-logo {
    height: 51px;
}
#collabfeedpanel {
    margin-top: 30px;
}
#FilesDataTable .fa-download {
    margin: -2px;
}
#ActiveFundingOpportunities, #ActiveGrants, #AnnouncementsGrantee, #AppReviewList, #FederalPrograms, #GranteeGrants, #Programs {
    margin-top: 0;
}
#taskSummaryDiv .panel-heading {
    max-height: 37px;
}
/*#taskSummaryDiv .panel-title {
    margin-left: -7px;
}*/
th {
    border-top: 0 solid!important;
    padding-top: 10px!important;
}
#topTabsID {
    margin-bottom: -2px;
}
.tableColumnHeader {
    border-top: 0 solid!important;
}
.dashChart {
    margin-top: 10px;
    margin-bottom: 0;
}
.tooltip-ext {
    z-index: 10;
}
.tooltip {
    z-index: 100!important;
    font-size: 14px!important;
}
.tooltipster-base,
.tooltipster-content {
    background : #f5f3f3;
}
.tooltipObjname {
    font-size: 10px;
    margin-bottom: 2px;
    /*font-weight: 600;
    padding-bottom: 2px;*/
    
}
.tooltipWrapper .tooltip-title {
    /*padding-bottom: 2px;*/
    border-bottom: 2px solid #ddd;
	margin: 0 0 0 0;
}
.tooltipWrapper .form-group {
    margin-bottom: 7px;
}
.tooltipWrapper .form-group:last-child {
    margin-bottom: 0;
}
.tooltipWrapper .tooltipLabel {
    font-size: 12px;
    color: #6D6D6D;
}
.tooltipWrapper .tooltipValue {
	word-wrap:break-word; 
	font-size: 12px; 
	font-weight: 500;
}


.bottomMenu {
    z-index: 2;
    position: relative;
}
.bottomMenu-head {
    margin-bottom: -5px;
}
.actionColumn {
    min-width: 90px;
}
#myTabNew li {
    margin-right: 0!important;
}
.header-logo:hover {
    cursor: default;
}
/*.overviewHeader {
    margin-left: 15px;
}*/
.navbar .col-md-10 {
    max-width: 80%;
}
.footerlogo {
    width: 175px!important;
}
.navbar-nav {
    font-size: 15px;
}
.panel-heading {
    border-radius: 0;
}
#userTypeIcon:hover, .btn-group:hover {
    cursor: default;
}
.customLabelstyle {
    font-size: 13px!important;
    font-weight: 200;
}
.field-value {
    /*font-size: 14px!important;*/
    word-wrap: break-word;
}
.fa-comment {
    font-size: 23px!important;
    margin: 2px 10px 5px;
}
i.fa.fa-comment-o {
    font-size: 23px!important;
    margin: 2px 10px 5px;
}
.fa-pie-chart {
    font-size: 23px!important;
    margin: 5px 10px 0;
}
.fa-home {
    font-size: 25px!important;
    margin: 4px 10px 0;
}
.sidebar-wrapper-ext {
    margin-top: 10px;
}
.overview-pane {
    margin: -15px;
    padding: 8px;
}
.sidebar-wrapper .panel-heading {
    font-size: 15px;
    font-weight: 600;
    padding: 4px 15px 2px;
    border-top: 0;
    border-right: 0;
    margin-bottom: -1px;
}
.sidebar-wrapper .panel {
    border: 0!important;
    border-radius: 0;
}
.plus-div {
    height: 20px;
    padding-top: 2px;
    text-align: -moz-center;
    text-align: center;
    width: 20px;
}
.table-pager {
    text-align: right;
}
#charts .highcharts-container {
    padding: 0;
    height: 100%!important;
}
.spacing {
    margin-top: 0!important;
}
.pageSelectOption {
    width: 60px!important;
    height: 25px;
    padding: 0;
    margin: -3px 3px 0;
}
select.pageSelectOption {
    height: 24px !important;
    min-height: 24px !important;
}
.SidebarAccordian .fontSizeClass {
    font-size: 13px;
    font-weight: 500;
}
.external-link-contentDiv {
    padding: 2px 10px 2px 15px;
}
.disabled {
    display: none!important;
}
.dataTables_info {
    float: none!important;
    text-align: center!important;
    margin-bottom: -20px;
}
.collabFilesWrapper table.dataTable + .bottom .dataTables_paginate {
    float: right!important;
    padding-right: 28px;
    position: relative;
}
.collabFilesWrapper table.dataTable + .bottom .dataTables_length {
    margin-right: 50px;
    float: left!important;
}
.headerStyleNotInsideDynamicLayout:hover {
    text-decoration: none!important;
}
.actionColumn a:hover {
    text-decoration: none!important;
}
#CollabSearchButton, #CollabSearchCancelButton, #publisherShareButton, .publisherShareButton, .secondaryBtn {
    padding: 2px 5px;
    font-weight: 700;
}
.secondaryBtn {
    padding: 2px 5px;
}
.accordion-toggle .fa-chevron-down, .accordion-toggle .fa-chevron-up {
    font-size: 13px!important;
    margin: 0;
    padding: 5px 2px;
}
.footerDiv-content {
    padding-left: 210px!important;
    text-align: center!important;
}
.totalRecords {
    text-align: center;
    font-size: 13px;
}
.table-pager.col-md-4 {
    float: right;
}
.table-pager.col-md-6 {
    float: right;
}
.row div.totalRecords.col-md-4:first-child {
    margin: 0 auto;
    float: none;
}
div#toggleFlexTableCaseList .table-pager.col-md-4 {
    padding-right: 0;
}
body #CaseList div#toggleFlexTableCaseList .table-pager.col-md-4 {
    padding-right: 15px;
}
button.btn.btn-info.pull-right.advf-button.collapsed:after {
    border-width: 0;
    content: '';
}
/*button.btn.btn-info.pull-right.advf-button[aria-expanded="true"]:after {
    border-style: solid;
    border-width: 8px 8px 0;
    top: 27px;
    content: "";
    height: 0;
    margin-bottom: -7px;
    position: absolute;
    left: 8px;
    width: 0;
}*/
button.btn.btn-info.pull-right.advf-button {
    position: relative;
}
.tableBackground.collabFilesWrapper {
    border: 0 solid!important;
    padding-bottom: 1px;
    margin-bottom: -20px;
}
/*#page-content-wrapper .panel-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 7px;
    margin-bottom: 2px;
}*/
.footerDiv-content {
    min-height: 38px;
}
.footerLogo {
    width: auto!important;
    height: 31px!important;
    padding: 0!important;
    margin-right: 10px !important;
}
.footer {
    max-height: 38px;
    z-index: 1030;
    position: fixed;
}
.footer .text-content {
    line-height: 38px;
}
.header-bars {
    margin-left: 10px;
    float: right;
}
.header-buttons {
    float: right;
}
.quickSearchBtn {
    height: 28px;
    padding-top: 0;
}
#inlineEditGridMonitoringGridView .panel-heading {
    height: 39px;
    padding-left: 0;
}
.donutHorizontalHeaderClass {
    font-size: 15px!important;
}
#inlineEditGridApplicationBudgetCategoriesbyBudgetPeriod .panel-heading, #inlineEditGridAwardBudgetCategoriesbyBudgetPeriod .panel-heading {
    height: 50px;
    margin-left: 0;
}
.btn-spacer, .flex-grid-btn-spacer {
    min-width: 32px;
    float: right;
}
.flex-grid-btns {
    float: right;
}
#ApplicationsintakeByFundingOpportunitiesId, #CurrentFundingOpportunityPipelineId, #GrantsReceivedByTop5FundersId, #Tasks-1Id {
    margin-top: -3px;
}
#profileNamePlaceHolderId {
    margin-top: 8px;
    padding: 4px;
    margin-right: 10px;
    margin-bottom: -2px;
    border: 0;
}
#appDropDownMenuId {
    margin-top: 7px;
}
#profileDropDownMenuId {
    margin-top: 12px;
}
#profileDropDownMenuId li:first-child {
    margin-top: 5px;
}
/*#appDropDownMenuId li, #profileDropDownMenuId li {
    padding: 0 5px;
}*/
#appDropDownMenuId li:first-child, #profileDropDownMenuId li:first-child {
    border-top: 0;
}
.img-circle {
    margin-bottom: 3px;
}
.dataTables_length label {
    font-weight: 500!important;
}
#TSLinkApp .sidebar-panel-body {
    margin: 0 10px;
    padding: 15px 5px;
}
#ExternalLinkApp .sidebar-panel-body {
    margin: 0 10px;
    padding: 15px 5px;
}
#ExternalLinkApp .sidebar-panel-body .ng-scope {
    padding: 5px;
}
#RecentlyViewedApp .sidebar-panel-body {
    margin: 0 10px;
    padding: 15px 5px;
}
#myTabs .collabPanel {
    margin-top: 10px;
}
#myTabs .collabPanel .panel-heading {
    height: 45px;
}
#myTabs .collabPanel > .table-responsive {
    float: right;
}
.tabSection #collabContainer {
    padding: 15px;
    max-height: 45vh;
}
.tabSection .collabFeedWrapper {
    max-height: 12vh;
}
.contentDivCls {
    padding: 2px;
}
.panel-sidebar .panel-heading {
    padding-top: 10px;
    padding-bottom: 0;
}
.header-div-cursor {
    margin-top: -13px;
}
.workspace-panel .nav-tabs .active {
    margin-right: -1px;
}
.workspace-panel .nav-tabs .active:hover, .workspace-panel .nav-tabs li:hover {
    cursor: pointer;
}
.workspace-panel .nav-tabs li:last-child {
    border-right: 0;
}
.workspace-panel .nav-tabs {
    text-align: center;
}
.workspace-panel .input-group {
    margin-top: -10px;
}
.collab-panel {
    padding-top: 100px;
}
#profileDropDownMenuId #Logout {
    margin-top: 0;
    padding-left: 10px;
    display: inline-block;
}
#profileDropDownMenuId #MyProfile {
    margin-top: 0;
    display: inline-block;
    padding: 4px 20px 4px 10px;
}
/*#appDropDownMenuId #Admin {
    display: inline-block;
    margin-left: 4px;
    margin-top: 5px;
    padding: 0;
}*/
#appDropDownMenuId .fa-cog {
    padding: 4px;
}
#profileDropDownMenuId .fa-unlock-alt, #profileDropDownMenuId .fa-user {
    padding-top: 5px;
}
#profileDropDownMenuId .fa-unlock-alt, #profileDropDownMenuId .fa-user {
    padding-left: 5px!important;
    float: left;
    padding-top: 5px;
}
#profileNameId {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: inline-block;
    padding: 2px 0;
}
.editHeaderBtnCls {
    text-align: right;
}
.grantorIconSm {
    height: 25px;
    padding-left: 5px;
    float: left;
}
#appDropDownMenuId .dropdown-menu > li > a {
    display: inline-table;
    margin-left: 5px;
}
#headerButtonsPanel .customBtn {
    margin-left: 5px!important;
}
.overview-panel {
    border-bottom: 0 solid!important;
}
.overview-header {
    border-bottom: 0 solid!important;
}
#pageHeaderId {
    margin-left: -10px;
}
.flexgrid-panel-heading {
    min-height: 47px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 35px;
}
.collabPanel .top-right-margin {
    padding-right: 40px;
}
.attachment-btn, .notes-btn {
    padding-right: 50px;
}
#myTabs .collabPanel > .table-responsive {
    margin-bottom: -35px;
}
.publisherShareButton {
    margin-right: 27px;
}
.panel-footer {
    text-align: right;
    /* padding-right: 50px; */
}
.customBtn .fa-calendar-o {
    font-size: 15px!important;
}
.tableCell {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.accordionClass .panel-body {
    padding: 8px 15px;
}

.SidebarAccordian .accordionClass .panel-body {
    padding: 0;
}

.SidebarAccordian .accordionClass .panel-body li a {
    padding: 4px 15px !important;
    display: block;
    width: 100%;
}

.SidebarAccordian .accordionClass .panel-body li {
    padding: 0;
}

.SidebarAccordian .accordionClass .panel-body li.lastSelectedSideBar a {
    background: #dcf2ff;
    font-style: italic;
}

.iconNotStarted, .uncertainIcon {
    color: gray!important;
    cursor: pointer!important;
}
.iconCompleted {
    color: #3C3!important;
    cursor: pointer!important;
}
.iconRejected {
    color: #F30!important;
    cursor: pointer!important;
}
.iconPending {
    color: gray!important;
    cursor: pointer!important;
}
#legendsId, #progressBarId {
    width: 100%;
    padding-right: 0;
}
ol.progtrckr {
    padding-left: 0;
    display: table!important;
    width: 100%;
}
ol.progtrckr li {
    display: table-cell!important;
    text-align: center;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap!important;
    margin-left: 0;
    float: none!important;
}
.hidden508 {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right {
    padding: 2px 0;
}
#profileDropDown {
    margin-top: -10px;
    padding: 5px 0;
}
.chartTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%!important;
    display: inline-block;
}
.chartTitle .panel-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.collabPanel .panel-heading-title {
    padding-left: 15px;
}
div#sidebar-wrapper.sidebar-wrapper-ext {
    margin-top: 0;
}
.overview-pane .panel-body {
    padding: 0 15px;
}
#collabContainer .collabFeedWrapper > .feedItem .collabFeedItemMenu > div {
    height: 25px;
    padding: 4px;
    text-align: center;
    margin: 0;
}
#collabContainer .collabFeedWrapper > .feedItem .collabFeedItemMenu > div a {
    padding: 0;
}
.collabFeedWrapper > .feedItem .collabFeedItemMenu {
    right: 0;
}
#page-content-wrapper .collabFeedWrapper .createCollabComment .newCommentFileDiv > form > input {
    margin: 5px 0;
    height: 22px!important;
    width: 200px;
}
#page-content-wrapper #collabContainer a.collabAttachFileToComment.active {
    margin-left: 0;
}
#myTabs .CollabMainPage div#collabContainer {
    margin-top: 0;
}
#myTabs .CollabMainPage .collabPanel .top-right-margin {
    position: relative;
    top: 0;
    z-index: 10;
    padding: 0;
}
#myTabs .CollabMainPage .collabItemChoices {
    display: none;
}
.tab-content dd {
    padding-bottom: 0;
}
.mockh5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
}
.mockh4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
}
#sidebar-wrapper a.logo-wrapper {
    margin-left: 40px;
}
#page-content-wrapper .workspace-panel .table-responsive {
    padding: 0;
    clear: both;
}
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn {
    border-radius: 0;
    border-left: 0;
    border-radius: 0!important;
    letter-spacing: 1px;
    font-size: 16px!important;
    font-weight: 400!important;
    padding: 10px!important;
}
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn-group .btn.active, #page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn:hover {
    outline: none;
}
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn-group:last-child .btn {
    border-right: 0;
}
#page-content-wrapper .workspace-panel .btn-group .btn span {
    padding-left: 5px;
}
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn a {
    text-decoration: none!important;
}
span.text-center.text-content {
    clear: both;
    position: absolute;
    top: 0;
}
.bottomMenu {
    right: 0;
}
footer .bottomMenu-body {
    bottom: 38px;
    left: -160px;
    padding: 0;
    position: absolute;
    width: 200px;
}
.bottomMenu-body a {
    padding: 5px 10px;
}   
.footerDiv-content .pull-right {
    position: relative;
    top: 0;
    right: 0;
}
.footerDiv-content .pull-right .bottomMenu {
    position: static!important;
}
img#govGrantsHeaderImagePlaceHolderHalfId {
    height: 51px;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}
img#govGrantsFooterImagePlaceHolderHalfId {
    height: 31px;
    margin-left: -36px;
    padding: 0;
    margin-top: 0;
    width: 31px;
}
#sidebar-wrapper a.logo-wrapper {
    width: 100%;
    height: 38px;
    margin: 0!important;
    border: 0!important;
    bottom: 0!important;
    padding-left: 45px;
    overflow: hidden;
    display: block;
    padding-top: 5px;
    margin-top: -1px!important;
}
.stickyUsernotes.ng-scope ul li a div.ng-binding {
    text-align: right;
    font-size: 10px;
    opacity: 0.8;
    position: absolute;
    right: 10px;
    top: 25px;
}
.hidden508 {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#RelatedReviewPanelTemplate .col-md-6.header-title {
    float: left;
}
#myTabbedContent .col-md-6.header-title {
    float: left;
}
#ModalDivID #PageTemplateApp {
    padding-top: 0;
    padding-bottom: 0;
}
span.lookupInput a {
    padding: 4px;
    margin-left: -2px;
}
span.lookupInput input {
    padding-right: 5px;
}
/*#ModalDivID .input-group-btn button.customBtn {
    height: 34px;
}*/
.modal a[data-dismiss="modal"]:hover {
    cursor: pointer;
}
div#AmendmentType__c label {
    margin: 2px 5px;
    line-height: 26px;
    padding: 0!important;
}
div#AmendmentType__c .row.ng-scope {
    padding: 0 15px;
}
div#AmendmentType__c .pageSelectOption {
    margin-top: 0;
}
div#addAtt table tr td {
    padding: 10px!important;
}
div#addAtt div[ng-controller="customAttachmentsAppCtrl"] .panel-heading .col-md-6.attachment-btn {
    width: 50%;
    padding-right: 10px!important;
}
div#addAtt div[ng-controller="customAttachmentsAppCtrl"] .panel-heading .col-md-6 {
    float: left;
    width: 50%;
}
div#StickySearchTableIdAppReviewList {
    height: 28px!important;
    width: 100%!important;
    margin-left: 0!important;
}
.ms-ctn input {
    width: 100%!important;
}
.ms-ctn .ms-trigger {
    top: -1px;
    width: 38px;
    height: 28px;
    position: absolute;
    right: -2px;
    z-index: 10;
    cursor: pointer;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    padding: 3px 5px;
}
.ms-ctn {
    width: 100%!important;
    margin-left: 0!important;
}
.ms-ctn .ms-trigger:hover {
    width: 39px;
    right: -2px;
    z-index: 99;
}
td a.tableRowLinks:hover,
.tableCellText a:hover {
    cursor: pointer!important;
    text-decoration: underline!important;
}
body .tableRowLinks {
    cursor: pointer!important;
    text-decoration: none!important;
}
.header-title a.tableLinksForHeader:hover {
    text-decoration: none!important;
    cursor: pointer;
}
div#myTabbedContent table.tableClass.table.table-striped.table-hover td.tableCell span.separator {
    display: none;
}
a:hover {
    cursor: pointer;
}
div[ng-if="hasFilter"] {
    margin-top: 15px;
}
.page-content-wrapper {
    overflow-x: visible;
}
.wrapper {
    overflow: visible;
}
#chart .panel-title h2, .panel-heading-header h2 {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}
div#selectFilters .col-md-2 {
    width: auto;
    float: left;
    padding: 0 0 0 15px;
}
div#selectFilters .col-md-8 {
    float: right;
}
#ModalDivID .modalPadding {
    padding-left: 20px!important;
}
table.tableClass tr td {
    padding: 5px 8px;
}
table.tableClass tr td.labelCol {
    width: 20%;
}
table.tableClass tr td.labelCol span label {
    margin-bottom: 0;
}
table.tableClass tr td .form-group {
    margin-bottom: 0;
}
.footer {}
.tableBackground.collabFilesWrapper {
    margin-bottom: 0;
}
#FilesDataTable {
    padding-bottom: 0;
}
body button {
    font-weight: 400;
}
button#sticky_bottom_Menu {
    padding: 8px;
    border-radius: 0;
    margin: 0;
    height: 38px;
    padding: 8px;
    border-radius: 0;
    margin: 0;
    height: 37px;
}
budgetgrid table.tableClass tr td {
    padding: 8px 5px;
    vertical-align: middle;
}
budgetgrid input.textAreaContent {
    width: 75%!important;
    float: right;
}
budgetgrid table.tableClass.table.ng-scope {
    table-layout: auto!important;
}
body > .col-md-12 .text-center.content {
    padding: 8px 0;
    margin-bottom: 10px;
}
a.tableLinks span.fa {
    width: 22px!important;
    text-align: center;
}
.tableCell span.separator {
    display: none;
}
.sidebar-wrapper .panel-sidebar .panel.panel-default .panel-heading {
    padding: 0;
    margin: 0;
    padding: 2px 15px;
    border-bottom: 0;
}
.sidebar-wrapper .panel-sidebar .panel.panel-default .panel-heading a.accordion-toggle {
    display: block;
    width: 100%;
    overflow: hidden;
}
.sidebar-wrapper .panel-sidebar .panel.panel-default .panel-heading a.accordion-toggle .header-div-cursor {
    margin-top: 0;
    position: relative;
}
.header-div-cursor div b.fontSizeClass {
    width: 85%!important;
    display: block;
    padding: 4px 0 2px;
}
.header-div-cursor div a {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
body > span > #PageTemplateApp {
    padding-top: 0;
}
form .profileSidebar > div:first-child > .profilePicture > img {
    width: 100%;
    height: auto;
}
form .profileSidebar > div > .profilePicture > .moderatorBadge, form .profileSidebar > div > .profilePicture > .photoOptions, form .profileSidebar > div > .profilePicture > .photoOptions .background {
    width: 100%;
}
div#bs-example-navbar-collapse-1 .navbar.navbar-default.navbar-fixed-top ul.nav.navbar-nav.navbar-right li {
    margin-left: 0;
    padding-left: 10px;
}
div#bs-example-navbar-collapse-1 .navbar.navbar-default.navbar-fixed-top ul.nav.navbar-nav.navbar-right li#profileDropDown {
    padding: 0;
}
div#bs-example-navbar-collapse-1 .navbar.navbar-default.navbar-fixed-top ul.nav.navbar-nav.navbar-right li#appDropDown {
    padding: 0;
}
div#bs-example-navbar-collapse-1 .navbar.navbar-default.navbar-fixed-top ul.nav.navbar-nav.navbar-right #profileDropDown {
    margin-top: -5px;
}
div[ng-if="hasFilter"] span.btn.btn-primary {
    overflow: hidden;
}
.main-tabs .totalRecords.bold.pull-left {
    margin-bottom: -23px;
}
div#selectGroupRadioBtn label input[type="radio"] {
    margin-top: 2px;
    margin-left: -15px;
}
.editfooterBtnCls input[type="checkbox"] {
    position: absolute;
    top: -5px;
    right: -25px;
}
.modal-content .modal-header.modal-heading-header {
    padding: 10px 15px!important;
}
.panel-heading.overview-header .col-md-6 .pull-right:nth-child(2) select {
    float: left;
}
.panel-heading.overview-header .col-md-6 .pull-right:nth-child(2) .btn.form-save-btn {
    height: 100%!important;
}
.fa.fa-cog.dropdown-icon, img#granteeIconSm, img#grantorIconSm {
    width: 25px;
    display: inline-block;
}
ul#appDropDownMenuId li {
    white-space: nowrap;
}
span#settingsIcon {
    font-size: 30px!important;
    margin-top: 8px!important;
}
span.footer-links {
    display: block;
    padding-top: 10px;
    margin: 0 auto;
}
footer div#sidebar-logo-wrapper {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}
.divError .dynamic-msg-box-margin p {
    display: inline;
}
n2g table#table-ext table#table-ext {
    margin: 8px 0!important;
    width: 98%!important;
}
n2g thead th.ng-scope:nth-child(2) {
    text-align: left!important;
}
.bottomMenu-body {
    padding: 1em;
    display: none;
}
.togglePageBlock.fa.fa-caret-up {
    margin-right: 5px;
}
.tableClass th {
    vertical-align: middle!important;
}
span.togglePageBlock.fa-caret-down.fa, span.togglePageBlock.fa.fa-caret-up {
    margin-right: 5px;
}
.main-tabs .main-heading {
    border-bottom: 0;
}
n2g table, table.tableClass {
    margin-top: 15px;
}
.chartsPreferance-btnClr {
    margin-right: 15px!important;
}
.chartsPreferance-btnMargin {
    margin-right: 15px!important;
}
div#collabfeedpanel .table-responsive.pull-right.top-right-margin {
    display: none;
}
.header-title a, .tabSection .panel-heading a {
    font-size: 15px;
    font-weight: 700;
    margin-right: 6px;
}
.tabSection .panel-heading a.tableLinks {
    font-weight: 400;
}
/*.individualPalette table.list.hoverTable tr:first-child td {
    padding: 0;
}*/
.individualPalette table.list.hoverTable {
    width: 100%;
}
.individualPalette table.list.hoverTable td, .individualPalette table.list.hoverTable th {
    padding: 5px;
    border: 0;
}

button.secondaryBtn {
    border: 0;
    padding: 4px 8px;
    font-weight: 400;
    border-radius: 4px;
    margin-bottom: 1px;
}
.panel-heading button.secondaryBtn {
    padding: 2px 8px;
}
a.tableLinks.dropdown-toggle.tableLinksForHeader .panel-title.ng-binding {
    float: left;
    display: inline-block;
}
.header-title .dropdown {
    float: left;
    display: flex;
    align-items: center;
}
.header-title .dropdown span.fa.fa-angle-double-down.ng-scope.headerStyleNotInsideDynamicLayout {
    margin: 0 2px 0 4px;
}
span.togglePageBlock.fa-caret-down.fa, span.togglePageBlock.fa.fa-caret-up {
    display: block;
    float: left;
}
a.togglePageBlock.fa.fa-caret-up, span.togglePageBlock.fa-caret-down.fa {
    float: left;
}
.individualPalette table.list.hoverTable th {
    border-top: 0!important;
}
.branch-child-data-container {
    padding-bottom: 10px;
    margin-left: 20px;
    padding-right: 20px;
}
.branch-child-data table.tableBottomMargin.table {
    margin-top: 10px;
}
.close, .close.close-ext {
    opacity: 1!important;
}
.modal-header-ext, .modal-title {
    font-size: 18px;
}
.panel-body.chartPanelBody > div .highcharts-container, .panel-body.chartPanelBody > div .highcharts-container svg {
    /*height: 220px!important;*/
    width: 100%;
}
.chartEnhanceIframe .panel-heading {
    display: none;
}
.chartEnhanceIframe .panel-body.chartPanelBody > div .highcharts-container, 
.chartEnhanceIframe .panel-body.chartPanelBody > div .highcharts-container svg {
    /*height: auto !important;*/
    min-height: 100% !important;
}
.modal-open .modal.chartsHeaderBg {
    overflow-y: auto !important;
}
.focusActionItem {
    display: inline-block;
    margin-right: 2px;
}
.focusActionItem:empty, h2.mainTitle:empty {
    display: none!important;
}
.col-md-12.panel.panel-default.approvalHistory .panel-body {
    margin-left: -15px;
}
.focusItem {
    display: inline-block;
    float: left;
}
.chartcontainer .panel-heading, .tabSection .panel-heading, .tableBackground .panel-heading {
    min-height: 40px!important;
}
ul.navbar-brand {
    display: table!important;
    width: 100%;
}
.col-md-12.panel.panel-default.approvalHistory {
    padding-right: 0;
}
a:focus {
    outline-offset: 2px!important;
}
.btn:focus {
    outline-offset: 0!important;
}
#topTabsID > li > a:focus, #topTabsID > ul > li > a:focus, .focusOutline:focus {
    outline-offset: -2px!important;
}
#menu-toggle-2:focus, #topTabsID > li > a:focus, .nav-tabs > li > a:focus, .nav-tabs > li.active > a:focus, .navbar-default .navbar-nav > li > a:focus {
    overflow: hidden;
}
iframe .WFWIIQ {
    border: 1px solid #868686;
}
iframe .WFWIDP {
    background: #ed9121;
}
.page-content-wrapper .overview-header .pkg-form-formList {
    margin-bottom: 10px;
}
#WBSTaskSchedule .modal-body .form-horizontal .form-group .secondaryBtn:hover {
    background-color: #2b89bc!important;
}
#WBSTaskSchedule .modal-body .form-horizontal .form-group .secondaryBtn[value="Save"] {
    margin: 0 2px;
}
#WBSTaskSchedule .modal-body .form-horizontal .form-group:last-child {
    margin-bottom: 0;
}
#headerButtonsPanel a.dropdown-toggle .fa-bars, .bs a.menuLinks.dropdown-toggle .fa-bars, .col-xs-6.header-actions a.dropdown-toggle .fa-bars {
    margin-left: 0;
}
#headerButtonsPanel a.dropdown-toggle, .bs a.menuLinks.dropdown-toggle, .col-xs-6.header-actions a.dropdown-toggle {
    margin-left: 8px;
    padding: 0!important;
}
div#textBoxSearchId a:focus {
    display: table-cell;
}
.toggled-2.wrapper {
    padding-left: 45px;
}
.tabheaderinstruction {
    padding: 5px 10px;
}
div#headerButtonsPanel .cogClass .dropdown, div#headerButtonsPanel .cogClass a {
    float: left;
}
#headerButtonsPanel span[ng-repeat="act in actions"] .customBtn {
    margin-left: 0!important;
}
#headerButtonsPanel span .customBtn {
    margin-bottom: 3px;
}
div#userNote .grp > button:first-child {
    margin: 0 8px;
}
div#userNote .new-notes i.fa {
    padding: 5px;
    margin: 0;
}
td.fc-day-number.fc-future {
    border: 1px solid #e8e8e8;
    background: #fafafa;
}
div#sidebar-wrapper.sidebar-wrapper-ext {
    margin-top: 0;
}
div.advf div[ng-if="showFilterPane"] > span .btn.btn-primary {
    background-color: #2b89bc!important;
    background-image: none;
    border: 1px solid #2b89bc!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    font-size: 14px!important;
    font-weight: 400!important;
    overflow: hidden;
    padding: 0!important;
    box-shadow: 0 0 0 transparent!important;
}
div.advf div[ng-if="showFilterPane"] > span .btn a {
    display: block;
    float: right;
    height: auto;
    line-height: normal;
    margin-left: 10px;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
div.advf .row .col-md-3 .form-group input.form-control {
    width: auto;
}
.table-responsive {
    overflow-y: hidden;
    width: 100%;
    -ms-overflow-style: scrollbar;
}
/*#page-content-wrapper .article {
    margin-bottom: 15px;
}*/
.modal-dialog .modal-body iframe {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.top-menu .dropdown-menu li a, .top-menu .dropdown-menu li img {
    display: inline-block;
}
.page-content-wrapper .panel-heading .panel-title a {
    font-weight: 700;
    font-size: 15px;
    color: #00396B;
    margin-right: 6px;
}
.page-content-wrapper .flexgrid-panel-heading.panel-heading .panel-title a {
    font-weight: 700;
    font-size: 15px;
    color: #00396B;
    margin-right: 6px;
    display: inline-block;
}
.page-content-wrapper .panel-heading .panel-title ul.dropdown-menu li a {
    font-weight: 400;
}
.page-content-wrapper .TOP_DOWN .panel-heading a {
    font-weight: 700;
    font-size: 15px;
    color: #00396B;
    margin-right: 10px;
}
.page-content-wrapper .header-bars .dropdown-toggle {
    margin: 0;
}
.panel-body dt a:focus {
    outline: 2px solid #2b95e0!important;
    outline-offset: 0!important;
}
span.customLabelstyle {
    margin-right: 5px;
    vertical-align: top;
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
}
.dataTables_length {
    text-transform: capitalize;
}
#appDropDownMenuId .fa-cog {
    padding: 4px;
    text-align: center;
    width: 35px;
}
/*.top-menu .dropdown-menu.dropdown-menu-right li a, .top-menu .dropdown-menu.dropdown-menu-right li img {
    margin: 2px 5px;
    padding: 0!important;
}*/
.top-menu .dropdown-menu.dropdown-menu-right li img.recip-logo {
    width: 25px;
}
.panel-heading .header-title .panel-title .dropdown a.dropdown-toggle .fa {
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto!important;
}
.tableBackground .panel-body > .col-md-12, div#toggleFlexTableAppReviewList > .col-md-12 .col-md-4, div#toggleFlexTableCaseList .row .col-md-12 {
    padding: 0;
}
.page-content-wrapper .workspace-panel .btn, .page-content-wrapper .workspace-panel .container-fluid, .page-content-wrapper .workspace-panel .tableBackground.collabFilesWrapper {
    margin-bottom: 0;
}
.page-content-wrapper .workspace-panel .input-group, .page-content-wrapper .workspace-panel .top-right-margin {
    margin-top: 0;
}

body .page-content-wrapper .workspace-panel #CaseList table.tableClass {
    margin-top: 15px;
}
.page-content-wrapper .workspace-panel #CaseList table.tableClass{
    margin-top: 15px;
}
.page-content-wrapper .workspace-panel .collabFilesWrapper table.dataTable {
    margin-top: 15px;
}
#editDiv .TOP_DOWN .lookupInput {
    white-space: nowrap;
    display: flex;
}
div #editDiv .TOP_DOWN .col-md-3.col-xs-3.col-sm-3, #editDiv .TOP_DOWN .col-md-4 dl {
   margin-top: 0 ;
}
#editDiv span.lookupInput a {
    border-radius: 4px;
    padding: 4px 8px;
}
a.btn.quickSearchBtn.customBtn.btn {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#7892c2),color-stop(1,#476e9e))!important;
    background: -moz-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -webkit-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -o-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -ms-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: linear-gradient(to bottom,#7892c2 5%,#476e9e 100%)!important;
    background-color: #7892c2!important;
    border: 1px solid #4e6096!important;
    width: 33px;
    height: 30px;
    margin-left: -2px;
    margin-top: 0;
}
.top-menu {
    padding: 0 15px;
    border-bottom: 1px solid #fff;
}
.top-menu .navbar-brand {
    padding: 5px 0;
    float: none;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}
ul.navbar-brand li {
    color: #fff;
    list-style: none;
    font-size: 16px;
}
.main-title {
    font-size: 16px;
}
#menu-toggle {
    display: none;
}
#menu-toggle-2 {
    display: inline-block;
}
ul.navbar-brand li {
    list-style: none;
    margin-left: 0;
}
div#PageTemplateApp {
    padding: 85px 0;
}
.top-right-margin {
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 100%;
}
.top-right-margin input {
    display: inline-block;
}
#charts div[ng-controller="ChartCtrl"] .panel-default .col-md-4 {
    display: block;
}
#PageTemplateApp.container-fluid {
    padding-bottom: 0;
}
div#page-content-wrapper {
    padding: 10px 0 50px;
}
div.advf {
    margin-top: 10px;
}
div.advf .row {
    padding: 0;
    display: table;
    height: 100%;
    border: 1px solid #fbfbfb;
    border-bottom: 0;
    background: #fbfbfb;
    border-left: 0;
    border-right: 0;
    width: 100%;
    margin: 0;
}
div.advf .row .col-md-3:first-child {
    border-left: 0;
}
div.advf .row .col-md-3 {
    display: table-cell;
    height: 100%;
    float: none;
    border-right: 0;
    padding: 10px;
    vertical-align: top;
}
div.advf .row .col-md-3:nth-child(3) .select2-choice.select2-default {
    border-radius: 0;
    height: 33px;
    padding-top: 3px;
    vertical-align: middle;
}
div.advf .row .col-md-3:nth-child(3) .select2-arrow {
    border-radius: 0;
}
div.advf .row .col-md-3 .form-group {
    margin-bottom: 0;
}
div.advf .row .col-md-3 .form-group select {
    text-align: left;
    width: 100%;
}
div.advf .row .col-md-3 .form-group .select2-container, div.advf .row .col-md-3 .form-group input {
    width: 100%;
}
div.advf .row .col-md-3:last-child .form-group div {
    text-align: center;
    padding: 2px 0 0;
}
div.advf .row .col-md-3:last-child .form-group div span {
    display: block;
    background: #0C6!important;
    border: 2px solid #fbfbfb;
    overflow: hidden;
    cursor: pointer;
    width: 25px!important;
    float: left;
}
div.advf .row .col-md-3 .form-group div span i:before {
    color: #fff;
    padding: 6px 0;
    display: block;
}
div.advf .row .col-md-3 .form-group div span i {
    font-size: 12px!important;
}
div.advf div[ng-if="showFilterPane"] {
    background: transparent!important;
    border: 0!important;
}
div.advf div[ng-if="showFilterPane"] > span {
    overflow: hidden;
    margin-left: 0;
}
div.advf div[ng-if="showFilterPane"] > span .btn {
    border-radius: 2px!important;
    padding: 0!important;
    font-size: 14px;
    margin-left: 0;
    margin-top: 5px;
}
div.advf div[ng-if="showFilterPane"] > span .btn span.fa {
    margin: 0;
    font-size: 16px!important;
}
div.advf div[ng-if="showFilterPane"] > span .btn span.fa:before {
    color: #fff;
}
div.advf div[ng-if="showFilterPane"] > span .btn span {
    line-height: 30px;
    margin: 0 0 0 5px;
}
div.advf div[ng-if="showFilterPane"] > span .btn a {
    color: #fff!important;
    overflow: hidden;
    height: 30px;
    display: block;
    float: right;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
    margin-left: 10px;
}
div.advf .col-md-12 {
    margin: 10px 0;
}
.avdf imput[type="text"], .avdf select {
    width: 100%;
}
.panel-heading .header-title {
    float: left;
    /*width: 50%;*/
    text-overflow: ellipsis;
}
.panel-heading .header-actions {
    float: right;
    padding-right: 15px;
}
div#charts.container-fluid {
    margin: 0 -15px;
    padding: 0;
}
div#chartCurrentFundingOpportunityPipelineId {
    max-width: 100%!important;
    min-width: 100%!important;
}
#chartGrantsReceivedByTop5FundersId .highcharts-container, div#chartCurrentFundingOpportunityPipelineId .highcharts-container {
    width: 100%!important;
}
ul.navbar-brand li {
    display: table-cell;
    vertical-align: middle;
    float: none;
    white-space: nowrap;
}
div#dept-sec {
    position: absolute;
    right: 15px;
}
/*select.form-control.pkg-form-formList {
    margin-top: 10px;
}*/
div#charts {
    margin-bottom: 10px;
}
#charts .panel.panel-default {
    margin-bottom: 0;
}
.tabheaderinstruction {
    background: #fff;
    padding: 15px 10px;
}
div#wrapper {
    min-height: 100%!important;
    height: 100%!important;
}
[class="508Label"] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline-block!important;
}
.hidden-offscreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.chat-sec {
    background: #e1e5e9;
    padding: 10px;
    border-radius: 5px;
}
#caseDiscussionComponent .chatbox {
    background: #fff;
    padding: 0 10px;
    display: table-cell;
    border-radius: 5px;
}
#caseDiscussionComponent .footer-chatbox {
    color: #959595;
    padding-bottom: 5px;
    margin: 5px 0 0;
    font-style: italic;
}
#caseDiscussionComponent .main-chat {
    margin-bottom: 10px;
    clear: none;
    display: table;
    width: 100%;
    position: relative;
}
#caseDiscussionComponent .main-chat:nth-child(even) .chatbox {
    border-bottom: 2px solid #5694d5;
}
#caseDiscussionComponent .main-chat:nth-child(odd) .chatbox {
    border-bottom: 2px solid #539913;
}
#caseDiscussionComponent h3.panel-title {
    padding: 10px 0;
    color: #191919;
    font-weight: 700;
}
div#caseDiscussionComponent .customBtn {
    margin-top: 5px;
}
.prof-name {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 80px;
}
.prof-pic {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.chatbox:before {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 5px solid transparent;
    content: '';
    display: block;
    position: absolute;
    left: 70px;
    top: 10px;
}
.tab-inner-content a:focus {
    display: inline-flex;
}
.header-title .panel-title a:focus, .header-title a:focus, .tabSection .panel-heading a:focus {
    display: inline-flex;
}
.fa-pencil:before, .fa-trash-o:before, .focusActionItem .fa:before {
    display: inline-block;
}
footer .container-fluid {
    margin-bottom: 0;
}
.headerCell a:focus {
    display: inline-flex;
}
.panel-heading .panel-title a {
    display: inline-flex;
    max-width: 100%;
}
body div.advf div[ng-if="showFilterPane"] > span .btn a {
    display: inline-block;
    float: none;
    vertical-align: top;
}
div.advf .row .col-md-3:last-child .form-group div a.disabled-filter span {
    background: #ccc!important;
    opacity: 0.8;
    cursor: default!important;
}
.select-pkg-data-radio .panel-body .form-group .radio-inline {
    padding: 0 20px!important;
    color: #6d6d6d;
}
#profileDropDownMenuId a {
    margin: 4px 0!important;
    padding: 0 10px!important;
}
div#GranteeCompletedProgressReports {
    margin: 0 -15px;
}
div#caseDiscussionComponent {
    margin-bottom: 20px;
}
#WBSTaskSchedulegantt .gantt_grid_head_cell, #WBSTaskSchedulegantt .gantt_scale_cell {
    color: #fff;
}
.page-content-wrapper .btn.advf-button {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#7892c2),color-stop(1,#476e9e))!important;
    background: -moz-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -webkit-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -o-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: -ms-linear-gradient(top,#7892c2 5%,#476e9e 100%)!important;
    background: linear-gradient(to bottom,#7892c2 5%,#476e9e 100%)!important;
    background-color: #7892c2!important;
}
.showEntries, .showEntries select, .table-pager, .table-pager .fa, .totalRecords {
    font-size: 12px !important;
}
div.advf .row .col-md-3:last-child .form-group div a.filter-disabled-class span {
    cursor: default;
}
.col-xs-4.col-sm-4 .field-value {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.panel.tableBackground .panel-body .col-md-6 .input-group {
    left: -22px;
    top: -5px;
}
#popupflextable .panel.tableBackground .panel-body .col-md-6 .input-group {
    left: -10px;
    top: -5px;
}
#popupflextable .panel.tableBackground .panel-body .col-md-3.ng-scope {
    display: inline-block;
    float: right;
    vertical-align: top;
}
#popupflextable .panel.tableBackground .panel-body .col-md-6 {
    display: inline-block;
    vertical-align: top;
}
.sidebar .col-xs-12 .panel-body .col-xs-12 .modal-table-title {
    position: relative;
    left: 0px;
    top: 15px;
}
.chat-sec .prof-pic {
    display: inherit;
    position: relative;
    left: 8px;
    vertical-align: middle;
    font-weight: bold;
}
button.btn-comment-disabled, button.customBtn.btn-comment-disabled:hover {
    opacity: 0.7 !important;
    cursor: default !important;
}
.row.my-profile-view-page div#page-content-wrapper .container-fluid > .row > .col-md-12 {
    width: 80%;
}
a.n2g-table-icon {
    display: block;
    vertical-align: top;
}
.pull-right-custom {
    text-align: right;
}
.modal-dialog.modalDialogFlex {
    max-width: 1100px;
}
/*This Css for auto genrated padding remove after model popoup open*/
body.modal-open {
    padding-right: 0 !important;
}

a.map-gbtn {
    position: absolute; 
    left:4px; 
    bottom:4px; 
    padding: 4px 6px;
}

#taskModal #task-form .form-group .col-sm-offset-2.col-sm-10 input {
    margin: 0 5px;
}

div#toggle-div.expand-icon-div {
    max-width: 209px !important;
}

.overview-pane .panel-body .row:last-child {
    margin-bottom: 0px;
}

.overview-pane .panel-body .row {
    margin-bottom: 0px;
}

.overview-pane .panel-body .row > div {
    margin: 8px 0;
}

.gantt_cell .gantt_add {
    opacity: 1 !important;
}

.navbar-fixed-top {
    border-width: 0 0 0px;
}


.navbar .caret {
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}


body .branch-div-min {
    margin-left: 41px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #fff !important;
}

#appDropDown img#adminIconSm {
    width: 25px;
    white-space: nowrap;
}

#appDropDown li {
    white-space: nowrap;   
}

.advf i.fa.fa-times:before {
    color: #ffffff !important;
}

.footer .dropbtn {
    background-color: #FF9800 !important;
    background-image: none;
}

table.tableClass .branch-div {
    border-left: 0px dotted #aaa;
}
table.tableClass .leaf {
    border-bottom: 0px dotted #aaa;
}

tbody.tbody-no-border-top td.branch-td .collapse.in {
    padding: 10px 15px !important;
}

.tab-content .row:first-child dl {
    margin-top: 0;
}

.tab-content .row:first-child .col-md-3:nth-child(4) dl {
    margin-top: 0px;
}
.tab-content .row:first-child .col-md-12 dl {
    margin-top: 0px;
}

button.pull-right.advf-button:focus {
    outline: 0px solid !important;
}


div#page-content-wrapper div#taskSummaryDiv  .panel, div#page-content-wrapper .chartcontainer .panel {
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
    overflow: hidden;
}

.footerDiv-content a:hover {
    opacity: 0.8;
    color: #fff !important;
}

.col-md-12.btn-back-send-invitation {
    padding: 20px 50px;
}

.tableClass .lastBranch .leaf {
    border-left: 0px dotted #aaa;
}   

.footer .bottomMenu-body a:hover {
    color: #191818 !important;
} 

#modaltemp .sidebar .bs .modalPadding button.customBtn.pull-right {
    margin-top: 10px;
}

#modaltemp #myTabs .tab-content .row:nth-child(2) div#fieldSource__c dl {
    margin-top: 15px;
}
    
#modaltemp #myTabs .tab-content .row:nth-child(2) div#fieldSource__c dd {
    margin-bottom: 15px;
}

body .err-access-message {
    top: 5em !important;
    padding: 20px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000 !important;
    position: absolute !important;
}

.profile-ex-data-text {
    margin: 0 0 10px 240px;
    padding: 10px 10px;
    background-color: #fff;
    display: inline-block;
    width: 64.4%;
    border: 1px solid #d0d0d0;
}

.profile-ex-data-text .list label {
    padding-right: 10px;
}

.profile-ex-data-text .list {
    margin-bottom: 10px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
}

.profile-ex-data-text .list:last-child {
    margin-bottom: 0;
}
    
span.output-text-data {
    font-weight: bold;
}    

.help-desk-topLeftHeader {
    padding-bottom: 5px;
    text-align: center;
    float: left;
}

.help-desk-topRightHeader {
    padding-bottom: 5px;
}
.help-desk-topLeftHeader img,
.help-desk-topRightHeader img {
    max-height: 50px;
}
.help-desk-panel-heading .help-desk-title {
    padding: 10px 0;
}
.help-desk-panel-body {
    padding: 15px 15px 0;
}
.help-desk-panel-heading.panel-heading {
    font-size: 24px;
    text-align: center;
    margin: 0;
    padding-bottom: 0;
    text-align: right;
}

.help-desk-bottomLeftHeader {
    padding: 10px;
    margin: 10px -15px 0;
}

.help-desk-panel-body.panel-body h3 {
    font-size: 15px;
    font-weight: 700;
    padding: 8px 10px;
}

.help-desk-panel-body .left-con-img {
    display: inline-block;
    width: 130px;
    vertical-align: top;
}

.help-desk-panel-body .right-con-data {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    width: 50%;
}

.help-desk-panel-body .email-idr b {
    word-break: break-word;
}

.help-desk-panel-body .right-con-data > div {
    padding: 5px 5px;
    vertical-align: top;
}

.page-content-wrapper .tableBackground.collabTableBackground {
    border-radius: 0;
    overflow: hidden;
    background-color: transparent !important;
}

.page-content-wrapper .tableBackground.collabTableBackground div#collabfeedpanel {
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
    overflow: hidden;
    border: 0px solid transparent !important;
}
.sendButton {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

#InternalApplicationSummary-RecipientId .panel-body .highcharts-container {
    height: 228px !important;
}

div#popupflextable .container-fluid.ng-scope .alert {
    margin-left: -15px;
    margin-right: -15px;
}

.collab_files .CollabMainPage .top-right-margin {
    margin: 0;
}

.collab_files div#collabContainer {
    margin-top: 12px;
    margin-bottom: 25px;
    margin-right: 4px;
}
.collab_files div#collabContainer .collabFeedWrapper {
    padding-top: 0;
}

n2g.ng-isolate-scope tfoot.ng-scope tr.n2gheader th {
    background: transparent !important;
}

n2g.ng-isolate-scope tfoot.ng-scope tr.n2gheader th div {
    font-weight: normal;
    text-align: center;
}

img#govGrantsPleaseWaitHolderId {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.help-desk-bottomRightHeader {
    display: inline-block;
    width: 49%;
    text-align: right;
    font-weight: bold;
}

.help-desk-bottomLeftHeaderLogo {
    display: inline-block;
    width: 49%;    
}

.row.edit-layout-sep {
    margin-bottom: 20px;
}

.row.edit-layout-sep:last-child {
    margin-bottom: 0;
    margin-top: 10px;
}

.row.edit-layout-sep > div:last-child {
    margin-bottom: 0;
}

.row.edit-layout-sep > div {
    margin-bottom: 10px;
}

div#myTabs #ApplicationWBSTaskSchedule .panel-heading .col-md-6:last-child .pull-right {
    margin-right: 5px;
}

.tbi-width {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.panel-heading.overview-header .col-md-6 .pull-right:nth-child(2) select.form-control.pkg-form-selectlist {
    max-width: 250px;
}

.bs .approvalMargins table.radioList td {
    padding-right: 10px;
}
.bs .approvalMargins table.radioList td  input[type=radio] {
    vertical-align: text-bottom;
}


/*internal-login-page*/

.bs.internal-login-page {
    background-image: url(../resource/./WhiteHouseImg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 15px;
    border-radius: 0;
}
.internal-egms-govgrantsinsignia-logo img {
    width: 266px;
    vertical-align: bottom;
}
.internal-egms-govgrantsinsignia-logo {
    text-align: right;
}

.internal-egms-logo img {
    width: 247px;
    vertical-align: bottom;
    padding-top: 75px;
}
.header-internal-login {
    margin-bottom: 30px;
    margin-top: 45px;
    display: inline-block;
    width: 100%;
}

.internal-login-highlights-fo, .iternal-trends, .internal-login-page {
    background-color: #fff;
    padding: 35px 15px;
    border-radius: 4px;
    min-height: 430px;
}

body .footer.internal-footer {
    padding: 20px 25px 55px;
    text-align: left;
    background-color: #32709e !important;
    color: #dcdcdc;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    position: static;
    bottom: 0;
    max-height: 100%;
    padding: 20px 25px;
    float: left;
    width: 100%;
}
body .footer.internal-footer .internal-footer-links {
    left: auto;
}

body .footer.internal-footer a {
    color: #dcdcdc !important;
    border-bottom: 0px;
    font-size: 11px;
    display: inline-block;
    padding-top: 14px;
    border-bottom: 0px;
}

.footer.internal-footer .internal-egms-govgrants-footer-logo img {
    padding: 0 20px;
}

.internal-footer-links .text-center.content {
    text-align: left;
}

.content-internal-login > .col-lg-4 {
    margin-bottom: 35px;
    padding: 0px 3px;
}

body .bs.internal-login-page .content-internal-login > .col-lg-4 .bs .panel .panel-title {
    text-align: center !important;
    vertical-align: top;
    padding: 0 !important;
    font-size: 16px;
    color: #080808;
    text-transform: uppercase;
    background-color: #fff;
}
body .bs.internal-login-page .content-internal-login > .col-lg-4 .bs .panel {
    margin-bottom: 0;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
}


body .bs.internal-login-page .content-internal-login > .col-lg-4 .bs .panel .panel-heading {
    padding: 0;
    border: 0px solid #fff;
}

body .bs.internal-login-page .content-internal-login > .col-lg-4 .bs .panel .panel-body > div, 
body .bs.internal-login-page .content-internal-login > .col-lg-4 .bs .panel .panel-body {
    text-align: center !important;
}

body .bs.internal-login-page .loginListItemsSpacing > div p {
    color: #005594;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
}

body .bs.internal-login-page .loginListItemsSpacing {
    padding-bottom: 20px;
}

body .footer.internal-footer .internal-footer-links {
    left: 6%;
}

body .internal-login-btn button.btn {
    background-color: #3dbe8b !important;
    padding: 20px 20px;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
}

body .internal-login-btn button.btn:hover {
     font-weight: bold !important;
}

body .bs.internal-login-page .loginTrendTopLabel {
    font-size: 14px;
    margin-top: 30px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

body .bs.internal-login-page  .loginTrendBottomLabel {
    font-size: 14px;
    text-align: center;
    color: #005390;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 3px;
}

body .bs.internal-login-page .loginTrendCircle {
    border-radius: 50% !important;
    width: 80px;
    height: 80px;
    background: #5997c5;
    margin-top: 10px;
    margin: 0 auto;
    color: #fff;
}

body .bs.internal-login-page .loginTrendCountStyle {
    color: #ffffff;
}

body .bs.internal-login-page  .loginTrendCountStyle {
    padding: 25px 10px;
    font-size: 22px;
}


body .bs.internal-login-page .loginListItemDateStyle {
    font-style: normal;
    width: 100%;
    font-size: 7pt;
    text-transform: uppercase;
    padding: 6px;
    display: inline-block;
    color: #a5a4a4;
    font-weight: bold;
}

body .bs.internal-login-page #internalLoginPage .form-control {
    border-radius: 4px !important;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    padding: 25px 10px;
}

body .bs.internal-login-page .bs.funding-opportunities-page {
    padding-top: 35px;
}

body .bs.internal-login-page .bs.funding-opportunities-page a {
    border-bottom: 1px solid #ccc;
    color: #525558;
}
body .bs.internal-login-page .bs.funding-opportunities-page a:hover {
    color: #000;
}   
body .bs.internal-login-page .bs.funding-opportunities-page .panel-body {
    padding-top: 5px;
}

.internal-login-page div#internalLoginPage .loginFieldsPanel label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: normal;
    color: #afafaf;
}

.internal-login-page div#internalLoginPage .loginFieldsPanel label input[type=checkbox] {
    margin: 3px 6px 3px 0px;
    line-height: normal;
    vertical-align: top;
}

.forgot-password-internal a {
    color: #afafaf;
    border-bottom: 1px solid #f0f0f0;
}

.bottomMenu-body a {
    padding: 8px 15px;
}    


footer .bottomMenu-body a:focus {
    outline: 2px solid #2b95e0 !important;
    display: inline-block;
    width: 100%;
}

#warningTooltip .fa-bell:before {
    content: "\f0f3";
    color: #fbff00;
}
#warningTooltip span.fa.fa-bell {
    vertical-align: middle;
    display: inline-block;
    padding-top: 4px;
    position: absolute;
    left: 8px;
}

#collabfeedpanel .collabFeedWrapper .createCollabComment > div:first-child, #collabfeedpanel .collabFeedWrapper .createCollabComment > div:first-child > a {
    position: absolute;
    right: 100%;
}

#collabfeedpanel .collabFeedWrapper .createCollabComment > div:first-child > a > img {
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

#collabfeedpanel #collabContainer .customBtn {
    margin-left: 5px;
}


#collabfeedpanel .collabFeedWrapper .collabComment > span > div > div > a > img, #collabfeedpanel .collabFeedWrapper .collabComment > span > div > div > img {
    width: 25px;
    height: 25px;
    border-radius: 20px;
}

/*.quick-search a.btn.quickSearchBtn.customBtn.btn:focus {
    display: table !important;
}*/

#ApprovalDecisionComponent .approval-actions input[type=radio] {
    margin: 0 6px 0 6px;
    margin-top: 1px\9;
    line-height: normal;
    vertical-align: sub;
}


/*#ApprovalDecisionComponent .approvalMargins:first-child {
    padding-top: 0;
}

#ApprovalDecisionComponent .approvalMargins {
    padding-top: 5px;
}*/
#ApprovalDecisionComponent .approvalMargins:first-child .approval-actions {
    padding: 8px 10px 8px 0px !important;
    margin: 2px 2px;
    border-radius: 3px;
    display: inline-block;
}

/*#ApprovalDecisionComponent .panel-body {
    background-color: #eef1f6;
    border: 2px solid #fff;
    padding: 10px 5px 4px 5px;
}*/

#ApprovalDecisionComponent  div#txtArea {
    padding: 0;
    background-color: #f0f0f0;
    margin: 0px;
}

#ApprovalDecisionComponent  .approvalMargins input.submitButton.customBtn {
    margin: 4px 0;
}

/*#ApprovalDecisionComponent .approvalMargins:last-child {
    padding-top: 0;
}*/ 

/* Approval Decision */
/*approvalDecisionBoxRadio 
approvalDecisionBoxWrap 
approvalDecisionBox 
approvalDecisionBoxReassign 
approvalDecisionBoxReassignInput */

#ApprovalDecisionComponent .approvalDecisionBox {
    display: flex;
}
#ApprovalDecisionComponent .approvalDecisionBox .select2-container {
    width: 100%;
}
#ApprovalDecisionComponent .approvalDecisionBoxReassign {
    margin-bottom: 5px;
}

body .h-line-left {
    color: transparent;
    border-left: 1px solid #ff0000;
    height: 23px;
    display: inline-table;
    vertical-align: top;
    margin-top: 1px;
}
 
body .h-line-req-error {
    display: block;
    font-size:10px;
    color: #ff0000;
}

body n2g tfoot {
    font-size: 12px;
}

body n2g tfoot .fa {
    font-size: 12px!important;
}

body div#toggleFlexTableCaseList .row .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;
}

body #inlineEditGridAdminOrganizationHierarchy n2g table#table-ext td table#table-ext th:last-child {
    min-width: 130px;
}

.datepicker {
    border: 1px solid #d8d5d5;
    box-shadow: inset 1px 1px 1px #dad9d9;
}

.radio.sfvi-radio-content {
    display: block;
    left: 20px;
}

body .chartPanelBody hr {
    padding: 0;
    margin: 0 !important;
}
.modal-header button.close {
    font-size: inherit !important;
    text-shadow: 0 0 0 transparent !important;
    line-height: inherit !important;
}
body .modal-title {
    font-size: 15px;
}
text.highcharts-axis-title tspan {
    font-weight: bold;
}

.noTitle {
    width: 25px;
}

.requiredInput select {
    width: 100%;
}
body .bootbox .bootbox-form .bootbox-input-textarea.form-control {
    width: 100%;
}
.field-value select[multiple],  .field-value select[size] {
    width: 100% !important;
}

.modal-dialog.modal-dialogChart .modal-content.modal-content-ext {
    width: 70%;
    margin: 0 auto;
}

.modal-header-ext {
    border-radius: 4px 4px 0 0;
}
.modal-header-ext,
.modal-header-ext .modal-title {
    font-weight: 600;
}

body .modal-footer {
    padding: 10px 15px;
    text-align: right;
    border-radius: 0 0 5px 5px;
}

div#toggleFGridFundingDecisionMemoApplications .actionColumn {
    min-width: 115px;
}

th#leftActionColumnHeader {
    min-width: 106px;
}
#GrantorTermsandConditions .tableClass th {
    width: auto !important;
    min-width: auto;
}

body .page-content-wrapper #flexTableDivId .panel-heading  .panel-title ul.dropdown-menu.dropdown-menu-left a {
    width: 100%;
}

table td > div, table td > span, table td > a,  table td b {
    overflow: hidden;
    white-space: nowrap;
    width: 99%;
    text-overflow: ellipsis;
}

.modal-body table td > div, .modal-body table td > span, .modal-body table td > a, .modal-body table td b {
    overflow: inherit;
    white-space: normal;
    width: auto;
    text-overflow: none;
}

span.table-row-helpicon {
    vertical-align: top;
}

.subHeaderPadding ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a.lastSelectedSideBar {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
    font-weight: bold;
}

a.lastSelectedSideBar:after {
    content: '\21FE';
    position: absolute;
    right: 16px;
    font-weight: bold;
}  

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.6;}
}

table .currency-helpicon {
    text-align: left;
}

.approvalMargins .select2-container {
    width: 90%;
}

table.me-grid-section tbody tr td.contentCenterH.withLeftBorder {
    width: 80px;
}

table.WFEMHU table td > div {
    white-space: normal;
}

.WFEMIU {
    overflow: inherit;
}

.alert {
    margin-top: 20px;
}

/* new style */
#modaltemp .page-content-wrapper .panel-heading .panel-title a {
    vertical-align: top;
    display: inline-block;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
#page-content-wrapper .panel {
    position: relative;
}
.flexBtnWrap {
    padding-right: 35px;
}
.flexHamburgerIcon {
    position: absolute;
    right: 15px;
}
.pageLayoutSetupIcon.flexHamburgerIcon {
    position: static;
}
ul.nav.navbar-nav.navbar-right {
    margin-top: 8px;
}
#userDeptLogoLi {
    float: right;
    margin-right: 15px;
}

#userDeptLogoLi #userDeptLogoImg {
    height: 40px;
    margin: 0;
}

#appDropDownMenuId {
    margin-top: 0;
}
#profileDropDownMenuId {
    margin-top: 4px;
}

/* ellipses */
body #InvitedUser div#flexTableDivId .col-md-12 .col-xs-6.header-title a span:nth-child(2) {
    max-width: 100% !important;
}
body #InvitedUser div#flexTableDivId .col-md-12 .panel .col-xs-6 {
    width: 50%;
}
.modal-open .modal {
    padding-right: 0 !important;
}
.modal.in div.modal-dialog {
    max-width: 100% !important;
    padding: 5px;
}
.panel-heading .header-title .panel-title .ng-scope {
    display: flex;
    align-items: center;
}

/* ellipses */
.approvalHistory .panel-heading {
    height: auto;
    min-height: 40px;
}
#taskSummaryDiv .panel-heading {
    max-height: 100%;
    min-height: 37px;
}
#inlineEditGridMonitoringGridView .panel-heading {
    height: auto;
    min-height: 39px;
    display: table;
    width: 100%;
}
#inlineEditGridApplicationBudgetCategoriesbyBudgetPeriod .panel-heading, #inlineEditGridAwardBudgetCategoriesbyBudgetPeriod .panel-heading {
    height: auto;
    min-height: 50px;
    margin-left: 0;
}
#myTabs .collabPanel .panel-heading {
    height: auto;
    min-height: 45px;
    width: 100%;
    max-width: 100%;
}
.chartcontainer .panel-heading, .tabSection .panel-heading, .tableBackground .panel-heading {
    min-height: 40px !important;
}

.flexgrid-panel-heading {
    height: auto;
    min-height: 47px;
    display: table;
    width: 100%;
}
.header-title a, .tabSection .panel-heading a,
.page-content-wrapper .panel-heading .panel-title a,
body .page-content-wrapper .panel-heading .panel-title a,
.page-content-wrapper .flexgrid-panel-heading.panel-heading .panel-title a,
.page-content-wrapper .panel-heading .panel-title a:last-child,
#myTabs .collabPanel .panel-heading {
    vertical-align: top;
    display: inline-block;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}


.secondaryPalette .pbBody {
    overflow-x: auto;
}


/* common btn style */
.commonBtn {
  font-size: 16px;
  padding: 6px 10px;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.commonBtn.btnSmall {
  font-size: 12px;
}
/* slide from top */
.commonBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.commonBtn:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* External login pages - only 508 style ( without login pages ) */
.loginPageWrap {
  padding: 0;
  width: 100%;
  font-family: 'Roboto', sans-serif;
}

.loginPageWrap .topWrap {
  padding: 10px 20px;
}

.loginPageWrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.loginPageWrap .logoWrap {
  margin-bottom: 10px;
  display: flex;
}

.loginPageWrap .logoWrap .stategovLogoWrap,
  .loginPageWrap .logoWrap .govGrantsLogoWrap {
  align-self: flex-end;
}

.loginPageWrap img {
  max-width: 100%;
}

.loginPageWrap .logoWrap img {
  vertical-align: bottom;
}

.loginPageWrap .logoWrap .stategovLogo img,
  .loginPageWrap .logoWrap .govGrantsLogo img {
  width: auto;
  max-height: 120px;
}

.loginPageWrap .columnWrap {
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}

.loginPageWrap .columnWrap.loginPanel {
  overflow: inherit;
}

.loginPageWrap .columnWrap h4 {
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  display: block;
  margin: 10px 0;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

  /* External Login Page css (tabs page) */
.loginPageWrap.loginTabPageWrap .loginBtnWrap,
  .loginTabPageWrap .registerBtnWrap {
  width: 48%;
  float: left;
}

.loginTabPageWrap .registerBtnWrap {
  float: right;
}

.loginPageWrap.loginTabPageWrap .logoWrap img.stategovLogo {
  padding-top: 0;
}

  /* Tabs using css */
.tabsWrap {
  -webkit-transition: 0.3s -webkit-box-shadow ease;
  transition: 0.3s -webkit-box-shadow ease;
  transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  position: relative;
  list-style: none;
  height: 100%;
  font-size: 0;
}

.tabsWrap .radioBtn {
  display: none;
}

.tabsWrap .radioBtn + label {
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  padding: 15px;
}

.loginTabPageWrap .tabsWrap .radioBtn + label {
  width: 33.33%;
}

.tabsWrap .radioBtn:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
}

.tabsWrap .radioBtn:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}

.tabsWrap .radioBtn:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tabsWrap .radioBtn:checked + label {
  cursor: default;
}

.tabsWrap .contentWrap {
  padding: 10px 15px;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  display: none;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  border-radius: 6px;
  font-size: 13px;
}

.tabsWrap.loginTabWrap .tabProgram:checked ~ .tabContentWrap .contentWrap.contentWrapProgram, .tabsWrap.loginTabWrap .tabOpp:checked ~ .tabContentWrap .contentWrap.contentWrapOpp, .tabsWrap.loginTabWrap .tabFaq:checked ~ .tabContentWrap .contentWrap.contentWrapFaq, .tabsWrap.loginTabWrap .tabContact:checked ~ .tabContentWrap .contentWrap.contentWrapContact {
  opacity: 1;
  display: block;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

  /* external login page specific */
.loginTabPageWrap .columnWrap.tabColumnWrap {
  padding: 0;
}

.loginTabPageWrap button.btn.btn-info {
  box-shadow: none !important;
  opacity: 1 !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  text-decoration: none !important;
}

.loginTabPageWrap .panel.tableBackground .panel-body {
  overflow: auto;
  max-height: 280px;
}

.loginTabPageWrap .dropdown-menu>li>a {
  display: block;
  padding: 5px 12px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: normal;
  font-size: 14px;
  text-transform: capitalize;
}

.loginTabPageWrap .open > .dropdown-menu {
  border-radius: 1px !important;
  width: 100%;
  min-width: 125px;
  margin: 0;
}

.loginTabPageWrap .open > .dropdown-menu li {
  margin: 0;
}

.errorLoginMsg li {
  margin: 0;
}

.loginPageWrap input[type=checkbox], 
.loginPageWrap input[type=radio] {
  margin: -3px 0 0;
  vertical-align: middle;
}

.loginPageWrap.loginTabPageWrap .logoWrap .stategovLogo img {
  padding-top: 0;
}

/* login box*/
.loginPageWrap .form-control {
  width: 100%;
}

.loginPageWrap .input-group {
  width: 100%;
}

.loginPageWrap .input-group span.input-group-addon:first-child {
  width: 40px;
}

.input-group .form-control:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.lineOver {
  position: relative;
}

.lineOver::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 8px;
}

.lineOver span {
  z-index: 1;
  position: relative;
  padding: 0 10px;
  font-size: 14px;
}

  /* highlight */
.loginPageWrap .loginHighlightList li {
  margin-bottom: 15px;
}

.loginPageWrap .loginHighlightList p {
  margin-bottom: 0;
}

/* footer */
.footerWrap {
  padding: 10px 20px;
  text-align: left;
  text-transform: uppercase;
}

.footerWrap img {
  float: left;
}

.footerWrap ul {
  float: right;
  margin-top: 12px;
}

.footerWrap ul li {
  display: inline-block;
  border-left: 1px solid;
  margin: 0;
}

.footerWrap ul li:first-child {
  border-left: 0;
}

.footerWrap a {
  font-size: 11px;
  display: block;
  padding: 0 10px;
}

.footerWrap a:hover {
  text-decoration: none;
}

.resetForgotPasswordWrapper {
  width: 100%;
  padding: 0;
  overflow-y: auto;
  font-family: "Roboto", sans-serif;
}

.resetForgotPasswordWrapper .loginMiddleContent {
  padding: 15px;
}

.resetForgotPasswordWrapper h1 {
  font-size: 24px;
}

.resetForgotPasswordWrapper .form-control {
  border-radius: 5px !important;
  width: 100%;
}

.siteLogoForgot .siteLogoWrap {
  height: 75px;
}

.siteLogoForgot .siteLogo {
  max-height: 75px;
}

.formCardForgot {
  transition: 0.3s;
  padding: 15px;
  margin: 0;
}

/* Password strength check */
.passStrengthCheckWrap {
  position: relative;
  width: 100%;
}

.passStrengthCheck {
  font-weight: bold;
  font-size: 14px;
  padding: 2px 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}
/* End External login pages - only 508 style ( without login pages ) */

#profileNamePlaceHolderId img {
    width: 35px;
}

/* session dialog */
div.ui-dialog.sessionExpDialog  {
    background: #fff;
    border-radius: 5px !important;
    padding: 0;
    overflow: hidden;
}
.sessionExpDialog div.ui-dialog-titlebar {
    border: 0;
    border-radius: 0;
    display: block;
}
.ui-dialog.sessionExpDialog #countdownDisplay {
    font-weight: bold;
}
.sessionExpDialog div.ui-dialog-content {
   padding: 10px !important;
}
.ui-dialog.sessionExpDialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}
.ui-dialog.sessionExpDialog .ui-dialog-buttonpane {
    padding: 5px;
    text-align: center;
}
.ui-dialog.sessionExpDialog .ui-dialog-buttonpane button {
    margin: 5px;
}
.sessionExpDialog .ui-dialog.sessionExpDialog .ui-dialog-buttonpane button.btnSmall {
    font-size: 12px !important;
}
.sessionExpDialog .ui-dialog-titlebar {
    border: 0;
}
#modaltemp .panel.panel-default {
    box-shadow: none;
}

/* new theme style */
/* common */
button:focus, a:focus, .btn:focus, .customBtn:focus {
    outline: 0 !important;
}
/* sidebar */
#sidebar-wrapper .topItem {
    padding-bottom: 38px;
}
.sidebar-wrapper .panel {
    box-shadow: none;
}
.sidebar-wrapper .panel .panel-heading {
    border-bottom: 0;
    padding: 10px 15px;
}
.sidebar-wrapper.sidebar-toggled-2 .panel .panel-heading {
    padding: 10px 15px;
}
.sidebar-wrapper .panel-group .panel-heading+.panel-collapse>.list-group, 
.sidebar-wrapper .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}
.sidebar-wrapper .panel .panel-heading p {
    margin: 0;
}
.sidebar-wrapper .fa.fa-chevron-up,
.sidebar-wrapper .fa-chevron-down {
    font-size: 14px !important;
    padding: 3px !important;
}
.external-link-contentDiv,
#ExternalLinkApp .sidebar-panel-body .ng-scope,
#RecentlyViewedApp .sidebar-panel-body .ng-scope {
    padding: 0 !important;
}
.SidebarAccordian .accordionClass .panel-body li a,
.external-link-contentDiv a,
#ExternalLinkApp .sidebar-panel-body .ng-scope a,
#RecentlyViewedApp .sidebar-panel-body .ng-scope a {
    padding: 4px 15px !important;
    display: block;
}
#TSLinkApp .sidebar-panel-body ,
#ExternalLinkApp .sidebar-panel-body,
#RecentlyViewedApp .sidebar-panel-body {
    margin: 0;
    padding: 0;
}

/* nav bar */
#myTabNew a {
    padding: 8px 10px;
}
#myTabNew .fa {
    font-size: 18px !important;
    margin: 0;
}
#myTabNew li.active:first-of-type {
    border-left: 0;
}
#myTabNew a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    height: 2px;
    transition: 0.5s;
    display: none;
}
#myTabNew a:hover::after {
    width: 100%;
}

/* page content*/
a.btn.quickSearchBtn.customBtn.btn {
    height: 30px;
}
.page-content-wrapper .headerCell .fa {
    font-size: 14px!important;
}

.notedescription {
    white-space: normal;
}

#DefaultAvatar {
    padding: 7px;
}
.dropdown-menu>li>a {
    padding: 3px 10px;
}

.dropdown-menu>li>a .fa {
    vertical-align: middle;
}
#modaltemp .page-content-wrapper {
    padding: 0;
}

table td.totalFullDisplay,
table td.totalFullDisplay b {
    white-space: normal;
    width: 100%;
}
table td.totalFullDisplay .totalFullDisplayFlex {
    display: flex;
    justify-content: flex-end;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
}
/* Sharing Modal */
.tab-content.sharingRuleModal .row:first-child .col-md-12 dl,
.tab-content.sharingRuleModal .row:first-child dl { 
    margin: 15px 0 0;
}
.sharingRuleModal td {
    padding: 0 5px;
}

.chartcontainer .modal-dialog {
    width: auto;
}

/* footer toggled */

.footerToggled.footer.sidebarAvail .footerDiv-content {
    position: static;
    padding-left: 0 !important;
}

.footerToggled .footerDiv-content .pull-right {
    padding-right: 50px;
} 

.footer.sidebarAvail.footerToggled {
    left: 50px;
}

.footer.sidebarAvail {
    left: 215px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.footer.sidebarAvail .footerDiv-content {
    left: -215px;
    position: relative;
}
.footer.sidebarAvail.footerToggled {
    left: 50px;
}
.footer.footerCollabToggled,
.footer {
    left: 0;
}
body text.highcharts-axis-title tspan {
    letter-spacing: 1px;
}
input[type=checkbox] {
    min-width: 15px;
    min-height: 15px;
}
.table-responsive {
    margin-bottom: 10px;
}
.table-responsive > .table {
    margin-bottom: 10px;
}
.collabFilesWrapper table.dataTable + .bottom {
    padding-bottom: 15px;
}

/* wait logo style */
#holdon-overlay {
    background: rgba(136, 136, 136, 0.8) !important;
    opacity: 1;
    filter: alpha(opacity=100);
}
#holdon-content img#govGrantsPleaseWaitHolderId {
    height: 100%;
    max-height: 100px;
}
[id*='parentCustomLookup'] .tooltipstered .requiredInput,
.TOP_DOWN [id*='parentCustomLookup'] .requiredInput,
.TOP_DOWN [id*='parentCustomLookup'] {
    display: inline-block;
}
.fullText td b, .fullText td>a, .fullText td>div, .fullText td>span {
    white-space: normal;
}
.marginBottom10 {
    margin-bottom: 10px;  
}
.edit-layout-sep {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.tableInputText field {
    display: flex;
}
.tableInputText field > span {
    display: inline-flex;
}
.edit-layout-sep .multiSelectPicklistRow select {
    max-width: 100% !important;
}
.tabSection .panel-heading .dropdown-menu a {
    display: block;
}
/* Bug 197941: SCDE - CK Editor - Rich Text Area field should not add an extra line between paragraphs*/
.wordPre {
  white-space: normal;
}
/* B24u69g54 - NED - New Line item issue in Notes section*/
.longTextAreaCss .field-value {
    white-space: pre-line !important;
}
.collabFilesWrapper .top-right-margin input[type='text'] {
    min-height: 24px;
}
/* header */
.top-menu .dropdown-menu li img {
  width: 25px;
    display: inline-block;
    margin: 0 5px;
}
.top-menu .dropdown-menu li a {
    width: calc( 100% - 35px );
    padding: 5px
}
.table-scroll {
    overflow: auto;
}
table.tableClass tr td field {
    position: relative;
}
body td .requiredField.h-line-left {
    position: absolute;
    left: -4px;
}

table.grid tbody td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table.grid tbody .gridPlus {
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-wrapper.sidebar-wrapper-ext .sidebarBackground {
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.newBuzLogoWrap {
    width: 40px;
    position: absolute;
    height: 40px;
    text-align: center;
}
.newBuzLogoWrap img {
    max-width: 100%;
    max-height: 100%;
}
.overviewHeader.newBuzLogoText {
    padding-left: 40px;
}

.table.tableWidth .nor {
    width: 40px;
}
.table.tableWidth .actionColumn {
    width: 120px;
}
.table.tableWidth>tbody>tr>td,
.table.tableWidth>tbody>tr>th,
.table.tableWidth>tfoot>tr>td,
.table.tableWidth>tfoot>tr>th,
.table.tableWidth>thead>tr>td,
.table.tableWidth>thead>tr>th {
    width: 250px;
}

/*Footer center align css*/
.footer .footerDiv-content {
    display: flex;
}
.footerLogo {
    margin-right: 10px;
}
.footer-links  {
    margin: auto;
}

.navTopHeader .navbar-header {
    display: flex;
    align-items: center;
}
.navbarBrandText {
    font-size: 18px;
}
body .userDropdown .dropdown-menu>li>a {
    cursor: pointer;
}
body .userDropdown .dropdown-menu>li:first-child>a {
    cursor: default;
}
.modalLoadIcon{
    background: rgba(136, 136, 136, 0.8) !important;
    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: block;
}
.dropdown-menu > li > a {
    width: 100%;
    margin: 0;
}
.tableLinksForHeader ~ .dropdown-menu .fa.fa-check {
    position: absolute;
    left: 10px;
}
.tableLinksForHeader ~ .dropdown-menu .tableLinks {
    padding-left: 40px;
}
.tableLinksForHeader ~ .dropdown-menu .tableLinks span,
body .page-content-wrapper .panel-heading .panel-title > a, 
body .page-content-wrapper .panel-heading .panel-title > span {
    display: flex;
    align-items: center;
}
/* dropdown animation */
/* Code Commented for Mozilla Browser issue */
/*.dropdown .dropdown-menu {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    display: block !important;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}
.dropdown.open > .dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}
.dropdown .tableLinksForHeader ~ .dropdown-menu {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}*/
.dropdown .tableLinksForHeader ~ .dropdown-menu a {
    margin: 0;
}
.dropdown-menu > li > a {
    width: 100%;
    margin: 0;
}
.page-content-wrapper .TOP_DOWN .panel-heading .dropdown-menu > li > a {
    font-weight: 400;
}

.form-control {
    max-width: 100%;
}
.overflowAuto {
    overflow: auto;
}
/* Progress bar old modified */
#progressBarId {
    overflow: auto;
    padding-top: 15px;
    margin-bottom: 10px;
}
ol.progtrckr {
    width: 100%;
    padding: 0 20px;
}
ol.progtrckr li {
    vertical-align: top;
    width: auto !important;
    min-width: 70px;
    max-width: 150px;
}
ol.progtrckr li .progressStatusText {
    white-space: normal;
    padding: 0 3px;
    display: flex;
    justify-content: space-around;
}

/* transition off */
.wrapper,
.sidebar-wrapper {
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
        transition: unset;
}

table.htmlDetailElementTable td > div, 
table.htmlDetailElementTable td > span, 
table.htmlDetailElementTable td > a, 
table.htmlDetailElementTable td b {
    white-space: normal;
}

/* config icon in header menu */
#myTabNew li {
    display: flex;
    align-items: center;
}

.pbNormalText table td > div, 
.pbNormalText table td > span, 
.pbNormalText table td > a, 
.pbNormalText table td b {
    white-space: normal;
}
.fc button.close {
    height: auto;
}

.bootbox-body {
    word-break: break-word;
}

 
/* Max width 100% of fields */
button, input, select, textarea {
    max-width: 100%;
}
#editDiv span.lookupInput a.searchLookupInputIcon {
    max-width: 36px;
}
.mb10 {
    margin-bottom: 10px;
}
table th {
    max-width: 300px;
}
ul.chevron li a {
    cursor: default;
}
/* Modal Vertical Scrolling */
/*
.modal-open .modal {
    text-align: center;
    padding: 0!important;
    overflow-y: hidden;
}
.modal-open .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-open .modal-dialog {
    margin: auto;
    padding: 0 5px !important;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 600px;
} */
.displayFlex {
    display: flex;
    align-items: top;
}
/* Only after footer toggled */
.footerToggled.footer.sidebarAvail .footerDiv-content {
    position: static;
    padding-left: 0 !important;
}

.footerToggled .footerDiv-content .pull-right {
    padding-right: 50px;
}


#pageHeaderId,
#taskSummaryDiv .panel-title {
    margin-left: 0;
}


#businessLogoWrap {
    margin-right: 15px;
}
/* CSS used to remove inconsistency */
.dropdown-menu,
.modal-header-ext,
body .modal-footer,
.customBtn, .page-content-wrapper .btn,
.panel,
.panel.panel-default,
button, html input[type=button], input[type=reset], input[type=submit],
.customBtn, .page-content-wrapper .btn,
button.secondaryBtn,
.nav-tabs>li>a,
#topTabsID li,
.datepicker,
.slds-scope .slds-has-inline-listbox, .slds-scope .slds-has-object-switcher,
.slds-scope .slds-input,
.slds-select,
.media-body,
#editDiv span.lookupInput a,
.input-group-addon,
.modal-content,
.border-msg,
.alert,
textarea,
.slds-scope .slds-dropdown,
body .input-group .form-control:last-child,
.slds-scope .slds-button,
.tooltipster-shadow,
.CollabMainPage .customBtn,
a.btn.quickSearchBtn.customBtn.btn{
    border-radius: 0 !important;
}
.datepicker {
    box-shadow: none;
}
#page-content-wrapper .panel-heading input {
    height: 30px;
}

.secondaryBtn,
.panel-heading button.secondaryBtn,
.btnCompact,
#page-content-wrapper .panel-heading input.btnCompact {
    height: 22px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 1.2;
    box-shadow: none !important;
}
#publisherShareButton,
#CollabSearchCancelButton,
#CollabSearchButton,
.publisherShareButton,
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn-group .btn.active,
.customBtn,
.page-content-wrapper .btn,
a.btn.quickSearchBtn.customBtn.btn,
.page-content-wrapper .btn.advf-button,
.page-content-wrapper .panel-heading a.btn,
#ModalDivID .input-group-btn button.customBtn,
#collabContainer .customBtn,
.CollabMainPage .customBtn {
    min-height: 30px;
    font-size: 13px;
    line-height: 1.5 !important;
    box-shadow: none !important;
}
#collabContainer .customBtn,
.CollabMainPage .customBtn {
    font-size: 13px !important;
}
#ModalDivID .input-group-btn button.customBtn {
    height: 30px;
}

.btnCompact,
input.btnCompact,
#page-content-wrapper .panel-heading input.btnCompact,
input[type='button'].btnCompact,
input[type='submit'].btnCompact,
.customBtn.btnCompact, 
.page-content-wrapper .btn.btnCompact, 
.CollabMainPage .customBtn.btnCompact, 
a.btn.quickSearchBtn.customBtn.btn.btnCompact,
#collabContainer .customBtn.btnCompact, 
.CollabMainPage .customBtn.btnCompact,
#publisherShareButton.btnCompact,
#CollabSearchCancelButton.btnCompact,
#CollabSearchButton.btnCompact,
.publisherShareButton.btnCompact,
#page-content-wrapper .workspace-panel .btn-group.btn-group-justified .btn-group .btn.active.btnCompact,
.customBtn.btnCompact,
.page-content-wrapper .btn.btnCompact,
a.btn.quickSearchBtn.customBtn.btn.btnCompact,
.page-content-wrapper .btn.advf-button.btnCompact,
.page-content-wrapper .panel-heading a.btn.btnCompact,
#ModalDivID .input-group-btn button.customBtn.btnCompact,
#collabContainer .customBtn.btnCompact,
.CollabMainPage .customBtn.btnCompact {
    height: 22px;
    min-height: 22px !important;
    padding: 2px 8px !important;
    font-size: 13px;
    line-height: 1.2 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center;
}

.btnCompact .fa {
    font-size: 14px!important;
}
/*input[type='checkbox'],
input[type='radio'],
input[type='hidden'],
input[type='file'],
input[type='image'],*/
input[type='button'],
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='reset'],
input[type='search'],
input[type='submit'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'], 
select,
.form-control,
input.datepicker  {
    /*width: 100%;*/
    height: 30px;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.2;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    min-height: 30px!important;
}
 textarea {
    /*width: 100%;*/
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.2;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    resize:vertical;
}
.input-group-btn:first-child>.btn {
    min-height: 30px!important;
    height: 30px;
    padding: 4px 8px;
}
table.tableClass {
    border-collapse: collapse !important;
}

table.gridTable .flexGridDropdownModal .modal-title {
        font-weight: 700;
}
span.topActions, 
button.secondaryBtn {
    margin: 0 0 1px 2px;
}
.header-bars {
    margin-top: 1px;
}
.slds-scope .slds-button_brand[disabled], .slds-scope .slds-button_brand:disabled, .slds-scope .slds-button--brand[disabled], .slds-scope .slds-button--brand:disabled {
    pointer-events: none;
}
/* Work but need structure changes */
.flexHeaderName {
    margin-right: 5px;
}
.taskPadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Form Fields */


/*input[type='button'], 
input[type='reset'], 
input[type='submit'],
*/
input[type='color'], 
input[type='date'], 
input[type='datetime-local'], 
input[type='email'], 
input[type='month'], 
input[type='number'], 
input[type='password'], 
input[type='range'], 
input[type='search'], 
input[type='tel'], 
input[type='text'], 
input[type='time'], 
input[type='url'], 
input[type='week'], 
.form-control, 
/*input, */
select, 
textarea, 
input.datepicker,
.lookUpInputDynamic,
.TOP_DOWN [id*='parentCustomLookup'],
.edit-layout-sep select,
.searchLookupInputIcon {
    width: 100%;
    max-width: 100%;
}

#myTabs input[type='color'], 
#myTabs input[type='date'], 
#myTabs input[type='datetime-local'], 
#myTabs input[type='email'], 
#myTabs input[type='month'], 
#myTabs input[type='number'], 
#myTabs input[type='password'], 
#myTabs input[type='range'], 
#myTabs input[type='search'], 
#myTabs input[type='tel'], 
#myTabs input[type='text'], 
#myTabs input[type='time'], 
#myTabs input[type='url'], 
#myTabs input[type='week'], 
#myTabs .form-control, 
/*input, */
#myTabs select, 
#myTabs textarea, 
#myTabs input.datepicker,
#myTabs .lookUpInputDynamic,
#myTabs .TOP_DOWN [id*='parentCustomLookup'],
#myTabs .edit-layout-sep select,
#myTabs .searchLookupInputIcon  {
    max-width: 350px;
}
.quickSearchBoxWrap,
.cke_chrome,
#myTabs .filesInput input,
#myTabs .filesInput textarea,
#myTabs textarea.mention-for-post {
    max-width: 100%;
}
/*.sortFieldMsg {
    margin-top: 5px;
    margin-bottom: 5px;
}*/
#flexTableDivId .quick-search,
.quickSearchBoxWrap,
#flexGridDivId .quick-search,
#flexTableDivId .advf-button,
.chartSearchTable {
    margin-bottom: 5px;
}
/*.table-responsive {
    margin-bottom: 0;
}*/
.panel-body table {
    font-size: 13px !important;
}
.table-responsive > .table {
    margin-bottom: 0;
}
n2g table, table.tableClass {
    margin-top: 0;
}
.row.edit-layout-sep:last-child {
    margin-bottom: 0;
    margin-top: 0;
}
/*.gridTable .panel-body {
    padding: 15px 30px;
}*/
/*.page-content-wrapper .TOP_DOWN .panel-heading .header-bars a.dropdown-toggle {
    margin-right: 5px;
}
*/
.page-content-wrapper .TOP_DOWN .panel-heading a,
.page-content-wrapper .TOP_DOWN .panel-heading .header-title a {
    margin-left: 0;
    margin-right: 5px;
}
.page-content-wrapper .TOP_DOWN .panel-heading .header-buttons a,
.page-content-wrapper .TOP_DOWN .panel-heading .header-buttons a .fa-bars {
    margin-left: 5px;
    margin-right: 0;
}

table.tableClass.gridTable tr td.paddingZero {
    padding: 10px;
}
#page-content-wrapper table.tableClass.gridTable tr td.paddingZero .panel {
    margin-bottom: 5px;
}

.customLabelstyle,
span.customLabelstyle {
    font-size: 12px!important;
    font-weight: 400 !important;
    display: inline;
}
.field-value {
    font-size: 14px !important;
    word-wrap: break-word;
}

/* not in this pkg --- working */
#topTabsID {
    margin-bottom: 10px;
}
.tabsPanelWrap .panel-body {
    padding-top: 15px;
}
.tabsPanelWrap > .panel-body {
    padding-top: 0;
}
.collab_files .collabTableBackground {
    margin-top: 0;
}
#progressBarId {
    padding-top: 30px;
    margin-bottom: 10px;
    background: #fff;
}
.collab_files div#collabContainer .collabFeedWrapper {
    padding-top: 10px;
}
#main-content-section .panel.border-add {
    margin-bottom: 15px;
}
/*#myTabs .marginBottom10 {
    margin-bottom: 0;
}*/
/*.headerDescCls {
    padding: 15px;
}*/
div#myTabbedContent,
#page-content-wrapper {
    height: 100%
}
body table.tableClass.gridTable tr td.paddingZero {
    padding: 10px 10px 10px 33px;
}

.navTopHeader .appDropdown .dropdown-toggle .fa,
.navTopHeader .userDropdown .dropdown-toggle .fa {
    font-size: 10px!important;
    margin-left: 5px;
}

#myTabs .panel-heading select {
    width: auto;
    padding: 0 8px;
    height: 22px;
    /* max-height: 22px !important; */
    min-height: 22px!important;
}
/*.customSidebar .componentTitle > a::after, .customSidebar .componentTitle .subMenu > a::after {
    content: '+';
    margin-top: -8px;
    font-size: 16px;
}
.customSidebar .componentTitle.clicked > a::after, .customSidebar .componentTitle .subMenu.clicked > a::after {
    content: '';
    border-bottom: 1px solid;
    border-color: inherit;
    width: 9px;
    margin-top: 0;
}*/

/* Sidebar scroll - crome */
#sidebar-wrapper::-webkit-scrollbar-button, 
body::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
#sidebar-wrapper::-webkit-scrollbar, 
body::-webkit-scrollbar,
#collabFeedWrapperID::-webkit-scrollbar, 
.collabContainer .panel-body::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.loginTabPageWrap .panel.tableBackground .panel-body::-webkit-scrollbar,
.overflowAuto::-webkit-scrollbar, 
.modal-open .modal.chartsHeaderBg::-webkit-scrollbar,
.modal-open .modal::-webkit-scrollbar,
#sendEmail .listDropdownTo::-webkit-scrollbar, 
#sendEmail .listDropdownToScroll::-webkit-scrollbar,
#calendar .fc-more-popover .fc-event-container::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.progressBarWrap #progressBarId::-webkit-scrollbar,
.customScroll::-webkit-scrollbar,
.richTextAreaField table::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
body::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

#sidebar-wrapper::-webkit-scrollbar-track, 
body::-webkit-scrollbar-track, 
#collabFeedWrapperID::-webkit-scrollbar-track, 
.collabContainer .panel-body::-webkit-scrollbar-track, 
.table-responsive::-webkit-scrollbar-track, 
.loginTabPageWrap .panel.tableBackground .panel-body::-webkit-scrollbar-track, 
.overflowAuto::-webkit-scrollbar-track, 
.modal-open .modal.chartsHeaderBg::-webkit-scrollbar-track,
.modal-open .modal::-webkit-scrollbar-track,
#sendEmail .listDropdownTo::-webkit-scrollbar-track, 
#sendEmail .listDropdownToScroll::-webkit-scrollbar-track,
#calendar .fc-more-popover .fc-event-container::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.progressBarWrap #progressBarId::-webkit-scrollbar-track,
.customScroll::-webkit-scrollbar-track,
.richTextAreaField table::-webkit-scrollbar-track{
    background: #ccc;
}

#sidebar-wrapper::-webkit-scrollbar-thumb, 
body::-webkit-scrollbar-thumb, 
#collabFeedWrapperID::-webkit-scrollbar-thumb, 
.collabContainer .panel-body::-webkit-scrollbar-thumb, 
.table-responsive::-webkit-scrollbar-thumb, 
.loginTabPageWrap .panel.tableBackground .panel-body::-webkit-scrollbar-thumb, 
.overflowAuto::-webkit-scrollbar-thumb, 
.modal-open .modal.chartsHeaderBg::-webkit-scrollbar-thumb,
.modal-open .modal::-webkit-scrollbar-thumb,
#sendEmail .listDropdownTo::-webkit-scrollbar-thumb, 
#sendEmail .listDropdownToScroll::-webkit-scrollbar-thumb,
#calendar .fc-more-popover .fc-event-container::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.progressBarWrap #progressBarId::-webkit-scrollbar-thumb,
.customScroll::-webkit-scrollbar-thumb,
.richTextAreaField table::-webkit-scrollbar-thumb {
    background: #666;
}

body .headerDescCls {
    padding: 0;
}

.navMenuHeader #myTabNew .fa.fa-cog {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
/*#modaltemp .page-content-wrapper > .container-fluid {
  padding: 0;
}*/
body.modal-open .modal-dialog {
    margin: 8px auto;
}
.modal-open .modal {
    margin-right: -10px;
    overflow-y: visible !important;
}

.padding-bottom-0 {
    padding-bottom: 0;
}
.panel-heading #topTabsID {
    margin-bottom: 0;
}

.navTopHeader.sidebarCollapsed .navbar-brand {
    width: auto;
}

/* To float icon right when no other button in header */
.configIconFieldsBlock  {
    margin-left: auto;
}

/* If new Progress bar */
/*.progressBarWrap #legendsId,
.progressBarWrap #progressBarId,
.progressBarWrap #progressBarId ol.progtrckr {
    margin-bottom: 0;
}
.progressBarWrap #progressBarId  {
    padding-top: 0;
}
.progressBarWrap .panel-body {
    padding: 10px 15px 5px 15px;
}*/


/* If old progress bar */
.progressBarWrap #legendsId,
.progressBarWrap #progressBarId,
.progressBarWrap #progressBarId ol.progtrckr {
    margin-bottom: 0;
}
.progressBarWrap #progressBarId  {
    padding-top: 15px;
}
.progressBarWrap .panel-body {
    padding: 10px 15px 8px 15px;
}

/* Remove when updated package with changes after 31 jan 2020 */
/*body .footer.sidebarAvail {
    left: 215px;
}
body .footer.sidebarAvail .footerDiv-content {
    left: -215px;
}*/
/* Remove when updated in FlexViewLayout.css package with changes after 31 jan 2020 */
/*.footer.sidebarAvail {
    left: 215px;
}
.footer.sidebarAvail .footerDiv-content {
    left: -215px;
}
.sidebar-wrapper {
    left: 215px;
    margin-left: -215px;
}
.wrapper.toggled .sidebar-wrapper {
    width: 215px;
}
.sidebar-nav {
    width: 215px;
}*/
/* Remove when updated in FlexViewLayout.css package with changes after 31 jan 2020 */

.navMenuHeader #myTabNew li.active:first-of-type {
    border-left: 0;
}

/* Send email specific css */
#sendEmail form#upload {
    position: relative;
}
#sendEmail .listDropdownTo,
#sendEmail .listDropdownToScroll {
    position: absolute;
    overflow: auto;
    height: auto;
    max-height: 275px;
    margin-left: 0;
    width: 100%;
    z-index: 9;
    right: 0;
    width: calc(100% - 94px);
}

.customSidebar .textBoxSearch {
    float: left;
}
.customSidebar .componentTitle {
    clear: both;
}

/* Send email specific css */
#sendEmail form#upload {
    position: relative;
}
#sendEmail .listDropdownTo,
#sendEmail .listDropdownToScroll {
    position: absolute;
    overflow: auto;
    height: auto;
    max-height: 275px;
    margin-left: 0;
    width: 100%;
    z-index: 9;
    right: 0;
    width: calc(100% - 100px);
}

.customSidebar .textBoxSearch {
    float: left;
}
.customSidebar .componentTitle {
    clear: both;
}

.readonlySpan .htmlDetailElementTable {
    width: 100%;
} 

/* Same height */
#taskSummaryDiv {
    display: flex;
}
#taskSummaryDiv > .col-md-6 {
    display: inline-flex;
}
#taskSummaryDiv > .col-md-6 > .panel {
    width: 100%;
}

/* Collab picklist */
.collabWrapper .groupSelectMain.active {
    height: 20px;
    min-height: 22px !important;
    width: 100px;
    padding: 0;
}
.collabWrapper .postToAnchor > span + span {
    top: 0;
}

/* table icon alignment */
/*Added for Action column alignment in line flex Table issue 71163*/ 
.tableClass td .actionColIconWrap {
    display: flex;
    align-items: center;
}
.tableClass td .actionColIconWrap i.fa {
    min-width: auto;
    padding: 0 2px;
} 

#calendar .fc-more-popover .fc-event-container {
    max-height: 150px;
    overflow-y: auto;
}

/* Modal - extra space around */
#modaltemp .page-content-wrapper > .container-fluid,
#modaltemp #ModalDivID > span > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.modal.in .modal-dialog .modal-body,
#modaltemp .panel-heading,
#modaltemp .panel-body,
#modaltemp .panel-footer {
    padding: 10px;
}
#modaltemp .row {
    margin-right: -10px;
    margin-left: -10px;
}
#modaltemp [class^="col-lg-"],
#modaltemp [class^="col-md-"],
#modaltemp [class^="col-sm-"],
#modaltemp [class^="col-xs-"] {
    padding-right: 10px;
    padding-left: 10px;
}
#modaltemp #topTabsID {
    border-bottom: 0;
}

.textFieldWrapFlex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -10px;
}
.overview-pane .panel-body .row > div.textFieldWrapFlex {
    margin-bottom: -10px;
}
.tab-content .textFieldWrap dl,
.textFieldWrap dl {    
    margin: 0;
}
.row.edit-layout-sep > .textFieldWrap,
.textFieldWrap {
    margin-bottom: 15px;
}

.chartcontainer .chartFilterDropdown {
    width: auto;
}
.chartcontainer .chartFilterDiv {
    padding: 5px;
}

.flexWrap {
    display: flex;
    flex-wrap: wrap;
}
/* Added for Modal action wrap */
.modalActionsWrap,
button.secondaryBtn.formValidateBtn {
    margin-bottom: 5px;
}
.sidebar-wrapper.sidebar-wrapper-ext #sidebar-wrapper-logo {
    height: 100%;
}

/* background color - #97937 */
div#myTabbedContent,
#page-content-wrapper,
body div#page-content-wrapper,
body div#page-content-wrapper > .container-fluid,
body .page-content-wrapper form {
    background: transparent;
}
/*close/clear icon for search boxes User Story 115101: Flexwind - Provide a means to clear the field and reset the search list*/
input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: searchfield-cancel-button;
    cursor:pointer;
}
input[type=checkbox],input[type=radio] {
    margin-right: 5px;
}
/* User Story 118053: Internal - Make (+) and (-) icon in bold from Sidebar menu. */
.customSidebar .componentTitle > a::after, .customSidebar .componentTitle .subMenu > a::after {
    content: '+';
    margin-top: -7px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 8px;
    display: inline-block;
    font: 700 17px/1 'Helvetica';
}
.customSidebar .componentTitle.clicked > a::after, .customSidebar .componentTitle .subMenu.clicked > a::after {
    content: '';
    border-bottom: 2px solid;
    border-color: inherit;
    width: 8px;
    margin-top: 0;
}
body .h-line-left {
    color: transparent;
    border-left: 1px solid #ff0000;
    height: 30px;
    display: inline-table;
    vertical-align: top;
    margin-top: 0;
}

table.tableClass tr td field {
    position: relative;
    display: block;
} 
/*Bug 118403: Internal : Mozilla Browser-E grid-Budget Details table border missing*/
@supports (-moz-appearance:none) {
    table.tableClass.gridTable {
        border-collapse: separate !important;
    }

    table.gridTable th:first-child table.gridTable tr td:first-child, table.gridTable tr td:first-child, table.gridTable tr th:first-child {
        border-left: 0 !important;
    }
    table.tableClass.gridTable th, 
    n2g table.gridTable th {
        border: 0 !important;
        border-left: 1px solid #ddd !important;
    }
    .gridTable tbody > tr:first-child td {
        border-bottom: 0;
    }
    table.gridTable tbody td, table.gridTable tfoot td, table.gridTable tfoot th {
        border-top: 0 !important;
    }
    table.gridTable th:last-child table.gridTable tr td:last-child, table.gridTable tr td:last-child, table.gridTable tr th:last-child {
        border-right: 0 !important;
    }
    table.gridTable th.ng-hide + th,
    table.gridTable td.ng-hide + td{
        border-left: 0 !important;
    }
	select[size="1"] {
        height: 30px;
    }
}

.richTextAreaField table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}
.richTextAreaField table th,
.richTextAreaField table td {
    padding: 8px;
    border: 1px solid #eee;
}
.richTextAreaField table th {
    background: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%) !important;
}

.modal-dialog .modal-body,
.modal-dialog .modal-body iframe {
    min-height: 100px;
}

.modal-dialog .modal-body iframe#CommunicationHistoryiframeContentId {
    min-height: 100px;
    height: 400px!important;
}

.bootbox .modal-dialog .modal-body,
.bootbox .modal-dialog .modal-body iframe {
    min-height: auto;
}

@media(min-width:768px) {
    .wrapper-sidebar,
    .wrapper.toggled .page-content-wrapper {
        padding-left: 215px;
    }
    .fixed-brand,
    body .sidebar-wrapper,
    .wrapper.toggled .sidebar-wrapper {
        width: 215px;
    }
    .CollabMainPage .collabFeedItemHeader {
	    float: left;
	    width: 91%;
	}
}

@media (max-width: 767px) {
    #editDiv .TOP_DOWN select,
    .page-content-wrapper .field-value .lookupInput input {
        width: 100%;
        max-width: 100%;
    }

    #myTabs #editDiv .TOP_DOWN select,
    .page-content-wrapper #myTabs .field-value .lookupInput input {
        width: 100%;
        max-width: 350px;
    }
    .mobadvfdetail{
        float: none!important;
    }
    .advfDetail {
        word-wrap: break-word!important;
    }
    .custom-title, .sessionText {
    display: block;
    }
    
 #myTabs input[type='text']{
        width:100%;
    }
}
/*-----This section is used for our sidebar toggle on desktop mode-----*/
@media only screen and (min-width:768px) {
    body .wrapper.toggled-2 .page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }   
    .tablePaginationWrap .totalRecords {
        width: auto;
    }
    .tablePaginationWrap .table-pager {
        width: auto;
        float: right;
    }

    .toggled-2 .customSidebar .componentTitle.clicked > a::after, 
    .toggled-2 .customSidebar .componentTitle .subMenu.clicked > a::after,
    .toggled-2 .customSidebar .componentTitle > a::after, 
    .toggled-2 .customSidebar .componentTitle .subMenu > a::after {
        content: "\f105";
        margin-top: -8px;
        border: 0;
        width: 6px;
    }
}
/*-----This section is used for medium size Mobile device----*/
@media only screen and (min-device-width: 220px) and (max-device-width: 447px) {
	.custom-reset-btn .customBtn{
		margin-top:5px;
	}	
	.advfilter{
        padding: 40px 10px 10px 10px;
    min-width: 275px;
    word-break: break-all;
    }
    div#progressBarId {
        overflow-y: auto;
        padding-top: 15px;
    }
    #progressBarId::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
        width: 100%;
        height: 2px;
    }
    #progressBarId::-webkit-scrollbar-button, .table-responsive::-webkit-scrollbar-button {
        width: 0;
        height: 0;
    }
    #progressBarId::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
        border-radius: 0;
    }
    #progressBarId::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
        border-radius: 50px;
    }
    #collabfeedpanel div#collabContainer {
        margin-top: 0;
    }
    #progressBarId::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
        background-color: #2B89BC;
        background: #2B89BC;
    }
    #progressBarId::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
        background: #f1f1f1;
    }
    ol.progtrckr li.progtrckr-todo:before {
        top: -15px;
    }
    ol.progtrckr li > .mask-before-todo {
        position: relative;
        top: -5px;
        left: 0;
        width: 50%;
        height: 5px;
    }
    body .footer.internal-footer .internal-footer-links {
        left: 0;
    }
    body .bs.internal-login-page #internalLoginPage .form-control {
        width: 95%;
        display: inline-block;
    }
    .modal-dialog.modal-dialogChart .modal-content.modal-content-ext {
        width: 100%;
        margin: 0 auto;
    }
    .fa, .glyphicon, .customSidebar .input-group .fa {
        font-size: 18px!important;
    }
     ol.progtrckr li .progressStatusText {
        padding: 0px 3px 5px;
    }
/* Bug 271270: Android/iphone- All tab - collapse icon issue */
	.togglePageBlock.fa.fa-caret-up{
        font-size: 18px!important;
    }
    
}
/*---- changed 767 to 765 for Bug 256737: Ipad - Modal - input field of column is not rendering properly by Varsha */
/*-----This section is used for all type of mobile devices-----*/
@media only screen and (min-width: 210px) and (max-width: 745px) {
    body .footer.internal-footer .internal-footer-links {
        left: 0;
    }
    ul.navbar-brand li {
        white-space: normal;
        word-break: break-all;
    }
    #mobileTabContainer {
        float: right;
    }
    #mobileTabContainer #selectedTab-Mobile {
        float: left;
        line-height: 30px;
        padding: 0 5px;
        color: #fff;
    }
    #deptLogoSecIcon {
        max-height: 25px;
    }
    div#_widget_wfx_ {
        display: none!important;
    }
    #DashboardsApp .paddingDiv #selectFilters .col-md-8 .pull-right {
        float: none!important;
        margin: 5px 0;
    }
    #DashboardsApp .col-md-12.paddingDiv {
        padding: 0;
    }
    #DashboardsApp .paddingDiv #selectFilters .col-md-8 {
        width: 100%;
        display: inline-block;
        text-align: left;
    }
    div#CollabFilesContainer0 input#FilesSearchText0 {
        border: 1px solid #9e9e9e;
        height: 25px;
        padding: 0 2px;
    }
    .workspace-panel .tab-pane .dataTables_info {
        display: none;
    }
    .overview-header .col-md-6 {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }
    div#headerButtonsPanel span {
        margin: 2px;
        display: inline-block;
    }
    .approvalMargins {
        width: 100%;
        margin-bottom: 10px;
    }
    .select-pkg-data-radio .panel-body .form-group .radio-inline {
        margin: 0;
    }
    .page-content-wrapper .field-value .lookupInput input {
        width: 88%;
    }
    .page-content-wrapper #editDiv .TOP_DOWN .col-xs-6 {
        /*width: 100%;*/
    }
	.page-content-wrapper #editDiv .TOP_DOWN .col-xs-6.cmobileEntries,  
	.page-content-wrapper #editDiv .TOP_DOWN .col-xs-6.mobtable-pager, 
	.page-content-wrapper #editDiv .TOP_DOWN .col-xs-6.quickSearchBoxWrap{
	  width: 50%;
	}
    #modaltemp .page-content-wrapper #editDiv .TOP_DOWN .panel-body .col-xs-6:nth-child(2) dl {
        margin-top: 15px;
    }
    .page-content-wrapper .pull-right .dropdown a:focus {
        display: inline-flex;
    }
    .page-content-wrapper .pull-right .dropdown a .fa-bars {
        padding: 0;
        margin: 0;
    }
    .page-content-wrapper .TOP_DOWN > div.row {
        border: 0 solid transparent!important;
    }
    .page-content-wrapper .panel-footer {
        text-align: right;
        padding-right: 15px;
    }
    /*.page-content-wrapper #editDiv .TOP_DOWN .tableBackground .col-xs-6 {
        width: 50%;
    }*/
    div.advf .col-md-12[ng-if="showFilterPane"] {
        margin: 10px 0;
        /*padding: 0;*/
    }
    .bs .nav-tabs.nav-justified > li {
        margin: 0;
    }
    .bs .container .row .col-md-8 > .banner {
        height: auto;
        width: 100%;
    }
    .bs .container .row .col-md-8 {
        padding-right: 15px!important;
    }
    .modal.in div.modal-dialog {
        padding: 5px;
        margin: 0 auto;
    }
    tfoot .n2gheader .col-md-4 {
        display: inline-block;
    }
    
    table.tableClass {
        margin-top: 0;
    }
    #MessagesHome .row > .col-md-12 .tableBackground .panel-body .row .col-md-12 .table-responsive .table {
        margin: 0;
    }
    .page-content-wrapper .workspace-panel #MessagesHome .panel-body > .row:nth-child(1) > div.col-md-3 {
        display: inline-block;
    }
    .page-content-wrapper .workspace-panel #MessagesHome .panel-body > .row:nth-child(1) > div.col-md-6 {
        display: none;
    }
    .page-content-wrapper .workspace-panel #MessagesHome .panel-body > .row:nth-child(1) > div.col-md-3 {
        float: left;
    }
    .page-content-wrapper .workspace-panel #MessagesHome .panel-body > .row:nth-child(1) > div.col-md-3:last-child {
        float: right;
    }
    #taskSummaryDiv .col-md-6 {
        padding: 0;
    }
    .header-title .panel-title.ng-scope {
        text-overflow: ellipsis;
    }
    a#Programstooltip {
        z-index: 999;
        position: relative;
    }
    div#dept-sec {
        position: static;
        right: 15px;
    }
    ul.navbar-brand li.nav-btn-main {
        display: block;
    }
    .toggled-2.wrapper {
        padding-left: 0;
    }
    
    .tableBackground .pull-left {
        margin: 7px auto;
        text-align: center!important;
        padding: 0;
        float: inherit!important;
        display: inline-block;
    }
    .tableBackground .pull-left span {
        margin: 0;
        padding: 0;
        display: inline;
        width: inherit!important;
        width: 20%!important;
    }
    .tableBackground .pull-left select.form-control {
        padding: 0;
        width: 60%!important;
    }
    .autoSuggestionStyleForInput {
        margin-bottom: 10px;
    }
    /*.quick-search.hidden-xs {
        display: block!important;
        margin-bottom: 10px;
    }*/
    .col-xs-6.header-title a span:nth-child(2) {
        display: block;
    }
    #UserListForCampaign .quick-search, #ContactListForCampaign .quick-search, #Groups .quick-search{
        margin-bottom: 10px;
    }   
    .panel-heading .panel-title.col-md-6 {
        padding-right: 0;
        overflow: hidden;
    }
    .panel-heading .panel-title.col-md-6 > a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 85%!important;
        display: inline-block;
    }
    .attachment-btn, .notes-btn {
        padding-right: 10px;
    }
    div#newModalDivForNotes .modal-body {
        padding: 15px 0;
        width: 100% !important;
    }
    .NotesAttach .col-md-6 {
        width: 50%;
        float: left;
    }
    div#addAtt {
        padding: 0;
    }
    div#addAtt table {
        width: 100%;
    }
    .modal-content {
        overflow: hidden;
        max-width: 100%;
    }
    div.advf .row .col-md-3 {
        display: block;
        padding-bottom: 0;
        padding-top: 5px;
    }
    div.advf .row .col-md-3:last-child {
        padding-bottom: 10px;
    }
    button.btn.btn-info.pull-right {
        margin: 0 0 10px;
    }
    .chartTitle {
        width: 60%!important;
    }
    div.advf {
        margin-bottom: 10px;
        margin-top: 0;
    }
    div#StickySearchTableIdActiveGrants {
        margin-bottom: 10px;
    }
    span.sidebar-label.ng-binding.hidden {
        display: inline-block!important;
        margin-left: 5px;
        width: 80%;
    }
    div#CollabFilesContainer0 {
        min-width: auto;
        padding: 5px;
    }
    #taskSummaryDiv .col-md-6, .col-md-4.collab_files {
        padding: 0;
    }
    .panel.panel-default.workspace-panel {
        margin: 0 -15px;
    }
    footer.footer {
        display: none;
    }
    span.main-title {
        width: 100%!important;
        display: block;
        line-height: 18px;
        text-align: center;
    }
    li.col-md-4.col-xs-12 img {
        float: none;
        margin: 0 auto!important;
        display: block;
    }
    li.main-title {
        margin-top: 5px;
        font-size: 14px;
    }
    li.nav-btn-main button {
        display: block;
    }
    #menu-toggle {
        display: block;
        margin: 0;
        padding: 8px 0 4px;
        float: left!important;
        margin-left: 20px;
    }
    #menu-toggle-2, li img.nav-logo2 {
        display: none;
    }
    
    .navbar-collapse.in {
        overflow-y: hidden;
    }
    div#dept-sec ul {
        margin: 5px 0!important;
    }
    div#dept-sec ul li {
        width: 100%;
        display: block;
        float: none!important;
        margin: 0 auto;
        overflow: hidden;
    }
    .user-type-logo {
        float: none;
    }
    div#dept-sec ul.nav.navbar-nav.navbar-right {
        margin: 0 auto;
        text-align: center;
    }
    button.navbar-toggle.pull-right {
        float: right!important;
        margin: 0;
    }
    button.navbar-toggle.pull-left {
        float: left!important;
    }
    #editDiv .TOP_DOWN .col-md-3.col-xs-3.col-sm-3 {
        width: 100%;
    }
	 #editDiv .TOP_DOWN .col-xs-4{}
    #editDiv .TOP_DOWN select {
        width: 100%;
    }
    .panel-heading .header-actions .header-bars span select {
        width: 70%;
        vertical-align: top;
    }

    /*.showEntries, .showEntries select, .table-pager, .table-pager .fa, .totalRecords {
        width: auto;
    }*/
    .NotesAttach .modal-body {
        width: 100%;
        min-width: 100%;
    }
    .col-md-offset-11.re-reset-btn {
        margin: 10px auto auto auto;
        text-align: center;
    }
    div#toggleFGridAwardKeyOutcomes .table tr td {
        min-width: 150px;
    }
    .modalDialogFlex .page-content-wrapper .panel-heading .col-xs-6.header-title .panel-title a {
    width: auto;
    }
    .page-content-wrapper .panel-heading .col-xs-6.header-title .panel-title div.dropdown a.tableLinks.dropdown-toggle {
        max-width: auto;
        width: auto;
    }   
    .sidebar .col-xs-12 .panel-body .col-xs-12 .modal-table-title {
        position: relative;
        left: 0px;
        top: 10px;
    } 

    .row.my-profile-view-page .sideDiv {
        padding-top: 95px;
        position: relative;
        right: 0;
        max-height: 550px;
        overflow: auto;
    }
    .row.my-profile-view-page .sidebar-wrapper {
        top: 84px;
        height: 100%;
    }
    div#PageTemplateApp {
        padding: 15px 0;
    }
    .row.my-profile-view-page > .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }
    .row.my-profile-view-page div#page-content-wrapper .container-fluid > .row > .col-md-12 {
        width: 100%;
    }
    .postInfo > div > span:first-child + span {
        font-size: 10px;
        padding: 2px;
        width: 100%;
    }
    .panel.tableBackground .panel-body .col-md-6 .input-group {
        left: -10px;
        top: -5px;
    }
    .chartcontainer.ng-scope {
        margin: 15px 0;
        display: inline-block;
        width: 100%;
    }
    .col-xs-6 .quick-search {
        padding-bottom: 5px;
    }
    .modal-open .modal.chartsHeaderBg .modal-dialog,
    .modal-open .modal.chartsHeaderBg .modal-content {
        width: 100% !important;
    }
    #myTabNew li {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 820px)
{
 .dropdown-menu-left
    {
     left:-60px ;
     }    
}

/*-----Bug 197941: SCDE - CK Editor - Rich Text Area field should not add an extra line between paragraphs-----*/
span.wordPre.field-value {
white-space: normal;
}
@media only screen and (max-width: 580px) {
.overview-header .col-md-6 {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
    }
.tableBackground .totalRecords {
        display: inline-block;
        float: inherit;
        position: relative;
        padding-right: 12px;
         text-align: centre;
        width: 100%;
        vertical-align: top;
        padding-left: 0;
    }
	
	  .showEntries.col-md-4 {
        width: 100%;
        display: inline-block;
        float: inherit;
        padding-left: 12px;
        text-align: center;
        vertical-align: top;
        padding-right: 0;
    }
    .totalRecords.col-md-4 {
        width: 100%;
        text-align: center;
        margin: 4px 0;
    }
    .table-pager.col-md-4 {
        width: 100%;
        text-align: center;
        margin: 4px 0;
        float: none;
    }
    .mobshowEntries{
		text-align:center!important;
        margin-bottom:8px;
        width:100%;
	}
	.mobtable-pager{	
		text-align:center!important;
        width:100%;
	}
    .mobtable-pager .spanTablePager{
        text-align:center!important;
        float: none!important;
    }
    .cmobileEntries .displayFlex{
     display:block;   
    }
      .gridTotalrecords.col-md-4 {
    width: 33.33%!important;
}
}
@media only screen and (max-width: 545px) {
    .sessionText {
    margin-bottom: 5px;
}
}


@media only screen and (max-width: 480px) {

  .charts-padding{
        margin-left:0px;
        margin-right:0px;
    }
	
    .panel-heading .header-title {
        margin-bottom: 5px;
    }
    .panel-heading .header-actions,
    .panel-heading .header-title,
    body #InvitedUser div#flexTableDivId .col-md-12 .panel .col-xs-6,
    .flexgrid-panel-heading .panel-title,
    .flexgrid-panel-heading #flexGridHeaderButtonsMonitoringGridView,
    .panel .panel-heading .header-actions,
    .NotesAttach .col-md-6,
    .panel-heading .col-xs-6,
    .panel-heading .attachment-btn, 
    .panel-heading .notes-btn {
        width: auto
    }
    .panel-heading .panel-title{
	margin-bottom:5px;
	}
	.chartcontainer.ng-scope {
        margin: 0px;
      
    }
	
	#WorkspaceFilesHierarchy ul li[aria-level="1"] .slds-tree__item{
        padding:2.5px 0px 2.5px 0px !important;
        }
    #WorkspaceFilesHierarchy ul li[aria-level="2"] .slds-tree__item{
        padding:2.5px 0px 2.5px 15px !important;
        }
   #WorkspaceFilesHierarchy ul li[aria-level="3"] .slds-tree__item{
   padding: 2.5px 0px 2.5px 50px !important;
   }
	
}

/*This section is used for very small size mobile devices*/
@media only screen and (min-width: 210px) and (max-width: 320px) {
    .chartcontainer.ng-scope {
        margin: 15px 0;
    }
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        word-break: break-all;
    }
    .panel-heading .header-actions .header-buttons button.secondaryBtn {
        border: 0;
        padding: 4px;
        font-weight: 400;
        border-radius: 4px;
        margin-top: -2px!important;
        text-overflow: ellipsis;
        width: 59px;
        white-space: nowrap;
        overflow: hidden;
    }
    .panel .panel-heading .header-actions {
        float: right;
        padding-right: 15px;
    }
    td, th {
        word-break: normal;
    }
    .page-content-wrapper .panel-heading .col-xs-6.header-title .panel-title div.dropdown a.tableLinks.dropdown-toggle {
        max-width: auto;
        width: auto;
    }
}
/*-----This section is used for All tablet related devices-----*/
@media only screen and (min-width: 210px) and (max-width: 1285px) {
    .CollabMainPage .collabFeedItemHeader {
        float: left!important;
        width: 90%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 819px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
.panel-heading button.secondaryBtn{
                                margin-top: 2px;
                                }/*===Bug 256829: Ipad - Maintain spacing between buttons for Ipad portrait view.===*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1022px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    ul.navbar-brand li {
        white-space: normal;
        word-break: break-word;
    }
    :focus {
        outline: 0!important;
    }
    .overview-header .col-md-6 {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    div#CollabFilesContainer0 input#FilesSearchText0 {
        border: 1px solid #9e9e9e;
        height: 25px;
        padding: 0 2px;
    }
    #page-content-wrapper .col-md-4.collab_files, #page-content-wrapper .panel.panel-default.workspace-panel, div#taskSummaryDiv .col-md-6 {
        margin-right: -15px;
        margin-left: -15px;
    }
    #editDiv .TOP_DOWN select {
        width: 100%;
    }
    #editDiv .TOP_DOWN .col-md-3.col-xs-3.col-sm-3, #editDiv .TOP_DOWN .col-sm-4 {
        width: 50%;
    }
    li.main-title.col-md-8.col-xs-6 {
        position: absolute;
        margin-top: 12px;
    }
    div#navbar {
        position: relative;
        left: 45px;
    }
    div#toggle-div {
        position: absolute;
        text-align: left;
    }
    span.hidden-xs {
        display: none!important;
    }
    span.footer-links {
        font-size: 10px;
        text-align: left;
    }
    .col-xs-6.header-title .panel-title a span:nth-child(2) {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .bs > .container {
        width: 100%;
    }
    .bs .container .row .col-md-8 {
        padding-right: 15px!important;
    }
    .modal.in div.modal-dialog {
        width: 100%!important;
        height: auto !important;
        padding: 5px;
        margin: 0 auto;
    }
    div#WBSTaskSchedule .col-md-6 {
        display: inline-block;
        width: 48%;
        margin: 0;
    }
    .select-pkg-data-radio .panel-body .form-group .radio-inline {
        margin: 0;
    }
    .approvalMargins {
        width: 100%;
        margin-bottom: 10px;
    }
    .WFEMHO.WFEMFQ.WFEMGJ.WFEMGQ {
        display: none!important;
    }
    .tableBackground .col-sm-3 {
        width: 200px;
        display: inline-block;
    }
    .tableBackground .col-md-6 {
        width: 44%;
        display: inline-table;
        vertical-align: top;
    }
    .tableBackground .col-md-3 {
        display: inline-block;
    }
    .panel-heading .header-title {
        float: left;
        width: 60%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .panel-heading .header-actions {
        float: right;
        padding-right: 15px;
        width: 40%;
    }
    .panel-heading .header-actions .header-bars span select {
        width: 74%;
        vertical-align: top;
    }
    .NotesAttach .col-md-6 {
        float: left;
        width: 50%;
    }
    #AnnouncementBudgetCategory .col-sm-4 {
        width: 49%;
    }
    .header-title .panel-title.ng-scope .focusItem .panel-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .page-content-wrapper .panel-heading .panel-title a span:nth-child(2) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    /*.showEntries, .showEntries select, .table-pager, .table-pager .fa, .totalRecords {
        width: auto;
    }*/
    table#table-ext tfoot tr th .row .col-md-4 {
        display: inline;
        vertical-align: top;
    }
    div#progressBarId {
        overflow-y: auto;
        padding-top: 15px;
    }
    .NotesAttach .modal-body {
        width: 100%;
        min-width: 100%;
    }
    .page-content-wrapper .flexgrid-panel-heading.panel-heading .panel-title a {
        max-width: 180px;
    }
    #flexTableDivId .panel-body .row > .col-sm-3 {
        display: inline-block;
        width: 200px;
    }
    #flexTableDivId .panel-body .row > .col-md-6 {
        display: inline-block;
    }
    #flexTableDivId .panel-body .row > .col-md-3.ng-scope:last-child {
        float: right;
        vertical-align: top;
    }
    div#charts #InternalApplicationSummary-RecipientId .chartcontainer, div#charts #InternalApplicationStatus-RecipientId .chartcontainer,
    div#charts #NumofAwardsperGrantId .chartcontainer, div#charts #GrantsAwardedId .chartcontainer {
        margin: 0 15px;
    }
    a#ownerid {
        word-break: break-all;
    }
    .col-md-offset-11.re-reset-btn {
        margin: 10px auto auto auto;
        text-align: center;
    }
    div#toggleFGridAwardKeyOutcomes .table tr td {
        min-width: 150px;
    }    
    .panel.tableBackground .panel-body .col-md-6 .input-group {
        left: -12px;
        top: -5px;
    }
    .sidebar .col-xs-12 .panel-body .col-xs-12 .modal-table-title {
        position: relative;
        left: 0px;
        top: 10px;
    }     

    .row.my-profile-view-page footer.footer {
        bottom: -571px;
        margin-top: 0;
    }
    .row.my-profile-view-page div#page-content-wrapper .container-fluid > .row > .col-md-12 {
        width: 100%;
    }
    .row.my-profile-view-page .sideDiv {
        padding-top: 95px;
        position: absolute;
        right: 15px;
        max-height: 700px;
        overflow: auto;
        width: 65%;
        bottom: inherit;
        margin: 0 auto;
        top: 0;
    }
    .row.my-profile-view-page div#page-content-wrapper {
        padding: 10px 0 0;
        top: 610px;
        position: relative;
        min-height: 1030px;
        overflow: hidden;
    }
    .row.my-profile-view-page .postInfo {
        width: 100%;
    }
    .row.my-profile-view-page .postInfo > div > span:first-child + span {
        font-size: 10px;
        padding: 3px 5px;
    }
    .row.my-profile-view-page button#menu-toggle-2 {
        visibility: hidden;
    }
    div#toggle-div.expand-icon-div {
        max-width: 0 !important;
    }
    #charts div[ng-controller="ChartCtrl"] .panel-default .col-md-4 {
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
    }
    #charts div[ng-controller="ChartCtrl"] .panel-default .col-md-4 .nonPhaseHeight {
        height: auto !important;
    }
    body .footer.internal-footer .internal-footer-links {
        left: 0;
    }
} 

@media only screen and (min-width: 1024px) and (max-width: 2500px) {
    .page-content-wrapper .panel-heading .panel-title a {
        max-width: 100% !important;
    }
    
     body .page-content-wrapper .panel-heading .panel-title a div {
        overflow: hidden;
    }

    body .page-content-wrapper .panel-heading .panel-title .dropdown a {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

}

@media only screen and (max-width: 1369px) {
    .sessionClass {
        font-size: 11px!important;
    }
}
@media only screen and (max-width: 1314px) {
    .sessionClass {
        font-size: 10px!important;
    }

    .sessionClass .fa {
        font-size: 8px!important;
    }
}

@media only screen and (max-width: 1255px) {
  .sessionText {
    float: left;
}
}

@media only screen and (max-width: 1234px) {
   .sessiontext {
    float: left!important;
}
}
@media only screen and (max-width: 1193px) {
    .sessionText 
    {
    float: none;
    }
}

/* External login pages - responsive only 508 style ( without login pages ) */
@media (max-width: 991px) {
  .loginPageWrap.loginTabPageWrap .logoWrap .stategovLogo,
    .loginPageWrap.loginTabPageWrap .logoWrap .govGrantsLogo {
    height: auto;
    line-height: 1.2;
  }

  .loginPageWrap .columnWrap {
    height: auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 914px) 
{
  .charts-padding
  {
        margin-left:0px;
        margin-right:0px;
    }
    .page-content-wrapper .panel-heading .panel-title ul.dropdown-menu li a 
    {   
        font-size:12px;
    }
    #modaltemp .advfWrap {
    padding-left: 20px;
   
}
}
@media (max-width: 767px) {




  .loginPageWrap .topWrap,
    .footerWrap {
    padding: 10px 15px;
  }

  .loginPageWrap.loginTabPageWrap .logoWrap .stategovLogo,
    .loginPageWrap.loginTabPageWrap .logoWrap .govGrantsLogo {
    height: auto;
    line-height: 1.2;
    font-size: 16px;
    padding: 0;
  }

  .loginPageWrap .columnWrap {
    padding: 15px;
  }

  .loginTabPageWrap .columnWrap.tabColumnWrap {
    padding: 0;
  }

    /* tabs css */
  .tabsWrap .contentWrap {
    border-radius: 0;
    padding: 10px;
  }

  .tabsWrap .radioBtn + label {
    height: auto;
    width: auto;
    font-size: 13px;
    padding: 8px;
    border-bottom: 0;
    margin-bottom: 0;
  }
    /* footer */
  .footerWrap {
    text-align: center;
  }

  .footerWrap img {
    float: none;
  }

  .footerWrap ul {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .footerWrap ul li {
    display: inline-flex;
    align-items: center;
  }

  /* page css */
  .table-responsive > .table {
    margin-bottom: 10px;
  }

  .panel-heading .header-actions,
  .panel-heading .header-title,
  .page-content-wrapper #editDiv .TOP_DOWN .tableBackground .col-xs-6,
  .tablePaginationWrap .totalRecords,
  .tablePaginationWrap .table-pager {
    width: auto
  }
  .tablePaginationWrap .table-pager {
    float: right;
  }

  .sessionText {
    float: none;
}
}

/* Added for Table pageination, entries and total records */
@media (max-width: 500px) {

ol.progtrckr {
  padding: 0px;
	}
	
	ol.progtrckr li {
	display: inline-table;
     min-width: 0px;
   
}

    .tablePaginationWrap .totalRecords {
        text-align: right;
    }
    .tablePaginationWrap .showEntries,
    .tablePaginationWrap .totalRecords {
        width: 50%;
    }
    .tablePaginationWrap .table-pager {
        width: 100%;
        text-align:center;
        padding:10px 0 0;
    }
}


/* Removing extra space */
body #page-content-wrapper .panel {
    margin: 0 0 10px 0;
}
.chartcontainer .panel-heading, 
.tabSection .panel-heading, 
.tableBackground .panel-heading,
#myTabs .panel-heading,
#taskSummaryDiv .panel-heading {
    min-height: 30px !important;
    line-height: 1.2;
}
/*.tabSection .panel-heading {
    min-height: 26px !important;
}*/
.panel-heading,
#page-content-wrapper .panel-footer,
body #page-content-wrapper .panel-footer,
.chartcontainer .panel-heading, 
.tabSection .panel-heading, 
.tableBackground .panel-heading {
    padding: 5px 15px;
}
.panel-body {
    padding: 10px 15px;
}
.row.edit-layout-sep > .textFieldWrap, .textFieldWrap {
    margin-bottom: 10px;
}
.tabsPanelWrap .panel-body {
    padding-top: 10px;
}
.tabsPanelWrap > .panel-body {
    padding-top: 0;
}
#modaltemp .panel-heading,
#modaltemp .panel-footer {
    padding: 5px 10px;
}
.overview-pane .panel-body .row > div.textFieldWrapFlex {
    margin-bottom: -5px;
}
.progressBarWrap .panel-body {
    padding: 10px 15px 8px 15px;
}
.page-content-wrapper .alert {
    margin-bottom: 10px;
    margin-top: 10px;
}
#myTabs .panel.collabPanel {
    border-top: 0 !important;
}

/*#taskSummaryDiv .panel-heading {
    padding: 10px 15px;
}*/
/*div#CollabMenu {
    background: #fff
}
*/
.table { 
  position: relative;
    border-radius: 0.2rem;
    width: 100%;
    /*padding-bottom: 1rem;*/
    margin-bottom: 0;
   }

  /*====freeze the left column of the flex table */
  /* .table td:nth-child(1){
  position: sticky;
  left: 0;
  z-index: 5;
  }*/


/*====freeze the left column of the flex grid enhanced and data table enhanced */
 table.gridTable {
    border-collapse:collapse!important;
    border-spacing: 0!important;
   
 }
/*====add this to remobe little space issue===*/
 .tableGridWrap table.tableGrid{
    border-collapse:separate!important;
    border-top: 1px solid transparent!important;
	 border-bottom: 0.5px solid #ededed;
 }
.childColumn .tableGridWrap table.tableGrid {
    /*border-collapse: collapse!important;*/    
}
 .tableGridWrap table.tableGrid tbody > tr:first-child td {
     border-bottom: 0.5px solid #ededed;
	 border-right: 1px solid #ddd !important;
}
tr.childColumn  grid table.gridTable{
    /*border-left: 1px solid transparent!important;*/
}
/*====add this to remobe little space issue===*/


table.gridTable tbody tr td:first-child,
table.gridTable thead tr th:first-child {
    left: 0 !important;
   
}

table.gridTable tbody tr td:first-child {
    z-index: 7;
}

table.gridTable thead tr th:first-child {
    z-index: 9;
}

table.gridTable thead tr th:nth-child(2), table.gridTable tbody tr td:nth-child(2) {
    z-index: 7;
   

}
table.gridTable thead tr th:nth-child(3), table.gridTable tbody tr td:nth-child(3){
    z-index: 6;
    
}
table.gridTable thead tr th:nth-child(4), table.gridTable tbody tr td:nth-child(4){
    z-index: 5;
    
}
table.gridTable thead tr th.sticky-column, table.gridTable tbody tr td.sticky-column {
    position: sticky;
}
.table td{
  white-space: nowrap;
  
}
  
/*====freeze the top header  column of the flex grid enhanced and data table enhanced */

.fixedHeader{
    position: sticky;
    top:0px;
    z-index: 8;
  }

  .fixedHeight{
    height: 395px; 
    overflow-y: auto;
  }

  table.tableGrid tbody:nth-child(odd) tr td.sticky-column{
    background-color: #f9f9f9 !important;
}

table.tableGrid tbody:nth-child(even) tr td.sticky-column {
    background-color: #fff !important;
	border-right: 1px solid #ddd !important;
}

.childColumn table.tableGrid tbody:nth-child(odd) tr td.sticky-column{
    background-color: #f9f9f9 !important;
}

.childColumn table.tableGrid tbody:nth-child(even) tr td.sticky-column {
    background-color: #fff !important;
    border-right: 1px solid #ddd !important;
}

 .no-z-index{
    z-index:0 !important;
}
.position-static {
    position: static !important;
}
.hide-element{
 display: none !important;
}

/* for child table columns */
.childColumn table.tableGrid tbody:nth-child(even) tr {
 background-color: #fff !important;
}

.childColumn table.tableGrid tbody:nth-child(odd) tr {
 background-color: #f9f9f9 !important;
}

/*Below css required for integration of LWC component*/
/*Attachment */
#myTabs textarea.slds-textarea{
    max-width:100%!important;
  }
  .slds-scope .slds-button {
  
     min-height: 22px;
     /* padding: 0 8px;*/
      font-size: 13px;
      line-height: 1.2;	
  }
 .slds-box{
    padding:0px !important;
      margin-bottom:10px;
      border-radius: 0px !important;
          border-top: 3px solid #b0c4df !important;
      box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    border: 1px solid rgb(221, 219, 218);
	margin-left:0px !important;
  margin-right:0px !important;
  }
/*================LWC help icon tooltip=====================*/ 
.slds-popover__body,
.slds-popover__footer,
.slds-popover__header {
    position: relative;
    padding: .4rem .4rem;
    word-wrap: break-word;
}

.slds-popover {
    position: relative;
    border-radius: 0;
    width: 20rem;
    min-height: 1.5rem;
    z-index: 6000;
    background-color: #f3f2f2;
    display: inline-block;
    /* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16); */
    border: 1px solid #000 !important;
}

.slds-popover--tooltip,
.slds-popover_tooltip {
    width: auto;
    max-width: 25rem;
    background: #f3f2f2;
    border: 0;
}
.slds-popover--tooltip .slds-popover__body,
.slds-popover_tooltip .slds-popover__body {
    font-size: 13px;
    line-height: 19px;
    color: #333;
}

.slds-fall-into-ground {
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 0);
    transition: opacity .1s linear, visibility .1s linear, transform .1s linear;
    will-change: transform;
}

.slds-nubbin--bottom-left:before,
.slds-nubbin_bottom-left-corner:before,
.slds-nubbin_bottom-left:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: '';
    background-color: inherit;
    bottom: -.5rem;
    margin-left: -.5rem;
   border-bottom:1px solid #000;
   border-right:1px solid #000;
}
.slds-nubbin--top-left:before,
.slds-nubbin_top-left-corner:before,
.slds-nubbin_top-left:before  {
   width: 1rem;
    height: 1rem;
   position: absolute;
    transform: rotate(-135deg);
    content: '';
    background-color: inherit;
    top: -.5rem;
   margin-left: 1rem;
   border-bottom:1px solid #000;
  border-right:1px solid #000;

}

.slds-nubbin--bottom-left:after,
.slds-nubbin--bottom-left:before,
.slds-nubbin_bottom-left-corner:after,
.slds-nubbin_bottom-left-corner:before,
.slds-nubbin_bottom-left:after,
.slds-nubbin_bottom-left:before {
    left: 1.5rem;
    top: 100%;
    margin-top: -.5rem;
}
.slds-nubbin--bottom-left:before, .slds-nubbin_bottom-left-corner:before{
    border: 1px solid #000!important;
}
.slds-nubbin--bottom-left:after,
.slds-nubbin_bottom-left-corner:after,
.slds-nubbin_bottom-left:after {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16);
    z-index: -1;
     border: 1px solid #000!important; 
}

.slds-popover :last-child {
    margin-bottom: 0;
}
lightning-primitive-bubble .slds-hide {
    display: none !important;
  }
/*=====added to align drodown of Search by To, Search by Cc*/
.slds-dropdown_fluid, .slds-dropdown--fluid {
    min-width: 0px !important;
}
.slds-form-element__label{
    color:#333!important;
}

  
  /*Flextable*/
  
  .slds-table tbody tr th{
      background: transparent !important;
  }
  
 .slds-table tbody tr td{
     border-left: 0.5px solid #ededed;
  }
  
  .slds-table tbody tr th{
     border-top: 0.5px solid #ededed !important;
 }
 .slds-table tbody tr:hover{
      background: #e8e8e8 !important;
  }
  
  .toggleAction.slds-button_icon svg{
      padding:0px;
  }
  
  .slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:hover>td{	
      background: transparent;	
  }
  
  .slds-table thead tr th{
      padding-top:0px !important;
  }
  
  .slds-scope .slds-button_icon-brand {
      background-color: #005fb2;
  }
.slds-scope .slds-icon {
  width: 14px !important;
  height: 14px !important;
  fill: #00396B;
}
  /* pagination UI issue 
  
  .slds-scope .slds-button[disabled], .slds-scope .slds-button:disabled{
      background-color: transparent !important;
      border-color: transparent !important;
      color: var(--lwc-colorTextButtonDefaultDisabled,rgb(201, 201, 201));
      cursor: default;
  }
      
  .slds-scope .slds-button_neutral{
      background-color: transparent !important;
      border-color: transparent !important;
      color: #05599c;
      cursor: default;
  }
  
  .slds-scope .slds-button_neutral:hover, .slds-scope .slds-button_neutral:focus, .slds-scope .slds-button--neutral:hover, .slds-scope .slds-button--neutral:focus{
      color: #005fb2 !important;	
  }*/
  
   .slds-scope .slds-button_brand, .slds-scope .slds-button--brand {

    --slds-c-button-spacing-inline-start: 8px !important;

    --slds-c-button-spacing-inline-end: 8px !important;

  }
  .resizeTextArea  .slds-rich-text-area__content{
    min-height: 200px;
}
.slds-email-dropdown .slds-listbox_vertical .slds-listbox__option_plain{
    padding: 0.05rem 0.75rem!important;
}
  
    .slds-icon-utility-close.slds-icon_container {
    margin-top: 5px;
}
  
/* LWC send email dropdown arrow issue*/
  .slds-email-dropdown .slds-input__icon-group_right {
    right:0!important;
}

.slds-email-dropdown .slds-input-has-icon .slds-input__icon_right {
    top: 50%!important;
}


.resizeTextArea .slds-input__icon-group_right {
    right:0!important;
}

.resizeTextArea .slds-input-has-icon .slds-input__icon_right {
    top: 50%!important;
}

/*LWC send email dropdown arrow issue end*/

.slds-email-dropdown .slds-combobox__input:hover{
    cursor: auto!important;
}
.slds-email-dropdown .slds-combobox__input:focus{
    cursor: pointer!important;
}


 #myTabs input[type='text'].slds-input{
    max-width:100%;
  }

  .slds-scope .slds-input-has-icon .slds-input__icon_right {
    top: 25%;
  }

  .slds-scope .slds-input__icon-group_right {
    right: 8px;
   
}
/*LWC Notes required icon issue end*/

.slds-scope .slds-required{
    margin:0px;
  }
  
  /*LWC component modal close icon issue*/
  
  .slds-scope .slds-modal__header .slds-modal__close {
  position: absolute;
  right: 10px;
  margin-left: 0;
  bottom: 0;
}
  
  .slds-scope .slds-modal__close .slds-button{
  font-size: 18px;
  color: #00396B;
}

.slds-scope .slds-modal__close .slds-button:focus{
  box-shadow:none;
  border-color:none;
  border:0px !important;
}

.slds-scope .slds-text-heading_medium{
  font-size: 15px;
  line-height: 25px;
}

/*LWC component Attachment flextable border issue issue if disable only flextableLWC*/
.spinner-overlay1 {
  filter: alpha(opacity=40);
  position: absolute;
  width: 100%;
  height: 725px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  opacity:1;
  background: rgba(118, 116, 116, 0.5);
   display: flex;
  justify-content: center;
  align-items: center;
} 

.slds-table_header-fixed_container{
    /*border:1px solid #ededed;
    border-collapse: collapse;*/
   
     border-top:0.5px solid #ededed;
     border-bottom:0.5px solid #ededed;
   padding-top:30px !important;
   }
   .dt-outer-container{
     border-left:0.5px solid #ededed;
     border-right:0.5px solid #ededed;
   }

   .slds-th__action {
    background: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%) !important;
    border-left: 1px solid #ddd;
    }

   .slds-table_header-fixed tbody tr th{
        border-left: 1px solid #ddd;
        }
	.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus){
     box-shadow: none !important;
	}
	

/* Table component border */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0.5px solid #ededed;
}

/*===================file upload from local drive css=================*/

.slds-td .slds-close  .slds-button_neutral, .slds-td .slds-close  .slds-button_neutral:hover,  .slds-td .slds-close  .slds-button_neutral:focus{
background: transparent!important;
border:none!important;
color: #F23131!important;
font-size: 22px!important;
font-weight: 800!important;
}
.slds-td .slds-close  .slds-button_neutral:hover,  .slds-td .slds-close  .slds-button_neutral:focus{
    cursor: pointer;
}
  .slds-icon-utility-close  .slds-icon{
    fill:rgb(242, 49, 49) !important;
    width:16px;
    height: 16px;
}

.slds-icon-utility-offline-cached .slds-icon{
    fill:rgb(247, 137, 44) !important;
    width:22px!important;
    height: 22px!important;
    color: #f7892c!important;   
}

.slds-icon-utility-offline-cached .slds-icon:hover{
    cursor: pointer;
}
.slds-form-element .slds-fnt-13{
    font-size: 13px!important;
}

.slds-form-element .slds-pd-rt{
    padding-right: 0px;
}

.custom-upload .slds-file-selector__body {
margin-bottom: 1px!important;
}

.custom-upload .slds-button.slds-button_neutral{
    background: #05599c !important;
    border: 1px solid #05599c !important;
    color: #fff;
}
    
/* added for Bug 256747: file library-tree library icon position is not proper by Varsha */
.GNTContentFolder .tree-library .slds-icon {
    fill: rgb(32, 136, 177);
    width: 22px !important;
    height: 22px !important;
    margin-top: 3px;
}

/*==Androif, iphonem Ipad issues css==*/
.pd-mg-class{
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.advfWrap{
	border: 1px solid #eee; /*256819*/
}
.custom-reset-btn .customBtn{
    float:right;
}

.slds-table_header-fixed{
	border-bottom: 0!important;
}

.collabFeedWrapper > .feedItem .collabFeedItemMenu {
    margin-right: 5px;
}
.slds-table[data-num-rows ="0"] .slds-dropdown-trigger {
           display: none;
}

a.collabFileSize::before {
	content: "";
	height: 16px;
	width: 20px;	
	position: absolute;
	margin-left: -20px;
	background: url(../../resource/GNT__CollabSprites/CollabSprites/collabFiles.png) no-repeat 0 -18px !important;
}
.collabFeedWrapper > .feedItem .collabFeedItemMenu > a > span {
    background: #f8f8f8 url(../../resource/GNT__CollabSprites/CollabSprites/collabSprites.png) no-repeat 0px -1634px !important;
}

@media only screen and (min-width: 210px) and (max-width: 450px) {
    .tableLinksForHeader ~ .dropdown-menu .tableLinks {
    padding-left: 22px!important;
	}


	.tableLinksForHeader ~ .dropdown-menu .fa.fa-check {
	    left: 5px!important;
	    font-size: 15px!important;
	}              
}
    
    
@media (max-width: 600px) {
    body .page-content-wrapper #flexTableDivId .panel-heading  .panel-title ul.dropdown-menu.dropdown-menu-left a {
	    word-wrap: break-word!important;
	    white-space: normal;
		}
	}



	@media (max-width: 460px) {
	    .dropdown-menu-left {
	    left: -80px;
		}    
	}



	@media (max-width: 360px) {
	    .dropdown-menu-left {
	    left: -112px;
	}
}

@media (max-width: 768px)
{
    body div#page-content-wrapper > .container-fluid
    {
        background: rgba(176, 196, 223);
    }
}

.navbar-fixed-top {
    z-index: 1041 !important;
}


.collabFeedWrapper .feedItem .moreActions > div:first-child > a {
    background: url(../../resource/GNT__CollabSprites/CollabSprites/collabSprites.png) no-repeat 72px -1836px!important;
}

.collabFeedWrapper .feedItem .moreCommentActions {
    background: transparent url(../../resource/GNT__CollabSprites/CollabSprites/collabSprites.png) no-repeat 72px -1836px!important;
}

.collabFeedWrapper .feedItem .moreActions > div.follow > a {
    padding-left: 18px;
    background: transparent url(../../resource/GNT__CollabSprites/CollabSprites/collabFollowSprite.png) no-repeat 0px 0px!important;
}

.collabModal > a, #UploadNewVersion > a, .collabFilesWrapper a.actionClose, #CollabShareModal div.share + a {
    background: transparent url(../../resource/GNT__CollabSprites/CollabSprites/collabXButtons.png) no-repeat 0px 0px !important;
}

.fieldMessage p:last-child {
    padding-right: 0px!important;
}

 /*===============session related css============*/
        .sessionClass{
                vertical-align: middle!important;
                color:#23527c!important;
                font-size:12px!important;
            }

            .sessionText{
                    float:right;
                    margin-top: 3px;
            }
            .sessiontext {
                 float: right;
            }
            .sessionClass .fa{
                font-size: 10px!important;
            }
        .custom-title, .sessionText{
            display: inline-block;
        }

.collabModal > a {
    background: transparent url(../../resource/GNT__CollabSprites/CollabSprites/collabXButtons.png) no-repeat 0px 0px!important;
    right:0px!important;
}
.collabFeedWrapper .collabComment > span > div #DeleteCollabComment {
    background: transparent url(../../resource/GNT__CollabSprites/CollabSprites/collabCommentXSprite.png) no-repeat 0px 0px !important;
}

div.ui-dialog.ui-widget-content {
    z-index: 1020!important;
}


/* stepProgressBar */

 .progressBarWrap .slds-path__link .slds-icon{
                fill:#fff !important;
            }
/* CustomLookup LWC */

.lookupInputContainer .slds-dropdown_fluid::-webkit-scrollbar {
            width:8px;
            height:8px;
            background:#666;
            }
            
            .lookupInputContainer .slds-dropdown_fluid::-webkit-scrollbar-thumb{
            background: #1589ee;
            }
			
			 .lookupInputContainer .slds-table thead tr th{
     padding-top:8px !important;
 }
 .lookupInputContainer .slds-dropdown_fluid, .lookupInputContainer .slds-dropdown--fluid {
             
                max-width: 590px !important;
                width: auto !important;
                min-width: 100% !important;
            }

            .lookupInputContainer .slds-dropdown{
                left: 0;
                float: none;
                transform: none;
            }
.col-md-3:nth-of-type(4n) .slds-combobox_container .lookupInputContainer .slds-dropdown{
  
    right:0;
    left:auto;
}
                
 .col-md-4:nth-of-type(3n) .slds-combobox_container .lookupInputContainer .slds-dropdown{
                
    right:0;
    left:auto;
 }
/* CUstomLookupLWC Modal scenario */
 #modaltemp .lookupInputContainer .slds-dropdown{ 
    height: 200px !important;
}

/*Bug 290040: Internal - Custom Lookup - Custom lookup table is out of modal */
 #modaltemp .col-md-6:nth-of-type(2n) .slds-combobox_container .lookupInputContainer .slds-dropdown{                
    right:0;
    left:auto;
 }

/*Bug 288843: Internal :UI/UX -Checkbox is not displayed as expected for select all.*/
.selectAllcheckBoxDiv{
    display: flex;
    margin-bottom: 3px;
}

.checBoxAlignment input[type="checkbox"], .checBoxAlignment input[type="radio"], .radioClass input[type="checkbox"], .radioClass input[type="radio"] {
    margin: 0;
    min-width: 16px;
    min-height: 16px;
}

/* Bug 288946: Internal - UI/UX - Phase bar size getting changed on click of actions */
#mainTabsId, body{
    padding-right:0px !important;
}

/*CustomLookupLWC height */
.dropdown-bottom{
    bottom:100% !important;
    top:auto !important;
}

.dropdown-top{
    top:100% !important;
}

/*Bug 287106: UI/UX- Internal - Calendar layout is override on the top and bottom of the page*/
.xdsoft_datetimepicker{
    z-index:1000;
}

/*Bug 223307: Internal - E-grid - Parent table - SPI user_A little gap occurred between 1st two columns, when user scrolled horizontally. */

 table.gridTable tr td:first-child{
    border-left: 2px solid #f8f8f8 !important;
}

table.gridTable tr th:first-child {
 border-left: 2px solid #eaeaea !important;

}

.tableGridWrap table.tableGrid tbody tr td:first-child{
    border-left: 2px solid #f8f8f8 !important;
}

 .tableGridWrap{
	border-left:0.5px solid #ededed;
}

.paddingZero grid .panel .collapse.in  .quickrow  .quickSearchBoxWrap{
        max-width: 350px;
    }
	
/* Bug 291828: Internal- Collab- UI/UX- Close icon is not showing on dialog box */
.ui-dialog-titlebar-close:before {
content: "\00d7";
color: #00396B;
font-weight: 700;
}


/* Bug 291470: Internal-Send Email- UI/UX- Groups name pick list in To and Cc fields, outline is not visible */
.list-group{
    margin-bottom:0.5px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item:last-child{
border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    
}

#sendEmail .listDropdownTo .list-group-item, #sendEmail .listDropdownToScroll .list-group-item
 {
    border: 1px solid #ddd;
}

/*Flextable LWC */
.slds-scope .my-round-button.slds-button[disabled], .slds-scope .my-round-button .slds-button:disabled,.slds-scope .my-round-button .slds-button:disabled:hover{
  background-color: transparent !important;
    border-color: transparent !important;
    color: #F62217 ;
    cursor: default;
    --slds-c-button-color-border-hover: #000; 
  }
  .slds-scope .my-round-button.slds-button:hover, .slds-scope .my-round-button.slds-button:focus{
  
      color: #F62217 ;
  }



.slds-scope .slds-button[disabled], .slds-scope .slds-button:disabled{
	background-color: transparent !important;
    border-color: transparent !important;
    color: var(--lwc-colorTextButtonDefaultDisabled,rgb(201, 201, 201));
    cursor: default;
}

.slds-scope .slds-button.slds-button_neutral{
	background-color: transparent !important;
    border-color: transparent !important;
    color: #337ab7;
  
	
}

.slds-scope .slds-button.slds-button_neutral:hover,.slds-scope .slds-button_neutral:focus {
    background: transparent !important;
    color: #005fb2 !important;
	border:none !important;
}

  .slds-scope .slds-button_icon-more{
      background-color: transparent;
      height:14px;
      color: #00396B;
      Padding:0px;
      border:none;
    }
    .slds-scope .slds-button_icon-more:hover .slds-button__icon,
.slds-scope .slds-button_icon-more:focus .slds-button__icon,
.slds-scope .slds-button--icon-more:hover .slds-button__icon,
.slds-scope .slds-button--icon-more:focus .slds-button__icon {
    fill: #00396B;
}
/* Bug 331619: Internal- Google Translate- UI/UX- In calendar, timings are overlapped on the column in some languages in 'Week' section. */
table td.fc-axis > span{
white-space: normal;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}