img {
  max-width: 100%;
}

.chat-content {
  padding: 100px 0;
}

.chat-content button {
  outline: none;
  overflow: hidden;
}

.chat-content .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chat-content .top_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}

.chat-content .top_heading h3 {
  font-weight: 600;
  font-size: 18px;
}

.chat-content .top_heading .btn {
  background-color: #00b787;
  border-color: #00b787;
}

.chat-content .top_heading .btn i {
  margin-right: 5px;
}

.chat-content .messaging {
  padding: 25px 0;
}

.chat-content .messaging .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.chat-content .messaging .filter h3 {
  font-size: 20px;
  font-weight: 600;
}

.chat-content .messaging .filter .select-part {
  position: relative;
  padding-left: 10px;
  border: 1px solid #aaa;
}

.chat-content .messaging .filter .select-part i {
  color: #aaa;
}

.chat-content .messaging .filter .select-part select {
  color: #00b787;
  padding: 6px 25px;
  border: none;
}

.chat-content .messaging .stylish-input-group {
  display: block;
  width: 100%;
  margin: 15px 0;
}

.chat-content .messaging .stylish-input-group input {
  background-color: #F9FAFC;
  padding: 10px 20px;
  color: #888;
}

.chat-content .messaging .inbox_people {
  overflow: hidden;
  border-right: 1px solid #c0c0c0;
}

.chat-content .messaging .inbox_msg {
  border: 1px solid #c0c0c0;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35% 65%;
      grid-template-columns: 35% 65%;
}

.chat-content .headind_srch .create .btn {
  background-color: #00b787;
  border-color: #00b787;
  width: 100%;
  padding: 10px 30px;
  margin-bottom: 15px;
  color: #dfffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.chat-content .headind_srch .create .btn i {
  margin-right: 5px;
}

.chat-content .headind_srch .create p {
  color: #a8a8a8;
  font-size: 14px;
  font-weight: 600;
}

