/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/vuexp/src/layouts/StackLayout.vue?vue&type=style&index=0&id=5629640e&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vxp-stack-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vxp-stack-layout--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.vxp-stack-layout > [verticalAlignment=top] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.vxp-stack-layout > [verticalAlignment=center] {
  -ms-flex-item-align: center;
      align-self: center;
}
.vxp-stack-layout > [verticalAlignment=bottom] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.vxp-stack-layout > [verticalAlignment=stretch] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.vxp-stack-layout > [horizontalAlignment=left] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.vxp-stack-layout > [horizontalAlignment=center] {
  -ms-flex-item-align: center;
      align-self: center;
}
.vxp-stack-layout > [horizontalAlignment=right] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.vxp-stack-layout > [horizontalAlignment=stretch] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/variables.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
:export {
  colorBlack: #000000;
  colorPrimary: #3e46ae;
  colorPrimary25: rgba(62, 70, 174, 0.25);
  colorGrey75: rgba(144, 160, 175, 0.75);
  colorGrey50: rgba(144, 160, 175, 0.5);
  colorGrey15: rgba(144, 160, 175, 0.15);
  colorWhite: #ffffff;
  colorWhite75: rgba(255, 255, 255, 0.75);
  colorGrey: #90a0af;
  colorSec1: #3e46ae;
  colorSec2: #fe5c15;
  colorSec3: #50c1d6;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/core/SecurityCarousel.vue?vue&type=style&index=0&id=4b798951&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel-indicators li[data-v-4b798951] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(144, 160, 175, 0.5);
}
.carousel-indicators li.active[data-v-4b798951] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1c1e21;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/SecurityDeviceTile.vue?vue&type=style&index=0&id=7de0da1d&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-7de0da1d] {
  width: auto;
  height: auto;
}
.title[data-v-7de0da1d] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-7de0da1d] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.button[data-v-7de0da1d] {
  background-color: #f47b27;
  border-radius: 16px;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.btn[data-v-7de0da1d]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.container[data-v-7de0da1d] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "tl tc tr" "cl cc cr" "bl bc br";
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Doorlock.vue?vue&type=style&index=0&id=e0fa4d9c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-e0fa4d9c] {
  width: auto;
  height: auto;
}
.title[data-v-e0fa4d9c] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-e0fa4d9c] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/widgets/Battery.vue?vue&type=style&index=0&id=60a8c62d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.battery[data-v-60a8c62d] {
  background: transparent;
  position: relative;
}
.battery-container[data-v-60a8c62d] {
  height: 100%;
  position: relative;
}
.battery-bumper[data-v-60a8c62d] {
  position: absolute;
  right: 11%;
  width: 3px;
  -ms-flex-item-align: center;
      align-self: center;
  height: 5px;
  background: white;
  border-radius: 0px 50px 50px 0px;
}
.battery .progress .progress-bar[data-v-60a8c62d] {
  font-size: 10px;
  color: #000;
}
.battery-progress[data-v-60a8c62d] {
  grid-column: 1;
  grid-row: 1;
  margin-right: 3px;
  border: 2px solid rgba(144, 160, 175, 0.25);
  border-radius: 2px;
  background: transparent;
  border-color: white;
  width: 70%;
}
.battery-level-text[data-v-60a8c62d] {
  font-family: "EzloSans-SemiBold";
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 8px;
  color: #fff;
  letter-spacing: 1px;
  position: absolute;
  left: -1px;
}
.battery-icon[data-v-60a8c62d] {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Sensor.vue?vue&type=style&index=0&id=2d1f625a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-2d1f625a] {
  width: auto;
  height: auto;
}
.title[data-v-2d1f625a] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-2d1f625a] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/SwitchTile.vue?vue&type=style&index=0&id=ab9a9aca&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-ab9a9aca] {
  width: auto;
  height: auto;
}
.title[data-v-ab9a9aca] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-ab9a9aca] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/LevelSensor.vue?vue&type=style&index=0&id=f08de1d6&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-f08de1d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.title[data-v-f08de1d6] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-f08de1d6] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.title_style[data-v-f08de1d6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #697580;
}
.value_container[data-v-f08de1d6] {
  text-align: center;
}
.slider-container[data-v-f08de1d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%; /* Adjust based on container size */
}
.custom-range[data-v-f08de1d6]::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, green), color-stop(20%, palegreen), color-stop(30%, yellow), color-stop(40%, orange), color-stop(45%, red), color-stop(60%, purple), to(brown));
  background: linear-gradient(90deg, green 10%, palegreen 20%, yellow 30%, orange 40%, red 45%, purple 60%, brown 100%);
}
.custom-range[data-v-f08de1d6]::-moz-range-track {
  background: linear-gradient(90deg, green 10%, palegreen 20%, yellow 30%, orange 40%, red 45%, purple 60%, brown 100%);
}
.custom-range[data-v-f08de1d6]::-ms-track {
  background: linear-gradient(90deg, green 10%, palegreen 20%, yellow 30%, orange 40%, red 45%, purple 60%, brown 100%);
}
.custom-range[data-v-f08de1d6]::-webkit-slider-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
.custom-range[data-v-f08de1d6]::-moz-range-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
.custom-range[data-v-f08de1d6]::-ms-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
.custom-range[data-v-f08de1d6] {
  width: 100%;
}
.range-labels[data-v-f08de1d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 12px 0px 0px 0px;
  position: absolute;
}
.range-labels span[data-v-f08de1d6] {
  font-size: 10px; /* Adjust the font size as needed */
  color: #555; /* Adjust the color as needed */
}
.custom-range-co2[data-v-f08de1d6]::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, green), color-stop(50%, yellow), color-stop(65%, orange), to(red));
  background: linear-gradient(90deg, green 30%, yellow 50%, orange 65%, red 100%);
}
.custom-range-co2[data-v-f08de1d6]::-moz-range-track {
  background: linear-gradient(90deg, green 30%, yellow 50%, orange 65%, red 100%);
}
.custom-range-co2[data-v-f08de1d6]::-ms-track {
  background: linear-gradient(90deg, green 30%, yellow 50%, orange 65%, red 100%);
}
.custom-range-co2[data-v-f08de1d6]::-webkit-slider-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
.custom-range-co2[data-v-f08de1d6]::-moz-range-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
.custom-range-co2[data-v-f08de1d6]::-ms-thumb {
  background-image: url(/img/ic_slider_arrow.482dd923.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/core/MenuButton.vue?vue&type=style&index=0&id=8ded3f7c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-8ded3f7c] {
  width: auto;
  height: auto;
}
.title[data-v-8ded3f7c] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-8ded3f7c] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.opacity-100[data-v-8ded3f7c] {
  opacity: 1;
}
.opacity-50[data-v-8ded3f7c] {
  opacity: 0.5;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/SensorMobile.vue?vue&type=style&index=0&id=381a4255&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-381a4255] {
  width: auto;
  height: auto;
}
.title[data-v-381a4255] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-381a4255] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.button[data-v-381a4255] {
  background-color: #f47b27;
  border-radius: 16px;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.btn[data-v-381a4255]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.container[data-v-381a4255] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "tl tc tr" "cl cc cr" "bl bc br";
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Thermostat.vue?vue&type=style&index=0&id=aa70bf20&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-aa70bf20]:export {
  colorBlack: #000000;
  colorPrimary: #3e46ae;
  colorPrimary25: rgba(62, 70, 174, 0.25);
  colorGrey75: rgba(144, 160, 175, 0.75);
  colorGrey50: rgba(144, 160, 175, 0.5);
  colorGrey15: rgba(144, 160, 175, 0.15);
  colorWhite: #ffffff;
  colorWhite75: rgba(255, 255, 255, 0.75);
  colorGrey: #90a0af;
  colorSec1: #3e46ae;
  colorSec2: #fe5c15;
  colorSec3: #50c1d6;
}
.thermostat[data-v-aa70bf20] {
  width: auto;
  height: auto;
}
.dropdown-fan[data-v-aa70bf20] {
  height: 54px;
}
.dropdown-fan__contents[data-v-aa70bf20] {
  overflow-y: auto;
  max-height: 200px;
}
.dropdown__contents[data-v-aa70bf20] {
  overflow-y: auto;
  max-height: 200px;
}
border-grey[data-v-aa70bf20] {
  border: rgba(144, 160, 175, 0.25) solid 1px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Lightning.vue?vue&type=style&index=0&id=16e9417e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-picker[data-v-16e9417e] {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(244, 244, 244)));
  background: linear-gradient(rgb(244, 244, 244) rgba(225, 233, 242, 0.58));
  border-radius: 50%;
}
.header[data-v-16e9417e] {
  width: auto;
  height: auto;
}
.title[data-v-16e9417e] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-16e9417e] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.IroWheel[data-v-16e9417e] {
  border: 10px solid rgb(244, 244, 244);
  border-radius: 50%;
}
.virtual-tile-container[data-v-16e9417e] {
  height: auto;
  min-height: 140px;
  border: 1px solid rgba(144, 160, 175, 0.25);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.47);
}
.value-container[data-v-16e9417e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Modal and control styling */
.dialog-container[data-v-16e9417e] {
  border-radius: 16px !important;
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2509803922);
  width: 436px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding-bottom: 24px;
}
.dialog-container-header[data-v-16e9417e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.dialog-container-heading[data-v-16e9417e] {
  padding: 0px 24px 0px 24px;
  opacity: 0px;
}
.dialog-container-slider-brightness[data-v-16e9417e] {
  padding: 0px 24px 0px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.display-4[data-v-16e9417e] {
  font-size: 60px;
}
.rgbPicker[data-v-16e9417e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 281px;
}
.modal-footer[data-v-16e9417e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-form-range[data-v-16e9417e] {
  background-color: lightgray !important;
}
.switch-container[data-v-16e9417e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  height: 56px;
}
.switch-label[data-v-16e9417e] {
  margin-top: 2px;
}
.custom-switch[data-v-16e9417e] {
  width: 66px;
  height: 40px;
  margin-bottom: 4px;
}
[data-v-16e9417e] .custom-switch .custom-control-input:not(:checked) ~ .custom-control-label::before {
  background-color: #c7cfd7 !important; /* Off state background */
  border-color: transparent;
}
[data-v-16e9417e] .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3e46ae !important; /* On state background */
  border-color: transparent;
}
[data-v-16e9417e] .custom-switch .custom-control-label::before {
  height: 40px; /* Slightly smaller height */
  width: 66px; /* Slightly smaller width */
  border-radius: 24px; /* Make the switch more oval */
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
[data-v-16e9417e] .custom-switch .custom-control-label::after {
  background-color: #ffffff !important; /* White toggle circle */
  height: 32px; /* Adjust circle size */
  width: 32px;
  border-radius: 100px; /* Make the switch more oval */
  -webkit-transform: translateX(4px);
          transform: translateX(4px); /* Initial position when off */
  margin-top: 2px;
}
[data-v-16e9417e] .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: translateX(28px);
          transform: translateX(28px); /* Move fully to the right when on */
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Temperature.vue?vue&type=style&index=0&id=57a8312b&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-57a8312b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-57a8312b] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-57a8312b] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-57a8312b] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-57a8312b] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.temp-unit[data-v-57a8312b] {
  position: relative;
  bottom: 15px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/GarageDoor.vue?vue&type=style&index=0&id=b35df6e4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-b35df6e4] {
  width: auto;
  height: auto;
}
.title[data-v-b35df6e4] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-b35df6e4] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.virtual-tile-container[data-v-b35df6e4] {
  height: auto;
  min-height: 140px;
  border: 1px solid rgba(144, 160, 175, 0.25);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.47);
}
.value-container[data-v-b35df6e4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/PowerMeter.vue?vue&type=style&index=0&id=10856b1d&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-10856b1d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-10856b1d] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-10856b1d] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-10856b1d] {
  width: 90%;
  height: 100%;
  background-color: #F9FAFB;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-10856b1d] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/PowerMeterMobile.vue?vue&type=style&index=0&id=74777f1f&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-74777f1f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.title[data-v-74777f1f] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-74777f1f] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-74777f1f] {
  width: 100%;
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-74777f1f] {
  width: 24%;
  border: 1px solid rgba(144, 160, 175, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 4px;
  border-radius: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Weather.vue?vue&type=style&index=0&id=189269aa&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-189269aa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-189269aa] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-189269aa] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-189269aa] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-189269aa] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/WeatherMobile.vue?vue&type=style&index=0&id=ac8fc6a6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-ac8fc6a6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-ac8fc6a6] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-ac8fc6a6] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-ac8fc6a6] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-ac8fc6a6] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Humidity.vue?vue&type=style&index=0&id=a3f891e8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-a3f891e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-a3f891e8] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-a3f891e8] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-a3f891e8] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-a3f891e8] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/HumidityMobile.vue?vue&type=style&index=0&id=51c2dbce&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-51c2dbce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-51c2dbce] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-51c2dbce] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-51c2dbce] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-51c2dbce] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/TemperatureMobile.vue?vue&type=style&index=0&id=508502ad&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-508502ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: black;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.title[data-v-508502ad] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-508502ad] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
