/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
td.limit-text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.limit-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ul.menu li a.menu{
    border-left: 5px solid #39555F;
} */

/* ul.menu li.active a.menu{
    
} */

ul.menu>li{
   
    /*border-bottom: 1px solid black;*/
    /*margin: 4px;*/
    margin-right: 2px;
}
.login-info {
    border-bottom: 1px solid black!important;
}
.bgLogin {
    background:none;
    background-color: #fff;
    background: url('../img/bglogin2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.input-disable {
    background-color: #ececec !important;
}
input.scw-validate:not([disabled]).ng-valid {
          background-color: #f4fff4 !important;
}

select.scw-validate:not([disabled]).ng-valid {
          background-color: #f4fff4 !important;
}

textarea.scw-validate:not([disabled]).ng-valid {
          background-color: #f4fff4 !important;
}

input.scw-validate:not([disabled]).ng-invalid-required {
    background-color: #ffe4e4 !important;    
}

select.scw-validate:not([disabled]).ng-invalid-required {
    background-color: #ffe4e4 !important;    
}

textarea.scw-validate:not([disabled]).ng-invalid-required {
    background-color: #ffe4e4 !important;    
}

.required:after { content:" *"; }

input.scw-validate:not([disabled]).ng-dirty.ng-invalid-minlength {
    background-color: #ffe6c3 !important;
}

input.scw-validate:not([disabled]).ng-dirty.ng-invalid-email {
    background-color: #ffe6c3 !important;
}
.thActions {
    width: 5px;
}


.text2 {
    text-shadow: 0px 0 15px red;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

body {
    padding-right: 0 !important;
    font-family: Muli;
}

.badge-block{
    width: 100%;
}
.widget-body-min {
    min-height: 10px !important;
}
.alert-rounder-border {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.steticicon {
    content: url("../img/especialidades/steticicon.png");
    height: 22px;
}
.osteopaicon {
    content: url("../img/quiropractica.png");
    height: 22px;
}
.traumaticon {
    content: url("../img/especialidades/bone.png");
    height: 22px;
}
.cirugiaicon {
    content: url("../img/especialidades/cirugiaicon.png");
    height: 22px;
}
.podologyicon {
    content: url("../img/especialidades/podologyicon.png");
    height: 22px;
}
.dentalicon {
    content: url("../img/especialidades/dentalicon.png");
    height: 22px;
}
.nutricionicon {
    content: url("../img/especialidades/nutricionicon.png");
    height: 22px;
}

.fisioicon {
    content: url("../img/especialidades/fisioicon.png");
    height: 22px;
}

.psicoicon {
    content: url("../img/especialidades/psicoicon.png");
    height: 22px;
}

.stomachicon {
    content: url("../img/especialidades/stomachicon.png");
    height: 22px;
}

.cardiologyicon {
    content: url("../img/especialidades/cardiologyicon.png");
    height: 22px;
}

.endocrineicon {
    content: url("../img/especialidades/endocrineicon.png");
    height: 22px;
}

.oldmanicon {
    content: url("../img/especialidades/oldmanicon.png");
    height: 22px;
}


/***/
.oftalmologicon {
    content: url("../img/especialidades/oftalmologicon.png");
    height: 22px;
}


.enfermeriaicon {
    content: url("../img/especialidades/enfermeria2.png");
    height: 22px;
}

.micropigicon {
    content: url("../img/especialidades/micropigmentacion.png");
    height: 22px;
}

.esteticaicon {
    content: url("../img/especialidades/estetica.png");
    height: 22px;
}

.deporteicon {
    content: url("../img/especialidades/deporte.png");
    height: 22px;
}

.terapiaocuicon {
    content: url("../img/especialidades/terapiaocupacional.png");
    height: 22px;
}
.osteopatiaicon {
    content: url("../img/especialidades/osteopatia.png");
    height: 22px;
}


.ginecologicon {
    content: url("../img/especialidades/ginecologicon.png");
    height: 22px;
}

.embarazoicon {
    content: url("../img/especialidades/embarazoicon.png");
    height: 22px;
}

.dermatologicon {
    content: url("../img/especialidades/dermatologicon.png");
    height: 22px;
}

.reumatologicon {
    content: url("../img/especialidades/reumatologicon.png");
    height: 22px;
}
.psiquitaricon {
    content: url("../img/especialidades/psiquitaricon.png");
    height: 22px;
}
.pediatricon {
    content: url("../img/especialidades/pediatricon.png");
    height: 22px;
}
.pedagogyicon {
    content: url("../img/pedagogyicon2.png");
    height: 22px;
}
.therapyicon {

    content: url("../img/therapyicon.png");
    height: 22px;
}
.neurologicon {
    content: url("../img/especialidades/cerebro.png");
    height: 22px;
}
.neumologicon {
    content: url("../img/especialidades/neumologicon.png");
    height: 22px;
}
.hematologicon {
    content: url("../img/especialidades/hematologicon.png");
    height: 22px;
}

.otorricon {
    content: url("../img/especialidades/otoscope.png");
    height: 22px;
}

.urologicon {
    content: url("../img/especialidades/kidneys.png");
    height: 22px;
}

.logopedicon {
    content: url("../img/especialidades/psychology.png");
    height: 22px;
}

.agendaicon {
    content: url("../img/especialidades/psychology.png");
    height: 22px;
}

.terapiaicon {
    content: url("../img/especialidades/psychology.png");
    height: 22px;
}

.alergologyicon {
    content: url("../img/especialidades/alergia.png");
    height: 22px;
}

.medintericon {
    content: url("../img/especialidades/doctor-en-medicina.png");
    height: 22px;
}

.enfermeriaicon {
    content: url("../img/especialidades/enfermeria.png");
    height: 22px;
}
.micropigicon {
    content: url("../img/especialidades/mascara-facial.png");
    height: 22px;
}
.esteticaicon {
    content: url("../img/especialidades/mandibula.png");
    height: 22px;
}

button.dentaliconBtn i {
    content: url("../img/dentalicon_btn.png");
    width: 13px;
    position: relative;
    top: 2px;
}

a.dentaliconBtn i {
    content: url("../img/dentalicon_btn.png");
    width: 13px;
    position: relative;
    top: 2px;
}

.medicalicon{
	content:url("../img/especialidades/medicalicon.png");
    height: 18px;
}
body.modal-open {
    overflow: auto !important;
}
.notification-container {
    left: 0;
    top: 0;
    margin: 0;
    font-family: arial, sans-serif;
    font-weight: bold;
    visibility: hidden;
    z-index: 999;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
}
.notification-message {
    position: relative;
    display: inline-block;
    visibility: visible;
    padding: 6px 10px;
    /*font-size: 90%;
    padding: 6px 10px;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);*/
}
a.historylink {
    transition: none !important;
}

.ellipsis-text {
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.ellipsis-appointment {
    white-space: nowrap; 
    overflow: hidden; 
}

.span120-ellipsis-text {
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:120px;
    display:inline-block;
    font-size: 12px;
}

.span150-ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    display: inline-block;
    font-size: 12px;
}

.span130-ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 130px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
}

.ellipsis-box {        
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;    
    overflow: hidden;
    display: block;
    
}

.fc-event-time {
      
    border-radius: 8px;
    margin-top: 3px;
    margin-right: 3px;
}

.badge-home-demo {
        font-size: 30px;
}

.page-footer{
    font-weight: 600;
    height: 30px!important;
    border-top: none!important;
    /* -webkit-box-shadow: 0px -1px 20px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px -1px 20px 0px rgba(0,0,0,1);
    box-shadow: 0px -1px 20px 0px rgba(0,0,0,1); */
}

.highlight-current-date {
    background: aqua !important;
}
.underline-dot {
    border-bottom: 2px dotted #000;
    text-decoration: none;
}

.input-mail-login{

    font-size: 14px; 
    height: 40px; 
    border-radius: 10px !important; 
    border: 0px; 
    margin-top: 20px; 
    border-bottom-left-radius: 0px!important; 
    border-bottom-right-radius: 0px!important; 
    /* border: 3px solid #00c4ff;  */
    border-bottom: 0px;
}

.input-mail-login-empty{

    font-size: 14px; 
    height: 40px; 
    border-radius: 10px !important; 
    border: 0px; 
    margin-top: 20px; 
    
    /* border: 3px solid #00c4ff;  */
 
}

.login-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #003b52;
  }

.htmlLogin {
    height: 100%;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(2,95,130,1) 100%);
   /* background: url(../img/smartclinic-login-bg.jpg);*/
    background-size: cover;
}

