/* CUSTOM */

.truncate {
    width: auto;
    displayxxx: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    max-width: 200px;
    max-heightx: 1.2em;
}
.truncatediv {
    height: auto;
    displayxxx: inline-block;
    white-spacex: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    max-widthxx: 200px;
	min-height: 170px;
    max-height: 170px;
}

dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}
.table th, .table td { padding:0.45rem; }		
.pagination { margin:3px 0px; } 
		
/* Following is for scroll in grid area */
/* width */
::-webkit-scrollbar {
  width: 5px; height:5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Following is for bg color for grid header row */
.table.table-head-fixed thead tr:nth-child(1) th { Background-color:#efefef !important; } /*bgcolor for table header with head-fixed*/


/* Following is for Pagination */
.pagination { margin:3px 0px; } 
#cmbpagesize { padding: 0px 6px; height: 28px; border: solid 1px #dddddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px;border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

/* Following is to show / hide for responsive */
@media (max-width: 576px){
	.d-xs-inline-block {
		display: inline-block !important;
	}
}

/* Following is for grid level action menu */
/* Dropdown Button */
.drop-btn {  color:#6c757d; }

.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #036079;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding:7px 0px;
  border-radius:3px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 5px 10px;
  text-align:left;
  text-decoration: none;
  display: block;
  border-bottom:solid 1px #bdf1e7;
}
.dropdown-content a i{
  font-size:0.8rem; padding-right:5px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #0078B9;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #036079; color:white; }


/*so that the status tag looks almost same size for all statuses*/
.minw-100 { min-width:100px; }
/*   Ends here */


.boxshadow { box-shadow: 0px 2px 70px 0px rgba(110,130,208,0.18); }

.nav-link { padding: 0.5rem 0.5rem; } /* works for sidebar */


/*Theme color*/
.btn-primary {
  color: #fff;
  background-color: #14a088;
  border-color: #14a088;
  box-shadow: none;
} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:visited {
  color: #fff;
  background-color: #0f7c69 !important;
  border-color: #0f7c69 !important;
  box-shadow: none;
} 
input:focus { border-color: #14a088 !important }