.mycard {
	background-color:  #eef;
	color: #00d;
	border-color: #dee2e6;
	height:300px;
	margin: 0;
	
	
}

.mycard100 {
	background-color:  #aff;
	color: #000;
	border-color: #dee2e6;
	height:80px;
	margin: 0;
	
	
}

.mycard20 {
	background-color:  #aff;
	color: #000;
	border-color: #dee2e6;
	height:30px;
	margin: 0;
	
	
}

.spad {
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;

}


.nopad {
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;	
	
}
.nopadl {
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;	
	
}
.nopadr {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;	
	
}

.red {
	
	background-color:  #fbb;
	
}


.btol {
  
	background-color:  #f00;
	
	
}


.green {
	
	background-color:  #5fb;

}

.mygreen {
	
	background-color:  #5f0;
	min-width: 50px; 
	padding-right:5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.myred {
	
	background-color:  #f55;
	min-width: 50px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.myblue {
	
	background-color:  #278ab8;
	min-width: 50px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.mygrey {
	
	background-color:  #F0F6FF;
	min-width: 50px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.myyellow {
	
	background-color:  #ffd64F;
	min-width: 50px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.mydarkgrey {
	
	background-color:  #a8aaad;
	min-width: 50px; 
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}



.grey {
	
	background-color:  #ccc;
	
}


.whitebg {
	
	background-color:  #fff;
	border-radius: 10px;
}


.greyplus {
	
	background-color:  #ddd;

}




.td {

  border-spacing: 2px;
  border-color: #000;
  
	
	
}

.btn-ocis {
	
	color: #000;
	padding: .25rem .45rem;
	font-size: 1.0rem;
	background-color:  #eee;
	
}

.bold {
	
	font-weight: bold;
	
}


div.history_facts {
	/*background-color: #80FFFF;*/ /*F0F0F0 FFCCCC FF6666*/
	/*overflow-y:scroll;*/
	overflow-y:auto;
    /*height: 300px;*/
	height: auto;
	max-height: 800px;
    /*width: 20%;*/
    /*border: 1px solid black;*/
    /*float: left;*/
    padding: 1px;
	/*width: auto;
    min-width: 100%;*/
}
div.history_new {
	/*background-color: #80FFFF;*/ /*FFCCCC FF6666*/
	/*overflow-y:scroll;*/
    /*height: 700px;*/
	height: auto;
    /*width: 20%;*/
    /*border: 1px solid black;*/
    /*float: left;*/
    padding: 5px;
	/*width: auto;
    min-width: 100%;*/
}

table.phistory  {
	width:100%;
	/*font-size:80%;*/
	color:#111111;
	background:#EBFE9C;
    height: auto;
	max-height: 800px;
	/*border: 1px solid black;*/
}

table.phistory th.tdnorm {
    background: #EBFE9C !important;
	/*border: none !important;*/
	padding: 1px !important;
    /*font-size:90% !important;*/
    font-weight: normal;
	color:#111111 !important;

 }

table.phistory td{
    /*background: #EBFE9C;*/
    background: #d0f6f6;
	/*border: none;*/
	/*padding: 1px;*/
    marging: 10px;
    border: 1px solid #333;
    empty-cells: hide;
    padding: 5px;
    /*font-size:90% !important;*/
 }

table.phistory a{ font-weight:bold; font-size:150%; color:#415196; text-decoration:none;}
table.phistory a:hover{ color:#112156;}

table.editcontact{
    border:1px;
    width:100%;
    background: red;
}

table.editcontact tr{
    border:1px;
    background: #d3d3d3;
}

table.editcontact td{
    border:1px solid #333;
    /*padding: 2px;*/
}


.filterInput{
    margin: 0;
    padding: 5px;
    width: 100%;
    border: none;
}

.filterSelect{
    margin: 0;
    padding: 5px;
    width: 100%;
    border: none;
}

table.histcontact{
    border:1px;
    width:100%;
    background: #EBFE9C;
}

table.histcontact tr{
    border:1px;
    background: #EBFE9C;
}

table.histcontact td{
    border:1px solid #333;
    /*padding: 2px;*/
}

.pstrnav{
    font-size: 120%;
}