.percentCount {
    display: none;
}

.card.item-card {
    height: 100%;
    border-top: none;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    /*-webkit-transition: all 150ms linear;*/
    /*transition: all 150ms linear;*/
}
.card.item-card#service-calendario-xl{
    height: auto;
}

.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    -moz-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    border: none;
    /*margin-bottom: 30px;*/
   /* -webkit-transition: all 0.3s ease-in-out;*/
   /* transition: all 0.3s ease-in-out;*/
}

.card .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 25px;
}

.card .card-header h5 {
    margin-bottom: 0;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.4;
}

.card .card-header + .card-block, .card .card-header + .card-block-big {
    padding-top: 0;
}

.item-card .card-block {
    text-align: center;
}

.card .card-block {
    padding: 25px;
    /*margin-top:30px;*/
}

.item-card .card-block .user-image {
    position: relative;
    margin: 0 auto;
    display: inline-block;
}

.item-card .card-block .user-image img {
    z-index: 20;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
}
.max-width{
    width:100% !important
}


.f-w-600 {
    font-weight: 600;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-15 {
    margin-top: 15px;
}

.card .card-block p {
    line-height: 1.4;
}

.text-muted {
    color: #919aa3 !important;
}

.item-card .card-block .activity-leval li.active {
    background-color: #2ed8b6;
}

.item-card .card-block .activity-leval li {
    display: inline-block;
    width: 15%;
    height: 4px;
    margin: 0 3px;
    background-color: #ccc;
}

.item-card .card-block .counter-block {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg, #FFB64D, #ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.m-t-10 {
    margin-top: 10px;
}

.p-20 {
    padding: 20px;
}


.wrapper {
    padding: 15px;
    background: #fff;
    width: 360px;
    height: 640px;
    display: flex;
    flex-direction: column;
}

.wrapper-cell {
    display: flex;
    margin-bottom: 30px;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}


.image {
    height: 60px;
    width: 60px;
    /*@extend.animated-background;*/
}

.text {
    margin-left: 20px
}

.text-line {
    height: 10px;
    width: 230px;
    margin: 4px 0;
    /*@.animated-background;*/
}

.box-shadow{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)!important;
}

/**flip card items**/

.flip-container.hover .flipper {
    transform: rotateY(180deg);
}
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    /*position: relative;*/
}
.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    /*top: 0;*/
    /*left: 0;*/
    /* height: 100%; */
    width: 100%;
}
.front {
    /*z-index: 2;*/
    transform: rotateY(0deg);
}
.back {
    transform: rotateY(180deg);
}

/*fin flip card inicio*/

/*iconos titulos modal*/
.icon-title{
    color: #5E55E2;
    padding: 8px;
    background: #D8D6FF;
    border-radius: 50%;
    font-size: 14px;
}
/*fin iconos titulos modal*/


/*menu y submenu de base*/

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-nav-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-nav-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}


.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/* .dropdown-submenu:hover > .dropdown-menu {
    display: block;
} */

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.navbar-nav .nav li.dropdown > a:hover .caret,
.navbar-nav .nav li.dropdown > a:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}

.navbar-nav .nav li.dropdown.open > .dropdown-toggle,
.navbar-nav .nav li.dropdown.active > .dropdown-toggle,
.navbar-nav .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555555;
    background-color: #e5e5e5;
}

.navbar-nav .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

.navbar-nav .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-nav .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-nav .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar-nav .pull-right > li > .dropdown-menu,
.navbar-nav .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar-nav .pull-right > li > .dropdown-menu:before,
.navbar-nav .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.navbar-nav .pull-right > li > .dropdown-menu:after,
.navbar-nav .nav > li > .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.navbar-nav .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar-nav .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/**fin de estilos de submenu*/

/* estilos Bootstrap 5.3.3 */
#js-warning{
    display: none !important;
}
#widgets{
    min-height: calc(100vh - 146px);
    /* padding-top: 2rem; */
}
.btnToggleCards{display: none;}
.container{
    display: block !important;
}
.hidden{
    display: none;
}
#txtUsuariosAutorizados_tagsinput{
    border-radius: 5px !important;
    border-color: transparent;
    padding: 0;
    border-color: var(--bs-border-color);
    background: var(--bs-border-color);
}
#txtUsuariosAutorizados_tag {
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    background-color: var(--bs-body-bg);
    color: var(--bs-heading-color) !important;
    margin: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#txtUsuariosAutorizados_tag:focus {
    border-color: #80bdff; 
    outline: 0; 
    box-shadow: 0 0 0 0.25rem rgba(38, 143, 255, 0.25); 
}

#txtUsuariosAutorizados_tag::placeholder {
    color: #6c757d; 
    opacity: 1; 
}
.tagsinput .tag {
    padding-left: 13px !important;
    border-radius: 5px !important;
}
#tblLOG {
    width: auto !important;
}
#tblAutorizados_paginate{
    display: none;
}

/* estilos redirigir.twig */
/* #23891 */
.redirect-box {
  max-width: 500px;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.redirect-icon {
  font-size: 3rem;
  color: #0d6efd;
}

.em-dark-mode div.redirect-box > :is(h2, p) {
  color: initial;
}

div.alert.alert-info{
  word-wrap: break-word;
}
/* estilos redirigir.twig */
/* #23891 */
.redirect-box {
  max-width: 500px;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.redirect-icon {
  font-size: 3rem;
  color: #0d6efd;
}

.em-dark-mode div.redirect-box > :is(h2, p) {
  color: initial;
}

.redirect-box > div.alert.alert-info{
  word-wrap: break-word;
}