/* Empty. Add your own CSS if you like */
.header .col {
  background-color:lightgrey;
}

.table .col {
  border: solid 1px grey;
  border-bottom-style: none;
  border-right-style: none;
}

.table .col:last-child {
  border-right: solid 1px grey;
}

.table.row:last-child .col {
  border-bottom: solid 1px grey;
}
.mkcenter{
	margin-left: auto !important;
    margin-right: auto !important;
    float: initial !important;
}

.item.item-stacked-label.item-assertive-outline,.item.item-assertive-outline{
  border-bottom:3px solid red !important;
}
.item.item-stacked-label.item-balanced-outline,.item.item-balanced-outline{
  border-bottom:3px solid #28a54c !important;
}

#map {
  width: 100%;
  height: 300px !important;
}

.scroll {
  height: 100%;
}

.gantt_layout_cell{
  float: left !important;
}
.gantt_data_area{
  overflow-x: scroll !important;
}


.upimg{
  height: 130px;
  width: 200px;
  object-fit: cover;
  margin:0px 3px !important;
}

.scrollpad{
  padding:5px 5px 0px !important;
  overflow-x: scroll;
  white-space: nowrap;
}






        .clear{clear: both;}
        .message-wrapper {
          position: relative;
        }

        .message-wrapper:last-child {
          margin-bottom: 60px;
        }
        .chat-bubble .card{
          margin:0px;
        }
        .message pre{
          font-family: inherit;
        }
        .chat-bubble {
          border-radius: 10px;
          display: inline-block;
          padding: 10px;/* 8px;*/
          position: relative;
          margin: 5px;
          max-width: 90%;
          min-width: 60%;
          font-size: 16px;
        }

        .chat-bubble:before {
          content: "\00a0";
          display: block;
          height: 16px;
          width: 9px;
          position: absolute;
          bottom: -4.5px;
        }

        .chat-bubble.right {
          background-color: #7FC2FF;
          /*color: #fff;*/
          float: right;
          text-align: right;
          margin-left: 55px;
          margin-right: 10px;
        }

        .chat-bubble.right:before {
          background-color: #7FC2FF;
          right: 10px;
          -webkit-transform: rotate(118deg) skew(-5deg);
        }

        .chat-bubble.left {
          background-color: #d3d3d3;
          color: #000;
          float: left;
          margin-right: 55px;
          margin-left: 10px;
        }

        .chat-bubble.left:before {
          background-color: #d3d3d3;
          left: 10px;
          -webkit-transform: rotate(70deg) skew(5deg);
        }

        .chat-bubble.right a.autolinker {
          color: #fff;
          font-weight: bold;
        }
        .platform-android .spacer.pageEnd{
          height: 50px !important;
        }
        .platform-ios .spacer.pageEnd{
          height: 240px !important;
        }

        .platform-ios .is-android{
          display: none;
        }
        .platform-android .is-ios{
          display: none;
        }

        .slider-image{
            width: 100%;
            height: 100vh;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center, center !important;
        }
        .slider.black{
            background-color: black;
            height: 100%;
        }

        .modal-close {
          border: 2px #fff solid;
          border-radius: 50%;
          position: absolute;
          right: 15px;
          top: 24px;
          height: 32px;
          width: 32px;
          background-color: rgba(0,0,0,0.8);
          padding-top: 8px;
          color: white;
          padding-left: 9px;
          z-index: 9999;
        }
        .scrollCanvas{
          width: 100%;
          height: 100%;
          background-color: initial;
          display: table;
        }
        .scrollCanvas .scroll{
          display: table-cell;
          vertical-align: middle;;
          text-align: center;
        }
        .bgBlack{
          background-color: black !important;
        }
        .trans{
            background-color: rgba(0,0,0,0.3);
        }

        .trans .title,
        .trans .back-button{
            color:white;
        }
        .msg-text{
          text-align: initial;
        }
        .suite{
          width: 100%;
          height:auto;
        }
        .suite .col-50,.suite .col-33{
          float: left;
        }


      .product-header {
          position: relative;
          /*height: 300px;*/
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center;
      }
    .product-header .product-name {
      /*font-size: 20px;*/
      font-weight: 400;
      /*color: #FFF;*/
      position: absolute;
      left: 20px;
      bottom: 35px;
  }
.product-header .product-price {
    font-size: 16px;
    font-weight: 700;
    /*color: #86d44d;*/
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.product-body {
    padding: 20px;
}
.product-body .product-info {
    color: #777;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 20px;
}
.tright{
/*  text-align: right;
/*  padding-right: 30px;
  max-width: 200px;*/
}