/* login dialog */

.freeze { pointer-events: none; }

.hidden { display: none; }

.overlay {
  position: fixed;
  z-index: 100;
  padding: 20px;
  background: white;
  border: solid 1px #ccc;
  width: 300px;
}

.sidenav .selectall{
    font-size: small;
    color: cornflowerblue;
    margin-left: -27px;
}

.overlay1 {
  position: fixed;
  z-index: 100;
  padding: 20px;
  background: white;
  border: solid 1px #ccc;

}
a {
    color:white;
}
a:hover{
    text-decoration: none;
    color:white;
}



.card_custimzed{
    
    margin:5px;
}
div.card_custimzed{
    border-radius:0.25rem;
}
.click-table{
    background-color:rgb(60,60,60);
}

.selectedfrommodel{
    background-color:rgb(0,0,255);
}

.tableFixHead          { overflow-y: auto;  }
.tableFixHead thead th { position: sticky; top: 0; }

._form-control{
    height:auto;
    font-size:medium;
    background-color:rgba(34,34,34,0.5);
    color:#ffff;
    border:1px solid #2e2e2e;
}
#search_tasklist,#search_viewsList,#search_activitiesList{
    width: 100%; 
    background-position: 10px 15px; 
    background-repeat: no-repeat; 
    font-size: 16px; 
    padding: 12px 20px 12px 40px; 
    border: 1px solid #ddd; 
    
    background-image: url('https://www.w3schools.com/css/searchicon.png');
}
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
.table {margin-bottom: 0rem;}
 .tab-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);

  -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
}

.collapsed .tab-arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.centered1 {
  position: fixed;
  top: 50%;
  left: 36%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

table {
    
    word-wrap: break-word;
}

body {
  font-family: "Lato", sans-serif;
}

nav{
    background-color: #2e2e2e;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  /*top: 0;*/
  Right: 0;
  /*background-color: #2e2e2e;*/
  overflow-x: hidden;
  transition: 0.5s;
  /*padding-top: 23px;
  padding-left:5px;
  padding-right:5px;*/
}

.sidenav a{
  /*padding: 8px 8px 0px 25px;*/
  text-decoration: none;
  
  color: #818181;
  
  transition: 0.3s;
}

.sidenav small{
  
  color: #b1b1b1;
  transition: 0.3s;
}


/*
.sidenav a:hover {
  color: #f1f1f1;
}*/


.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav .login {
  color:white;
  position: absolute;
  top: 13px;
  right: 25px;
  margin-left: 50px;
}
.sidenav .login:hover {
    color:#00bfff;
    cursor:pointer;
}

.sidenav h5 {
    font-size: 0.8rem;
}


/* width */ 
.my-custom-scrollbar::-webkit-scrollbar { 
    width: 10px; 
    
} 
/* Track */ 
.my-custom-scrollbar::-webkit-scrollbar-track { 
    background: #f1f1f1; 
    
} 
/* Handle */ 
.my-custom-scrollbar::-webkit-scrollbar-thumb { 
    background: #888; 
    
} 
/* Handle on hover */ 
.my-custom-scrollbar::-webkit-scrollbar-thumb:hover { 
    background: #555; 
    
} 

.h5text{
    display: block;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}



#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


#input_membermark{
    background-color:#2e2e2e;
    color:#ffff;
    opacity:0.8;
}

#filterAttrValue{
    background-color:#2e2e2e;
    color:#ffff;
    height:25px;
}

.my-custom-scrollbar {
position: relative;
max-height: 600vh;
max-width: 100%;
overflow: auto;
}

.my-attr-scrollbar {
position: relative;
max-height: 600px;
width:100%;
overflow: auto;
}

.table-wrapper-scroll-y {
display: block;
}
#search_b{
     background-image: url(/images/b_search.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
}

div#search_b.active{
    
    background-image: url(/images/b_search_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

div#search_b:hover{
    
    background-image: url(/images/b_search_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

#saveview_b{
     background-image: url(/images/b_saveview.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
}

div#saveview_b.active{
    
    background-image: url(/images/b_saveview_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

div#saveview_b:hover{
    
    background-image: url(/images/b_saveview_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

#filter_b{
     background-image: url(/images/b_filter.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
}

div#filter_b.active{
    
    background-image: url(/images/b_filter_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

div#filter_b:hover{
    
    background-image: url(/images/b_filter_active.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    
}

    .test{
        cursor: pointer;
    }
    /*
    #table th, #table td{
        display:inline-block;
  white-space: nowrap;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
    }*/
     
     .attrname{
         
         display:inline-block;
  white-space: nowrap;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
         
     }
     .attrvalue{
         display:inline-block;
  
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
         
     }
    
    
    
    .list-group{
      display:inline-block;
 }

    .card{
        border-radius:0rem;
    }
    
 tfoot, tfoot th, tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: rgb(34,34,34);
  color: #fff;
  z-index:4;
}
