@CHARSET "UTF-8";

body {
    width: 100%;
    font-family: "lucida sans unicode", georgia, helvetica, "sans serif";
    font-size: 14px;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
	background-image: url("../images/globe-with-clouds-1280x938.jpg");
}

.fa-t:before {
    font-family: "arial black"; /* your font family here! */
	font-size: 14px;
    font-weight: bold;
    content: 'T';
}

.fa-downcase-t:before {
    font-family: "arial black"; /* your font family here! */
	font-size: 16px;
    font-weight: bold;
    content: 't';
}

.modal-content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background: -moz-linear-gradient(left, white, #b6cff2);
    background: -webkit-linear-gradient(left, white, #b6cff2);	
    background: -ms-linear-gradient(left, white, #b6cff2);
    background: -o-linear-gradient(left, white, #b6cff2);
    background: linear-gradient(left, white, #b6cff2);
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover-body, .popover-header {
    width: 100%;
    font-family: "comic sans ms", arial, "lucida sans unicode", georgia, helvetica, "sans serif";
    font-size: 14px;
	color: blue;
	/*
	background-color: rgba(0,0,0,0.2);	
	border-right-color: red;
	*/
	/*rgba(0,0,0,0.5); /* Black background with opacity */
  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background: -moz-linear-gradient(left, #C0C0C0, white);
    background: -webkit-linear-gradient(left, #C0C0C0, white);	
    background: -ms-linear-gradient(left, #C0C0C0, white);
    background: -o-linear-gradient(left, #C0C0C0, white);
    background: linear-gradient(left, #C0C0C0, white);
/*
    color: red;
    font-size: 10px;
	*/
}

.popover.left .arrow:after {
  border-left-color: red;
}

#aboutfooter {
	background-color: white;
}

#aboutbody {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
	background-image: url("../images/globe-with-clouds-1280x938.jpg");
	height: 325px;
}

#ifuSimName, #ifuTeam{
	font-family: "lucida sans unicode", verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: blue;
}

#ifuMenu, #ifuMgrMenu, #ifuSimMenu {
	border: 0px solid #f1f1f1;
	font-family: "lucida sans unicode", verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
}

/*
#btnHome, #btnPersonnel, #btnReports, #btnRun,
#btnHome-sm, #btnPersonnel-sm, #btnReports-sm, #btnRun-sm,
#btnTeam, #btnAbout, #btnLogout,
#bAssign, #bFeedback, #bTerminate, #bMeetings, #bSupport
*/
.btn
{
	font-family: "lucida sans unicode", verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 3px 5px 5px gray;
}

#btnLogin {
	font-size: 14px;
}

#bTerminate, #bTerminate-sm {
	color: red;
}

#bTerminate {
	width: 110px;
}

#btnHelp, #btnTeam, #btnAbout, #btnLogout, #btnPersonnel-sm, #btnReports-sm
{
	width:30px;
	height:30px;
}

#weekno {
	font-size: 14px;
	font-weight: bold;
	color: blue;
}

#ifuKPI, #ifuKPI-sm, #ifuSchedule, #ifuCost, #ifuNetwork,
#tutKPI, #tutKPI-sm, #tutSchedule, #tutCost, #tutNetwork,
{
	border: 1px solid gray;
	width:100%;
	height:100%;
	overflow:auto;
	font-size: 14px;
	/*
	box-shadow: 7px 10px 5px #ccc6ba;
	*/
}

.rpttbl tr, .rpttbl td {
	height: 10px;
}

#ifuCost, #tutCost {
	overflow:hidden;
}

#ifuKPI, #ifuKPI-sm, #ifuSchedule, #ifuNetwork, #tutKPI, #tutKPI-sm, #tutSchedule, #tutNetwork {
	overflow:auto;
}

