/* Click Solution Styles */
/* Portal Fixes and Overrides */

.ActivityTypeGroup {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ccc;
}
.PrintQuestion {
    font-size: 1.188rem;
}
.RoomComponent .PrintQuestion {
    font-size: 1rem;
}
#SearchArea {
    border-bottom: none !important;
    width: 20% !important;
    float: right;
    margin-right: 5%;
    padding-bottom: 20px;
}
BODY,
P,
DIV,
TR,
TD,
CENTER,
TABLE,
SELECT,
TEXTAREA,
INPUT,
.DisplayHead {
    font-size: 1rem;
}
.Icon-GenericEntity-Ellipsis,
.Icon-Project-Ellipsis {
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #405767 !important;
}
div.RoomComponent table {
    width: 100%;
}
tr.DisplayHead td {
    font-weight: 700;
}
td.List {
    color: #3f5666;
}
td.List span.Icon-View.Palette-PrimaryDark-Text,
td.List a img.imageControl {
    padding-right: 7px;
}
.ui-helper-hidden {
    display: none;
}
.RoomComponent {
    padding: 0 !important;
}

div.RoomComponentSolid {
	padding: 1em !important;
}

.BooleanVerticalDisplay {
    display: block;
    font-weight: normal;
}
select option {
    font-size: 1rem;
}

div.collapsible-container {
    width: 100%;
}
/* Common Settings and other GC delivered Pages */

.c2 {
    width: 260px;
}
.ProductUnlockTableRow {
    height: 32px;
}
.StyledProjectCreators .Button {
    width: 240px;
    height: 39px;
    font-size: 1rem;
}
.StyledProjectCreators .RoomComponentTitleArea {
    display: none;
}
.StyledProjectCreators tr.spaceUnder>td {
    padding-bottom: 4px;
}
.StyledProjectCreators TD {
    background-color: #405767;
    color: #ffffff;
    border-radius: 8px;
    border: 4px solid white;
    padding: 7px;
    width: 240px;
    height: 39px;
    font-size: 1rem;
    text-align: center;
    text-align: -webkit-center;
    box-shadow: none;
}
.StyledProjectCreators TD A:VISITED {
    color: #ffffff;
}
.StyledProjectCreators TD A {
    color: #ffffff;
}
.StyledProjectCreators TD:HOVER {
    background-color: #20323f;
    cursor: pointer;
}
div.StandardExtensibleHelp {
	background-color: #E8E8E8;
	padding: 10px;
	margin: 10px;
	border-radius: 4px;
	border: 2px solid #E0E0E0;
}

div.StandardExtensibleHelp table tbody tr td span, div.CustomExtensibleHelp table tbody tr td span{
	white-space: nowrap;
}

div.StandardExtensibleHelp table tbody tr td, div.CustomExtensibleHelp table tbody tr td{
   	max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.StandardExtensibleHelp table{
	width: 99%;
}

/* SF424 Override */

.SF424Workspace_IDCell {
    background-color: #cedee7;
    border: 1px solid #405767;
    color: #333333;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    font: 22px Arial;
}
.SF424Workspace_NameCell {
    background-color: #405767;
    border: 1px solid #405767;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 175px;
    font: 22px Arial;
}
/* Project Workspace Styles  */

#clearButton {
    background-color: #405767;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    color: #fff;
    font-family: Arial, serif;
    font-size: 0.9375rem;
    padding: .33em 1.5em;
}
.CurrentRole,
.StatusArea {
    background-color: #DDDEDE;
    border: 1px solid #767A7D;
    color: #400080;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.CurrentState {
    background-color: #e8970c;
    color: #FFF;
    font-family: RobotoSlab;
    font-size: 1.5rem;
    min-width: 208px;
    padding: 10px;
    text-align: center;
}
.Smartform_hasAmendment,
.Smartform_isAmendment {
    background-color: #dddede;
    border: 1px solid #000;
    color: #000;
    float: right;
    font-weight: 700;
    padding: 5px;
    text-align: right;
}
.projectID {
    color: #333;
    display: block;
    font-family: Arial;
    font-size: 1.188rem;
}
.projectSub {
    display: block;
}
.workspaceActions {
    width: 260px;
}
.workspaceHeader .projectID {
    color: #333;
    font: 22px Arial;
}
.workspaceHeader table td {
    color: #333;
    font-family: Arial;
    font-size: 1rem;
    padding-right: 30px;
}
.workspaceHeader,
.projectName {
    color: #3f5666;
    font-family: RobotoSlab;
    font-size: 2.5rem;
    white-space: normal;
    /* needs revisiting for Grants */
}
/* SmartForm General */

.List {
    padding-bottom: 7px !important;
    padding-top: 7px;
}
.PageHead,
H1,
td.sfSection {
    color: #333;
    font-family: RobotoSlab;
    font-size: 1.813rem;
}
.SFQuestions .RequiredSpan {
    color: #cf0000;
    font-family: RobotoSlab;
    font-size: 1.313rem;
    font-weight: 700;
}

