/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 3.1
	Author: PIXINVENT
	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.  */
.header-table{
	border-bottom: 3px #26C0C3 solid;
}

.header-table-filter{
	background: #f7f7f7;
}

.table-sortable > thead > tr > th {
  cursor: pointer;
  position: relative;
}

.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after {
  content: ' ';
	position: absolute;
  height: 0;
  width: 0;
  right: 10px; /* (right padding / 2) - arrow width */
  top: 16px; /* ((padding * 2) + line height) - arrow height */
  /** As pointed out by Dave Everitt in 
   * https://css-tricks.com/snippets/css/css-triangle/
   * The arrow is not an equilateral triangle.
   * the height is 86.6% of the width.
   * Notice the above code does not subract the border 
   * width exactly. It is subtracting
   * (rounded) border width * 86.6%
   **/
}

/* Default sortable indicator */
.table-sortable > thead > tr > th:after {
  border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
  border-bottom: 0px solid transparent;
}
/* !Default */

/* Default sortable indicator:hover */
.table-sortable > thead > tr > th:hover:after {
	border-top: 5px solid #888;
}
/* !Default:hover */

/* Ascending sortable indicator */
.table-sortable > thead > tr > th.asc:after {
  border-left: 5px solid transparent;
	border-right: 5px solid transparent;
  border-top: 0px solid transparent;
	border-bottom: 5px solid #333;
}
.table-sortable > thead > tr > th.asc:hover:after {
	border-bottom: 5px solid #888;
}
/* !Ascending */

/* Descending sortable indicator */
.table-sortable > thead > tr > th.desc:after {    
  border-left: 5px solid transparent;
	border-right: 5px solid transparent;
  border-top: 5px solid #333;
	border-bottom: 5px solid transparent;
}
/* !Descending */

/* No Sortable */
.table-sortable > thead > tr > th.no-sortable {
  cursor: auto;
  position: relative;
}
.table-sortable > thead > tr > th.no-sortable:after {    
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid #333;
  border-bottom: 0px solid transparent;
}
/* !No Sortable */

.table th, .table td {
  padding: 0.75rem !important;
  padding-bottom: 0.4rem !important;
}

/* !Arboles */
ul, #arbol {
  list-style-type: none;
  margin-left: -1.5rem;
}

/* Remove margins and padding from the parent ul */
#arbol {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.arbol-style{
  border: 1px solid #ccd6e6; 
  color: #3f587e;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  border-radius: 0.25rem;
  background-color: #fff;
  background-clip: padding-box;
}

.rotate{
    -moz-transition: all 0s linear;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
}

.rotate.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* !Arboles */

/* !Utiles */
.invalid{
  border-color: #ff7588 !important;
}

.valid{
  border-color: #16d39a !important;
}

.invalid-div{
  border: 1px #ff7588 solid !important;
  border-radius: 0.4rem;
}

.disabled{
  cursor: not-allowed !important;
}

.p-header{
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
}

.p-min{
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
}

.div-buscador{
    background: #f5f4f4;
    cursor: context-menu;
}

.div-buscador:hover {
    background: #cac8c8;
}

.div-buscador.focus {
    background: #cac8c8;
}

/* select2 version 4.0.0 Beta 2 */
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border: 1px solid #00B5B8 !important;
  color: #3f587e;
}

.invalid .select2-selection {
    border-color: #ff7588 !important;
}

.select2-dropdown--above {  
  border: 1px solid #00B5B8 !important;
  border-bottom: none !important;
  color: #3f587e;
}

.select2-dropdown--below{
  border: 1px solid #00B5B8 !important;
  border-top: none !important;
}

span.select2-selection--multiple[aria-expanded=true] {
  border-color: #00B5B8 !important;
}

/* Single */
.select2-container--default.select2-container--focus .select2-selection--single{
  outline: none;
  border: 1px solid #00B5B8 !important;
}

.invalid .select2-selection--single {
  border: 5px solid #ff7588 !important;
}

.select2 .select2-container .select2-container--default 

/* ANIMACIONES */
/* Flash class and keyframe animation */

/* */
.ps__rail-x{
  z-index: 10000;
}

/* Elements on Disabled */
input:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

a:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}


/* Se agrega estilo para tablas con header y footer fixed */
p.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

.table-container {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 10px;
}

.table-container-header {
 overflow: hidden;
  width: 100%;    
}

.table-container-body {
  height: 300px;
  overflow: auto;
  width: 100%;
}

.table-container-footer {
  overflow: hidden;
  width: 100%;
}

.table-container table {
  margin-bottom: 0px;
  table-layout: fixed;
}

.table-container table td,
.table-container table th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-bordered {
    border: 0px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border-top-width: 2px;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border-bottom-width: 0px;
}
/*Esquerda*/
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > th:first-child,
.table-bordered > tfoot > tr > th:first-child,
.table-bordered > thead > tr > td:first-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tfoot > tr > td:first-child {
border-left-width: 0px;
}
/*Direita*/
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > th:last-child,
.table-bordered > tfoot > tr > th:last-child,
.table-bordered > thead > tr > td:last-child,
.table-bordered > tbody > tr > td:last-child,
.table-bordered > tfoot > tr > td:last-child {
border-right-width: 0px;
}
/*Topo*/
.table-bordered > thead > tr:first-child > th,
.table-bordered > thead > tr:first-child > td {
border-top-width: 0px;
}
/*Baixo*/
.table-bordered > tfoot > tr:last-child > th,
.table-bordered > tfoot > tr:last-child > td {
border-bottom-width: 0px;
}

/* General spinner */
.spinnerLoading {
  width: 100%;
  height: 100%;
  position: absolute;

  border: 1px solid black;
  z-index: 99;
  opacity: 0.8;
  background: #e4e3e3;
}

.todo .search .basic-search {
  padding: 1rem !important;
}

.footer2 {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 50px; /* Vertically center the text there */
  background-color: #f5f5f5;
  margin-right: 50px; 
  z-index: 3;
}

.post-footer {
  width: 85%;
  margin: 0 auto;
}