.chat-content .chat_ib .slug {
  background-color: #eaeaea;
  color: #858585;
  padding: 3px 20px;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 5px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.chat-content .chat_ib h5 {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.chat-content .chat_ib h5 span {
  margin: 0 5px;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.chat-content .chat_ib p {
  font-size: 16px;
  font-weight: 600;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.chat-content .chat_ib .date {
  font-size: 12px;
  color: #444;
}

.chat-content .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 25px 0;
}

.chat-content .pagination .page-item.active {
  background-color: #FB0200;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.chat-content .pagination .page-item.active .page-link {
  color: #fff;
}

.chat-content .pagination .page-link {
  border: none;
  color: #333;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
  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;
}

.chat-content .pagination .page-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chat-content .heading {
  padding: 15px;
  border-bottom: 1px solid #c0c0c0;
}

.chat-content .heading .chat_ib_inside h5 {
  color: #333;
  font-size: 18px;
  margin: 10px 0;
  font-weight: 600;
}

.chat-content .heading .chat_ib_inside h5 span {
  margin: 0 5px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.chat-content .heading .chat_ib_inside p {
  font-size: 16px;
  font-weight: 600;
  color: #444;
  margin: 5px 0;
}

.chat-content .heading .chat_ib_inside .date {
  font-size: 12px;
  color: #444;
}

.chat-content .heading .chat_ib_inside .close {
  font-size: 16px;
  float: right;
  background-color: transparent;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border: 1px solid #c7c7c7;
  padding: 4px 20px;
  color: #c7c7c7;
}

.chat-content .heading .chat_ib_inside .close i {
  margin-right: 5px;
}

.chat-content .received_msg .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chat-content .received_msg .details .name {
  font-size: 14px;
  margin-right: 10px;
}

.chat-content .received_msg .details .time_date {
  margin-bottom: 6px;
}

.chat-content .outgoing_msg_img {
  display: inline-block;
  width: 50px;
}

.chat-content .outgoing_msg {
  overflow: hidden;
  margin: 26px 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row-reverse;
}

.chat-content .outgoing_msg .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  direction: ltr;
}

.chat-content .outgoing_msg .details .name {
  font-size: 14px;
  margin-right: 10px;
}

.chat-content .outgoing_msg .details .time_date {
  margin-bottom: 6px;
}

.chat-content .outgoing_msg .sent_msg {
  margin-right: 10px;
  max-width: 500px;
}

.chat-content .outgoing_msg .sent_msg p {
  background: #6fbced;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 15px;
  width: 100%;
  /*border: 1px solid #c0c0c0;*/
  border-radius: 30px 0 30px 30px;
  -webkit-border-radius: 30px 0 30px 30px;
  -moz-border-radius: 30px 0 30px 30px;
  -ms-border-radius: 30px 0 30px 30px;
  -o-border-radius: 30px 0 30px 30px;
}

.top_spac {
  margin: 20px 0 0;
}

.recent_heading {
  float: left;
  width: 40%;
}

.headind_srch {
  padding: 10px 29px 10px 20px;
  overflow: hidden;
  border-bottom: 1px solid #c0c0c0;
}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}

.srch_bar input {
  width: 100%;
  padding: 2px 0 4px 6px;
  background: none;
  border: none;
}

.srch_bar .input-group-addon {
  margin: 0 0 0 -35px;
}

.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #aaa;
  font-size: 18px;
}

.chat_ib h5 {
  font-size: 15px;
  color: #464646;
  margin: 0 0 8px 0;
}

.chat_ib h5 button {
  font-size: 13px;
  float: right;
  background-color: #178DE7;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border: none;
  padding: 3px 20px;
}

.chat_ib p {
  font-size: 14px;
  color: #989898;
  margin: auto;
}

.chat_img {
  float: left;
  width: 11%;
}

.chat_ib {
  float: left;
  width: 100%;
}

.chat_people {
  overflow: hidden;
  clear: both;
}

.chat_list {
  border-bottom: 1px solid #c0c0c0;
  margin: 0;
  padding: 15px;
}

.inbox_chat {
  height: 550px;
  overflow-y: scroll;
}

.inbox_chat::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.inbox_chat::-webkit-scrollbar {
  width: 10px;
  background-color: #AFAFB1;
}

.inbox_chat::-webkit-scrollbar-thumb {
  background-color: #AFAFB1;
  border-top: 0;
  border-bottom: 0;
}

.active_chat {
  background: #F9FAFC;
}

.incoming_msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.incoming_msg_img {
  display: inline-block;
  width: 50px;
}

.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  max-width: 500px;
}

.received_withd_msg p {
  /*background: #f8f8f8 none repeat scroll 0 0;*/
  background: #58b666;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 20px;
  width: 100%;
  border-radius: 0 30px 30px 30px;
  -webkit-border-radius: 0 30px 30px 30px;
  -moz-border-radius: 0 30px 30px 30px;
  -ms-border-radius: 0 30px 30px 30px;
  -o-border-radius: 0 30px 30px 30px;
}

.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}

.received_withd_msg {
  max-width: 500px;
}

.input_msg_write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.input_msg_write textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #9d9d9d;
  font-size: 14px;
  min-height: 40px;
  width: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  background-color: #F9FAFC;
  border: 1px solid #777;
  padding: 10px 20px;
  max-width: 1000px;
  max-height: 200px;
  resize: none;
}

.input_msg_write .msg_send_btn, .input_msg_write .msg_attatch_btn {
  margin-left: 10px;
  background-color: transparent;
  border: none;
      overflow: visible;
}

.input_msg_write .msg_send_btn:focus, .input_msg_write .msg_attatch_btn:focus {
  outline: none;
}

.input_msg_write .msg_send_btn i, .input_msg_write .msg_attatch_btn i {
  font-size: 14px;
  background: #00B787 none repeat scroll 0 0;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  height: 45px;
  width: 45px;
  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;
}
.type_msg {
  border-top: 1px solid #c0c0c0;
  position: relative;
  padding: 30px 15px;
}

