.wdd {
  background-color: #1D6E8D !important;
}

.wdd-const {
  background-color: #1D6E8D !important;
}

.wdd-text {
  color: #1D6E8D !important;
}

.wdd-text-const {
  color: #1D6E8D !important;
}

.wdd.blue-1 {
  background-color: #1C78D5 !important;
}

.wdd-const.blue-1 {
  background-color: #1C78D5 !important;
}

.wdd-text.text-blue-1 {
  color: #1C78D5 !important;
}

.wdd-text-const.text-blue-1 {
  color: #1C78D5 !important;
}

.wdd.blue-2 {
  background-color: #4BF3FF !important;
}

.wdd-const.blue-2 {
  background-color: #4BF3FF !important;
}

.wdd-text.text-blue-2 {
  color: #4BF3FF !important;
}

.wdd-text-const.text-blue-2 {
  color: #4BF3FF !important;
}

.wdd.blue-3 {
  background-color: #1D6E8D !important;
}

.wdd-const.blue-3 {
  background-color: #1D6E8D !important;
}

.wdd-text.text-blue-3 {
  color: #1D6E8D !important;
}

.wdd-text-const.text-blue-3 {
  color: #1D6E8D !important;
}

.wdd.blue-4 {
  background-color: #1D6E8D !important;
}

.wdd-const.blue-4 {
  background-color: #1D6E8D !important;
}

.wdd-text.text-blue-4 {
  color: #1D6E8D !important;
}

.wdd-text-const.text-blue-4 {
  color: #1D6E8D !important;
}

.wdd.blue-5 {
  background-color: #D1E4F7 !important;
}

.wdd-const.blue-5 {
  background-color: #D1E4F7 !important;
}

.wdd-text.text-blue-5 {
  color: #D1E4F7 !important;
}

.wdd-text-const.text-blue-5 {
  color: #D1E4F7 !important;
}

.wdd.blue-6 {
  background-color: #CCEDED !important;
}

.wdd-const.blue-6 {
  background-color: #CCEDED !important;
}

.wdd-text.text-blue-6 {
  color: #CCEDED !important;
}

.wdd-text-const.text-blue-6 {
  color: #CCEDED !important;
}

.wdd.blue-7 {
  background-color: #A4D2E4 !important;
}

.wdd-const.blue-7 {
  background-color: #A4D2E4 !important;
}

.wdd-text.text-blue-7 {
  color: #A4D2E4 !important;
}

.wdd-text-const.text-blue-7 {
  color: #A4D2E4 !important;
}

.wdd.blue-8 {
  background-color: rgba(29, 110, 141, 0.3725490196) !important;
}

.wdd-const.blue-8 {
  background-color: rgba(29, 110, 141, 0.3725490196) !important;
}

.wdd-text.text-blue-8 {
  color: rgba(29, 110, 141, 0.3725490196) !important;
}

.wdd-text-const.text-blue-8 {
  color: rgba(29, 110, 141, 0.3725490196) !important;
}

.wdd.red-1 {
  background-color: #E41616 !important;
}

.wdd-const.red-1 {
  background-color: #E41616 !important;
}

.wdd-text.text-red-1 {
  color: #E41616 !important;
}

.wdd-text-const.text-red-1 {
  color: #E41616 !important;
}

.wdd.red-2 {
  background-color: #A82D2D !important;
}

.wdd-const.red-2 {
  background-color: #A82D2D !important;
}

.wdd-text.text-red-2 {
  color: #A82D2D !important;
}

.wdd-text-const.text-red-2 {
  color: #A82D2D !important;
}

.wdd.red-3 {
  background-color: #DCABAB !important;
}

.wdd-const.red-3 {
  background-color: #DCABAB !important;
}

.wdd-text.text-red-3 {
  color: #DCABAB !important;
}

.wdd-text-const.text-red-3 {
  color: #DCABAB !important;
}

.wdd.orange-1 {
  background-color: #FF8800 !important;
}

.wdd-const.orange-1 {
  background-color: #FF8800 !important;
}

.wdd-text.text-orange-1 {
  color: #FF8800 !important;
}

.wdd-text-const.text-orange-1 {
  color: #FF8800 !important;
}

.wdd.orange-2 {
  background-color: #F8BF7F !important;
}

.wdd-const.orange-2 {
  background-color: #F8BF7F !important;
}

.wdd-text.text-orange-2 {
  color: #F8BF7F !important;
}

.wdd-text-const.text-orange-2 {
  color: #F8BF7F !important;
}

.wdd.yellow-1 {
  background-color: #F4FA58 !important;
}

.wdd-const.yellow-1 {
  background-color: #F4FA58 !important;
}

.wdd-text.text-yellow-1 {
  color: #F4FA58 !important;
}

