* { padding: 0; margin: 0; }
html, body, #fullheight {
    min-height: 100% !important;
    height: 100%;
}

.no-margin{
    margin:0px;
}
.no-padding{
    padding:0px;
}
.scrollable{
    overflow-y: auto;
    overflow-x: auto;
}
.scrollable div.card-body{
    overflow-y: auto;
    height: 100%;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.chat-message{
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 7.5px;
    position: relative;
    box-shadow: 0 1px .5px rgba(0,0,0,.13);
    border-top-left-radius: 0px;
    width:80%;
    background-color: #FFFFFF;
}

.chat-message-mine{
    background-color: #dcf8c6;
    margin-left: 20%;
    border-top-left-radius: 7.5px;
    border-top-right-radius: 0px;

}
.chat-more-messages{
    text-align: center;
    margin-bottom: 15px;
}
.chat-user-status{
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #FF0000;
    border: 1px solid #FFFFFF;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.chat-user-status-online{
    background: #00FF00;
}
.chat-first-new-message{
    border-top: 2px dotted #00CC00;
    font-size: 12px;
    color: #00CC00;
    margin-top: 10px;
    margin-bottom: 10px;
}
.chat-user-selected{
    float: left;
    margin-top: 12px;
}
.chat-user{
    margin-left: 20px;
}




/* modificacion wizard*/

.wizard{
border:0px !important;
margin-left:0px !important;
margin-right:0px !important;
padding-left:0px !important;
padding-right:0px !important;
background-color:#fff;
}
/*modificacion ul wizard*/
.wizard ul {
margin-top:5px !important;
margin-left: 0px !important;
}
/*bandeja-lista: tabla sin borde superior/inferior visible por table.dataTable (border-collapse:separate).
MOV-5401: reemplaza [id$="-bandeja-lista"] table por la clase .tabla-bandeja-lista aplicada
directamente a cada <table> - el selector por id del contenedor dejaba fuera 7 tablas cuyo
contenedor de inyeccion (via renderView/AJAX) no seguia esa convencion de nombre
(#data-table-lista, #system-flow-lista, #integration-table-list, #services-group-type,
#core-contrato-lista, #contract-ot-list, #asset_services_list). La clase se agrego a las
67 tablas de *_list.hb del repo, sin depender de como se nombre su contenedor padre.*/
table.tabla-bandeja-lista {
border-collapse: collapse;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}