/*.htmlLogin {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}*/

.htmlRegister {
    height: 100%;
    background-color: #fff;
    background: none #fff;
    background-size: cover;
}
/*
    LOADER
*/

.spinner {
  margin: 5px auto 0;
  min-width: 70px;
  max-width: 70px!important;
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #80c9ff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*
    END LOADER
*/
.table > tbody > tr > td {
    vertical-align: middle!important;
}
.table td.text {
    max-width: 180px;
}
.table td.text-xs {
    max-width: 90px;
}

.table td.text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.table td.text-xs span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.margin-hr-customer {
    margin-top: 5px;
    margin-bottom: 10px;
}

.no-padding-bottom-sc {
    padding-bottom: 0px !important;
}

.mousepointer {
    cursor: pointer!important;
}

.nav-pills-custom {
    margin: 0px!important;
    padding: 4px;
    margin-bottom: 0px;
}
.nav-pills-custom li {
    margin-bottom: 5px;
}

.status .who2{
    /* border-bottom:1px solid rgba(0,0,0,.07); */
    padding:10px;
}

.padding-top-10 fieldset {
    padding-top: 10px !important;
}

.read {
    background: #e9fbe7 !important;    
}

.notification-body .read .from {
    font-weight: 700;
}

.header-shadow {
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.40)!important;
}

.padding-top-0-child > div {
    padding-top: 10px !important;
}

.border-rounded {
    border-radius: 8px;
}

.zona-seleccionada {
    background-color: #4da0dc;
    color: white;
}
.zona {
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    cursor: pointer;
}

.selected {
    border: 4px solid #07d417;
    border-radius: 10px;
    cursor: pointer;
}