.wdd-text-const.text-yellow-1 {
  color: #F4FA58 !important;
}

.wdd.green-1 {
  background-color: #BCDC4F !important;
}

.wdd-const.green-1 {
  background-color: #BCDC4F !important;
}

.wdd-text.text-green-1 {
  color: #BCDC4F !important;
}

.wdd-text-const.text-green-1 {
  color: #BCDC4F !important;
}

.wdd.green-2 {
  background-color: #00A5A5 !important;
}

.wdd-const.green-2 {
  background-color: #00A5A5 !important;
}

.wdd-text.text-green-2 {
  color: #00A5A5 !important;
}

.wdd-text-const.text-green-2 {
  color: #00A5A5 !important;
}

.wdd.green-3 {
  background-color: #0F803B !important;
}

.wdd-const.green-3 {
  background-color: #0F803B !important;
}

.wdd-text.text-green-3 {
  color: #0F803B !important;
}

.wdd-text-const.text-green-3 {
  color: #0F803B !important;
}

.wdd.green-4 {
  background-color: #CFE6D8 !important;
}

.wdd-const.green-4 {
  background-color: #CFE6D8 !important;
}

.wdd-text.text-green-4 {
  color: #CFE6D8 !important;
}

.wdd-text-const.text-green-4 {
  color: #CFE6D8 !important;
}

.wdd.green-5 {
  background-color: #EBF5CA !important;
}

.wdd-const.green-5 {
  background-color: #EBF5CA !important;
}

.wdd-text.text-green-5 {
  color: #EBF5CA !important;
}

.wdd-text-const.text-green-5 {
  color: #EBF5CA !important;
}

.wdd.purple-1 {
  background-color: #880097 !important;
}

.wdd-const.purple-1 {
  background-color: #880097 !important;
}

.wdd-text.text-purple-1 {
  color: #880097 !important;
}

.wdd-text-const.text-purple-1 {
  color: #880097 !important;
}

.wdd.purple-2 {
  background-color: #FDE6FF !important;
}

.wdd-const.purple-2 {
  background-color: #FDE6FF !important;
}

.wdd-text.text-purple-2 {
  color: #FDE6FF !important;
}

.wdd-text-const.text-purple-2 {
  color: #FDE6FF !important;
}

.wdd.purple-3 {
  background-color: #F6F2FF !important;
}

.wdd-const.purple-3 {
  background-color: #F6F2FF !important;
}

.wdd-text.text-purple-3 {
  color: #F6F2FF !important;
}

.wdd-text-const.text-purple-3 {
  color: #F6F2FF !important;
}

.wdd.black {
  background-color: #000000 !important;
}

.wdd-const.black {
  background-color: #000000 !important;
}

.wdd-text.text-black {
  color: #000000 !important;
}

.wdd-text-const.text-black {
  color: #000000 !important;
}

.wdd.black-1 {
  background-color: #000000 !important;
}

.wdd-const.black-1 {
  background-color: #000000 !important;
}

.wdd-text.text-black-1 {
  color: #000000 !important;
}

.wdd-text-const.text-black-1 {
  color: #000000 !important;
}

.wdd.black-2 {
  background-color: #000000 !important;
}

.wdd-const.black-2 {
  background-color: #000000 !important;
}

.wdd-text.text-black-2 {
  color: #000000 !important;
}

.wdd-text-const.text-black-2 {
  color: #000000 !important;
}

.wdd.white {
  background-color: #FFFFFF !important;
}

.wdd-const.white {
  background-color: #FFFFFF !important;
}

.wdd-text.text-white {
  color: #FFFFFF !important;
}

.wdd-text-const.text-white {
  color: #FFFFFF !important;
}

.wdd.white-1 {
  background-color: #FFFFFF !important;
}

.wdd-const.white-1 {
  background-color: #FFFFFF !important;
}

.wdd-text.text-white-1 {
  color: #FFFFFF !important;
}

.wdd-text-const.text-white-1 {
  color: #FFFFFF !important;
}

.wdd.white-2 {
  background-color: #FFFFFF !important;
}

.wdd-const.white-2 {
  background-color: #FFFFFF !important;
}

.wdd-text.text-white-2 {
  color: #FFFFFF !important;
}

.wdd-text-const.text-white-2 {
  color: #FFFFFF !important;
}

.wdd.white-const {
  background-color: #FFFFFF !important;
}

.wdd-const.white-const {
  background-color: #FFFFFF !important;
}

.wdd-text.text-white-const {
  color: #FFFFFF !important;
}

.wdd-text-const.text-white-const {
  color: #FFFFFF !important;
}

.wdd.grey-1 {
  background-color: #CCC !important;
}

.wdd-const.grey-1 {
  background-color: #CCC !important;
}

.wdd-text.text-grey-1 {
  color: #CCC !important;
}

