@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&display=swap');


/* End extract */
html,body{
    font-family:'Oswald', 'Roboto',Verdana,sans-serif;
    font-size:18px;
    line-height:1.5;
    width: auto;
    max-width: 980px;
    margin: 0 auto;
    font-weight: 400;
    background-color: #ffffff;
    letter-spacing: 0.25px;

}

::-moz-selection { /* Code for Firefox 1-A9777E 2-#DA291C*/ 
    color: #fff;
    background: #DA291C;
}
  
::selection {
    color: #fff;
    background: #DA291C;
}

a:link {
    color: #DA291C;
    text-decoration:none;
}
/* visited link */
a:visited {
    color: #DA291C;
    text-decoration:none;
}
/* mouse over link */
a:hover {
    color: #222221;
    text-decoration:none;
}
  /* selected link */
a:active {
    color: #DA291C;
    text-decoration:none;
}
  
*:focus {
      outline: none;
}


input[type=text] {
    width: 100%;
    padding: 2px 2px;
    margin: 0px 0;
    box-sizing: border-box;
    /*
    border: none;
    border-bottom: 2px solid red;
    */
    border: 2px solid #dedede;
    border-radius: 4px;

    font-family:'Oswald', 'Roboto',Verdana,sans-serif;
    font-size:18px;
    color: #DA291C;
}

select {
    width: 100%;
    padding: 2px 2px;
    margin: 0px 0;
    box-sizing: border-box;
    /*
    border: none;
    border-bottom: 2px solid red;
    */
    border: 2px solid #dedede;
    border-radius: 4px;

    font-family:'Oswald', 'Roboto',Verdana,sans-serif;
    font-size:18px;
    color: #DA291C;
}

.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
      float: right;
      width: 70%;
      text-align: right;
}

.time_date {
      color: #747474;
      display: block;
      font-size: 10px;
      margin: 3px 0 0;
}