.navbar-fixed-add {
    position: fixed !important;
    top: 0 !important;
    z-index: 1028 !important;
}

.pcoded .pcoded-navbar {
    position: fixed !important;
    margin-top: 50px;
}

.pcoded-navigation-label {
    color: #97a3b9 !important;
    margin-bottom: 0 !important;
    margin-top: .75rem !important;
    text-transform: uppercase;
    font-size: .6875rem !important;
    font-weight: 400 !important;
    letter-spacing: .5px !important;
    padding: 10px 10px 10px 20px;
}

.content-fixed-add {
    margin-top: 50px;
}

.pcoded .pcoded-navbar {
    top: 0px !important;
}

.btn-header {
    text-align: center;
    transition: .3s all;
    box-sizing: border-box;
    font-weight: 600;
    display: inline-block;
}

.btn-header a img {
    height: 35px;
}

.btn-header a span {
    display: block;
    color: #1C1C40;
    margin-top: 5px;
}

.btn-header:hover a span {
    color: #448AFF;
    background: #FFFFFF;
}

#pageHeader {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.main-content-header-right {
    background: #F3F7FD;
    padding: 10px;
    /*border-radius: 5px;*/
}

.pcoded .pcoded-header[header-theme="theme1"] {
    background: #FFFFFF !important;
    border-bottom: 1px solid #e9edf4;
}

img.logo {
    height: 30px !important;
}
.table-one-line td {
    white-space: nowrap;
}
.loader .lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: relative;   
}

#loading .lds-ripple {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    margin: 0 auto;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}
.loader {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position:absolute;
    z-index: 99999;
    left: 50%;
    top: 50%; 
    margin-top:0px;  
}

#mainLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99999;
}
.modal-900 {
    max-width: 900px;
}
.modal-800 {
    max-width: 800px;
}
.modal-700 {
    max-width: 700px;
}
.modal-600 {
    max-width: 600px;
}
.modal-500 {
    max-width: 500px;
}
.modal-400 {
    max-width: 400px;
}
.modal-300 {
    max-width: 300px;
}
.modal-200 {
    max-width: 200px;
}
.scrollable {
    max-height: 70vh;
    overflow-y: scroll;
}
.table th{
    font-weight: 600;

}
.table th,.table td{
    vertical-align: middle;
    padding-left: 0.5rem;

}

.table-xs th,.table-xs td {
    font-size: 11px !important;
    
}
.table.table-xs td,
.table.table-xs th {
    padding: 0.4rem 0.5rem;
}
#panelPendiente{
  position: fixed;
  right: 0px;
  top: 50px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px 5px;
  max-width: 600px !important;
 
}
#panelPendiente table{
  line-height: normal;
}
.headerPanel{
  border-radius: 5px 5px 0 0;
  
}
.panelFooter{
  border-top:1px solid #DEE2E6;
  padding-left: 12px;
  padding-bottom: 8px;
  padding-top:4px;
  background: #fff;
}

#btnClosePanel{
    position: absolute;
    top: 0px;
    right: 10px;
    color:#fff;
}

.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}
.modal-footer{
    padding: 0.7rem;
}
.modal-body{
    padding: 0.7rem;
}
.modal-header{
    padding: 0.7rem;
}


@media only screen and (max-width: 992px) {
    .header-navbar .navbar-container .nav-left,
    .header-navbar .navbar-wrapper .navbar-container .nav-right {
        display: inline-block;
    }
    .main-content-header-right {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .content-fixed-add {
        margin-top: 0px;
    }
    .pcoded .pcoded-navbar {
        top: 0px !important;
    }
    .header-navbar .navbar-wrapper .navbar-logo {
        width: 350px;
    }
}

@media only screen and (max-width: 576px) {
    .header-navbar .navbar-wrapper .navbar-logo {
        width: 150px;
    }
    #panelPendiente{
        width: 95vw !important;
        right:-85%;
        position: fixed;
        border-radius: 0px;
    }
    .headerPanel{
        border-radius: 0;
    }
    .card .card-header .card-header-right {
        display: inline-block;
        right: 8px;
        top: 8px;
        padding: 0px;
    }
    .card  .card-body{
        padding: 7px;
    }
    .card  .card-footer{
        padding: 7px;
    }
    .main-body .page-wrapper {
        padding: 0px !important;
    }
    .pcoded-inner-content {
        padding: 8px !important;
    }
    .page-header .page-block {
        padding: 8px !important;
        padding-bottom: 1.5rem !important;
        padding-top: .8rem !important;
    }
    /*.col-md-6{
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px; 
        padding-left: 5px;
    }*/
}
    
