* { 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.panel-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;
border-top:1px solid #d4d4d4 !important;
margin-left: 0px !important;
}