@font-face{
  font-family: 'Poppins';
  src: url(../fonts/Poppins-Regular.ttf);
}

*{font-family: 'Poppins', sans-serif;}

.margin-horizontal{
    margin-left:15px;
    margin-right:15px;
}

.margin-vertical{
    margin-top:15px;
    margin-bottom:15px;
}

.margin-horizontal-sm{
    margin-left:5px;
    margin-right:5px;
}

.margin-vertical-sm{
    margin-top:5px;
    margin-bottom:5px;
}

.padding-vertical-sm{
    padding-top:5px;
    padding-bottom:5px;
}

.bg-white{
    background-color: white;
}

.bg-fafafa{
    background-color: #fafafa;
}

.bg-grey{
    background-color: #eee;
}

.bg-black{
    background-color: black;
}

.color-white{
    color:white;
}

.color-black{
    color:black;
}

a:focus, a:hover {
    color: #81ae42;
    text-decoration: underline;
}

a {
    color: #5bac48;
    text-decoration: none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #162a46;
    border-color: #1a4061;
}

.pagination>li>a, .pagination>li>span {
    color: #2ea3f2;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #fff;
  background-color: #81ae42;
  border-color: #81ae42;
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

.alert-extra {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.text-extra {
  color: #a94442;
}
a.text-extra:hover,
a.text-extra:focus {
  color: #843534;
}

.table > thead > tr > td.extra,
.table > tbody > tr > td.extra,
.table > tfoot > tr > td.extra,
.table > thead > tr > th.extra,
.table > tbody > tr > th.extra,
.table > tfoot > tr > th.extra,
.table > thead > tr.extra > td,
.table > tbody > tr.extra > td,
.table > tfoot > tr.extra > td,
.table > thead > tr.extra > th,
.table > tbody > tr.extra > th,
.table > tfoot > tr.extra > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.extra:hover,
.table-hover > tbody > tr > th.extra:hover,
.table-hover > tbody > tr.extra:hover > td,
.table-hover > tbody > tr:hover > .extra,
.table-hover > tbody > tr.extra:hover > th {
  background-color: #ebcccc;
}

.btn-extra {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-extra:focus,
.btn-extra.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-extra:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-extra:active,
.btn-extra.active,
.open > .dropdown-toggle.btn-extra {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-extra:active:hover,
.btn-extra.active:hover,
.open > .dropdown-toggle.btn-extra:hover,
.btn-extra:active:focus,
.btn-extra.active:focus,
.open > .dropdown-toggle.btn-extra:focus,
.btn-extra:active.focus,
.btn-extra.active.focus,
.open > .dropdown-toggle.btn-extra.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-extra:active,
.btn-extra.active,
.open > .dropdown-toggle.btn-extra {
  background-image: none;
}
.btn-extra.disabled:hover,
.btn-extra[disabled]:hover,
fieldset[disabled] .btn-extra:hover,
.btn-extra.disabled:focus,
.btn-extra[disabled]:focus,
fieldset[disabled] .btn-extra:focus,
.btn-extra.disabled.focus,
.btn-extra[disabled].focus,
fieldset[disabled] .btn-extra.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-extra .badge {
  color: #d9534f;
  background-color: #fff;
}

.label-extra {
  background-color: #d9534f;
}
.label-extra[href]:hover,
.label-extra[href]:focus {
  background-color: #c9302c;
}

.alert-extra {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-extra hr {
  border-top-color: #e4b9c0;
}
.alert-extra .alert-link {
  color: #843534;
}

.progress-bar-extra {
  background-color: #d9534f;
}
.progress-striped .progress-bar-extra {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.list-group-item-extra {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-extra,
button.list-group-item-extra {
  color: #a94442;
}
a.list-group-item-extra .list-group-item-heading,
button.list-group-item-extra .list-group-item-heading {
  color: inherit;
}
a.list-group-item-extra:hover,
button.list-group-item-extra:hover,
a.list-group-item-extra:focus,
button.list-group-item-extra:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-extra.active,
button.list-group-item-extra.active,
a.list-group-item-extra.active:hover,
button.list-group-item-extra.active:hover,
a.list-group-item-extra.active:focus,
button.list-group-item-extra.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.panel-extra {
  border-color: #ebccd1;
}
.panel-extra > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-extra > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-extra > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-extra > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5bac48;
}

/* navbar */
.navbar-default {
    background-color: #162a46;
    border-color: #162a46;
}
/* title */
.navbar-default .navbar-brand {
    color: #449d44;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #d0e9c6;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #286090;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    border-radius: 0 0 4px 4px;
    background-color: rgba(255, 255, 255, 0.2);
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

.btn-link {
    font-weight: 400;
    color: #286090;
    border-radius: 0;
}

.alert-brown {
    color: #AB6B41;
    background-color: #F2E8DD;
    border-color: #EBDDCD;
}

.text-brown {
  color: #AB6B41;
}
a.text-brown:hover,
a.text-brown:focus {
  color: #876332;
}

.table > thead > tr > td.brown,
.table > tbody > tr > td.brown,
.table > tfoot > tr > td.brown,
.table > thead > tr > th.brown,
.table > tbody > tr > th.brown,
.table > tfoot > tr > th.brown,
.table > thead > tr.brown > td,
.table > tbody > tr.brown > td,
.table > tfoot > tr.brown > td,
.table > thead > tr.brown > th,
.table > tbody > tr.brown > th,
.table > tfoot > tr.brown > th {
  background-color: #F2E8DD;
}
.table-hover > tbody > tr > td.brown:hover,
.table-hover > tbody > tr > th.brown:hover,
.table-hover > tbody > tr.brown:hover > td,
.table-hover > tbody > tr:hover > .brown,
.table-hover > tbody > tr.brown:hover > th {
  background-color: #ECDCCC;
}

.btn-brown {
  color: #fff;
  background-color: #DA9E4E;
  border-color: #D58B39;
}
.btn-brown:focus,
.btn-brown.focus {
  color: #fff;
  background-color: #CA6F2B;
  border-color: #765118;
}
.btn-brown:hover {
  color: #fff;
  background-color: #CA6F2B;
  border-color: #AC6524;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  color: #fff;
  background-color: #CA6F2B;
  border-color: #AC6524;
}
.btn-brown:active:hover,
.btn-brown.active:hover,
.open > .dropdown-toggle.btn-brown:hover,
.btn-brown:active:focus,
.btn-brown.active:focus,
.open > .dropdown-toggle.btn-brown:focus,
.btn-brown:active.focus,
.btn-brown.active.focus,
.open > .dropdown-toggle.btn-brown.focus {
  color: #fff;
  background-color: #AC6524;
  border-color: #765118;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  background-image: none;
}
.btn-brown.disabled:hover,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown:hover,
.btn-brown.disabled:focus,
.btn-brown[disabled]:focus,
fieldset[disabled] .btn-brown:focus,
.btn-brown.disabled.focus,
.btn-brown[disabled].focus,
fieldset[disabled] .btn-brown.focus {
  background-color: #DA9E4E;
  border-color: #D58B39;
}
.btn-brown .badge {
  color: #DA9E4E;
  background-color: #fff;
}

.label-brown {
  background-color: #DA9E4E;
}
.label-brown[href]:hover,
.label-brown[href]:focus {
  background-color: #CA6F2B;
}

.alert-brown {
  color: #AB6B41;
  background-color: #F2E8DD;
  border-color: #EBDDCD;
}
.alert-brown hr {
  border-top-color: #E4D1B8;
}
.alert-brown .alert-link {
  color: #876332;
}

.progress-bar-brown {
  background-color: #DA9E4E;
}
.progress-striped .progress-bar-brown {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.list-group-item-brown {
  color: #AB6B41;
  background-color: #F2E8DD;
}
a.list-group-item-brown,
button.list-group-item-brown {
  color: #AB6B41;
}
a.list-group-item-brown .list-group-item-heading,
button.list-group-item-brown .list-group-item-heading {
  color: inherit;
}
a.list-group-item-brown:hover,
button.list-group-item-brown:hover,
a.list-group-item-brown:focus,
button.list-group-item-brown:focus {
  color: #AB6B41;
  background-color: #ECDCCC;
}
a.list-group-item-brown.active,
button.list-group-item-brown.active,
a.list-group-item-brown.active:hover,
button.list-group-item-brown.active:hover,
a.list-group-item-brown.active:focus,
button.list-group-item-brown.active:focus {
  color: #fff;
  background-color: #AB6B41;
  border-color: #AB6B41;
}

.panel-brown {
  border-color: #EBDDCD;
}
.panel-brown > .panel-heading {
  color: #AB6B41;
  background-color: #F2E8DD;
  border-color: #EBDDCD;
}
.panel-brown > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EBDDCD;
}
.panel-brown > .panel-heading .badge {
  color: #F2E8DD;
  background-color: #AB6B41;
}
.panel-brown > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5bac48;
}

.cargando-wrapper{
    background-color: rgba(0, 0, 0,0.82);
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    padding-top:15%;
    display: none;
    backdrop-filter: blur(1.5px);
}

.cargando-miniwrapper{
    background-color: rgb(23 45 77 / 50%);
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    padding-top:5%;
    border-radius: 5px;
    backdrop-filter: blur(2px);
}

.overflow-control{
    max-height:300px;
    overflow-y:auto;
}

.text-bold {
  font-weight: bold;
}

.pagination>.active>a {
  background-color: #46b8da;
  border-color: #31b0d5
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px;
}

.loader {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 4px solid;
  border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 1);
  box-sizing: border-box;
  animation: rotation 0.7s ease-in-out infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

.form-signin {
  width:305px;
  margin:auto;
  padding: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: rgb(0 0 0 / 35%) 0px 0px 20px;
}

.shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.motivo-fallo-box {
  width:100%;
  padding: 0px 4px 0px 4px;
  border: 1px dashed tomato;
  color:tomato;
  border-radius: 2px;
  background-color: #ffebe7;
  border-radius: 5px;
}

.btn-clear{
  cursor: pointer;
}

.gradient {
  background-image: linear-gradient( 174.2deg,  rgba(255,244,228,1) 7.1%, rgba(240,246,238,1) 67.4% );
  /*
  background-color: #ffffff;
  background-image: linear-gradient(43deg, #ffffff 0%, #f2f2f2 46%, #ffffff 100%);
  */
}

.panel-heading[data-toggle="collapse"]:hover {
  color: black;
  background-color: #fffbf1 ;
}

textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 100px;
}

@media (max-width: 640px){
  .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #ffffff; }

  .nav-pill-ejecutivo { 
    width: 97%; 
    margin: auto;
    margin-bottom: 5px;
    float: right !important;
  }

  .responsive-display { 
    display: none;
  }

  .responsive-margin-top { 
    margin-top: 5px;
  }

  .responsive-center { 
    text-align: center;
  }

  .btn-responsive { 
    width: 100%; 
    margin-bottom: 5px;
    margin-left: 0;
  }
}

.btn-file{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-file-lg{
  display: inline-block;
  padding: 12px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  height: 46px;
}

.btn-search{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-search-default{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-search-info{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #81ae42;
  border: 1px solid #286090;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #81ae42;
  border: 1px solid #286090;
}

.bg-success-primary {
  color: #fff;
  background-color: #54893f;
}

.bg-extra-primary {
  color: #fff;
  background-color: #ab5252;
}

.bg-info-primary {
  color: #fff;
  background-color: #1e94b7;
}

.bg-warning-primary {
  color: #333;
  background-color: #ffe87f;
}

.bg-danger-primary {
  color: #fff;
  background-color: #70428f;
}

.bg-brown-primary {
  color: #fff;
  background-color: #6e4914;
}

.navbar {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
}

.navbar li { color: #333 } 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}

.nav-tabs>li>a {
  color:#fafafa;
  margin-bottom: 2px;
}

.nav-tabs>li>a:hover {
  background-color: #5bac48;
  border: 1px solid #5bac48;
  margin-bottom: 2px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: #fafafa;
  margin-bottom: 2px;
  border: 1px solid #fafafa;
  outline: 2px solid #fafafa;
}

.navbar-default .navbar-nav > li > a:hover {
  color: white;
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.2);
}

.table-condensed>tbody>tr>td, .table-condensed>thead>tr>th {
  font-size: smaller;
}

.text-white {
  color: white;
}

.table-hover>tbody>tr:hover {
  color: #162946;
  background-color: #ddd;
  font-weight: bolder;
}

.nav-pills>li.active{
  border-radius: 4px;;
}

.nav-pills>li>a:focus, .nav-pills>li>a:hover {
  color: white;
  background-color: #162a46;
}
.nav-pills>li>a {
  background-color: #ededed;
}

.nav-pills{
  padding-top: 10px;
  padding-bottom: 10px;
}

.panel-heading[data-toggle="collapse"] {
  background-color: transparent;
}

.required::after {
  content: ' *';
  color: red;
}

.help-block{
  color: red;
  font-size: 12px;
}

.bg-extra {
  background-color: #f2dede;
}

.show {
  display:inline !important;
}

.nav-pills>li {
  margin: 0 5px 10px 5px;
  border-radius: 4px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

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

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #81ae42;
}