.flag-difference {
	background-color:#fdd8d8;	
}

.project-teams input {
	margin-right:15px;	
}
.project-teams label {
	margin-right:5px;	
}
.googleHeaderWrap th {
	white-space:normal;
}
.userList p {
    margin: 0 0 3px;
    font-size: .9em;	
}
.userList h5 {
    margin: 5px 0 5px;
    font-size: 1.0em;	
    font-weight: bold;
}
.maint-ctrl {
	margin-top:10px;
}
.dropdown-menu>p {
	margin:5px;	
}
.indent-10 {
	margin-left:10px;	
}
.tools-btn {
	margin-top:24px;	
}
/*
.filter-btn {
	 width:100%;
	 padding: 6px 12px;
	 margin-bottom: 0;
	 vertical-align: middle;
	 border: 1px solid transparent;
	 border-radius: 4px;
	 color:#fff;"	
}
*/
.popup-err {
	color:red;
	font-size:1.2em;	
}
.projector-popup-err {
	color:red;
	font-size:1.2em;	
	width:100%;
	text-align:center;
}
.main-btn {
	margin-right:30px;
	width:200px;
}
.e4-btn-margin-right {
	margin-right:30px;
}
.noPad {
	padding:0;	
}
.input-group>.input-group-btn>.select-btn {
	margin-left:20px;
}
#projectMaint, #groupMaint, #userMaint {
	margin-top:15px;
}
.maintNav {
	margin-left:5px;
}
.dataEntryRow {
	margin-bottom:10px;
}
.maintenance-header button {
	margin-top:20px;
}

.e4green.panel-primary>.panel-heading, 
.e4green.modal>.modal-dialog>.modal-content>.modal-footer>.btn-primary,
.e4green.gridFooter,
.prodGrid .header.e4green {
	background-color:#017d3f;
	background-image:none;
	border-color:#017d3f;
}
.e4green.btn-primary {
	background-color:#01a754;
	background-image:none;
	border-color:#017d3f;
}
.e4green.btn-primary:hover {
	background-color:#017d3f;
}
.e4green.btn-primary.active {
	background-color:#01944a;
}
.masterfileTable>tbody>tr>td.checkboxCenter {
	text-align:center;
	vertical-align:middle;
}

.masterfileTable>tbody>tr>td {
	padding:0;	
}

.maintTabs {
	margin-left:5px;
	margin-right:5px;	
}

.encError * {
	background:#f2dede;
}

table.encounter-entry {
	margin-bottom:5px;
}

button.cutButton,button.pasteButton {
	margin-bottom:10px;
	margin-left:10px;
}

.full-width {
	width:100%;
}

#fromDatePicker, #toDatePicker, #dataEntryDatePicker {
	cursor:pointer;
}

.cntr {
	text-align:center;
}

.overallHeader {
	margin:5px;
}

.accountList .panel-heading p {
	font-size:1.1em;
	text-align:center;
}

.accountList .panel-body {
	padding: 2px 5px;
}

.accountList .panel-heading {
	padding:3px;
}

#teamUserProductivityDates th, #teamUserProductivityDates td {
	text-align:center;
}

.panel-heading select {
	background: none;
    font-size: 1.7em;
    border: none;
}

#team-chart-dropdown select {
	background: none;
    border: none;
}

.panel-heading option, #team-chart-dropdown option {
	color: black;
	font-size:.8em;
}

#teamUserProductivityDates i {
	margin-left:10px;
}

#teamUserProductivityDates .red {
	color:red;
	text-shadow: 0px 0px 3px #000;
}

#teamUserProductivityDates .yellow {
	color:#fdf93c;
	text-shadow: 0px 0px 3px #000;
}

#teamUserProductivityDates .transparent {
	color:transparent;
}

.gridHidden {
	display:none;
}

#team-chart-dropdown .dropdown-menu {
	padding-left:5px;
}

.encounter-entry.table input,
.encounter-entry.table textarea {
	/* border:none; */
	border:solid 1px #d3d3d34d;
	width:100%;
	resize:none;
}

.encounter-entry.table td {
	padding:1px 6px;
	font-size:1.1em;
}

 .encounter-entry.table th {
 	padding:6px;
	font-size:1.1em;
 }

.encounter-entry.table select {
	border:none;
}

input.encounterNumber,input.lengthOfStay,input.encounterDate, input.ticketNumber,input.ticketMinutes {
	text-align:right;
}

inupt.ticketDescription {
	text-align:left;
}

th.encounterNumber, td.encounterNumber, th.ticketNumber, td.ticketNumber, th.ticketComment, td.ticketComment {
	width:20%;
}

th.lengthOfStay, td.lengthOfStay, th.ticketMinutes, td.ticketMinutes  {
	width:10%;
}

