/**
  * @copyright 2021 Double Bastion LLC <www.doublebastion.com>
  *
  * @author Double Bastion LLC
  *
  * @license GNU AGPL version 3 or any later version
  *
  * This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
  * License as published by the Free Software Foundation; either
  * version 3 of the License, or any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
  *
  * You should have received a copy of the GNU Affero General Public
  * License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */
 
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-Bold.woff2') format('woff2'),
          url('../fonts/Inter-Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-BoldItalic.woff2') format('woff2'),
          url('../fonts/Inter-BoldItalic.woff') format('woff');
     font-weight: 700;
     font-style: italic;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-MediumItalic.woff2') format('woff2'),
          url('../fonts/Inter-MediumItalic.woff') format('woff');
     font-weight: 500;
     font-style: italic;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
          url('../fonts/Inter-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-Regular.woff2') format('woff2'),
          url('../fonts/Inter-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
          url('../fonts/Inter-SemiBoldItalic.woff') format('woff');
     font-weight: 600;
     font-style: italic;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-Italic.woff2') format('woff2'),
          url('../fonts/Inter-Italic.woff') format('woff');
     font-weight: 400;
     font-style: italic;
 }
 @font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter-Medium.woff2') format('woff2'),
          url('../fonts/Inter-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-light.woff2') format('woff2'),
          url('../fonts/opensans-light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-lightitalic.woff2') format('woff2'),
          url('../fonts/opensans-lightitalic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-regular.woff2') format('woff2'),
          url('../fonts/opensans-regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-italic.woff2') format('woff2'),
          url('../fonts/opensans-italic.woff') format('woff');
     font-weight: 400;
     font-style: italic;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-semibold.woff2') format('woff2'),
          url('../fonts/opensans-semibold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-semibolditalic.woff2') format('woff2'),
          url('../fonts/opensans-semibolditalic.woff') format('woff');
     font-weight: 600;
     font-style: italic;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-bold.woff2') format('woff2'),
          url('../fonts/opensans-bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-bolditalic.woff2') format('woff2'),
          url('../fonts/opensans-bolditalic.woff') format('woff');
     font-weight: 700;
     font-style: italic;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-extrabold.woff2') format('woff2'),
          url('../fonts/opensans-extrabold.woff') format('woff');
     font-weight: 800;
     font-style: normal;
 }
 @font-face {
     font-family: 'Open Sans';
     src: url('../fonts/opensans-extrabolditalic.woff2') format('woff2'),
          url('../fonts/opensans-extrabolditalic.woff') format('woff');
     font-weight: 800;
     font-style: italic;
 }
 
 #smsrelentless_vbar {
    font-family: 'Open Sans';
 }
 
 div > label {
    position: relative;
 }
 
 label span {
    display: inline-block;
    min-width: 110px;
    padding: 0px 0px 8px 0px;
 }
 
 select {
    min-height: 25px;
    box-sizing: border-box;
    text-overflow: inherit;
 }
 
 .providerSettings {
    background-color: #F7F7F7;
    padding: 14px;
 }
 
 .providerName {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
 }
 
 #smsrelentless_vbar {
    padding: 18px;
    color: #6d6c6c;
 }
 
 .smsr_textbox {
    display: block;
    box-sizing: content-box;
    width: 70%;
    font-family: 'Inter';
    font-size: 15px;
 }
 
 .smsr_textbox[type='password'] {
    font-size: 10px !important;
 }
 
 .smsr_textboxspec {
    box-sizing: content-box;
    width: 70%;
    font-family: 'Inter';
    font-size: 15px;
 }
 
 #copyToClipboardtel, #copyToClipboardnex, #copyToClipboardtwil, #copyToClipboardflow {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0px 0px -4px 5px;
    cursor: pointer;
 }
 
 #copyToClipboardtel:hover, #copyToClipboardnex:hover, #copyToClipboardtwil:hover, #copyToClipboardflow:hover {
    background-color: #E0E0E0;
 }
 
 #telapi_url, #nexapi_url, #twilapi_url, #twilapi_url_rec, #flowapi_url, #flowapi_url_rec {
    display: inline-block;
    box-sizing: content-box;
    width: 70%;
    font-family: 'Inter';
    font-size: 15px !important;
 }
 
 #generate_tel_rcpt, #generate_tel_delrcpt, #generate_nex_rcpt, #generate_nex_delrcpt, #generate_twil_rcpt, #generate_twil_delrcpt, #generate_flow_rcpt, #generate_flow_delrcpt {
    display: block;
    white-space: normal;
    word-wrap: break-word;
 }
 
 .generateUrl {
    color: #161616;
    background-color: #e3ecf0 !important;
    font-family: 'Inter';
 }
 
 .generateUrl:hover {
    background-color: #c2dcea !important;
 }
 
 .generateUrl:active {
    background-color: #b5cfdd !important;
 }
 
 .setlabeltext {
   font-size: 15px;
 }
 
 #smsr_save_msg {
    display: inline;
    color: #181918;
    background-color: #a5e5b3;
    font-weight: bold;
 }
 
 #get_notify {
    display: block;
    margin-bottom: 18px;
    cursor: pointer;
 }
 
 #includesmsinemail, #showdisplaynames, #adddisplaynames, #showallmessages {
    display: block;
    margin-bottom: 14px;
    cursor: pointer;
 }
 
 #currentbaldiv, #smsnumbersdiv {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin: 0px 0px 14px 0px;
    background-color: #4CA3D9;
    border-radius: 20px;
 }
 
 .providername {
   color: #FFFFFF;
 }
 
 .providername:hover {
   color: #2c0cfc;
 }
 
 #currentbalance {
   display: inline;
   position: absolute;
   margin: 3px 0px 0px 110px;
   color: #262626;
   font-weight: 600;
 }
 
 #smsprovider {
   display: inline;
   position: absolute;
   width: 102px;
   height: 22px;
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 1px 0px !important;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #fcfcfc;
   font-family: 'Inter' !important;
   font-size: 14.5px;
   font-weight: 600;
   color: #565656;
   text-align: center;
   border-radius: 20px;
 }
 
 #currentsmsnmbrs {
   display: inline-block;
   position: absolute;
   height: 22px;
   width: 54%;
   padding: 0 !important;
   margin: 2px 0px 0px 0px;
   text-align: center;
   text-overflow: inherit;
   font-family: 'Inter' !important;
   font-size: 14px;
   font-weight: 600;
   color: #565656;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #fcfcfc;
   border-radius: 20px;
 }
 
 #refreshSenderIDs {
   display: block;
   position: relative;
   min-width: 24px;
   min-height: 24px;
   float: right;
   padding-left: 0;
   margin-top: 2.6px;
   margin-right: 4px;
   background-image: url('../img/refresh.svg');
   background-repeat: no-repeat;
   background-size: 110% 110%;
   background-position: center center;
   cursor: pointer;
   background-color: #ffffff;
 }
 
 .cllridcls {
   position: relative;
   display: inline;
   font-size: 17px;
   color: #000000;
 }
 
 .tooltipbalanceid  {
   position: relative;
   display: inline-block;
   float: right;
   font-size: 15px;
   color: #000000;
   z-index: 9;
 }
 
 .tooltipsetid  {
   position: relative;
   display: inline-block;
   float: right;
   font-size: 15px;
   color: #000000;
   z-index: 8;
 }
 
 .tooltipbalanceid #infobalance {
   display: block;
   position: relative;
   margin: 4px 14px 0px 0px;
   color: #000000;
   font-size: 19px;
   font-weight: bold;
   font-family: 'Open Sans';
   font-style: italic;
   z-index: 6;
 }
 
 .tooltipbalanceid .balancetooltip {
   display: block;
   position: absolute;
   visibility: hidden;
   width: 264px;
   background-color: #fafafa;
   font-size: 14px;
   font-weight: bold;
   color: #595959;
   text-align: left;
   border-radius: 5px;
   padding: 5px 5px 5px 8px;
   margin: -4px 0px 0px -244px;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 6;
 }
 
 .tooltipbalanceid:hover .balancetooltip {
    visibility: visible;
 }
 
 #infotipid {
    display: block;
    position: relative;
    margin: 3.5px 12px 0px 0px;
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Open Sans';
    font-style: italic;
    z-index: 5;
 }
 
 #setcalleridtp {
    display: block;
    position: absolute;
    width: 274px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -5px 0px 0px -223px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 .calleridtooltip {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .tooltipsetid:hover #setcalleridtp {
    visibility: visible;
 }
 
 .pflabels {
    font-size: 15px;
    font-weight: bold;
 }
 
 .srheader {
    display: block;
    position: relative;
    margin: 0px 0px 7px 0px;
    font-size: 15px;
    font-weight: bold;
 }
 
 .sendtomultrcvrs {
    display: block;
    position: relative;
    margin: 0px 0px 7px 0px;
    font-size: 17px;
 }
 
 .smsnbformat {
    display: block;
    position: relative;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
 }
 
 .smsrelentless_box {
    width: 400px;
    display: block;
 }
 .indtext {
    display: inline-block;
    padding-left: 10px;
 }
 
 #settings-dscr {
    padding-top: 3px;
 }
 
 #sms_upload_msg {
    display: block;
    color: #181918;
    background-color: #a5e5b3;
    font-weight: bold;
 }
 
 #sms_submit_msg {
    display: none;
    margin: 14px 0px 8px 0px;
    padding: 1px 20px 1px 20px;
    width: 100%;
    color: #181918;
    background-color: #a5e5b3;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 14px;
 }
 
 #pickedfilename {
    font-size: 13px;
 }
 
 #smstodiv {
    display: block;
    position: relative;
    height: 32px;
 }
 
 #smsto {
    display: block;
    width: 99%;
    max-height: 32px;
    padding: 0px 15px 0px 15px;
    color: #565656;
    font-family: 'Inter';
    font-size: 15px;
    font-weight: 600;
    border-radius: 20px;
 }
 
 #sendtomultiple {
    display: inline-block;
    position: relative;
    margin: 10px 0px 12px 0px;
    font-size: 15px;
    font-weight: bold;
 }
 
 #entermessage {
    display: block;
    position: relative;
    margin: 4px 0px 0px 0px;
    font-size: 15px;
    font-weight: bold;
 }
 
 #uploadfileforsms {
    margin-left: 7px;
    background-color: #ffffff;
    border-radius: 3px !important;
 }
 
 .entertime {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 9px 0;
 }
 
 #sendmediafl {
    display: block;
    position: relative;
    margin: 0px 0px 20px 0px;
    font-size: 15px;
    font-weight: 700;
 }
 
 #tomultchckbx {
    display: inline-block;
    position: absolute;
    margin: 3px 0px 0px 10px;
 }
 
 #mediafilechckbx {
    display: inline-block;
    position: absolute;
    margin: -7px 0px 0px 10px;
 }
 
 #deleteoldchckbox {
    display: inline-block;
    position: absolute;
    margin: 3.5px 0px 0px 10px;
 }
 
 #tomultchckbx:hover, #mediafilechckbx:hover, #deleteoldchckbox:hover {
    cursor: pointer;
 }
 
 .maxmessagelength {
    display: none;
    position: relative;
    margin: 2px 7px 4px 0px;
    font-size: 15px;
    color: #000000;
    z-index: 6;
 }
 
 #maxlengthinfo {
    display: block;
    position: absolute;
    width: 274px;
    height: 200px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -11px 0px 0px -6px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 .maxlengthtooltip {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .maxmessagelength:hover #maxlengthinfo {
    visibility: visible;
 }
 
 .up-bttn-wrapper {
   display: block;
   position: relative;
   overflow: hidden;
   padding-top: 20px;
   padding-bottom: 30px;
 }
 
 #smstext {
   display: inline-block;
   color: #2a2a2a;
   width: 100%;
   height: 130px;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   font-weight: 500;
   border-radius: 6px;
   resize: vertical;
   white-space: pre-wrap;
 }
 
 #char_count {
   display: none;
   font-size: 14px;
   font-weight: bold;
 }
 
 #mtextSize {
   display: none;
   margin-left: 10px;
   font-size: 14px;
   font-weight: bold;
   color: #4CA3D9;
 }
 
 #submitsms {
    display: block;
    position: relative;
    margin-top: 14px;
    color: white;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 15px;
    background-color: #4CA3D9;
    border-radius: 20px;
    cursor: pointer;
    opacity: 1 !important;
 }
 
 #submitsms:hover {
    border-color: #5CAECC;
 }
 
 #submitsms:active {
    background: #4B96B1;
    border-color: #4B96B1;
 }
 
 #multiplerecivers {
    display: none;
    background: #e8f6ff;
    border-radius: 6px;
    padding: 5px;
    margin: 0px 0px 20px 0px;
 }
 
 #multsetrows {
   display: block;
   padding: 5px;
 }
 
 #multsmsinterval {
   display: block;
   width: 100px;
   height: 25px;
   font-family: 'Inter';
   font-size: 14px;
   font-weight: 600;
   padding: 0px 0px 0px 10px;
   border-radius: 20px;
 }
 
 #app {
   position: relative;
   display: flex;
   min-height: 100%;
   min-width: 100%;
 }
 
 #app-content {
    position: relative;
    z-index: 1000;
    flex-basis: 100vw;
    min-width: 0;
    min-height: 100%;
    margin: 0 !important;
    overflow-y: scroll;
 }
 
 #viewerContainer {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
 }
 
 .pdfViewer #viewer {
    display: block;
    position: relative;
    min-width: 100%;
    min-height: 100%;
 }
 
 #smsdocpreview {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -50px;
 }
 
 #outerContainer {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
 }
 
 #mainContainer {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
 }
 
 .texttooltip {
   font-family: 'Open Sans';
   font-style: italic;
   color: #000000;
   font-size: 19px;
   font-weight: bold;
   margin: 0px 0px 4px 4px;
 }
 
 .fortooltip {
    position: relative;
    display: inline-block;
    margin: 0px;
    font-size: 15px;
    color: #000000;
    z-index: 7;
 }
 
 .fortooltipsec {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #000000;
    padding: 2px 0px 4px 2px;
    z-index: 3;
 }
 
 .fortooltiptert {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #000000;
    padding: 2px 0px 4px 2px;
    z-index: 0;
 }
 
 .fortooltipfourth {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #000000;
    padding: 2px 0px 4px 2px;
    z-index: 4;
 }
 
 #tonmbrformat {
    display: block;
    position: absolute;
    width: 274px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -11px 0px 0px -6px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 .fortooltiptext {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .fortooltip:hover #tonmbrformat {
    visibility: visible;
 }
 
 #uploadfileinfo {
    display: block;
    position: absolute;
    width: 274px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -11px 0px 0px -6px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 .fortooltiptextsec {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .fortooltipsec:hover #uploadfileinfo {
    visibility: visible;
 }
 
 #deleteoldinfo {
    display: block;
    position: absolute;
    width: 274px;
    height: 200px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -11px 0px 0px -6px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 .fortooltiptexttert {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .fortooltiptert:hover #deleteoldinfo {
    visibility: visible;
 }
 
 #uploadmmfileinfo {
    display: block;
    position: absolute;
    width: 274px;
    height: 350px;
    overflow-y: scroll;
    visibility: hidden;
    background-color: #fafafa;
    border-radius: 5px;
    margin: -11px 0px 0px -16px;
    scrollbar-width: auto;
    scrollbar-color: #a2a2a2 #ececec;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
    z-index: 10;
 }
 
 #tooltiptextfourth {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    text-align: left;
    padding: 5px 12px 5px 10px;
    z-index: 10;
 }
 
 .fortooltipfourth:hover #uploadmmfileinfo {
    visibility: visible;
 }
 
 .fileupload {
    display: none;
 }
 
 .uploadflbt {
    width: 411px;
 }
 
 #infotipmms {
    display: block;
    position: relative;
    margin: 0px;
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Open Sans';
    font-style: italic;
    z-index: 5;
 }
 
 #mmsfoldersview {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -50px;
    background-color: #f4f9ff;
 }
 
 #upmediafiles {
    display: none;
    background: #e8f6ff;
    border-radius: 6px;
    padding: 10px;
    margin: 0px 0px 20px 0px;
 }
 
 .uploadflbt .icon-upload {
    display: inline;
 }
 
 .pfprompt {
    font-size: 15px;
    font-weight: bold;
 }
 
 .fileuploadstl, .filesfromnc {
   display: block;
   font-size: 15px;
   font-weight: bold;
   color: #000000;
 }
 
 #uploadfileformms {
   margin-left: 21px;
   background-color: #ffffff;
   border-radius: 3px !important;
 }
 
 #filestotsize {
   display: none;
   position: relative;
   height: auto;
   padding: 0px 0px 8px 0px;
   font-size: 14px;
   font-weight: bold;
   color: #189558;
 }
 
 #filessizetext {
   display: inline;
   position: relative;
   padding-left: 10px;
 }
 
 #fileuploadednm #induploadfile .indivflcls {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   font-size: 15px;
   color: #0e6ba0;
 }
 
 #fileuploadednm #induploadfile .indivflcls:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
 #fileuploadednm #induploadfile .indupfldl {
   position: relative;
   display: inline-block;
   float: right;
   cursor: pointer;
   width: 20px;
   color: #0e6ba0;
   text-align: center;
   font-size: 15px;
 }
 
 #fileuploadednm #induploadfile .indupfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 #filespickednc .indivflpckd {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   color: #0e6ba0;
 }
 
 .indivflpckd:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .indpckfldl {
   position: relative;
   display: inline-block;
   float: right;
   cursor: pointer;
   width: 20px;
   color: #0e6ba0;
   text-align: center;
 }
 
 #filespickednc .indpckfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 #pf_upload_msg, #pf_choose_msg {
   display: block;
   color: #181918;
   background-color: #a5e5b3;
   font-weight: bold;
   text-align: center;
   border-radius: 3px;
 }
 
 #choosefilen {
   display: inline;
   position: relative;
   margin: 0px 0px 20px 16px;
   padding-top: 15px;
   background-image: url('../img/nextcloud_logo.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
   cursor:pointer;
 }
 
 #choosefilen:active {
   background-image: url('../img/nextcloud_logo_bright.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
 }
 
 #pickFromNext, #uploadFile {
   display: inline-block;
   position: relative;
   font-size: 15px;
   font-weight: bold;
   color: #6d6c6c;
 }
 
 #filespickednc .indivflpckd {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   color: #0e6ba0;
 }
 
 #filespickednc .indpckfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 .uploadflbt {
   width: 411px;
 }
 
 .uploadflbt .icon-upload {
   display: inline;
 }
 
 .uploadphnfiledv {
   display: inline-block;
   position: relative;
   margin: 16px 0;
 }
 
 .uploadfiledv {
   display: inline-block;
   position: relative;
   margin: 16px 0px 22px 0px;
 }
 
 #mmsfileuploadednm .indivflcls {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   color: #0e6ba0;
 }
 
 #mmsfileuploadednm .indivflcls:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
 #mmsfileuploadednm .indupfldl {
   position: relative;
   display: inline-block;
   float: right;
   cursor: pointer;
   width: 20px;
   color: #0e6ba0;
   text-align: center;
 }
 
 #mmsfileuploadednm .indupfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 #filessizetext {
   display: inline;
   position: relative;
   padding-left: 10px;
 }
 
 .srheaderch {
   display: block;
   position: relative;
   margin: 0px 0px 15px 0px;
   font-size: 15px;
   font-weight: bold;
 }
 
 .indgenflclsmms, .indgenpckfls {
   display: block;
   margin: 10px 6px 0px 6px;
 }
 
 #pickfilesNext {
   display: block;
   margin: 20px 0px 0px 0px;
 }
 
 #dirbuttons {
   margin-top: 20px;
 }
 
 button, input, textarea, div[contenteditable="true"], div[contenteditable="false"] {
   min-height: 9px;
 }
 
 #choosefilen {
   display: inline;
   position: relative;
   margin: 4px 0px 20px 16px;
   background-image: url('../img/nextcloud_logo.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
   cursor:pointer;
 }
 
 #choosefilen:active {
   background-image: url('../img/nextcloud_logo_bright.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
 }
 
 #pickid, #showsum {
   display: inline-block;
   position: relative;
   font-size: 15px;
   font-weight: bold;
   margin: 3px 4px 0px 14px;
   color: #FFFFFF;
 }
 
 .smsrelentless_checkbox:hover {
   cursor: pointer;
 }
 
 #smstables {
   display: block; 
   position: relative;
   min-width: 100%;
   min-height: 100%;
   font-family: 'Inter' !important;
 }
 
 #smsRGreyLogo {
   display: block;
   position: relative;
   background-image: url('../img/sms_relentless_grey.svg');
   background-repeat: no-repeat;
   background-position: center center;
   width: 100%;
   height: 675px;
 }
 
 #recSmsTable, #sentSmsTable {
   display: block;
   position: relative;
   top: 0px;
   width: 100%;
   height: auto;
   font-size: 14px;
   z-index: 50;
   background: #FFFFFF;
 }
 
 .receivedrows, .receivedrowsbody, .sentrows, .sentrowsbody, .groupedmsgrows {
   border: 1px solid #f3f3f3;
   padding: 8px;
 }
 
 #conversationsTable {
   display: block;
   position: relative;
   top: 0;
   bottom: 0;
   font-size: 14px;
   background-color: #ffffff;
   z-index: 1000;
 }
 
 #conversationsTable td {
   text-align: left;
   vertical-align: top;
   border: 1px solid #f3f3f3;
   padding: 2px;
 }
 
 #conversationsTable tr:hover {
   background-color: #ffffff;
 }
 
 #convArchAndActive {
   overflow-y: auto;
   margin-top: -2.5px;
   min-width: 245px;
 }
 
 #conversationsText {
   overflow-y: auto;
   margin-top: -2.5px;
 }
 
 #totalConvNmbr {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: -1px 0 0 0;
   padding: 0 0 0 7px;
   font-size: 13px;
   font-weight: 600;
   color: #4cbc86;
   white-space: normal;
   word-break: break-word;
 }
 
 #activeCvImg {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0px 4px 0px 14px;
   background-image: url('../img/active_small.svg');
   background-repeat: no-repeat;
   background-position: center center;
   vertical-align: middle;
 }
 
 #archivedCvImg {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin: 0px 6px 0px 4px;
   background-image: url('../img/archived_small.svg');
   background-repeat: no-repeat;
   background-position: center center;
   vertical-align: text-top;
 }
 
 #convTextHeader {
   position: sticky;
   top: 0;
   min-height: 30px;
   margin-bottom: 8px;
   background-color: #e3f4fa;
   border-radius: 4px;
   font-size: 15px;
   font-weight: 700;
   box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
   z-index: 1000;
 }
 
 #convTextTbl {
   display: table;
   table-layout: fixed;
   position: relative;
   margin: 0;
   border: none;
   font-size: 14px;
   width: 100%;
   height: 100%;
 }
 
 #convTextTbl tr:hover {
   background-color: transparent;
 }
 
 #convTextTbl td {
   height: 100%;
   margin: 0;
   padding: 0;
   border: none;
   text-align: center;
 }
 
 #archUnarchAct {
   display: block;
   width: 20.8px;
   height: 26px;
   z-index: 999999;
 }
 
 .archiveConv {
   display: block;
   position: absolute;
   width: 20.8px;
   height: 26px;
   top: 1px;
   left: 12.5px;
   background-image: url('../img/archive.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .archiveConv:hover {
   background-image: url('../img/archive_red.svg');
 }
 
 .unarchiveConv {
   display: block;
   position: absolute;
   width: 20.8px;
   height: 26px;
   top: 1px;
   left: 11px;
   background-image: url('../img/unarchive.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .unarchiveConv:hover {
   background-image: url('../img/unarchive_red.svg');
 }
 
 #filterSection {
   display: block;
   position: relative;
   height: 16px;
   margin: 4px 6px 0 6px;
   background-color: #f0fbff;
   border-radius: 10px;
   border: none;
   cursor: pointer;
   text-align: center;
 }
 
 #filterSecImg {
   display: inline-block;
   position: relative;
   width: 10.7px;
   height: 10.7px;
   margin: 0 auto 4.5px auto;
   background-image: url('../img/filter_blue.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #filterByTag {
   display: none;
   width: 100%;
   height: auto;
   margin: 1px 0 2px;
 }
 
 #filterByTagImg {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0 13px 0 8px;
   background-image: url('../img/tag.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 #tagFilter {
   display: inline-block;
   position: relative;
   height: 20px;
   width: 79%;
   margin: 0;
   padding: 0 9px;
   text-align: left;
   text-overflow: inherit;
   font-family: 'Inter' !important;
   font-size: 14px;
   font-weight: 600;
   color: #565656;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background-color: #f0fbff;
   border-radius: 20px;
   border: none;
 }
 
 #clearTagFilter {
   display: inline-block;
   position: relative;
   width: 18px;
   height: 18px;
   margin: 0 0 -4px 9px;
   background-image: url('../img/clearfilters_small.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #filterByFlag {
   display: none;
   width: 100%;
   height: auto;
   margin: 1px 0 2px 0;
 }
 
 #filterByFlagImg {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin: 0 10px 0 8px;
   background-image: url('../img/flag_red.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 #flagFilter {
   display: inline-block;
   position: relative;
   height: 20px;
   width: 79%;
   margin: 0;
   padding: 0 9px;
   text-align: left;
   text-overflow: inherit;
   font-family: 'Inter' !important;
   font-size: 14px;
   font-weight: 600;
   color: #565656;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background-color: #f0fbff;
   border-radius: 20px;
   border: none;
 }
 
 #clearFlagFilter {
   display: inline-block;
   position: relative;
   width: 18px;
   height: 18px;
   margin: 0 0 -4px 9px;
   background-image: url('../img/clearfilters_small.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #convBarTitle {
   width: 90% !important;
   vertical-align: middle !important;
   white-space: normal;
 }
 
 #titleFirstRow {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   text-align: center;
   color: #353535;
 }
 
 #titleSecRow {
   display: none;
   position: relative;
   width: 100%;
   height: auto;
   color: #353535;
 }
 
 #titleConvDesc, #titleConvTag, #titleConvFlag, #titleConvDelete {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   text-align: left;
   margin: 6px 0 6px 11px;
 }
 
 .cvFlagRedCvt {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin: 0;
   background-image: url('../img/flag_red.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 .cvFlagEmptyCvt {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin: 0;
   background-image: url('../img/flag_empty.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 .convTagCvt {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0 0 -0.3px 0;
   background-image: url('../img/tag.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 .convTagAddedCvt {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0 4.5px -0.3px 0;
   background-image: url('../img/tag_added.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 .convDescCvt {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 11px;
   margin: 6px 0 0 0;
   background-image: url('../img/description.svg');
   background-repeat: no-repeat;
   background-position: center center;
   vertical-align: top;
 }
 
 .convDescAddedCvt {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 11px;
   margin: 6px 0 0 0;
   background-image: url('../img/description_added.svg');
   background-repeat: no-repeat;
   background-position: center center;
   vertical-align: top;
 }
 
 .cvTagContent {
   display: inline-block;
   margin: 0 0 0 10px;
   width: 94%;
 }
 
 .cvFlagContent {
   display: inline-block;
   margin: 0 0 0 10px;
   width: 94%;
 }
 
 .cvDescContent {
   display: inline-block;
   margin: 0 0 0 14px;
   width: 94%;
 }
 
 #deleteAllMsgConv {
   display: inline-block;
   position: relative;
   width: 16px;
   height: 20px;
   margin: 0 10px -1px -1px;
   background-image: url('../img/garbage.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #deleteMsgsCvText {
   display: inline-block;
   position: relative;
   margin: 0;
   font-size: 14px;
   color: #7d1d84;
 }
 
 #expandTitle {
   display: block;
   position: relative;
   width: 100%;
   height: 13px;
   margin: -6px auto 0 auto;
   text-align: center;
 }
 
 #expandTitleImg {
   display: block;
   position: relative;
   width: 60px;
   height: 13px;
   margin: 0 auto;
   background-image: url('../img/arrowDown_small.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .convPart {
   display: block;
   position: absolute;
   width: 16px;
   height: 20px;
   top: 8px;
   right: 10px;
   background-image: url('../img/participants.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .convPartRed {
   display: block;
   position: absolute;
   width: 16px;
   height: 20px;
   top: 8px;
   right: 10px;
   background-image: url('../img/participants_red.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .removeConv {
   display: block;
   position: absolute;
   width: 16px;
   height: 20px;
   top: 5px;
   right: 12.5px;
   background-image: url('../img/garbage.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .removeConv:hover {
   background-image: url('../img/garbage_bright.svg');
 }
 
 .removeConvGrey {
   display: block;
   position: relative;
   width: 16px;
   height: 20px;
   float: right;
   margin: 5px 12.5px 0 0;
   background-image: url('../img/garbage_grey.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 #convListRowCell {
   display: block;
   width: 100%;
   height: auto;
   min-height: 358px;
   margin: 0;
   padding: 0 0 0 7px;
   overflow: scroll;
   white-space: nowrap;
 }
 
 .convsListArch {
   display: block;
   position: relative;
   margin: 7px 6px;
   padding: 3px 10px;
   border: none;
   border-radius: 10px;
   background-color: #fcf5fb;
   font-size: 14px;
   white-space: normal;
   word-break: break-word;
   cursor: pointer;
 }
 
 .convsListAct {
   display: block;
   position: relative;
   margin: 7px 6px;
   padding: 3px 10px;
   border: none;
   border-radius: 10px;
   background-color: #effcfc;
   font-size: 14px;
   white-space: normal;
   word-break: break-word;
   cursor: pointer;
 }
 
 .archConvImg {
   display: block; 
   position: relative;
   float: right;
   margin: 3.6px -3px 0 6px;
 }
 
 .activeConvImg {
   display: block; 
   position: relative;
   float: right;
   margin: 1.8px -1.8px 0 6px;
 }
 
 .convLastMsgFrom {
   display: inline-block;
   margin-right: 8px;
   padding: 0;
   font-size: 12.5px;
   color: #353535;
   cursor: pointer;
 }
 
 .convLastMsgTo {
   display: inline-block;
   margin: 0;
   padding: 0;
   font-size: 12.5px;
   color: #353535;
   line-height: 14px;
   cursor: pointer;
 }
 
 .msgAuthorNameConv {
   border: none;
   border-radius: 20px;
   padding: 2px 8px;
   margin: 0 4px 0 0;
   color: #535353;
   background-color: #ebf4ff !important;
   cursor: pointer;
 }
 
 .convLastMsg {
   font-size: 14px;
   font-weight: 500;
   margin: 5px 0 4px 0;
   color: #353535;
   white-space: normal;
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   cursor: pointer;
 }
 
 .dateSection {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   cursor: pointer;
 }
 
 .dateClock {
   display: inline-block;
   position: relative;
   width: 14px;
   height: 14px;
   margin: 0 0 -2.3px 0;
   background-image: url('../img/clock.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 .convLastMsgDate {
   display: inline-block;
   position: relative;
   margin: 1px 0 0 6px;
   font-size: 12.5px;
   line-height: normal;
   color: #353535;
   cursor: pointer;
 }
 
 .convDesc {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 11px;
   margin: 0 0 -0.2px 0;
   background-image: url('../img/description.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .convDescAdded {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 11px;
   margin: 0 0 -0.2px 0;
   background-image: url('../img/description_added.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .convTag {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0 0 -0.3px 11px;
   background-image: url('../img/tag.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .convTagAdded {
   display: inline-block;
   position: relative;
   width: 12px;
   height: 12px;
   margin: 0 0 -0.3px 11px;
   background-image: url('../img/tag_added.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .archactTag {
   display: inline-block;
   position: relative;
   width: 76%;
   height: 20px;
   margin: 0 0 -2px 7px;
   font-weight: 500;
   font-size: 14px;
   color: #39608a;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-break: break-word;
   cursor: pointer;
 }
 
 .cvFlagEmpty {
   display: inline-block;
   position: absolute;
   width: 15px;
   height: 15px;
   right: 8px;
   bottom: 8px;
   background-image: url('../img/flag_empty.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 .cvFlagRed {
   display: inline-block;
   position: absolute;
   width: 15px;
   height: 15px;
   right: 8px;
   bottom: 8px;
   background-image: url('../img/flag_red.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #convDescWindow, #convTagWindow, #convFlagWindow {
   display: block;
   position: absolute;
   width: 338px;
   height: auto;
   white-space: pre-wrap;
   border-radius: 6px;
   background-color: #ffffff;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 5100;
 }
 
 #closeDescWindow, #closeTagWindow, #closeFlagWindow {
   display: block;
   position: absolute;
   width: 12px;
   height: 12px;
   right: 8px;
   top: 8px;
   padding: 0;
   background-image: url('../img/closewnd.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #dragDescWindow, #dragTagWindow, #dragFlagWindow {
   display: block;
   position: relative;
   width: 40px;
   height: 20px;
   margin: -3px auto 0px auto;
   cursor: grab;
   text-align: center;
 }
 
 #convTitle {
   display: block;
   margin: 1px 29px 4px 29px;
   width: 84%;
   text-align: center;
   color: #353535;
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
 }
 
 #convBetween {
   display: block;
   margin: 1px 23px 0 23px;
   text-align: center;
   color: #353535;
   font-family: Inter;
   font-size: 15px;
   font-weight: 400;
 }
 
 #descriptionText {
   display: block;
   width: 84%;
   height: 170px;
   margin: 6px auto 0 auto;
   padding: 3px 5px;
   color: #363636;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   font-weight: 500;
   border-radius: 6px;
   resize: none;
   white-space: pre-wrap;
   border: 1px solid #dedede;
   background-color: #f1f1f1;
   overflow-y: auto;
 }
 
 #saveConvDesc, #saveConvTag, #setConvFlag {
   display: block;
   border-radius: 20px !important;
   padding: 0px 14px !important;
   margin: 10px auto !important;
   min-height: 30px !important;
   height: 30px !important;
   color: #ffffff !important;
   background-color: #40c1a3 !important;
 }
 
 #tagText {
   display: block;
   width: 84%;
   height: 40px;
   margin: 6px auto 0 auto;
   padding: 3px 5px;
   color: #363636;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   font-weight: 500;
   border-radius: 6px;
   white-space: pre-wrap;
   border: 1px solid #dedede;
   background-color: #f1f1f1;
   overflow-x: auto;
 }
 
 #sendMsgReplySec {
   display: none;
   position: sticky;
   height: 148px;
   bottom: 17px;
   background-color: #ffffff;
 }
 
 #expToSendReply {
   display: block;
   position: sticky;
   width: 100%;
   bottom: 0;
   height: 17px;
   background-color: #e3f4fa;
   border-radius: 4px;
   cursor: pointer;
 }
 
 #expandWindowRplSec {
   display: block;
   margin: 0 auto 0 auto;
   cursor: pointer;
 }
 
 #fromPhnNmbrCv {
   display: inline-block;
   width: 50%;
   height: auto;
   margin: 6px 0px 2px 8px;
   font-size: 14.5px;
   font-weight: 500;
   color: #222222;
   white-space: wrap;
 }
 
 #selectToNbConv {
   height: 26px;
   width: auto;
   margin: 0;
   text-align: left;
   color: #222222;
   background-color: #ffffff !important;
   border: 1px solid #d8d8d8;
 }
 
 #toPhnNmbrCv {
   display: inline-block;
   width: 50%;
   height: auto;
   margin: 6px 0px 2px -20px;
   font-size: 14.5px;
   font-weight: 500;
   color: #222222;
   text-align: right;
   white-space: wrap;
 }
 
 #sendMsgConvSec {
   display: block;
   height: auto;
   margin: 0 auto;
   border: none;
 }
 
 #sendMsgConvSec td {
   background-color: #ffffff;
   border: none;
 }
 
 #sendMsgConvTextSec {
   display: inline-block;
   height: 72px;
   padding: 3px 5px;
   color: #000000;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   border-radius: 6px;
   resize: none;
   white-space: pre-wrap;
   border: 1px solid #dedede;
   background-color: #ffffff;
   overflow-y: auto;
 }
 
 #sendMsgBtnConv {
   display: flex;
   position: relative;
   width: 200px;
   height: 20px;
   padding: 0;
   margin: 0 auto;
   bottom: 1.8px;
   color: #ffffff;
   background-color: #40c1a3;
   border: 1px solid #40c1a3;
   border-radius: 20px;
   text-align: center;
   font-weight: 500;
   cursor: pointer;
   line-height: normal;
   justify-content: center;
 }
 
 #grpdbynamelstcv {
   display: none;
   position: absolute;
   top: 31px;
   right: 16px;
   width: 200px;
   height: auto;
   padding: 17px 19px 17px 20px;
   font-size: 15px;
   font-weight: 500;
   color: #0a559e;
   cursor: pointer;
   border-radius: 6px;
   white-space: normal;
   background-color: #ffffff;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 999999;
 }
 
 #closeConvPart {
   display: inline-block;
   position: absolute;
   width: 10px;
   height: 10px;
   top: -7px;
   right: -7px;
   background-image: url('../img/closeconvpart.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #betweenNmbrs, #btwnNbCvTitle {
   display: inline-block;
   position: relative;
   width: 20px;
   height: 8px;
   margin: 0 6px 1px 6px;
   background-image: url('../img/between.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 
 #convImgGrey {
   position: absolute;
   display: block;
 }
 
 #groupedSmsTable {
   display: block;
   position: relative;
   top: 0px;
   width: 100%;
   height: auto;
   font-size: 14px;
   z-index: 50;
   background: #FFFFFF;
 }
 
 #groupedSmsTable td {
   text-align: left;
   vertical-align: top;
   border: 1px solid #f3f3f3;
   padding: 5px;
 }
 
 .groupedrowsbody {
   border: 1px solid #f3f3f3;
   padding: 8px;
 }
 
 .groupedLstNmbr {
   overflow: scroll;
   white-space: nowrap;
 }
 
 .groupedLstNames {
   overflow: scroll;
   white-space: nowrap;
 }
 
 .groupedLstMsgs {
   overflow: scroll;
   white-space: nowrap;
   min-width: 250px;
 }
 
 .groupedSentMsg {
   display: block;
   width: 95%;
   float: right;
   margin: 6px 6px 6px 0px;
   padding: 8px 10px;
   border: none;
   border-radius: 10px;
   background-color: #f2fbff;
   font-size: 14px;
   white-space: normal;
   word-break: break-word;
 }
 
 .groupedRecMsg {
   display: block; 
   width: 95%;
   float: left;
   margin: 6px 0px;
   padding: 8px 10px;
   border: none;
   border-radius: 10px;
   background-color: #f2fff8;
   font-size: 14px;
   white-space: normal;
   word-break: break-word;
 }
 
 .fixedRowHeight {
   max-height: 300px;
 }
 
 .expandGrpRow {
   display: block;
   margin:-3px auto 7px auto;
   cursor: pointer;
 }
 
 .dispNameList {
   display: block;
   margin: 2px 0px;
   font-size: 14.5px;
   font-weight: 500;
   color: #0a559e;
   cursor: pointer;
 }
 
 .dispNameList:hover {
   color: #1483f0;
 }
 
 .phoneNmbrRow {
   font-size: 14.5px;
   font-weight: 500;
   color: #06866f;
   cursor: pointer;
 }
 
 .phoneNmbrRow:hover {
   color: #08b899;
 }
 
 #selectListedNmbrs {
   display: block;
   width: 100%;
   font-family: 'Inter';
 }
 
 .sentMssgStatus {
   display: inline-block;
   margin: 0px 6px 0px 6.5px;
   vertical-align: middle;
 }
 
 .saveRestrictions, .saveAutoReply {
   display: inline-block;
   border-radius: 8px !important;
   padding: 0px 14px !important;
   margin: 0px 0px 0px 10px !important;
   color: #ffffff !important;
   background-color: #59d0b4 !important;
 }
 
 .savealwdKeys {
   display: inline-block;
   border-radius: 8px !important;
   padding: 0px 14px !important;
   margin: 0 !important;
   color: #ffffff !important;
   background-color: #59d0b4 !important;
 }
 
 .saveRestrictions:hover, .saveAutoReply:hover, .savealwdKeys:hover {
   background-color: #40c1a3 !important;
 }
 
 .saveRestrictions:active, .saveAutoReply:active, .savealwdKeys:active {
   background-color: #3aad92 !important;
 }
 
 #save_admin_settings {
   display: inline-block;
   border-radius: 8px !important;
   padding: 0px 14px !important;
   color: #ffffff !important;
   background-color: #1e89c2 !important;
 }
 
 #save_admin_settings:hover {
   background-color: #0369a0  !important;
 }
 
 #save_admin_settings:active {
   background-color: #025480  !important;
 }
 
 #phoneNmbrRestr th {
   font-weight: 500;
 }
 
 #tnxKeysAccessTbl th, #plvKeysAccessTbl th, #twlKeysAccessTbl th, #flrKeysAccessTbl th {
   font-weight: 500;
   color: #222222;
 }
 
 .restrAuthor {
   width: 200px;
   height: 40px !important;
 }
 
 .restrPhoneNmbr, .arplPhoneNmbr {
   width: 194px;
   height: 40px !important;
 }
 
 .restrGroups, .restrUsers {
   width: 330px;
   height: 40px !important;
   border: 1px solid #000;
   border-radius: 6px;
   margin: 0px 1px 0px 0px;
   padding: 0px 4px;
   overflow: hidden;
 }
 
 .restrGroups:hover, .restrUsers:hover {
   overflow: auto !important;
 }
 
 .alwdKeysGroups, .alwdKeysUsers {
   width: 398px;
   min-height: 80px !important;
   background-color: #ffffff !important;
   border: 1px solid #000;
   border-radius: 6px;
   margin: 0px 1px 0px 0px;
   padding: 0px 4px;
   overflow-y: scroll;
   white-space: pre-wrap;
 }
 
 .alwdKeysGroups:hover, .alwdKeysUsers:hover {
   overflow: auto !important;
 }
 
 .topLeftCorner {
   vertical-align: top;
   text-align: left;
 }
 
 .alwdDelGroups, .alwdDelUsrs {
   width: 398px;
   height: auto;
   border: none;
   border-radius: 6px;
   margin: 3px 0 0 0;
   padding: 0px 1px;
   line-height: 1.5;
   white-space: wrap;
   overflow: auto;
 }
 
 .alwDelCkbx {
   display: inline-block;
   position: relative;
   height: 14px !important;
   vertical-align: initial !important;
 }
 
 #addRestrRow, #addArplRow {
   display: block;
   margin: 10px 0px 0px 6px;
   width: 16px;
   height: 16px;
   cursor: pointer;
   border-radius: 2px;
 }
 
 #autoReplyTbl td {
   text-align: left;
   vertical-align: top;
   padding: 0px 0px 10px 0px;
 }
 
 #autoReplyTbl th {
   font-weight: 500;
 }
 
 .arplAuthor {
   width: 200px;
   height: 38px !important;
 }
 
 .arplMode {
   display: inline-block;
   width: 330px;
   height: 184px;
   border: 1px solid #000;
   border-radius: 6px;
   margin: 0px 4px 0px 0px;
   overflow: visible;
 }
 
 .modeContent .date-picker-x {
   top: -170px !important;
   left: -170px !important;
 }
 
 .arplText {
   display: inline-block;
   color: #000000;
   width: 330px;
   height: 184px;
   font-size: 15px;
   text-align: left;
   border: 1px solid #000;
   border-radius: 6px;
   margin: 0px 1px 0px 0px;
   resize: vertical;
   white-space: pre-wrap;
   overflow: auto;
 }
 
 .selectArplMode {
   display: block;
   width: 322px;
   margin: 4px 0px 0px 4px;
   cursor: pointer;
   font-weight: 500;
 }
 
 .daysOfWeek {
   display: block;
   width: 100%;
   height: 26px;
   margin: 3px auto;
   font-weight: 500;
   text-align: center;
 }
 
 .daysInWeek {
   display: block;
   position: relative;
   width: 322px;
   height: auto;
   margin: 0px 0px 0px 4px !important;
   text-align: center;
   border: 1px solid #000;
   border-radius: 6px;
 }
 
 .chooseTInterval {
   display: block;
   width: 100%;
   height: 26px;
   margin: 5px auto 0px auto;
   font-weight: 500;
   text-align: center;
 }
 
 .selectArplHours {
   display: block;
   width: 100%;
   text-align: center;
 }
 
 .tooltipautoreply {
   display: inline-block;
   position: absolute;
   font-size: 15px;
   z-index: 9;
 }
 
 .tooltipautoreplyst, .tooltipautoreplypn, .tooltiprestrict {
   display: inline-block;
   position: absolute;
   font-size: 15px;
   z-index: 7;
 }
 
 #infoautoreply, #infoautoreplyst, #infoautoreplypn, #inforestrict {
   display: inline-block;
   position: relative;
   margin: -2px 0px 0px 10px;
   color: #000000;
   font-size: 18px;
   font-weight: bold;
   font-family: 'Open Sans';
   font-style: italic;
   cursor: pointer;
 }
 
 .autorpltooltip, .autorpltooltipst, .autorpltooltippn, .restricttooltext {
   display: block;
   position: absolute;
   visibility: hidden;
   width: 330px;
   height: auto;
   background-color: #fafafa;
   font-size: 15px;
   font-weight: 600;
   white-space: normal;
   color: #595959;
   text-align: left;
   border-radius: 5px;
   padding: 5px 5px 5px 8px;
   margin: -4px 0px 0px -150px;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
 }
 
 .tooltipautoreply:hover .autorpltooltip, .tooltipautoreplyst:hover .autorpltooltipst, .tooltipautoreplypn:hover .autorpltooltippn, .tooltiprestrict:hover .restricttooltext  {
    visibility: visible;
 }
 
 .selectHrMin {
   font-weight: 500 !important;
   color: #01446d !important;
 }
 
 .chooseDateIntvl {
   display: block;
   width: 100%;
   height: 32px;
   margin: 19px auto 4px auto;
   font-weight: 500;
   text-align: center;
 }
 
 .arplstrtendDates {
   display: block;
   position: absolute;
   width: 330px;
   height: auto;
 }
 
 .stdtTitle {
   display: inline-block;
   position: absolute;
   width: 140px;
   height: 38px;
   left: 10px;
   top: 2px;
   font-weight: 500;
   text-align: center;
 }
 
 .enddtTitle {
   display: inline-block;
   position: absolute;
   width: 140px;
   height: 38px;
   right: 10px;
   top: 2px;
   font-weight: 500;
   text-align: center;
 }
 
 .startDate {
   display: inline-block;
   position: absolute;
   width: 140px;
   height: 38px;
   left: 10px;
   top: 26px;
   border: 1px solid #3b3b3b;
   border-radius: 6px;
   text-align: center;
   font-weight: 500;
   color: #01446d !important;
 }
 
 .endDate {
   display: inline-block;
   position: absolute;
   width: 140px;
   height: 38px;
   right: 10px;
   top: 26px;
   border: 1px solid #3b3b3b;
   border-radius: 6px;
   text-align: center;
   font-weight: 500;
   color: #01446d !important;
 }
 
 #adminOverlay {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   z-index: 4990;
 }
 
 .grpsList, .usrsList {
   display: block;
   position: absolute;
   width: 300px;
   max-height: 400px;
   z-index: 5000;
   overflow: auto;
   background-color: #ffffff;
 }
 
 .groupsList, .usersList {
   display: block;
   position: relative;
   float: left;
   padding: 6px 4px;
   width: 300px;
   height: auto;
   color: #353535;
   border-radius: 6px;
   border: 1px solid #dadada;
   cursor: pointer;
 }
 
 .groupsList:hover, .usersList:hover {
   background-color: #f1f1f1;
 }
 
 .selectedGrps, .selectedUsrs {
   display: inline-block;
   position: relative;
   margin: 6px 1px 0px 1px;
   padding: 0px 6px;
   color: #353535;
   background-color: #ffffff;
   border: 1px solid #dadada;
   border-radius: 6px;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
 }
 
 .removeGroup, .removeUser {
   margin: 0px 0px 0px 6px;
   width: 9px;
   height: 9px;
   cursor: pointer;
 }
 
 .showAllGroups, .showAllUsers {
   max-width: 40px !important;
   margin: 3px 10px 0px 6px;
   background-color: #ffffff;
   border-radius: 6px;
   padding: 4px 4px 0px 4px;
   z-index: 5000;
 }
 
 .showAllGroupsak {
   max-width: 40px !important;
   margin: 3px 12px 0px 6px;
   background-color: #F7F7F7;
   border-radius: 6px;
   padding: 4px 4px 0px 4px;
 }
 
 .showAllUsersak {
   max-width: 40px !important;
   margin: 3px 10px 0px 6px;
   background-color: #F7F7F7;
   border-radius: 6px;
   padding: 4px 4px 0px 4px;
 }
 
 .showByNmbrTitle {
   display: block;
   width: 100%;
   color: #353535;
   text-align: center;
   font-size: 16px; 
   font-weight: 500;
   margin: 0px auto 5px auto;
 }
 
 #refreshMsgsWrap, #refreshMsgsWraptf {
   display: block;
   position: sticky;
   width: 21px;
   height: 21px;
   bottom: 12px;
   left: 0;
 }
 
 #refreshMsgsConv, #refreshMsgsConvtf {
   display: inline-block;
   position: relative;
   background-image: url("../img/refresh.svg");
   background-repeat: no-repeat;
   background-color: transparent !important;
   width: 21px;
   height: 21px;
   opacity: 0.30;
   border: none;
   cursor: pointer;
   z-index: 5300;
 }
 
 #refreshMsgsConv:hover, #refreshMsgsConvtf:hover {
   opacity: 1;
 }
 
 #stopAutoRefreshSent {
   display: none;
   position: fixed;
   left: 340px;
   top: 50.7px;
   z-index: 5000;
 }
 
 #stopAutoRefreshSentBtn {
   display: inline-block;
   position: relative;
   width: auto;
   height: auto;
   vertical-align: top;
   border: 1px solid #c6cedb;
   border-radius: 20px;
   color: #0a559e;
   font-family: 'Open Sans' !important;
   font-size: 12px;
   font-weight: 400;
   padding: 0px 9px;
   text-align: center;
   cursor: pointer;
 }
 
 #stopAutoRefreshSentBtn:hover {
   border: 1px solid #79a2be;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
 }
 
 .mmstblUrls {
   color: #09579b;
   cursor: pointer;
 }
 
 .mmstblUrls:hover {
   color: #1479d3;
 }
 
 .marksent {
   background-color: #F2FBFF !important;
 }
 
 .markreceived {
   background-color: #F2FFF5 !important;
 }
 
 #sentfiltersrow, #recfiltersrow, #grpfiltersrow {
   display: none;
   position: sticky;
   top: 27px;
   background: #FFFFFF;
   box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1);
   z-index: 1000;
 }
 
 #sentSmsTable th, #recSmsTable th, #groupedSmsTable th {
   position: sticky;
   top: 27px;
   z-index: 999;
   border: 1px solid #f3f3f3;
   padding: 7px;
   background-color: #bfe5f2;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
 }
 
 #sentSmsTable td, #recSmsTable td {
   border: 1px solid #f3f3f3;
   padding: 5px;
   white-space: normal;
 }
 
 .datecolsent {
   text-align: center;
 }
 
 .sentdbidcolumn {
   text-align: center;
 }
 
 .dbidcolumnrec {
   width: 50px;
   text-align: center;
 }
 
 .messagecolumnsent {
   background: #fffff2;
   text-align: left;
   font-weight: 500;
   width: 260px;
   word-break: break-word;
 }
 
 .messagecolumnrec {
   background: #fffff2;
   text-align: left;
   font-weight: 500;
   width: 526px;
   word-break: break-word;
 }
 
 .messageAuthorName {
   border: none;
   border-radius: 20px;
   padding: 4px 10px;
   margin: 0px 4px 0px 0px;
   color: #414141;
   background-color: #eff9ff;
 }
 
 .msgAuthorNameGrp {
   border: none;
   border-radius: 20px;
   padding: 3px 8px;
   margin: 0px 4px 0px 0px;
   color: #616161;
   background-color: #e8edff !important;
 }
 
 .addNameToPhNb {
   cursor: pointer;
   border-radius: 20px;
 }
 
 .listToFromMsgs {
   display: block;
   margin: 0 auto;
   width: 30px;
   text-align: center;
   cursor: pointer;
 }
 
 .lstMsgConv {
   display: block;
   position: relative;
   width: 30px;
   height: auto;
   text-align: center;
   margin: 4px auto 0 auto;
 }
 
 .lstMsgConvImg {
   cursor: pointer;
   height: auto;
 }
 
 .lstMsgToFromImg {
   cursor: pointer;
   height: auto;
 }
 
 .lstMsgToFromImg:hover, .lstMsgConvImg:hover {
   box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
 }
 
 .lstMsgToFromImg:active, .lstMsgConvImg:hover {
   box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
 }
 
 #loadMoreMsgs, #loadMoreMsgsusr {
   display: none;
   width: 180px;
   height: auto;
   margin: 1px auto 2px auto;
   padding: 0px 0px 2px 0px;
   border: 1px solid #b8d4e6;
   border-radius: 20px;
   color: #6c91b2;
   line-height: normal;
   text-align: center;
   font-size: 14.5px;
   font-weight: 500;
   cursor: pointer;
 }
 
 #loadMoreMsgs:hover, #loadMoreMsgsusr:hover {
   color: #3a6c9a;
   border: 1px solid #95bad3;
 }
 
 #loadMoreMsgs:active, #loadMoreMsgsusr:active {
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   border: 1px solid #79a2be;
 }
 
 .addNameToPhNb:hover {
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
 }
 
 .addNameToPhNb:active {
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.33);
   -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.33);
   -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.33);
 }
 
 #recTblOverlay, #alertMsgOverlay {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0.09;
   z-index: 5050;
 }
 
 #disNameWindow, #alertMessage, #alertConfMessage {
   display: block;
   position: absolute;
   width: 338px;
   height: auto;
   white-space: pre-wrap;
   border-radius: 6px;
   background-color: #ffffff;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 5100;
 }
 
 #alertTextWrap {
   display: block;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   margin: 30px 22px 16px 22px;
   color: #353535;
   white-space: pre-wrap;
   word-break: break-word;
 }
 
 #closeDisNmWindow {
   display: block;
   position: absolute;
   width: 12px;
   height: 12px;
   right: 8px;
   top: 10px;
   padding: 0;
   background-image: url('../img/closewnd.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #closeFrmMsgWindow, #closeAlertWnd, #closeAlertWndcf {
   display: block;
   position: absolute;
   width: 12px;
   height: 12px;
   right: 8px;
   top: 10px;
   padding: 0;
   background-image: url('../img/closewnd.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #sendMsgConvBtn {
   display: flex;
   width: 200px;
   height: 20px;
   padding: 0;
   margin: -2px auto 0 auto;
   color: #ffffff;
   background: #40c1a3;
   border: 1px solid #40c1a3;
   border-radius: 20px;
   text-align: center;
   font-weight: 500;
   cursor: pointer;
   line-height: normal;
   justify-content: center;
   align-items: center;
 }
 
 #sendMsgConvBtn:hover {
   background-color:  #3bb397 !important;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
 }
 
 #sendMsgConvBtn:active {
   background-color: #33a087 !important;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
 }
 
 #saveDispName, #alertOk {
   display: block;
   border-radius: 20px !important;
   padding: 0px 14px !important;
   margin: 10px auto !important;
   min-height: 30px !important;
   height: 30px !important;
   color: #ffffff !important;
   background-color: #40c1a3 !important;
 }
 
 #cancelOkWrap {
   display: block;
   width: 100%; 
   margin: 10px auto !important;
   text-align: center;
 }
 
 #confirmOk, #confirmCancel {
   display: inline-block;
   min-width: 76px;
   border-radius: 20px !important;
   padding: 0px 14px !important;
   margin: 0 5px;
   min-height: 30px !important;
   height: 30px !important;
   color: #ffffff !important;
   background-color: #40c1a3 !important;
 }
 
 #saveDispName:hover, #alertOk:hover, #confirmOk:hover, #confirmCancel:hover {
   background-color:  #3bb397 !important;
 }
 
 #saveDispName:active, #alertOk:active, #confirmOk:active, #confirmCancel:active {
   background-color: #33a087 !important;
 }
 
 #sendMsgReply {
   display: none;
 }
 
 #sendMsgConv {
   width: 92%;
   height: auto;
   margin: 0 auto;
   border: none;
 }
 
 #sendMsgConv td {
   background-color: #ffffff;
   border: none;
 }
 
 #sendMsgConvText {
   display: inline-block;
   width: 100%;
   height: 72px;
   padding: 3px 5px;
   color: #000000;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   border-radius: 6px;
   resize: none;
   white-space: pre-wrap;
   border: 1px solid #dedede;
   background-color: #ffffff;
   overflow-y: auto;
 }
 
 #fromPhoneNmbrConv {
   display: inline-block;
   width: 50%;
   height: auto;
   margin: 6px 0px 2px 10px;
   font-size: 14.5px;
   font-weight: 500;
   color: #222222;
 }
 
 #toPhoneNmbrConv {
   display: inline-block;
   width: 50%;
   height: auto;
   margin: 6px 0px 2px -20px;
   font-size: 14.5px;
   font-weight: 500;
   color: #222222;
   text-align: right;
 }
 
 #selectFromNbConv {
   height: 26px;
   width: auto;
   margin: 0;
   text-align: left;
   color: #222222;
   background-color: #ffffff !important;
   border: 1px solid #d8d8d8;
 }
 
 #listAllMsgsFromTo {
   display: block;
   position: absolute;
   width: 600px;
   height: 490px;
   font-family: 'Inter' !important;
   white-space: pre-wrap;
   border-radius: 6px;
   background-color: #ffffff;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 5100;
 }
 
 #listAllMsgsConv {
   display: block;
   position: absolute;
   width: 600px;
   height: 490px;
   font-family: 'Inter' !important;
   white-space: pre-wrap;
   border-radius: 6px;
   background-color: #ffffff;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
   z-index: 5100;
 }
 
 #expandWindowRplCtn {
   display: block;
   width: 100%;
   height: 14px;
   margin: 4px auto 0 auto;
   text-align: center;
 }
 
 #expandWindowRpl {
   cursor: pointer;
 }
 
 #dragDispNmWindow {
   display: block;
   position: relative;
   width: 40px;
   height: 20px;
   margin:-3px auto 0px auto;
   cursor: grab;
   text-align: center;
   z-index: 99999;
 }
 
 #draglstMsgmWindow {
   display: block;
   position: relative;
   width: 500px;
   width: 80%;
   height: 20px;
   margin:-3px auto 0px auto;
   cursor: grab;
   text-align: center;
 }
 
 #draglstMsgmWindowsc {
   display: block;
   position: relative;
   width: 80%;
   height: 20px;
   margin: 8px auto 0 auto;
   cursor: grab;
   text-align: center;
 }
 
 #frmMsgLstWrap {
   display: block;
   position: relative;
   width: 560px;
   height: 400px;
   margin: 0 auto;
   overflow-y: auto;
   overflow-x: hidden;
 }
 
 #frmMsgLstTbl {
   position: relative;
   width: 100%;
   height: 100%;
 }
 
 #frmMsgLstTbl td {
   text-align: left;
   vertical-align: top;
   background-color: #ffffff !important;
 }
 
 .groupedLstNamespn {
   display: block;
   position: fixed;
   width: 130px;
   height: auto;
   padding: 0px 0px 0px 4px;
   overflow-y: auto;
   white-space: pre-wrap;
 }
 
 #msgListRowCell {
   display: block;
   width: 428px;
   height: auto;
   min-height: 358px;
   margin: 0px 0px 0px 130px;
   padding: 0px 0px 0px 4px;
   overflow: scroll;
   white-space: nowrap;
 }
 
 .dispNameListAll {
   display: block;
   width: 100%;
   height: auto;
   border: 1px solid #c6cedb;
   border-radius: 20px;
   margin: 6px 0px 0px 0px;
   color: #04957b;
   font-size: 13px;
   padding: 0px 9px;
   text-align: center;
   font-weight: 500;
   cursor: pointer;
 }
 
 #selectAllChckbx:hover {
   cursor: pointer;
 }
 
 .indivchckbx:hover {
   cursor: pointer;
 }
 
 .selectsmsdv {
   width: 30px;
   padding: 5px 5px 5px 7px;
   text-align: center;
 }
 
 #selectalldv {
   width: 30px;
   padding: 5px 5px 5px 7px;
 }
 
 .indivfilter {
   height: 30px;
   font-weight: bold;
   padding: 0px;
 }
 
 .selectalldvfilter {
   border: 1px solid #f3f3f3;
   padding: 3px;
   margin: 0px; 
 }
 
 .filterbuttonsrec, .filterbuttonsent {
   display: block;
   position: relative;
   margin: 5px auto !important;
   border-radius: 3px !important;
   background-color: #ffffff !important;
   background-image: url('../img/filter_icon.svg');
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
 }
 
 #clearrecfilters, #clearsentfilters, #cleargrpfilter {
   display: inline-block;
   width: 22px;
   height: 22px;
   background-color: #ffffff;
   background-image: url('../img/clearfilters.svg');
   background-repeat: no-repeat;
   background-position: center center;
   margin: 0px 0px 8px 0px;
   border: none;
   cursor: pointer;
 }
 
 #deleterecrows, #deletesentrows {
   display: inline-block;
   width: 16px;
   height: 20px;
   background-color: #ffffff;
   background-image: url('../img/garbage.svg');
   background-repeat: no-repeat;
   background-position: center center;
   margin: 0px 0px 4px 0px;
   border: none;
   cursor: pointer;
 }
 
 #deleterecrows:active, #deletesentrows:active {
   background-image: url('../img/garbage_bright.svg');
 }
 
 #toptablerec, #toptablesent, #toptablegrp {
   display: block;
   position: sticky;
   top: 0px;
   height: 27px;
   width: 100%;
   z-index: 1001;
 }
 
 .topbuttonandpage {
   display: block;
   position: relative;
   width: 100%;
   height: 27px;
   border-radius: 0px 24px 0px 0px;
   background: #FFFFFF;
   z-index: 1001;
 }
 
 #paginationrec, #paginationsent, #paginationgrp {
   display: block;
   position: relative;
   float: right;
   width: auto;
   margin: -25px 14px 0px 0px;
   font-size: 15px;
   font-weight: 600;
   color: #0082C9;
   z-index: 5002;
 }
 
 .arrowDownCl {
   background-image: url('../img/arrowDown.svg');
   background-repeat: no-repeat;
   background-position: center center;
   z-index: 1010;
 }
 
 .arrowUpCl {
   background-image: url('../img/arrowUp.svg');
   background-repeat: no-repeat;
   background-position: center center;
   z-index: 1010;   
 }
 
 #recarrow, #sentarrow {
   display: block;
   position: relative;
   float: left;
   margin: 3.8px 0px 0px 7px;
   width: 17px;
   height: 17px;
   border: none;
   cursor: pointer;
 }
 
 #totalrecmessages, #totalsentmessages, #totalgrpmessages {
   display: block;
   position: relative;
   padding: 10px 0px 0px 7px;
   font-size: 14px;
   font-weight: bold;
   color: #4cbc86;
 }
 
 .pagenumbers, .pagenumbersbottom, .pagenumbersrec, .pagenumbersbottomrec, .pagenumbersgrp {
   color: #0082C9;
 }
 
 #dbidtextsent {
   display: block;
   margin: auto;
   width: 95%;
   padding: 0 3px !important;
   text-align: center;
 }
 
 #dbidtextrec {
   display: block;
   margin: auto;
   width: 95%;
   padding: 0 3px !important;
   text-align: center;
 }
 
 #useridtext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #useridtextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #messageidtext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #messageidtextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #datetext {
   display: block;
   margin: auto;
   width: 95px;
 }
 
 #datetextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #fromtext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #fromtextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #totext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #totextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #networktext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #pricetext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #statustext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #deliveryrcpttext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #messagetext {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #messagetextrec {
   display: block;
   margin: auto;
   width: 95%;
 }
 
 #databaseidfilter {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 
 #sentstatuscolumn {
   max-width: 160px;
 }
 
 .useridcolrec {
   width: 124px;
   background-color: #ffffff;
   text-align: center;
 }
 
 .messageidcolsent {
   overflow: visible;
   word-break: break-all;
   text-align: center;
   max-width: 180px;
 }
 
 .messageidcolrec {
   overflow: visible;
   word-break: break-all;
   width: 420px;
   text-align: center;
 }
 
 .datecolrec {
   width: 160px;
   text-align: center;
 }
 
 .fromcolumnrec {
   width: 140px;
   text-align: center;
   background-color: #f2fff5;
 }
 
 .tocolrec {
   width: 140px;
   background-color: #f2fbff;
   text-align: center;
 }
 
 .networkcolumnsent {
   max-width: 90px;
   background-color: #ffffff;
   word-break: break-word;
   text-align: center;
 }
 
 .networkNmContent {
   display: none;
 }
 
 .phNetworkImg {
   cursor: pointer;
 }
 
 .recNetworkImg {
   cursor: pointer;
 }
 
 .useridcolsent, .pricecolumnsent {
   background-color: #ffffff;
   text-align: center;
 }
 
 .statuscolumnsent {
   background-color: #ffffff;
   text-align: center;
   max-width: 200px;
 }
 
 .deliveryrcptcolsent {
   background-color: #ffffff;
   text-align: center;
   max-width: 124px;
   word-break: break-word;
 }
 
 .tocolumnsent {
   background-color: #f2fbff;
   text-align: center;
 }
 
 .fromcolumnsent {
   background-color: #f2fff5;
   text-align: center;
 }
 
 .active {
   color: #c62b71;
 }
 
 #deleteoldmssgs {
   display: inline-block;
   position: relative;
   margin: 10px 0px 10px 1px;
   font-size: 15px;
   font-weight: bold;
 }
 
 #deleteoldsms {
   display: none;
   background: #e8f6ff;
   border-radius: 6px;
   padding: 5px;
 }
 
 #delOldrecSMS, #delOldsentSMS {
   display: block;
   background-color: #0082C9;
   color: #ffffff;
   margin: 10px 0px 10px 5px;
   border-radius: 20px;
   font-family: 'Open Sans';
   font-size: 14px;
 }
 
 #delOldrecSMS:active, #delOldsentSMS:active {
   background: #00a2f9;
 }
 
 #delsetrows {
   display: block;
   padding: 5px;
 }
 
 .deletesmsolder {
   display: inline;
   font-size: 15px;
   font-weight: bold;
 }
 
 #oldrecSmsInterval, #oldsentSmsInterval {
   display: inline;
   width: 60px;
   height: 25px;
   padding: 0px 0px 0px 10px;
   font-family: 'Inter';
   font-size: 14px;
   font-weight: 600;
   border-radius: 20px;
 }
 
 #upArrow {
   background-image: url("../img/arrow-top.svg");
   background-repeat: no-repeat;
   background-color: transparent !important;
   opacity: 0.30;
   position: fixed;
   bottom: 30px;
   right: 8px;
   width: 42px;
   height: 42px;
   border: none;
   cursor: pointer;
   display: none;
   z-index: 1010;
 }
 
 #upArrow:hover {
   opacity: 1;
 }
 
 #arrowupWrap {
   display: block;
   position: sticky;
   width: 21px;
   height: 21px;
   bottom: 12px;
   left: 530px;
 }
 
 #upArrowSmall {
   position: relative;
   background-image: url("../img/arrow-top-small.svg");
   background-repeat: no-repeat;
   background-color: transparent !important;
   width: 21px;
   height: 21px;
   opacity: 0.30;
   border: none;
   cursor: pointer;
   display: none;
   z-index: 5300;
 }
 
 #upArrowSmall:hover {
   opacity: 1;
 }
 
 .opensmsfolder {
   display: block;
   position: relative;
   margin: 10px 0px 10px 0px !important;
   padding: 7px 0 7px 0 !important;
   width: 100% !important;
   color: #FFFFFF !important;
   font-family: 'Open Sans' !important;
   font-size: 15px !important;
   background-color: #CB99C5 !important;
 }
 
 .opensmsfolder:hover {
   border: 2px;
   background-color: #c18bba !important;
 }
 
 .opensmsfolder:active {
   background-color: #b777af !important;
   border: 2px;
   color: #FFFFFF !important;
   border-color: #b777af;
 }
 
 .opensmsfolder:focus {
   background-color: #a3669b !important;
   border: 2px;
   border-color: #a3669b;
 }
 
 #save_sms_settings {
   display: inline-block;
   border-radius: 8px !important;
   padding: 0px 14px !important;
   color: #ffffff !important;
   background-color: #1e89c2 !important;
 }
 
 #save_sms_settings:hover {
   background-color: #0369a0 !important;
 }
 
 #save_sms_settings:active {
   background-color: #025480 !important;
 }
 
 /* Timer for page auto-refresh */
 #refreshTimerSent {
   display: none;
   margin: 1.5px 0px 0px 6px;
 }
 
 .arftimer {
   background: -webkit-linear-gradient(left, #3c76bd 50%, #eee 50%);
   border-radius: 100%;
   height: calc(var(--size) * 1px);
   width: calc(var(--size) * 1px);
   position: relative;
   -webkit-animation: time calc(var(--duration) * 1s) steps(1000, start) infinite;
   -webkit-mask: radial-gradient(transparent 50%,#000 50%);
   mask: radial-gradient(transparent 50%,#000 50%);
 }
 
 .arfmask {
   border-radius: 100% 0 0 100% / 50% 0 0 50%;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 50%;
   -webkit-animation: mask calc(var(--duration) * 1s) steps(500, start) infinite;
   -webkit-transform-origin: 100% 50%;
 }
 
 @-webkit-keyframes time {
   100% {
       -webkit-transform: rotate(360deg);
   }
 }
 
 @-webkit-keyframes mask {
   0% {
       background: #eee;
       -webkit-transform: rotate(0deg);
   }
   50% {
       background: #eee;
       -webkit-transform: rotate(-180deg);
   }
   50.01% {
       background: #3c76bd;
       -webkit-transform: rotate(0deg);
   }
   100% {
       background: #3c76bd;
       -webkit-transform: rotate(-180deg);
   }
 }
 
 #sms_relentless_adm {
   font-family: 'Inter';
 }
 
 .arplAuthor, .arplPhoneNmbr, .selectArplMode, .daysInWeek, .startDate, .endDate, .arplText, .restrAuthor {
   font-family: 'Inter' !important;
 }
 
 .indivfilterrec, .indivfiltersent {
   font-family: 'Inter';
   padding: 0 4px !important;
 }
 
 @media only screen and (max-width: 600px) {
   #convImgGrey {
     display: none;
   }
   #grpdbynamelstcv {
     right: -130px;
   }
   #filterByTagImg, #filterByFlagImg {
     display: none;
   }
   #convDescWindow, #convTagWindow, #convFlagWindow {
     width: 100vw;
     left: 0 !important;
     top: 0 !important;
   }
   #listAllMsgsFromTo, #listAllMsgsConv {
     width: 100vw;
     height: calc(100vh - 120px);
     top: 0 !important;
     left: 0 !important;
     padding: 0 20px 0 20px;
   }
   #frmMsgLstWrap {
     height: calc(100vh - 232px);
   }
   .groupedLstNamespn {
     margin-top: 24px;
   }
   #frmMsgLstTbl {
     width: 92vw;
   }
   #msgListRowCell {
     width: auto;
   }
   #draglstMsgmWindowsc {
     margin: 6px auto 0 auto;
   }
   #fromPhoneNmbrConv {
     display: block;
     margin: 6px 0 2px 0;
   }
   #toPhoneNmbrConv {
     display: block;
     margin-left: 0 !important;
     text-align: left;
   }
   #alertMessage, #alertConfMessage {
     width: 100vw !important;
     left: 0 !important;
     background-color: #fbfbfb;
   }
   #disNameWindow {
     width: 100vw !important;
     left: 0 !important;
     top: 0 !important;
     background-color: #fbfbfb;
   }
   #sendMsgReplySec {
     height: auto;
   }
   #fromPhnNmbrCv, #toPhnNmbrCv {   
     display: block;
     text-align: left;
     margin: 0;
   }
   #sentSmsTable th, #recSmsTable th, #groupedSmsTable th {
     top: 0;
   }
   #stopAutoRefreshSent {
     left: auto;
     right: 2px !important;
   }
   #titleFirstRow {
     margin: 23px auto 0 auto;
   }
 }
 
 @media only screen and (max-width: 1020px) {
   #recarrow, #sentarrow {
     display: block;
     position: relative;
     float: left;
     width: 17px;
     height: 17px;
     margin: 3.8px 0px 0px 50px;
     border: none;
     cursor: pointer;
     z-index: 5010;
   }
   #stopAutoRefreshSent {
     display: none;
     position: fixed;
     left: 86px;
     top: 50.7px;
     z-index: 5000;
   }
 }
 
 /* Changes for dark themes */
 [data-theme-dark] .srheader,
 [data-theme-dark-highcontrast] .srheader {
   display: block;
   position: relative;
   margin: 0px 0px 7px 0px;
   color: #fafafa;
   font-size: 15px;
   font-weight: 700;
 }
 
 [data-theme-dark] #sendtomultiple,
 [data-theme-dark-highcontrast] #sendtomultiple {
   display: inline-block;
   position: relative;
   margin: 10px 0px 12px 0px;
   color: #fafafa;
   font-size: 15px;
   font-weight: 700;
 }
 
 [data-theme-dark] #entermessage,
 [data-theme-dark-highcontrast] #entermessage {
   display: block;
   position: relative;
   margin: 10px 0px 0px 0px;
   color: #fafafa;
   font-size: 15px;
   font-weight: 700;
 }
 
 [data-theme-dark] #sendmediafl,
 [data-theme-dark-highcontrast] #sendmediafl {
   display: block;
   position: relative;
   margin: 0px 0px 20px 0px;
   color: #fafafa;
   font-size: 15px;
   font-weight: 700;
 }
 
 [data-theme-dark] #deleteoldmssgs,
 [data-theme-dark-highcontrast] #deleteoldmssgs {
   display: inline-block;
   position: relative;
   margin: 10px 0px 10px 1px;
   color: #fafafa;
   font-size: 15px;
   font-weight: 700;
 }
 
 [data-theme-dark] #smsto,
 [data-theme-dark-highcontrast] #smsto {
   display: block;
   width: 99%;
   max-height: 32px;
   padding: 0px 15px 0px 15px;
   color: #fafafa;
   font-family: 'Inter';
   font-size: 15px;
   font-weight: 600;
   border-radius: 20px;
 }
 
 [data-theme-dark] #smstext,
 [data-theme-dark-highcontrast] #smstext {
   display: inline-block;
   color: #ffffff;
   width: 100%;
   height: 130px;
   text-align: left;
   font-family: 'Inter';
   font-size: 15px;
   border-radius: 6px;
   resize: vertical;
   white-space: pre-wrap;
 }
 
 [data-theme-dark] .arplText,
 [data-theme-dark-highcontrast] .arplText {
   display: inline-block;
   color: #fafafa;
   width: 330px;
   height: 184px;
   font-size: 15px;
   text-align: left;
   border: 1px solid #000;
   border-radius: 6px;
   margin: 0px 1px 0px 0px;
   resize: vertical;
   white-space: pre-wrap;
   overflow: auto;
 }
 
 [data-theme-dark] #oldrecSmsInterval, [data-theme-dark] #oldsentSmsInterval,
 [data-theme-dark-highcontrast] #oldrecSmsInterval, [data-theme-dark-highcontrast] #oldsentSmsInterval {
   display: inline;
   width: 60px;
   height: 25px;
   padding: 0px 0px 0px 10px;
   color: #fafafa;
   font-family: 'Inter';
   font-size: 14px;
   font-weight: 600;
   border-radius: 20px;
 }
 
 [data-theme-dark] .tooltipbalanceid #infobalance,
 [data-theme-dark-highcontrast] .tooltipbalanceid #infobalance {
   display: block;
   position: relative;
   margin: 4px 14px 0px 0px;
   color: #fafafa;
   font-size: 21px;
   font-weight: bold;
   font-family: 'Open Sans';
   font-style: italic;
   z-index: 6;
 }
 
 [data-theme-dark] #infotipid,
 [data-theme-dark-highcontrast] #infotipid {
   display: block;
   position: relative;
   margin: 4px 14px 0px 0px;
   color: #fafafa;
   font-size: 19px;
   font-weight: 700;
   font-family: 'Open Sans';
   font-style: italic;
   z-index: 5;
 }
 
 [data-theme-dark] #inforestrict,
 [data-theme-dark-highcontrast] #inforestrict {
   display: inline-block;
   position: relative;
   margin: -2px 0px 0px 10px;
   color: #fafafa;
   font-size: 18px;
   font-weight: bold;
   font-family: 'Open Sans';
   font-style: italic;
   cursor: pointer;
 }
 
 [data-theme-dark] .fortooltip .texttooltip, [data-theme-dark] .maxmessagelength .texttooltip,
 [data-theme-dark-highcontrast] .fortooltip .texttooltip, [data-theme-dark-highcontrast] .maxmessagelength .texttooltip {
   font-family: 'Open Sans';
   font-style: italic;
   color: #fafafa;
   font-size: 19px;
   font-weight: 700;
   margin: 0px 0px 4px 4px;
 }
 
 [data-theme-dark] #uploadfileforsms,
 [data-theme-dark-highcontrast] #uploadfileforsms {
   margin-left: 7px;
   background-color: #434343;
   border-radius: 3px !important;
 }
 
 [data-theme-dark] #uploadfileformms,
 [data-theme-dark-highcontrast] #uploadfileformms {
   margin-left: 21px;
   background-color: #434343;
   border-radius: 3px !important;
 }
 
 [data-theme-dark] .smsnbformat a,
 [data-theme-dark-highcontrast] .smsnbformat a {
   color: #cedfff !important;
 }
 
 [data-theme-dark] .smsnbformat font,
 [data-theme-dark-highcontrast] .smsnbformat font {
   color: #f7547a !important;
 }
 
 [data-theme-dark] .indivfiltersent, [data-theme-dark] .indivfilterrec,
 [data-theme-dark-highcontrast] .indivfiltersent, [data-theme-dark-highcontrast] .indivfilterrec {
   color: #ffffff !important;
   padding: 0 4px !important;
   font-family: 'Inter';
 }
 
 [data-theme-dark] #recSmsTable, [data-theme-dark] #groupedSmsTable, [data-theme-dark] #sentSmsTable,
 [data-theme-dark-highcontrast] #recSmsTable, [data-theme-dark-highcontrast] #groupedSmsTable, [data-theme-dark-highcontrast] #sentSmsTable {
   color: #000000 !important;
 }
 
 [data-theme-dark] .providerSettings .setlabeltext,
 [data-theme-dark-highcontrast] .providerSettings .setlabeltext {
   color: #272727;
 }
 
 [data-theme-dark] .providerName,
 [data-theme-dark-highcontrast] .providerName  {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
   color: #272727;
 }
 
 [data-theme-dark] .selectHrMin, 
 [data-theme-dark-highcontrast] .selectHrMin,
 [data-theme-dark] .startDate,
 [data-theme-dark-highcontrast] .startDate,
 [data-theme-dark] .endDate,
 [data-theme-dark-highcontrast] .endDate {
   color: #ffffff !important;
 }
 
 [data-theme-dark] #infoautoreply, [data-theme-dark] #infoautoreplyst, [data-theme-dark] #infoautoreplypn,
 [data-theme-dark-highcontrast] #infoautoreply, [data-theme-dark-highcontrast] #infoautoreplyst, [data-theme-dark-highcontrast] #infoautoreplypn {
   color: #ffffff;
 }
 
 [data-theme-dark] .generateUrl,
 [data-theme-dark-highcontrast] .generateUrl {
   color: #013351 !important;
   font-family: 'Inter';
 }