.wdd-text-const.text-grey-1 {
  color: #CCC !important;
}

.wdd.grey-2 {
  background-color: #EEE !important;
}

.wdd-const.grey-2 {
  background-color: #EEE !important;
}

.wdd-text.text-grey-2 {
  color: #EEE !important;
}

.wdd-text-const.text-grey-2 {
  color: #EEE !important;
}

.wdd.grey-3 {
  background-color: #707070 !important;
}

.wdd-const.grey-3 {
  background-color: #707070 !important;
}

.wdd-text.text-grey-3 {
  color: #707070 !important;
}

.wdd-text-const.text-grey-3 {
  color: #707070 !important;
}

.wdd.grey-4 {
  background-color: #F2F2F2 !important;
}

.wdd-const.grey-4 {
  background-color: #F2F2F2 !important;
}

.wdd-text.text-grey-4 {
  color: #F2F2F2 !important;
}

.wdd-text-const.text-grey-4 {
  color: #F2F2F2 !important;
}

.wdd.grey-5 {
  background-color: #888888 !important;
}

.wdd-const.grey-5 {
  background-color: #888888 !important;
}

.wdd-text.text-grey-5 {
  color: #888888 !important;
}

.wdd-text-const.text-grey-5 {
  color: #888888 !important;
}

.wdd.grey-6 {
  background-color: #DDD !important;
}

.wdd-const.grey-6 {
  background-color: #DDD !important;
}

.wdd-text.text-grey-6 {
  color: #DDD !important;
}

.wdd-text-const.text-grey-6 {
  color: #DDD !important;
}

.wdd.grey-7 {
  background-color: #484F51 !important;
}

.wdd-const.grey-7 {
  background-color: #484F51 !important;
}

.wdd-text.text-grey-7 {
  color: #484F51 !important;
}

.wdd-text-const.text-grey-7 {
  color: #484F51 !important;
}

.wdd.grey-8 {
  background-color: #CCC !important;
}

.wdd-const.grey-8 {
  background-color: #CCC !important;
}

.wdd-text.text-grey-8 {
  color: #CCC !important;
}

.wdd-text-const.text-grey-8 {
  color: #CCC !important;
}

.dark-mode .wdd {
  background-color: #1D6E8D !important;
}

.dark-mode .wdd-text {
  color: #1D6E8D !important;
}

.dark-mode .wdd.blue-1 {
  background-color: #1C78D5 !important;
}

.dark-mode .wdd-text.text-blue-1 {
  color: #1C78D5 !important;
}

.dark-mode .wdd.blue-2 {
  background-color: #4BF3FF !important;
}

.dark-mode .wdd-text.text-blue-2 {
  color: #4BF3FF !important;
}

.dark-mode .wdd.blue-3 {
  background-color: #FFFFFF !important;
}

.dark-mode .wdd-text.text-blue-3 {
  color: #FFFFFF !important;
}

.dark-mode .wdd.blue-4 {
  background-color: #FFF !important;
}

.dark-mode .wdd-text.text-blue-4 {
  color: #FFF !important;
}

.dark-mode .wdd.blue-5 {
  background-color: #D1E4F7 !important;
}

.dark-mode .wdd-text.text-blue-5 {
  color: #D1E4F7 !important;
}

.dark-mode .wdd.blue-6 {
  background-color: #CCEDED !important;
}

.dark-mode .wdd-text.text-blue-6 {
  color: #CCEDED !important;
}

.dark-mode .wdd.blue-7 {
  background-color: #A4D2E4 !important;
}

.dark-mode .wdd-text.text-blue-7 {
  color: #A4D2E4 !important;
}

.dark-mode .wdd.blue-8 {
  background-color: rgba(29, 110, 141, 0.3725490196) !important;
}

.dark-mode .wdd-text.text-blue-8 {
  color: rgba(29, 110, 141, 0.3725490196) !important;
}

.dark-mode .wdd.red-1 {
  background-color: #A82D2D !important;
}

.dark-mode .wdd-text.text-red-1 {
  color: #A82D2D !important;
}

.dark-mode .wdd.red-2 {
  background-color: #A82D2D !important;
}

.dark-mode .wdd-text.text-red-2 {
  color: #A82D2D !important;
}

.dark-mode .wdd.orange-1 {
  background-color: #FF8800 !important;
}

.dark-mode .wdd-text.text-orange-1 {
  color: #FF8800 !important;
}

.dark-mode .wdd.orange-2 {
  background-color: #F8BF7F !important;
}

.dark-mode .wdd-text.text-orange-2 {
  color: #F8BF7F !important;
}

.dark-mode .wdd.yellow-1 {
  background-color: #F4FA58 !important;
}