.msg_history {
  height: 611px;
  overflow-y: auto;
  padding: 15px;
}

.msg_history::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.msg_history::-webkit-scrollbar {
  width: 10px;
  background-color: #AFAFB1;
}

.msg_history::-webkit-scrollbar-thumb {
  background-color: #AFAFB1;
  border-top: 0;
  border-bottom: 0;
}

.msg_history .information {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}

.msg_history .information h3 {
  font-size: 16px;
  color: #8d8d8d;
  font-weight: 600;
  margin-bottom: 10px;
}

.msg_history .information p {
  font-size: 14px;
  margin-bottom: 10px;
}

.msg_history .information span {
  font-size: 12px;
  margin: 0 5px;
}

.msg_history .information .start {
  position: relative;
  text-align: center;
}

.msg_history .information .start hr {
  position: absolute;
  top: 0%;
  width: 100%;
  background-color: #9d9d9d;
  z-index: -1;
}

.msg_history .information .start h3 {
  display: inline-block;
  background-color: #fff;
  padding: 5px 25px;
}

html[dir=rtl] .dashboard-wrapper {
  padding-right: 240px;
  padding-left: 0;
}

html[dir=rtl] .chat-content .top_heading .btn i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir=rtl] .chat-content .messaging .filter .select-part i {
  right: 5px;
  left: auto;
}

html[dir=rtl] .chat-content .heading .chat_ib_inside .close {
  float: left;
}

html[dir=rtl] .received_withd_msg p {
  border-radius: 30px 0 30px 30px;
  -webkit-border-radius: 30px 0 30px 30px;
  -moz-border-radius: 30px 0 30px 30px;
  -ms-border-radius: 30px 0 30px 30px;
  -o-border-radius: 30px 0 30px 30px;
}

html[dir=rtl] .chat-content .outgoing_msg {
  direction: ltr;
}

html[dir=rtl] .chat-content .outgoing_msg .details {
  direction: rtl;
}

html[dir=rtl] .chat-content .outgoing_msg p {
  direction: rtl;
  border-radius: 0 30px 30px 30px;
  -webkit-border-radius: 0 30px 30px 30px;
  -moz-border-radius: 0 30px 30px 30px;
  -ms-border-radius: 0 30px 30px 30px;
  -o-border-radius: 0 30px 30px 30px;
}

html[dir=rtl] .incoming_msg_img {
  margin-left: 10px;
}

html[dir=rtl] .outgoing_msg_img {
  margin-right: 10px;
}

html[dir=rtl] .chat_ib h5 button {
  float: left;
}

html[dir=rtl] .msg_history {
  height: 660px;
}

html[dir=rtl] .chat-content .heading .chat_ib_inside .close i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir=rtl] .side-menu .has_sub .main_a::after {
  left: 0;
  right: auto;
}

html[dir=rtl] .zoomin-part .zoom-content button {
  margin-right: 15px;
  margin-left: 0;
}

.speedex-table {
  padding: 25px;
}

p {
  margin-bottom: 0;
}

.item1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: barcode;
}

.item2 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 5;
  grid-area: logo;
}

.item3 {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: number;
}

.item4 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: sender;
}

.item5 {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  grid-area: receiver;
}

.item6 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: company;
}

.item7 {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: empty1;
}

.item8 {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: name;
}

.item9 {
  -ms-grid-row: 3;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: empty2;
}

.item10 {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: phone_num;
}

.item11 {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: empty3;
}

.item12 {
  -ms-grid-row: 4;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: phone1;
}

.item13 {
  -ms-grid-row: 4;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: empty4;
}

.item14 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: package;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}

.item15 {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: phone2;
}

.item16 {
  -ms-grid-row: 5;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: empty5;
}

.item17 {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: sipment;
  display: -ms-grid;
  display: grid;
      grid-template-columns: 50% 50%;
  font-weight: 700;
}

.item18 {
  -ms-grid-row: 6;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: area;
}

.item19 {
  -ms-grid-row: 6;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: empty6;
}

