html {
  /*overflow-x: hidden;*/
}
body {
  margin: 0px;
}
div,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.MuiToolbar-regular {
  height: 80px;
}
.patterns {
  position: fixed;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.patterns i {
  background-image: url('https://abudhabimoments.ae/static/media/sprite_patterns_home.6981ad33.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.patterns i:before {
  content: '';
  display: block;
}

.patterns i:last-child {
  bottom: 0;
}

.patterns.home i:first-child {
  right: 0;
  width: 8em;
}

.patterns.home i:first-child:before {
  padding-bottom: 119%;
}

.patterns.home i:last-child {
  font-size: 1.2em;
  left: 0;
  background-position: right 21.1%;
  width: 7em;
}

.patterns.home i:last-child:before {
  padding-bottom: 115%;
}

.pintrest {
  width: 40px;
  height: 41px;
  background: url(https://i.pinimg.com/originals/ae/3b/79/ae3b799a51823cf601f5c8303179aaf5.png)
    50px 44px;
  background-size: 135px;
}

.instagram {
  width: 30px;
  height: 30px;
  background: url(https://i.pinimg.com/originals/ae/3b/79/ae3b799a51823cf601f5c8303179aaf5.png)
    65px 0px;
  background-size: 100px;
}
.youtube {
  width: 30px;
  height: 30px;
  background: url(https://i.pinimg.com/originals/ae/3b/79/ae3b799a51823cf601f5c8303179aaf5.png)
    36px 0px;
  background-size: 100px;
}
.twitter {
  width: 36px;
  height: 30px;
  background: url(https://i.pinimg.com/originals/ae/3b/79/ae3b799a51823cf601f5c8303179aaf5.png)
    0px 66px;
  background-size: 100px;
}
.facebook {
  width: 36px;
  height: 30px;
  background: url(https://i.pinimg.com/originals/ae/3b/79/ae3b799a51823cf601f5c8303179aaf5.png)
    0px 0px;
  background-size: 100px;
}

.social-btn {
  cursor: pointer;
}

.homePage {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.homePage h1 {
  font-size: 4.5em;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  padding: 0.2em 0;
  margin: 0;
}

.homePage h1 strong {
  display: block;
  font-size: 1.08em;
}

.homePage h1:after,
.homePage h1:before {
  content: '';
  width: 0.75em;
  height: 0.08em;
  background-color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.homePage h1:before {
  top: 0;
}

.homePage h1:after {
  bottom: 0;
}

.homePage h2 {
  font-size: 2em;
  font-weight: 400;
  margin: 0.5em 0;
}

.homePage p {
  font-size: 1.3em;
  margin: 0 0 1.2em;
}

.homePage .btnExplore {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 1em;
  font-size: 1em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.socialTip {
  font-size: 0.8em;
  background: #eee;
  border-radius: 2em;
  position: absolute;
  padding: 0.5em 0.8em;
  -webkit-transform: translate(-1em, -7em);
  transform: translate(-1em, -7em);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 9;
}
html[dir='rtl'] .socialTip {
  -webkit-transform: translate(1em, -7em);
  transform: translate(1em, -7em);
}

.socialTip:before {
  content: '';
  position: absolute;
  left: 1.5em;
  top: 98%;
  width: 0;
  height: 0;
  border-color: #eee transparent transparent;
  border-style: solid;
  border-width: 0.6em 0.6em 0;
}

html[dir='rtl'] .socialTip:before {
  left: auto;
  right: 1.5em;
}

.socialTip.active {
  opacity: 1;
  pointer-events: auto;
}

.socialTip a {
  font-size: inherit;
  padding: 0;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  overflow: hidden;
  margin: 0 0.3em;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .socialTip,
  html[dir='rtl'] .socialTip {
    -webkit-transform: translateY(-7em);
    transform: translateY(-7em);
  }
}

.sprite-icons {
  background: url(data:image/png;base64,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);
  background-size: 100%;
}

.sprite-icons:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.sprite-icons.twitter {
  background-position: 0 25%;
}

.sprite-icons.whatsapp {
  background-position: 0 50%;
}

.sprite-icons.messenger {
  background-position: 0 75%;
}

.sprite-icons.instagram {
  background-position: 0 100%;
}

.grow {
  transition: all 0.2s ease-in-out;
}
.grow:hover {
  transform: scale(1.1);
}

.subtitle {
  color: gray;
  margin-top: 15px;
  margin-left: 10px;
}

.moment {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.shadow {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.tasks-panel .MuiExpansionPanelSummary-content {
  margin: 0px !important;
}

.vertical-center-div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100vw;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
  white-space: pre-line;
}

form#smileys input[type='radio'] {
  -webkit-appearance: none;
  width: 90px;
  height: 90px;
  border: none;
  cursor: pointer;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 0 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
form#smileys input[type='radio']:hover,
form#smileys input[type='radio']:checked {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
form#smileys input[type='radio']:focus {
  outline: 0;
}
form#smileys input[type='radio'].happy {
  background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/happy_ampvnc.svg')
    center;
  background-size: cover;
}
form#smileys input[type='radio'].neutral {
  background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/neutral_t3q8hz.svg')
    center;
  background-size: cover;
}
form#smileys input[type='radio'].sad {
  background: url('https://res.cloudinary.com/turdlife/image/upload/v1492864443/sad_bj1tuj.svg')
    center;
  background-size: cover;
}

.rating-img {
  filter: grayscale(100%);
}
.rating-img:hover {
  filter: grayscale(0%);
}
.mtt {
  position: fixed;
  bottom: 10px;
  right: 20px;
  color: #999;
  text-decoration: none;
}
.mtt span {
  color: #e74c3c;
}
.mtt:hover {
  color: #666;
}
.mtt:hover span {
  color: #c0392b;
}

/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */
/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
  content: '';
  height: 100px;
  position: absolute;
  background: #ffffff;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4caf50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-check-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #ffffff;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.MuiPaper-elevation1 {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05) !important;
}

@media (min-width: 600px) {
  .MuiToolbar-regular {
    min-height: 56px !important;
  }
}

.MuiBottomNavigation-root {
  /*margin-bottom: constant(safe-area-inset-bottom); !* iOS 11.0 *!*/
  /*margin-bottom: env(safe-area-inset-bottom); !* iOS 11.2 *!*/
  height: calc(56px + constant(safe-area-inset-bottom)) !important;
  height: calc(56px + env(safe-area-inset-bottom)) !important;
  position: fixed !important;
  bottom: 0 !important;
}

body {
  margin: 0;
  font-size: 18.75px;
}
.pulse {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
}
.pulse:hover {
  animation: none;
}
.pulse.connected {
  background: #96cd79;
  box-shadow: 0 0 0 #96cd79;
  animation: connected-pulse 2s infinite;
}

.pulse.disconnected {
  background: orange;
  animation: disconnected-pulse 2s infinite;
}

@-webkit-keyframes connected-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 white;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px white;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 white;
  }
}
@keyframes connected-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #96cd79;
    box-shadow: 0 0 0 0 #96cd79;
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@-webkit-keyframes disconnected-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 orange;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px orange;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 orange;
  }
}
@keyframes disconnected-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 orange;
    box-shadow: 0 0 0 0 orange;
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

.sound-wave {
  width: 100%;
  border-radius: 5px;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.ellipsis-rtl {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  text-align: left;
  width: 100%;
}

/* remove the yellow focus rings */
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}

.logs-scroll-top .MuiFab-primary {
  background-color: #ffffffa6 !important;
  color: black !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
}

.action-container {
  width: 100%;
  border-radius: 10px;
}

.fullScreenMobile .MuiPaper-root {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100% !important;
  max-height: none;
  border-radius: 0;
  overflow-x: hidden;
}

@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */

  .fullScreenMobile .MuiPaper-root {
    width: calc(100% - 64px);
    height: auto !important;
    border-radius: 10px;
  }
}