.wc-header {
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-color: #000f54 !important;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000f54' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
  margin-top: -1px;
  margin-left: -5px;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000f54' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
  /* background-image: none !important; */
  margin-top: -1px;
  margin-right: -3px;
}

.wc-message-groups {
  background-color: #e6e6e6;

}

.format-markdown {
  color: #000;
}

.wc-app button {
  border-radius: 20px;
}

.wc-message-from-bot {
  font-size: 12px !important;
  color: #555 !important;
  word-break: break-word;
  word-spacing: .3px;
}

.wc-message-from-bot {
  margin-left: 10px;
  /* border-radius:18px 18px 18px 0px  !important; */

}

.listButton {
  border-radius: 0px !important;
}

.wc-message-content {
  border-radius: 0px !important;
}

.cls-1 {
  fill: #0092d0 !important;
}

.wc-message-content {
  font-size: 14px !important;
  background-color: #000f54 !important;
  border: lightgray;
  color: white !important;
}

.Footerdiv {
  background: linear-gradient(180deg, #0092d0 0, #4bb4d5 100%);
  background-color: #055dce;
}

.wc-message-from-bot {
  /* margin-left: 10px; */
  border-radius: 18px 18px 18px 0px !important;

}


.wc-message-content {
  /* margin-right: 15px; */
  /* border-radius: 10px; */
  border-radius: 18px 18px 0px;
  /* font-size: 14px !important; */
  /* font-weight: 600 !important; */
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 20.4px !important;
  letter-spacing: normal !important;

}

.message-wrap .message.right .msg-detail .msg-content {
  /* background-color: #97144d; */
  float: right;
  margin-right: 36px;
  /* border-bottom-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top-left-radius: 21px; */
  /* border-radius: 10px; */
  /* border-radius: 18px 18px 0px !important; */
  /* border-bottom-right-radius: 0px !important; */
  padding: 10px;


  padding-top: 8px;

  font-family: Graphik;
  /* font-size: 14px; */
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 20.4px;
  letter-spacing: normal;
  word-break: break-word;
}

.Footerdiv {
  bottom: 0px;
  height: 43px;
  /* background-color: #97144d; */
  color: white;
  text-align: center;
  /* border: 1px solid #97144d; */
  border-radius: 0px 0px 10px 10px;
  margin-left: 0px;
}

.Footerdiv1 {
  /* bottom: 35px; */
  /* position: absolute; */
  background-color: #f2f7f2;
  color: white;

}

.MainInputID {
  border-radius: 29px;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 5px 5px 5px 10px !important;
  /* background-color: #f8f9fa; */
  width: 72% !important;
  border: none;
  border: 1px solid #000f54 !important;
  margin-top: 5px;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 7px !important;
  margin-top: 9px !important;
  font-size: small !important;
  resize: none !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  /* outline: 0 !important; */
  /*color: #888; */
}

.MainInputID1 {
  border-radius: 29px !important;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 5px 5px 5px 10px !important;
  /* background-color: #f8f9fa; */
  width: 78% !important;
  border: none !important;
  border: 1px solid #00397a !important;
  margin-top: 5px !important;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 7px !important;
  margin-top: 9px !important;
  font-size: small !important;
  outline: none !important;
  /* background-color: #fff !important; */
  font-size: 14px !important;
  color: #555 !important;
  border: #ddd;
  word-break: break-word;
  /* word-spacing: 0.3px; */
  resize: none !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}
#input12 * {
  all: unset !important;
}
input#MainInputID1 {

  border-radius: 29px !important;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 5px 5px 5px 10px !important;
  /* background-color: #f8f9fa; */
  width: 72% !important;
  border: none;
  border: 1px solid #000f54 !important;
  margin-top: 5px;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 9px !important;
  margin-top: 9px !important;
  font-size: small !important;
  /* outline: 0 !important; */
  /* color: #888; */
}

/* .wc-message-content {
    font-size: 14px !important;
    background-color: rgb(223, 1, 124);;
    border:lightgray;
    color: white !important;
  } */
/* .Footerdiv {
    background: linear-gradient(
      180deg
      ,#0092d0 0,#0092d0 100%);
    background-color: #0092d0;
  } */

