/*  Fathom-specific Styles  =====================================================================
  
     Specify for mobile presentation first, with media queries and definitions below for larger devices
=============================================================================================*/

body.floating { padding-top: 50px;  }

.noPadding { padding:0; }
.FPgreen { color: #8976A2; }        /* used to be #3f903f */
.FPgreen:hover { color:#8044ce; }   /* used to be #265826 */
/* .xpanel-success { background-color: #ece4f5;} */

.cursor-pointer{ cursor: pointer; }
.FPxlarge { font-size:x-large; }
.FPxxlarge { font-size:xx-large; }
.FPsmaller { font-size:smaller; }

.spaceright { margin-right:10px; }
.spaceleft  { margin-left:10px; }

label { display: inline-block; margin-bottom: 5px; margin-left:5px; font-weight:bold; }

.error { font-weight:normal; font-style:italic; color:red;}

ul.dropdown-alerts > .divider { margin:20px 0 9px 0; }
ul.dropdown-alerts li a { padding:3px 5px; }				/* >> DOESN'T SEEM TO BE WORKING */
	
/* Bootstrap overrides... */
.navbar-top-links .dropdown-alerts { margin-left:-60px; }
.navbar-brand { padding: 9px 10px; }
.btn-block { width:75% !important; margin:0 auto; }
.form-control:focus {
    /* border-color: green; */ 		/* USE FPGREEN VARIABLE (LESS)? */
/*     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 233, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(116, 233, 102, 0.6); */
    border-color: #8044ce; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 202, 248, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 202, 248, 0.6);
}
.badge { margin:10px; }
.flex-page-header { display:flex; justify-content:space-between; flex-wrap:nowrap;/*padding-bottom: 9px; margin: 40px 0 20px; */ border-bottom: 1px solid #eee; }
.FPlayoutButton { margin:3px 0 3px 1px; }

.panel.FPaccordionPanel { margin-bottom:20px; }

.FPinputgroup { width:90%; margin:0 auto 6px; }
.FPinputgroup.yesno { width:100%;}
.FPlistgroupitem { width: 100%; cursor: pointer; border: solid 1px #ccc;
    padding: 2px 8px; display: table-cell; vertical-align: middle; border-radius: 0 4px 4px 0;
}
.FPpopupAlert { width:90%; margin:10px auto; display:none; }

/* sb-admin CSS overrides... */
body.lightbox { padding-top:25px; }

#forgotPass, #registerUser { clear:both; display:none; background-color:#f5f5f5; padding:12px; border-top:solid 1px #BBB; }
.signinLink, .signinLink:visited { color:#555; text-decoration:none !important; }
.signinLink:hover { text-decoration:none; color:#aaa;}

/* Timeline and project and question style defs ------------------------------------------------------------------ */
/* .FPcheckbox { display: inline-block; margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;cursor: pointer; } */

.fp-panel { margin-top: 12%; }
.panel-title > a { display:block; text-decoration:none; /*line-height: 40px; padding-left: 15px;*/ padding:12px 0 12px 15px; }
/*.panelLinks { position: absolute; right:10%; top:16%; }
.panelLinks a { width: 5%; font-size:x-large; }*/
/* a.panelLink { position: absolute; right:10%; top:6%; width: 5%; display: block; font-size:x-large; } */

.panel-heading .FPtoggle:after {            /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';    /* essential for enabling glyphicon */
    content: "\e113";       /* adjust as needed, taken from bootstrap.css */
    float: right;           /* adjust as needed */
    color: grey;          /* adjust as needed */
}
.panel-heading .FPtoggle.collapsed:after {    /* symbol for "collapsed" panels */
    content: "\e114";
}

.projPanel { display:flex; align-items:center; justify-content:space-between; }
/*.projPanel-left { /*width:80%; float:left;* / } */
/*.projPanel-left:hover { /*color: #103e11; }*/
.projPanel-right { margin-right:2%; margin-left:3%; display:flex; flex-wrap:nowrap; }
.projPanel-right a { font-size: 16px; margin-left:7px; }

/* .addButton {  } */

a.question { text-align:center; }
/*.question:active {   background-color: #f5f5f5; }*/
a.respondent { text-align:center; }

.pageHeadline { /* font-weight:bold; */ font-size: 14pt; line-height: 1.4; }

.FPlogo { display:flex; justify-content:center;  }
.FPlogo img { max-width:75%; object-fit:contain; height:auto; max-height:125px; }
.OtherLogo { display:flex; justify-content:center; padding:20px 0; }
.OtherLogo img { max-width:35%; object-fit:contain; height:auto; max-height:125px; }
.FPtitlelogo { max-height:35px; float:left; margin-right:3px; }
.FPtitletext { line-height:34px; color:Black; }

.chkptEdit { font-size: larger;}
.chkptDelete { font-size: larger; margin-left:-3px; }

.quickInput { font-size:18px; margin-right:20px; cursor:pointer; }
.bqList { text-align:center; }

#langSelect { margin:2px 8px 0 0; }

/* Helper style defs ------------------------------------------------------------------ */
.hideIt { display:none; }

/* Form style defs ------------------------------------------------------------------ */
.formPrompt {  margin:0px auto 8px; font-weight:bold; }
.FPQuestion_Label { background-color: #eee;}
.errLabel { display:none; color:Red; }
.errHighlight { color:Red; font-weight:bold; }
.radioQuestion { margin:0 0 10px 30px; width:70%; }

.FPTeamMemberSelect { margin:10px 5px; /* margin-top:10px; */ }

#datetimepick, #datepick, #timepick { width:40%; display:inline-table;}
.mcText { width:100%; height: 2em; }

.privEdit { padding-left:5%; margin-bottom:5px; }
.privEdit_label { width:45%; float:left; padding-top:7px; }
/* .toggle.fathom { background-color:#5cb85c; } */

/* Help panel style defs...  -------------------------------------------------------- */
.fathomHelp { float:right; /* color:green; */ color:#8044ce; font-size:x-large; margin-top:-4px; }
.modal-title { line-height:1; }
.modal-body { padding: 25px; /* background-color:#f0f8f0; */ background-color:#d5bff3; color:#424f5c; }
.modal-body { font-size: 1.5rem; line-height: 1.5; }

/* Summary page style defs...  -------------------------------------------------- */
.pageCenter { width:90%; margin:0 auto; }   
.pageCenterWide { width:98%; margin:0 auto; }
.checkpointSummaryContainer { border: solid 3px #bbb; text-align: center; /* padding: 20px; */ margin-bottom:10px; }
.summaryQHeader { background-color:#ddd; padding:6px; }
.QNumber { font-weight:bold; font-size:larger; }
.ansTable { margin-bottom:0; }
.ansPerson { width:25%; }   /* 30% */
.ansText { width:50%; }     /* 70% */
.dateInfo { margin:0 30px; color:#777; }

/* Thank you page style defs...  -------------------------------------------------- */
.exitButton { text-align:center; }

/* Calendar style defs ------------------------------------------------------------------------------------------ */
#calendar { box-sizing: border-box; width: 100%; /* height:500px; */ display: flex; flex-direction: column; }
#calendar > header { flex-grow: 7; display: flex; align-items: center; justify-content: center; }
#calendar .day-names { flex-grow: 5; display: flex; align-items: center; }
#calendar .day-names p { flex-grow: 1; text-align: center; margin:5px 0;}
#calendar .days { flex-grow: 88; display: flex; flex-direction: row; flex-wrap: wrap; }
#calendar .days > div { width: calc(100% * 1/7); min-height:110px;}

#calendar { font-family: 'Source Sans Pro', Arial, sans-serif; font-weight: 900; text-transform: uppercase; border: 1px solid #D5D5D5; }
#calendar > header { background: #FCFCFC; }
#calendar > header h1 { font-size: 2em; color: #333; min-width:60%; text-align:center;}
#calendar > header > div { font-size:1.8em; padding:0 12px; cursor:pointer; margin-top:6px; }
#calendar .day-names { background: #D5D5D5; }
#calendar .day-names, #calendar .days { font-size: 0.825em; color: #666; }
#calendar .spacer  { background: #F5F5F5; }
#calendar .days > div { box-sizing: border-box; border: 1px solid #F5F5F5; border-width: 1px 0 0 1px; }
#calendar .days > div:nth-child(-n+7) { border-top-width: 0; }
#calendar .days > div:nth-child(7n+1) { border-left-width: 0; }
/* #calendar .days > div:nth-child(7n+6), #calendar .days > div:nth-child(7n+7) { background: #FEFEFE; } */
#calendar .day-number { float: right; padding: 1em; }
#calendar .day { cursor:pointer; }
.FPtoday { border-width:2px !important; border-color:#666 !important; }
.dayWithCP { background-color:/*#efe*/ #dec8fd; }
.dayCPTitle { font-weight:normal; font-size:1em; border-bottom:solid 1px #ccc; }
.calParticipant { border:solid 1px Black; /* width:20%; */ text-align:center; margin:5px 10px;}


/* ================================================================================================= */
/* Media queries with definitions for larger devices...   ========================================== */	
@media (min-width: 768px) {
	body.floating { padding-top: 100px;  }
	.pageHeadline { font-size: 16pt; }
    .radioQuestion { width:50%; }
    
    #calendar > header h1 { min-width:25%; }
}

/* Mobile-specific styles...   ===================================================================== */	
@media screen and (max-width: 768px) {
    .FPtitletext { display:none; }

    .mfp-content { height: 80%; }       /* make the Magnific Popup taller on small screens */

    #datetimepick, #datepick, #timepick { width:100%;}
    .badge.dayCPcount { width:30px; }

}