/*******************/
/*Floating Label*/
/*******************/
.floating-labels .form-group {
    position: relative; }
  
  .floating-labels .form-control {
    padding: 10px 10px 10px 0;
    display: block;
    border: none;
    font-family: "Poppins", sans-serif;
    border-radius: 0px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 400; }
    .floating-labels .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
  
  .floating-labels select.form-control > option {
    font-size: 14px; }
  
  .floating-labels .has-error .form-control {
    border-bottom: 1px solid #fc4b6c; }
  
  .floating-labels .has-warning .form-control {
    border-bottom: 1px solid #ffb22b; }
  /* COLOR DE LINEA AL LLENAR INPUT */
  .floating-labels .has-success .form-control {
    border-bottom: 1px solid #34d16e; }
  
  .floating-labels .form-control:focus {
    outline: none;
    border: none; }
  
  .floating-labels label {
    color: #263238;
    font-size: 13px;
    position: absolute;
    cursor: auto;
    top: -20px;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  
  .floating-labels .focused label {
    top: -20px;
    font-size: 13px;
    color: #263238; }
  
  .floating-labels .bar {
    position: relative;
    display: block; }
  
  .floating-labels .bar:before,
  .floating-labels .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    /* LINEA DE INPUT*/
    background: #34d16e;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  
  .floating-labels .bar:before {
    left: 50%; }
  
  .floating-labels .bar:after {
    right: 50%; }
  
  .floating-labels .form-control:focus ~ .bar:before,
  .floating-labels .form-control:focus ~ .bar:after {
    width: 50%; }
  
  .floating-labels .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5; }
  
  .floating-labels .input-lg ~ label,
  .floating-labels .input-lg {
    font-size: 24px; }
  
  .floating-labels .input-sm ~ label,
  .floating-labels .input-sm {
    font-size: 16px; }
  
  .has-warning .bar:before,
  .has-warning .bar:after {
    background: #ffb22b; }
  
  .has-success .bar:before,
  /* COLOR DE LINEA AL LLENAR INPUT */
  .has-success .bar:after {
    background: #34d16e; }
  
  .has-error .bar:before,
  .has-error .bar:after {
    background: #fc4b6c; }
  
  .has-warning .form-control:focus ~ label,
  .has-warning .form-control:valid ~ label {
    color: #ffb22b; }
  
  /* COLOR DE LINEA AL LLENAR INPUT */
  .has-success .form-control:focus ~ label,
  .has-success .form-control:valid ~ label {
    color: #34d16e; }
  
  .has-error .form-control:focus ~ label,
  .has-error .form-control:valid ~ label {
    color: #fc4b6c; }
  
  .has-feedback label ~ .t-0 {
    top: 0; }
  
  .form-group.error input,
  .form-group.error select,
  .form-group.error textarea {
    border: 1px solid #fc4b6c; }
  
  .form-group.validate input,
  .form-group.validate select,
  .form-group.validate textarea {
    border: 1px solid #26c6da; }
  
  .form-group.error .help-block ul {
    padding: 0px;
    color: #fc4b6c; }
    .form-group.error .help-block ul li {
      list-style: none; }
  
  .form-group.issue .help-block ul {
    padding: 0px;
    color: #ffb22b; }
    .form-group.issue .help-block ul li {
      list-style: none; }
  







/*******************
Table-Data Table
******************/
.dataTables_wrapper {
  padding: 0px;}

.dt-buttons {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 15px; }
  .dt-buttons .dt-button {
    padding: 5px 15px;
    border-radius: 4px;
    background: #009efb;
    color: #ffffff;
    margin-right: 3px; }
    .dt-buttons .dt-button:hover {
      background: #2f3d4a; }

.dataTables_info, .dataTables_length {
  display: inline-block; }

.dataTables_length {
  margin-top: 10px; }
  .dataTables_length select {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
    background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    padding-bottom: 5px; }
    .dataTables_length select:focus {
      outline: none;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
      background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
      background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9);
      background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
      background-size: 100% 2px, 100% 1px;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }

.dataTables_filter {
  float: right;
  margin-top: 10px; }
  .dataTables_filter input {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
    background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 10px; }
    .dataTables_filter input:focus {
      outline: none;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
      background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
      background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9);
      background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
      background-size: 100% 2px, 100% 1px;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent; }

table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  margin-left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer; }

table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  margin-left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer; }

table.dataTable thead .sorting:after {
  content: "\f0dc";
  margin-left: 10px;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  cursor: pointer;
  color: rgba(50, 50, 50, 0.5); }

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  min-width: 1.5em;
  padding: 0.1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
justify-content: center;
   align-items: center;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
}
/* PAGINACION DATATABLE */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white;}

.dataTables_wrapper .dataTables_paginate .paginate_button:active { }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

/*******************
Table- responsive
******************/
.tablesaw-bar .btn-group label {
  color: #99abb4 !important; }

/*******************
Table- editable table
******************/
.dt-bootstrap {
  display: block; }

#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button {
  padding: 0px;
  background: #ffffff; }
  #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover {
    background: #ffffff; }
  #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button a {
    padding: 5px 10px;
    border-radius: 4px;
    border: 0px; }
  #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button.active a,
  #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #1e88e5;
    color: #ffffff; }

/*******************
Table- Footable
******************/

.table-head th{
  color: #455a64 !important;
  font-weight: 500 !important;
  background: #f9fbf8 !important;
  border-left: 0px !important;
}


/*******************
Labels
*******************/
.label {
  padding: 3px 10px;
  line-height: 18px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 4px;
  font-size: 75%; }

.label-rounded {
  border-radius: 60px; }

.label-custom {
  background-color: #00897b; }

.label-success {
  background-color: #34d16e; }

.label-info {
  background-color: #00afe9; }

.label-warning {
  background-color: #ffb22b; }

.label-danger {
  background-color: #fc4b6c; }

.label-megna {
  background-color: #00897b; }

.label-primary {
  background-color: #7460ee; }

.label-secondary {
  background-color: #959595; }
  
.label-purple {
  background-color: #7460ee; }

.label-red {
  background-color: #fb3a3a; }

.label-inverse {
  background-color: #2f3d4a; }

.label-default {
  background-color: #f2f4f8; }

.label-white {
  background-color: #ffffff; }

.label-light-success {
  background-color: #e8fdeb;
  color: #26c6da; }

.label-light-info {
  background-color: #cfecfe;
  color: #00afe9; }

.label-light-warning {
  background-color: #fff8ec;
  color: #ffb22b; }

.label-light-danger {
  background-color: #f9e7eb;
  color: #fc4b6c; }

.label-light-megna {
  background-color: #e0f2f4;
  color: #00897b; }

.label-light-primary {
  background-color: #f1effd;
  color: #7460ee; }

.label-light-inverse {
  background-color: #f6f6f6;
  color: #2f3d4a; }


.span-title-client{
  font-size: 14px;
}
@media (max-width: 300px){
    .span-title-client{
        font-size: 12px;
    }
    .nav-category{
        margin-top: 4px !important;
    }
    .logo-title{
        font-size: 17px;
    }
}
@media (min-width: 367px) and (max-width: 380px) {
    #logo-cuadrado{
        margin-bottom:25px;
    }
    .logo-title{
        line-height:1.4;
    }
}