.value-container[data-v-508502ad] {
  width: 90%;
  height: 100%;
  background-color: #f9fafb;
  border-radius: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.value-item[data-v-508502ad] {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/OutletsTile.vue?vue&type=style&index=0&id=2180ecea&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-2180ecea] {
  width: auto;
  height: auto;
}
.title[data-v-2180ecea] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-2180ecea] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/ValveTile.vue?vue&type=style&index=0&id=0c3132d5&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-0c3132d5] {
  width: auto;
  height: auto;
}
.title[data-v-0c3132d5] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-0c3132d5] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/Tiles/Camera.vue?vue&type=style&index=0&id=0b7e10be&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-device-width: 600px) {
.camera-container[data-v-0b7e10be] {
    min-height: 190px;
    min-width: 290px;
}
}
@media only screen and (max-device-width: 599px) {
.camera-container[data-v-0b7e10be] {
    min-height: 180px;
    min-width: 290px;
}
}
.camera-button[data-v-0b7e10be] {
  background-color: rgba(28, 30, 33, 0.35);
  border-radius: 50%;
}
.title[data-v-0b7e10be] {
  font-family: "EzloSans-Regular";
  font-weight: 500;
}
.sub-title[data-v-0b7e10be] {
  font-family: "EzloSans-Regular";
  font-weight: 400;
}

