/*--
Author: T Mathota
--*/
    .slide-container{
        display:flex;
        min-height: 60px;
        border-top: 1px solid gray;
    }
     .slide-container :active{  
         background-color:#eee;
    }
     .slide-container :focus{  
         background-color:#eee;
    }
    .frontcircle{
        width:65px; 
        height: 55px; 
        margin: 5px;
        background-color: gray; 
        border-radius: 30px; 
        text-align: center; 
        padding-top: 18px;
        font-size: 14px;
        color: white;
    }
    .slide-info{
        padding:2px;
    }
    .slide-info h6{
        font-size: 16px;
        font-weight: bold;
    }
    .slide-info h5{
        font-size: 16px;
        text-align: right;
        margin-right: 0;
    }
    .slide-info{
        width: 100%;
    }
    .buttoncontainer{
        width: 100%;
        padding: 10px;
    }
    /* smes settings */
    .sms-container:active{  
         background-color:#eee;
    }
    .sms-container{
        width: 100%;
    }
    .sms-message-container{
        display: flex;
        min-height: 60px;
        width: 100%;
    }    
    .sms-frontcircle{
        width:30px; 
        min-width: 30px; 
        height: 30px; 
        margin: 5px;
        background-color: gray; 
        border-radius: 50%; 
        text-align: center; 
        padding-top: 5px;
        font-size: 14px;
        color: white;
    }
    .sms-datetime{
        float: right;
        padding-top: 5px;
        font-size: 12px;
        margin-left: auto;
        margin-right: 0;
    }
    .sms-message-text{
        margin-left: 5px;
        background-color: #eee; 
        border-radius: 15px; 
        padding: 15px;
        font-size: 13px;
    }

            span.deleteicon {
                width: 100%;
                position: relative;
                display: inline-flex;
                align-items: center;
            }
            span.deleteicon span {
                position: absolute;
                display: block;
                right: 5px;
                top:5px;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                color: #fff;
                background-color: #ccc;
                font: 16px monospace;
                text-align: center;
                line-height: 1.5em;
                cursor: pointer;
            }
            span.deleteicon input {
                padding-right: 18px;
                box-sizing: border-box;
            } 

.button {
  position: relative;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.5s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.button:after {
  content: "";
  background: #90EE90;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

    .analytics-inputs {
        width: 50%;
        max-width: 50%;
        border-width:1px; 
        border-style:solid; 
        border-color: red; 
        border-radius: 10px;
        margin-bottom: 1px!important;
    }