/* line 1, app/assets/stylesheets/aiva.scss */
.aiva-container {
  background-color: #100b19;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: flex;
}

/* line 11, app/assets/stylesheets/aiva.scss */
.aiva-sidebar {
  background-color: #100b19;
  width: 200px;
  height: 100%;
  z-index: 1;
  overflow-y: scroll;
  contain: content;
  box-shadow: 0px 0px 5px -3px #07fbff;
}

/* line 20, app/assets/stylesheets/aiva.scss */
.sidebar-options button.sidebar-btn {
  border-top: none;
  border-bottom: none;
  border-left-width: 0px;
  box-shadow: 0px 0px 11px -8px #cccc;
}

/* line 26, app/assets/stylesheets/aiva.scss */
button.sidebar-btn {
  display: flex;
  width: 100%;
  height: 45px;
  border: none;
  background-color: transparent;
  border: 1px solid #0b3947;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
}

/* line 37, app/assets/stylesheets/aiva.scss */
.sidebar-hd {
  width: 50px !important;
}

/* line 40, app/assets/stylesheets/aiva.scss */
.sidebar-sh {
  width: 200px !important;
}

/* line 43, app/assets/stylesheets/aiva.scss */
button.sidebar-btn span {
  color: white;
  margin-left: 20px;
}

/* line 47, app/assets/stylesheets/aiva.scss */
button.sidebar-btn:hover {
  background-color: #4FB7B3;
}

/* line 50, app/assets/stylesheets/aiva.scss */
.sidebar-options {
  margin-top: 20px;
  height: auto;
  width: auto;
}

/* line 55, app/assets/stylesheets/aiva.scss */
.aiva-content {
  background-color: #0c0416;
  width: calc(100% - 200px);
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  contain: content;
  position: relative;
  color: #fff;
}

/* line 68, app/assets/stylesheets/aiva.scss */
.map {
  margin: 8px;
  contain: content;
}

/* line 73, app/assets/stylesheets/aiva.scss */
.head {
  display: flex;
}

/* line 74, app/assets/stylesheets/aiva.scss */
.head h3 {
  margin-right: 5px;
}

/* line 76, app/assets/stylesheets/aiva.scss */
.setor-list {
  display: block;
}

/* line 79, app/assets/stylesheets/aiva.scss */
.setor {
  display: flex;
  justify-content: flex-start;
  border-radius: 4px;
  width: calc(100% - 10px);
  height: auto;
}

/* line 86, app/assets/stylesheets/aiva.scss */
.setor h5 {
  margin: 5px;
}

/* line 89, app/assets/stylesheets/aiva.scss */
.card {
  background: #182A60ED;
  width: 220px;
  height: 128px;
  border-radius: 6px;
  margin: 10px;
  box-shadow: 0px 0px 2px 5px #1980ee5c;
}

/* line 97, app/assets/stylesheets/aiva.scss */
.card .item {
  display: flex;
  font-size: 14px;
  justify-content: space-around;
}

/* line 103, app/assets/stylesheets/aiva.scss */
.aiva-form-login {
  position: relative;
  margin: 0 auto;
  width: 90%;
  height: auto;
  max-width: 500px;
  display: block;
}

/* line 112, app/assets/stylesheets/aiva.scss */
.aiva-form-login h2 {
  text-align: center;
  font-size: 40px;
  background-image: linear-gradient(23deg, #ffffff 0%, #92d0ff 42%, #ff0000 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: black;
}

/* line 121, app/assets/stylesheets/aiva.scss */
.aiva-form-login .box-field input, .aiva-form-login label {
  background: transparent;
  color: white;
  font-size: 13px !important;
  border-bottom-color: #92dfff;
  font-family: unset;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 12px !important;
}

/* line 132, app/assets/stylesheets/aiva.scss */
.aiva-form-login img {
  width: 127px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* line 139, app/assets/stylesheets/aiva.scss */
.aiva-form-login .box-field input {
  border-bottom: 1px solid;
  border-bottom-color: #92dfff;
  font-family: unset;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 12px !important;
}

/* line 149, app/assets/stylesheets/aiva.scss */
.aiva-device-new {
  margin-top: 10px;
  margin-left: 20px;
  width: 600px;
  height: auto;
}

/* line 157, app/assets/stylesheets/aiva.scss */
.aiva-device-new input {
  height: 30px;
  background: none;
  border: none;
  border-bottom: 1px solid white;
  outline: none;
  color: white;
  width: 200px;
}

/* line 167, app/assets/stylesheets/aiva.scss */
.aiva-device-new button {
  height: 30px;
  width: 100px;
  background: #b8cdf8;
  border: none;
  margin-left: 5px;
}

/* line 175, app/assets/stylesheets/aiva.scss */
.aiva-devices {
  margin-left: 10px;
  display: block;
  width: 98%;
  height: auto;
  padding-bottom: 500px;
}

/* line 183, app/assets/stylesheets/aiva.scss */
.device {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  height: auto;
  border-radius: 8px;
  background: #100b19;
  justify-content: space-around;
}

/* line 192, app/assets/stylesheets/aiva.scss */
.device-name {
  width: 100%;
  height: 30px;
}

/* line 196, app/assets/stylesheets/aiva.scss */
.device-lan span {
  font-size: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
  color: #f9b862;
}

/* line 203, app/assets/stylesheets/aiva.scss */
.device-lan {
  display: block;
  width: 150px;
  height: auto;
  margin-bottom: 24px;
}

/* line 210, app/assets/stylesheets/aiva.scss */
.device-lan.result {
  border-radius: 4px;
  background: #221a40ba;
  text-align: center;
}

/* line 215, app/assets/stylesheets/aiva.scss */
.device-lan.result span {
  color: #c8b29f;
}

/* line 218, app/assets/stylesheets/aiva.scss */
.box-graph {
  display: flex;
  width: 84%;
  height: auto;
  justify-content: center;
  align-items: center;
}

/* line 225, app/assets/stylesheets/aiva.scss */
.graph-down {
  width: 100%;
  height: 8px;
  border-radius: 10px;
  display: block;
  background: #221a40ba;
  position: relative;
  margin-right: 5px;
}

/* line 235, app/assets/stylesheets/aiva.scss */
.graph-down .prog {
  position: absolute;
  left: 0;
  width: 0.5%;
  height: 8px;
  border-radius: 10px;
  display: block;
  background: #b1ffed;
}

/* line 245, app/assets/stylesheets/aiva.scss */
.graph-down .up.prog {
  background: #dd8181e0;
}

/* line 249, app/assets/stylesheets/aiva.scss */
.graph-down .cpu.prog {
  background: #ffa700;
}

/* line 253, app/assets/stylesheets/aiva.scss */
.graph-down .ram.prog {
  background: #ff0060;
}

/* line 257, app/assets/stylesheets/aiva.scss */
#container-disks {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: wrap;
  padding: 20px;
  justify-content: space-around;
  color: #e8c6c6;
}

/* line 268, app/assets/stylesheets/aiva.scss */
.container-disks span {
  font-size: 12px !important;
  margin-top: 10px;
  color: #f0ad9e;
}

/* line 274, app/assets/stylesheets/aiva.scss */
.disk {
  display: flex;
  flex-flow: wrap;
  width: 40%;
  height: auto;
  margin-top: 10px;
  border: 1px solid #181f20;
  border-radius: 5px;
  justify-content: center;
}

/* line 284, app/assets/stylesheets/aiva.scss */
.fi {
  width: 300px;
  height: auto;
  display: block;
  position: relative;
}

@media only screen and (max-width: 720px) {
  /* line 292, app/assets/stylesheets/aiva.scss */
  .aiva-sidebar {
    position: absolute;
    width: 50px;
  }
  /* line 296, app/assets/stylesheets/aiva.scss */
  button.sidebar-btn span {
    display: none;
  }
  /* line 299, app/assets/stylesheets/aiva.scss */
  button.sidebar-btn {
    justify-content: center;
  }
  /* line 302, app/assets/stylesheets/aiva.scss */
  .aiva-content {
    width: calc(100% - 50px);
    left: 50px;
  }
}
/* line 6, app/assets/stylesheets/archive.scss */
#progress-upload {
  position: absolute;
  display: grid;
  align-items: center;
  justify-content: center;
  left: 40%;
  top: 35%;
  width: 340px;
  height: 180px;
  background: #5d09b7;
  border-radius: 4px;
}