.wc-spa {
  font-style: italic;
}

.idlocation {
  color: White;
}

.idlocation {
  font-style: Normal;
  display: none;
}

.wc-message-content {
  border: #fff;
}

.format-markdown {
  color: #000;
}

.format-markdown {
  font-size: 12px;
}

.wc-message-content {
  font-size: 12px !important;
}

.wc-message-content {
  font-weight: bold !important;
}

.wc-message-from-bot {
  background-color: #fff;
}

.wc-message-from-bot {
  border: #fff;
}

.wc-message-from-bot {
  font-weight: Italic !important;
}

.TimeStampbot {
  color: #888;
  font-size: 10px !important;
}



.TimeStampbot {
  font-weight: 500;
}

.TimeStampbotdiv {
  font-weight: 800;
}

.TimeStampbot {
  font-style: normal !important;
}

.wc-message-from-me {
  background-color: #055dce;
}

.wc-message-from-me {
  border: #055dce;
}

.wc-message-from-me {
  color: #ffff;
}

.format-plain {
  font-size: 14px;
}

.TimeStamp {
  font-size: 11px;
}

.dynamicbtn {
  color: #055dce !important;
  background-color: white !important;
  border: 1px solid #055dce !important;
  font-size: 12px !important;
}

.dynamicbtn:hover {
  background-color: #0092d0 !important;
  color: #0092d0 !important;
  color: white !important;
}

.wc-card button:hover {
  background-color: #000f54;
}

.dynamicbtn:after {
  border: 1px solid #000f54;
}

.wc-input {
  border: 1px solid #e0e0e0 !important;
}



.wc-console {
  background-color: #f2f7f2;
}

.MainInputID {
  color: black;
}

.MainInputID {
  font-size: 13px;
}

.MainInputID {
  font-style: bold;
}


/* Handle */
::-webkit-scrollbar-thumb {
  /* background: #055dce;  */

  /* border-radius: 10px; */
  background: #000f54 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  /* background: #055dce;  */
  background: #000f54 !important;
}

.mat-typography {
  /* border: none !important; */
  /* border: 1px solid #0092d0  !important; */
  /* border-bottom-color: transparent !important; */
  /* border-radius: 15px !important; */

}


/* .carousel-control-next {

  background-color: #000f54 !important;
}

.carousel-control-prev {

  background-color: #000f54 !important;
} */

.otp-input {
  width: 45px !important;
  font-size: 18px;
  height: 45px !important;
}

/* Three dots style */
.dot-typing {
  position: relative;
  left: -9999px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin-left: 25px;
  background-color: #000f54;
  color: #000f54;
  box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  animation: dot-typing 1.5s infinite linear;
}


@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  16.667% {
    box-shadow: 9984px -10px 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  33.333% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  50% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px -10px 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  66.667% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  83.333% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px -10px 0 0 #000f54;
  }

  100% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }
}

