/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: STRIDESDATA
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* Make table header fixed */
.table-fixed-header thead {
  position: sticky;
  top: 0;
  background-color: #ffffff;
}

/* Style for input elements with class input-control */
.input-control {
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  width: 200px;
  color: inherit;
  /* Inherit color from parent (table header) */
  background-color: transparent;
  /* Set background color to transparent */
}

.input-control-long {
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  width: 300px;
  color: inherit;
  /* Inherit color from parent (table header) */
  background-color: transparent;
  /* Set background color to transparent */
}

.input-control-short {
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  width: 100px;
  color: inherit;
  /* Inherit color from parent (table header) */
  background-color: transparent;
  /* Set background color to transparent */
}

/* Style for when input with class input-control is focused */
.input-control:focus {
  border-color: dodgerblue;
  box-shadow: 0 0 5px dodgerblue;
}

/* Style for when input with class input-control is hovered */
.input-control:hover {
  border-color: #999;
}