/* line 5, app/assets/stylesheets/p2admin.scss */
.circle {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  color: white;
  margin-left: 8.8px;
  padding-top: 3.3px;
}

/* line 17, app/assets/stylesheets/p2admin.scss */
.blue {
  background-color: blue;
}

/* line 21, app/assets/stylesheets/p2admin.scss */
.green {
  color: green;
}

/* line 24, app/assets/stylesheets/p2admin.scss */
.red {
  color: red;
}

/* line 27, app/assets/stylesheets/p2admin.scss */
.yellow {
  color: #CCCC00;
}

/* line 30, app/assets/stylesheets/p2admin.scss */
.grey {
  color: grey;
}

/* line 33, app/assets/stylesheets/p2admin.scss */
.dabtn {
  margin-top: 15px !important;
}

/* line 36, app/assets/stylesheets/p2admin.scss */
.bold {
  font-weight: bold !important;
  font-size: bold !important;
}

/* line 40, app/assets/stylesheets/p2admin.scss */
.company-name {
  font-size: 16.9px;
}

/* line 43, app/assets/stylesheets/p2admin.scss */
.calendar {
  width: 100%;
  border: solid 1.5px black;
  height: 168px;
  position: relative;
}

/* line 49, app/assets/stylesheets/p2admin.scss */
.pd-down {
  padding-bottom: 25px;
}

/* line 52, app/assets/stylesheets/p2admin.scss */
.information {
  position: absolute;
  left: 60;
  bottom: 0;
  padding: 0px !important;
  align-items: center !important;
  text-align: center !important;
}

/* line 60, app/assets/stylesheets/p2admin.scss */
.nopd {
  padding: 0px !important;
  align-items: center !important;
  text-align: center !important;
}

/* line 65, app/assets/stylesheets/p2admin.scss */
.center {
  align-items: center !important;
  text-align: center !important;
  padding-bottom: 15px !important;
}

/* line 70, app/assets/stylesheets/p2admin.scss */
.previous-month {
  background-color: #f1f1f1;
  border-radius: 50%;
  color: black;
  height: 20px;
  width: 20px;
  display: inline-block;
  font-size: 12px;
}

/* line 79, app/assets/stylesheets/p2admin.scss */
.para {
  display: inline-block;
  font-size: 20px;
}

/* line 83, app/assets/stylesheets/p2admin.scss */
.info {
  white-space: nowrap;
}

/* line 86, app/assets/stylesheets/p2admin.scss */
#yearmodel {
  display: inline-block;
}

/* line 89, app/assets/stylesheets/p2admin.scss */
.device-container {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  padding-top: 15px;
}

/* line 95, app/assets/stylesheets/p2admin.scss */
.btn-submit {
  padding-top: 15px;
}

/* line 98, app/assets/stylesheets/p2admin.scss */
.device-img {
  width: 85%;
  height: 350px;
}

/* line 102, app/assets/stylesheets/p2admin.scss */
.li {
  list-style-type: square !important;
  font-size: 17.5px;
  margin-left: 10px;
}

/* line 107, app/assets/stylesheets/p2admin.scss */
.fs-17 {
  font-size: 17.5px !important;
}

/* line 110, app/assets/stylesheets/p2admin.scss */
.mg-bot {
  margin-bottom: 15px;
}

/* line 113, app/assets/stylesheets/p2admin.scss */
.fs-20 {
  font-size: 28px;
  margin-top: 25px;
  text-align: center;
  align-items: center;
}

/* line 119, app/assets/stylesheets/p2admin.scss */
.fss-20 {
  font-size: 20.5px;
}

/* line 122, app/assets/stylesheets/p2admin.scss */
.fs-22 {
  font-size: 22px;
}

/* line 125, app/assets/stylesheets/p2admin.scss */
.install-flow-visual {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 50px;
  margin-top: 50px;
  font-size: 20px;
}

/* line 133, app/assets/stylesheets/p2admin.scss */
.all-flow {
  width: 50%;
}

/* line 136, app/assets/stylesheets/p2admin.scss */
.title {
  text-decoration: underline;
}

/* line 139, app/assets/stylesheets/p2admin.scss */
.fa-times {
  color: red;
}

/* line 142, app/assets/stylesheets/p2admin.scss */
.fa {
  cursor: pointer !important;
}

/* line 145, app/assets/stylesheets/p2admin.scss */
.underline {
  text-decoration: underline !important;
}