.unselected {
    border: 3px solid #868683;
    border-radius: 10px;
    cursor: pointer;
}

.topbottom-border {
    border-top: 2px solid #ffffff;
    border-bottom: 1px solid #d2d2d2;
}

.table-bottom-border {
    border-bottom: 1px solid rgba(0,0,0,.07);
}

.td-padding-force {
    padding-top: 9px !important;
}

.tpv-control{
    font-size: 16px !important;
}

.tpv-control-amount {
    font-size: 30px !important;
}

button.billete {
    padding: 0px;   
}

button.billete i {
    padding: 0px;
    width: 100px;
    position: relative;
    background-color: #fff;
}

button.billete-5 i {
    content: url("../img/euros/billetes/5.png");    
}

button.billete-10 i {
    content: url("../img/euros/billetes/10.png"); 
}

button.billete-20 i {
    content: url("../img/euros/billetes/20.png");  
}

button.billete-50 i {
    content: url("../img/euros/billetes/50.png");
}

button.billete-100 i {
    content: url("../img/euros/billetes/100.png");
}

button.billete-200 i {
    content: url("../img/euros/billetes/200.png");
}


button.billete-500 i {
    content: url("../img/euros/billetes/500.png");
}


button.moneda {
    padding: 0px;
}

button.moneda i {
    padding: 0px;
    width: 60px;
    position: relative;
    background-color: #fff;
}

button.moneda-1 i {
    content: url("../img/euros/monedas/1.png");
}

button.moneda-2 i {
    content: url("../img/euros/monedas/2.png");
}

button.moneda-5 i {
    content: url("../img/euros/monedas/5.png");
}

button.moneda-10 i {
    content: url("../img/euros/monedas/10.png");
}

button.moneda-20 i {
    content: url("../img/euros/monedas/20.png");
}

button.moneda-50 i {
    content: url("../img/euros/monedas/50.png");
}


button.moneda-1euro i {
    content: url("../img/euros/monedas/1euro.png");
}

button.moneda-2euro i {
    content: url("../img/euros/monedas/2euro.png");
}

table.single-border {
    border: 1px solid #c7c7c7;
}

.smart-form input {
    border-radius: 4px !important;
}
.smart-form select {
    border-radius: 4px !important;
}
.smart-form textarea {
    border-radius: 4px !important;
}

.blur-filter {
    /* The image used */
   
    /* Add the blur effect */
    /*filter: blur(8px);
    -webkit-filter: blur(8px);*/
    /* Full height */
   
}

.fc-center > h2 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px!important;
}

.programMode:hover {
   /* border: 1px solid black;*/
    border: 2px thin #6693a49e;
    cursor: pointer;
    box-shadow: 0px 1px 15px 3px #00000047 !important;
}

.fc-toolbar.fc-header-toolbar{    
background-color: unset!important;
}

#main2-calendar-widget{
    border: none!important;
}

.programMode.active {
    /* border: 1px solid black;*/
    border: 2px thin #6693a49e;
    cursor: pointer;
    background-color: blue;
    box-shadow: 0px 1px 15px 3px #00000047 !important;
    border: 2px solid #0083ff;
}


@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2');
}

.theme-shadow-basic {
    box-shadow: 0px 2px 3px -1px #6262628c;
    border-radius: 8px;    
    border: none;
}
.theme-shadow {
    border-radius: 8px;
    /* box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%) !important; */
    box-shadow: 0 2px 4px 0px rgb(0 0 0 / 15%) !important;
    border: none;
}

.finalized-item-counter-first {
    color: #fff !important;
    background-color: #066a06 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}


.ingabinete-item-counter-first {
    color: #fff !important;
    background-color: #a2710c !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.waiting-item-counter-first {
    color: #fff !important;
    background-color: #339633 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

.waiting-item-counter-midle {
    color: #fff !important;
    background-color: #b56f08 !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

.message-grey {
    color: lightgrey !important;
   
}
.message-grey i {
   
    border: 1px solid lightgrey !important;
}

.message-success {
    color: #6cb9f0 !important;
}

    .message-success i {
        border: 1px solid #6cb9f0 !important;
    }




.minified #left-panel {
    width: 60px!important;
}

.minified nav > ul > li > ul {
    left: 60px !important;
    border: none !important;
    border-radius: 10px;
    top:20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 20px;
    background: #4c6785 !important;

}
.smart-style-1.minified nav ul ul li>a:hover {
    background: #d8d9db !important;
}
.smart-style-1.minified nav > ul > li > a > i {
    font-size: 21px!important;
}

.smart-style-1 nav ul ul {
    background: #e2f1ff !important;
    /* border-top-right-radius: 15px;
    border-bottom-right-radius: 15px; */
}

.smart-style-1.minified nav ul ul li {
    background: #e3ebf3 !important;
}

.smart-style-1 nav ul ul li>a {
    text-shadow: none!important;
    color: #494949!important;
    padding-left: 23px!important;
}
#header>:first-child, aside {
    width: 180px;
}
.minified nav > ul > li > a > .menu-item-parent {
    left: 60px !important;
    border: none !important;
    color: #a0e0fa !important;
    font-weight: 600 !important;
    background-color: #4c6785  !important;
    border-radius: 10px;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    -webkit-box-shadow: none!important; 
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    z-index: 9999;
    width: 187px;
    height: 40px;
}

.minified nav > ul > li.active > a > .menu-item-parent {
    left: 56px!important;
}

.ui-tabs .ui-tabs-nav li
{
    background-color: unset!important;
}

#header{
height: 55px!important;
}