.item20 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: pcs;
}

.item21 {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
  grid-area: ac;
}

.item22 {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  grid-area: dim;
}

.item23 {
  -ms-grid-row: 7;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: remarks;
}

.item24 {
  -ms-grid-row: 7;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: allow;
  font-weight: 700;
}

.item25 {
  -ms-grid-row: 7;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: address;
  font-weight: 700;
}

.item26 {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
  grid-area: empty7;
}

.item27 {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
  grid-area: empty8;
}

.item28 {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
  grid-area: empty9;
}

.item29 {
  -ms-grid-row: 8;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: empty10;
}

.item30 {
  -ms-grid-row: 8;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: status;
  text-align: center;
}

.item30 img {
  max-width: 90px;
}

.item31 {
  -ms-grid-row: 8;
  -ms-grid-row-span: 3;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: empty11;
}

.item32 {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: amount;
  display: -ms-grid;
  display: grid;
      grid-template-columns: 50% 50%;
  font-weight: 700;
}

.item32 span {
  font-weight: 500;
}

.item33 {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: receiving;
  font-weight: 700;
}

.item34 {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  grid-area: conditions;
  text-align: center;
  font-family: "Tajawal", sans-serif;
}

.item34 p {
  white-space: nowrap;
}

.item35 {
  -ms-grid-row: 12;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: contact;
  text-align: center;
  font-weight: 600;
}