.SFQuestions li {
    margin-top: 7px;
}
.SFQuestions li span {
    color: #3F5666;
    font-family: Arial, sans-serif;
    font-size: 1.188rem;
}
.SFQuestions li span.PrintQuestion,
.SFQuestions span#readonly.PrintAnswer b {
    color: #252525;
    font-family: Arial, sans-serif;
    font-size: 1.188rem;
    font-weight: 700;
}
.SFQuestions li span.ContextMenuRow span {
    color: #3F5666;
}
.SFQuestions li span.Disabled span {
    color: #A9A9A9;
}
.RoomComponent .SFQuestions li span {
    font-size: 1rem;
}
.SFQuestions .Error,
.SFQuestions .Error span {
    color: #cf0000 !important;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
.SFQuestions li td {
    color: #3f5666;
    font-size: 1rem;
    font-weight: 400 !important;
    padding-left: 7px;
}
.SFQuestions li thead {
    color: #343434;
}
.SFQuestions li,
td.sfQuestionIdentifier {
    color: #e8970c;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 1.313rem;
    font-weight: 700;
    padding-bottom: 20px;
}

.SFQuestions ol li ol li span.ContextHelpIcon{
    font-size: 17.777px !important;
}

.SFQuestions ol li ol li span,
.SFQuestions li span.ViewSingleRefControl,
.SFQuestions span#readonly.PrintAnswer,
.SFQuestions li p,
.BooleanVerticalDisplay span {
    color: #3f5666;
    font-family: Arial, sans-serif;
    font-size: 1rem !important;
    font-weight: 400 !important;
}
.SFQuestions ol li span span {
    font-size: 1rem;
    font-weight: 400;
}
.SFQuestions ol li ul li a {
    font-size: 1rem;
}
.SFQuestions ol li ul li,
.SFQuestions ul li {
    color: #252525;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
/*.SFQuestions td {
    vertical-align: top;
}*/

ol li {
    list-style-type: decimal;
}
ol li ol li {
    list-style-type: lower-alpha;
}
ol li ul li,
ol li p ul li {
    list-style-type: square;
    vertical-align: middle;
}
ul li {
    list-style-type: square;
}
/* Grants Fixes and Overrides */
/* projectCreatorPopup is used to toggle the hide and show of popup messages associated with project creators */

.gridTable {
    border: 1px solid black;
    border-collapse: collapse;
}
.gridRow {
    border: 1px solid black;
}
.gridCell,
.pageHeader,
.columnHeader,
.rowHeader {
    padding: 5px;
    border: 1px solid black;
}
.columnHeader {
    text-align: right;
}
.rowHeader {
    white-space: nowrap;
    text-align: left;
}
.gridCell {
    white-space: nowrap;
    height: 30px;
    text-align: right;
}
.gridInput {
    width: 100px;
    text-align: right;
}
.percentInput,
.unitsInput {
    width: 50px;
    text-align: right;
}
.cellCaption {
    font-weight: bold;
    display: inline-block;
    width: 75px;
    text-align: left;
}
.cellValue {
    display: inline-block;
    width: 155px;
}
.projectCreatorPopup {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.projectCreatorPopup .popupText {
    visibility: hidden;
    width: 800px;
    background-color: #eeeeee;
    color: black;
    border-style: solid;
    border-color: black;
    text-align: left;
    border-radius: 6px;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    bottom: -50px;
    left: 350px;
    margin-left: -80px;
}
.projectCreatorPopup .show {
    visibility: visible;
}
.GridHead {
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #3f5666;
}
.GridHead,
.GridListTotal,
.GridList {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    color: #3f5666;
    font-family: Arial;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
}
.GridListTotal {
    font-weight: 700;
}
.NavigationTabArea table {
    border: none;
}
.reconImportDiv {
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #e1e1e1;
    display: none;
}
.reconImportDiv td {
    padding: 5px;
}
.ReconGridTable td {
    padding: 3.5px;
}
.ReconGridHeader td {
    border-bottom: 2px solid #405767;
    text-align: center;
}
.ReconGridRow td {
    text-align: right;
}
.hiddenInputValue,
.reconHiddenInputTotal,
.ReconGridInputReadOnly {
    background: #FFF;
    border: none;
    text-align: right;
    box-shadow: none;
    overflow: visible;
}
h3.GrantsHelpTitle {
    display: block;
}
.allocationTable thead td {
    BORDER-BOTTOM: black 2px solid;
}
.allocationTable .headerExpandCollapse {
    width: 16px;
    text-align: center;
}
.allocationTable .allocationHeader span {
    font-size: 1rem;
}
.allocationTable .startDate {
    width: 100px;
}
.allocationTable .endDate {
    width: 100px;
}
.allocationTable .personDisplay {
    width: 260px;
    text-align: left;
}
.allocationTable .personnelRole {
    width: 180px;
}
.allocationTable .personnelRoleOther {
    width: 120px;
}
.allocationTable .percentEffortRequested {
    width: 60px;
}
.allocationTable .percentSalaryRequested {
    width: 60px;
}
.allocationTable .percentCostShareRequested {
    width: 60px;
}
table.sfTableWrapper {
    width: 100%;
}
table.sfTableWrapperSubQuestion {
    width: 100%;
}
td.sfSubSection {
    padding-top: 20px;
    font-size: 1.375rem;
    font-weight: bold;
}
td.sfQuestionIdentifier {
    width: 4%;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}
table.sfTableWrapperSubQuestion .sfQuestionIdentifier {
    text-align: right;
    vertical-align: top;
}
td.sfQuestionCaption {
    width: 75%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 5px;
}
table.sfTableWrapperSubQuestion .sfQuestionCaption {
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
    border: none;
}
td.sfQuestionHelp {
    width: 20%;
    vertical-align: top;
    color: #4C4C4C;
}
table.sfTableWrapperSubQuestion .sfQuestionHelp {
    width: 20%;
    padding: 10px;
    vertical-align: top;
    border: none;
}
.sfRequired {
    font-weight: bold;
    color: #cf0000;
}
/* Grants workspace and settings overrides */

.DisplayHead .FundingAllocation {
    border-bottom: 2px solid #405767;
}
table.esetTable th {
    border-bottom: 1.75px solid #405767;
}
table.esetTable {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
table.esetTable table {
    border: 1px solid #e1e1e1;
}
table.esetTable td {
    border-top: 1px solid #e1e1e1;
    padding: 3.5px;
}
table.esetTable,
table.FundingAllocation {
    border-collapse: collapse;
    color: #3f5666;
    font-size: 1rem;
    width: 100%;
}
td.FundingAllocation p {
    font-weight: 700;
}
th.DisplayHead.esetTable {
    font-weight: 550;
}
tr.list.FundingAllocation td p {
    font-weight: 400;
}
#ActivityMessageField {
    background-color: #FFF;
    border-radius: 25px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 10000;
}
#ActivityMessageOverlay {
    background-color: #FFF;
    border-radius: 25px;
    height: 50%;
    left: 25%;
    position: fixed;
    top: 25%;
    width: 50%;
    z-index: 9999;
}
#ActivityOverlay {
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    background-color: #000;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
#addDeliverableDiv {
    background-color: #cfdae5;
    width: 75%;
}
#addIRBDiv {
    background-color: #cfdae5;
    width: 95%;
}
#grantSettingsSaveDiv {
    border-top: 1px solid #000;
    text-align: right;
}
.mppSummary,
.mppSummary td {
    border: none !important;
    border-collapse: collapse;
    border-top: 1px solid #cccccc !important;
}
.mppSummary table {
    border: none !important;
    border-collapse: collapse;
}
.MPPBudgetSummaryCategories {
    color: #405767;
    padding-left: 2px;
    text-align: left;
}
.MPPBudgetSummaryDarkGrey {
    padding-right: 2px;
    text-align: left;
}
.MPPBudgetSummaryDarkGreyHeader {
    text-align: left;
}
.MPPBudgetSummaryInclude {
    color: #405767;
    padding-right: 2px;
    text-align: left;
}
.dept-approval-step {
    padding-bottom: 8px;
}
.dept-approval-step-content li,
.reviewStepList li {
    list-style-type: none;
}
.dept-approval-step-content ul {
    padding: 0;
}
.dept-approval-step-header {
    border-bottom: 1px solid #cecece;
    font-weight: 700;
    padding-bottom: 2px;
}
.divTableHeader {
    background-color: #cfdae5;
    height: 15px;
    width: 75%;
}
.grants-settings-button-bar {
    border-top: 1px solid;
    margin-top: 10px;
    padding: 10px 20px 0 0;
}
.grants-settings-button-bar .button {
    clear: both;
    float: right;
}
.reviewStepHeader {
    font-weight: 700;
}
.ui-icon {
    display: inline-block;
}
div.ComponentSpacing_None fieldset.ActivityTypeGroup td.List {
    border-top-width: 0;
}
input[name='ClickGrantsFundingTypeAndProjectPurposeIndirectRateCalculationStrategy.jsonString'] {
    border: none;
    display: none;
}
.grantsSettingsTable, .agreementsSettingsTable {
	width: 75%;
}