.fixed-ribbon #ribbon{
    top: 55px!important;
}

.project-selector{
    font-size: 12px;
}

#left-panel
{
    padding-top: 60px!important;
    box-shadow: 0px 0px 5px 0px #d9d9d9;
}

.ribbon-custom {
    background: #f9f9f9 !important;
    /*border-bottom: 1px solid #dfdfdf !important;*/
    /* -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.26)!important;
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.26)!important;
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.26)!important; */
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.ajax-dropdown {
    right: 16px!important;
    top: 55px!important;
    left: unset!important;
}

#logo-group span#activity{
    width: 25px!important;
    height: 25px!important;
}

.minified #main{
    margin-left: 60px;
}

.fixed-header #main {
    margin-top: 55px!important;
}

.smart-style-1 .btn.btn-ribbon{
    background-color: transparent !important;
    background-image: none !important;
}

.breadcrumb {
    margin: 0px!important;
    padding: 0px 0px!important;
    background-color: #FFF!important;
}

.fixed-ribbon #content {
    padding-top: 20px!important;
}

.minified.fixed-ribbon #ribbon{
    left: 60px!important;
}

#logo {
    margin-top: 10px!important;
}

.minified #logo {
    margin-top: 10px !important;
}

#logo img {
    /* width: 142px !important; */
}

nav ul li.active>a:before {
color: #fff!important;
}
html {
    
    background: none!important;
    background-color: #f9f9f9  !important;
}

body {
    font-family: Roboto!important;
    background: none!important;
    background-color: #f9f9f9  !important;
}

.minified #logo-group {
    width: 60px!important;
}

.minified #logo-group .main-logo {
    /*content: url("https://scwcloud.blob.core.windows.net/public/centerIcon.png");*/
    content: url("../img/nenomed-app-logo.png");
}

.minified #logo-group #logo {
    width: 50px!important;
    margin-left: 0px;
}

.minified #logo img{
    width: 40px!important;
}

.fc-time {
    font-size: 1em !important;
}
.fc-time-grid-event .fc-time{

    margin-top: 3px;
   display: inline-flex;
}
.fc-time-grid-event .fc-title{
    margin-top: 3px;    
    display: inline-flex;
}

.calendar-group > .row > .full-row {
    overflow-x: auto;
    white-space: nowrap;
}

.calendar-group > .row > .full-row > .col-xs-4 {
    display: inline-block;
    float: none;
}

.calendar-group > .row > .full-row > .col-md-4 {
    display: inline-block;
    float: none;
}

.calendar-group > .row > .full-row > .col-sm-4 {
    display: inline-block;
    float: none;
}

.calendar-group > .row > .full-row > .col-lg-4 {
    display: inline-block;
    float: none;
}

.white-filter {
    filter: invert(99%) sepia(2%) saturate(488%) hue-rotate(351deg) brightness(119%) contrast(100%);
}

.blue-filter {
    filter: invert(41%) sepia(53%) saturate(648%) hue-rotate(165deg) brightness(91%) contrast(88%);
}

.selected-dental-piece {
    border: 2px solid #9fde9f;
    border-radius: 15px;
    background-color: #f2fff2;
}

.ui-tabs .ui-tabs-nav .customer-tab a {
    /*background-color: #249ac5 !important;*/
    padding: 10px 15px!important;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #1b6581!important;    
}

.fa-3x {
    font-size: 2.1em!important;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #a6bddd #f9f9f9 ;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        height: 10px;
        width: 8px;
    }

    *::-webkit-scrollbar-track {
        background: #f9f9f9 ;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #a6bddd;
        border-radius: 3px;
        border: 1px solid #ffffff;
    }



.modal-xxl {
    width: 90%;
}


.modal-xl {
    width: 70%;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Muli" !important;
}

.h4, h4 {
    font-size: 16px !important;
}

.sparks-info span
{
    font-size: 14px !important;
}
.font-md {
    font-size: 110% !important;
}

.font-xs
{
    font-size: 80% !important;
}
.modal-content
{
    border-radius: 12px!important;
}

.btn {
    border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
/*body.minified > div > header > #logo-group {
    width: 100px !important;
}*/

.btn-icon-disabled {
    color: rgb(196, 196, 196)!important;
}

.btn-icon-enabled {
    /*color: inherit;*/
}

.modal {
    /*backdrop-filter: blur(2px);
   */
}

.chat-body li.message {
    margin: 20px 0px 0;
}

.ui-widget
{
    font-family: 'Muli'!important;
    /* background-color: #f9f9f9!important; */
}

.price-selected
{
    border: 2px solid green;
}

.plan-selected
{
    border: 2px solid green;
}

.alert-prompt
{
    border-color: #18d1cf!important;
    color: #08427e!important;
    background-color: #f0f6ff!important;
}
#ia-toolbox {
    position: fixed;
    display: none;
    top: 0px!important;
    left: auto !important;
    right: 0px !important;
    height: 100%;
    width: 75%;
    min-width: 400px!important;
    z-index: 1001;
    color: #525252!important;
    background-color: #ffffff;
    box-shadow: #4a4a4a54 -2px 0px 20px 0px;
}