.normalmenuclass{
  padding: 0px 10px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  width: 100% !important;
  background: linear-gradient(180deg, #ffffff 0, #ffffff 100%) !important;
}

.menuTextClass {
  padding: 5px 10px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  /* color: transparent !important; */
  width: 100% !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-image: url('../../assets/images/backgrnd3.png'), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-position: right !important;
  background-repeat: no-repeat, no-repeat !important;
}

.menuTextClassmenu {
  padding: 11px 23px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: #fff !important;
  width: 100% !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-image: url('../../assets/images/backgrnd3.png'), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-position: right !important;
  background-repeat: no-repeat, no-repeat !important;
  position: relative;
  left: -29px;
  /* margin-right: 43px !important; */
  width: 107% !important;
  margin-top: -10px !important;
}

.menuTextClass1 {
  padding: 5px 10px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: #fff !important;
  width: 100% !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-image: url('../../assets/images/backgrnd3.png'), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-position: right !important;
  background-repeat: no-repeat, no-repeat !important;
}

.menuTextClassCarousel {
  padding: 5px 10px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  color: #fff !important;
  width: 100% !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-image: url('../../assets/images/backgrnd3.png'), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  background-position: right !important;
  background-repeat: no-repeat, no-repeat !important;
}

.textHeaderClass {
  padding: 5px 10px !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff !important;
  background-image: url(../../assets/images/backgrnd3.png), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
}

.menuTextContent {
  background: white;
  border-radius: 10px 10px 10px 10px !important;
}
.languageColor {
  color: #000f54;
  padding: 3px;
  border-bottom: 1px solid #000f54;
}

.user-message-dots>div {
  display: none;

}

/*
  dl, ol, ul, span:hover{
  background-color: #1380cb;
  border-radius: 10%;
  } */





/* OTP Page Css */

.OtpHeaderClass {
  background: linear-gradient(180deg, #0092d0 0, #4bb4d5 100%);
  height: 45px;
}


/* language selection dropdown css */
.dropbtn:hover {
  background-color: #0092d0 !important;
  color: #0092d0 !important;
  color: white !important;
}

.dropbtn {
  /* color: #055dce;
  background-color: white;
  border: 1px solid #055dce;
  font-size: 12px !important; */
}

.dropbtn:hover {
  background-color: #0092d0 !important;
  color: #0092d0 !important;
  color: white !important;
}

.dropbtn:after {
  border: 1px solid #000f54;
}


/* .tableClass2{
  background: #1380cb;
    color: white;
    opacity: 1;
  } */

.tableClass1 {
  background: white;
  color: black;
}

span#volumup {
  color: white !important;
}

img.bottomimg1[_ngcontent-hmw-c1] {
  background-color: transparent !important;
  margin-right: 4px !important;
}

span.input-group-btn {
  margin-left: -9px !important;
}

.wc-header {
  background: linear-gradient(180deg, #000f54 0, #000f54 100%);
  background-color: #000f54;
}

.wc-message-groups {
  background-color: #e6e6e6;

}

.format-markdown {
  color: #000;
}

.wc-app button {
  border-radius: 20px;
}

.wc-message-from-bot {
  font-size: 12px !important;
  color: #555 !important;
  word-break: break-word;
  word-spacing: .3px;
}

.wc-message-from-bot {
  margin-left: 10px;
  /* border-radius:18px 18px 18px 0px  !important; */

}

.listButton {
  border-radius: 0px !important;
}

.wc-message-content {
  border-radius: 0px !important;
}

.cls-1 {
  fill: #0092d0 !important;
}

.wc-message-content {
  font-size: 14px !important;
  background-color: #0081c2 !important;
  border: lightgray;
  color: white !important;
}

.Footerdiv {
  background: linear-gradient(180deg, #000f54 0, #000f54 100%);
  background-color: #000f54;
}

.wc-message-from-bot {
  /* margin-left: 10px; */
  border-radius: 18px 18px 18px 0px !important;

}


.wc-message-content {
  /* margin-right: 15px; */
  /* border-radius: 10px; */
  /* border-radius: 18px 18px 0px; */
  /* font-size: 14px !important; */
  /* font-weight: 600 !important; */
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 20.4px !important;
  letter-spacing: normal !important;

}

.message-wrap .message.right .msg-detail .msg-content {
  /* background-color: #97144d; */
  float: right;
  margin-right: 36px;
  /* border-bottom-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top-left-radius: 21px; */
  /* border-radius: 10px; */
  border-radius: 18px 18px 0px !important;
  /* border-bottom-right-radius: 0px !important; */
  padding: 10px;


  padding-top: 8px;

  font-family: Graphik;
  /* font-size: 14px; */
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 20.4px;
  letter-spacing: normal;
  word-break: break-word;
}

.Footerdiv {
  bottom: 0px;
  height: 43px;
  /* background-color: #97144d; */
  color: white;
  text-align: center;
  /* border: 1px solid #97144d; */
  border-radius: 0px 0px 10px 10px;
  margin-left: 0px;
}

.Footerdiv1 {
  /* bottom: 35px; */
  /* position: absolute; */
  background-color: #f2f7f2;
  color: white;

}

.MainInputID {
  border-radius: 29px;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 9.5px 5px 5px 5px !important;
  /* background-color: #f8f9fa; */
  width: 72% !important;
  border: none;
  border: 1px solid #000f54 !important;
  margin-top: 5px;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 10px !important;
  margin-top: 9px !important;
  font-size: small !important;
  /* outline: 0 !important; */
  /*color: #888; */
  resize: none !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}

.MainInputID1 {
  border-radius: 29px !important;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 5px 5px 5px 10px !important;
  /* background-color: #f8f9fa; */
  width: 78% !important;
  border: none !important;
  border: 1px solid #00397a !important;
  margin-top: 5px !important;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 7px !important;
  margin-top: 9px !important;
  font-size: small !important;
  outline: none !important;
  /* background-color: #fff !important; */
  font-size: 14px !important;
  color: #555 !important;
  border: #ddd;
  word-break: break-word;
  /* word-spacing: 0.3px; */
  resize: none !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}

/* .wc-message-content {
    font-size: 14px !important;
    background-color: rgb(223, 1, 124);;
    border:lightgray;
    color: white !important;
  } */
/* .Footerdiv {
    background: linear-gradient(
      180deg
      ,#0092d0 0,#0092d0 100%);
    background-color: #0092d0;
  } */

.wc-spa {
  font-style: italic;
}

.idlocation {
  color: White;
}

.idlocation {
  font-style: Normal;
}

.wc-message-content {
  border: #fff;
}

.format-markdown {
  color: #000;
}

.format-markdown {
  font-size: 12px;
}

.wc-message-content {
  font-size: 12px !important;
}

.wc-message-content {
  font-weight: bold !important;
}

.wc-message-from-bot {
  background-color: #fff;
}

.wc-message-from-bot {
  border: #fff;
}

.wc-message-from-bot {
  font-weight: Italic !important;
}

.TimeStampbot {
  color: #888;
  font-size: 10px !important;
}



.TimeStampbot {
  font-weight: 500;
}

.TimeStampbotdiv {
  font-weight: 800;
}

.TimeStampbot {
  font-style: normal !important;
}

.wc-message-from-me {
  background-color: #000f54;
}

.wc-message-from-me {
  border: #000f54;
}

.wc-message-from-me {
  color: #ffff;
}

.format-plain {
  font-size: 14px;
}

.TimeStamp {
  font-size: 11px;
}

.dynamicbtn {
  color: white !important;
  background-color: #0081c2 !important;
  border: 1px solid #0081c2 !important;
  font-size: 12px !important;
}

.dynamicbtn:hover {
  background-color: white !important;
  /* color: #d9e002 !important; */
  color: #0081c2 !important;
  border: 1px solid #0081c2 !important;
}

.wc-card button:hover {
  background-color: #0081c2;
}

.dynamicbtn:after {
  border: 1px solid #0081c2;
}

  /* .wc-input {
    border: 1px solid #4FAF30 !important;
  } */



.wc-console {
  background-color: #f2f7f2;
}

.MainInputID {
  color: black;
}

.MainInputID {
  font-size: 13px;
}

.MainInputID {
  font-style: bold;
}


/* Handle */
::-webkit-scrollbar-thumb {
  /* background: #055dce;  */

  /* border-radius: 10px; */
  background: #000f54 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  /* background: #055dce;  */
  background: #000f54 !important;
}

.mat-typography {
  /* border: none !important; */
  /* border: 1px solid #0092d0  !important; */
  /* border-bottom-color: transparent !important; */
  /* border-radius: 15px !important; */

}

.carousel-control-next {

  /* background-color: #000f54 !important; */
  margin-right: 0px !important;
}

.carousel-control-prev {

  /* background-color: #000f54 !important; */
  margin-left: -8px;
}

.otp-input {
  width: 45px !important;
  font-size: 18px;
  height: 45px !important;
}

/* Three dots style */
.dot-typing {
  position: relative;
  left: -9999px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin-left: 25px;
  background-color: #000f54;
  color: #000f54;
  box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  animation: dot-typing 1.5s infinite linear;
}


@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  16.667% {
    box-shadow: 9984px -10px 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  33.333% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  50% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px -10px 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  66.667% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }

  83.333% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px -10px 0 0 #000f54;
  }

  100% {
    box-shadow: 9984px 0 0 0 #000f54, 9999px 0 0 0 #000f54, 10014px 0 0 0 #000f54;
  }
}


/*   
  .menuTextClass {
    padding: 5px 10px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    color: #fff !important;
    width: 100% !important;
    background: linear-gradient(180deg, #0092d0 0, #4bb4d5 100%) !important;
    background-image: url('../../assets/images/backgrnd3.png'), linear-gradient(180deg, #0092d0 0, #4bb4d5 100%) !important;
    background-position: right !important;
    background-repeat: no-repeat, no-repeat !important;
  } */

.textHeaderClass {
  padding: 5px 10px !important;
  background: linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff !important;
  background-image: url(../../assets/images/backgrnd3.png), linear-gradient(180deg, #000f54 0, #000f54 100%) !important;
}

.menuTextContent {
  background: white;
  border-radius: 10px 10px 10px 10px;
}

.languageColor {
  color: #000f54;
  padding: 3px;
  border-bottom: 1px solid #000f54;
}

.user-message-dots>div {
  display: none;

}

/*
  dl, ol, ul, span:hover{
  background-color: #1380cb;
  border-radius: 10%;
  } */





/* OTP Page Css */

.OtpHeaderClass {
  background: linear-gradient(180deg, #0092d0 0, #4bb4d5 100%);
  height: 45px;
}


/* language selection dropdown css */
.dropbtn:hover {
  background-color: #000f54 !important;
  color: #000f54 !important;
  color: white !important;
}

.dropbtn {
  /* color: #055dce;
  background-color: white;
  border: 1px solid #055dce;
  font-size: 12px !important; */
}

.dropbtn:hover {
  background-color: #000f54 !important;
  color: #000f54 !important;
  color: white !important;
}

.dropbtn:after {
  border: 1px solid #000f54;
}


/* .tableClass2{
  background: #1380cb;
    color: white;
    opacity: 1;
  } */

.tableClass1 {
  background: white;
  color: black;
}

span#volumup {
  color: white !important;
}

img.bottomimg1[_ngcontent-hmw-c1] {
  background-color: transparent !important;
  margin-right: 4px !important;
}

span.input-group-btn {
  margin-left: -9px !important;
  /* background-image: url(./../images/SAIL.png); */
}

img#startRecognizeOnceAsyncButton {
  margin-top: 16px !important;
  width: 7% !important;
  height: 29px !important;
}

.MainInputID1 {
  border-radius: 29px !important;
  /* display: initial; */
  /* overflow: auto; */
  /* overflow-wrap: break-word; */  
  /* word-wrap: break-word; */
  /* word-break: break-all; */
  /* height: 80px !important; */
  /* padding: 12px 64px 0px 15px; */
  padding: 5px 5px 5px 10px !important;
  /* background-color: #f8f9fa; */
  width: 76% !important;
  border: none !important;
  border: 1px solid #00397a !important;
  margin-top: 5px !important;
  font-family: 'Graphik' !important;
  height: 40px !important;
  margin-left: 14px !important;
  margin-top: 9px !important;
  font-size: small !important;
  outline: none !important;
  /* background-color: #fff !important; */
  font-size: 14px !important;
  color: #555 !important;
  border: #ddd;
  word-break: break-word;
  /* word-spacing: 0.3px; */
  resize: none !important;
  vertical-align: middle !important;
  overflow:hidden !important
}


img.bottomimg1 {
  margin-top: 12px !important;
  margin-right: 13px !important;
  height: 34px !important;
  /* border-color: #ddd; */
  /* background-color: #fff !important; */
  font-size: 14px !important;
  color: #555 !important;
  border: #ddd;
  word-break: break-word;
  word-spacing: 0.3px;
}

.audioGifClass {
  margin-right: 10px !important;
  float: right;
  width: 33px;
  margin-top: 14px !important;
  height: 33px;
  position: inherit !important;
}

.message-wrap.message.left.msg-detail.msg-content {
  font-family: Graphik !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 20.4px !important;
  letter-spacing: normal !important;
  white-space: pre-line !important;
}

.wc-message-from-bot {
  font-size: 12px !important;
  color: #555 !important;
  word-break: break-word;
  word-spacing: 0.3px;
  text-align: justify !important;
  /* height: 25vh !important; */
}

.listbtnurlbtn {
  text-align: center !important;
  margin-top: 3px !important;
  position: relative !important;
  bottom: 6px !important;
}



.mat-option-text {
  display: inline-block !important;
  flex-grow: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.mat-option-text:hover {
  background-color: #5897fb !important;
  color: white !important;
}
.mat-option:hover {
  background-color: #5897fb !important;
  color: white !important;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple):hover {
  background-color: #5897fb !important;
}
.matdatepickerfun {
  color: #5897fb !important;
  margin-left: -41px !important;
}
.mat-select-arrow {
  color: #5897fb !important;
}
/* .dummy css{
  background-image: url(../Style1/icon_Color.png);
} */

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color:  #5897fb  !important;
}
.mat-calendar-body-selected {
  background-color: #5897fb !important;
  color: white;
}
.mat-calendar-body-selected {
  background-color: #5897fb !important;
  color: white;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #5897fb !important;
  color: white !important;
}
.mat-calendar-body-selected:hover {
  background-color: white !important;
  color: #5897fb !important;
}
.mat-calendar-body-cell:hover {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: none;
  cursor: pointer;
  /* color: white !important; */
}
.mat-calendar-arrow {
  border-top-color:  #5897fb !important;
}

.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button {
  border-top-color:  #5897fb !important;
  color:#5897fb !important;
}

.mat-select-arrow {
  width: 0;
  /* height: 0; */
  /* border-left: 5px solid transparent; */
  /* border-right: 5px solid transparent; */
  /* border-top: 5px solid; */
  /* margin: 0 4px; */
  /* border: solid #5897fb; */
  /* padding: 3px; */
  /* display: inline-block; */
  border: solid #5897fb !important;
  border-width: 0 3px 3px 0 !important;
  display: inline-block !important;
  padding: 2px !important;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg) !important;
  position: relative !important;
  left: -7px !important;
  top: -4px !important;
}