/* line 148, app/assets/stylesheets/p2admin.scss */
.fa-check {
  color: green;
}

/* line 151, app/assets/stylesheets/p2admin.scss */
.device-card-body {
  padding: 50px !important;
  border: 1px solid black;
}

/* line 155, app/assets/stylesheets/p2admin.scss */
.fs-35 {
  font-size: 20px;
}

/* line 158, app/assets/stylesheets/p2admin.scss */
.comlist {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 163, app/assets/stylesheets/p2admin.scss */
.hidden {
  display: none !important;
}

/* line 166, app/assets/stylesheets/p2admin.scss */
.white {
  color: white !important;
}

/* line 170, app/assets/stylesheets/p2admin.scss */
.yellow-gojupiter {
  color: #f9bf3a;
  font-weight: 900;
  margin-bottom: 30px;
  text-align: center;
  font-size: 45px;
}

/* line 179, app/assets/stylesheets/p2admin.scss */
.alert {
  color: black;
}

/* line 183, app/assets/stylesheets/p2admin.scss */
.device-img {
  max-width: 100%;
  object-fit: contain;
}

/* line 188, app/assets/stylesheets/p2admin.scss */
.device-card {
  background: #f1f7fc;
  text-align: center;
  padding: 0 0 25px 0;
  border-style: solid;
  border-color: #932573;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  max-width: 320px;
  margin-bottom: 20px;
}

/* line 201, app/assets/stylesheets/p2admin.scss */
.form-control.device-amount {
  width: 76px;
  height: 40px;
}

/* line 206, app/assets/stylesheets/p2admin.scss */
.form-control.total {
  width: 84px;
  height: 40px;
}

/* line 211, app/assets/stylesheets/p2admin.scss */
.add-margin-top {
  margin-top: 5px;
}

/* line 215, app/assets/stylesheets/p2admin.scss */
.same-line {
  display: inline-block;
}

/* line 219, app/assets/stylesheets/p2admin.scss */
.device-card .price-actions .btn {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #e33e67;
  color: #ffffff;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 10px 20px;
  margin-top: 20px;
  cursor: pointer;
}

/* line 233, app/assets/stylesheets/p2admin.scss */
.card-head h1 {
  background: #932573;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 242, app/assets/stylesheets/p2admin.scss */
.card-head h2 {
  font-size: 50px;
  font-weight: 100;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 249, app/assets/stylesheets/p2admin.scss */
.device-card ul {
  margin: 15px 0;
  padding: 0;
}

/* line 254, app/assets/stylesheets/p2admin.scss */
.device-card ul li {
  border-bottom: 1px #CCCCCC;
  color: #232323;
  margin: 0 2em;
  padding: 1em 0;
  text-align: left;
  font-weight: 300;
  font-size: 13px;
}

/* line 264, app/assets/stylesheets/p2admin.scss */
.device-card ul li span {
  font-weight: normal;
}

/* line 268, app/assets/stylesheets/p2admin.scss */
.device-card span.note {
  display: inline;
  font-size: 25px;
  line-height: 0.8em;
  position: relative;
  top: -18px;
}

/* line 276, app/assets/stylesheets/p2admin.scss */
.spec-block {
  background: #f1f7fc;
  text-align: center;
  padding: 0 0 25px 0;
  border-style: solid;
  border-color: #932573;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  max-width: 400px;
  margin-bottom: 20px;
}

/* line 289, app/assets/stylesheets/p2admin.scss */
.spec-key {
  text-align: center;
  font-size: 22px;
  padding-bottom: 4px;
  border-bottom: 1px solid #932573;
  margin-bottom: 30px;
  margin-left: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 13px 15px;
}

/* line 302, app/assets/stylesheets/p2admin.scss */
.spec-value {
  font-size: 19px;
  padding-bottom: 4px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  max-width: 400px;
  margin-top: 17px;
  font-weight: 600;
  text-align: justify;
}

/* line 315, app/assets/stylesheets/p2admin.scss */
.spec-device-img {
  height: 300px;
  object-fit: contain;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -23px;
  width: 120%;
}

/* line 325, app/assets/stylesheets/p2admin.scss */
.page-header-device-name {
  background-color: #8f3a8f;
  padding-top: 20px;
  margin-bottom: 22px;
}

/* line 331, app/assets/stylesheets/p2admin.scss */
.row-device-info {
  background-color: #ddd6d5 !important;
  background-image: url(/assets/background-c55f279cb87ca2a9bbf606714c6595d4c112bc3a340dce588f5b155af804e37c.png);
  padding-bottom: 25px;
  width: 100%;
  display: inline-block;
}

/* line 340, app/assets/stylesheets/p2admin.scss */
.row-device-spec {
  margin-top: 3.5%;
}

/* line 344, app/assets/stylesheets/p2admin.scss */
.row-device-spec {
  margin-top: 3.5%;
}

/* line 348, app/assets/stylesheets/p2admin.scss */
.spec-title {
  font-size: 33px;
  font-weight: 700;
}

/* line 352, app/assets/stylesheets/p2admin.scss */
.spec-detail {
  font-size: 28px;
}

/* line 357, app/assets/stylesheets/p2admin.scss */
.ticket-title {
  margin-left: 10px;
  font-size: 28px;
  display: inline;
}

/* line 363, app/assets/stylesheets/p2admin.scss */
.discussion {
  margin: 20px 0 0 40px;
}

/* line 367, app/assets/stylesheets/p2admin.scss */
.ticket-detail {
  padding: 10px;
  margin-top: 30px;
}

/* line 372, app/assets/stylesheets/p2admin.scss */
.ticket-status {
  padding: 10px 15px;
  font-size: 20px;
  display: inline;
  border: solid 2px;
  border-radius: 20px;
}

/* line 380, app/assets/stylesheets/p2admin.scss */
.ticket-status.active {
  background-color: cadetblue;
}

/* line 384, app/assets/stylesheets/p2admin.scss */
.ticket-status.pending {
  background-color: yellow;
}

/* line 388, app/assets/stylesheets/p2admin.scss */
.ticket-status.resolved {
  background-color: green;
}

/* line 392, app/assets/stylesheets/p2admin.scss */
.customer-name {
  font-size: 24px;
  color: black;
}

/* line 397, app/assets/stylesheets/p2admin.scss */
.ticket-description {
  font-size: 18px;
  padding-bottom: 6px;
}

/* line 402, app/assets/stylesheets/p2admin.scss */
.comment-block {
  margin: 0 60px 20px 0;
  border: 1px solid;
  border-radius: 6px;
  border-color: #d0d7de;
}

/* line 410, app/assets/stylesheets/p2admin.scss */
.blank-comment {
  background-color: #c9d7e3;
  margin: 0 5% 10px 0;
  border-radius: 10px;
  text-align: center;
}

/* line 417, app/assets/stylesheets/p2admin.scss */
.comment-date {
  font-size: smaller;
  margin-right: 1%;
}

/*
  .comment-block::before {
    position: absolute;
    display: block;
    width: 2px;
    content: '';
  }
*/
/* line 429, app/assets/stylesheets/p2admin.scss */
.comment-author {
  padding: 10px;
  background-color: #f6f8fa;
  color: black;
  font-size: 18px;
  margin-bottom: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: solid 1px;
  border-color: #d0d7de;
}

/* line 441, app/assets/stylesheets/p2admin.scss */
.comment-string {
  padding: 10px;
  color: #2c2828;
}

/* line 446, app/assets/stylesheets/p2admin.scss */
.support-avatar {
  width: 50px;
  height: 50px;
}

/* line 451, app/assets/stylesheets/p2admin.scss */
.label-list {
  margin-top: 20px;
}

/* line 455, app/assets/stylesheets/p2admin.scss */
.label-row {
  border: solid 1.5px yellowgreen;
}

/* line 459, app/assets/stylesheets/p2admin.scss */
.edit-label:hover {
  color: #f9bf3a;
}

/* line 463, app/assets/stylesheets/p2admin.scss */
.ticket-label {
  padding: 5px 20px;
  margin: 5px;
  width: fit-content;
  background-color: green;
  color: black;
  font-size: 18px;
  font-weight: 700;
  border-color: #d0d7de;
  border-radius: 20px;
}

/* line 475, app/assets/stylesheets/p2admin.scss */
.ticket-image {
  margin-left: 10%;
  margin-right: 10%;
}

/* line 480, app/assets/stylesheets/p2admin.scss */
.ticket-image:hover {
  cursor: pointer;
}

/* line 484, app/assets/stylesheets/p2admin.scss */
.ticket-image img {
  max-width: 50%;
  border: solid 1.5px #932573;
  border-radius: 15px;
}

/* line 490, app/assets/stylesheets/p2admin.scss */
.modal-image-attachment img {
  max-width: 100%;
}