/* widgets */

#configurationFade {
    -moz-opacity: 0.8;
    background-color: #fff;
    display: block;
    filter: alpha(opacity=80);
    height: 200%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: 90;
}
#configurationOverlay {
    -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.26);
    background-color: #fff;
    border: none;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.26);
    color: #cf0000;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1.188rem;
    height: 560px;
    left: 20px;
    padding: 30px;
    position: absolute;
    text-align: left;
    top: 71px;
    width: 80%;
    z-index: 100;
}
.WidgetConfigurationDescription {
    color: #4c4c4c;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 1rem;
}
.WidgetConfigurationName {
    color: #252525;
    font-family: Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
}
.WidgetConfigurationTable {
    border-bottom: 1px solid #d8d8d8;
    color: #4c4c4c;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    padding-top: 20px;
}
.WidgetConfigurationTitle {
    color: #333;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 1.813rem;
}
.WidgetLayout {
    border: none;
    min-width: 984px;
    padding: 18px 0 0;
}
.WidgetLayout td,
.WidgetConfigurationGroup,
.WidgetConfigurationTable td {
    vertical-align: top;
}
.WidgetLayout td.Col1 {
    width: 63%;
}
.WidgetLayout td.Col2 {
    width: 35%;
}
.WidgetLayout td.layoutSpacer {
    width: 2%;
}
.widgetConfigurationDiv {
    height: 400px;
    overflow-y: scroll;
}
.widgetLayoutHSpacer {
    height: 20px;
}
/* My To Do List */

.MyToDoWidgetTitle td {
    background-color: #FFFFFF;
    padding: 13px;
}
.MyToDo {
    border: 1px solid #cedee7;
    border-collapse: collapse;
}
tr.MyToDoListBody td .List {
    height: 20px;
    padding: 3px;
}
.MyToDo td {
    color: #333333;
    font-size: 1.5rem;
    border: none;
    font-family: Roboto Slab, Arial, sans-serif;
}
.MyToDoBody {
    border: none;
}
.MyToDoBody p {
    font-size: 1rem;
}
.MyToDoTabs {
    border-top: 1px solid #a3bdca;
}
.MyToDoTabs td {
    background-color: #cedee7;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 7.5rem;
    min-width: 180px;
    min-height: 80px;
    padding: 13px;
    border: 1px solid #ffffff;
    text-align: center;
}
.MyToDoTabDescription {
    font-size: 1rem;
    font-weight: normal;
    color: #575757;
    font-family: Roboto Slab, Arial, sans-serif;
}
/* leave these flat for now
.MyToDoTabs td.active{
	background-color: #ffffff;
}

.MyToDoTabs td.inactive{
	background-color: #cedee7;
}

.MyToDoTabs td:hover{
	background-color: #405767;
	color: #ffffff !important;
}
*/