.card{
    border-radius: 0px !important;
}
.card .card-header .card-header-right i{
    color: #FFFFFF !important;
}

.btn-mini i{
    font-size: 13px !important;
}


#scrollStyle::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#scrollStyle::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

#scrollStyle::-webkit-scrollbar-thumb
{
    background-color: #4680FF;
}

.form-group > label{
    color:#1C1C40 !important;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0.2rem
}
.input-group{
    margin-bottom:0px !important ;
}

/*input.form-control{
    border-top:none !important;
    border-right:none !important;

}*/


.btn-sm i{
    font-size: 14px !important;
}

::-webkit-input-placeholder { /* Edge */
  color: #C3C3C3 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C3C3C3 !important;
}

::placeholder {
  color: #C3C3C3 !important;
}

.modal-header {
    background: #4680FF;
    color:#FFF;
     border-radius: 0px !important;
}

.modal-content {
    border-radius: 0px !important;
}
.close {
    text-shadow: none !important;
    float: right;
    font-size: 1.5rem;
    font-weight: 400 !important;
    line-height: 1;
    color: #fff;
    opacity: .9;
}

.btn{
    border-radius: 0px !important;
}
.input-group-text{
    border-radius: 0px !important;
}
.form-control{
     border-radius: 0px !important;
}


fieldset {
    border: 1px solid #448AFF !important;
    margin: 0;
    margin-top: 10px;
    xmin-width: 0;
    padding: 10px;     
    position: relative;
    border-radius:4px;
    background-color:#DBE8FF;
    padding-left:10px!important;
} 

legend{
    text-align: center;
    font-size:14px;
    font-weight: 600;
    margin-bottom: 0px; 
    width: 100%; 
    border: 1px solid #448AFF;
    border-radius: 4px; 
    padding: 5px 5px 5px 10px; 
    background-color:#448AFF;
    color:#FFFFFF;
}

.badge {
    border-radius: 0px !important;
}


.card-header h4{
    color: #1C1C40 !important;
}
.modal-title{
    font-weight: normal;
}
.card-item {
    border-bottom: solid 5px #4680FF;
    margin-bottom: 10px;
    /*cursor: pointer;*/
}
.card-item .card-header{
    padding: .5rem 1.25rem !important;
}
.card-item .card-header h4{
    font-size: 15px;
    margin:0px;
    font-weight: 500;
}

.card-item .card-block {
    padding: .6rem;
}
.card-item:hover{
    transform: scale(1.03);
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #4680FF;
}

.sector-logo{
    padding: 20px
}
.sector-logo img{
    width: 100%;
}


.pcoded li.pcoded-hasmenu[dropdown-icon="style1"]>a:after {
    font-family: 'Font Awesome 5 Pro' !important;
    content: "\f078" !important;
}





.funkyradio

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #A1BDFA;
  background: white;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #A1BDFA;
  border-radius: 0px 0 0 0px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
  background: #4680FF;
  color:#fff;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #4680FF;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}


.logo-login {
    width: 100%;
    max-width: 300px;
}

.multinine{
      min-width: 100px !important;
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
}
.min-table tbody tr td,
.min-table thead tr th
{
  padding: 2px;
  font-size: 10px !important;

}
.min-table thead tr th{
  text-align: center
}
.bg-anulado{
  background: #FCDADA !important;
}

.bg-recibo{
  background: #9ACAFF !important;
}

.alert button.close {
    margin-top: 0px !important;
    margin-bottom: 0;
}

.alert {

    border-radius:0;
    margin-bottom:10px;
}

.label {
    border-radius: 0px !important;
}


.input-group>.input-group-append>.btn{
  padding: 7px 13px !important;
}


.table-card .card-block {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.border-bottom{
  border-bottom: solid 1px #F5F5F5
}


.order-card .card-icon {
    position: absolute;
    right: 10px;
    font-size: 80px;
    top: 0px;
    opacity: 0.5;
}

table.table-sm td, .table.table-sm th{
    padding:5px 5px !important;
    vertical-align:middle !important;
    font-size: 11px;
  }
  .table-responsive{
  }
 .btn-xs {

  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;

}
.btn-xs i{
    margin:0px;
}
.dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.input-group-append .btn-sm{
    height: 38px;
}