#ifuSchedule, #ifuNetwork, #tutSchedule, #tutNetwork {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background: -moz-linear-gradient(left, #b6cff2, white);
    background: -webkit-linear-gradient(left, #b6cff2, white);	
    background: -ms-linear-gradient(left, #b6cff2, white);
    background: -o-linear-gradient(left, #b6cff2, white);
    background: linear-gradient(left, #b6cff2, white);
}

#ifuCost, #ifuKPI, #ifuKPI-sm, #tutCost, #tutKPI, #tutKPI-sm {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background: -moz-linear-gradient(left, white, #b6cff2);
    background: -webkit-linear-gradient(left, white, #b6cff2);	
    background: -ms-linear-gradient(left, white, #b6cff2);
    background: -o-linear-gradient(left, white, #b6cff2);
    background: linear-gradient(left, white, #b6cff2);
}

#ifuSchedule svg g:first-of-type rect {
	fill-opacity: 0.0;
}

#ifuSchedule svg g:last-of-type rect {
	fill-opacity: 1.0;
}

#ifuSchedule svg g text:nth-last-of-type(2) {
	color: #ff0000;;
}

#ifuSchedule svg g text {
	color: #000000;
}

#tutSchedule svg g:first-of-type rect {
	fill-opacity: 0.0;
}

#tutSchedule svg g:last-of-type rect {
	fill-opacity: 1.0;
}

#tutSchedule svg g text:nth-last-of-type(2) {
	color: #ff0000;;
}

#tutSchedule svg g text {
	color: #000000;
}

#schedtitle, #ntwktitle, #kpititle, #kpititle-sm, #kpi-tbl, #kpi-tbl-sm,
#tutSchedtitle, #tutNtwktitle, #tut-tbl, #tut-tbl-sm {
	font-family: arial;
	font-size: 12px;
}

#ifuPersonnel, #ifuReports, #tutPersonnel, #tutReports {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background: -moz-linear-gradient(left, white, #b6cff2);
    background: -webkit-linear-gradient(left, white, #b6cff2);	
    background: -ms-linear-gradient(left, white, #b6cff2);
    background: -o-linear-gradient(left, white, #b6cff2);
    background: linear-gradient(left, white, #b6cff2);
	box-shadow: 7px 10px 5px #ccc6ba;
}

#ifuPersonnel, #persstaff {
	border: 1px solid gray;
	font-family: "lucida sans unicode", verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 7px 10px 5px gray;
}

#assignments, #assign-activities, #assign-ot,
#planned, #select-feedback, #select-meeting, #scheduled {
	border: 1px solid gray;
	box-shadow: 7px 10px 5px gray;
}

#divstaff {
	border: 0px solid blue;
	height: 200px;
	width: 100%;
}

#stafflist, #stafflist-sm, #i-stafflist, #i-stafflist-sm, #candidateslist {
	border: 1px solid gray;
	height: 150px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#stafflist-sm, #i-stafflist-sm {
	height: 100px;
}

#staffpic, #i-staffpic {
	border: 0px solid gray;
	height: 150px;
}

#tblstaffspecs table tr, #tblstaffspecs table td, #tblstaffskills table tr, #tblstaffskills table td,
#tblstaffspecs-sm table tr, #tblstaffspecs-sm table td, #tblstaffskills-sm table tr, #tblstaffskills-sm table td,
#tblcandidatespecs table tr, #tblcandidatespecs table td, #tblcandidateskills table tr, #tblcandidateskills table td {
   height: 12px;
   padding: 0;
}

#i-tblstaffspecs table tr, #i-tblstaffspecs table td, #i-tblstaffskills table tr, #i-tblstaffskills table td,
#i-tblstaffspecs-sm table tr, #i-tblstaffspecs-sm table td, #i-tblstaffskills-sm table tr, #i-tblstaffskills-sm table td {
	font-size: 11px;
	height: 12px;
	padding: 0px 2px 0px 1px;
}

#i-tblstatus table tr, #i-tblstatus table td {
	font-size: 11px;
	height: 12px;
	margin: auto;
	padding: 2px;
}

#i-staffstatus {
	border: 1px solid gray;
	height: 150px;
}

#assign-title, #activities-title, #ot-title, #priority-title, #deliverer-title, #meet-title {
	font-family: "lucida sans unicode", verdana, helvetica, arial;
	font-size: 12px;
	font-weight: bold;
}