#shortcut {
    left: auto !important;
    right: 0px !important;
    height: 100%;
    width: 40%;
    z-index: 1001;
    color: #525252!important;
    background-color: #ffffff;
    box-shadow: #4a4a4a54 -2px 0px 20px 0px;
}

#notificationsTab {
    position: fixed;
    left: auto !important;
    right: auto !important;
    bottom: 0% !important;
    height: 50% !important;
    width: 100%;
    z-index: 1001;
    background-color: #22262e;
    box-shadow: #000000e3 -1px -1px 10px 1px;
    display: none;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.ui-tabs .ui-tabs-nav li :hover {
    background-color: none;
}

.ui-tabs .ui-tabs-nav li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*border-radius: 0;
    -moz-border-radius: 0;*/
    padding: 3px 12px!important;
    background-color: #f9f9f9;
    border: 1px solid #d7d7d7!important;
    border-bottom: 1px solid #ddd;
    color: #7d7d7d
}

.ui-tabs .ui-tabs-nav li a.nenotab {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*border-radius: 0;
    -moz-border-radius: 0;*/
    padding: 5px 13px!important;
    background-color: #ffffff;
    border: 0px solid #d7d7d7!important;
    border-bottom: 1px solid #ddd;
    color: #7d7d7d
}

    .ui-tabs .ui-tabs-nav li a:hover {        
        background-color: #ececec;      
    }

.label-container {
    min-width: 180px;
    position: relative;
    bottom: 30px;
    right: 70px;
    display: table;
    visibility: hidden;
    float: right;
}

.label-text {
    color: #FFF;
    background: rgba(51,51,51,0.7);
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
}

.label-arrow {
    width: 10px;
    display: table-cell;
    vertical-align: middle;
    color: #333;
    opacity: 0.7;
}


.float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 35px;
    right: 20px;
    background-color: #F33;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    animation: bot-to-top 2s ease-out;
}

.btn-float {
    clear: both;
}

ul.float-ul {
    position: fixed;
    right: 20px;
    padding-bottom: 10px;
    bottom: 60px;
    z-index: 100;
}

    ul.float-ul li {
        list-style: none;
        margin-bottom: 5px;
    }

        ul.float-ul li a {
            background-color: #22262e;
            color: #46c5f4;
            border-radius: 50px;
            text-align: center;
            box-shadow: 2px 2px 3px #999;
            width: 45px;
            height: 45px;
            display: block;
        }

    ul.float-ul:hover {
        visibility: visible !important;
        opacity: 1 !important;
    }


.my-float {
    font-size: 23px;
    margin-top: 10px;
}

a#menu-share + ul {
    visibility: hidden;
}

a#menu-share {
    background-color: transparent !important;
    content: url(../../../styles/img/nenomed-app-logo.png) !important;
    box-shadow: none;

}

a#menu-share:hover{
    content: none!important;
}

a#menu-share:hover + ul {
    visibility: visible;
    animation: scale-in 0.5s;

}

a#menu-share i {
    animation: rotate-in 0.5s;
}

a#menu-share:hover > i {
    animation: rotate-out 0.5s;
}

a.btn-float > div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.btn-float:hover > div.label-container {
    visibility: visible;
    opacity: 1;
}

.btn {
    /*box-shadow: 0px 1px 2px #080606e0;
    border-radius: 8px !important;
    border: none !important;*/
    /*box-shadow: 0px 1px 1px #08060638;*/
    /*border-radius: 6px !important;*/
}

.datepicker-div>div>div>div>table{
    width: 100%;
    text-align: center;
}

.datepicker-div thead tr:first-child{

    font-size: 30px!important;
    
}
    .datepicker-div thead tr:first-child th:first-child {
        padding: 0px 0px !important;
    }
    .datepicker-div thead tr:first-child th:last-child {
        padding: 0px 0px !important;
    }
    .datepicker-div thead tr:first-child > .switch {
        font-size: 16px !important;
    }

@keyframes bot-to-top {
    0% {
        bottom: -40px
    }

    50% {
        bottom: 40px
    }
}