/* line 18, app/assets/stylesheets/archive.scss */
.width {
  width: 340px;
  text-align: center;
  color: white;
}

/* line 23, app/assets/stylesheets/archive.scss */
#progress-upload .width {
  width: 340px;
}

/* line 27, app/assets/stylesheets/archive.scss */
#percent-upload {
  color: white;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  width: 100%;
}

/* line 35, app/assets/stylesheets/archive.scss */
.progress {
  position: relative;
  width: 0%;
  height: 35px;
  background: #ffbe0b;
  border-radius: 1px;
  margin-left: 5%;
}

/* line 44, app/assets/stylesheets/archive.scss */
#progress-upload .p {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: start;
}

/* line 51, app/assets/stylesheets/archive.scss */
.file-name-style {
  word-break: break-word;
  width: 97%;
  position: absolute;
  bottom: 0px;
  padding: 5px;
  background: #0a0a0abf;
  height: 50px;
  color: navajowhite;
}

/* line 62, app/assets/stylesheets/archive.scss */
.modal {
  position: relative;
  top: 150px;
  margin: 0 auto;
  width: 300px;
  height: auto;
  padding: 10px;
  background: white;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px #cccc;
  z-index: 1;
}
/* line 4, app/assets/stylesheets/dashboard.scss */
.dashboard-container {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  background: white;
  background-image: url(/assets/logo-8-no-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
  background-blend-mode: overlay;
}

/* line 16, app/assets/stylesheets/dashboard.scss */
.dashboard-sidebar {
  position: absolute;
  width: 200px;
  height: 100%;
  background: white;
  box-shadow: 1px 0px 2px 0px #8582f740;
  z-index: 100;
}

/* line 24, app/assets/stylesheets/dashboard.scss */
.dashboard-sidebar .title {
  margin-top: 20px;
}

/* line 27, app/assets/stylesheets/dashboard.scss */
.dashboard-sidebar h1, .dashboard-sidebar h1 span {
  color: #000;
  font-size: 14px;
}

/* line 31, app/assets/stylesheets/dashboard.scss */
.dashboard-sidebar span {
  color: #6c5aee;
  font-size: 12px;
}

/* line 35, app/assets/stylesheets/dashboard.scss */
.dashboard-sidebar img.logo {
  width: 30px;
  height: 30px;
}

/* line 39, app/assets/stylesheets/dashboard.scss */
.dashboard-opts {
  margin-top: 30px;
  border-top: 1px solid #fbf7f7;
  width: 100%;
  height: 75%;
  overflow-y: auto;
}

/* line 46, app/assets/stylesheets/dashboard.scss */
.box-item {
  display: block;
  width: 100%;
  margin-top: 15px;
}

/* line 51, app/assets/stylesheets/dashboard.scss */
.box-item span {
  display: block;
}

/* line 54, app/assets/stylesheets/dashboard.scss */
.item a, .item button {
  color: #000;
  text-decoration: none;
  margin-left: 20px;
  font-size: 13px;
  border: none;
  background: none;
  font-weight: bold;
}

/* line 64, app/assets/stylesheets/dashboard.scss */
.item {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
  height: 40px;
  align-items: center;
}

/* line 71, app/assets/stylesheets/dashboard.scss */
.item:hover {
  background: #b4a0ed;
}

/* line 74, app/assets/stylesheets/dashboard.scss */
.item.active {
  background: #e4eef9db !important;
}

/* line 77, app/assets/stylesheets/dashboard.scss */
.ic-dashboard-small {
  width: 22px;
  height: 22px;
  margin-left: 1em;
}

/* line 82, app/assets/stylesheets/dashboard.scss */
.ic-dashboard-md {
  width: 42px;
  height: 42px;
}

/* line 86, app/assets/stylesheets/dashboard.scss */
.header-dashboard {
  background: white;
  width: calc(100% - 200px);
  height: 80px;
  position: absolute;
  top: 0;
  left: 200px;
  display: flex;
  align-items: center;
}

/* line 96, app/assets/stylesheets/dashboard.scss */
button.btn-sidebar {
  width: 35px;
  height: 35px;
  border: none;
  background: #c8dce8;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 106, app/assets/stylesheets/dashboard.scss */
.btn-sidebar img {
  width: 21px;
  height: 20px;
}

/* line 110, app/assets/stylesheets/dashboard.scss */
.header-dashboard .options {
  width: 400px;
  height: auto;
  min-height: 40px;
  position: absolute;
  right: 20px;
}

/* line 117, app/assets/stylesheets/dashboard.scss */
.options button.btn-account {
  width: auto;
  contain: content;
  flex-wrap: initial;
  justify-content: flex-start;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  color: #000;
  font-weight: 600;
  z-index: 300;
}

/* line 129, app/assets/stylesheets/dashboard.scss */
.account-float {
  position: absolute;
  right: 20px;
  top: 70px;
  width: 255px;
  height: auto;
  min-height: 50px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 0px 1px 1px #a48bea4f;
  padding: 5px;
  z-index: 300;
}

/* line 142, app/assets/stylesheets/dashboard.scss */
.account-float span {
  font-size: 11px;
  margin-top: 5px;
}

/* line 146, app/assets/stylesheets/dashboard.scss */
.account-float a {
  font-size: 14px;
  color: indigo;
  width: 100%;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #1212e3;
  text-decoration: none;
}

/* line 157, app/assets/stylesheets/dashboard.scss */
.data-content {
  position: absolute;
  width: calc(100% - 240px);
  height: calc(100% - 120px);
  padding: 20px 20px 0px 20px;
  overflow-y: scroll;
  left: 200px;
  top: 90px;
}

@keyframes hideBarDash {
  from {
    left: 0;
  }
  to {
    left: -270px;
  }
}

@keyframes showBarDash {
  from {
    left: -270px;
  }
  to {
    left: 0;
  }
}

/* line 181, app/assets/stylesheets/dashboard.scss */
.bardash-anim-hide {
  animation-name: hideBarDash;
  animation-duration: 500ms;
}

/* line 185, app/assets/stylesheets/dashboard.scss */
.bardash-anim-show {
  animation-name: showBarDash;
  animation-duration: 500ms;
}

/* line 189, app/assets/stylesheets/dashboard.scss */
.adm-row {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: space-around;
}

/* line 196, app/assets/stylesheets/dashboard.scss */
.adm-item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #f1f4f7;
  border-radius: 3px;
  margin-top: 5px;
  box-shadow: 0px 0px 3px -1px #9898f0b2;
}

/* line 209, app/assets/stylesheets/dashboard.scss */
.adm-item span, .adm-row span {
  display: inline;
  font-size: 16px;
  color: #000;
  font-weight: lighter;
  width: 130px;
  contain: content;
}

/* line 217, app/assets/stylesheets/dashboard.scss */
button.act-create {
  border: none;
  height: 38px;
  width: 120px;
  font-weight: bold;
  background: #f4efef2e !important;
  border-radius: 4px !important;
  box-shadow: 0px 0px 1px 0px #1539fb70 !important;
  color: #000;
}

/* line 227, app/assets/stylesheets/dashboard.scss */
button.act-create:hover {
  cursor: pointer;
}

/* line 230, app/assets/stylesheets/dashboard.scss */
.actions-flex {
  width: 130px;
  height: auto;
}

/* line 234, app/assets/stylesheets/dashboard.scss */
.actions-flex button {
  background: #1d1d3c;
  border-radius: 3px;
  width: 73px;
  height: 30px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  font-weight: bold;
}

/* line 247, app/assets/stylesheets/dashboard.scss */
.actions-flex button.red {
  background: #f40633;
}

/* line 251, app/assets/stylesheets/dashboard.scss */
form.form-dashboard .boxd-field {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
}

/* line 258, app/assets/stylesheets/dashboard.scss */
form.form-dashboard .boxd-field label {
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
}

/* line 265, app/assets/stylesheets/dashboard.scss */
form.form-dashboard .boxd-field input {
  width: 400px;
  height: 35px;
  border: none;
  border-radius: 2px;
  font-weight: normal;
  font-size: 17px;
  background: transparent;
  box-shadow: 0px 0px 0px 0px #101ab740;
  outline: none;
  border-bottom: 2px solid #880ce3;
}

/* line 277, app/assets/stylesheets/dashboard.scss */
#you-sure {
  display: none;
  justify-content: center;
  position: relative;
  background: #221846;
  width: 30%;
  max-width: 400px;
  min-width: 300px;
  height: 200px;
  top: 120px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 1px gray;
  margin: 0 auto;
}