.MyToDoList {
    border: none;
}
tr.MyToDoListBody td {
    height: 94px;
    padding-top: 20px;
}
.MyToDoList td {
    font-size: 1rem;
    background-color: #ffffff;
    color: #4c4c4c;
    border-top: 1px solid #d8d8d8;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}
.MyToDoListBody {
    font-size: 1rem;
}
.MyToDoListHeader {
    border-top: 3px solid #ffffff;
}
.MyToDoListHeader td {
    font-weight: bold;
    padding: 0 6px 0 6px;
    color: #333333;
    text-align: left;
    font-family: Arial, sans-serif;
}
.MyToDoListImportantSpacer {
    min-width: 20px;
    padding-left: 20px;
}
.MyToDoListImportantSpacer td {
    vertical-align: middle;
}
.taskOverdue {
    color: #cf0000;
    font-weight: bold;
}
.taskWarning {
    color: #e8970c;
    font-weight: bold;
}
/* Solution Arrow Marker */

.solutionArrowBody {
    font-size: 1rem;
    color: #FFFFFF;
    position: relative;
    display: inline;
    padding: 11px 12px 7px 12px;
    border-left: 3px solid #e8970c;
    border-right: 1px solid #e8970c;
    z-index: 100;
    width: 36px;
    height: 11px;
    background-color: #e8970c;
    text-shadow: 0 -1px #925f08;
    -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.16);
}
.solutionArrowBody .solutionArrowNotch,
.solutionArrowNotchShadow {
    position: absolute;
    margin: 0;
    top: 0;
    left: 70px;
    border-right: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #e8970c;
    padding: 0;
    width: 0;
    height: 0;
}
.solutionArrowNotchShadow {
    top: 3px;
    border-left: 18px solid #000000;
    opacity: .16;
    z-index: 90;
}
.dropLayoutBody img {
    width: 18px;
    height: 18px;
}
.dropLayoutBody {
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
}
/* small widgets */
.smallWidget {
    background-color: #d1e1e9;
    border: 1px solid #a3bdca;
    color: #333;
    height: 100%;
    min-height: 168px;
    min-width: 268px;
    padding: 13px 16px 20px;
    width: 100%;
}
.smallWidget th {
    text-align: left;
}
.widgetSeparated td {
    border-bottom: 1px solid #a3bdca;
    padding: 6px 0 3px;
}
.widgetSmallAlt {
    background-color: #fff;
    border: 1px solid #a3bdca;
}
.widgetSmallAmount td {
    font-size: 4.625rem;
}
.widgetSmallDescription td {
    color: #575757;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 1rem;
}
.widgetSmallLabel td {
    color: #405767;
    font-family: Roboto Slab, Arial, sans-serif;
    font-size: 1.5rem;
    padding-bottom: 13px;
}
.widgetSmallLayout {
    width: 100%;
}
.widgetSmallLayout td {
    font-size: 1rem;
}
.widgetTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* CTMS Segments */
.ctmsGridTable .columnHeader, 
.ctmsGridTable .pageHeader, 
.ctmsGridTable .gridRowReorderingCell {
    background-color: #DDDEDE;
}
.ctmsGridTable .SegmentBlock1 {
    background-color: #FFCC00;
}
.ctmsGridTable .SegmentBlock2 {
    background-color: #66CC66;
}
.ctmsGridTable .SegmentBlock3 {
    background-color: #66CCFF;
}
.ctmsGridTable .SegmentBlock4 {
    background-color: #66FFFF;
}
.ctmsGridTable .SegmentBlock5 {
    background-color: #FF9900;
}
.ctmsGridTable .SegmentBlock6 {
    background-color: #FF9999;
}
.ctmsGridTable .SegmentBlock7 {
    background-color: #FF99FF;
}
.ctmsGridTable .SegmentBlock8 {
    background-color: #FFCC66;
}
.ctmsGridTable .SegmentBlock9 {
    background-color: #FFFF33;
}
.ctmsGridTable .SegmentBlock10 {
    background-color: #FFFFCC;
}
.ctmsGridTable .SegmentBlock11 {
    background-color: #FFCC00;
}
.ctmsGridTable .SegmentBlock12 {
    background-color: #66CC66;
}
.ctmsGridTable .SegmentBlock13 {
    background-color: #66CCFF;
}
.ctmsGridTable .SegmentBlock14 {
    background-color: #66FFFF;
}
.ctmsGridTable .SegmentBlock15 {
    background-color: #FF9900;
}
.ctmsGridTable .SegmentBlock16 {
    background-color: #FF9999;
}
.ctmsGridTable .SegmentBlock17 {
    background-color: #FF99FF;
}
.ctmsGridTable .SegmentBlock18 {
    background-color: #FFCC66;
}
.ctmsGridTable .SegmentBlock19 {
    background-color: #FFFF33;
}
.ctmsGridTable .SegmentBlock20 {
    background-color: #FFFFCC;
}
.ctmsGridTable .SegmentBlock21 {
    background-color: #FFCC00;
}
.ctmsGridTable .SegmentBlock22 {
    background-color: #66CC66;
}
.ctmsGridTable .SegmentBlock23 {
    background-color: #66CCFF;
}
.ctmsGridTable .SegmentBlock24 {
    background-color: #66FFFF;
}
.ctmsGridTable .SegmentBlock25 {
    background-color: #FF9900;
}
.ctmsGridTable .SegmentBlock26 {
    background-color: #FF9999;
}
.ctmsGridTable .SegmentBlock27 {
    background-color: #FF99FF;
}
.ctmsGridTable .SegmentBlock28 {
    background-color: #FFCC66;
}
.ctmsGridTable .SegmentBlock29 {
    background-color: #FFFF33;
}
.ctmsGridTable .SegmentBlock30 {
    background-color: #FFFFCC;
}

.cycleHead td,
.segmentHead td {
    background-color: #CCC;
    border-bottom-color: #d8d5dc;
    border-bottom-style: solid;
    border-width: 0 0 1px;
    color: #3D3D3D;
    font-weight: 700;
}
.projectedVisitLink {
    color: #3f5666 !important;
}
[title="SegmentName"] {
    font: bold;
    height: 24px;
}
div.cycleAlert {
    color: #cf0000;
    font-weight: 700;
}
table.cycleTable tbody td,
table.segmentTable tbody td {
    border-bottom-color: #d8d5dc;
    border-bottom-style: solid;
    border-width: 0 0 1px;
    color: #3D3D3D;
}
table.cycleTable thead tr th,
table.cycleTable tfoot tr th,
table.segmentTable thead tr th,
table.segmentTable tfoot tr th {
    background-color: #dddede;
}
table.cycleTable,
table.segmentTable {
    border: none;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 2px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
table.segmentGroup {
    border: 0 none #fff;
    width: 0;
}
table.segmentGroup td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}
/* segment background colors */

