.adm-login{
  width: 100%;
  height: 100%;

}
.logotipo{
  height: 40px!important;
  width: 40px!important;
  border-radius: 100px;
  border: 2px solid #ffffff;
}

.alert {
  /* border: 0; */
  /* border-radius: 0; */
  /* position: relative; */
  /* padding: 20px 15px; */
  /* line-height: 20px; */
}
.alert b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
.alert, .alert.alert-default {
  /* background-color: white; */
  /* color: #555555; */
  /* border-radius: 3px; */
  /* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */
}
.alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
  color: #555555;
}
.alert.alert-inverse {
  background-color: #2e2e2e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4);
}
.alert.alert-inverse a, .alert.alert-inverse .alert-link {
  color: #fff;
}
.alert.alert-primary {
  background-color: #af2cc5;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.alert.alert-primary a, .alert.alert-primary .alert-link {
  color: #ffffff;
}
.alert.alert-success {
  background-color: #5cb860;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.alert.alert-success a, .alert.alert-success .alert-link {
  color: #ffffff;
}
.alert.alert-info {
  background-color: #00bcd4;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.alert.alert-info a, .alert.alert-info .alert-link {
  color: #ffffff;
}
.alert.alert-warning {
  /* background-color: #ffa21a; */
  /* color: #ffffff; */
  /* border-radius: 3px; */
  /* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); */
}
.alert.alert-warning a, .alert.alert-warning .alert-link {
  color: #ffffff;
}
.alert.alert-danger {
  background-color: #f55a4e;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.alert.alert-danger a, .alert.alert-danger .alert-link {
  color: #ffffff;
}
.alert.alert-rose {
  background-color: #eb3573;
  color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.alert.alert-rose a, .alert.alert-rose .alert-link {
  color: #ffffff;
}
.alert-info, .alert-danger, .alert-warning, .alert-success, .alert-rose {
  /* color: #ffffff; */
}
.alert-default a, .alert-default .alert-link {
  color: rgba(0,0,0, 0.87);
}
.alert span {
  display: block;
  max-width: 89%;
}
.alert.alert-danger i {
  color: #f44336;
}
.alert.alert-warning i {
  color: #ff9800;
}
.alert.alert-success i {
  color: #4caf50;
}
.alert.alert-info i {
  color: #00bcd4;
}
.alert.alert-primary i {
  color: #9c27b0;
}
.alert.alert-rose i {
  color: #e91e63;
}
.alert.alert-with-icon {
  margin-top: 43px;
  padding-left: 66px;
}
.alert.alert-with-icon i[data-notify="icon"] {
  display: block;
  left: 15px;
  position: absolute;
  margin-top: -39px;
  font-size: 20px;
  background-color: #FFFFFF;
  padding: 9px;
  border-radius: 50%;
  max-width: 38px;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.alert .close i {
  color: #FFFFFF;
}
.alert i[data-notify="icon"] {
  display: none;
}
.alert .alert-icon {
  display: block;
  float: left;
  margin-right: 15px;
}
.alert .alert-icon i {
  margin-top: -7px;
  top: 5px;
  position: relative;
}
.alert [data-notify="dismiss"] {
  margin-right: 5px;
}

body.swal2-in {
overflow-y: hidden;
}

body.swal2-iosfix {
position: fixed;
left: 0;
right: 0;
}

.swal2-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 10px;
background-color: transparent;
z-index: 1060;
}

.swal2-container:not(.swal2-in) {
pointer-events: none;
}

.swal2-container.swal2-fade {
-webkit-transition: background-color .1s;
transition: background-color .1s;
}

.swal2-container.swal2-in {
background-color: rgba(0, 0, 0, 0.4);
}

.swal2-modal {
background-color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
display: none;
position: relative;
}

.swal2-modal:focus {
outline: none;
}

.swal2-modal.swal2-loading {
overflow-y: hidden;
}

.swal2-modal h2 {color: #595959;font-size: 27px;text-align: center;font-weight: 600;text-transform: none;position: relative;margin: 0;padding: 0;line-height: 31px;display: block;margin-bottom: 10px;}

.swal2-modal .swal2-spacer {
height: 10px;
color: transparent;
margin-bottom: 0px;
border: 0;
}

.swal2-modal .swal2-styled {
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 0 5px;
padding: 10px 32px;
}

.swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
opacity: .4;
cursor: no-drop;
}

.swal2-modal .swal2-styled.swal2-loading {
box-sizing: border-box;
border: 4px solid transparent;
border-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: -2px 30px;
vertical-align: top;
background-color: transparent !important;
color: transparent;
cursor: default;
border-radius: 100%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.swal2-modal :not(.swal2-styled).swal2-loading::after {
display: inline-block;
content: '';
margin-left: 5px;
vertical-align: -1px;
height: 6px;
width: 6px;
border: 3px solid #999999;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
}

.swal2-modal .swal2-image {
margin: 20px auto;
max-width: 100%;
}

.swal2-modal .swal2-close {
font-size: 36px;
line-height: 36px;
font-family: serif;
position: absolute;
top: 5px;
right: 13px;
cursor: pointer;
color: #cccccc;
-webkit-transition: color .1s ease;
transition: color .1s ease;
}

.swal2-modal .swal2-close:hover {
color: #d55;
}

.swal2-modal > .swal2-input,
.swal2-modal > .swal2-file,
.swal2-modal > .swal2-textarea,
.swal2-modal > .swal2-select,
.swal2-modal > .swal2-radio,
.swal2-modal > .swal2-checkbox {
display: none;
}

.swal2-modal .swal2-content {
font-size: 18px;
text-align: center;
font-weight: 300;
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: normal;
color: #545454;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea,
.swal2-modal .swal2-select,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-checkbox {
margin: 20px auto;
}

.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d9d9d9;
font-size: 18px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
-webkit-transition: border-color box-shadow .3s;
transition: border-color box-shadow .3s;
}

.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
border-color: #f06e57;
}

.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-textarea:focus {
outline: none;
box-shadow: 0 0 3px #c4e6f5;
border: 1px solid #b4dbed;
}

.swal2-modal .swal2-input:focus::-webkit-input-placeholder,
.swal2-modal .swal2-file:focus::-webkit-input-placeholder,
.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}