@keyframes scale-in {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rotate-in {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-out {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    .project-context{
        max-width: 160px;

    }

    .project-context > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.btn-xs
{
    font-size: 12px!important;
}

.btn-primary {
    color: #fff !important;
    background-color: #3897e9 !important;
    border-color: #057ee7 !important;
}

.smart-style-1 nav ul ul li>a:hover {
    background: #ffffff !important;
}

ul.menu li a.menu {
    border-left: none!important;
    /* color: #7091a3 !important; */
}

nav ul li.open>a, nav ul li.open>a b {
    color: #0d568f !important;
    background-color: #e9f2fb;
}

.smart-style-1 nav ul li a:hover {
    color: #0d568f!important;
}

.smart-style-1 .login-info a, .smart-style-1 .login-info strong, .smart-style-1 nav ul li a {
    color: #617693!important;
}

ul.menu li.active a.menu {
    border-left: 4px solid #569bfd !important;   
    color: #1b3055!important;
    font-weight: 600;
    background-color: #e9f2fb;
    /* border-radius: 50px; */
    /* border-left: 5px solid #7FCEEA; */
}

.smart-style-1 .minifyme {
    background: #f4fdff;
    border: none;
}
#ribbon{
    border-bottom: none!important;
    /* border-top-left-radius: 15px!important; */
}
#content{
    /* border-top-left-radius: 15px!important; */
    border-bottom-left-radius: 15px!important;
    background-color: #f9f9f9!important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    /* -webkit-box-shadow: 0 -3px 0 #4dc6f3 !important;
    -moz-box-shadow: 0 -3px 0 #4dc6f3 !important;
    box-shadow: 0 -3px 0 #4dc6f3 !important; */
    background-color: #f9f9f9;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a.nenotab {    
    background-color: #77a0d9;
    color: #fff!important;
}

nav ul .active>a {
    color: #4793fd !important;
    position: relative;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.smart-style-1 .project-selector {
    color: rgb(0, 21, 66)
}

#project-context>:first-child,.project-context>:first-child {
    font-size: 12px;
    text-transform: capitalize!important;
}

.smart-style-1 .project-context>:first-child {
    color: #0f2f3b;
    text-shadow: none!important;
}

.header-shadow {
     box-shadow: none !important;
}

.smart-style-1 .page-footer,.smart-style-1 .superbox-show,.smart-style-1 aside {
    background: #f9f9f9  !important;
}

.smart-style-1 aside {
    /* background-color: #e7f2ff !important; */
    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 50%, rgb(226 242 255) 100%) !important;

}

.smart-style-1 header>#logo-group {
    
    background-color: #fff !important;
    height: 100%;
    box-shadow: 0px -5px 5px 0px #d9d9d9;
}

.smart-style-1.mobile-view-activated header>#logo-group {
    background-color: #fff !important
}

.smart-style-1 div>#logo-group {
    background-color: transparent !important;    
}

.smart-style-1 #header {  
    background-color: #f9f9f9!important;
}

/* .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
    color: #555;
    background-color: #ffffff !important;

       
} */
.nenotab:hover {   
    border-bottom:1px solid #37a9d4!important;       
}

.ui-tabs .ui-tabs-nav li a:hover {
    /*color: #555;*/
    /*//background-color: #ffffff !important;*/
}

.zoom-effect:hover {
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 10%);
    transform: scale(1.02);
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
    transition: all .15s ease-in;
}

.contact-row:hover {
    background-color: #f0f2f5 !important;
}
.contact-row.active {
    background-color: #f0f2f5 !important;
}
.contact-row.active-what {
    background-color: #e1f9ff  !important;
}

@-webkit-keyframes moving-gradient {
    0% {
        background-position: -250px 0;
    }

    100% {
        background-position: 250px 0;
    }
}

.loading-bar {
    height: 20px;
    width: 95%;
    background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
    background-size: 500px 100px;
    animation-name: moving-gradient;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.minified .page-footer {
    padding-left: 75px!important;
}


.smart-style-1.minified nav > ul > li {
    border-bottom: none !important;
    border-top: none !important;
}

.smart-style-1 nav ul ul li > a
{
    border-top: none!important;
    font-weight: normal!important;
}



.margin-top-20{margin-top:20px!important}

.progress {
    height: 9px!important;
}

.avatar-selected
{
    border: 2px solid #7eb3fd;
}


.uploaded-file{
    background-color: #eefff0!important;
}



#bars {
    display: flex;
    justify-content: center;
    align-items: center;
/*     background: black; */
}

.bar {
    background: #00347b;
    bottom: 1px;
    height: 3px;
    width: 6px;
    margin: 0px 2px;
    border-radius: 5px;
    animation: sound 0ms -600ms linear infinite alternate;
}

@keyframes sound {
    0% {
       opacity: .35;
        height: 3px; 
    }
    100% {
        opacity: 1;       
        height: 40px;        
    }
}

.bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.bar:nth-child(2)  { left: 15px; animation-duration: 433ms; }
.bar:nth-child(3)  { left: 29px; animation-duration: 407ms; }
.bar:nth-child(4)  { left: 43px; animation-duration: 458ms; }
.bar:nth-child(5)  { left: 57px; animation-duration: 400ms; }
.bar:nth-child(6)  { left: 71px; animation-duration: 427ms; }
.bar:nth-child(7)  { left: 85px; animation-duration: 441ms; }
.bar:nth-child(8)  { left: 99px; animation-duration: 419ms; }
.bar:nth-child(9)  { left: 113px; animation-duration: 487ms; }
.bar:nth-child(10) { left: 127px; animation-duration: 442ms; }

.pulse-button {
	animation: borderPulse 1000ms infinite ease-out, hoverShine 10000ms infinite ease-in;
}

/* Declate color shifting animation */
@keyframes colorShift {
	0%, 100% {
			background: #0045e6;
	}
	33% {
		background: #fb3e3e;
	}
	66%{
		background: #0dcc00;
	}
}

