/* tables */
table td,
table th {
  /* text-overflow: ellipsis; */
  white-space: wrap;
  overflow: hidden;
}

thead th {
  color: #fff;
  position: relative;
  cursor: pointer;
}

.table-scroll {
  border-radius: .5rem;
}

.table-scroll table thead th {
  font-size: 1.25rem;
}
thead {
  position: sticky;
  top: 0;
}
th.sortable::after {
    font-family: 'Font Awesome 5 Free';

    font-weight: 900;
  /* content: "\f0dc"; */
  position: absolute;
  right: 8px;
  color: rgb(7, 2, 2);
}
th.sortable.asc::after {
  content: "\f0d8";
}

th.sortable.desc::after {
  content: "\f0d7";
}
/* End Tables */


/*********   SELECT INPUT  **************/
:root {
  --background-gradient: linear-gradient(30deg, #f39c12 30%, #f1c40f);
  --gray: #34495e;
  --darkgray: #2c3e50;
}

select.customSelect{
/* Reset Select */
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
/* Personalize */
flex: 1;
padding: 0 1em;
color: #fff;
background-color: var(--darkgray);
background-image: none;
cursor: pointer;
}
/* Remove IE arrow */
select.customSelect::-ms-expand {
display: none;
}
/* Custom Select wrapper */
.selectContainer {
position: relative;
display: flex;
width: 20em;
height: 3em;
border-radius: .25em;
overflow: hidden;
}
/* Arrow */
.selectContainer::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 1em;
background-color: #34495e;
color:#fff;
transition: .25s all ease;
pointer-events: none;
}
/* Transition */
.selectContainer:hover::after {
color: #f39c12;
}

/* Hide the input */
input[type="checkbox"].switch_1{
	font-size: 12px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 3.5em;
	height: 1.5em;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked{
	background: #f39c12;
  }
  
  input[type="checkbox"].switch_1:after{
	position: absolute;
	content: "";
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].switch_1:checked:after{
	left: calc(100% - 1.5em);
  }

  /********* Summary Texts *********/
  .summary-text {
    border-top: 1px solid #f39c12 ; 
    border-bottom: 1px solid #f39c12;
    
  }

  .long-column{
    max-width:400px !important; 
    white-space:normal !important;
  }

  /* a.active{
    background-color: #ddd !important;
    color:#f39c12 !important;
  } */