#tbl-assignments th, #tbl-activities th, #tbl-plannedfdbk th, #tbl-topics th, #tbl-delivery th,
#tbl-meettopic th, #tbl-meetday th, #tbl-meethour th, #tbl-meetlength th, #tbl-scheduledmeet th,
#tblcandidates th {
	border: 1px solid gray;
	background-color: #f7f5d7;
	position: sticky;
	top: 0;
}

#tbl-assignments, #tbl-activities, #tbl-plannedfdbk, #tbl-topics, #tbl-delivery,
#tbl-meettopic, #tbl-meetday, #tbl-meethour, #tbl-meetlength, #tbl-scheduledmeet {
	border: 1px solid gray;
	overflow: auto;
//	box-shadow: 7px 10px 5px gray;
}

#tblstaff-sm table tr, #tblstaff-sm table td,
#i-tblstaff-sm table tr, #i-tblstaff-sm table td {
   height: 14px;
   padding: 0;
}

#tblstaffspecs, #tblstaffskills, #i-tblstaffspecs, #i-tblstaffskills, #tblcandidatespecs, #tblcandidateskills {
	font-size: 12px;
}

#tblstaff-sm, #tblstaffspecs-sm, #tblstaffskills-sm,
#i-tblstaff, #i-tblstaff-sm, #i-tblstaffspecs-sm, #i-tblstaffskills-sm {
	font-size: 11px;
}

table.table-hover tbody tr:hover {
    background-color: yellow; 
}

button.active {
  background-color: green !important;
}

.dropdown-menu {
	width: auto;
	height: auto;
}

#bIncPrioNbr, #bDecPrioNbr {
	width: 20px;
	height: 20px;
	background-color:transparent;
	box-shadow: none;
}

#ddOT, #priority, #ddReport, #ddRptWeek, #ddRptWeek-D {
	font-size: 12px;
	font-weight: bold;
}

#ddOT {
	width: 55px;
}

#ddRptWeek, #ddRptWeek-D {
	width: 100px;
}

#ddReport {
	width: 150px;
}

#i-ddstatus, #i-ddhrs, #i-ddothrs, #i-labor, #i-overtime, #i-gaamt, #i-gadmin, #i-ttlbudget {
	font-size: 11px;
	font-weight: bold;
}

#i-ddstatus {
	width: 175px;
}

#i-ddhrs, #i-ddothrs, #ddresetwk {
	width: 55px;
}

#i-labor, #i-overtime, #i-gaamt, #i-ttlbudget {
	width: 80px;
	height: 25px;
}

#i-gadmin {
	width: 50px;
	height: 25px;
}

#ifuReports, #report-0, #report-1, #report-2, #report-3, #report-4, #report-5, #report-6 {
	font-size: 12px;
	overflow: auto;
}

#i-reset, #i-budget {
	height: 250px;
	font-size: 11px;
}

#i-reset, #ddresetwk {
	font-size: 11px;
	color: red;
	font-weight: normal;
}

#bRewind {
	height: 25px;
}

#bNewBudget {
	height: 25px;
	width: 100px;
}

#priority {
	width: 35px;
}


#divoverlay {
  position: absolute; /* Sit on top of the page content */
  width: 200px;
  height: 200px; 
  top: 1200;
  left: 550;
  /*
  right: 0;
  bottom: 0;
  */
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.disablediv {
   pointer-events: none;
   opacity: 0.6;
}

.disablediv4po {
   pointer-events: none;
}

.hidden{
  display:none;
  visibility:hidden;
}

ul nav {
	padding: 0;
	margin: 0;
}

li a {
    color: blue;
    text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

li a:hover {
	background-color: skyblue;
	color: black;
	text-decoration: none;
}

.dropdown-menu {
	font-weight: bold;
	color: white;
	background-color: white;
	overflow-y:auto;
	padding: 0;
	margin: 0
}

.dropdown-item {
	font-weight: bold;
	font-size: 12px;
	color: white;
	background-color: var(--secondary);
}

.list-group-item {
    border:0;
	background-color: transparent;
}