/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 8px rgba(113, 151, 255, 0.842), 0px 0px 0px 0px rgb(212, 212, 212);
  }
  100% {
    box-shadow: inset 0px 0px 0px 4px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}

/* Declare shine on hover animation */
@keyframes hoverShine {
	0%{
		background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}
	50%{
		background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
	}
	100%{
		background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%);
	}
}


.ui-widget button
{
    font-family: inherit!important;
}

/* Minimalist Modal Styles */
.minimalist-header {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 15px;
}

.minimalist-body {
    padding: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
}

.minimalist-footer {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-top: 1px solid #ddd;
}

/* Speech Animation */
.speech-animation {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.cool-bars .bar {
    width: 5px;
    height: 20px;
    margin: 0 2px;
    background-color: #007aff;
    animation: bounce 1s infinite ease-in-out;
}

.cool-bars .bar:nth-child(2) {
    animation-delay: 0.2s;
}

.cool-bars .bar:nth-child(3) {
    animation-delay: 0.4s;
}

.cool-bars .bar:nth-child(4) {
    animation-delay: 0.6s;
}

.cool-bars .bar:nth-child(5) {
    animation-delay: 0.8s;
}

@keyframes bounce {
    0%, 100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(2);
    }
}

/* Time Bar */
.time-bar-container {
    width: 100%;
    height: 5px;
    background-color: #e0e0e0;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}

.time-bar {
    height: 100%;
    background-color: #007aff;
    transition: width 0.1s linear;
}

/* Buttons */
.cool-button {
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

.cool-button:hover {
    background-color: #005bb5;
    color: #fff;
}


/*
ZOOM
*/
.fullImageContainer {
    /* From https://css.glass */
    background: rgba(107, 107, 107, 0.38);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1070!important;
}


.fullImageDiv {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.fullImageCloseBtnContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999!important;
    position: absolute!important;;
    top: 100px!important;
    right: 40px!important;
    cursor: pointer!important;
    background: rgba(255, 255, 255, 0.73);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 1);
}

#imageViewerCloseIcon {
    margin: 10px;
}


#fullImage {
    scroll-behavior: smooth;
    overflow: hidden;
    display: none;
    max-width: 70%;
    max-height: 70%;
}

.ui-widget .fc-event {
    color: #000000!important; 
}

time.icon{
    width: 62px!important;
}


/* Generated by Copilot */
.scw-snackbar {
    min-width: 220px;
    background: rgba(30,30,30,0.95);
    color: #fff;
    text-align: center;
    border-radius: 16px;
    padding: 16px 32px;
    position: fixed;
    left: 50%;
    bottom: 48px;
    transform: translateX(-50%) scale(0.98);
    opacity: 0;
    transition: all 0.3s cubic-bezier(.4,0,.2,1);
    font-size: 1.1em;
    z-index: 9999;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    pointer-events: none;
}
.scw-snackbar.show {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    pointer-events: auto;
}



.scw-slot-list {
    max-height: 400px;
    overflow: auto;
    padding-top: 16px;
    border: 1px solid #e6e8ec;
    border-radius: 10px;
    background: #f8fafc;
}
.scw-slot-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px 0 rgba(30,40,90,0.06);
    border: 1px solid #e6e8ec;
    margin: 8px 0;
    padding: 14px 10px 12px 10px;
    transition: box-shadow 0.18s, border 0.18s;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 90px;
    position: relative;
}
.scw-slot-card:hover {
    box-shadow: 0 4px 16px 0 rgba(30,40,90,0.10);
    border-color: #37a9d4;
}
.scw-slot-card-available {
    border-left: 3px solid #37d49b;
    background: #f6fefb;
    box-shadow: none;
    margin-bottom: 6px;
    min-height: 32px;
    padding: 4px 6px 4px 10px !important;
    font-size: 0.93em;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
}
.scw-slot-card-available .scw-slot-time {
    font-size: 1em;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    gap: 2px;
    white-space: nowrap;
}
.scw-slot-card-available .scw-slot-btn {
    padding: 4px 12px;
    font-size: 0.93em;
    margin: 0 0 0 auto;
    border-radius: 7px;
    box-shadow: none;
    align-self: flex-end;
}
.scw-slot-card-available .scw-slot-date {
    font-size: 1em;
    font-weight: 600;
    color: #37d49b;
    margin-bottom: 0;
    margin-right: 8px;
    letter-spacing: 0.1px;
}
.scw-slot-card-available .scw-slot-time {
    font-size: 1em;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    gap: 2px;
}
.scw-slot-card-available .scw-slot-btn {
    padding: 4px 12px;
    font-size: 0.93em;
    margin-top: 0;
    margin-left: auto;
    border-radius: 7px;
    box-shadow: none;
}
.scw-slot-card-unavailable {
    border-left: 4px solid #ad2643;
    opacity: 0.75;
    background: #ffc8c8;
    color: #fff!important;
}
.scw-slot-card-partial {
    border-left: 4px solid #ffe082;
    background: #fffde6;
}
.scw-slot-card-next {
    border-left: 3px solid #37a9d4;
    background: #f7fbff;
    box-shadow: none;
    margin-bottom: 6px;
    min-height: 32px;
    padding: 4px 6px 4px 10px !important;
    font-size: 0.93em;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #e6e8ec;
}
.scw-slot-card-next .scw-slot-time {
    font-size: 1em;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    gap: 2px;
    white-space: nowrap;
}
.scw-slot-card-next .scw-slot-btn {
    padding: 4px 12px;
    font-size: 0.93em;
    margin: 0 0 0 auto;
    border-radius: 7px;
    box-shadow: none;
    align-self: flex-end;
}
.scw-slot-card-next .scw-slot-date {
    font-size: 1em;
    font-weight: 600;
    color: #37a9d4;
    margin-bottom: 0;
    margin-right: 8px;
    letter-spacing: 0.1px;
}
.scw-slot-card-next .scw-slot-time {
    font-size: 1em;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    gap: 2px;
}
.scw-slot-card-next .scw-slot-btn {
    padding: 4px 12px;
    font-size: 0.93em;
    margin-top: 0;
    margin-left: auto;
    border-radius: 7px;
    box-shadow: none;
}
.scw-slot-date {
    font-size: 1em;
    font-weight: 600;
    color: #37a9d4;
    margin-bottom: 4px;
    letter-spacing: 0.2px;
}
.scw-slot-time {
    font-size: 1.2em;
    font-weight: 600;
    color: #222;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.scw-slot-separator {
    color: #37a9d4;
    font-weight: 600;
    margin: 0 2px;
}
.scw-slot-info {
    font-size: 0.98em;
    color: #555;
    margin-bottom: 4px;
    text-align: center;
}
.scw-slot-patient {
    font-weight: 600;
    color: #032e3e;
    display: block;
}