.item36 {
  -ms-grid-row: 12;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: phone_number;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

.item37 {
  -ms-grid-row: 12;
  -ms-grid-column: 7;
  -ms-grid-column-span: 3;
  grid-area: web;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

.item38 {
  -ms-grid-row: 12;
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-area: mail;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

.grid-container {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "barcode barcode barcode barcode logo logo logo logo logo number number number" "sender sender sender sender sender sender receiver receiver receiver receiver receiver receiver" "company company company empty1 empty1 empty1 name name name empty2 empty2 empty2" "phone_num phone_num phone_num empty3 empty3 empty3 phone1 phone1 phone1 empty4 empty4 empty4" "package package package package package package phone2 phone2 phone2 empty5 empty5 empty5" "sipment sipment sipment sipment sipment sipment area area area empty6 empty6 empty6" "pcs ac dim remarks remarks remarks allow allow allow address address address" "empty7 empty8 empty9 empty10 empty10 empty10 status status status empty11 empty11 empty11" "amount amount amount empty10 empty10 empty10 status status status empty11 empty11 empty11" "receiving receiving receiving receiving receiving receiving status status status empty11 empty11 empty11" "conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions" "contact contact contact phone_number phone_number phone_number web web web mail mail mail";
}

.grid-container > div {
  background-color: white;
  border: 1px solid #000;
  padding: 8px 5px;
  color: #000;
  text-transform: uppercase;
  font-size: 10px;
  -webkit-border: 1px solid #000;
}

.item1,
.item2,
.item3 {
  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;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 600;
}

.item1.barcode img,
.item2.barcode img,
.item3.barcode img {
  padding-top: 5px;
  margin-bottom: 5px;
}

.item1.logo img,
.item2.logo img,
.item3.logo img {
  margin: auto;
  display: block;
  width: 80px;
}

.item4,
.item5 {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}

.item26,
.item27,
.item28 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (25px)[1];
      grid-template-rows: repeat(1, 25px);
}

section {
  padding-bottom: 25px;
}

section:nth-child(even) {
  padding-bottom: 0;
}

@media print {
  section {
    height: 50vh;
  }
}

.dashboard-wrapper {
  min-height: 100vh;
  padding-left: 240px;
}

.dashboard-wrapper .global_boxs .box:hover {
  border-color: #EE1F27;
}

.dashboard-wrapper .global_boxs .box.diff {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 75%;
      grid-template-columns: 25% 75%;
  gap: 10px;
}

.dashboard-wrapper .global_boxs .box.diff h3 {
  font-weight: 600;
}

.dashboard-wrapper .global_boxs .box.diff .number {
  color: #EE1F27 !important;
}

.dashboard-wrapper .global_boxs .box.diff .icon {
  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;
}

.dashboard-wrapper .global_boxs .box.diff .icon i {
  font-size: 40px;
  color: #EE1F27;
}

.chart-content {
  padding-top: 100px;
}

.alert-label {
  color: #f00 !important;
  margin-top: 5px;
  visibility: hidden;
}

.side-menu {
  width: 220px;
}

.side-menu ul {
  position: static;
}

.side-menu ul:nth-of-type(1) {
  position: static;
}

.side-menu ul:nth-of-type(1) li {
  padding: 15px 10px;
}

.side-menu ul:nth-of-type(1) li .main_a {
  padding: 10px 0;
}

.side-menu .submenu {
  display: none;
}

.side-menu .submenu a {
  font-size: 14px;
}

.side-menu .submenu .active a {
  color: #EE1F27;
}

.side-menu .active .submenu {
  display: block;
}

.side-menu .has_sub .main_a {
  position: relative;
}

.side-menu .has_sub .main_a::after {
  position: absolute;
  right: 0;
  top: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f078";
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
}

.side-menu .has_sub .main_a.rot_icon::after {
  transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
}

.side-menu .has_sub.active .main_a::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.side-menu .has_sub.active .main_a.rot_icon::after {
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
}

.zoomin-part .zoom-icon {
  display: inline-block;
  margin-bottom: 20px;
}

.zoomin-part .zoom-icon i {
  font-size: 29px;
  color: #6b6b6b;
  cursor: pointer;
}

.zoomin-part .zoom-content {
  -webkit-box-shadow: 1px 1px 20px -10px #888;
          box-shadow: 1px 1px 20px -10px #888;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: hidden;
}

.zoomin-part .zoom-content button {
  padding: 15px;
  width: 140px;
  margin-left: 15px;
}

.zoomin-part .form-control {
  border: none;
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  color: #333;
  background-color: #fafafa;
  font-size: 14px;
  padding: 15px;
  border: 1px solid #cfcfcf;
  border-radius: 25px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.zoomin-part .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: #000;
}

.profile-content {
  padding-top: 100px;
}

.profile-content .global_inputs {
  padding-top: 0;
}

.profile-content .global_inputs .upload-part {
  margin-bottom: 40px;
}

.profile-content .global_inputs .upload-part label {
  font-size: 16px;
}

.profile-content .global_inputs .image-profile {
  height: 250px;
}

.profile-content .global_inputs .image-profile img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.profile-content .global_inputs form .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.profile-content .global_inputs form .box .upload {
  background-color: #dde0e3;
}

.profile-content .global_inputs form .box .upload::-webkit-file-upload-button {
  background: #FAFAFA;
  color: #000;
}

.profile-content .global_inputs .edit-part .subtitle {
  margin-bottom: 25px;
}

.profile-content .global_inputs .edit-part .subtitle h3 {
  font-size: 26px;
}

.profile-content .global_inputs .edit-part .edit-inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 65%;
      grid-template-columns: 30% 65%;
  grid-gap: 5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile-content .global_inputs .edit-part .edit-inputs label {
  font-size: 20px;
  color: #747474;
}

.new-chat-content .messaging .inbox_msg {
  display: block;
  direction: initial;
}

@media (max-width: 767px) {
  .chat-content .messaging .inbox_msg {
    display: block;
  }
  .profile-content .global_inputs .edit-part .edit-inputs {
    display: block;
  }
  .profile-content .global_inputs .edit-part .edit-inputs label {
    font-size: 16px;
  }
  .profile-content .global_inputs .image-profile {
    margin-bottom: 20px;
  }
}

.setting-anckor {
  padding-top: 50px;
}

.setting-anckor i {
  margin-right: 10px;
}

.setting-anckor a {
  color: #747474;
  font-weight: 600;
  position: relative;
  padding: 10px;
  display: block;
}

.setting-anckor a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #E25857;
  width: 3px;
}

.settings-menu {
  height: 100%;
  background: #fff;
  z-index: 99;
}

.settings-menu .settings-title {
  padding: 22px;
  border-bottom: 1px solid #eaeaea;
}

.settings-menu .settings-title h2 {
  font-size: 35px;
  color: #3D415A;
}

.settings-menu .settings-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 75%;
      grid-template-columns: 25% 75%;
  height: 100%;
}