.SegmentBlock1 {
    background-color: #FFCC00;
}
.SegmentBlock2 {
    background-color: #66CC66;
}
.SegmentBlock3 {
    background-color: #66CCFF;
}
.SegmentBlock4 {
    background-color: #66FFFF;
}
.SegmentBlock5 {
    background-color: #FF9900;
}
.SegmentBlock6 {
    background-color: #FF9999;
}
.SegmentBlock7 {
    background-color: #FF99FF;
}
.SegmentBlock8 {
    background-color: #FFCC66;
}
.SegmentBlock9 {
    background-color: #FFFF33;
}
.SegmentBlock10 {
    background-color: #FFFFCC;
}
.SegmentBlock11 {
    background-color: #FFCC00;
}
.SegmentBlock12 {
    background-color: #66CC66;
}
.SegmentBlock13 {
    background-color: #66CCFF;
}
.SegmentBlock14 {
    background-color: #66FFFF;
}
.SegmentBlock15 {
    background-color: #FF9900;
}
.SegmentBlock16 {
    background-color: #FF9999;
}
.SegmentBlock17 {
    background-color: #FF99FF;
}
.SegmentBlock18 {
    background-color: #FFCC66;
}
.SegmentBlock19 {
    background-color: #FFFF33;
}
.SegmentBlock20 {
    background-color: #FFFFCC;
}
.SegmentBlock21 {
    background-color: #FFCC00;
}
.SegmentBlock22 {
    background-color: #66CC66;
}
.SegmentBlock23 {
    background-color: #66CCFF;
}
.SegmentBlock24 {
    background-color: #66FFFF;
}
.SegmentBlock25 {
    background-color: #FF9900;
}
.SegmentBlock26 {
    background-color: #FF9999;
}
.SegmentBlock27 {
    background-color: #FF99FF;
}
.SegmentBlock28 {
    background-color: #FFCC66;
}
.SegmentBlock29 {
    background-color: #FFFF33;
}
.SegmentBlock30 {
    background-color: #FFFFCC;
}
/* CTMS grids changes */
.gridCellLabelCTMS{
    text-align: left;
    display: inline-block;
    width: 105px;
    font-weight: 700;
}
.gridCellFooterWidthLabelCTMS{
    text-align: left;
    display: inline-block;
    width: 175px;
    font-weight: 700;
}
.gridCellValueCTMS{
    text-align: right;
    display: inline-block;
    width: 113px;
    white-space: pre-wrap;
    word-break: break-all;
}
.gridCellTextValueCTMS{
    text-align: right;
    display: inline-block;
    width: 193px;
    white-space: pre-wrap;
    word-break: break-all;
}

/* CTMS workspace fixes */

.workspaceTable {
    font-size: 1rem;
    border-spacing: 0;
    border-collapse: collapse;
}
.workspaceTable td.ra {
    text-align: right;
}
.workspaceTable tbody {
    color: #405767;
}
.workspaceTable strong {
    color: #343434;
}
.workspaceTable td,
.workspaceTable th {
    padding: 3.5px;
}
.workspaceTable table,
.workspaceTable table td,
.workspaceTable table th {
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.workspaceTable .fixed {
    table-layout: fixed;
}
#chargeItemWarning {
    background-color: #ccc;
}
.noBorder td {
    border-bottom-style: none !important;
    padding: 1px !important;
}
table.activityTable {
    border: none;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
table.activityTable tbody td {
    background-color: #FFF;
    border-bottom-color: #d8d5dc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #3D3D3D;
    padding: 4px;
    vertical-align: middle;
}
table.activityTable tbody tr.odd td,
table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}
table.activityTable thead tr .header {
    background-image: url(Custom/Images/activityTable/bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-style: normal;
}
table.activityTable thead tr .headerSortDown {
    background-image: url(Custom/Images/activityTable/desc.gif);
}
table.activityTable thead tr .headerSortDown,
table.activityTable thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}
table.activityTable thead tr .headerSortUp {
    background-image: url(Custom/Images/activityTable/asc.gif);
}
table.activityTable thead tr th,
table.activityTable tfoot tr th,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    background-color: #dddede;
    padding: 4px;
}
table.activityTable table td {
    border: none !important;
}
table.setTable {
    border-collapse: hidden;
    border-spacing: 0;
    border-style: none;
    vertical-align: top;
    white-space: nowrap;
}
table.setTable thead tr {
    background-color: #dddede;
}
table.tablesorter {
    border: none;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
table.tablesorter tbody td {
    border-bottom-color: #d8d5dc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #3D3D3D;
    padding: 4px;
    vertical-align: top;
}
table.tablesorter thead tr .header {
    background-image: url(Custom/Images/tablesorter/bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-style: normal;
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(Custom/Images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(Custom/Images/tablesorter/asc.gif);
}
/*!
 * FullCalendar v1.6.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
}
.fc .fc-header-space {
    padding-left: 10px;
}
.fc .fc-week-number {
    text-align: center;
    width: 22px;
}
.fc .fc-week-number div {
    padding: 0 2px;
}
.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
    display: none;
}
.fc .ui-resizable-handle {
    display: block;
    font-size: 3em;
    line-height: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 99999;
}
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}
.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
}
.fc-agenda .fc-agenda-axis {
    font-weight: 400;
    padding: 0 4px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
}
.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}
.fc-agenda .ui-resizable-resizing {
    _overflow: hidden;
}
.fc-agenda-allday .fc-day-content {
    _height: 34px;
    min-height: 34px;
}
.fc-agenda-allday th,
.fc-event-vert {
    border-width: 0 1px;
}
.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}
.fc-agenda-slots td {
    background: none;
    border-width: 1px 0 0;
}
.fc-agenda-slots td div {
    height: 20px;
}
.fc-agenda-slots th {
    border-width: 1px 1px 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    border-top-style: solid;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th,
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}
.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last,
.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}
.fc-button {
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 .6em;
    position: relative;
    white-space: nowrap;
}
.fc-button .fc-icon-wrap {
    float: left;
    position: relative;
    top: 50%;
}
.fc-button .ui-icon {
    float: left;
    margin-top: 0;
    position: relative;
    top: -50%;
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow,
.fc-grid .fc-event-time,
.fc-agenda .fc-week-number {
    font-weight: 700;
}
.fc-cell-overlay {
    background: #bce8f1;
    filter: alpha(opacity=30);
    opacity: .3;
}
.fc-content {
    clear: both;
    zoom: 1;
}
.fc-event {
    background-color: #3a87ad;
    border: 1px solid #3a87ad;
    color: #fff;
    cursor: default;
    font-size: .85em;
}
.fc-event-container > * {
    z-index: 8;
}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}
.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}
.fc-event-hori .ui-resizable-e {
    cursor: e-resize;
    height: 100% !important;
    right: -3px !important;
    top: 0 !important;
    width: 7px !important;
}
.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
}
.fc-event-hori .ui-resizable-w {
    cursor: w-resize;
    height: 100% !important;
    left: -3px !important;
    top: 0 !important;
    width: 7px !important;
}
.fc-event-inner {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}
.fc-event-vert .fc-event-bg {
    background: #fff;
    filter: alpha(opacity=25);
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2;
}
.fc-event-vert .fc-event-time {
    font-size: 0.625rem;
    white-space: nowrap;
}
.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    cursor: s-resize;
    font-family: monospace;
    font-size: 0.6875rem !important;
    height: 8px !important;
    line-height: 8px !important;
    overflow: hidden !important;
    text-align: center;
    width: 100% !important;
}
.fc-event-vert.fc-event-end {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-width: 1px;
}
.fc-event-vert.fc-event-start {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-width: 1px;
}
.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
}
.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.fc-header .fc-button {
    margin-bottom: 1em;
    margin-right: -1px;
    vertical-align: top;
}
.fc-header .fc-corner-right,
/* non-theme */

.fc-header .ui-corner-right {
    margin-right: 0;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}
.fc-header .fc-state-down {
    z-index: 3;
}
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}
.fc-header td {
    white-space: nowrap;
}
.fc-header-center,
.fc-grid th,
.fc-agenda-days th {
    text-align: center;
}
.fc-header-left {
    text-align: left;
    width: 25%;
}
.fc-header-right {
    text-align: right;
    width: 25%;
}
.fc-header-title {
    display: inline-block;
    vertical-align: top;
}
.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-top-right-radius: 3px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-bottom-left-radius: 3px;
    border-left-width: 1px;
    border-top-left-radius: 3px;
}
.fc-rtl .fc-event {
    text-align: right;
}
.fc-rtl .fc-grid .fc-day-number {
    float: left;
}
.fc-rtl .fc-grid .fc-event-time {
    float: right;
}
.fc-state-default {
    background-color: #f5f5f5;
    background-image: linear-gradient(tobottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.fc-state-disabled {
    background-image: none;
    box-shadow: none;
    cursor: default;
    filter: alpha(opacity=65);
    opacity: 0.65;
}
.fc-state-down,
.fc-state-active {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0;
}
.fc-state-highlight {
    background: #fcf8e3;
}
.fc-state-hover {
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    -webkit-transition: background-position .1s linear;
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
    transition: background-position .1s linear;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #e6e6e6;
    color: #333;
}
.fc-text-arrow {
    font-family: "Courier New", Courier, monospace;
    font-size: 2em;
    margin: 0 .1em;
    vertical-align: baseline;
}
.fc-view {
    overflow: hidden;
    width: 100%;
}
.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}
.fc-widget-header,
/* <th>,usually */

.fc-widget-content {
    border: 1px solid #ddd;
}
a.fc-event {
    text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}
html .fc,
.fc table {
    font-size: 1em;
}
table.fc-border-separate,
.fc-agenda table {
    border-collapse: separate;
}
/*!
 * FullCalendar v3.5.1 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
}
.fc-rtl {
    text-align: right;
}
body .fc {
    /* extra precedence to overcome jqui */
    
    font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-highlight {
    /* when user is selecting cells */
    
    background: #bce8f1;
    opacity: .3;
}
.fc-bgevent {
    /* default look for background events */
    
    background: rgb(143, 223, 130);
    opacity: .3;
}
.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    
    background: #d7d7d7;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    /* force height to include the border and padding */
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* dimensions */
    
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    /* text & cursor */
    
    font-size: 1em;
    /* normalize */
    
    white-space: nowrap;
    cursor: pointer;
}
/* Firefox has an annoying inner border */

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}
.fc-state-default {
    /* non-theme */
    
    border: 1px solid;
}
.fc-state-default.fc-corner-left {
    /* non-theme */
    
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
    /* non-theme */
    
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* icons in buttons */

.fc button .fc-icon {
    /* non-theme */
    
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    
    margin: 0 .2em;
    vertical-align: middle;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}
.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    
    float: left;
    margin: 0 0 0 -1px;
}
.fc .fc-button-group >:first-child {
    /* same */
    
    margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.fc-popover .fc-header {
    /* TODO: be more consistent with fc-head/fc-body */
    
    padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
    cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
    border-style: solid;
    border-width: 1px;
}
hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    
    border-width: 1px 0;
}
.fc-clear {
    clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}
.fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    box-sizing: border-box;
    /* fix scrollbar issue in firefox */
    
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}
.fc th {
    text-align: center;
}
.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}
.fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/

a[data-goto] {
    cursor: pointer;
}
a[data-goto]:hover {
    text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    
    border-style: solid;
    border-width: 0;
}
.fc-row table {
    /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
    
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    
    border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}
.fc-row .fc-bg {
    z-index: 1;
}
/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0;
    /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%;
    /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}
.fc-row .fc-highlight-skeleton {
    z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
    /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
    z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    /* extra precedence to prevent theme-provided backgrounds */
    
    background: none;
    /* in case <td>s are globally styled */
    
    border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* don't put a border between events and/or the day number */
    
    border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
/* cells with events inside (so NOT the day number cell) */

.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    
    border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
    -webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */

.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
    position: relative;
    /* re-scope all positions */
    
    width: 100%;
    /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    
    display: block;
    /* make the <a> tag block */
    
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    /* default BORDER color */
}
.fc-event,
.fc-event-dot {
    background-color: #3a87ad;
    /* default BACKGROUND color */
}
.fc-event,
.fc-event:hover {
    color: #fff;
    /* default TEXT color */
    
    text-decoration: none;
    /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer;
    /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
/* causes a "warning" cursor. applied on body */

.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    
    cursor: not-allowed;
}
.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    
    z-index: 1;
    background: #fff;
    opacity: .25;
}
.fc-event .fc-content {
    position: relative;
    z-index: 2;
}
/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
}
/* resizer (touch devices) */

.fc-event .fc-resizer {
    display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    /* only show when hovering or selected (with touch) */
    
    display: block;
}
/* hit area */