.scw-slot-appointment-time {
    color: #2e2e2e;
    font-size: 0.95em;
    display: block;
    background-color: #f9efe0;
    border-radius: 10px;
}

.scw-slot-appointment-acts
{

}

.scw-slot-exception {
    color: #e67e22;
    font-weight: 600;
    display: block;
}
.scw-slot-exception-time {
    color: #b9770e;
    font-size: 0.93em;
    display: block;
}
.scw-slot-unavailable {
    color: #262626;
    font-style: italic;
    font-size: 1em;
}
.scw-slot-actions {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.scw-slot-btn {
    background: linear-gradient(90deg, #37a9d4 0%, #37d49b 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 7px 18px;
    font-size: 0.98em;
    font-weight: 600;
    box-shadow: 0 1px 4px 0 rgba(55,169,212,0.08);
    margin-top: 3px;
    transition: background 0.18s, box-shadow 0.18s;
    outline: none;
}
.scw-slot-btn:hover, .scw-slot-btn:focus {
    background: linear-gradient(90deg, #37d49b 0%, #37a9d4 100%);
    box-shadow: 0 2px 8px 0 rgba(55,169,212,0.13);
}
.scw-slot-btn-partial {
    background: linear-gradient(90deg, #ffe082 0%, #fffde6 100%);
    color: #222;
}
.scw-slot-btn-partial:hover, .scw-slot-btn-partial:focus {
    background: linear-gradient(90deg, #fffde6 0%, #ffe082 100%);
    color: #222;
}
@media (max-width: 991px) {
    .scw-slot-card, .scw-slot-card-next { min-height: 60px; padding: 8px 4px; }
    .scw-slot-time { font-size: 1em; }
}


.jarviswidget>header h2
{
    font-size: 12px!important;
}


/* Skeleton shimmer effect for loading text */
.skeleton-loading {
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
  color: transparent !important;
}

.skeleton-loading::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg, #f3f3f3 0%, #e0e7ef 50%, #f3f3f3 100%);
  animation: skeleton-shimmer 1.5s infinite;
}

@keyframes skeleton-shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}


nav ul li a:active {
    background: #ffffff !important;
}


.ia-bubble-container {
    position: fixed;
    right: 15px; /* ajusta según posición del botón */
    bottom: 90px;
    z-index: 9999;
    max-width: 300px;
}
.ia-bubble {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    margin-bottom: 10px;
    padding: 12px 18px;
    color: #333;
    position: relative;
    animation: fadeInUp 0.5s;
}
.ia-bubble-arrow {
    position: absolute;
    right: 20px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
}
.ia-bubble-text {
    font-size: 15px;
    font-weight: 500;
}
.ia-bubble-time {
    font-size: 11px;
    color: #888;
    float: right;
    margin-left: 10px;
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px);}
    to { opacity: 1; transform: translateY(0);}
}

.ia-bubble-close {
    position: absolute;
    top: 6px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 22px;
    color: #979797;
    cursor: pointer;
    z-index: 2;
    transition: color 0.2s;
}
.ia-bubble-close:hover {
    color: #e74c3c;
}

.input-group .form-control:first-child
{
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}

.input-group-btn:last-child>.btn
{
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
.input-group-btn>.btn
{
    max-height: 32px!important;
}

.form-control[readonly]{
    background-color: #f9f9f9!important;
}

.smart-style-1 nav ul li a {
    padding: 12px 17px 12px 10px!important;
}