/* line 291, app/assets/stylesheets/dashboard.scss */
#you-sure img {
  width: 60px;
  height: 60px;
  margin: 5px auto;
}

/* line 296, app/assets/stylesheets/dashboard.scss */
.grid {
  display: grid !important;
}

/* line 299, app/assets/stylesheets/dashboard.scss */
#you-sure span {
  font-size: 16px;
  color: #cccc;
}

/* line 303, app/assets/stylesheets/dashboard.scss */
#you-sure button {
  border: none;
  background: #100f1aab;
  width: 100px;
  height: 30px;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
}

/* line 313, app/assets/stylesheets/dashboard.scss */
.layout-box {
  width: 200px;
  height: 170px;
  border: 1px solid grey;
  border-radius: 5px;
  cursor: pointer;
  background: darkblue;
  display: grid;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 23px -4px #3a4948;
}

/* line 325, app/assets/stylesheets/dashboard.scss */
.layout-box.indigo {
  background: indigo;
}

/* line 328, app/assets/stylesheets/dashboard.scss */
.layout-box div {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

/* line 334, app/assets/stylesheets/dashboard.scss */
.layout-box div img {
  width: 60px;
  height: auto;
}

/* line 338, app/assets/stylesheets/dashboard.scss */
.layout-box h4 {
  color: white;
}

/* line 341, app/assets/stylesheets/dashboard.scss */
.system-enable {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 346, app/assets/stylesheets/dashboard.scss */
.user-box {
  margin-top: 10px;
  background: #080475d4;
  border-radius: 2px;
  width: 280px;
  height: 40px;
  padding-left: 15px;
  cursor: pointer;
}

/* line 356, app/assets/stylesheets/dashboard.scss */
.user-box.marked {
  border: 1px solid #15ef9d7d;
}

/* line 360, app/assets/stylesheets/dashboard.scss */
.btn.edit-user {
  border: 1px solid;
  border-radius: 4px;
  border-color: lightgray;
  background: aliceblue;
  font-weight: 500;
}

/* line 368, app/assets/stylesheets/dashboard.scss */
.user-bloc {
  width: 100%;
  height: auto;
  padding: 10px;
  background: #fff;
  contain: content;
  border-radius: 4px;
  box-shadow: 0px 0px 6px -2px #2b48e278;
}
/* line 5, app/assets/stylesheets/department.scss */
.department-field {
  height: 40px;
  outline: none;
  font-size: 16px;
}

/* line 11, app/assets/stylesheets/department.scss */
.department-submit {
  height: 40px;
  border: none;
  font-size: 16px;
  padding: 11px;
}
/* line 5, app/assets/stylesheets/document.scss */
.user-options {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  border: none;
  width: auto;
  min-width: 290px;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
}

/* line 18, app/assets/stylesheets/document.scss */
.user-options:hover {
  background: #ccc;
}

/* line 22, app/assets/stylesheets/document.scss */
.block {
  display: block;
}

/* line 25, app/assets/stylesheets/document.scss */
.body-document {
  position: absolute;
  top: 20px;
  left: 240px;
  width: auto;
  height: 600px;
  overflow-y: auto;
}

/* line 33, app/assets/stylesheets/document.scss */
.document-view {
  position: relative;
  top: 2.5%;
  background: white;
  width: 750px;
  height: 1040px;
  margin: 0 auto;
}

/* line 41, app/assets/stylesheets/document.scss */
.document-view.small {
  position: relative;
  top: 0;
  background: white;
  width: 240px;
  height: 270px;
  margin: 0 auto;
  contain: content;
  border: 1px solid black;
}

/* line 52, app/assets/stylesheets/document.scss */
.document-view .head {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
}

/* line 59, app/assets/stylesheets/document.scss */
.brand-pmdsl {
  position: relative;
  margin: 20px auto;
  margin-bottom: 0;
  width: 85px;
  height: 60px;
}

/* line 67, app/assets/stylesheets/document.scss */
.document-view.small .brand-pmdsl {
  width: 45px;
  height: 20px;
}

/* line 71, app/assets/stylesheets/document.scss */
p.name-right {
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
}

/* line 76, app/assets/stylesheets/document.scss */
.document-view.small p.name-right, .document-view.small p.gab-name {
  font-size: 4px;
}

/* line 80, app/assets/stylesheets/document.scss */
p.gab-name {
  font-size: 12px;
}

/* line 83, app/assets/stylesheets/document.scss */
.document-content {
  position: relative;
  margin: 0 auto;
  width: 85%;
  height: auto;
  min-height: 400px;
}

/* line 91, app/assets/stylesheets/document.scss */
.document-content h3 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

/* line 97, app/assets/stylesheets/document.scss */
.document-view.small .document-content h3, .document-view.small .document-content * {
  font-size: 6px !important;
  width: 90%;
}

/* line 101, app/assets/stylesheets/document.scss */
.document-content p.sub-info {
  font-size: 15px;
  font-weight: 600;
  text-align: justify;
  text-transform: uppercase;
  width: 300px;
  font-family: arial;
}

/* line 110, app/assets/stylesheets/document.scss */
.label-field {
  font-size: 18px;
}

/* line 113, app/assets/stylesheets/document.scss */
.field {
  height: 40px;
  width: 250px;
  font-size: 17px;
  font-weight: bold;
}

/* line 120, app/assets/stylesheets/document.scss */
.btn-document-save {
  width: 120px;
  height: 40px;
}
/* line 2, app/assets/stylesheets/echodesk.scss */
.echodesk-container {
  width: 100%;
  height: auto;
  max-width: 1324px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 150px;
}

/* line 11, app/assets/stylesheets/echodesk.scss */
.calleds {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

/* line 17, app/assets/stylesheets/echodesk.scss */
.btn-called {
  position: absolute;
  right: 1px;
  width: 140px;
  height: 40px;
  margin-left: 50px;
  display: flex;
  background: #cccc;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: black;
}

/* line 32, app/assets/stylesheets/echodesk.scss */
.btn-called-create {
  width: 120px;
  height: 40px;
  border: none;
  border-radius: 4px;
  background: #00827a;
  color: white;
  font-size: 16px;
  margin-top: 20px;
  position: absolute;
  right: 17px;
}

/* line 45, app/assets/stylesheets/echodesk.scss */
.back {
  width: 50px;
  height: auto;
}

/* line 50, app/assets/stylesheets/echodesk.scss */
.calleds .list {
  width: 100%;
  min-height: 500px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 59, app/assets/stylesheets/echodesk.scss */
.calleds .list .called {
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  flex-flow: column wrap;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/echodesk.scss */
.called div.column {
  width: 250px;
  height: 50px;
  display: flex;
}

/* line 76, app/assets/stylesheets/echodesk.scss */
.called .w-100 {
  width: 100px !important;
}

/* line 79, app/assets/stylesheets/echodesk.scss */
.called .w-250 {
  width: 290px !important;
}

/* line 82, app/assets/stylesheets/echodesk.scss */
.called:hover {
  background: #3892f6;
}

/* line 85, app/assets/stylesheets/echodesk.scss */
.called span {
  font-size: 12px;
}

/* line 87, app/assets/stylesheets/echodesk.scss */
.called-textarea {
  margin: 5px;
  padding: 5px;
  width: 97%;
  /* Makes the textarea take the full width of its container */
  max-width: 97%;
  /* Prevents it from exceeding the container width */
  height: 150px;
  /* Sets a default height */
  box-sizing: border-box;
  /* Includes padding and border in the width/height */
  resize: vertical;
  /* Allows vertical resize */
  outline-color: blue;
}

/* line 98, app/assets/stylesheets/echodesk.scss */
.echo-container {
  width: 400px;
  min-height: 400px;
  margin: 100px auto;
  display: block;
}

/* line 105, app/assets/stylesheets/echodesk.scss */
.echo-container h1 {
  text-align: center;
  text-transform: uppercase;
}

/* line 108, app/assets/stylesheets/echodesk.scss */
.echodesk-img {
  width: auto;
  height: auto;
}

/* line 112, app/assets/stylesheets/echodesk.scss */
.echo-form-box {
  width: 95%;
  height: auto;
  margin: 0 auto;
  display: block;
  position: relative;
}

/* line 120, app/assets/stylesheets/echodesk.scss */
.echo-form-box label, input {
  width: 95%;
  margin: 5px;
  padding: 0;
  display: block;
  font-size: 18px;
}

/* line 127, app/assets/stylesheets/echodesk.scss */
.echo-form-box input {
  height: 35px;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 5px;
  outline-color: blue;
}

/* line 135, app/assets/stylesheets/echodesk.scss */
input.echo-form-submit {
  margin-top: 30px;
  width: 97.5%;
  height: 40px !important;
  background: #3855f3;
  color: white;
  border-radius: 3px;
  border: none;
}
@font-face {
  font-family: Bai-SemiBold;
  src: url(/assets/BaiJamjuree-SemiBold-81389a4afc036b7b1d898a0aaed589f64a1c0b34fd4284c398f4bca1a9c8fff9.ttf);
}

@font-face {
  font-family: Exo-SemiBold;
  src: url(/assets/Exo2-SemiBold-7e6566fb213fa3adfb8dce697e93374e4999e7e98a17f52cd3f18083fb094dca.ttf);
}
/* line 3, app/assets/stylesheets/framework.scss */
.flex {
  display: flex;
  flex-flow: wrap-reverse;
}

/* line 7, app/assets/stylesheets/framework.scss */
.flex.center {
  align-items: center;
  justify-content: center;
}

/* line 11, app/assets/stylesheets/framework.scss */
.flex.start {
  justify-content: start;
}

/* line 14, app/assets/stylesheets/framework.scss */
.flex.start.centralize {
  align-items: center !important;
}

/* line 17, app/assets/stylesheets/framework.scss */
.flex.end {
  justify-content: end;
}

/* line 20, app/assets/stylesheets/framework.scss */
.flex.btwen {
  justify-content: space-between !important;
}

/* line 23, app/assets/stylesheets/framework.scss */
.flex.normal-wrap {
  flex-flow: wrap !important;
}

/* line 27, app/assets/stylesheets/framework.scss */
.p-relative {
  position: relative !important;
}

/* line 32, app/assets/stylesheets/framework.scss */
button.btn {
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  height: 40px;
  border: none;
  border-radius: 7px;
  background: white;
}

/* line 41, app/assets/stylesheets/framework.scss */
.btn.new-cta {
  font-weight: bold;
  font-size: 15px;
  font-family: Exo-SemiBold;
  border: 2px solid #7132cc;
  color: aliceblue;
  width: 160px;
  height: 40px;
  border-radius: 20px;
  background: var(--dark-blue);
  text-transform: uppercase;
  box-shadow: 0px 0px 5px -1px #7653c4;
}

/* line 54, app/assets/stylesheets/framework.scss */
.btn.rounded {
  display: none;
  width: 40px !important;
  height: 40px !important;
  border-radius: 40px;
  background: transparent !important;
}

/* line 63, app/assets/stylesheets/framework.scss */
:root {
  --dark-blue:#0b0940a1;
}

/* line 69, app/assets/stylesheets/framework.scss */
.p-abs-right {
  position: absolute;
  right: 9%;
}

/* line 75, app/assets/stylesheets/framework.scss */
.l-1 {
  margin-left: 1em;
}

/* line 78, app/assets/stylesheets/framework.scss */
.mt-1 {
  margin-top: 1em;
}

/* line 81, app/assets/stylesheets/framework.scss */
.mt-2 {
  margin-top: 2em;
}

/* line 84, app/assets/stylesheets/framework.scss */
.mt-5 {
  margin-top: 5em;
}

/* line 88, app/assets/stylesheets/framework.scss */
.mb-3 {
  margin-bottom: 3em;
}

/* line 92, app/assets/stylesheets/framework.scss */
.width-450 {
  max-width: 450px !important;
}
@charset "UTF-8";
/* line 4, app/assets/stylesheets/home.scss */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Bai-SemiBold';
  font-size: 16px;
}

/* line 10, app/assets/stylesheets/home.scss */
.container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  padding-top: 50px;
  width: 100%;
  height: auto;
}

/* line 20, app/assets/stylesheets/home.scss */
.container.blue-linear {
  background: linear-gradient(0.25turn, #310691, #6f75ca);
}

/* line 25, app/assets/stylesheets/home.scss */
header {
  position: relative;
  top: 0;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-around;
}

/* line 35, app/assets/stylesheets/home.scss */
img {
  width: 400px;
  height: 200px;
}

/* line 40, app/assets/stylesheets/home.scss */
img.logo {
  width: 290px;
  height: 50px;
}

/* line 45, app/assets/stylesheets/home.scss */
.brand {
  position: absolute;
  left: 9%;
}

/* line 50, app/assets/stylesheets/home.scss */
header .list-navigator {
  display: flex;
  position: absolute;
  right: 9%;
  list-style: none;
  margin: 0;
}

/* line 58, app/assets/stylesheets/home.scss */
.container .content {
  position: relative;
  left: 9%;
  margin-top: 50px;
  display: grid;
  width: 580px;
  height: auto;
  justify-content: flex-start;
}

/* line 67, app/assets/stylesheets/home.scss */
.content h1 {
  margin: 0;
  margin-left: 5px;
  width: 100%;
  font-weight: 700;
  font-size: 25px;
  color: aliceblue;
  text-transform: uppercase;
}

/* line 76, app/assets/stylesheets/home.scss */
.content p {
  color: #ccc;
  text-align: justify;
}

/* line 80, app/assets/stylesheets/home.scss */
.cta {
  position: relative;
  margin-top: 20px;
  width: 100%;
  /* border:1px solid red; */
}

/* line 88, app/assets/stylesheets/home.scss */
img.img-landing-page {
  position: absolute;
  top: 150px;
  right: 9%;
  width: 300px;
  height: 400px;
}

/* line 98, app/assets/stylesheets/home.scss */
footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #0f0920;
  flex-flow: wrap-reverse;
}

/* line 109, app/assets/stylesheets/home.scss */
footer .links {
  display: block;
  width: 200px;
  height: auto;
  padding: 5px;
  margin-left: 1em;
  margin-top: 1em;
}

/* line 117, app/assets/stylesheets/home.scss */
.links a {
  display: block;
  color: #cccc;
  text-decoration: none;
  font-size: 13px;
  margin-top: 5px;
}

/* line 124, app/assets/stylesheets/home.scss */
.links span {
  color: white;
}

/* line 127, app/assets/stylesheets/home.scss */
footer .footer-brand {
  margin-left: 2em;
  margin-top: 1em;
  display: grid;
}

/* line 133, app/assets/stylesheets/home.scss */
.footer-brand span {
  color: white;
  display: block;
  font-size: 12px;
  width: 100%;
  margin-left: 1em;
}

/* line 140, app/assets/stylesheets/home.scss */
footer .logo-footer {
  width: 75px;
  height: 75px;
}

/* line 145, app/assets/stylesheets/home.scss */
.content-2 {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 10px;
}

/* line 154, app/assets/stylesheets/home.scss */
.contact {
  width: 80%;
  margin: 0 auto;
  margin-top: 50px;
  height: auto;
  min-height: 400px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

/* line 165, app/assets/stylesheets/home.scss */
.contact form {
  margin-bottom: 100px;
  width: 400px;
}

/* line 169, app/assets/stylesheets/home.scss */
.contact img {
  width: 250px;
  height: 250px;
}

/* line 173, app/assets/stylesheets/home.scss */
.contact-box {
  margin-top: 2em;
}

/* line 176, app/assets/stylesheets/home.scss */
.contact-box label, .contact-box input {
  display: block;
  font-size: 18px;
  color: white;
  background: transparent;
}

/* line 183, app/assets/stylesheets/home.scss */
.contact-box input {
  border: none;
  border-bottom: 2px solid #cccc;
  width: 300px;
  height: 40px;
  outline: none;
}

/* line 191, app/assets/stylesheets/home.scss */
h2 {
  color: #f4f4f4;
}

/* Ocultar o input file original */
/* line 196, app/assets/stylesheets/home.scss */
input[type="file"] {
  display: none;
}

/* Estilizar o botão personalizado */
/* line 201, app/assets/stylesheets/home.scss */
.custom-file-button {
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
}

/* line 210, app/assets/stylesheets/home.scss */
.custom-file-button:hover {
  background-color: #d1d1d1;
}

/* Estilizar o texto do nome do arquivo */
/* line 215, app/assets/stylesheets/home.scss */
.custom-file-name {
  margin-left: 10px;
  color: #666;
}

/* Estilizar o ícone do botão */
/* line 221, app/assets/stylesheets/home.scss */
.custom-file-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
/* line 1, app/assets/stylesheets/icons.scss */
i {
  display: block;
  width: 20px;
  height: 20px;
}

/* line 6, app/assets/stylesheets/icons.scss */
i.sm {
  display: block;
  width: 28px;
  height: auto;
}

/* line 11, app/assets/stylesheets/icons.scss */
i svg.white {
  color: white;
}

/* line 14, app/assets/stylesheets/icons.scss */
i svg.green {
  color: #16ef15ed;
}

/* line 17, app/assets/stylesheets/icons.scss */
i svg.gray {
  color: #cccc;
}

/* line 20, app/assets/stylesheets/icons.scss */
i svg.red {
  color: red;
}

/* line 23, app/assets/stylesheets/icons.scss */
i svg.indigo {
  color: #859bff;
}

/* line 26, app/assets/stylesheets/icons.scss */
i svg.ligth-blue {
  color: #8CE4FF;
}

/* line 29, app/assets/stylesheets/icons.scss */
i svg.dark {
  color: #0b0940a1;
}

/* line 33, app/assets/stylesheets/icons.scss */
i.ic-s {
  width: 25px;
  height: auto;
}

/* line 37, app/assets/stylesheets/icons.scss */
i.ic-m {
  width: 30px;
  height: 30px;
}

/* line 42, app/assets/stylesheets/icons.scss */
i.ic-l {
  width: 40px;
  height: 40px;
}

/* line 46, app/assets/stylesheets/icons.scss */
i.ic-lg {
  width: 80px;
  height: 80px;
}

/* line 51, app/assets/stylesheets/icons.scss */
button.go-back {
  border: none;
  border-radius: 20px;
  width: 40px;
  height: 40px;
}

/* line 58, app/assets/stylesheets/icons.scss */
.go-back:hover {
  background: #ccc;
}
/* line 1, app/assets/stylesheets/login.scss */
.container-login {
  position: absolute;
  width: 100%;
  min-height: 100%;
  display: flex;
}

/* line 7, app/assets/stylesheets/login.scss */
.login-sidebar {
  position: relative;
  display: flex;
  align-items: center;
  width: 40%;
  border-right: 2px solid #cccc;
  min-height: 100%;
  background-color: #310691;
}

/* line 16, app/assets/stylesheets/login.scss */
.sidebar-top {
  position: absolute;
  display: grid;
  width: 100%;
  height: auto;
}

/* line 22, app/assets/stylesheets/login.scss */
button.float-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -30px;
  border: none;
  border-radius: 50px;
  z-index: 0;
}

/* line 31, app/assets/stylesheets/login.scss */
button.float-btn img {
  position: relative;
  width: 20px;
  height: 20px;
}

/* line 36, app/assets/stylesheets/login.scss */
.brand-login {
  display: flex;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  justify-content: center;
}

/* line 43, app/assets/stylesheets/login.scss */
img.login-logo {
  width: 280px;
  height: 45px;
}

/* line 47, app/assets/stylesheets/login.scss */
.footer-login {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #cccc;
  width: 100%;
  color: white;
}

/* line 56, app/assets/stylesheets/login.scss */
.box-form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  min-height: 100%;
}

/* line 65, app/assets/stylesheets/login.scss */
.login-form {
  display: block;
  position: relative;
  width: 80%;
  min-height: 300px;
}

/* line 72, app/assets/stylesheets/login.scss */
.login-form h2 {
  text-align: center;
  font-size: 40px;
  color: var(--dark-blue);
}

/* line 77, app/assets/stylesheets/login.scss */
form .box-field {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 83, app/assets/stylesheets/login.scss */
.box-field label {
  display: block;
  width: 80%;
  font-size: 20px;
}

/* line 88, app/assets/stylesheets/login.scss */
.box-field input {
  display: block;
  margin-top: 10px;
  width: 98%;
  height: 45px;
  font-size: 19px;
  border: none;
  border-bottom: 2px solid blueviolet;
  outline: none;
}

/* line 98, app/assets/stylesheets/login.scss */
.right-flex {
  display: flex !important;
  justify-content: right;
}

/* line 102, app/assets/stylesheets/login.scss */
form .reset-password-link {
  font-size: 14px;
  color: gray;
  font-weight: lighter;
}

/* line 107, app/assets/stylesheets/login.scss */
form .submit {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 110px;
  height: 40px;
  background-color: #201b1b;
  border: none;
  color: #f4f4f4;
  font-weight: 600;
  font-size: 17px;
}

@keyframes outField {
  from {
    left: 0;
    opacity: 1;
  }
  to {
    left: -300px;
    opacity: 0;
  }
}

/* line 128, app/assets/stylesheets/login.scss */
.fix-outfield {
  left: -300px;
  display: none;
}

/* line 132, app/assets/stylesheets/login.scss */
.start-outfield {
  animation-name: outField;
  animation-duration: 500ms;
  position: relative;
}

@keyframes intField {
  from {
    left: 500px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

/* line 146, app/assets/stylesheets/login.scss */
.fix-field {
  left: 0;
}

/* line 149, app/assets/stylesheets/login.scss */
.start-field {
  animation-name: intField;
  animation-duration: 500ms;
  position: relative;
}

@keyframes hideBarLogin {
  from {
    left: 0;
  }
  to {
    left: -224px;
  }
}

@keyframes showBarLogin {
  from {
    left: -224px;
  }
  to {
    left: 0;
  }
}

/* line 168, app/assets/stylesheets/login.scss */
.barlogin-anim-hide {
  animation-name: hideBarLogin;
  animation-duration: 500ms;
}

/* line 172, app/assets/stylesheets/login.scss */
.barlogin-anim-show {
  animation-name: showBarLogin;
  animation-duration: 500ms;
}

/* line 177, app/assets/stylesheets/login.scss */
.barlogin-fix-pst {
  left: -224px;
}

/* line 181, app/assets/stylesheets/login.scss */
.bardash-fix-pst {
  left: -270px;
}

/* line 185, app/assets/stylesheets/login.scss */
.rotate-0 {
  animation-name: rotate0;
  animation-duration: 500ms;
}

/* line 189, app/assets/stylesheets/login.scss */
.rotate-180 {
  animation-name: rotate180;
  animation-duration: 500ms;
}

/* line 193, app/assets/stylesheets/login.scss */
.rotate-180-fix {
  transform: rotate(180deg);
}

@keyframes rotate180 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@keyframes rotate0 {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
#notify-body{
  position: fixed;
  top:0;
  width: 100%;
  height: 65px;
  display: none;
}
@keyframes notifyshow {
  from {
    top:-100px;
  } to {
    top:10px;
  }
}
.notify {
  margin:0px auto;
  width:400px;
  min-height: 45px;
  height: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: bold;
  background: var(--dark-blue);
  position: relative;
  top:10px;
  border-radius:5px;
  box-shadow: 0px 0px 3px -1px #f4f4f4;
  animation-name: notifyshow;
  animation-duration: 500ms;
  z-index: 10;
}

.notify span {
  color:white;
}
/* line 5, app/assets/stylesheets/program.scss */
.pmdsl_visual {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 11, app/assets/stylesheets/program.scss */
.pmdsl-visual .sidebar {
  position: absolute;
  left: 0;
  width: 220px;
  height: 100%;
  background: #5d09b7;
  top: 0;
}

/* line 20, app/assets/stylesheets/program.scss */
.pmdsl-visual .item:hover {
  background-color: #ff0648;
}

/* line 24, app/assets/stylesheets/program.scss */
.pmdsl-visual .sidebar .app-name {
  display: flex;
  margin-top: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/* line 32, app/assets/stylesheets/program.scss */
.app-name .brand-small {
  width: 20px;
  height: 20px;
}

/* line 37, app/assets/stylesheets/program.scss */
.app-name span {
  color: white;
}

/* line 41, app/assets/stylesheets/program.scss */
.pmdsl-visual .sidebar .menu {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

/* line 47, app/assets/stylesheets/program.scss */
.sidebar .menu .item {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: left;
  color: white;
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/program.scss */
.pmdsl-visual .body {
  position: absolute;
  width: calc(100% - 220px);
  height: 100%;
  left: 220px;
  overflow-y: scroll;
}

/* line 65, app/assets/stylesheets/program.scss */
.box-stream {
  display: block;
  padding: 5px;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 120px;
  border-radius: 4px;
  background: ghostwhite;
  box-shadow: 0px 0px 4px 1px #bac6cfe3;
  margin-right: 1em;
  margin-left: 3px;
  margin-top: 10px;
  cursor: pointer;
}

/* line 81, app/assets/stylesheets/program.scss */
.flex.evenly {
  justify-content: space-between;
}

/* line 85, app/assets/stylesheets/program.scss */
.box-file {
  width: 340px;
  height: auto;
  padding: 3px;
  min-height: 80px;
  background: #e2e3eb;
  border-radius: 4px;
  cursor: pointer;
  background: #e2e3eb;
}

/* line 96, app/assets/stylesheets/program.scss */
.box-file-ic-center {
  margin: 0 auto;
}

/* line 100, app/assets/stylesheets/program.scss */
.box-file.minus {
  display: grid;
  width: 140px;
  justify-content: center;
  background: none;
}

/* line 107, app/assets/stylesheets/program.scss */
.box-file.hover:hover {
  background: #dceff3;
}

/* line 111, app/assets/stylesheets/program.scss */
button.btn-pmdsl-system-new {
  border: none;
  width: 200px;
  height: 80px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  background: ghostwhite;
  box-shadow: 0px 0px 4px 1px #bac6cfe3;
}

/* line 123, app/assets/stylesheets/program.scss */
#selected-files {
  margin-bottom: 30px;
}

/* line 128, app/assets/stylesheets/program.scss */
.pmdsl-visual .active {
  background: #ff0648 !important;
}

/* line 132, app/assets/stylesheets/program.scss */
#archive-submit-upload {
  background: #7eed7e;
  width: 120px;
  height: 35px;
  border-radius: 4px;
  border: none;
  outline: none;
}

/* line 141, app/assets/stylesheets/program.scss */
.ic-r {
  rotate: 90deg;
  box-shadow: 0px 6px 3px -2px #dee1e573;
}

/* line 146, app/assets/stylesheets/program.scss */
.ic-r {
  box-shadow: 2px 5px 0px -2px #e1d7d7;
}

/* line 150, app/assets/stylesheets/program.scss */
.image-responsive {
  width: 180px;
  height: auto;
}

/* line 155, app/assets/stylesheets/program.scss */
button.more-options {
  width: 20px;
  height: 40px;
  display: grid;
  justify-content: center;
  align-items: center;
  background: transparent;
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
  cursor: pointer;
}

/* line 169, app/assets/stylesheets/program.scss */
.more-options:hover {
  background: silver;
  border-radius: 4px;
}

/* line 174, app/assets/stylesheets/program.scss */
.more-options-float {
  display: none;
  padding: 5px;
  position: fixed;
  top: 140px;
  left: 5%;
  background: ghostwhite;
  border: 1px solid silver;
  width: 150px;
  height: 200px;
  border-radius: 4px;
}

/* line 187, app/assets/stylesheets/program.scss */
.visuality {
  cursor: pointer;
  width: 280px;
  background: white;
  border-radius: 4px;
  justify-content: space-around;
  align-items: center;
}

/* line 196, app/assets/stylesheets/program.scss */
.btn-add {
  width: 120px;
  height: 35px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* line 204, app/assets/stylesheets/program.scss */
.confirm:hover {
  background: green;
  color: white;
}

/* line 210, app/assets/stylesheets/program.scss */
.btn-action-archives {
  border: none;
  border-radius: 4px;
  height: 40px;
  font-size: 14px;
  padding: 10px;
  cursor: pointer;
}

/* line 219, app/assets/stylesheets/program.scss */
.btn-action-archives:hover {
  background: blue;
  color: white;
}

/* line 224, app/assets/stylesheets/program.scss */
.btn-action-archives.mark {
  background: blue !important;
  color: white !important;
}

/* line 229, app/assets/stylesheets/program.scss */
.btn-mark {
  width: 40px;
  height: 40px;
  border: none;
}

/* line 235, app/assets/stylesheets/program.scss */
figure {
  width: 180px;
  height: 240px;
  text-align: center;
  display: grid;
  align-items: center;
}

/* line 243, app/assets/stylesheets/program.scss */
.legend-figure {
  word-break: break-word;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  background: #0a0a0abf;
  height: 50px;
  color: navajowhite;
}

/* line 255, app/assets/stylesheets/program.scss */
.img-full {
  position: relative;
  margin: 0 auto;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: white;
}

@keyframes toleft {
  from {
    opacity: 0;
    left: -100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

/* line 277, app/assets/stylesheets/program.scss */
.animate {
  width: auto;
  height: 100%;
  position: relative;
  animation-name: toleft;
  animation-duration: 0.7s;
  animation-direction: normal;
  animation-iteration-count: 1;
}

/* line 288, app/assets/stylesheets/program.scss */
select {
  height: 40px;
  margin-left: 20px;
  font-size: 14px;
  outline: none;
}

/* line 295, app/assets/stylesheets/program.scss */
.btn-visuality {
  height: 40px;
  width: 120px;
}

/* line 300, app/assets/stylesheets/program.scss */
.text-info-stream {
  color: #cccc;
  font-size: 22px;
}

/* line 304, app/assets/stylesheets/program.scss */
.btn-new {
  border: none;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  color: white;
  cursor: pointer;
  background: #5d09b7;
  box-shadow: 0px 0px 4px 1px #bac6cfe3;
  font-weight: 600;
}
@media only screen and (minx-width: 1366px) {
  /* line 2, app/assets/stylesheets/responsive.scss */
  .title, .brand, .list-navigator {
    position: relative;
  }
}

@media only screen and (max-width: 1280px) {
  /* line 8, app/assets/stylesheets/responsive.scss */
  .calleds .list .called {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }
  /* line 14, app/assets/stylesheets/responsive.scss */
  .called div.column {
    width: 180px;
  }
}

@media only screen and (max-width: 1158px) {
  /* line 19, app/assets/stylesheets/responsive.scss */
  .header-list {
    display: none;
  }
  /* line 22, app/assets/stylesheets/responsive.scss */
  button.btn.rounded {
    display: block;
  }
  /* line 25, app/assets/stylesheets/responsive.scss */
  header .btn.new-cta {
    display: none;
  }
  /* line 28, app/assets/stylesheets/responsive.scss */
  img.img-landing-page {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  /* line 38, app/assets/stylesheets/responsive.scss */
  h1, h1 span {
    font-size: 25px;
  }
  /* line 42, app/assets/stylesheets/responsive.scss */
  span.sub-title {
    padding-left: 41px;
    font-size: 7.1px;
  }
  /* line 47, app/assets/stylesheets/responsive.scss */
  .footer-login h4 {
    font-size: 12px;
  }
}

@media only screen and (max-width: 920px) {
  /* line 53, app/assets/stylesheets/responsive.scss */
  .dashboard-sidebar {
    position: absolute;
    z-index: 1;
  }
  /* line 57, app/assets/stylesheets/responsive.scss */
  .data-content {
    overflow-x: scroll;
  }
  /* line 60, app/assets/stylesheets/responsive.scss */
  .adm-row span, .adm-item span {
    font-size: 12px;
    width: 130px;
  }
  /* line 64, app/assets/stylesheets/responsive.scss */
  .actions-flex button {
    width: 73px;
    height: 30px;
  }
  /* line 68, app/assets/stylesheets/responsive.scss */
  .ic-actions {
    width: 13px;
    height: 13px;
  }
}

@media only screen and (max-width: 720px) {
  /* line 74, app/assets/stylesheets/responsive.scss */
  h1, h1 span {
    font-size: 25px;
  }
  /* line 77, app/assets/stylesheets/responsive.scss */
  span.sub-title {
    padding-left: 41px;
    font-size: 7.1px;
  }
  /* line 81, app/assets/stylesheets/responsive.scss */
  .footer-login h4 {
    font-size: 9px;
  }
  /* line 84, app/assets/stylesheets/responsive.scss */
  .adm-row, .adm-item {
    min-width: 720px;
  }
  /* line 87, app/assets/stylesheets/responsive.scss */
  .container .content {
    width: 480px;
  }
  /* line 93, app/assets/stylesheets/responsive.scss */
  img.login-logo {
    width: 220px;
    height: 40px;
  }
  /* line 97, app/assets/stylesheets/responsive.scss */
  .login-sidebar {
    width: 240px;
  }
  /* line 100, app/assets/stylesheets/responsive.scss */
  .header-dashboard {
    width: 100%;
    left: 0;
  }
  /* line 104, app/assets/stylesheets/responsive.scss */
  .data-content {
    width: calc(95% - 40px);
    left: 0;
  }
  /* line 108, app/assets/stylesheets/responsive.scss */
  .dashboard-sidebar {
    width: 270px;
  }
  /* line 111, app/assets/stylesheets/responsive.scss */
  .user-settings {
    width: calc(100% - 40px) !important;
  }
  /* line 114, app/assets/stylesheets/responsive.scss */
  .pmdsl-visual .sidebar {
    contain: content;
    width: 55px;
  }
  /* line 119, app/assets/stylesheets/responsive.scss */
  .pmdsl-visual .sidebar span {
    display: none;
  }
  /* line 122, app/assets/stylesheets/responsive.scss */
  button.hidesidebar {
    position: absolute;
    top: 10px;
    left: 5px !important;
    z-index: 4;
    width: 40px;
    background: transparent;
    border: 1px solid gray;
    border-radius: 4px;
  }
  /* line 132, app/assets/stylesheets/responsive.scss */
  .body-document {
    left: 70px;
  }
  /* line 135, app/assets/stylesheets/responsive.scss */
  .container-visuality {
    margin-left: 70px !important;
    width: 89% !important;
  }
  /* line 140, app/assets/stylesheets/responsive.scss */
  .flex {
    flex-wrap: wrap;
  }
  /* line 143, app/assets/stylesheets/responsive.scss */
  .btn-visuality {
    width: 60px;
    height: 30px;
  }
}

@media only screen and (max-width: 560px) {
  /* line 149, app/assets/stylesheets/responsive.scss */
  .login-sidebar {
    position: absolute;
    z-index: 1;
  }
  /* line 153, app/assets/stylesheets/responsive.scss */
  .box-form {
    width: 100%;
  }
  /* line 156, app/assets/stylesheets/responsive.scss */
  .container .content {
    width: 400px;
  }
  /* line 162, app/assets/stylesheets/responsive.scss */
  img.logo {
    width: 280px;
    height: 50px;
  }
}

@media only screen and (max-width: 480px) {
  /* line 171, app/assets/stylesheets/responsive.scss */
  .container .content {
    width: 83%;
  }
  /* line 176, app/assets/stylesheets/responsive.scss */
  form.form-dashboard .boxd-field input {
    width: 300px;
  }
  /* line 182, app/assets/stylesheets/responsive.scss */
  .contact form {
    width: 100%;
  }
  /* line 185, app/assets/stylesheets/responsive.scss */
  .contact img {
    width: 150px;
    height: 150px;
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 420px) {
  /* line 192, app/assets/stylesheets/responsive.scss */
  .pmdsl-visual .sidebar {
    z-index: 2;
    contain: content;
  }
  /* line 196, app/assets/stylesheets/responsive.scss */
  .pmdsl-visual .body {
    left: 0;
  }
  /* line 199, app/assets/stylesheets/responsive.scss */
  .btn.new-cta {
    width: 120px;
    font-size: 12px;
  }
  /* line 203, app/assets/stylesheets/responsive.scss */
  img.logo {
    width: 220px;
    height: 40px;
  }
  /* line 207, app/assets/stylesheets/responsive.scss */
  h1, h1 span {
    font-size: 25px;
  }
  /* line 210, app/assets/stylesheets/responsive.scss */
  span.sub-title {
    padding-left: 41px;
    font-size: 7.1px;
  }
  /* line 214, app/assets/stylesheets/responsive.scss */
  #adm-list button.act-create {
    position: absolute;
    left: 20px;
    top: 80px;
  }
  /* line 219, app/assets/stylesheets/responsive.scss */
  form.form-dashboard .boxd-field input {
    width: 250px;
  }
  /* line 222, app/assets/stylesheets/responsive.scss */
  .contact form textarea {
    width: 90%;
  }
  /* line 225, app/assets/stylesheets/responsive.scss */
  .contact-box input {
    width: 100%;
  }
  /* line 228, app/assets/stylesheets/responsive.scss */
  .notify {
    width: 280px;
    z-index: 1000;
  }
}
/* line 5, app/assets/stylesheets/user.scss */
.user-settings {
  width: calc(60% - 40px);
  height: auto;
  padding: 20px;
  margin: 0 auto;
}

/* line 11, app/assets/stylesheets/user.scss */
div.user-settings h2 {
  color: #000;
}

/* line 14, app/assets/stylesheets/user.scss */
.go-back {
  position: absolute;
  border: none;
  background: transparent;
  width: 190px;
  font-weight: 600;
  cursor: pointer;
}

/* line 22, app/assets/stylesheets/user.scss */
.btn-confirmation-email {
  background-color: indigo;
  width: 100px;
  height: 30px;
  border: none;
  color: white;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/user.scss */
input.code-field {
  border: none;
  outline: none;
  padding-bottom: 15px;
  padding-left: 11px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 25px;
  width: 203px;
}

/* line 41, app/assets/stylesheets/user.scss */
.line-bottom hr {
  color: indigo;
}
/* line 4, app/assets/stylesheets/visuality.scss */
.container-visuality {
  position: relative;
  width: 75%;
  height: auto;
  max-height: 390px;
  margin-left: 240px;
  overflow-y: auto;
}

/* line 12, app/assets/stylesheets/visuality.scss */
.list-sty {
  z-index: 1;
  position: relative;
  flex-flow: wrap;
  width: 100%;
  height: auto;
  max-height: 700px;
}

/* line 15, app/assets/stylesheets/visuality.scss */
button.btn-new-stream {
  height: 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: #5d09b7;
  color: white;
  font-weight: 600;
}

/* line 26, app/assets/stylesheets/visuality.scss */
.box-field-stream {
  width: auto;
  height: auto;
  display: grid;
  margin-top: 30px;
}

/* line 33, app/assets/stylesheets/visuality.scss */
input.field-stream {
  width: 300px;
  height: 40px;
  outline: none;
}

/* line 39, app/assets/stylesheets/visuality.scss */
#list {
  width: 95%;
}

/* line 44, app/assets/stylesheets/visuality.scss */
.figure-box {
  position: relative;
  display: grid;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  margin-left: 8px;
  margin-top: 18px;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/visuality.scss */
#order-list {
  border-radius: 4px;
  width: 87%;
  height: 150px;
  border: 1px solid #ccc;
  overflow-y: auto;
  flex-flow: wrap;
  margin-bottom: 3px;
  margin-top: 3px;
}

/* line 66, app/assets/stylesheets/visuality.scss */
#order-list .image-responsive, #order-list figure {
  position: relative;
  width: 140px;
  height: 140px;
}

/* line 72, app/assets/stylesheets/visuality.scss */
.brand-native {
  position: relative;
  width: auto;
  height: auto;
}

/* line 78, app/assets/stylesheets/visuality.scss */
#bag {
  position: absolute;
  flex-flow: wrap;
  top: 200px;
  width: 100%;
  display: flex;
  height: auto;
  z-index: 1;
  justify-content: center;
  float: left;
  align-items: center;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

 .email {
   width:100%;
   height:auto;
   display:grid;
   justify-content:center;
   margin-top:30px;
 }
 .header {
   display:flex;
   align-items:center;
   justify-content:center;
 }
 .email img.brand-mail {
   width:auto;
   height:auto;
   margin-right:10px;
 }
 .header span {
   font-size:30px;
   color:#1f134a;
 }
 color {
   color:#d0d3f2;
 }
 .email .content {
   color:#1f134a;
   margin-top:40px;
 }
 .email .content p {
   color: #3e3b3b;
   font-size:17px;
   max-width:400px;
 }

 button.hidesidebar {
   position:absolute;top:10px;left:20px;z-index:4;
 }