th.encounterDate, td.encounterDate  {
	width:20%;
}

th.serviceType, td.serviceType  {
	width:20%;
}

th.comment, td.comment, th.ticketDescription, td.ticketDescription  {
	width:30%;
}

.accountDialog input {
	width:100%;
}

/*
.accountDialog textarea, .accountDialog label {
	margin-bottom:10px;
}
*/

#changeUserModal,#logoffModal,#changeDateModal {
	width:500px;
	overflow-y:hidden;
}

.saveMessage {
	color:red;
	font-size:1.5em;
	text-align:center;
	margin:10px;
}

.hiddenObject {
	display:none;
}

.accountIcon {
	margin-top:0;
	padding:0;	
}

.form-group .accountDialog {
	bottom:unset;
	left:unset;
}

.prodGrid {
	font-size:1.2em;
}

.prodGrid .header,.gridFooter {
	background-color:#3e79bb;
	color:white;	
	margin-top:10px;	
	padding:5px;
	font-size:1.1em;
}

.prodGrid .gridFooter {
	margin-top:0;	
}

.prodGrid .userLevel {
	background-color:#bbe3cc;
	color:black;
	font-size:1.1em;
	border-top:1px solid gray;
}

.prodGrid .dateLevel {
	background-color:#e8f0f7;
	color:black;
}

.prodGrid .functionLevel {
	background-color:white;
	color:black;	
	word-wrap:break-word;
}

.timePeriodContainer>div>.rate,
.timePeriodContainer>div>div>.rate {
	text-align:center;
}

.prodGrid .col-md-1, .prodGrid .col-md-2, .prodGrid .col-md-3 {
	padding:5px 10px;
	text-align:left;
	font-size:0.9em;
}

.prodGrid .timeSummary {
	background-color:lightgray;
}

.prodGrid .col-md-1 {
	text-align:right;
}

.prodGrid .hdr-buttons {
	text-align:right;
}

.timer {
	border:1px solid gray;
	border-radius: 5px;
	margin-bottom:15px;
}

.timer .timerContainer {
	width:100%;
}

.timerContainer i {
	margin-right:10px;
}

.timerTime {
	float:left;
	margin:10px 20px;
}

.timerMain {
	font-size:2.0em;
}

.timerMain.encounter {
	font-size:1.1em;
}

.timer button {
	margin:10px;
	width:20%;
}

.addTime:hover {
	text-decoration: none;
    color: #000;
}

.addTime:visited,.addTime:focus {
	text-decoration:none;
}

.fPlus a, .fPlus i, .fUnits i,
.grp-header-icon {
	cursor: pointer;
}

.funcGroup {
	background-color:#f5f5f5;
}

span.grp-header-icon {
	float:right;
}

.project-list, .day-level-comments {
	padding:0;
}

.recent-entries {
	clear:both;
	padding-top:10px;
	margin-bottom:0;
}

.groupCollapse {
	float:right;
}

table.productivity-entry {
	margin-top:10px;
}

.productivity-entry>tbody>tr>td,
.productivity-entry>tbody>tr>th, 
.productivity-entry>thead>tr>th {
	padding: 5px 8px;
	vertical-align: baseline;
}

.productivity-entry>tbody>tr>td>input {
	font-size:1.2em;
}

.productivity-entry thead tr {
	background-color:lightgray;
}

.encounter-entry thead tr {
	background-color:lightgray;
}

.serviceType {
	width:100%;
}

.noWrap {
	white-space:nowrap;
}

.auto_height { /* CSS */
  width: 100%;
  overflow: hidden;
  resize: none;
}

/*
.recently-used-funcs th {
	color:white;
	background-color:#797979;
}
*/

.fUnits input, 
.fMins input, 
.fHours input, 
.fComms input,
.fRate input,
.fComms textarea {
	/* border:none; */
	border:solid 1px #d3d3d34d;
	width:100%;
	text-align:right;
}

.fComms textarea {
	text-align:left;
	resize:none;
}

.fUnits input {
	width:75%;
}

.fComms input {
	text-align:left;
	resize: vertical; 
}

.fName {
	width:34%;
}
.fPlus,
.fRate {
	width:5%;
	text-align:center;
}
.fUnits,
.fHours,
.fMins,
.fComms {
	width:14%;
}

.funcGroupHdr .fHours,
.funcGroupHdr .fUnits,
.funcGroupHdr .fMins,
.funcGroup .fHours,
.funcGroup .fUnits,
.funcGroup .fMins {
	text-align:center;
}

.encounterHdr th {
	text-align:center;
}

small.error {
color: red;
}

.signup{
margin-top: 10%
}

#grid1 {
width: 100%;
height: 300px !important;
}

.gridTable {
background: white; 
width: 100%; 
}

.encList table {
	float:right;
	border:solid gray 1px;
	font-size:.8em;
}