.dark-mode .wdd-text.text-yellow-1 {
  color: #F4FA58 !important;
}

.dark-mode .wdd.green-1 {
  background-color: #BCDC4F !important;
}

.dark-mode .wdd-text.text-green-1 {
  color: #BCDC4F !important;
}

.dark-mode .wdd.green-2 {
  background-color: #00A5A5 !important;
}

.dark-mode .wdd-text.text-green-2 {
  color: #00A5A5 !important;
}

.dark-mode .wdd.green-3 {
  background-color: #0F803B !important;
}

.dark-mode .wdd-text.text-green-3 {
  color: #0F803B !important;
}

.dark-mode .wdd.green-4 {
  background-color: #303030 !important;
}

.dark-mode .wdd-text.text-green-4 {
  color: #303030 !important;
}

.dark-mode .wdd.green-5 {
  background-color: #EBF5CA !important;
}

.dark-mode .wdd-text.text-green-5 {
  color: #EBF5CA !important;
}

.dark-mode .wdd.purple-1 {
  background-color: #880097 !important;
}

.dark-mode .wdd-text.text-purple-1 {
  color: #880097 !important;
}

.dark-mode .wdd.purple-2 {
  background-color: #FDE6FF !important;
}

.dark-mode .wdd-text.text-purple-2 {
  color: #FDE6FF !important;
}

.dark-mode .wdd.purple-3 {
  background-color: #F6F2FF !important;
}

.dark-mode .wdd-text.text-purple-3 {
  color: #F6F2FF !important;
}

.dark-mode .wdd.black {
  background-color: #000000 !important;
}

.dark-mode .wdd-text.text-black {
  color: #000000 !important;
}

.dark-mode .wdd.black-1 {
  background-color: #FFFFFF !important;
}

.dark-mode .wdd-text.text-black-1 {
  color: #FFFFFF !important;
}

.dark-mode .wdd.black-2 {
  background-color: #B1B1B1 !important;
}

.dark-mode .wdd-text.text-black-2 {
  color: #B1B1B1 !important;
}

.dark-mode .wdd.white {
  background-color: #303030 !important;
}

.dark-mode .wdd-text.text-white {
  color: #303030 !important;
}

.dark-mode .wdd.white-1 {
  background-color: #4E4E4E !important;
}

.dark-mode .wdd-text.text-white-1 {
  color: #4E4E4E !important;
}

.dark-mode .wdd.white-2 {
  background-color: #545454 !important;
}

.dark-mode .wdd-text.text-white-2 {
  color: #545454 !important;
}

.dark-mode .wdd.white-const {
  background-color: #FFFFFF !important;
}

.dark-mode .wdd-text.text-white-const {
  color: #FFFFFF !important;
}

.dark-mode .wdd.grey-1 {
  background-color: #CCC !important;
}

.dark-mode .wdd-text.text-grey-1 {
  color: #CCC !important;
}

.dark-mode .wdd.grey-2 {
  background-color: #EEE !important;
}

.dark-mode .wdd-text.text-grey-2 {
  color: #EEE !important;
}

.dark-mode .wdd.grey-3 {
  background-color: #707070 !important;
}

.dark-mode .wdd-text.text-grey-3 {
  color: #707070 !important;
}

.dark-mode .wdd.grey-4 {
  background-color: #303030 !important;
}

.dark-mode .wdd-text.text-grey-4 {
  color: #303030 !important;
}

.dark-mode .wdd.grey-5 {
  background-color: #888888 !important;
}

.dark-mode .wdd-text.text-grey-5 {
  color: #888888 !important;
}

.dark-mode .wdd.grey-6 {
  background-color: #DDD !important;
}

.dark-mode .wdd-text.text-grey-6 {
  color: #DDD !important;
}

.dark-mode .wdd.grey-7 {
  background-color: #484F51 !important;
}

.dark-mode .wdd-text.text-grey-7 {
  color: #484F51 !important;
}

.dark-mode .wdd.grey-8 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.dark-mode .wdd-text.text-grey-8 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.transparent-1 {
  opacity: 0.5;
}

.ctmc-pulse,
.dmb-pulse {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  border-radius: 10px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #E41616;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #E41616;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.temporaly-invisible {
  display: none !important;
}

.index-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.index-logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-logo-text {
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: 10px;
}

.index-header {
  text-align: center;
  font-size: 2.5em;
}

.index-form-container {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.index-input-field {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  overflow: hidden;
  margin: 15px 0;
}

.index-input-field input {
  margin-bottom: 0 !important;
}

.index-input-field .index-icon {
  padding: 0 10px;
}

.index-input-field div i {
  line-height: 40px;
}

.index-form-container input {
  height: 100% !important;
}

.index-log-in-button {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  line-height: 40px;
  font-weight: bold;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
  font-size: 18px;
}