/*  Stick footer at the bottom      */
body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-size:12px;
    font-family:Candara;   
}
footer{
    margin-top: auto;
}
/* End of sticking footer at the bottom */

.activepage{
	color:red;
}
.bg-green{
	background-color: green;
}
.btnfiles{
	margin-top: 5px;
	align-content: center;
}

.betalogo
{
 max-width: 30px;
}

.beadcrumbtitle{
    color:#FFF;
}

.checkoutmodal{
	 background: #006699;padding: 2px; box-shadow: 1px 1px 1px gray;border-radius: 30px;
}
.checkoutmodalcontent{
	border-radius: 30px;
}
.company_name{color:#FFFFFF;
font-family:Times Roman;
font-weight: bold;
font-style:underline;
}
#companydetailstop{
	background-color:#006699;
	box-shadow:2px 2px 1px gray; 
	
}
#companydetailstop li button{
	color:#FFFFFF;
	}

#companydetailstop li .active{
color:#006699;
}

#companydetailstop li button:hover{
color:#00b8e6;
background-color: #002080;
}
.datatable a{
font-size: 11px;
}

.datatable td{
font-size: 12px;
}

.datatable th{
font-size: 13px;
}
.divresponsiveactivities{
	max-height: 200px;
	overflow-y: scroll;
}
.headertitles{
	background-color:#0040ff;
	width:100%;
	box-shadow: 1px 1px 1px #000;
	color:#ccffff;
}

.headertitles2
{
	background-color:gray;
	width:100%;
	
	color:#ccffff;
}
.icondelete{
	cursor: pointer;
}
.logo{
	max-width: 90px;
	align-items: center;
}

	.pagetitle{
	   background-image: url(LOGO/baaa.jpg);
	   height:120px;
	   color:#FFFFFF;
	   background-color:gray;
	   padding:20px;
	   box-shadow:1px 1px 1px solid gray ;
	   
	}
.statusmsg{
	width:100%;
}

.sselect{
  		color:#000;
  		height:35px;
  		font-weight: bold;
  		font-family:'Arial';
  		font-size:12px 
  	}

.sell{
	background-color: #0077b3;
	width:100%;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 900;
	color:#FFF;
}
.mooodal{
	background-color: #000080;
	color: #FFFFFF;
}
.numbering{
	background-color:  #80bfff;
}
.salestableheader{
background-color: #800000;
color:#FFFFFF;
font-weight: bold;
}
#stafflabelmsg{
	color:red;
	text-align: center;
}
.stafftable{
	border:1px solid #000;
}
.divtax{
	background-color: gray;
	height:80px;
}

.tableadvances
{
    font-size:11px;
}

#tabledata{
	font-size:14px;
	font-weight: bold;
}
#tabledata2
{
font-size: 10px;
}
.tableholder
{
 overflow-x: scroll;
}
#txtamounttendred
{
	font-weight: bold;
	font-family: impact;
	font-size: 20px;
}
.text-red{
	color:red;
}

.thumbnail{
	max-height: 50px;
}


/* Quick Actions Dropdown */
.quick-actions {
  width: 350px;
  padding: 0px; }
  .quick-actions:after {
    border-bottom-color: #1572E8 !important; }
  .quick-actions .quick-actions-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #1572E8;
    color: #fff;
    padding: 15px;
    border-radius: 3px 3px 0 0; }
    .quick-actions .quick-actions-header .title {
      font-size: 16px; }
    .quick-actions .quick-actions-header .subtitle {
      font-size: 13px; }
  .quick-actions .quick-actions-items {
    padding: 7.5px 0; }
  .quick-actions a:hover {
    text-decoration: none; }
  .quick-actions .quick-actions-item {
    display: flex;
    flex-direction: column;
    margin: 7.5px 10px;
    padding: 10px;
    align-items: center;
    color: #1572E8; }
    .quick-actions .quick-actions-item i {
      color: #fff;
      font-size: 18px; }
    .quick-actions .quick-actions-item .text {
      text-align: center;
      font-size: 1rem;
      margin-top: 12px; }
    .quick-actions .quick-actions-item:hover .avatar-item {
      transform: scale(1.1); }
  .quick-actions .avatar-item {
    display: inline-flex;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: .375rem;
    background-color: #1572E8;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    box-shadow: 2px 2px 8px 0px rgba(31, 30, 30, 0.13) !important; }
  .quick-actions.quick-actions-black:after {
    border-bottom-color: #1a2035 !important; }
  .quick-actions.quick-actions-black .quick-actions-header {
    background: #1a2035; }
  .quick-actions.quick-actions-black .quick-actions-item {
    color: #1a2035; }
  .quick-actions.quick-actions-primary:after {
    border-bottom-color: #1572E8 !important; }
  .quick-actions.quick-actions-primary .quick-actions-header {
    background: #1572E8; }
  .quick-actions.quick-actions-primary .quick-actions-item {
    color: #1572E8; }
  .quick-actions.quick-actions-secondary:after {
    border-bottom-color: #6861CE !important; }
  .quick-actions.quick-actions-secondary .quick-actions-header {
    background: #6861CE; }
  .quick-actions.quick-actions-secondary .quick-actions-item {
    color: #6861CE; }
  .quick-actions.quick-actions-info:after {
    border-bottom-color: #48ABF7 !important; }
  .quick-actions.quick-actions-info .quick-actions-header {
    background: #48ABF7; }
  .quick-actions.quick-actions-info .quick-actions-item {
    color: #48ABF7; }
  .quick-actions.quick-actions-warning:after {
    border-bottom-color: #FFAD46 !important; }
  .quick-actions.quick-actions-warning .quick-actions-header {
    background: #FFAD46; }
  .quick-actions.quick-actions-warning .quick-actions-item {
    color: #FFAD46; }
  .quick-actions.quick-actions-success:after {
    border-bottom-color: #31CE36 !important; }
  .quick-actions.quick-actions-success .quick-actions-header {
    background: #31CE36; }
  .quick-actions.quick-actions-success .quick-actions-item {
    color: #31CE36; }
  .quick-actions.quick-actions-danger:after {
    border-bottom-color: #F25961 !important; }
  .quick-actions.quick-actions-danger .quick-actions-header {
    background: #F25961; }
  .quick-actions.quick-actions-danger .quick-actions-item {
    color: #F25961; }

@media screen and (max-width: 991.5px) {
  .notif-box .notif-scroll, .messages-notif-box .message-notif-scroll, .quick-actions .quick-actions-scroll {
    max-height: calc(100vh - 200px); }
}