

    /* Add some padding on document's body to prevent the content
    to go underneath the header and footer */
    body{        
       /* padding-top: 60px;*/
       /* padding-bottom: 40px;*/
        margin: 0px;
        font: 400 14px/22px "Source Sans Pro", sans-serif;
    }
    .fixed-header, .fixed-footer{
        width: 100%;
   /*     position: fixed;*/        
        background: #333;
        padding: 0px 0;
        color: #fff;
        font: 400 14px/22px "Source Sans Pro", sans-serif;
    }
    .fixed-header{
        top: 0;
        z-index: 9999;
    }
    .fixed-footer{
        bottom: 0;
        padding: 10px 0;
    }
    .container{
        width: 99%;
        margin: 0 auto; /* Center the DIV horizontally */
    }
    nav a{
        color: #fff;
        text-decoration: none;
        
        padding: 2px 10px;
    display: inline-block;
    vertical-align: middle;
    font: 400 14px/22px "Source Sans Pro", sans-serif;
    margin-right: 36px;
		


  	font: 400 14px/22px "Source Sans Pro", sans-serif;

    }

  nav a:hover{ 
  
  color: #fff;
  text-decoration: none;

  } 

  nav a.selected {
color: black;
    background: #fff;
    height: 40px;
    line-height: 38px;


  }
 
.dataTables_wrapper .dataTables_scroll{

text-align: left!important;

}



table.dataTable tbody td {
    padding: 8px 12px;
     text-align: left; 
}


.logo{
width:120px;
	float:left
}

.logo img{
width:120px;
	
}

#hederlinks {

	text-align: right;
}

.addpeople ,.addorganization ,.addactivities , .adddeals {

	background-color: #08a742;
    padding: 8px 25px 8px 25px;
    margin: 15px;
    display: inline-block;
    color: #fff;
    /* width: 10%; */
    text-align: center;
    font-weight:600; 
        box-shadow: 0 1px 2px rgba(38,41,44,.08);
        border-radius: 5px;

}

/* for modal css */
 .modal-dialog{max-width: 400px; width: 100%;}
        .pre-cost{text-decoration: line-through; color: #a5a5a5;}
       

         .modal-header {
    min-height: 11.43px;
    padding: 8px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
    min-height: 11.43px;
    padding: 8px 15px;
    border-top: 1px solid #e5e5e5;
}

.btn-primary.cancel {

background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
    color:#26292c	;
    box-sizing: border-box;
    border: 1px solid grey;


}
.btn-primary.save {

background-color:#078c37 ;
    border-radius: 2px;
    cursor: pointer;
    color:#fff	;
    box-sizing: border-box;
    border: 1px solid #078c37;


}

.btn-primary.save:focus{

background-color: #078c37;
    border-color: #078c37;



}

label {
    
    font-weight: 500;
}

/*ends */

/*tootltip*/




 .logouttooltip .tooltiptext {
  visibility: hidden;
  width: 62px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top:5px;

}

.logouttooltip:hover .tooltiptext {
  visibility: visible;
}
a.username {

    margin-right: 5px;
    margin-left:25px;
}
.username img {
    width: 26px;
    height: 24px;
    /* vertical-align: middle; */
    position: relative;
    top: -2px;
}
label.error { color: red; }