.fc-event.fc-selected .fc-resizer:before {
    /* 40x40 touch area */
    
    content: "";
    position: absolute;
    z-index: 9999;
    /* user of this util can scope within a lower z-index */
    
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
    z-index: 9999 !important;
    /* overcomes inline z-index */
    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    /* below resizers */
    
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
    /* overcome border */
}
/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
    /* overcome border */
}
/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    /* overcome top border */
    
    bottom: -1px;
    /* overcome bottom border */
}
/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
    /* 8x8 little dot */
    
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* vertically center */
    
    top: 50%;
    margin-top: -4px;
}
/* left resizer  */

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
    /* centers the 8x8 dot on the left edge */
}
/* right resizer */

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
    /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    
    padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
    /* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    /* same z-index as fc-bg, behind text */
    /* overcome the borders */
    
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* darkening effect */
    
    background: #000;
    opacity: .25;
}
.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    
    white-space: nowrap;
    overflow: hidden;
}
.fc-day-grid-event .fc-time {
    font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
    /* to the day cell's edge */
}
/* right resizer */

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
    /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}
a.fc-more:hover {
    text-decoration: underline;
}
.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    
    display: none;
}
/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}
.fc-more-popover {
    z-index: 2;
    width: 220px;
}
.fc-more-popover .fc-event-container {
    padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
/* for gutter border */

.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #ddd;
}
.fc-unthemed .fc-popover {
    background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
    background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
}
.fc-unthemed td.fc-today {
    background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
    position: relative;
}
.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 2em;
    top: -7%;
}
.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 2em;
    top: -7%;
}
.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 1.6em;
    top: -7%;
}
.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 1.6em;
    top: -7%;
}
.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 1.25em;
    top: 3%;
}
.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 1.25em;
    top: 3%;
}
.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 1.25em;
    top: 2%;
}
.fc-icon-x:after {
    content: "\000D7";
    font-size: 2em;
    top: 6%;
}
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}
/* List View
--------------------------------------------------------------------------------------------------*/

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
}
/* Colors
--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-disabled-day {
    background-image: none;
}
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.ui-widget .fc-event {
    /* overpower jqui's styles on <a> tags. TODO: more DRY */
    
    color: #fff;
    /* default TEXT color */
    
    text-decoration: none;
    /* if <a> has an href */
    /* undo ui-widget-header bold */
    
    font-weight: normal;
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome bold */
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats .ui-widget-content {
    background: none;
    /* see through to fc-bg */
}
.fc.fc-bootstrap3 a {
    text-decoration: none;
}
.fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline;
}
.fc-bootstrap3 hr.fc-divider {
    border-color: inherit;
}
.fc-bootstrap3 .fc-today.alert {
    border-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-popover .panel-body {
    padding: 0;
    /* undo built-in padding */
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-bootstrap3 .fc-time-grid .fc-slats table {
    /* some themes have background color. see through to slats */
    
    background: none;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
}
.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
}
.fc-toolbar .fc-left {
    float: left;
}
.fc-toolbar .fc-right {
    float: right;
}
.fc-toolbar .fc-center {
    display: inline-block;
}
/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    
    float: left;
    margin-left: .75em;
}
/* the first thing within each left/center/right section */

.fc .fc-toolbar > * >:first-child {
    /* extra precedence to override button border margins */
    
    margin-left: 0;
}
/* title text */

.fc-toolbar h2 {
    margin: 0;
}
/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}
.fc-toolbar .fc-state-down {
    z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}
.fc-toolbar button:focus {
    z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.fc-view,
/* scope positioning and z-index's for everything within the view */

.fc-view > table {
    /* so dragged elements can be above the view's main element */
    
    position: relative;
    z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* there may be week numbers in these views, so no padding-top */
    
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
    overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
/* week and day number styling */

.fc-day-top.fc-other-month {
    opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
    padding: 0 2px;
    /* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}
/* when week/day number have own column */

.fc-basic-view td.fc-week-number {
    text-align: center;
}
.fc-basic-view td.fc-week-number > * {
    /* work around the way we do column resizing and ensure a minimum width */
    
    display: inline-block;
    min-width: 1.25em;
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
    /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em;
    /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {
    /* .fc to overcome default cell styles */
    
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}
.fc-ltr .fc-axis {
    text-align: right;
}
.fc-rtl .fc-axis {
    text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container,
/* so scroll container's z-index is below all-day */

.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    
    position: relative;
    z-index: 1;
}
.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
    /* don't put outer borders on slats/bg/content/etc */
    
    border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
    z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
    /* the <hr> AgendaView injects when grid is shorter than scroller */
    
    position: relative;
    z-index: 2;
}
.fc-time-grid .fc-content-col {
    position: relative;
    /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
}
/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
}
.fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
}
.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
    z-index: 5;
}
.fc-time-grid .fc-helper-container {
    /* also is fc-event-container */
    
    position: relative;
    z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
    /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    
    margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    
    margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    
    left: 0;
    right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
    /* need to allow touch resizers to extend outside event's bounding box */
    /* common fc-selected styles hide the fc-bg, so don't need this anyway */
    
    overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
    display: none;
    /* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
    overflow: hidden;
    /* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px;
}
.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}
/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    
    white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    
    display: inline-block;
    vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
    display: none;
    /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
    /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
    /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    /* make the title text the same size as the time */
    
    padding: 0;
    /* undo padding from above */
}
/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 0.6875rem;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "=";
}
/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
    /* 10x10 dot */
    
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* horizontally center */
    
    left: 50%;
    margin-left: -5px;
    /* center on the bottom edge */
    
    bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}
/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    /* triangle pointing right... */
    
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    /* triangle pointing left... */
    
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
/* view wrapper */

.fc-rtl .fc-list-view {
    direction: rtl;
    /* unlike core views, leverage browser RTL */
}
.fc-list-view {
    border-width: 1px;
    border-style: solid;
}
/* table resets */

.fc .fc-list-table {
    table-layout: auto;
    /* for shrinkwrapping cell content */
}
.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}
.fc-list-table tr:first-child td {
    border-top-width: 0;
}
/* day headings with the list */

.fc-list-heading {
    border-bottom-width: 1px;
}
.fc-list-heading td {
    font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
    float: left;
}
.fc-ltr .fc-list-heading-alt {
    float: right;
}
.fc-rtl .fc-list-heading-main {
    float: right;
}
.fc-rtl .fc-list-heading-alt {
    float: left;
}
/* event list items */