/* Could Use thise as well for Individual Controls */
video[data-v-0b7e10be]::-webkit-media-controls-play-button {
  display: none;
}
video[data-v-0b7e10be]::-webkit-media-controls-timeline {
  display: none;
}
video[data-v-0b7e10be]::-webkit-media-controls-current-time-display {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/HeaderButton.vue?vue&type=style&index=0&id=0dc132ee&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-0dc132ee] {
  width: auto;
  height: 11px;
}
.button[data-v-0dc132ee] {
  width: 48px;
  height: 4px;
  border-radius: 3px;
  background: rgba(144, 160, 175, 0.25);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityKeypad.vue?vue&type=style&index=0&id=3279efc7&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-3279efc7] {
  border-radius: 24px !important;
  background-color: #fff;
  -webkit-box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
          box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/lists/DeviceList.vue?vue&type=style&index=0&id=ed89f106&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.device-list[data-v-ed89f106] {
  height: 100%;
  overflow-y: auto;
}
.open-devices-status-para[data-v-ed89f106] {
  width: 85%;
}
.open-devices-status-check[data-v-ed89f106] {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.open-devices-status-para[data-v-ed89f106] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
}
.open-devices-status-para > p[data-v-ed89f106] {
  margin: 0;
}
.bypass-check[data-v-ed89f106] {
  padding-right: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/lists/BypassDeviceList.vue?vue&type=style&index=0&id=53a369c5&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body[data-v-53a369c5]::-webkit-scrollbar {
  display: none;
}
[data-v-53a369c5]::-webkit-scrollbar {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityHouseModeDialog.vue?vue&type=style&index=0&id=38511e28&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-38511e28] {
  border-radius: 24px !important;
  background-color: #fff;
}
[data-v-38511e28] .custom-modal-class > .modal-dialog > .modal-content {
  border-radius: 24px;
}
.bypass-header-container[data-v-38511e28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.byPass-header-btn[data-v-38511e28] {
  color: rgb(254, 92, 21);
  margin: 10px 0px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityCentralMonitoring.vue?vue&type=style&index=0&id=21d95f7a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-21d95f7a] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityWeather.vue?vue&type=style&index=0&id=4834b691&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-4834b691] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityTestMode.vue?vue&type=style&index=0&id=488f97f0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-488f97f0] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecuritySystemStatusDialog.vue?vue&type=style&index=0&id=b20682c8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-b20682c8] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityCountdown.vue?vue&type=style&index=0&id=095d010e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-095d010e] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/dialogs/SecurityHeader.vue?vue&type=style&index=0&id=e3e9bb80&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-e3e9bb80] {
  width: auto;
  height: auto;
}
.title[data-v-e3e9bb80] {
  font-family: "EzloSans-Regular";
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -1.5%;
}
.sub-title[data-v-e3e9bb80] {
  color: #90a0af;
  font-family: "EzloSans-Regular";
  font-weight: 400;
  font-size: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityAlarm.vue?vue&type=style&index=0&id=7f9b3fae&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-7f9b3fae] {
  border-radius: 24px !important;
  background-color: #fff;
  -webkit-box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
          box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/dialogs/SecurityDialogContent.vue?vue&type=style&index=0&id=00f7402e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header[data-v-00f7402e] {
  width: auto;
  height: auto;
}
.title[data-v-00f7402e] {
  font-family: "EzloSans-Regular";
  letter-spacing: -1.5%;
}
.sub-title[data-v-00f7402e] {
  color: #90a0af;
  font-family: "EzloSans-Regular";
  line-height: 22px;
}
.button[data-v-00f7402e] {
  background-color: #f47b27;
  border-radius: 4px;
  height: 56px;
}
.btn[data-v-00f7402e]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.button-container[data-v-00f7402e] {
  margin-top: 44px;
}
.title-container[data-v-00f7402e] {
  margin-top: 23px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityScrollableListDialog.vue?vue&type=style&index=0&id=6f0b1ec0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-6f0b1ec0] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityAlertFilter.vue?vue&type=style&index=0&id=0d6bc011&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-0d6bc011] {
  border-radius: 24px !important;
  background-color: #fff;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityBypassSensors.vue?vue&type=style&index=0&id=01dd4b64&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-01dd4b64] {
  border-radius: 24px !important;
  background-color: #fff;
}
[data-v-01dd4b64] .custom-modal-class > .modal-dialog > .modal-content {
  border-radius: 24px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/modals/ModalSecurityChimeBehavior.vue?vue&type=style&index=0&id=96626cea&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dialog-container[data-v-96626cea] {
  border-radius: 24px !important;
  background-color: #fff;
  -webkit-box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
          box-shadow: 0px -10px 20px rgba(144, 160, 175, 0.35);
}
.chime-behavior-heading[data-v-96626cea] {
  margin: 20px 0px;
}
.chime-behavior-radio-container[data-v-96626cea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 20px 0px;
}
.chime-behavior-radio-box[data-v-96626cea], .chime-behavior-radio-heading[data-v-96626cea] {
  cursor: pointer;
}
.chime-behavior-radio-box[data-v-96626cea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.chime-behavior-button-container[data-v-96626cea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  padding: 20px;
}
.chinme-behavior-main-container[data-v-96626cea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 30px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/core/CountDown.vue?vue&type=style&index=0&id=6f51eee0&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.countdown[data-v-6f51eee0] {
  width: auto;
  font-family: "EzloSans-Regular";
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -1.5%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/security/dialogs/SecurityTile.vue?vue&type=style&index=0&id=2e0476be&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.security[data-v-2e0476be] {
  width: auto;
  height: auto;
  border: 1px solid #eef1f3;
  position: relative;
}
.title[data-v-2e0476be] {
  color: #1c1e21;
  font-family: "EzloSans-Regular";
  font-weight: 600;
  font-size: 24px;
  white-space: nowrap;
}
.sub-title[data-v-2e0476be] {
  color: #90a0af;
  font-family: "EzloSans-Regular";
  font-weight: 400;
  font-size: 16px;
}
.button[data-v-2e0476be] {
  background-color: #f47b27;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.btn[data-v-2e0476be]:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}