.swal2-modal .swal2-input:focus::-moz-placeholder,
.swal2-modal .swal2-file:focus::-moz-placeholder,
.swal2-modal .swal2-textarea:focus::-moz-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}

.swal2-modal .swal2-input:focus:-ms-input-placeholder,
.swal2-modal .swal2-file:focus:-ms-input-placeholder,
.swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}

.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}

.swal2-modal .swal2-input::-webkit-input-placeholder,
.swal2-modal .swal2-file::-webkit-input-placeholder,
.swal2-modal .swal2-textarea::-webkit-input-placeholder {
color: #e6e6e6;
}

.swal2-modal .swal2-input::-moz-placeholder,
.swal2-modal .swal2-file::-moz-placeholder,
.swal2-modal .swal2-textarea::-moz-placeholder {
color: #e6e6e6;
}

.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
color: #e6e6e6;
}

.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-textarea::placeholder {
color: #e6e6e6;
}

.swal2-modal .swal2-range input {
float: left;
width: 80%;
}

.swal2-modal .swal2-range output {
float: right;
width: 20%;
font-size: 20px;
font-weight: 600;
text-align: center;
}

.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 20px auto;
padding: 0;
}

.swal2-modal .swal2-input {
height: 43px;
padding: 0 12px;
}

.swal2-modal .swal2-input[type='number'] {
max-width: 150px;
}

.swal2-modal .swal2-file {
font-size: 20px;
}

.swal2-modal .swal2-textarea {
height: 108px;
padding: 12px;
}

.swal2-modal .swal2-select {
color: #545454;
font-size: inherit;
padding: 5px 10px;
min-width: 40%;
max-width: 100%;
}

.swal2-modal .swal2-radio {
border: 0;
}