.wc-input:focus {
  border: 1px solid #5897fb !important;
}

.footersibclass [disabled=disabled]{
  
  pointer-events: none !important;
  opacity: 0.4 !important;

}
.disableDiv{
pointer-events: none !important;
opacity: 0.4 !important;  
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.novalidationError{
  border: 1px solid #0081c2 !important;
 
}

.doticonclass{
  display: none !important;
}
.starfooterrating{
  display: none !important;
}

img.bottomimg {
  background-color: transparent !important;
  margin-top: 18px !important;
  width: 24px !important;
  height: 21px !important;
  margin-left: 8px !important;
  border-radius: 0px !important;
  position: relative;
  z-index: 1;
}

.idlocationsail{
  font-size: 12px !important;
  text-align: center;
  position: relative;
  /* margin-top: auto; */
  /* margin-bottom: auto; */
  /* display: block; */
  top: 4px;
}

.SubTitleh3 {
  position: relative !important;
  right: 0 !important;
}
.inputformapply{
  text-align:left !important;
}
img.picsumimage {
  /* width: 35vh !important; */
  /* left: 11.5%; */
  /* position: relative; */
  height: 30vh !important;
  /* top: 13.5px; */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35vh !important;


}
img.picsumimagestart{
  /* width: 35vh !important; */
  /* left: 11.5%; */
  /* position: relative; */
  height: 20vh !important;
  /* top: 13.5px; */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50vh !important;
}

.imagetopcon{
  top: 13.5px !important;
  position: relative;
}

.listButtonarabic{
  font-family: Graphik;
  cursor: pointer;
  padding: 7px 15px;
  border-radius: 100px;
  margin-right: 10px;
  font-size: 13px;
  box-sizing: border-box;
  outline: 0;
  font-stretch: normal !important;
  line-height: 20.4px !important;
  letter-spacing: normal !important;
  min-height: 33.6px;
  margin-right: 10px;
  margin-top: 8px;
  padding-right: 10px;
  padding-left: 10px;
  cursor: pointer !important;
  text-align: justify !important;
}