.fc-list-item.fc-has-url {
    cursor: pointer;
    /* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}
/* make the dot closer to the event title */

.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}
.fc-list-item-title a {
    /* every event title cell has an <a> tag */
    
    text-decoration: none;
    color: inherit;
}
.fc-list-item-title a[href]:hover {
    /* hover effect only on titles with hrefs */
    
    text-decoration: underline;
}
/* message when no events */

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}
.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.fc-unthemed .fc-list-empty {
    /* theme will provide own background */
    
    background-color: #eee;
}
/* table overrides */

.jqTabs table {
    border-collapse: collapse;
    color: #405767;
    width: 100% !important;
}
.jqTabs table thead {
    border-bottom: 2px solid #405767;
}
.jqTabs table,
.jqTabs table thead,
.jqTabs table tr,
.jqTabs table td {
    border: none;
}
div.jqTabs {
    border-bottom: none;
    border-image: linear-gradient(tobottom, #bababa, #ffffff50%) 0 100%;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-top: none;
    box-shadow: 0 -4px 2px -1px #bababa;
    min-height: 20em;
}
/* jQuery UI overrides */

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700 !important;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    filter: Alpha(Opacity=70) !important;
    font-weight: 400 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #cedee7 !important;
    border-bottom: none !important;
    border-collapse: collapse !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-top: none !important;
    color: #405767 !important;
    font-weight: 400 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #fff !important;
    color: #405767 !important;
    font-weight: 400 !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #405767 !important;
    text-decoration: none !important;
    font-size: 1rem;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35) !important;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    background-image: none !important;
    filter: Alpha(Opacity=35) !important;
    opacity: .35 !important;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background: #cf0000 !important;
    border: 1px solid #cf0000 !important;
    color: #fff !important;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a,
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #e8970c !important;
    border: 1px solid #e8970c !important;
    color: #fff !important;
}
.ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.ui-tabs,
.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}
.ui-widget-content {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #405767 !important;
}
.ui-widget-content a,
.ui-widget-header a {
    color: #405767 !important;
}
.ui-widget-header {
    background: #cedee7 !important;
    border: none !important;
    color: #405767 !important;
    font-weight: 700 !important;
}
.ui-widget-overlay {
    background: #fff !important;
    filter: Alpha(Opacity=80) !important;
    opacity: .8 !important;
}
.ui-widget-shadow {
    background: #000 !important;
    border-radius: 0 !important;
    filter: Alpha(Opacity=26) !important;
    margin: 0 !important;
    opacity: .26 !important;
    padding: 6px !important;
}
/* help fixes */

div.ui-dialog {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 6px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.26);
    border-color: #e1e1e1;
}
/* grid fixes */

.ui-state-default .slick-header-column {
    display: none;
}
/* paren override */

blockquote span,
.parenText {
    color: #333;
    font-size: 1rem !important;
    font-family: Arial;
    font-weight: 400;
}
/* automap */

.automap {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
.automap .button,
.settings-container .button {
    background-color: #405767;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    color: #fff;
    font-family: Arial, serif;
    font-size: 0.875rem;
    padding: .33em 1.5em;
}
.automap .button:active {
    background-color: #20323f;
    border: 0;
    box-shadow: 0 0 1px 1px #cedee7;
    outline: 0;
}
.automap .button:hover,
.settings-container .button:hover {
    background-color: #20323f;
    cursor: pointer;
}
.automap .errors {
    border: 2px solid #cf0000;
    color: #cf0000;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
.automap .notifications .message {
    -moz-box-shadow: 6px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.26);
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.26);
    display: none;
    margin: 5px auto 0;
    padding: 10px;
    text-align: left;
    width: 80%;
}
.automap .notifications .success p {
    color: #59705b;
}
.automap .notifications .warning {
    border-color: #e8970c;
}
.automap table {
    border: none;
    border-collapse: collapse;
}
.automap table th {
    border-bottom: 2px solid #405767;
    text-align: left;
}
.setting {
    border: 1px solid #e1e1e1;
    padding: 10px;
}
.setting .hint {
    color: #405767;
    font-style: italic;
}
.setting td {
    padding: 7px;
}
.settings-section h2 {
    padding: 4px 10px;
}
.settings-section li {
    margin-bottom: 15px;
}
.settings-section ul {
    list-style: none;
    padding: 0;
}
/* iframe resize */
.iframe-container {
  overflow: hidden;
  position: relative;
  height: 400px !important;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   width: 100%;
   left: 0;
   position: absolute;
   top: 0;
}

.full-screen-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9997;
  width: 100%;
  height: 100%; 
  display: none;
}

.project-creator-fly-out {
	padding: 5px;
	border-radius: 5px;
	display: none;
	position: absolute;
	background-color: white;
	z-index: 9999;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-o-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	border: 1px solid #C0C0C0;
}

.project-creator-fly-out:before {
  content: "";
  width: 40px;
  height: 40px;
  transform: rotate(-45deg);
  background-color: white;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 40px;
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
}

.project-creator-fly-out-btn{
	width: 220px;
	height: 29px;
	font-size: 1rem;
	background-color: #445566;
	font-family: 'Arial', serif;
	color: #ffffff;
	border: 0 none;
	border-radius: 4px;
	padding: .33em 1.5em;
	cursor: pointer;
	display: none;
}

.project-creator-fly-out-btn > span {
	text-align: center;
	display: block;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
}

.project-creator-fly-out-btn:hover{
      background-color: #536475;
}

.ui-accordion .ui-accordion-header.Hidden{
	display: none;
}

div.SavedSearchTile{
	width: 15em;
	min-width: 15em;
	overflow: hidden;
	-webkit-flex-grow: 0; 
	flex-grow: 0;
}

/* bootstrap style utility classes for minor adjustment of existing styles, added only as needed */
.text-right{
	text-align: right !important;
}

/* Context help popups and icons */
div#contextHelpContent {
    margin: 10px;
}

div#contextHelpContent h1 {
    font-size: 20px;
}

span.ContextHelpIcon {
    font-size: 17.777px !important;
    line-height: .75em;
    vertical-align: -.02em;
    color: #114477 !important;
}