.swal2-modal .swal2-radio label:not(:first-child) {
margin-left: 20px;
}

.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
vertical-align: middle;
}

.swal2-modal .swal2-radio input {
margin: 0 3px 0 0;
}

.swal2-modal .swal2-checkbox {
color: #545454;
}

.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
vertical-align: middle;
}

.swal2-modal .swal2-validationerror {
background-color: #f0f0f0;
margin: 0 -20px;
overflow: hidden;
padding: 10px;
color: gray;
font-size: 16px;
font-weight: 300;
display: none;
}

.swal2-modal .swal2-validationerror::before {
content: '!';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 10px;
}

.swal2-modal button {
margin: 0 5px;
padding: 12px 30px;
min-width: 150px;
}

@supports (-ms-accelerator: true) {
.swal2-range input {
  width: 100% !important;
}

.swal2-range output {
  display: none;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
  width: 100% !important;
}

.swal2-range output {
  display: none;
}
}
.swal2-icon {
width: 80px;
height: 80px;
border: 4px solid transparent;
border-radius: 50%;
margin: 20px auto 30px;
padding: 0;
position: relative;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.swal2-icon.swal2-error {
border-color: #f27474;
}

.swal2-icon.swal2-error .x-mark {
position: relative;
display: block;
}

.swal2-icon.swal2-error .line {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px;
}

.swal2-icon.swal2-error .line.left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}

.swal2-icon.swal2-error .line.right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}

.swal2-icon.swal2-warning {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #f8bb86;
border-color: #facea8;
font-size: 60px;
line-height: 80px;
text-align: center;
}

.swal2-icon.swal2-info {
font-family: 'Open Sans', sans-serif;
color: #3fc3ee;
border-color: #9de0f6;
font-size: 60px;
line-height: 80px;
text-align: center;
}

.swal2-icon.swal2-question {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #87adbd;
border-color: #c9dae1;
font-size: 60px;
line-height: 80px;
text-align: center;
}

.swal2-icon.swal2-success {
border-color: #a5dc86;
}

.swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after {
content: '';
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.swal2-icon.swal2-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}

.swal2-icon.swal2-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px;
}

.swal2-icon.swal2-success .placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}

