.card 
{
    margin-top:0px;
}
.card table 
{
    /*border-spacing:0;*/
    border-collapse: collapse;
	width:100%;
	margin:0 auto;
	position:relative;
	font-size:14px;
	background-color:white;
 /*table-layout:fixed; 	*/
}

.card table thead 
{
	position:sticky;
	top:0px;	
	z-index:100;
}

.card table tr th {
	background-color:#f1f1f1;
	font-weight:normal;
	text-align:left;
	position:sticky;
	top:0px;
	box-sizing:border-box;
	font-size:14px;
    font-family:'Roboto Medium';
    white-space:nowrap;
}

.gridmenu 
{
    /*position:fixed;
    bottom:0;
    left:300px;
    background-color:white;
    /*width:100%;*/
    right:0;
    z-index:1;
/*    padding:12px;*/
    
}
/*.gridmenu .btn 
{
    border-color:#efefef;
    margin-top:0
}*/
.card table tr th 
{
    border-top:solid 1px #dfdfdf;
}
.card table tr.filterrow td
{
    position:sticky;
    top:40px;
    background-color:#efefef;
}
.card table tr td, .card table tr th {
	padding:10px;
	border:solid 1px #dfdfdf;
}

.card table tr td {
	border:solid 1px rgb(221, 221, 221);
	padding:10px;
	vertical-align: top;
 /* white-space: nowrap;
    overflow: hidden;
        text-overflow: ellipsis;	*/
}
.card table tr td:nth-of-type(1)  {
/*	display:none;*/ 
}


.card table tr.selected 
{
    /*background-color:#2086C6;
    color:#ffffff;*/
}

.card table tr td.filter 
{
    padding:2px;
    background-color:#efefef;
}

.margintop 
{
    /*margin-top:20px;*/
    clear:both;
}

@media screen and (max-width: 750px) {
.gridmenu 
{
    background-color:#2086C6;
    position:sticky;
    top:0;
    left:0;
    padding:6px;
}
.card table tr {
	border-bottom:solid 1px rgb(221, 221, 221);
}

.card table tr td {
	display:block;
	padding:1px;
	padding-left:10px;
	padding-right:10px;
	border:none;
/*	text-align:right;*/
	font-size:12px;
	color:gray;
	clear:both;
}
.desktop 
{
    display:none;
}
.delbtn 
{
    width:20px;
}
.delhdr 
{
    display:none;
}
.card table tbody tr td.desktop 
{
    display:none;
}
.card table tr td:last-child {
    padding-bottom: 12px;
}

.card table thead {
	display:none;
}



    .card table tr td:nth-of-type(2) {
        font-size:16px;
        /*padding-bottom:10px;*/
    }
    .card table tr td:nth-of-type(1) {
        font-weight: bold;
        font-size:16px;
        padding-top:10px;
     
    }


    .card table td::before {
        content: attr(data-label);
        float: left;
        font-size: 12px;
        font-weight: bold;
        width:50%;
    }
    .card table td.nolabel::before {
        content: initial;
    }
    .nolabel {
        font-size: 16px!important;
    }
    .card table td.firstlabel {
        margin-top: 10px;
    }

    .card table td:nth-of-type(1)::before, .card table td:nth-of-type(2)::before {
        content: none;
    }

    .card table tr td:nth-last-child(-n+2)
{
	padding-bottom:12px;
}
    
    .card table tr.selected 
{
    /*background-color:#efefef;*/
}

/*.selectmode 
{
    padding-left:40px!important;
}*/

    .card td:nth-of-type(1).selectmode
    {
        background-image:url('../images/checkg3.png');
        background-repeat:no-repeat;
        
        margin-top: 10px;
        margin-left:10px;
        padding-left:20px;
        padding-top:0;
        
    }
     .card tr.selected td:nth-of-type(1).selectmode
    {
        background-image:url('../images/checkg2.png');
     }
    

}

.imground {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    border-radius: 25px;
    border: 1px solid lightgray;
    background-color: #fff;
}

.sortedup, .sorteddown 
{
    float:right;
    padding-right:5px;
    padding-top:4px;
    color:Gray;
    
}


.nohover 
{
    cursor:default!important;
}
.card table tr.selected:hover 
{
    /*background-color:#2086C6;*/
}

.hidden 
{
    display:none!important;
}

.gridheader 
{
    z-index:1000;
}
.percentagecell 
{
    /*position:relative;*/
    min-width: 300px;
    margin-left:250px;
    text-align:right;
    vertical-align:top!important;
    padding:5px;
    z-index:0;
}
.bars 
{
    /*width:75%;*/
     border:solid 2px lightgray;
    background-color:#f1f1f1;
    position:relative;
    /*float:left;*/
    min-height:19px;
}
.perc1 
{
    background-color:green;
    color:White;
    text-align:center;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    z-index:10;
    padding:6px; 
  box-sizing:border-box;
    
}

.perc2 
{
    background-color:darkseagreen;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
   z-index:9;
   padding:6px;
   box-sizing:border-box;
    
}


@media screen and (max-width: 750px) {
.percentagecell 
{
    min-width:inherit;
    margin-left:0px;
    float:none;
}
 .redcell 
 {
     color:red!important;
     font-weight:bold!important;
    /* border-color:Red;*/
     /*color:White;*/
 }
 .redcell::before
 {
  color:gray;   
 }
 .bluecell 
 {
     color:#2086C6!important;
     font-weight:bold!important;
 }
 .organgecell 
 {
     color:orange!important;
     font-weight:bold!important;
 }
 
  .purplecell 
 {
     color:#663399!important;
     font-weight:bold!important;
 }
 
}

@media screen and (min-width: 750px) {

    .card table tr:hover {
            background-color:#efefef;
        cursor: pointer;
    }

 .redcell 
 {
     background-color:lightpink;
    /* border-color:Red;*/
     /*color:White;*/
 }
 
 
 
 .bluecell 
 {
     /*background-color:LightSkyBlue;*/
 /*    font-weight:bold;*/
     background-image: linear-gradient(135deg, #cad4c8 8.33%, transparent 8.33%, transparent 50%, #cad4c8 50%, #cad4c8 58.33%, transparent 58.33%, transparent 100%);

     background-size: 8.49px 8.49px;
     
 }
 
  .orangecell 
 {
     background-color:Orange;
      }
  .grayrow 
 {
     background-color:#939799;
 }
 .purplecell 
 {
     background-color:#9370DB;
 }
}

.filter 
{
    z-index:1000;
}
.filter input 
{
    border-color:lightgray;
    padding:10px;
}
.mc 
{
   /* text-align:right;*/
     white-space:nowrap;
    
}
.dc 
{
     white-space:nowrap;
}