body { background-color: #ffffff;}
.container, .page { background-color: #ffffff;}

.nav-unread {
   top: .3em; left: 1.35em;
}

* {
  box-sizing: border-box;
}

legend, a {color: #662991;}

h1  {color: #662991;}

  .card-header {background-image: none; background-color:#662991;}  
/**
.card .card-header {
	background-image: none; 
	background-color: #fff;
	color: #662991;
	
}

h3 .card-title {
	color: #662991;
}
**/
.homepg {background-image: none; background-color: #fff;}

.bg-purple {background-image: none; background-color:#fff;}

.bg-f5 {background-image: none;  background-color:#F5F5F5;}

.form-label { padding-top: 0px; } 

.form-group { margin: 0px; padding:0px; }

.form-control { margin: 0px; padding:0px; }

.footer, .footer.row  {background-image: none; background-color:#F5F5F5;

  width: 100%;
 
  }   /**  #662991;}  **/


.footer.container  {background-image: none; background-color:#F5F5F5;
text-align:left;
font-size: .85rem;
position: relative;
bottom: 0;
  width: 100%;
  height: 2.5rem;    /** **/
  }   /**  #662991;}  **/


.footer.flex-row-reverse {background-image: none; background-color:#F5F5F5;
text-align:center;}   /**  #662991;}  **/



.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #868e96;
  content: " :: ";
}

.form-control {
	padding-left: 0.65rem;
	margin-left: 0.25rem;
	min-height: .65rem;
	font-size: .85rem;
}

.form-group-hor {
	display: inline;
}

.form-label {
	 /* margin-top: .725rem;
	 color: rgb(190,190,190);  
	 color: rgb(134,136,138);  
	  color: #6e7687;    Even darker!!! and bigger   */
	  color: #662991; 
	 margin-bottom: 0;
	 padding-bottom:0;
	 font-size: .95rem;
}
label {
	/* margin-top: .725rem;
	  color: rgb(190,190,190);  
	 color: rgb(134,136,138);  
	  color: #6e7687;    Even darker!!! and bigger   */
	  color: #662991; 
	 margin-bottom: 0;
	 padding-bottom:0;
	 font-size: .95rem;
	 margin-right:.25rem;
}


.checkbox {
	margin-top: 0.825rem;
}

.form-group.row {
  display: flex;
}

.form-control.xl {margin-left:1.2rem; margin-bottom:1rem;}

.btn-primary {
  color:  #662991;  /*  a55eea;  */
  background-color: #fff;
  border-color: #662991;  /*  a55eea;  */
  font-size: 1.0125rem;
	font-weight:500;
	padding-left:10px;
	padding-right:10px;
} 

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #fff;
  background-color: #662991;  /*  a55eea;  */
  border-color: #662991;  /*  a55eea;  */
}

.btn-primary-outline {
  color:  #fff;
  background-color: #662991;  /*  a55eea;  */
  border-color: #662991;  /*  a55eea;  */
  font-size: 1.0125rem;
	font-weight:500;
		padding-left:10px;
	padding-right:10px;
} 

.btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus {
  color: #662991;  /*  a55eea;  */
  background-color: #fff;
  border-color: #662991;  /*  a55eea;  */

}

.alert-danger {
	 /* background-color: #ffff51;  **/
	 background-color: white;
	 color: red;
	 font-weight: 600;
	 font-size: 1.25rem;
	 padding-top:1.25rem;
}

.alert {
	background-color:white;
	border-color:white;
}

.nav-tabs  .nav-link {
  color: #662991;     /*   #e9ecef;   */
  background-color: transparent;
  border-color: #dee2e6 #dee2e6 transparent;
}

.table td.fit, 
.table th.fit {
    white-space: nowrap;
	width: 1%;
}

.table {
	border-collapse: collapse;
	
	
}
.table_morecondensed>thead>tr>th, 
.table_morecondensed>tbody>tr>th, 
.table_morecondensed>tfoot>tr>th, 
.table_morecondensed>thead>tr>td, 
.table_morecondensed>tbody>tr>td, 
.table_morecondensed>tfoot>tr>td{ padding: 5px 15px 5px 0px; }

button.buttonastext {background-color:transparent;  color:#662991; border:0; outline:0;}

button.buttonastext:hover, .buttonastext:focus { color:grey; text-decoration:underline;}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px 16px;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

.tab button.disabled { pointer-events: none;     a {         color: silver;     } }

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


/* The Modal (background) */
.modalwndw {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8; /* Sit on top */
  margin-top: 200px; /* Location of the box */
  padding-top:0;
  left: 400px;
  top: 200px;
  width: 50%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contents {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.modalclose2 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modalclose2:hover,
.modalclose2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* END  Popup box style */


@media print {
  .header {
    display: none;
  }
  .btn {
  display: none;
 }
  span.d-print-none {
	display: none;
}
}