.settings-menu .settings-content .set-menu {
  border-right: 1px solid #eaeaea;
  height: 100%;
  padding-top: 15px;
}

.settings-menu .settings-content .set-menu li {
  padding: 10px 15px;
  position: relative;
  margin-bottom: 10px;
}

.settings-menu .settings-content .set-menu li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #E25857;
  width: 3px;
  visibility: hidden;
}

.settings-menu .settings-content .set-menu li i {
  margin-right: 10px;
}

.settings-menu .settings-content .set-menu li a {
  color: #C7C9D4;
  display: block;
  white-space: nowrap;
}

.settings-menu .settings-content .set-menu li.active {
  background-color: #F8F8F8;
}

.settings-menu .settings-content .set-menu li.active a {
  color: #626578;
  font-weight: 600;
}

.settings-menu .settings-content .set-menu li.active::after {
  visibility: visible;
}

.settings-menu .settings-content .other-side {
  padding: 20px;
}

.settings-menu .settings-content .other-side .buttons {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.settings-menu .settings-content .other-side .buttons .edit {
  background-color: #13B887;
  border-color: #00b787;
  padding: 7px 25px;
  margin-left: 15px;
  font-size: 16px;
  color: #dfffff;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
}

.settings-menu .settings-content .other-side .buttons .edit i {
  margin-right: 5px;
}

.settings-menu .settings-content .other-side .buttons .collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.settings-menu .settings-content .other-side .buttons .collection button {
  background-color: #fff;
  border-color: #D0D6DF;
  padding: 7px 20px;
  font-size: 16px;
  color: #BCC6D2;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.settings-menu .settings-content .other-side .buttons .collection button:first-child {
  border-radius: 6px 0 0 6px !important;
  -webkit-border-radius: 6px 0 0 6px !important;
  -moz-border-radius: 6px 0 0 6px !important;
  -ms-border-radius: 6px 0 0 6px !important;
  -o-border-radius: 6px 0 0 6px !important;
}

.settings-menu .settings-content .other-side .buttons .collection button:last-child {
  border-radius: 0 6px 6px 0 !important;
  -webkit-border-radius: 0 6px 6px 0 !important;
  -moz-border-radius: 0 6px 6px 0 !important;
  -ms-border-radius: 0 6px 6px 0 !important;
  -o-border-radius: 0 6px 6px 0 !important;
}

.settings-menu .settings-content .other-side .buttons .collection button i {
  margin-right: 5px;
}

.settings-menu .settings-content .other-side .subtitle {
  margin-bottom: 25px;
}

.settings-menu .settings-content .other-side .subtitle h3 {
  font-size: 20px;
  color: #626578;
  font-weight: 600;
  margin-bottom: 5px;
}

.settings-menu .settings-content .other-side .subtitle p {
  font-size: 16px;
  color: #626578;
}

.settings-menu .settings-content .other-side .form-info label {
  margin-bottom: 10px;
  font-weight: 600;
}

.settings-menu .settings-content .other-side .form-info .form-group {
  position: relative;
}

.settings-menu .settings-content .other-side .form-info .form-group .edit {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #00BA87;
  margin-top: 5px;
}

.settings-menu .settings-content .other-side .next-action {
  border-top: 1px solid #E7ECF1;
  border-bottom: 1px solid #E7ECF1;
  padding: 20px 0;
  margin: 20px 0;
}

.settings-menu .settings-content .other-side .next-action p {
  font-size: 14px;
}

.settings-menu .settings-content .other-side table {
  margin-bottom: 50px;
}

.settings-menu .settings-content .other-side table td {
  color: #c7c4c4;
}

.settings-menu .settings-content .other-side table .value {
  margin-top: 10px;
  color: #000;
}

.settings-menu .settings-content .other-side .table-bordered > :not(caption) > * > * {
  border: 1px solid #E7ECF1;
  padding: 10px;
}

.settings-menu .settings-content .other-side h3 {
  font-size: 20px;
  color: #626578;
  font-weight: 600;
  margin-bottom: 5px;
  margin-bottom: 20px;
}

.settings-menu .settings-content .other-side .StepProgress {
  position: relative;
  list-style: none;
  padding: 0;
}

.settings-menu .settings-content .other-side .StepProgress::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 100%;
  background-color: #E1E7EC;
}