.encList tr:nth-child(even) {
	background: #CCC;
}

.encList td, .encList th {
	padding:2px 8px;
	max-width:150px;
	vertical-align:top;
}

.full button span {
background-color: limegreen;
border-radius: 32px;
color: black;
}

.partially button span {
background-color: orange;
border-radius: 32px;
color: black;
}

.tabsdemoDynamicHeight md-content
 {
background-color: transparent !important;
 }

.tabsdemoDynamicHeight md-content md-tabs 
{
background: #f6f6f6;
border: 1px solid #e1e1e1;
}

.tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper 
{
background: white; 
}

.tabsdemoDynamicHeight md-content h1:first-child 
{
margin-top: 0; 
}
.ui-grid-cell-contents{
	margin-left: 15px;
}
.drop_arrow {
  float: left;
  margin: -7px 0 0;
  padding:0 10px;
}

.setting_icon
{
	float:left;
}

.setting_icon:hover  #setting { display:block !important; }

.right_nav
 {
  float: right;
  position: relative;
  width: 100%;
  z-index: 99;
}

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

.right_nav li
{
	color: #6a6153;
	font-family: "Myriad Pro Regular";
	font-size: 13px;
	font-style: normal;
	display:block;
  background:#fff;
}

.right_nav li a
{
	text-decoration:none;
	color: #6a6153;
	padding:10px 20px;
	display:block;
	vertical-align:middle;
}

.right_nav li a:hover
{
	background:#eceef2;
}

.right_nav li span
{
	float:right;
}

.right_nav li span img
{
	float:right;
	margin:0;
	margin:-3px 0 0 0;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#setting
 {
  background:#fff;
  border: 1px solid #7f7f7f;
  clear: both;
  float: left;
  right:15px;
  padding:0;
  position: absolute;
  top: 76px !important;
  width: 240px;
  margin-left:56px;
      z-index: 9999;
}

#example_2 {
    cursor: pointer;
}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

body {
    overflow-x: hidden;
 }

/* Toggle Styles */

#wrapper {
    padding-left: 0;
	font-size: 11px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
/*    padding-left: 120px; */
}

.chartSize {
	height:250px;
	width:100%;
	margin-bottom:20px;
}

.performanceChartSize {
	height:350px;
	width:100%;
	margin-top:20px;
}

.tableSize {
	height:250px;
	width:100%;
	margin-bottom:20px;
}

.pieChartSize {
	height:400px;
	width:100%;
	margin-bottom:20px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 130px;
    top: 0px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding-right: 20px;
    /* ptb 
    padding-right:140px; */
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    /* margin-right: -250px;
    padding-right: 140px; */
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 110px;
    margin: 10px;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    padding-top:12px;
    text-indent: 12px;
    line-height: 35px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-indent:2px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
/* ptb
@media(min-width:768px) {
    #wrapper {
        padding-left: 125px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 130px;
        top: 0%;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
        margin-top:-2%;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}
*/

#loading {
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      position: fixed;
      display: block;
      opacity: 0.7;
      background-color: #f6f6f6;
      z-index: 99;
      text-align: center;
    }
	
  .centerBlock {
  display: table;
  margin: 0 auto;
}

.outset {border-style: solid;}

        
        #items, #dropbox {
			background-color: whitesmoke;
			border-radius: 10px;
			text-align:center;
            width: 350px;
            min-height: 260px;
            border: 4px solid LightBlue;
			font-weight: bold;
			color: black;
			padding: 10px;
			font-size: 11px;
			overflow-y:auto;
        }
	
	#itemHead {
				text-align:center;
				font-weight: bold;
				width: 350px;
				border: 4px solid LightBlue;
				border-radius: 10px;
				color: darkred;
				font-size: 15px;
				overflow-x:auto;
				padding-top: 4px;
				background: whitesmoke;
			}
        div.item {
            float: left;
            min-width: 160px;
            min-height: 30px;
            border: 2px solid #A8A8A8;
            margin: 2px;
            cursor: pointer;
			color: black;
            border-radius: 10px;
			background: #E3F39C;
			padding: 5px;
        }
		
	 #item {
				text-align:center;
				font-weight: bold;
				color: black;
				font-size: 11px;
				overflow-x:auto;
				padding-top: 4px;
				
			}
			
.dashboard2Charts {
    width: 100%;
    float: left;
	padding:1px;
	border: 0px solid #A8A8A8;
	border-radius: 10px;
	box-shadow: 0 0 3px 3px #cccccc;
}
	
.dashboard6Charts {
    width: 100%;
    float: left;
    padding:1px;
	border: 0px solid #A8A8A8;
	border-radius: 10px;
	box-shadow: 0 0 3px 3px #cccccc;
}

.required:after { content:" *";color:red }