.swal2-icon.swal2-success .fix {
width: 7px;
height: 90px;
background-color: #fff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.swal2-icon.swal2-success .line {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}

.swal2-icon.swal2-success .line.tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.swal2-icon.swal2-success .line.long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.swal2-progresssteps {
font-weight: 600;
margin: 0 0 20px;
padding: 0;
}

.swal2-progresssteps li {
display: inline-block;
position: relative;
}

.swal2-progresssteps .swal2-progresscircle {
background: #3085d6;
border-radius: 2em;
color: #fff;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
z-index: 20;
}

.swal2-progresssteps .swal2-progresscircle:first-child {
margin-left: 0;
}

.swal2-progresssteps .swal2-progresscircle:last-child {
margin-right: 0;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
background: #3085d6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
background: #add8e6;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
background: #add8e6;
}

.swal2-progresssteps .swal2-progressline {
background: #3085d6;
height: .4em;
margin: 0 -1px;
z-index: 10;
}

[class^='swal2'] {
-webkit-tap-highlight-color: transparent;
}

@-webkit-keyframes showSweetAlert {
0% {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
45% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
80% {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
45% {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
80% {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
100% {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
}
@keyframes hideSweetAlert {
0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
100% {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
}
.swal2-show {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}

.swal2-show.swal2-noanimation {
-webkit-animation: none;
animation: none;
}

.swal2-hide {
-webkit-animation: hideSweetAlert 0.15s forwards;
animation: hideSweetAlert 0.15s forwards;
}

.swal2-hide.swal2-noanimation {
-webkit-animation: none;
animation: none;
}



/**/
.form-control {
height: calc(1.5em + 1.18rem + 0px)!important;
}

.r-total{
margin-left: auto;
margin-top: 5px;
width: 100%;
text-align: right;
background: #ff98003d;
padding: 10px;
border-radius: 3px;
border-bottom: 2px solid #ff9800;
}
.r-total span{
font-size: 20px;
font-family: cursive;
text-transform: lowercase;
}
.r-total span strong{

font-size: 26px;

font-family: monospace;
}


.table tbody tr:hover{
  background: rgba(141, 255, 146, 0.16);
}
.table tbody tr:focus{
  background: rgba(141, 255, 146, 0.16);
}
.table tbody tr:visited{
  background: rgba(141, 255, 146, 0.16);
}
.table tbody tr:active{
  background: rgba(141, 255, 146, 0.16);
}

.ssy-page{
  display: none;
}
.modal-backdrop{
  background: transparent!important;
}
.ssy-page.active{
  display: inline;
}
.ssy-modal{
  background: rgba(0, 0, 0, 0.29);
  display: flex;
  overflow-y: auto;
}

.dialog-header{
  padding: 1rem !important;
  display: flex !important;
  vertical-align: middle;
  align-items: center;
  color: white;
}
.dialog-header[data-color='green']{
  background-color:#29cc97!important;
}
.dialog-header[data-color='blue']{
  background-color: #13cae1!important;
}
.dialog-header[data-color='orange']{
  background-color: #fec400!important;
}
.dialog-header[data-color='purple']{
  background-color: #8200feab!important;
}
.btn-header{
  background-color: #5959593b;
  color: white;
  border: 1px solid #ffffff6e;
}
.btn-header:hover{
  background-color: #59595913;
  color: white;
}
.btn-header:focus{
  background-color: #5959592d;
  color: white;
}
.btn-header:active{
  background-color: #59595921;
  color: white;
}
.ssy-tb-body{
  color: #000000bf;
}

.btn-table{
  padding: 8px 14px!important;
}
.img-display{
  max-height: 200px;
    min-height: 200px;
}
.page-link{
    cursor: pointer;
    height: auto!important;
    padding: 10px 15px!important;
}
.table-icon{
  width: 40px;
  height: 40px;
  border: 2px solid #4c84ff;
  padding: 2px;
  border-radius: 100px;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: middle!important;
  border-top: 1px solid #e5e9f2;
}

.sidebar .sidenav-item-link .nav-text {
  max-width: 100%!important;
}

.badge{
  min-width: 90px!important;
  border-radius: 5px!important;
}

.spn-total{
    color: #35b289;
    font-size: 26px;
    font-feature-settings: normal;
    font-weight: 700;
}
.spn-costoe{
    color: #4c84ff;
    font-weight: 600;
}

.ssy-box{
  width: 16px;
    height: 16px;
    margin-right: 3px;
    border-radius: 4px;
}
.color-column{
  display: flex;
    align-items: center;
}

.section-info p{

}

.table-demo thead{

}
.table-demo tbody{
  
}

.ssy-editor-dg{
  height: 600px!important;
  font-family: monospace;
  background: #fec4000f;
  font-size: 15px;
  overflow: auto;
  overflow-wrap: normal!important;
}

.control-label{
  margin-bottom: 1px;
    margin-left: 5px;
    color: #7d7d7d;
}
.cur-pointer{
  cursor: pointer!important;
}

.loading-base{
  position: absolute;
  /* background: red; */
  width: 100%;
  height: 100%;
  left: 0;
  top: 30px; 
  display: flex;
}
.loading-img{
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 140px;
    height: 140px;
    background-image: url(../files/default/wait.gif);
    background-size: cover;
}
.loading-img::after{
  content: 'Cargando';
}

.login-rsocial{
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  /* margin-bottom: 20px; */
  font-weight: 600;
  font-size: 20px!Important;
}
.select2-close-mask{ z-index: 99999!important; } 
.select2-dropdown{ 
  z-index: 99999!important; 
  -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25)!important;
  box-shadow: 1px 5px 5px 0.05rem rgb(105 105 107 / 18%)!important;
  border-top-right-radius: 0px!important;
  border-top-left-radius: 0px!important;
  top: -5px!important;
  border: 1px solid rgb(163 171 187 / 50%)!important;
}

.form-control:focus{
  border-color: #9cbbff!important;
    -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25)!important;
    box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25)!important;
  
}
.menu-item .menu-image {
  width: 40px;
  border-radius: .25rem;
}
.menu-item{
  border-right: 1px solid #e5e9f2;
  border-left: 1px solid #e5e9f2;
}
.menu-item:hover{
  background: #4c84ff1c;
  border: 1px solid #e5e9f2;
  border-radius: 3px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0px;
  left: auto;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #4a505a;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  border-color: transparent;
  border-color: #b7b7b7;
  -webkit-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
  box-shadow: 1px 5px 5px 0.05rem rgb(105 105 107 / 18%);
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.navbar .dropdown-menu > li a:hover {
  background-color: #4c84ff9c!important;
  color: white!important;
}
.form-group label, .input-group label {
  color: #1b223c9e;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b!important;
  text-decoration: none!important;
  background-color: #4c84ff!important;
  color: white!important;
  cursor: pointer!important;
}

.alert-with-icon.animated{
  z-index: 999999999999999999999999999999999!important;
}

.table-responsive-dialog{
    display: block!important;
    border-bottom-left-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
}
.navbar .dropdown-menu > li a{

  cursor: pointer!important;
}
.font-21{
  font-size: 21px!important;
}
/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

body::-webkit-scrollbar:vertical {
  width:5px!important;
}


/*general*/
::-webkit-scrollbar {
  /* -webkit-appearance: none; */
}

::-webkit-scrollbar:vertical {
  width:10px;
}

::-webkit-scrollbar-button:increment,::-webkit-scrollbar-button {
  display: none;
} 

::-webkit-scrollbar:horizontal {
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /* background-color: rgb(226 226 226 / 50%); */
  /* border-radius: 20px; */
  /* border: 1px solid rgb(208 208 208 / 25%); */
}

::-webkit-scrollbar-track {
  border-radius: 10px;  
}


/**/
.toast-success{
  background-color:#4c84ff;
  opacity: 0.9!important;
}
.toast-error{
  background-color:#ff5260;
  opacity: 0.9!important;
}
.toast-info{
  background-color:#01cbe4;
  opacity: 0.9!important;
}
.toast-warning{
  background-color:#ffa500;
  opacity: 0.95!important;
}
.toast-top-right{
  z-index: 9999999999999999999!important;
}

.check-column{
  width: 50px!important;
}
.button-column{
  width: 100px!important;
  text-align: right!important;
}

.pagination{
  overflow-x: auto;
}


@media (min-width: 576px){
  .modal-dialog {
    max-width: 800px!important;
  }
}
.form-control.input-error{
  border-color: #ff6d78!important;
}


.form-control.input-error:focus {
  border-color: #ff6d78!important;
  -webkit-box-shadow: 0 0 0 0.05rem rgba(255, 38, 0, 0.25)!important;
  box-shadow: 0 0 0 0.05rem rgba(255, 0, 34, 0.25)!important;
}

.label-error{
  font-size: 12px!important;
  color: red!important;
}

.table-responsive {
  display: block!important;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


@media (min-width: 768px){
  .w-md-auto{
    width: auto!important;
  }
 
}
.navbar .dropdown-menu {
  width: auto!important;
}

.label-text{
  min-width: 100px!important;
    background: #fffcf1!important;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f3f3f3!important;
  opacity: 1;
}
.h-100px{
  height: 100px!important;
}

.navbar{
  display: flex!important;
  flex-wrap: nowrap!important;
  align-items: center!important;
  justify-content: normal!important;
}

.app-brand{
  background-color: #ff4553!important;
}


.fz-13{
  font-size: 13px!important;
}


.tr-invalid{
  background: #ffb1b1;
  font-weight: 500;
  color: #710000;
}
.tr-invalid:hover{
  color: yellow;
}
.col-reporte{
  min-width: 100px;
}
.col-descripcion{
  min-width: 300px;
}