.settings-menu .settings-content .other-side .StepProgress h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.settings-menu .settings-content .other-side .StepProgress p {
  margin-bottom: 15px;
}

.settings-menu .settings-content .other-side .StepProgress h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

.settings-menu .settings-content .other-side .StepProgress span {
  color: #acacac;
  font-size: 14px;
}

.settings-menu .settings-content .other-side .StepProgress-item {
  position: relative;
  counter-increment: list;
  padding-top: 0;
}

.settings-menu .settings-content .other-side .StepProgress-item.is-done::before {
  background-color: #13B887;
}

.settings-menu .settings-content .other-side .StepProgress-item:not(:last-child) {
  padding-bottom: 20px;
  padding-left: 40px;
}

.settings-menu .settings-content .other-side .StepProgress-item::before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #E1E7EC;
}

.settings-menu .settings-content .other-side .StepProgress strong {
  display: block;
}

.form-wizard ::-moz-selection {
  background: #ea2803;
  color: #fff;
  text-shadow: none;
}

.form-wizard ::selection {
  background: #ea2803;
  color: #fff;
  text-shadow: none;
}

.form-wizard .form-wizard-buttons {
  margin-top: 60px;
}

.form-wizard .form-wizard-buttons .btn {
  background-color: #13B887;
  color: #fff;
  padding: 6px 50px;
}

.form-wizard .form-wizard-buttons .btn:hover {
  background: #FE0317;
  color: #fff;
}

.form-wizard .form-wizard-buttons .btn:active {
  outline: 0;
  background: #fafafa;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-wizard .form-wizard-buttons .btn-previous, .form-wizard .form-wizard-buttons:focus, .form-wizard .form-wizard-buttons:active:focus, .form-wizard .form-wizard-buttons.active:focus {
  background: transparent;
  border: 1px solid #13B887;
  color: #13B887;
  margin-right: 10px;
}

.form-wizard-steps {
  margin: auto;
  overflow: hidden;
  position: relative;
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
  position: relative;
  z-index: 1;
}

.form-wizard-steps::after {
  content: "";
  position: absolute;
  background-color: #F1F2F2;
  left: 0;
  top: 8px;
  width: 100%;
  height: 4px;
  z-index: -1;
}

.form-wizard-step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form-wizard-step:last-child {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.form-wizard-step span.text {
  color: #000;
}

.form-wizard-step:last-child::after {
  display: none;
}

.form-wizard-step.active::after, .form-wizard-step.activated::after {
  background-color: #000;
}

.form-wizard-step .form-wizard-step-icon {
  margin-bottom: 10px;
}

.form-wizard-step .form-wizard-step-icon i {
  display: inline-block;
  width: 20px;
  height: 20px;
  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;
  font-size: 10px;
  color: #fff;
  vertical-align: middle;
  background-color: #F1F2F2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.form-wizard-step.activated span.text {
  color: #000;
}

.form-wizard-step.activated .form-wizard-step-icon i {
  background: #fff;
  color: #13B887;
  opacity: 1;
  border: none;
}

.form-wizard-step.active span.text {
  color: #000;
}

.form-wizard-step.active .form-wizard-step-icon i {
  background: #13B887;
  color: #fff;
  opacity: 1;
  border: none;
  text-align: center;
}

.form-wizard-step span {
  color: #000;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.form-wizard-step.activated p {
  color: #000;
}

.form-wizard-step.active p {
  color: #000;
}

.form-wizard fieldset {
  display: none;
  border: 0px !important;
}

.form-wizard-buttons {
  text-align: right;
}

.form-wizard .input-error {
  border-color: #ea2803;
}

html[dir=rtl] .settings-menu .settings-content .other-side .StepProgress::before {
  right: 7px;
  left: auto;
}

html[dir=rtl] .settings-menu .settings-content .other-side .StepProgress-item {
  padding-right: 40px;
  padding-left: 0;
}

html[dir=rtl] .settings-menu .settings-content .other-side .StepProgress-item::before {
  right: 0;
  left: auto;
}

html[dir=rtl] .setting-anckor i {
  margin-right: 0;
  margin-left: 10px;
}

html[dir=rtl] .setting-anckor a::before {
  right: 0;
  left: auto;
}

html[dir=rtl] .settings-menu .settings-content ul li i {
  margin-right: 0;
  margin-left: 10px;
}

html[dir=rtl] .settings-menu .settings-content ul li::after {
  right: auto;
  left: 0;
}

html[dir=rtl] .settings-menu .settings-content .other-side .form-info .form-group .edit {
  right: auto;
  left: 10px;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button:first-child {
  border-radius: 0 6px 6px 0 !important;
  -webkit-border-radius: 0 6px 6px 0 !important;
  -moz-border-radius: 0 6px 6px 0 !important;
  -ms-border-radius: 0 6px 6px 0 !important;
  -o-border-radius: 0 6px 6px 0 !important;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button:last-child {
  border-radius: 6px 0 0 6px !important;
  -webkit-border-radius: 6px 0 0 6px !important;
  -moz-border-radius: 6px 0 0 6px !important;
  -ms-border-radius: 6px 0 0 6px !important;
  -o-border-radius: 6px 0 0 6px !important;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button i {
  margin-left: 5px;
  margin-right: 0;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .edit {
  margin-left: 0;
  margin-right: 15px;
}

html[dir=rtl] .settings-menu .settings-content .other-side .buttons .edit i {
  margin-right: 0;
  margin-left: 10px;
}

@media (max-width: 992px) {
  .settings-menu .settings-content {
    display: block;
  }
  .settings-menu {
    width: 100%;
    padding-top: 100px;
    z-index: 8;
  }
  .settings-menu .settings-content ul {
    height: auto;
  }
}

@media (max-width: 575px) {
  .settings-menu .settings-content .other-side .buttons {
    display: block;
  }
  .settings-menu .settings-content .other-side .buttons .edit {
    margin-left: 0;
  }
  .settings-menu .settings-content .other-side .buttons .edit i {
    margin-right: 5px;
  }
  .settings-menu .settings-content .other-side .buttons .collection {
    display: block;
    margin-bottom: 5px;
  }
  .settings-menu .settings-content .other-side .buttons .collection button {
    margin-bottom: 5px;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  .settings-menu .settings-content .other-side .buttons .collection button:first-child {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  .settings-menu .settings-content .other-side .buttons .collection button:last-child {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  html[dir=rtl] .settings-menu .settings-content .other-side .buttons .edit {
    margin-right: 0;
  }
  html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button:first-child {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  html[dir=rtl] .settings-menu .settings-content .other-side .buttons .collection button:last-child {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  .btn {
      margin-bottom: 7px;
  }
}

.file-icon {
  display: flex;
  align-items: center;
}
.file-icon p {
  word-break: break-word;
}
.file-icon i {
  background-color: #f8f8f8;
  color: #000;
  height: 45px;
  width: 45px;
  display: flex;
  align-content: a;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  border-radius: 50%;
  margin-left: 10px;
}
/*# sourceMappingURL=over-style.css.map */

.global_boxs .card-body {
    overflow: auto;
}
#canvas-holder {
    min-width: 500px;
}
.ptn-100 {
    padding-top: 100px;
}