.popup-wrapper{
    display: grid;
    z-index: 20001;
    top: 300px;
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 40px; 
    box-shadow: 0px 0px 5px 2px rgb(0,0,0,0); 
    border: 1px solid lightgray;
    max-width: 650px;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width:1000px){       
    .popup-wrapper{
        /* top: 70px; */
        padding: 20px;
        width: 80%;
        padding-top: 35px;
        padding-bottom: 35px;
        max-width: 300px;
    }
}
.rightsidebar-fixed{
  position: fixed;
  right: 0; 
  height: calc(100vh - 70px);
  background-color: white;
  width: 0px;  
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12), 0px 2px 4px -1px rgba(0, 0, 0, .2);
   transition: width 0.5s;
  overflow: hidden; 
  box-sizing: border-box;
  min-height: 600px;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-area: "right-container";
}

.ms-inlineflex{
  display: inline-flex;
}

.rightsidebar-contentdiv {
  display: flex;
    flex-direction: column;
  margin-right: 10px;

  box-sizing: border-box;
    flex-basis: 100%;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    overflow-x: hidden;
}

.rightsidebar-title { 
    /* padding-left: 10px;  */
    box-sizing: border-box; 
  }

  .rightsidebar-lbl { 
    font-weight: bold;    
    font-size: 14px;
    color: #383838;
    margin:auto 0;
  }
.new-msg-input {
    box-sizing: border-box;
    resize: none;
    outline: none;
    border: none;
    font-size: 13px;
    /* width: 90%; */
    line-height: 20px;
    background-color: #f1f3f4;
    padding: 10px;
    border-radius: 10px; 
    border: 1px solid lightgray;
    min-height: 70px;
}

.new-msg-input:focus {
    /* outline: none; */
    border: 0.25px solid lightgray;
}
 

.new-msg .new-msg-input {
    width: 100%;
    min-height: 200px;
    padding-left: 10px;
}

.new-msg .new-msg-input:focus {
    /* outline: none; */
    border: 0.5px solid lightgray;
}

.msg-body {
    border-image: initial;
    border-radius: 3px;
    display: grid;
    /* grid-gap: 5px; */
    height: fit-content;
}

.new-msg .msg-body {
    background-color: white;
    box-shadow: none;
}

.image-maxview-lbl {
  display: block;
  margin: 40px auto;
  max-width: 100%;
  max-height: 100vh;
}

.vimg-div{
    min-height: 100px;
    /* border: 0.5px solid lightgray; */
    /* padding: 8px; */
    box-sizing: border-box;
    grid-column: 1 / 3;
     max-height: 250px;
    overflow: hidden;
}
.msg-attachfilectr{
    background:#f1f3f4;
      padding: 8px;
}
 .conv-attached-files {
     cursor: pointer;
     margin: auto;
     font-size: 10px;
     font-weight: bold;
     color: #5f6368;
 }
 
 .new-conv-btn {
     background-color: red;
     border-radius: 50%;
     padding: 7px;
     align-self: flex-end;
     cursor: pointer;
 }

 .conv-initiator {
     color: rgb(9, 138, 9);
 }

 .conv-contributor {
     color: #383838;
 }
  .inprog-conv .tooltiptext {
     visibility: hidden;
     width: 120px;
     background-color: #555;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     bottom: 125%;
     left: 50%;
     margin-left: -60px;
     opacity: 0;
     transition: opacity 0.3s;
 }

 .inprog-conv .tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #555 transparent transparent transparent;
 }

 .inprog-conv:hover {
     text-decoration: underline;
     font-weight: bold;
 }

 .inprog-conv:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
 }

 
 .msg-details-username {
     height: fit-content;
     line-height: 18px;
     border-radius: 5px;
     margin: auto 0;
     ;
 }

 .contributor .msg-header .msg-details-date {
     color: #505050;
     margin: auto 0;
 }

 .initiator .msg-header .msg-details-date {
     color: #505050;
     opacity: 0.9;
 }



 .contributor {
     background-color: white;
 }

 .initiator {
     background-color: white;

 }

 .initiator {
     margin-left: 10%;
     margin-left: auto;
 }

 .newconv-ctr .msg-footer {
     margin-bottom: unset;
     margin-top: unset;
     grid-template-columns: 1fr auto;
     display: grid;
     border-top: 0.5px dotted lightgray;
     padding-top: 10px;
 }


 .newconv-ctr .msg-body-footer {
     padding-left: 0px;
 }

 .newconv-ctr .conv-msg {
     /* max-width: unset; */
     /* width: 80%; */
     margin: auto;
 }
   .new-msg-input:empty::before {
    content: attr(data-text);
    color: red;
    pointer-events: none;
  }
  
 .conv-title {
     margin-top: 0.5px;
     font-size: 12px;
     line-height: 20px;
     font-weight: 600;
     cursor: pointer;
     width: 100%;
 }
  .conversation-body {
     width: 100%;
     padding: 0px 20px 20px 20px;
     background-color: #f8f6f6;
     border-top: lightblue dashed 1px;
     overflow-x: hidden;
     overflow-y: auto;
     margin: auto 0;
    height: 300px;
 }
 


 .conv-msg {
     font-weight: 500;
     color: black;
     /* width: 90%; */
 }

 .new-msg {
     /* padding-top: 10px;
    padding-left: 10px; */
     padding-right: 10px;
 }


 .sub-msg-footerparent {
     width: 100%;
     display: inline-flex;
     display: grid;
     grid-template-columns: 1fr auto;
     border-bottom: 1px dotted lightgray;
     margin-top: 10px;
 }

 .sub-msg-footer {
     display: inline-flex;
     width: fit-content;
     color: #385898;
     margin-left: 0;
     cursor: pointer;
     border-radius: 5px;
     grid-gap: 3px;
     padding: 2px 8px;
 }



 .newconv-ctr {
     border-bottom: 1px solid lightgray;
     padding-bottom: 10px;
     margin-top: 10px;
 }


 .attach-file-btn {
     cursor: pointer;
     margin-left: 5px;
     display: inline-flex;
 }


 .footer-attach-ctr {
     display: inline-flex;
     width: fit-content;
     color: #385898;
     grid-area: 1/2;
     margin-left: 0;
     cursor: pointer;
     float: right;
 }

 /* conversation */
 .newconv-ctr .attachedfile {
     border-bottom: none;
 }
 .contributor .msg-header .iconfaceconv {
     background: rgb(29, 169, 138);
     color: rgb(120 244 217);
 }

 .initiator .msg-header .iconfaceconv {
     color: rgb(244, 153, 244);
     background: rgb(168, 3, 168);
 }
 .iconfaceconv {
     font-size: 18px;
     padding: 1px;
     height: fit-content;
     width: fit-content;
     border-radius: 50%;
     margin: auto;
 }


 .conv-sub-ctr .conv-msg .msg-body .msg-body-footer .msg-attachedfiles .attachedfile {
     grid-template-columns: 1fr;
     background: #f9f9f9;
     border-radius: 5px;
     width: 100%;
 }

 .conv-sub-ctr {
     display: grid;
     grid-gap: 10px;
     margin-top: 30px;
     /* width: 800px; */
 }
 /* move  */
 .conv-pop {
     border-bottom: 0.25px solid lightgray;
     padding-bottom: 10px;
     word-break: break-all;
 }

  /* timer  */
 .conv-pop a {
     color: #07c;
     cursor: pointer;
     font-size: inherit;
 }
 .view-conv-btn {
     cursor: pointer;
     color: #383838;
     font-weight: 600;
     line-height: 20px;
     border: none;
     background-color: transparent;
     visibility: hidden;
     padding: 3px 10px;
     font-size: 12px;
     border-radius: 5px;
     white-space: nowrap;
     height: fit-content;
     width: fit-content;
     margin: auto;

 }

 .notification-div {
     font-weight: normal;
     font-size: 12px;
     color: red;
 }
  .msg-body-footer {
     display: grid;
     grid-template-columns: 1fr;
     margin-top: 10p;
 }
  .msg-footer {
     grid-template-columns: 1fr auto;
     font-size: 12.5px;
     display: grid;
     margin-bottom: 20px;
 }

  .add-subject-input {
     text-decoration: none;
     border: none;
     width: 100%;
     height: 40px;
     font-size: 14px;
     line-height: 20px;
     padding-left: 10px;
     border-bottom: 1px solid lightgray;
 }

 .add-subject-input:focus {
     outline: none;
     border-bottom: 1px solid #4faaff;
 }
  .conv-users-div {
     display: inline-flex;
     grid-gap: 8px;
     border-radius: 10px;
     border: 1px solid lightgray;
     width: fit-content;
     height: fit-content;
     margin: auto 0;
 }

 .conv-user-block-div {
     font-size: 10px;
     width: fit-content;
     cursor: pointer;
     border-radius: 10px;
     padding: 0px 6px;

 }

 .icon-conv-lbl-div {
     font-size: 8px;
     margin: auto;
 }

 .name-icon-block {
     font-size: 9px;
     font-weight: bold;
 }
  .inprog-conv {
     color: #feb236;
     font-size: 14px;
     padding: 1px 2px;
     border-radius: 3px;
     float: right;
     margin-right: 10px;
     margin-top: 5px;
     font-weight: 500;
     position: relative;
     display: inline-block;
     cursor: pointer;
 }
 
 .image-maxview {
     display: grid;
     z-index: 1002;
     top: 0;
     border-radius: 5px;
     position: fixed;
     width: 100%;
     /* background: */
     background: rgb(224, 224, 224);
     height: 100%;
 }
 
 .close-div-maximage {
     z-index: 1024;
     position: absolute;
     color: gray;
     background: white;
     padding: 3px;
     display: block;
     cursor: pointer;
 }

 .close-div-maximage:hover {
     color: black;
 }
 
 .new-order-conversation-img {
     grid-area: conversations-link-area;
     justify-self: center;
     font-size: 12px;
     color: #383838;
     font-weight: bold;
     line-height: 1;
 }
 .new-order-conversation-ctr {
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 3px;
     align-items: center;
     display: inline-flex;
     padding-top: 5px;
     width: 100%;
     padding: 5px;
 }



.newconversations-container-div {
     margin: unset;
     background-color: white;
     padding-bottom: 10px;
     border: 1px solid lightgray;
     border-radius: 5px;
     padding: 10px 20px;
 }
 .newconv .msg-footer {
     margin-bottom: 20px;
     margin-top: 20px;
 }
 .newconv-header-div {
     display: grid;
     width: 100%;
     grid-template-columns: 1fr auto;
     font-weight: bold;
     font-size: 14px;
 }

 .newconv-titlediv {
     width: fit-content;
     display: inline;
     text-align: center;
     margin: auto 0;
 }


 .act-conversations-section {
     border-bottom: 1px solid lightgray;
 }


 .act-count-unread-msgs-lbl {
    background-color: #fa3e3e;
    border-radius: 2px;
    padding: 0.5px 4px;
    color: #fff; 
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    height: fit-content;
}

 .conversations-container-div .Ind-alerts-ctr {
     display: inline-flex;
     padding-top: 20px;
     padding-left: 10px;
 }



 .conversations-container-div .Ind-alerts-ctr .body__banner {
     font-size: 15px;
     line-height: 20px;
     font-weight: 700;
 }

 .conversations-container-div .Ind-alerts-ctr .body__banner svg {
     display: none;
 }

 .conversations-container-div {
     margin-left: 15px;
     margin-right: 20px;
     margin-bottom: 10px;

     padding-left: 10px;
     padding-right: 10px;
     background-color: white;
     padding-bottom: 10px;
     /* height: 300px; */
     overflow-y: auto;
 }
  .conversation-header {
     width: 100%;
     background-color: white;
     justify-content: space-between;

     padding: 10px 13px;
     display: grid;
     grid-template-columns: 2fr 1fr;
 }

 /* timer  */
 .newconv-icon-ctr {
     float: right;
 }

 /* timer  */
 .newicon-conv {
     display: unset;
     border-radius: 2px;
     background-color: #fa3e3e;
     color: white;
     margin-right: 5px;
     font-size: 10px;
     line-height: 1.25;
     padding: 1px 3px;
     cursor: pointer;
 }
  /* everywhere */
 .conv-date {
     margin-top: 2px;
     font-weight: 250;
     margin-right: 8px;
     font-size: 11px;
     padding-right: 30px;
     color: #383838;
 }
 
  .conversation {
     font-weight: 600;
     display: flex;
     flex-wrap: wrap;
     cursor: pointer;
     border-bottom: 1px solid lightgray;
     background-color: white;
     border-radius: 3px;
     overflow: hidden;
 }
  .conversation-unread-msgs {
     height: fit-content;
     float: right;
     /* margin-right: 40px; */
     /* padding-top: 5px; */
     margin: auto;;
 }

 .count-unread-msgs-lbl {
     background-color: #fa3e3e;
     border-radius: 2px;
     padding: 2px 5px;
     color: #fff;
     /* margin-left: 10px; */
     font-size: 12px;
     font-weight: 600;
 }
  .conv-date-and-btn-cntnr .material-icons {
     line-height: 20px;
     margin-right: 10px;
     color: green;
     font-size: 12px;
     line-height: 20px;
     margin-right: 10px;
 }
 @media(min-width:700px) { 

     .msg-content {
         font-size: 12px;
         color: #383838;
     }

     .conv-msg {
         max-width: 450px;
         min-width: 350px;
         padding: 10px 20px;
         border-radius: 10px;
     }
 

      .view-conv-btn {
         visibility: visible;
         font-size: 12px;
         white-space: nowrap;
         height: fit-content;
         width: fit-content;
         margin: auto;
     }

     .msg-header {
         font-size: 12px;
     }
 } 

.alert-success-subdiv{
    padding: 20px;
    display: grid;
    grid-gap: 5px;
    margin-top: 10px;
    margin-right: 10px;
}

 /* .mnu-aab{
display: grid;
white-space: nowrap;
font-size: 12px;
 } */

   .select-notif{
    width: 150px;
    padding: 3px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid lightgray;
    outline: none;
   }
   .notifmnu-lbl{
       padding: 2px 6px;
       border-radius: 5px;
       cursor: pointer;
   }
   /* .notif-ctr{
       display: grid;
       grid-template-columns: 20px auto;
this is removed when moving to type script, because the d-if was not working properly
   } */
   
.NotiftitleAb{
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    color: white;
    /* padding: 10px; */
    margin: auto 0;
}
.notif-li{
    display: grid;
    border-bottom: 0.25px solid lightgray;
    padding: 10px;       
    margin-bottom: 5px;
    margin-right: 3px;
    border-radius: 5px 5px 0px 0px;
}
.notification-area{
    right: 0px;
    padding: 16px 20px;
    background-color: white;
    padding: unset;
    margin-top: unset;
  }
  .MyNotifications-area{
      border: 1px solid lightgray;
      padding: 5px;
      border-radius: 5px;
      max-width: 1000px;
      margin-top: 20px;
  }
  .notif-li p{
      margin: unset;
  }
  .notiftitle-ctr{
      display: grid;
      grid-template-columns: 20px 1fr auto;
  }

.not-t2{
    letter-spacing: 0.02em;    
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    color: #555555;
    /* font-weight: bold; */
}
 
.not-dt{
    color: #555555;
    font-size:11px;

}
.not-rm{  
    color: #555555;
    font-weight: 600; 
}
.Unseen-Notif-title {
    /* margin-bottom: 15px; */
    display: grid;
    grid-gap: 10px;
}
/* ///////////////////////////////// */

.not-t1{
    color: #383838;
  
}
 
  /* usernotifi */
 .label-loadmore {
     float: right;
     font-size: 10px;
     text-decoration: underline;
     color: #07c;
     cursor: pointer;
 }.elt-subctr {
    border-bottom: 1px solid lightgray;
    display: grid;
    grid-template-columns: 300px 1fr;
    padding-top: 5px;
    padding-bottom: 5px;
}

.elets-ctr {
    display: grid;
    grid-gap: 15px;
}

.wf-elets-ctr {
    /* border: 0.5px solid lightgray; */
    /* border-left: 2px solid #07c; */
    margin-left: 40px;
}



/* Base styles for all .wf-act-div variants */
.wf-act-div,
.wf-act-div-Large,
.wf-act-div-small {
    /* background-color: white; */
    /* Uncomment if needed */
    padding: 3px;
    border: 1px solid lightgray;
    border-radius: 3px;
    height: fit-content;
}

/* Specific styles for each variant */
.wf-act-div,
.wf-act-div-Large {
    width: 95px;
}

.wf-act-div-small {
    width: 50px;
}

.wf-act-neworder-btn {
    border: 1px solid lightgray;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    background: #e2dddd;
}

.elementTypes-selector {
    width: fit-content;
    padding: 6px 15px;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    display: inline-flex;
    grid-gap: 20px;
    min-width: 200px;
    padding: 10px;
}

/* .elementTypes-selector:hover {
    background: #fafafa;
} */

.elettype-ctr {
    display: grid;
    grid-gap: 15px;
}

.wf-packv-title-div {
    border-bottom: 1px solid lightgray;
    display: inline-flex;
    /* flex-direction: column; */
    /* display: grid; */
    /* grid-template-columns: 280px 1fr; */
    padding-bottom: 10px;
    width: 100%;
}

.workflow-subdiv {
    padding-top: 5px;
    /* max-width: 1500px; */
    /* overflow: scroll; */
}


/* .wf-elttype-titlectr {
    display: grid;
    grid-template-columns: 30px 200px 1fr;
} */

.show {
    display: block;
}

.hide {
    display: none;
}

.act-notes-textarea {
    height: 100px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 8px;
    /* padding: 20px 10px; */
    box-sizing: border-box;
    /* font-size: 14px; */
}



.status-history-container {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 12px;
    margin-left: 25px;
    max-height: 200px;
    overflow: auto;
}

.AssignedTo-entry {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    margin-top: 5px;
}

.assigned-by,
.assigned-to,
.assigned-date,
.assigned-time {
    margin-left: 10px;
    /* Space between bullet and text */
    font-size: 11px;
    line-height: 1.5;
}


.no-userstatus-message {
    color: #888;
    font-size: 12px;
    margin-left: 5px;
    font-family: Quicksand, sans-serif;
}

.status-history-icon {
    margin-left: 7px;
}

.userstatus-history-ctr {
    max-height: 200px;
    overflow: Auto;
    font-size: small;
    padding-top: 20px;
}

#historyPopupTitle {
    display: inline-block;
    font-family: Quicksand, sans-serif;
    font-size: 22px;
    margin-left: 25px;
}

 

#historyPopupContent {
    width: 550px;
    height: fit-content;
    max-height: 550px;
    overflow: auto
}

.no-history-message {
    padding-top: 20px;
    font-family: Quicksand, sans-serif;
    font-size: small;
    margin-left: 25px;
}

.recalc-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    background-color: #1e88e5;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

.recalc-btn:hover {
    background-color: #1565c0;
    transform: scale(1.05);
}

.recalc-btn:active {
    transform: scale(0.98);
}

.recalc-icon {
    font-size: 18px;
}

.recalc-text {
    display: inline-block;
}
.elt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
  }
  
  .elt-left {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0; /* important to prevent overflow */
    flex: 1; /* allows the name to shrink */
  }
  
  
  
.wf-spanNbrOfDwgs{
    flex-shrink: 0;
    color: gray;
    font-size: 13px;
    cursor: pointer;  
}  
.elt-details {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
    margin-top: 4px;
}

/* .wf-elemntname {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 2px;
} */

.elt-meta {
    font-size: 12px;
    color: #666;
    padding: 1px 0;
}

.elt-details span {
    line-height: 1.3;
}

/* Optional: nice subtle divider under name */
.elt-details::after {
    content: "";
    height: 1px;
    width: 100%;
    background: #e2e2e2;
    margin: 4px 0 2px;
}
.modern-grid {
    display: grid;
    /* grid-template-columns: 140px auto; */
    align-items: center;
    row-gap: 3px;
    margin-top: 6px;
}

/* .cost-label {
    font-size: 12px;
    font-weight: 500;
    color: #444;
}

.cost-value {
    font-size: 12px;
    color: #666;
} */

.wf-stats-line-text {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 13px;
    /* gap: 4px; */
    color: #333;
}

.wf-stats-line-text .stat {
    cursor: default;
    padding-left: 4px;
}
/* Input sizing */
.actual-time-input {
    width: 90px;
    min-width: 90px;
    margin-left: 6px;
}

.input-error {
    border: 1px solid red;
    background: #ffecec;
}
/* Hint styling */
.time-format-hint {
    font-size: 11px;
    color: #888;
    margin-left: 4px;
    white-space: nowrap;
}


.pricing-card {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 12px;
    background: #fafafa;
}

.pricing-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #444;
}

.pricing-grid {
    /* display: flex; */
    /* gap: 24px; 👈 increased spacing between items */
    /* flex-wrap: wrap; */
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.pricing-item {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #666;
}

.pricing-item b {
    font-size: 14px;
    color: #000;
}

.pricing-item.highlight b {
    color: #2e7d32;
}

/* On small screens, hide hint */
@media (max-width: 600px) {
    .time-format-hint {
        display: none;
    }
}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.terms-container input[type="checkbox"] {
    margin: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;     /* align checkbox to text */
    cursor: pointer;
}

/* Label before link */
.terms-container .terms-text {
    line-height: 1;             /* fixes slight misalignment */
}

/* Terms of Service link */
.terms-link {
    color: blue;         /* blue like modal button */
    text-decoration: underline;
    cursor: pointer;
    line-height: 1;
}
.payment-ui {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.payment-ui input {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.payment-ui button {
    width: 100%;
    background: #4f46e5;
    color: #fff;
    border: none;
    border-radius: 11px;
    padding: 14px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s, opacity 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}

.terms-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
.error-msg {
    color: #d93025;
    font-size: 13px;
    margin-bottom: 10px;
    display: none;
}

/* Label */
.amount-label {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

/* Container */
.amount-display {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 18px 20px;
    transition: 0.2s ease;
    background: #fafafa;
}

/* Hover / Focus Effect */
.amount-display:focus-within {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99,102,241,0.1);
}

/* Dollar Symbol */
.big-sym {
    font-size: 32px;
    font-weight: 600;
    margin-right: 8px;
    color: #444;
}

/* Input */
.amount-display input {
    border: none;
    outline: none;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    background: transparent;
}

/* Remove arrows */
.amount-display input::-webkit-outer-spin-button,
.amount-display input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.amount-display input[type=number] {
    -moz-appearance: textfield;
}

/* Error */
.amount-error {
    font-size: 12px;
    color: #e11d48;
    margin-top: 6px;
    display: none;
}
/* 
.payment-ui {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', sans-serif;
}
.payment-ui label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}
.payment-ui input[type="text"], 
.payment-ui input[type="number"] {
    width: 90%;
    padding: 10px 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-sizing: border-box;
}
.payment-ui input[type="checkbox"] {
    margin-right: 8px;
}
.payment-ui .terms-label {
    font-size: 14px;
    color: #555;
}
.payment-ui button {
    width: 90%;
    padding: 12px;
    background: #0070f3;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}
.payment-ui button:hover {
    background: #005ac1;
}
.error-msg {
    color: #d93025;
    font-size: 13px;
    margin-bottom: 10px;
    display: none;
} */
/* .terms-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.45);
    align-items: center;
    justify-content: center;
    padding: 24px;
    transition: opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
} */
/* Checkbox styling */
.manageorder-area{
    background-color: white;
    padding: 100px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
    margin: auto;
}
.manageorder-grid{
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;  
    grid-gap: 50px;
    /* margin-top: 50px; */
}
.manageorder-ctr{
    display: grid;
    grid-gap: 20px;
}

.mo-title-ctr {
    font-size: 14px;
    font-weight: bold;
    /* margin-bottom: 20px; */
    width: fit-content;
}
.mo-title-lbl{
    font-size: 25px;
    cursor: pointer;
    display: inline-block;
    color: #383838;
    margin-left: 0;
}
.mo-permissions-ctr{
    max-height: 400px;
    overflow:auto;
}
/* .mo-permissions-ctr{height: fit-content;border-radius: 5px;margin-bottom: 1px solid lightgray;color: #383838;line-height: 1.33em;background-color: #F8F8F8;/* border: 1px solid lightgray; */box-sizing: border-box;/* padding: 50px; */margin-top: 20px;}
.mo-accounts-ct{
display: grid;
padding-bottom: 10px;
} */

.perm-desc-ctr{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}
.mo-ctr{
height: fit-content;
    border-radius: 5px;
    margin-bottom: 1px solid lightgray;
    color: #383838;
    line-height: 1.33em;
    background-color: #F8F8F8;
    border: 1px solid lightgray;
    box-sizing: border-box;
    padding: 50px;
}
.mo-permission-ctr{
    display: grid;
    grid-template-areas:
        "perm-name-area"
        "add-account-input";
    border-left: 5px solid gold;
    grid-gap: 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.mo-inf-ctr{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "project-name-area";
    margin-bottom: 20px;
    grid-gap: 5px;
}
.mo-subdesc-label{
    /* font-size: 12px; */
    font-weight: 500;
    color: darkslategrey;
}

.mo-user-account-ctr{
    display: grid;
    grid-template-columns: 1fr 50px;
}

.mo-user-account-li{
    font-size: 13px;
    display: inline-block;
}
.mo-owner-lbl{
    float:right;
    color:#07c;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
} 
.add-perm-user-account-ctr{
    display:block;
}

.add-account-perm-input{
    height: 20px;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 5px 5px;
    width: 180px;
}
.mo-accounts-ctr{
    display: grid;
    grid-gap:10px;
    margin-left:    10px;
    margin-bottom: 10px;

}
.mo-accounts-ctr .Ind-alerts-ctr{
margin-left: 0px;
}
.shared-ord-label{
    margin-right:10px;
    color:rgb(255, 165, 0);
    font-size:12px;
}
.mngorder-sp {
    cursor: pointer;
    text-decoration:underline;
    color:#07c;
    font-size: 11px;
    /* margin-left: 15px; */
    
}
.us-shared-ord-div{
    display: grid;
}

.backtomyworkspace-div{ 
    background-color: inherit; 
    display: inline-flex;
    border-bottom: 1px solid #07c;
    color: #07c;
    cursor: pointer;
    width: fit-content;
    grid-row: unset;
}

.backtomyworkspace-div a{
    background-color: inherit;
    color: #07c;
    font-weight: 700;
    border: none;
    cursor: pointer;
    padding: 8px;
}
@media(max-width:600px){ 
   
    .manageorder-grid {
        margin-top:0px;
    }
    .manageorder-area{
        box-shadow: unset;
        padding:40px 10px;
        background-color: transparent;
    }
    .mo-ctr {
        height: fit-content;
        border-radius: 5px;
        margin-bottom: 1px solid lightgray;
        color: #383838;
        line-height: 1.33em;
        background-color: transparent;
        border: none;
        box-sizing: border-box;
        padding:0px;
    }
        
    /* .mo-permissions-ctr{
        /* background-color: white; */
        padding-left: 0px;
        padding-right:0px;
        border: none;
    } */
}.proj-parentctr {
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
}

.project-ctr {
    padding: 8px 8px;
    border-radius: 5px;
}

.projtable-row {
    display: grid;
    grid-template-columns: 100px 2fr 150px 150px 220px;
}

.projtable-rowheader {
    display: grid;
    grid-template-columns: 100px 2fr 150px 150px 220px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    padding: 0px 8px;
}
/* 
.companytable-rowheader {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 30px 20px; 
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
} */

/* .companytable-row {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 30px 20px; 
} */


.syscompanytable-rowheader {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.syscompanytable-row {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
}



.Projects-area {
    margin: auto;
    display: grid;
}

.servCaptable-rowheader {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 150px 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
    border-bottom: 1px solid lightgray;
    /* padding-bottom: 10px; */
}

.servCaptable-row {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 150px 20px;
}

.servRestable-rowheader {
    display: grid;
    grid-template-columns: 100px 150px 1fr 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
    border-bottom: 1px solid lightgray;
    /* padding-bottom: 10px; */
}

.servRestable-row {
    display: grid;
    grid-template-columns: 100px 150px 1fr 20px;
    padding: 5px;
}

.queues {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.services-canvas {
    width: 100%;
    height: 500px;
    background-color: black;

}

.queue-div {
    width: 33.33%;
    /* width: 30%; */
    max-height: 500px;
    overflow-y: scroll;
    border: 1px solid lightgray;
    margin-right: 35px;
}

.title-queue-div {
    width: 33.33%;

    border: 1px solid lightgray;
    margin-right: 35px;
}

.queues ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.queues-content-ctr {
    max-height: 500px;
    overflow-y: scroll;
}

@media(max-width:900px) {
    .project-ctr {
        padding: 30px 10px 30px 20px;
        width: 100%;
    }


    .Projects-area {
        display: grid;
    }
}.actstatus-div .InProgress {
    background-color: #f4bbff;
}

.actstatus-div .Done {
    /* color: rgb(160, 160, 185) */
    background-color: rgb(0, 153, 255);
}

.actstatus-div .Ready {
    /* color: rgb(160, 160, 185)   */
    background-color: #faebd7;
}


.actstatus-div .Unready {
    background: #8080805c;
    margin: 2px 0px;
}

.actstatus-div .Dropped {
    /* color: rgb(160, 160, 185) */
    /* background-color: rgb(255, 0, 0); */
    background-color: #f43955;
}

.actstatus-div .Paused {
    background-color: yellow;
}

.InProgressJob {
    background-color: #f4bbff;
}

.DoneJob {
    /* color: rgb(160, 160, 185) */
    background-color: rgb(0, 153, 255);
}

.ReadyJob {
    /* color: rgb(160, 160, 185) */
    background-color: #faebd7;
}

.NotReadyJob {
    background: #8080805c;
}

.DroppedJob {
    /* color: rgb(160, 160, 185) */
    /* background-color: rgb(255, 0, 0); */
    background-color: #f43955;
}

.PausedJob {
    background-color: yellow;
}

.AvJobstable-rowheader {
    display: grid;
    padding: 0px 8px;
    grid-template-columns: 100px 150px 100px 150px 100px 100px 200px 100px 100px 70px 70px 80px 100px 100px 70px 100px 40px 20px 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.AvJobstable-row {
    display: grid;
    grid-template-columns: 100px 150px 100px 150px 100px 100px 200px 100px 100px 70px 70px 80px 100px 100px 100px 70px 100px 40px 20px 20px;
    height: fit-content;
    border-radius: 5px;
}

.MyAvJobstable-rowheader {
    display: grid;
    padding: 0px 8px;
    /* grid-template-columns: 100px 150px 100px 150px 100px 100px 200px 100px 100px 70px 70px 80px 100px 100px 70px 100px 40px 20px 20px; */
    /* grid-template-columns: 100px 200px 100px 100px 100px 150px 100px 100px 200px 70px 100px; */
    grid-template-columns: 100px 200px 100px 150px 100px 100px 200px 70px 100px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.MyAvJobstable-row {
    display: grid;
    grid-template-columns: 100px 200px 100px 150px 100px 100px 200px 70px 100px;
    /* grid-template-columns: 100px 200px 100px 150px 100px 100px 200px 100px 100px 70px 70px 80px 100px 100px 100px 70px 100px 40px 20px 20px; */
    height: fit-content;
    border-radius: 5px;
}

.UserAgendatable-rowheader {
    display: grid;
    padding: 2px 0px;
    padding-left: 10px;
    grid-template-columns: 40px 450px 50px 130px 80px 140px 110px 105px;
    border-bottom: 1px solid lightgray;
}

.UserAgendatable-rowheader-done {
    display: grid;
    padding: 2px 0px;
    padding-left: 10px;
    grid-template-columns: 40px 450px 50px 1fr 80px 60px;
    border-bottom: 1px solid lightgray;
}

.UserAgendatable-row-done {
    display: grid;
    padding: 2px 0px;
    padding-left: 10px;
    grid-template-columns: 40px 200px 50px 1fr 80px 60px;
    /* padding: 5px; */

}

.ag-infoheader-done {
    display: grid;
    grid-template-columns: 150px 100px 60px 120px 120px;
}

.ag-infoheader {
    display: grid;
    grid-template-columns: 200px 100px 140px;
}

.ag-info-done {
    display: grid;
    grid-template-columns: 150px 100px 60px 120px 120px;
}

.UserAgendatable-row {
    display: grid;
    padding: 2px 0px;
    padding-left: 10px;
    /* grid-template-columns:     40px 450px 50px  130px 80px  140px    110px 105px ;  */
    /* grid-template-columns: 40px 450px 50px 1fr 110px 105px; */
    grid-template-columns: 40px 450px 50px 1fr 20px 110px 105px;
    /* padding: 5px; */

}

.Job-ctr {
    height: fit-content;
    border-radius: 5px;
    display: grid;
    grid-gap: 25px;
    /* width: fit-content; */
    border: 1px solid lightgray;
    box-shadow: 0px 0px 0px o.5px rgba(0, 0, 0, 0.24);
    margin: 0px 4px;
}

.job-row-ctr {
    display: grid;
    border-bottom: 1px solid lightgray;
    min-height: 40px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: fit-content;
    grid-template-columns: 30px auto 100px 65px 20px;
    padding: 5px 10px;
}

.job-file-icon {
    color: #1967d2;
    font-size: 34px;
    margin: auto 0;
}

.cl-act-docs-rows {
    display: block;
    /* height: 150px; */
    overflow-y: auto;
}

.act-docs-div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* Allow wrapping of child containers */
    gap: 10px;
    /* Add some space between child containers */
}

.aa-filter-ctr {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    padding: 0px 8px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.ua-ctr-id {
    /* max-height: 700px; */
    height: fit-content;
    /* overflow-y: auto; */
    /* padding-right: 5px; */
    display: grid;
    width: 100%;
    box-sizing: border-box;
    grid-gap: 15px;
    margin-top: 5px;
    padding-bottom: 30px;
}

.ag-act-st {
    font-size: 10px;
    width: fit-content;
    border-radius: 5px;
    padding: 4px 6px;
    line-height: 11.5px;
    margin: auto;

    font-weight: 600;
    min-width: 50px;
    text-align: center;
}

.actstatus-div {
    display: inline-flex;
    border-left: 0.5px dotted lightgray;
    border-right: 0.5px dotted lightgray;
    padding: 0px 3px;
}

.ag-mob {
    display: none;
}

.ag-info {
    display: grid;
    grid-template-columns: 200px 100px 140px;

}

.ag-proj {
    display: block;
}

.ag-row {
    display: grid;
    grid-template-columns: 30px 200px 130px;
    grid-gap: 5px;
}

.ag-rowmini {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    grid-gap: 5px;
}

.ag-rowmini1 {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    grid-gap: 5px;
}

.lbllinp-det {
    display: grid;
    grid-template-columns: 1fr 220px;
    grid-gap: 5px;
}

@media(max-width:1000px) {
    .actstatus-div {
        display: inline-flex;
        border-left: none;
        border-right: none;
        padding: unset;
    }

    .UserAgendatable-rowheader {
        display: none;
    }

    .ag-proj {
        display: none;
    }

    .ag-info {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 2;

    }

    .UserAgendatable-row {
        display: grid;
        grid-template-areas:
            ". . ag-status";
        grid-template-columns: 40px 1fr 105px;
        padding: 0px 5px;
    }

    .ag-mob {
        display: inline-flex;
    }

    .actstatus-div {
        grid-area: ag-status;
        margin: unset;
    }

    .ag-act-st {
        /* padding: 2px 4px; */
        min-width: unset;
    }

    .UserAgendatable-rowheader-done {
        display: none;
        /* padding: 2px 0px;
    padding-left: 10px;
    grid-template-columns: 40px 100px    ;
    border-bottom: 1px solid lightgray; */

    }

    .UserAgendatable-row-done {
        display: grid;
        padding: 2px 0px;
        padding-left: 10px;
        grid-template-columns: 40px 1fr;
        /* padding: 5px; */

    }

    .ag-infoheader-done {
        display: none;
        /* grid-template-columns: 150px 100px 60px ; */
    }

    .ag-info-done {
        /* // 150px 100px 60px ; */
        display: grid;
        grid-template-columns: 1fr;
        grid-row: 2;
        grid-column: 2;
    }

}

.act-docs-ctr {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.prev-act-docs-card {
    border-radius: 1rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 1rem;
}

.prev-act-docs-card h4 {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.load-docs-btn {
    padding: 0.5rem 1rem;
    /* py-2 px-4 */
    background-color: #2563eb;
    /* bg-blue-600 */
    color: #ffffff;
    /* text-white */
    border-radius: 0.5rem;
    /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* shadow */
    transition: background-color 0.2s ease;
    /* transition */
    align-self: flex-start;
    /* self-start */
}

.load-docs-btn:hover {
    background-color: #1d4ed8;
    /* hover:bg-blue-700 */
}

.previous-acts-label {
    color: #374151;
    /* text-gray-700 */
    font-weight: 600;
    /* font-semibold */
    font-size: 1.125rem;
    /* text-lg (18px) */
    padding: 0.5rem 1rem;
    /* optional padding */
    border-radius: 0.5rem;
    /* rounded corners */
    background-color: #f9fafb;
    /* optional light background */
    text-align: center;
    /* center text */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* optional subtle shadow */
    margin-bottom: 0.5rem;
    /* space below */
}* {
    margin: 0;
}

.disabled {
    color: darkgrey;
    background-color: grey;
}

.pricing-offer {
    background-color: #F8F8F8;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
    height: fit-content;
    margin: 2px;
}

div.pricing-offer:hover {
    background-color: white;

}

.pricing-offer-not-editable-area {
    grid-area: pricing-offer-not-editable-area;
    display: grid;
    grid-template-columns: 100px 5fr 2fr;
    grid-template-areas: "column1-ctr pricing-offer-inf-ctr column2-ctr" "offer-Conversations-area offer-Conversations-area offer-Conversations-area";
    grid-gap: 20px;
}

.sold-order-div {
    grid-template-columns: 5fr 2fr;
    grid-template-areas: "pricing-offer-inf-ctr column2-ctr" "offer-Conversations-area offer-Conversations-area";

}

.purch-order-div {
    grid-template-columns: 5fr 2fr;
    grid-template-areas: "pricing-offer-inf-ctr column2-ctr" "offer-Conversations-area offer-Conversations-area";

}
.shared-order-div {
    grid-template-columns: 5fr 2fr;
    grid-template-areas: "pricing-offer-inf-ctr column2-ctr" "offer-Conversations-area offer-Conversations-area";

}
.pricing-offer-ne-area-hideServ {
    grid-template-areas: "pricing-offer-inf-ctr pricing-offer-inf-ctr column2-ctr" "offer-Conversations-area offer-Conversations-area offer-Conversations-area";
}

.pricingOffer-meetsOrderDates {
    border-top: 2px solid green;
}

.pricingOffer-Not-meetsOrderDates {
    border-top: 2px solid black;
}

.pricingOffer-NoAvailableCapacity {
    border-top: 2px solid gray;
}

.price-unit-label {
    color: #707070;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
}

.column1-ctr {
    grid-area: column1-ctr;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: relative;
}

.column1-label {
    position: absolute;
    width: 70px;
    transform: -50%;
    top: 50%;
    left: 40%;
}

.column2-ctr {
    grid-area: column2-ctr;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: grid;
    width: 100%;
}

.pricing-offer-inf-ctr {
    grid-area: pricing-offer-inf-ctr;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "offer-name-area"
        "offer-element-area"
        "offer-TAT-area"
        "offer-start-date-area"
        "offer-deliver-area"
        "offer-deliveryStatus-area";
    padding-left: 20px;
}

.pricing-offer-editable-title-area {
    grid-area: pricing-offer-editable-title-area;
    background-color: #d3d3d3;
    text-align: right;
    height: 30px;
    margin-left: 100px;

}



.show-order-conversation-ctr {
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    padding-top: 5px;
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    padding-bottom: 3px;
    display: inline-flex;
    cursor: pointer;
}

.show-order-conversation-ctr .material-icons {
    font-size: 24px;
    cursor: pointer;
}

.prg-label-div {
    grid-area: prg-label-area;
    width: 0;
    height: 0;
    visibility: hidden;
}


.pricing-offer-editable-area {
    grid-area: pricing-offer-editable-area;
    width: 70%;
    display: grid;
    grid-template-columns: 100px 5fr 1fr;
    grid-template-areas:
        "editable-order-info-area"
        "editable-order-payment-area"
        "Review-and-continue-booking-area";
}

#order-desc-label {
    font-size: 18px;
    font-weight: 500;
    color: #07c;
    padding-bottom: 10px;
}

.price-span {
    width: 100%;
    text-align: center;
}

.order-subDesc-label {
    font-size: 11px;
    color: #585858;
}

.price-label {
    font-size: 25px;
    color: green;
    line-height: 28px;
    margin: 0 auto;
}

.price-unit-label {
    color: #707070;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-top: 4px;
}

.button-select-meetsOrderDates {
    background-color: green;
}

.button-select-No-meetsOrderDates {
    background-color: black;
}

.button-select-No-AvailableCapacity {
    background-color: red;
}

.button-select {
    text-align: center;
    text-decoration: none;
    /* font-family: sans-serif; */
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #FFF;
    padding: 05px 15px;
    display: inline-block;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 15px auto;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: fit-content;
    font-weight: 300;
    cursor: pointer;
}

.button-select:hover {
    background: #145fa9;
}


.meetsOrderDates-title {
    padding-top: 5px;
    background-color: green;
    padding-left: 20px;
    padding-bottom: 5px;
    color: white;
    font-size: 13px;
}

.meet-orders-dates-ctr {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 20px;
}

.notmeetsOrderDates-ctr {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 20px;
}

.regular-offer-backgroundcolor {
    background-color: #009900;
}

.regular-offer {
    border: 1px solid #009900;
}

.pricingoffer-notavailable {
    border-top: 2px solid gray;
}

.meetsOrderDates-notavailable-title {
    padding-top: 5px;
    background-color: gray;
    padding-left: 20px;
    padding-bottom: 5px;
    color: white;
    font-size: 13px;
}

.icon-delivered {
    font-size: inherit;
    color: green;
}





.order-div {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
    height: fit-content;
    border-radius: 5px;
}


.order-div .pricing-offer {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    padding: 20px;
    display: grid;
    grid-gap: 10px;
    border-radius: unset;
}







.order-notyetdelivered {
    cursor: pointer;
    color: #07c;
    text-decoration: underline;
}

.order-delivey-status-ctr {
    display: grid;
}

@media(max-width:800px) {
    .show-order-conversation-ctr {
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 5px;
        width: 118px;
        display: inline-flex;
        cursor: pointer;
    }

    .pricing-offer-not-editable-area {
        grid-area: pricing-offer-not-editable-area;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "pricing-offer-inf-ctr"
            "column2-ctr"
            "offer-Conversations-area";
        grid-gap: 20px;
    }

    .column1-ctr {
        display: none;
    }



    .order-conversations-link {
        font-size: 12px;
        padding-left: 5px;
        margin-left: 0;
        cursor: pointer;
    }

    .column2-ctr {
        width: fit-content;
        margin-left: 20px;
        display: grid;
    }

    .price-span {
        display: flex;
        width: fit-content;
    }

    .NbOfDwgs-label {
        margin-left: 10px;
        font-size: 12px;
        color: green;
    }


    .order-subDesc-label {
        font-size: 12px;

    }

    .price-label {
        font-size: 20px;
        color: green;
        line-height: 28px;
        margin: 0 auto;
    }

    .new-order-conversation-ctr {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
        width: 138px;
    }

    .order-conversations-link .material-icons {
        margin-left: 5px;
        cursor: pointer;
    }

    .conversations-container-div {
        margin-left: 5px;
    }

}

@media(max-width:500px) {
    .title-resources-lbl {
        display: none;
    }
}.drag-drop-serv-wrapper {
    width: 100%;
    height: fit-content;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 4px 8px 4px rgb(0 0 0 / 15%);
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    min-height: 350px;
    color: #383838;
}

.rag-drop-serv-div {
    border: 1px solid lightgray;
    margin-top: 20px;
    padding: 20px 0;
}

.drag-drop-serv-dropZone-div {
    display: flex;
    margin: 20px;
    background: white;
    border: 3px dotted lightgray;
    height: 330px;
    padding: 10px;
}

.drag-drop-serv-lbl {
    margin: auto;
    font-size: 20px;
    height: 100%;
}

.service-type-options-btns-div {
    display: grid;
    grid-template-columns: 300px 1fr;
    margin-top: 20px;
    width: fit-content;
}

.new-service-div {
    min-height: 200px;
    margin: 10px;
}

.a-service-type-span {
    width: fit-content;
    cursor: pointer;
    font-size: 14px;
    background: green;
    padding: 5px 10px;
    color: white;
    border-radius: 20px;
    font-weight: 700;
}

.a-service-Floor-level-input {
    background: none;
    display: block;
    padding: 0.5em 0.2em;
    position: relative;
    cursor: pointer;
    width: 46px;
    border-color: green;
    border-radius: 20px;
    text-align: center;
    background-color: green;
    color: white;
    font-weight: 700;
    border: none;
}

.a-service-type-span-selected {
    background-color: blue;
    font-weight: 700;
}

.a-service-type-span-selected:hover {
    background: blue;
    cursor: none;
}

.dd-up-drop:hover {
    background: #ff8c00;
}

.dd-up-drop:active {
    background: #ffa500;
}

.service-type-title-div {
    margin-left: 0;
    width: max-content;
}

.service-dropped-files {
    display: grid;
    grid-template-columns: 1fr;
    width: fit-content;
    grid-gap: 20px;
}

.drag-drop-serv-dropZone-div:dragover {
    background-color: lightgreen;
}

.files-list-div {
    display: grid;
    grid-template-columns: 1fr;
    font-size: 12px;
    max-height: 500px;
    overflow-y: scroll;
}

.file-item-div {
    display: grid;
    grid-template-columns: 1fr;
    margin: 5px;
}

.file-name-lbl {
    font-weight: bold;
    padding-bottom: 10px;
}

.files-header-div {
    display: grid;
    grid-template-columns: 1fr;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
    margin: 5px;
}

.service-type-select-div {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 400;
    color: #383838;
    padding: 5px;
    width: 150px;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 2px 2px 0 rgb(46 60 73 / 5%);
    display: inline-flex;
}

.shop-service-span {
    background: none;
    border-radius: 10px;
    display: block;
    font-size: 1.3em;
    padding: 0.5em 0.2em;
    position: relative;
    color: white;
    cursor: pointer;
}

.shop-cancel-ctr {
    margin-top: 40px;
    padding: 10px;
}

.shop-cancel-service-div {
    padding: 20px;
    display: inline-flex;
    grid-gap: 20px;
}

.shop-service-btn {
    background: green;
    border-radius: 10px;
    font-weight: 500;
    border: 0.5px solid;
    width: 150px;
    color: white;
    cursor: pointer;
}

.service-tat-options-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.service-software-options-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.a-service-software-group-btn {
    width: 100px;
}

.service-type-info-div {
    display: grid;
    grid-template-columns: 1fr;
}

.a-service-floor-nbr-btn {
    width: 100px;
}

.input-type-file {
    display: none;
} 

.removefile_mo {
    font-size: 16px;
    margin: auto;
}

.file-item-lbl {
    font-weight: 600;
    color: #383838;
    margin-left: 0px;
    width: fit-content;
}

.file-item1-div {
    margin: auto 0;
    width: fit-content;
}

.files-list-div {
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 10px;
}

.servbtn-dg {
    display: inline-flex;
    grid-gap: 20px;
}

.new-service-info-div {
    /* width: 100%; */
    display: grid;
    grid-gap: 20px;
}

.service-type-projects-div {
    margin-left: 0px;
    width: fit-content;
}

.dd-up-prog {
    width: 90%;
    height: 12px;
    border-radius: 5px;
    background: #f5f5f5;
    margin: auto;
}

.dd-up-prog-perc {
    width: 0%;
    height: inherit;
    border-radius: inherit;
    background: #ff9e21;
}

.dd-up-wrapper {
    margin: auto;
    height: fit-content;
    width: 100%;
    grid-gap: 20px;
    display: grid;
    margin-top: auto;

}

.dd-up-title {
    font-size: 24px;
    color: #383838;
    font-weight: bold;
    line-height: 52px;
    margin: 0;

}

.dd-up-wrapper-ctr {
    display: grid;
    justify-content: center;
    justify-items: center;
    padding: 20px;
    ;
} 

.up-dd-drop-div {
    padding: 24px;
    position: relative;
    border-radius: 5px;
    text-align: center;
    display: grid;
    margin: auto; 
}

.service-project-item-div {
    display: inline-flex;
    border-radius: 5px;
    padding: 2px 0px 2px 8px;
}

.dd-projects-menu-ctr {
    min-width: 150px;
    width: fit-content;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 8px;
    max-height: 300px;
    overflow: auto;
    z-index: 1500;
}

.dd-btn-cancel {
    background: lightgray;
    border: 0.5px solid gray;
    FONT-WEIGHT: 100;
    border: 0.5px solid gray;
    color: #383838;
    width: fit-content;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    color: #383838;
    border-radius: 20px;
    border: none;
    font-weight: 700;
    white-space: nowrap;
}

.btn-st {
    font-size: 16px;
    padding: 8px 20px;
    min-width: 100px;
}

.dd-BBSSettings-menu-ctr {
    min-width: 150px;
    width: fit-content;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 8px;
    max-height: 150px;
    overflow: auto;
    z-index: 1500;
}


.dd-up-drop {
    color: white;
    /* background: #e5322d; */
    background-color: #ff9e21;
    cursor: pointer;
    font-weight: 500;
    width: fit-content;
    min-width: 150px;
    padding: 16px 48px;
    border-radius: 12px;
    font-size: 24px;
    text-align: center;
    margin: auto;
    margin-top: 35px;
}

.dd-text {
    margin: unset;
    line-height: 35px;
}

.dd-upl-ctr {
    display: grid;
    grid-template-columns: 220px 1fr;
}

.dd-selserv {
    border: 0.5px solid lightgray;
    border-radius: 4px;
    padding: 10px;
    outline: none;
    display: grid;
    grid-gap: 5px;
    box-sizing: border-box;
    width: 100%;
}

.a-service-type-btn {
    width: fit-content;
    cursor: pointer;
    font-size: 14px;
    background: white;
    padding: 5px 10px;
    color: #07c;
    border-radius: 4px;
    border: 1px solid #07c;
    font-weight: 500;
    white-space: nowrap;
}

.a-service-type-btn-selected {
    background-color: #07c;
    font-weight: 500;
    color: white;
}

.a-service-type-btn-selected:hover {
    background-color: #07c;
    font-weight: 500;
    color: white;
}

 

.dd-int-radio {
    display: inline-flex;
    grid-gap: 8px;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 5px 10px;
}

.dd-int-div {

    padding: 2px 14px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.aa-dd-divlabelinput {
    display: inline-grid;
    grid-template-columns: 250px 1fr;
    grid-gap: 30px;
    color: #383838;
    font-weight: 500;
}

.dwg-icon {
    height: 20px;
    margin: auto 0px;
}

.blitz-subctr {
    margin: auto;
    margin-top: 0px;
    text-align: center;
}

.servtab-contctr {
    max-width: 800px;
    margin: auto;
    margin-top: 0px;
    text-align: center;
}

.servtabtitle-lbl {
    width: auto;
    border: none;
    outline: 0;
    background: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 550;
    color: #383838;
    padding: 3px 10px;
}

.servtabdisabled {
    color: lightgray;
    cursor: default;
}

.dd-servselected {
    border-bottom: 1.5px solid #383838;
}

.barmark-dimensions-div {
    display: inline-grid;
    grid-template-rows: 1/1;
    border-radius: 4px;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    color: #383838;
    font-weight: 500; 
}
.bm-dd-divlabelinput{
    display: inline-grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 30px;
    color: #383838;
    font-weight: 500;
    width: 600px;
}
.bm-serv-ctr{
    padding: 20px 50px;
    box-sizing: border-box;
}
/* Main Container */
#addNewService-container {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-width: 750px;
    margin: auto;
    min-width: 500px;
}

/* Titles */
#addNewService-container h2 {
    margin-bottom: 20px;
    font-weight: 600;
    color: #2c3e50;
}

#addNewService-container h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #34495e;
}

/* Labels */
#addNewService-container label {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
    color: #555;
}

/* Inputs + Select + Textarea */
#addNewService-container input,
#addNewService-container select,
#addNewService-container textarea {
    width: 100%;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

/* Focus Effect */
#addNewService-container input:focus,
#addNewService-container select:focus,
#addNewService-container textarea:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 0 2px rgba(74,144,226,0.15);
}

/* Textarea */
#addNewService-container textarea {
    resize: vertical;
}

/* Form rows */
#addNewService-container .mb-2 {
    margin-bottom: 15px;
}

/* Buttons */
#addNewService-container button {
    padding: 8px 14px;
    border-radius: 6px;
    border: none;
    background: #ecf0f1;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

#addNewService-container button:hover {
    background: #d0d7de;
}

/* Primary Button */
#addNewService-container .btn-primary {
    background: #4a90e2;
    color: white;
    font-weight: 600;
}

#addNewService-container .btn-primary:hover {
    background: #357bd8;
}

/* Divider */
#addNewService-container hr {
    margin: 25px 0;
    border: none;
    border-top: 1px solid #e5e5e5;
}

/* Containers */
#fieldsContainer,
#buttonsContainer {
    padding: 10px;
    border: 1px dashed #ddd;
    border-radius: 6px;
    background: #fafafa;
    margin-bottom: 10px;
}
/* Scrollable popup container */
#addNewService-container {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    max-width: 750px;
    margin: auto;

    /* Scroll behavior */
    max-height: 80vh;
    overflow-y: auto;
}

/* Optional: modern scrollbar */
#addNewService-container::-webkit-scrollbar {
    width: 8px;
}

#addNewService-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#addNewService-container::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 10px;
}

#addNewService-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.add-service-btn {
    background: linear-gradient(135deg, #4a90e2, #357bd8);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 7px 10px; /* reduced horizontal padding from 16px to 10px */
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.25s ease;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}
/* Hover */
.add-service-btn:hover {
    background: linear-gradient(135deg, #357bd8, #2c6ec7);
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.2);
}

/* Click */
.add-service-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
} 
/* Main service form container */
#servicetype-withconfig-ctr{
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background:#ffffff;
    padding:20px 25px;
    border-radius:10px;
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
.service-edit-btn {
    /* position: absolute;
    top: 10px;
    right: 10px; */
    cursor: pointer;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    float: right;
}/* //this file is common in aabco and aabcoV1 28-sep-2022 */
.title-packVtab-lblselected {
    border: 1px solid black;
}

/* /package */
.editpack-div {
    display: grid;
    grid-gap: 15px;
    margin-top: 10px;
    border: 1px solid lightgray;
    padding: 20px;
    background: white;
    width: 500px;
    z-index: 1;
}



.package-details-div {
    padding-right: 15px;
    align-items: center;
    grid-row: 1/span 2;
    display: flex;
    margin: 5px;
    border-radius: 15px;
    background: white;
    border: 1px solid lightgray;
    font-size: 11px;
    width: 64px;
    height: 30px;
    padding-left: 15px;
}

.pack-header-lbl {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}




.packagetagtype-div {
    padding: 5px 0px;
    white-space: break-spaces;
}


.dwgs-header-sett-inputs-div {
    grid-gap: 5px;
    min-width: 130px;
    width: fit-content;
    max-width: 200px;
    padding-top: 20px;
}

/* packages */
.packv-selected {
    color: #383838;
}

.packageslist_subdiv {
    width: 100%;
    height: fit-content;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-area: 1/2;
    letter-spacing: normal;
}

.showall-packages-div {
    width: fit-content;
    margin-left: 30px;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    text-decoration: underline;
}

/* //submittal notifications */
.hRecipients-div .material-icons {
    color: #A8A8A8;
}


.hRecipients-div {
    display: grid;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    grid-template-columns: 130px 60px;
}

.Recipients-Ctr {
    padding: 20px;
}


.ccRecipients-Ctr {
    padding: 20px;
}

/* 
.email-div {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 50px;
    padding: 10px;
    text-align: center;
} */
.hRecipients-div {
    border-bottom: 1px solid lightgray;
}

.tag-selections-group-ctr {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}

.recipient-div {
    font-size: 11px;
    /* padding: 10px;
    display: grid;
    grid-template-columns: 200px 1fr 150px 100px 50px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    /* font-family: Arial, sans-serif; */
    font-size: 11px;
}

/* Left side: name + email */
.recipient-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 50%;
    /* stack name above email */
}

/* Right side: action links */
.recipient-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.recipient-lbl {
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.recipient-actions .credentials-lbl {
    position: static;
    left: auto;
}

.subnotif-group-header {
    display: inline-flex;
    grid-gap: 20px;
    padding: 5px;
}

.sn-item-div {
    display: flex;
    padding: 0 3px;
    border-radius: 5px;
}

.sn-projects-menu-ctr {
    grid-template-columns: 1fr;
    min-width: 250px;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 10px;
    /* max-height: 300px; */
    /* overflow: auto; */
    z-index: 1500;
    width: 350px;
    /* max-height: 500px; */
    grid-template-rows: auto 1fr auto;
}

.notifications-ctr {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    margin-top: 10px;
}

/* //planches */

.subdwgsheader-div {
    display: grid;
    grid-template-columns: 45px 1fr 1fr 1fr 40px 70px 1fr 30px 50px 70px 30px 20px;
    /*DwgNb Title1 Title2 Title3 Rev# Date Reason By ChkBy Scale Version*/
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid lightgray;
}

.subdwgtitle-lbl {
    font-size: 11px;
    font-weight: bold;
}


.editPlancheV-div {
    display: grid;
    grid-gap: 15px;
    margin-top: 10px;
    border: 1px solid lightgray;
    padding: 20px;
    background: white;
    width: 500px;
    z-index: 1;
}

.edit-plancheV-ctr {
    padding: 10px
}

.plancherow {
    display: grid;
    font-size: 11px;
}






.plancheinfolbl {
    font-size: 11px;
}


.packvcollbl {
    font-size: 11px;
}


.submitted-plancheV {
    background-color: rgb(0, 191, 255);
}


.issuedToProject-plancheV {
    background-color: lightgreen;
}


.sub-dwg-header-title-lbl {
    margin-left: 10px;
}

.subtitleitem-div {
    display: flex;
}

.dwgs-header-sett-span {
    font-size: 18px;
}


.active-packv {
    background-color: rgb(255, 249, 165);
}







.selected-icon {
    border: 1px solid gray;
    background: gray;
}


.dwgs-pages-ctr {
    display: grid;
    grid-template-columns: 1fr;
}


/* //planches   and planchesV */
.subdwg-div {
    display: grid;
    grid-template-columns: 45px 1fr 1fr 1fr 40px 70px 1fr 30px 50px 70px 30px 20px;
    /*DwgNb Title1 Title2 Title3 Rev# Date Reason By ChkBy Scale Version*/
    font-size: 11px;
}

.cancelled-planchev {
    color: red;
}


.included-planchev {
    color: black;
}

.excluded-planchev {
    color: gray;
}

.planchevitem-div {
    display: inline-flex;
}



/* aacpackversion */
.tags-Selection-group-ctr {
    /* background-color: rgb(176, 228, 228); */
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    border: 2px solid lightgray;
    /* lightblue;*/
}

/*4-7*/
.search-planches-div {
    background-color: rgb(176, 228, 228);
}


/*4-7*/
.send-submittal-div {
    display: inline-flex;
    gap: 10px;
    margin-bottom: 5px;
}




/* tag selection group */
.tag-selection-ctr {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
}

.tag-selections-ctr {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.tag-group-header {
    display: inline-flex;
    grid-gap: 20px;
    padding: 5px;
}


/* permis */
.add-account-input {
    height: 20px;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 5px 5px;
}

/* permission */
.remove-account-link {
    color: #2f7b15;
    float: right;
    font-size: 12px;
}

/* /project settings
   */
.resistinfo-ctr {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: #f8f8f8;
    margin-right: 20px;
    min-width: 150px;
}

/* project settings */
.resistinfo-ctr {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: #f8f8f8;
    margin-right: 20px;
    min-width: 150px;
}

.info-input {
    width: -webkit-fill-available;
    height: 25px;
}

.info-div {
    font-weight: bold;
    font-size: 11px;
    color: #383838;
}

.packages-view-settings {
    font-weight: bold;
    font-size: 11px;
    color: #383838;
    display: grid;
    gap: 5px;
}



/* dwgnbrsequence */
.new-dwg-nbr-seq-ctr {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr;
}

.dwg-nbr-seq-header {
    display: grid;
    grid-template-columns: repeat(3, 100px) 1fr 20px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

.dwg-nbr-group-div {
    display: inline;

}







/* tagselectiongroup */
.selection-name-div {
    /* border-right: 1px solid lightgrey; */
    padding: 5px;
}

.h-tag-selections-div {
    display: inline-flex;
    gap: 10px;
    padding: 15px;
    border-bottom: 1px solid lightgrey;
}

.tag-selections-div {
    /* max-height: 500px; */
    /* overflow-y: scroll; */
    display: grid;
    /* grid-gap: 15px; */
}

.tag-selection-div-selected {
    background-color: rgb(165, 164, 164);

}

/* //share submittal */
.txtshare-ctr {
    height: 250px;
    width: 100%;
    outline: none;
    border: 1px solid lightgray;
    border-radius: 8px;
    padding: 20px 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.flexlavelremo {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 5px;
    max-height: 100px;
    overflow: auto;
}

.sharectr {
    display: grid;
    grid-gap: 25px;
    width: 600px;
}

.aaleabel-wremover {
    display: grid;
    background: aliceblue;
    grid-template-columns: 1fr auto;
    width: fit-content;
    border-radius: 5px;
    padding: 1px 6px;
    color: #383838;
    grid-gap: 5px;
}



.user-contacts-ctr {
    display: grid;
    height: fit-content;
    overflow: auto;
    max-height: 350px;
}

.sharecancel-btn {
    padding: 8px 15px;
    width: fit-content;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    background: #fff;
    margin: auto 0;
    /* padding-top: 20px; */
    float: right;
    margin-right: 10px;
}

.addshare-btn {
    padding: 5px 10px;
    width: fit-content;
    border-radius: 5px;
    color: #07c;
    font-size: 14px;
    font-weight: bold;
    border: none;
    background: #fff;
    text-decoration: underline;
    margin: auto 0;
    /* padding-top: 20px; */
    float: right;
    margin-right: 10px;
}

.listitem-package-div {
    border-radius: 5px;
    margin-top: 5px;
    box-sizing: border-box;
    display: grid;
    /* border: 1px solid lightgray; */
}

.packv-div {
    display: grid;
    grid-template-columns: auto 1fr auto;
    margin-top: 25px;
    /* padding: 10px 40px; */
    margin-bottom: 10px;

}

.packv-p1 {
    padding: 10px 40px;
}

.packv-btnaction {
    background: #07c;
    color: white;
    width: fit-content;
    padding: 1px 6px;
    border-radius: 5px;
    height: fit-content;
    padding: 3px 10px;
    margin: 0 auto;
    min-width: 100px;
    justify-content: center;
    display: flex;
}

.packv-lblbtn {
    width: fit-content;
    font-size: 14px;
    padding: 1px 8px;
    margin: auto;
    align-items: center;
    text-align: center;
}

.packv-tag {
    border-radius: 5px;
    background: #f2f2f2;
    padding: 2px 8px;
}

.packv-tab-lbl {
    padding: 8px 16px;
    width: auto;
    border: none;
    outline: 0;
    background: none;
    cursor: pointer;
    font-size: 12px;

}

.packv-tab-lblselected {
    border-bottom: 3px solid darkslategrey;
}

.packv-p2 {
    width: 100%;
    display: inline-grid;
    border-bottom: 0.25px solid lightgray;
}

.package-tab-ctr {
    padding-bottom: 1px;
    min-height: 500px;
    /* padding: 30px 50px; */
    box-sizing: border-box;
    margin-top: 5px;
}


.planches-div {
    /* width: 1200px; */
    width: calc(100vw - 200px);
    ;
    display: grid;
    grid-gap: 10px;
    margin: auto 0;
    overflow: scroll;
    white-space: nowrap;
    height: 700px;
}

.planches-div table {
    border-spacing: 0;
    table-layout: fixed;
    height: fit-content;
    width: fit-content;
    min-width: 100%;
}

.plitem-table tr {
    padding: 0px 5px;
}

.plitem-table thead {
    padding: 0px 5px;
}

.plitem-table tr:hover {
    background: #d9ebfc;

}

.planches-div th {
    padding: 0px;
    box-sizing: border-box;
    top: 0px;
    text-align: left;
}

.planches-div th:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 4;
    background: white;
}

.planches-div th:nth-child(2) {
    position: sticky;
    left: 70px;
    z-index: 4;
    background: white;
}

.planches-div th:nth-child(3) {
    position: sticky;
    left: 140px;
    z-index: 4;
    background: white;
}

.planches-div td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 3;
    background: inherit;
}

.planches-div td:nth-child(2) {
    position: sticky;
    left: 70px;
    z-index: 3;
    background: inherit;
}

.planches-div td:nth-child(3) {
    position: sticky;
    left: 140px;
    z-index: 3;
    background: inherit;
}

.reporttitle-lbl {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
}

.pl-subitem label {
    padding-left: 4px;
}


.plancheinfo-col {
    white-space: break-spaces;
}

.plitem-table tr:nth-child(odd) {
    background-color: #fff;
}

.plitem-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.plitem-table th {
    position: sticky;
    background: white;
    top: 0px;
    text-align: left;
}

.lblsmall-light {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 550;
    line-height: 1.33;
    font-size: 11px;
    height: 15px;
    padding: 0px 5px;
}

.plancheinfo-div {
    width: 90px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.status-A {
    background-color: green;
    color: white;
    font-weight: bold;
}

.status-B {
    background-color: orange;
    color: black;
    font-weight: bold;
}

.status-C {
    background-color: red;
    color: white;
    font-weight: bold;
}

.status-D {
    background-color: red;
    color: white;
    font-weight: bold;
}

.submittal-nbr-status-header-div {
    /* display: inline-flex;
    grid-gap: 15px;
    text-align: center; */
    display: grid;
}

.cons-status-div {
    width: 20px;
    text-align: center;
}


/* ////////////////////// */
.pages-div {
    display: inline-flex;
    gap: 10px;
    float: right;
    color: #5f6368;
    font-size: 12px;
}

.page-index-span {
    display: inline-flex;
    gap: 5px;
    height: fit-content;
    margin: auto;

}

.page-index-div {
    display: inline-flex;
    grid-gap: 8px;
}

.packdwg-div {
    display: inline-block;
    width: 100%;
    box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%);
    margin-right: 16px;
}

.nbof-dwgs-in-page:focus {
    box-shadow: 0 1px 1px 0 RGB(65 69 73 / 30%);
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    background: white;

}

.nbdiv {
    border-bottom: 2px solid #07c;
    padding: 0px 4px;
    margin: auto;
}

.rfi-msg-input {
    box-sizing: border-box;
    resize: none;
    outline: none;
    border: none;
    min-height: 200px;
    font-size: 14px;
    /* width: 90%; */
    line-height: 20px;
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid lightgray;
}

.dwg-report-popup-wrapper {
    display: grid;
    z-index: 1002;
    top: 70%;
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 40px;
    box-shadow: 0px 0px 5px 2px rgb(0, 0, 0, 0);
    border: 1px solid lightgray;
    /* max-width: 650px; */
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    max-height: 1000px;
}


/* Target the second <th> and <td> elements */
.DwgsReport-success-planches-table th:nth-child(2),
.DwgsReport-success-planches-table td:nth-child(2) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 300px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.DwgsReport-success-planches-table th:nth-child(3),
.DwgsReport-success-planches-table td:nth-child(3) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 100px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.DwgsReport-success-planches-table th:nth-child(5),
.DwgsReport-success-planches-table td:nth-child(5) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 100px;
    /* Set a minimum width for the cells */
    text-align: left;
}


.IFCReferences-ctr {
    max-height: 500px;
    overflow-y: scroll;
}



/* Target the second <th> and <td> elements */
.sd-refs-table thead tr th:nth-child(2),
.sd-refs-table tbody td:nth-child(2) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 400px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.sd-refs-table thead tr th:nth-child(3),
.sd-refs-table tbody td:nth-child(3) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 200px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.sd-refs-table thead tr th:nth-child(4),
.sd-refs-table tbody td:nth-child(4) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.dwg-nbr-seq-family-header {
    display: grid;
    grid-template-columns: 100px 150px 400px 20px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

.packnotes-ctr {
    height: 150px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 8px;
    padding: 20px 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.packnotes-textarea {
    height: 100px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 8px;
    /* padding: 20px 10px; */
    box-sizing: border-box;
    /* font-size: 14px; */
}



/* Target the second <th> and <td> elements */
.Imported-Packages-table th:nth-child(2),
.Imported-Packages-table td:nth-child(2) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 200px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(3),
.Imported-Packages-table td:nth-child(3) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(4),
.Imported-Packages-table td:nth-child(4) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(5),
.Imported-Packages-table td:nth-child(5) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(6),
.Imported-Packages-table td:nth-child(6) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 150px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(7),
.Imported-Packages-table td:nth-child(7) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 150px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.Imported-Packages-table th:nth-child(8),
.Imported-Packages-table td:nth-child(8) {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 150px;
    /* Set a minimum width for the cells */
    text-align: left;
}

.sd-refs-table th:first-child,
.sd-refs-table td:first-child {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
}

.Imported-Packages-table th:first-child,
.Imported-Packages-table td:first-child {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
}

.DwgsReport-success-planches-table th:first-child,
.DwgsReport-success-planches-table td:first-child {
    width: auto;
    /* Allow the width to be determined by content */
    min-width: 50px;
    /* Set a minimum width for the cells */
}

.send-msg-btn {
    color: #07c;
    font-weight: bold;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

/* aacPackageVersion aacPrjRFI */
.send-msg-btn:hover {
    box-shadow: none;
}

.send-btn-div {
    display: inline-flex;
    cursor: pointer;
}.projecttag-lbl {
    font-size: 11px;
    margin-left: 8px;
    letter-spacing: normal;
}

.edittagtype-item {
    display: grid;
    grid-template-columns: 130px 1fr;
}

.edittagtype-div {
    display: grid;
    grid-gap: 15px;
    margin-top: 10px;
    border: 1px solid lightgray;
    padding: 20px;
    background: white;
    width: 350px;
    z-index: 1;
}

.Notifications-group-ctr {
    margin-left: 20px;
    padding-top: 30px;
}

.aa-menu-ctr {
    grid-template-columns: 1fr;
    min-width: 250px;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 8px;
    max-height: 300px;
    overflow: auto;
    z-index: 1500;
}

.tagform {
    grid-column: 1/3;
}

.edittagtype-label {
    font-size: 13px;
    font-weight: 500;
    color: #383838;
    margin: auto 0;
    height: fit-content;
    margin: auto 0;
}

.edittagtype-closebtn {
    padding: 7px 30px;
    width: fit-content;
    margin: auto;
}

.edittagtype-okbutton {
    padding: 7px 30px;
    width: fit-content;
    margin: auto;
}

.hov-ch-color:hover {
    color: #383838;
}

.tagform .Ind-alerts-ctr {
    margin-left: 0px;
}

.edittagtype-div .Ind-alerts-ctr {
    margin-left: 0px;
}

.packv-lbl-has-event {
    cursor: pointer;
}

.packv-lbl-has-event:hover {
    cursor: pointer;
}

.edit {
    cursor: pointer;
    color: #A8A8A8;
}

.submitted-packv {
    color: #0d88fb;
}

/* .issuedToProject-packv {
    color: rgb(22, 184, 22);
} */

.material-icons hov-ch-color {
    width: fit-content;
}

.material-icons hov-ch-color edit {
    margin-left: 15px;
    color: #A8A8A8;
}

.notification_header {
    font-weight: bold;
    font-size: 11px;
    color: #383838;
    cursor: pointer;
}

.Notifications-subdiv :hover {
    /* border-bottom: 3px solid red; */
    cursor: pointer;
}

.Notifications-subdiv {
    display: inline-flex;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    gap: 20px;
}

.Notifications-Ctr {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: #f8f8f8;
    margin-right: 20px;
    min-width: 150px;
}

.recipient-div:hover {
    background-color: lightgray;
}

.submittals-div {
    /* background: linen; */
    /* padding: 30px 40px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    max-height: 500px;
    overflow: scroll;
    width: 100%;
    height: fit-content; */
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    /* width:calc(100vw - 100px);;  */
    width: 100%;
    /* max-height: calc(100vh - 500px); */
    /* overflow: scroll; */
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
}

.submittals-div th {
    padding: 2px 5px;
    position: sticky;
    background: #f2f2f2;
    /* #f9f9f9; */
    box-sizing: border-box;
    top: 0px;
    text-align: left;
}

.submittals-div td {
    padding: 5px;
    box-sizing: border-box;
}

.prjreport-div {
    padding-top: 5px;
    /* border: 0.5px solid lightgray; */
}

.prjreport-table {
    /* border-collapse: collapse; */
    /* width: 30%; */
    font-size: 14px;
    padding: 5px;
}

.prjreport-table th {
    border: 1px solid lightgray;
    padding: 8px;
    text-align: center;
}

.prjreport-table td {
    border: 1px solid lightgray;
    padding: 8px;
    text-align: center;
}

/* .submittals-div th:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #f2f2f2;
    
}

.submittals-div th:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 4;
    background: #f2f2f2;
  
}

.submittals-div th:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 4;
    background: #f2f2f2;
   
}

.submittals-div th:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 4;
    background: #f2f2f2;
   
    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

*/
/* .submittals-div td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 3;
    background: inherit;
}

.submittals-div td:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 3;
    background: inherit;
}

.submittals-div td:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 3;
    background: inherit;
}

.submittals-div td:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 3;
    background: inherit;
    border-right: 1px solid lightgray;
    padding-right: 10px;
} */


/* projectview */
.horiz-banner-project-div {
    width: 100%;
    display: inline-grid;
    border-bottom: 1px solid lightgray;
}

.tabs-ctr-project-subdiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

/* .tabs-btn-project-div {
    width: fit-content;
    display: inline-block;
} */

/* .poj-searchctr {
    display: inline-flex;
    margin: auto;
} */

.title-tab-project-lbl {
    padding: 8px 16px;
    width: auto;
    border: none;
    outline: 0;
    background: none;
    cursor: pointer;
    float: left;
}

.title-tab-project-lblselected {
    border-bottom: 3px solid darkslategrey;
}

.packages-ctr {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: white;
    min-width: 170px;
}

/* .projecttag-div {
    display: inline-flex;
    margin: 5px;
} */

/* .savecloase-div {
    display: grid;
} */

.projecttags-btn {
    margin: 5px;
    border-radius: 15px;
    border: none;
    padding: 1px 10px;
    background: white;
    margin-bottom: unset;
    border: 1px solid lightgray;
    font-size: 11px;
    min-width: 50px;
    text-align: center;
}

.packbtns-div .packbtns-tabitem:hover {
    background-color: white;
}

.inheritedTag {
    color: gray;
}

.packbtns-div {
    display: inline-flex;
    width: 100%;
    background-color: linen;
    padding-top: 10px;
    padding-bottom: 10px;
}

.packbtns-div .packbtns-tabitem {
    background-color: linen;
}

.canceled-packv {
    color: rgb(255 8 0 / 71%);
}

.ConfirmImportFromJsonFileOperation-packv {
    color: #ff6633;
}

.pack-header-sett-span {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
}

.packitem-div:focus {
    display: block;
    box-shadow: 0 1px 1px 0 RGB(65 69 73 / 30%);
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    background: white;

}

.package-version-div {
    padding: 3px 8px;
    border-radius: 6px;
}

.projPage-headerCtr {
    /* display: inline-grid;
    height: fit-content;
    padding: 10px 0;
    width: 100%;
    
    grid-template-columns: auto 1fr auto; */

    display: grid;
    height: fit-content;
    padding: 10px 0;
    width: 100%;
    /* border-bottom: 1px solid #f5f5f5; */
    grid-template-columns: repeat(3, auto);
}

.iconheader-div {
    /* margin: auto 0;
    grid-gap: 5px; */
    /* display: inline-flex; */
    margin: auto 0;
    display: flex;
    grid-gap: 5px;
    /* display: inline-flex; */
    align-items: center;
    justify-self: self-end;

}

.tagtypes-div {
    display: inline-flex;
    padding-left: 10px;
    grid-gap: 5px;
}

.project-topleft-tags-ctr {
    display: inline-flex;
    margin: auto 0;
    grid-gap: 5px;
}

.tagbox-subdiv {
    display: inline-flex;
    padding-right: 5px;
}

.popup-wrapper-tagselector {
    display: grid;
    z-index: 1002;
    top: 30px;
    border-radius: 5px;
    position: absolute;
    background: white;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 0%);
    border: 1px solid lightgray;
    width: 0px;
    height: 0px;
    transition-property: width, height;
    transition-duration: 0.5s;
    overflow: hidden;
}

.projecttags-div {
    background: white;
    min-width: 150px;
    max-height: 500px;
    overflow-y: auto;
}

.packageslist-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    /* width:calc(100vw - 100px);;  */
    width: 100%;
    max-height: calc(100vh - 220px);
    overflow: scroll;
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
}

.item-table {
    /* border-spacing: 0;
    table-layout: auto;
    height: fit-content;
    width: fit-content;
    min-width: 100%; */
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;

}





.item-table td.fit {
    width: 0;
    min-width: fit-content;
}



.item-table tr {
    border-bottom: 1px solid #e9e9e9;
    background: white;
}

.item-table tr td,
th {
    padding: 5px;
}

.item-table tr:hover {
    background: #d9ebfc;

}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

.packageslist-div th {
    padding: 2px 5px;
    position: sticky;
    background: #f2f2f2;
    /* #f9f9f9; */
    box-sizing: border-box;
    top: 0px;
    text-align: left;
}

.packageslist-div td {
    padding: 5px;
    box-sizing: border-box;
}

.packageslist-div th:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #f2f2f2;
    /* #f9f9f9; */
}

.packageslist-div th:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 4;
    background: #f2f2f2;
    /* #f9f9f9; */
}

.packageslist-div th:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 4;
    background: #f2f2f2;
    /* #f9f9f9; */
}

.packageslist-div th:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 4;
    background: #f2f2f2;
    /* #f9f9f9; */
    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

.packageslist-div td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 3;
    background: inherit;
}

.packageslist-div td:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 3;
    background: inherit;
}

.packageslist-div td:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 3;
    background: inherit;
}

.packageslist-div td:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 3;
    background: inherit;
    border-right: 1px solid lightgray;
    padding-right: 10px;
}

.packitem-div {
    outline: none;
    white-space: break-spaces;
    box-sizing: border-box;
}

.tagtype-div {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    padding: 0px 8px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.tagspace-div {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    /* padding: 0px 8px; */
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.tagspace-selected {
    background-color: rgb(254, 239, 227);
}

.btnproj-subdiv {
    color: #383838;
    padding: 5px 10px;
    display: inline-flex;
    justify-content: center;
    border-radius: 5px;
    min-width: 65px;
}

.projhdrdiv {
    width: 105px;
}

.packageslist-empty {
    /* background: #f9f9f9;  */
    /* min-height: 700px;
    justify-content: center;
    text-align: center;
    align-items: center; */
    font-size: 16px;
    font-weight: 550;
    margin-top: 20px;
    /* height:calc(100vh - 220px); */
}

.tag-space-group-div {
    margin-bottom: 10px;
}

.tag-space-header {
    display: grid;
    grid-template-columns: 200px 1fr 20px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

.new-tag-space-ctr {
    width: 100%;
}

.projectdwgslist-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    /* width:calc(100vw - 100px);;  */
    width: 100%;
    max-height: calc(100vh - 220px);
    overflow: scroll;
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
}

.projectdwgslist-div th {
    padding: 2px 5px;
    position: sticky;
    background: #f2f2f2;
    /* #f9f9f9; */
    box-sizing: border-box;
    top: 0px;
    text-align: left;
}

.projectdwgslist-div td {
    padding: 5px;
    box-sizing: border-box;
}

.prj-company-header {
    display: grid;
    grid-template-columns: 2fr 1fr 30px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

.new-prj-company-ctr {
    width: 500px;
    gap: 10px;
    padding-top: 10px;
}

.projecttags-headertabs {
    width: fit-content;
    margin: auto;
}

@media(max-width:1000px) {

    .projPage-headerCtr {
        display: grid;
        height: fit-content;
        padding: 10px 0;
        width: 100%;

        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .projecttags-headertabs {
        width: fit-content;
        /* margin: auto; */
    }

    .iconheader-div {
        /* margin: auto 0;
        grid-gap: 5px; */
        /* display: inline-flex; */
        margin: auto 0;
        display: flex;
        grid-gap: 5px;
        /* display: inline-flex; */
        align-items: center;
        justify-self: self-start;

    }
}
.group-selector-ctr{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-top:10px;
    width:260px;
}

.info-lbl{
    font-size:13px;
    font-weight:600;
    color:#444;
}

.aa-select{
    padding:8px 12px;
    border-radius:6px;
    border:1px solid #d0d0d0;
    background:white;
    font-size:14px;
    cursor:pointer;
    transition:all 0.2s ease;
}

/* hover */
.aa-select:hover{
    border-color:#4f8df5;
}

/* focus */
.aa-select:focus{
    outline:none;
    border-color:#4f8df5;
    box-shadow:0 0 0 2px rgba(79,141,245,0.15);
}

/* dropdown arrow spacing */
.aa-select option{
    padding:6px;
}
/* =========================
   Invoice Agreement UI
   Scoped ONLY to this form
   ========================= */

   .pid-modern {
    font-family: Arial, sans-serif;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px;
}

/* Title */
.pid-title {
    font-weight: 600;
    font-size: 13px;
    padding: 4px 0;
    opacity: 0.85;
}

/* 2-column layout */
.pid-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* column stack */
.pid-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* labels compact */
.pid-col label {
    font-size: 10px;
    opacity: 0.7;
    margin-top: 4px;
}

/* inputs compact */
.pid-col input,
.pid-col select,
#dwgSection input {
    height: 26px;
    font-size: 12px;
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
}

/* focus */
.pid-col input:focus,
.pid-col select:focus,
#dwgSection input:focus {
    border-color: #4a90e2;
}

/* DWG section */
.pid-dwg {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px;
    border-top: 1px solid #eee;
}

/* action row */
.pid-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 5px;
}

/* button */
.pid-btn {
    background: #2d7ff9;
    color: white;
    border: none;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
}

.pid-btn:hover {
    background: #1d6fe0;
}
#dwgSize:disabled {
    background: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}.container-subctr {
    width: 100%;
    margin-top: 30px;
}

.workspace-title-ctr {
    /* display: inline-block; */
    width: 100%;
    box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%);
    margin-right: 16px;
}

.work-titletab-ctr {
    display: inline-flex;
    width: fit-content;
    height: fit-content;
}

.worktab-ctr {
    display: inline-flex;
    margin-top: 0;
    cursor: pointer;
    width: fit-content;
    margin-right: 8px;
    border-radius: 5px 5px 0px 0;
    padding: 5px;
    padding-bottom: 0px;
}

.title-tab-header {
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    color: #383838;
    margin: auto 0;
    text-align: center;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    font-weight: 600;
}



.worktab-closediv {
    cursor: pointer;
    box-sizing: border-box;
    height: fit-content;
    margin: auto;
}




.title-tab-header-first {
    padding-left: 5px;
    font-size: 13px;
    font-weight: 600;
}

.title-tab-div {
    display: inline-flex;
    /* padding: 5px 4px 4px 8px; */
    text-align: center;
    border-radius: 20px;
}

.title-tab-header-disabled {
    font-size: 13px;
    display: inline-block;
    margin: auto 0;
    text-align: center;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
    font-weight: 600;
}/* this is common in aabco and aabcoV1 last updated 27-oct-2023 */
button {
    font-family: inherit;
}

.cursorpointer {
    cursor: pointer;
}

.fs-11 {
    font-size: 11px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-24 {
    font-size: 24px;
}

.fs-13 {
    font-size: 13px;
}

.fs-12 {
    font-size: 12px;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.w-fc {
    width: fit-content;
}

.d-if {
    display: inline-flex;
}

.ds-true {
    color: rgba(16, 16, 16, 0.3);
    cursor: default;
}

.fc-07c {
    color: #07c;
}

.fc-orange {
    color: #ff6633;
}

.fw-600 {
    font-weight: 600;
}

.fw-550 {
    font-weight: 550;
}

.fw-500 {
    font-weight: 500;
}

.aa-boldlabel {
    color: #383838;
    font-size: 14px;
    font-weight: 600;
}

.aa-header {
    color: #383838;
    font-size: 25px;
    font-weight: bold;
}

.aa-header2 {
    color: #383838;
    font-size: 18px;
    font-weight: bold;
}

.fc-lightblack {
    color: #383838;
}

.bold {
    font-weight: bold;
}

.aa-input {
    display: list-item;
    /* height: 20px; */
    font-size: 1rem;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 10px;
    outline: none;
}

.aa-search-input {
    border: 0.5px solid #ccc;
    border-radius: 4px;
    height: fit-content;
    padding: 10px;
    outline: none;
}

.aa-JobDiv {
    border: 1px solid lightgray;
    width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 20px repeat(2, 1fr);
}

.aa-ResourceDiv {
    border: 1px solid lightgray;
    width: 80%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20px 1fr;
}

.justifycontent_center {
    justify-content: center;
}

.width100percent {
    width: 100%;
}

.height100percent {
    width: 100%;
}

.width300px {
    width: 300px;
}

.margautozero {
    margin: auto 0;
}

.marginauto {
    margin: auto;
}

.marginright10px {
    margin-right: 10px;
}

.marginbtm15px {
    margin-bottom: 15px;
}

.iconhover:hover {
    background: #e0e0eb;
}

.hoverdark:hover {
    background: rgb(0 0 0 / 5%);
    /* rgba(0,0,0,0.2); */
}

.iconcolor {
    color: #5f6368;
}

.tablerow:hover {
    background-color: #fafafa;
}

.labeldropdown {
    background: transparent;
    font-size: 14px;
}

.iconedit {
    border-radius: 50%;
    color: #5f6368;
    padding: 6px;
    cursor: pointer;
    font-size: 18px;
    height: fit-content;
    width: fit-content;
}

.iconeditsmall {
    border-radius: 50%;
    color: #5f6368;
    padding: 6px;
    cursor: pointer;
    font-size: 14px;
    height: fit-content;
    width: fit-content;
}

.iconsmall3padd {
    border-radius: 50%;
    color: #5f6368;
    padding: 3px;
    cursor: pointer;
    font-size: 14px;
    height: fit-content;
    width: fit-content;
}

.float-right {
    float: right;
}

.btnhover:hover {
    background: green;
}

.btnhover:active {
    background: lightgreen;
}

.labelselect-div {
    width: fit-content;
    padding: 6px 15px;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    display: inline-flex;
    grid-gap: 20px;
    min-width: 200px;
}

.labelselect-lbl {
    margin: auto 0;
    color: #999;
}

.aa-span {
    display: unset;
    border-radius: 2px;
    text-align: center;
    padding: 1.5px 3px;
    font-size: 11px;
}

.labelselect-div:hover {
    background: #fafafa;
}

.grid {
    display: grid;
}

.ws-nowrap {
    white-space: nowrap;
}

.alignself-center {
    align-self: center;
}

.tabtitle-lbl {
    width: auto;
    border: none;
    outline: 0;
    background: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #383838;
    padding: 10px 16px;
    border-radius: 4px;
}

.innertab-selected {
    border-bottom: 3px solid orange;
    color: #07c;
}

.tabs-div {
    width: fit-content;
    display: inline-block;
    grid-gap: 20px;
}

.hover:hover {
    background-color: #f1f3f4;
}

.hover07c:hover {
    color: #07c;
    /* background-color: rgb(250, 245, 245);  */
}

.inlineflex {
    display: inline-flex;
}

.tabdisabled {
    color: lightgray;
    cursor: default;
}

.margintop15px {
    margin-top: 15px;
}

.margintop10px {
    margin-top: 10px;
}

.margintop35px {
    margin-top: 35px;
}

.margintop50px {
    margin-top: 50px;
}

.mxw-800 {
    max-width: 800px;
}

.ok-button:hover {
    background: #039be5;
}

.close-btn {
    border: 1px solid #07c;
    background: #fff;
    color: black;
    margin-left: 20px;
    border-radius: 5px;
    padding: 8px 16px;
    box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 8%);
}

.searchdiv {
    background: #f1f3f4;
    height: 50px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 60px 1fr;
    margin-left: 10px;


}

.searchdiv-withadv {
    background: #f1f3f4;
    height: 35px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 40px 1fr 32px;
    padding-right: 4px;
    width: 250px;
}

.searchicon {
    margin: auto;
    font-size: 24px;
    padding: 8px;
    border-radius: 50%;
    background: transparent;
    width: fit-content;
    height: fit-content;
    cursor: pointer;
    color: #5f6368;
}

.searchinput {
    background: transparent;
    border: none;
    font-size: 14px;
}

.searchinput:focus {
    border: none;
    outline: none;
}

.aa-divlabelinput {
    display: inline-grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 30px;
}

.aa-label {
    margin: auto;
    margin-left: 0;
    height: fit-content;
}

.load-dragdrop {
    padding: 24px;
    border: 2px dashed #ddd;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
}

.load-cloud-content__title {
    font-size: 24px;
    margin: 0 0 5px;
    color: #444;
    line-height: 27px;
}

.load-cloud-content__subTitle {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.lbl-uploadImg {
    color: #ff9e21;
    margin: auto;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    width: fit-content;
}

.dragdrop-subctr .material-icons {
    margin: auto;
    /* font-size: 35px; */
    color: #ff9e21;
}

.comp-logo-img {
    max-height: 100%;
    max-width: 100%;
}

.dragdrop-subctr {
    margin: auto;
    display: inline-flex;
    text-align: center;
    align-items: center;
}

.displaynone {
    display: none;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.addbtn-subdiv {
    width: fit-content;
    background: #07c;
    color: white;
    float: right;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    margin: auto;
    margin-right: 0;
}

.bg-white {
    background: white;
}


.positionrelative {
    position: relative;
}

.cc-input-radio {
    margin: auto 10px auto 0px;
}

.aa-h3 {
    margin: auto;
    height: fit-content;
    font-size: 16px;
}

.red-background {
    background-color: red;
}

.fc-red {
    color: #fa3e3e;
}

.f8f8f8 {
    background-color: #f8f8f8;
}

.colorgold {
    color: #ff9e21;
}

.textalign_center {
    text-align: center;
}

.justifyself_center {
    justify-self: center;
}

.gg-3px {
    grid-gap: 3px;
}

.gg-5px {
    grid-gap: 5px;
}

.gg-8px {
    grid-gap: 8px;
}

.gg-25px {
    grid-gap: 25px;
}

.labelselect-dropdownicon {
    color: rgb(95, 99, 104);
    margin: auto;
    margin-right: 0px;
}

.pd5_8 {
    padding: 5px 8px;
}

.pd5_10 {
    padding: 5px 10px;
}

.ol-div {
    display: inline-flex;
    grid-gap: 15px;
    padding: 5px 8px;
    font-size: 14px;
}

.h-fc {
    height: fit-content;
}


.bd-5px {
    border-radius: 5px;
}

.bd-20px {
    border-radius: 20px;
}

.marg5px {
    margin: 5px;
}

.marg8px {
    margin: 8px;
}

.pd-tp10 {
    padding-top: 10px;
}

.d-ib {
    display: inline-block;
}

.bg-lightblue {
    background: #e8f0fe;
    border: 1px solid #e8f0fe;
}

.bd-unset {
    border: unset;
}

.displayblock {
    display: block;
}

.bs-bb {
    box-sizing: border-box;
}

.div-cont-save {
    /* margin-top: 20px; */
    margin-right: 0px;
    /* border-top: 1px solid lightgray; */
    /* padding-top: 20px; */
    width: 100%;
}

.inputcont {
    margin: 8px;
}

.marg8px {
    margin: 8px;
}

.parentdiv-btnsaveclose {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.close-btn-sm {
    border: 1px solid #07c;
    background: #fff;
    color: black;
    border-radius: 5px;
    padding: 4px 16px;
    box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 8%);
}

.aa-inpsearch {
    outline: none;
    border: none;
    height: 100%;
    width: 100%;
}

.grid1frauto {
    display: grid;
    grid-template-columns: 1fr auto;
}

.bd-top {
    border-top: 1px solid lightgray;
}

.h-50 {
    height: 50px;
}

.h-100 {
    height: 100px;
}

.bg-vlg {
    background: #f2f2f2;
}

.pd-2px6px {
    padding: 2px 6px;
}

.marginzero {
    margin: 0px;
}

.fc-green {
    color: green;
}

.marginzeroauto {
    margin: 0 auto;
}

.lh-28px {
    line-height: 28px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;

}

.pl-5px {
    padding-left: 5px;
}

.pl-2px {
    padding-left: 2px;
}

.fs-10 {
    font-size: 10px;
}

.pd-2px {
    padding: 2px;
}

.br-50 {
    border-radius: 50%;
}

.pd-10px {
    padding: 10px;
}

.bd-bt {
    border-bottom: 1px solid lightgray;
}

.cursortext {
    cursor: text;
}

.gg-15px {
    grid-gap: 15px;
}

.mxw-1000 {
    max-width: 1000px;
}

.ws-nw {
    white-space: nowrap;
}

.ml-4 {
    margin-left: 4px;
}

.aa-menu-ctr {
    grid-template-columns: 1fr;
    min-width: 250px;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 8px;
    max-height: 300px;
    overflow: auto;
    z-index: 1500;
}

.remove-pd {
    padding: 0px;
}

.ol-div {
    display: inline-flex;
    grid-gap: 5px;
    padding: 5px 8px;
    font-size: 14px;
}

.bb-thin {
    border-bottom: 0.25px solid #f0eeee;
}

.bt-verythick {
    border-top: 1.5px solid #383838;
}

.bg-lightgray {
    background: #f5f5f5;
}

.ptb-3px {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pl-20px {
    padding-left: 20px;
}

.inline {
    display: inline;
}

.underline {
    text-decoration: underline;
}

.hint-color {
    color: #ff9e21;
}

.pd-0px6px {
    padding: 0px 6px;
}

.marginleft-5px {
    margin-left: 5px;
}

.inline {
    display: inline;
}

.ml-10 {
    margin-left: 10px;
}

.lblsmall-light {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 550;
    line-height: 1.33;
    font-size: 11px;
    height: 15px;
    padding: 0px 5px;
    /* margin: auto; */
}

.pl-10px {
    padding-left: 10px;
}

.br-20px {
    border-radius: 20px;
}

.pd-2px10px {
    padding: 2px 10px;
}

.bd1pxlightgray {
    border: 1px solid lightgray;
}

.fs-14-mb {
    font-size: 14px;
}

.ls-1px {
    letter-spacing: 1px;
}

@media(max-width:900px) {
    .searchicon {
        font-size: 18px;
    }
}

.d-flex-row {
    display: flex;
    flex-direction: row;

}

.d-flex-column {
    display: flex;
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

.pd-5px {
    padding: 5px;
}

/* ///////////////// */
.fc-green {
    color: green;
}

.alignitems_baseline {
    align-items: baseline;
}

.alignitems_center {
    align-items: center;
}

.minwidth-1200px {
    min-width: 1200px;
}

.fs-18 {
    font-size: 18px;
}

.textdecoration-underline {
    text-decoration: underline;
}

.icon-status-A {
    /* background-color: green; */
    color: green;
    font-weight: bold;
}



.icon-status-B {
    /* background-color: orange; */
    color: orange;
    font-weight: bold;
}

.icon-status-C {
    /* background-color: red; */
    color: red;
    font-weight: bold;
}

.icon-status-D {
    /* background-color: red; */
    color: red;
    font-weight: bold;
}

.error-icon {
    display: inline-block;
    margin-right: 10px;
    height: fit-content;
    margin-top: 5px;
    /* Adjust the spacing as needed */
}


.error-count {
    font-size: 16px;
    /* Adjust the font size as needed */
    color: red;
    /* Change the color to match your design */
    font-weight: bold;
    /* Optional: Make the count bold */
    position: absolute;
    border-radius: 2px;
    background: #fa3e3e;
    color: #fff;
    text-align: center;
    line-height: 1.25;
    padding: 1.5px 3px;
    min-width: 0.75em;
    font-size: 11px;
}

.filled-done-icon {
    width: 24px;
    height: 24px;
    background-color: #4CAF50;
    /* Green color, adjust to your preference */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.outlined-done-icon {
    width: 24px;
    height: 24px;
    border: 2px solid #4CAF50;
    /* Green color, adjust to your preference */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4CAF50;
}

.fc-black {
    color: black;
}

.textalign_left {
    text-align: left;
}

.ok-button {
    background: #07c;
    color: white;
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #07c;
    min-width: 110px;
    box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 8%);
}

.ws-bs {
    white-space: break-spaces;
}

.d-f {
    display: flex;
}

.gridrow-1 {
    grid-row: 1;
}

.auto1fr {
    grid-template-columns: auto 1fr;
}

.ok-button-grey {
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    min-width: 110px;
    background-color: #d3d3d326;
}

.fontshade_gray {
    color: #70757a;
}

.hoveropacity:hover {
    /* background-color: #f1f3f4; */
    opacity: 0.75;
}

.marginunset {
    margin: unset;
}

.pd-bm10 {
    padding-bottom: 10px;
}

.op-07 {
    opacity: 0.7;
}

.fc-white {
    color: white;
}

.of-y {
    overflow-y: auto;
}

.of-x {
    overflow-x: auto;
}

.gap5px {
    gap: 5px;
}

.btn-green {
    background-color: green;
}

.progress-item {
    margin: 2px 0;
}

.progress-label {
    font-size: 10px;
    /* margin-bottom: 5px; */
    font-weight: bold;
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 5px;
}

.progress-bar-fill-A {
    height: 100%;
    background-color: #4caf50;
    /* Green color for progress */
    border-radius: 5px;
    width: 0%;
    transition: width 0.5s;
}

.progress-bar-fill-C {
    height: 100%;
    background-color: red;
    /* Green color for progress */
    border-radius: 5px;
    width: 0%;
    transition: width 0.5s;
}

.outline-none {
    outline: none;
}

.pd-4px {
    padding: 4px;
}

.mb-0px {
    margin-bottom: 0px;
}

.w-max-content {
    width: max-content;
}

.divdisabled {

    pointer-events: none;

    opacity: 0.5;
    color: lightgray;


}

.bd1pxred {
    border: 1px solid red;
}

.bd-dotted-black {
    border: 1px dotted black;
}

.fc_blackshade1 {
    color: #525c65;
}

.inputNb-noscroll::-webkit-outer-spin-button,
.inputNb-noscroll::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

.flex {
    display: flex;
    /* grid-template-columns: 1fr 1fr; */

}

.onfocusoutline-none:focus {
    outline: none;
}

.h-44 {
    height: 44px;
}

.br-4px {
    border-radius: 4px;
}

.bd-none {
    border: none;
}

.grid1fr1fr_mb {
    /* mb goes for mobilefreindly */
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.alignitems_flexstart {
    align-items: flex-start;
}

.h-100 {
    height: 100%;
}

.gg-1px {
    grid-gap: 1px;
}

.bd-bt-zeropt5 {
    border-bottom: 1px solid lightgray;
}

.fc-inherit {
    color: inherit;
}

.bg-vlg {
    background-color: #f1f3f4;
}

.pd-unset {
    padding: unset;
}

.bd-bt-zeropt25 {
    border-bottom: 0.25px solid lightgray;
}

.bb-dotd-zeropt25 {
    border-bottom: 0.25px dotted lightgray;
}

@media (max-width: 46.24em) {

    /*mb goes for mobilefreindly  */
    .grid1fr1fr_mb {
        display: flex;
        flex-wrap: wrap;
    }

    .pad-ctr-mf {
        padding: 20px 10px;
    }

    .fs-14-mb {
        font-size: 12px;
    }
}

.rounded-2xl {
    border-radius: 1rem;
    /* 16px rounded corners */
}

.shadow-md {
    /* Medium shadow */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.06);
}

.border {
    border-width: 1px;
    border-style: solid;
}

.border-gray-200 {
    border-color: #e5e7eb;
    /* Tailwind’s gray-200 */
}



.p-4 {
    padding: 1rem;
    /* 16px padding */
}
.flatpickr-days {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

/* Center the WEEKDAYS row */
.flatpickr-weekdaycontainer {
    padding-left: 0 !important;
    margin: 0 auto !important;
}

/* Center the DAYS grid */
.dayContainer {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    grid-auto-rows: 40px !important;
    padding: 0 !important;
    margin: 0 auto !important;  /* center horizontally */
}

/* Make sure Flatpickr doesn't shrink content inside */
.flatpickr-calendar {
    box-sizing: border-box !important;
}

/* Make sure each day cell behaves normally */
.flatpickr-day {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 28px !important;
    min-height: 28px !important;
    height: 28px !important;
    line-height: 28px !important;

    overflow: visible !important; /* prevents clipping of large numbers */
}


/* Prevent clipping of “28”, “30”, “31” */
.flatpickr-day, .flatpickr-day.selected, .flatpickr-day.today {
    overflow: visible !important;
}

/* If your container is small, increase min-width */
.flatpickr-day {
    min-width: 32px !important;
    min-height: 32px !important;
}


 .msg-attachedfiles a :link {
     color: rgb(150, 147, 147);
     margin-top: 10px;
     text-decoration: none;
 }

 .msg-attachedfiles a :active {
     color: rgb(228, 222, 222);
     margin-top: 10px;
     text-decoration: underline;
 }

 .msg-attachedfiles a :hover {
     color: rgb(0, 153, 38);
     margin-top: 10px;
     text-decoration: underline;
 }

 div[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {
     content: attr(data-placeholder);
     float: left;
     margin-left: 2px;
     color: #b3b3b3;
 }

 .notificationview .alert-success-label {
     color: red;
     font-weight: 700;
 }

 .msg-attachedfiles {
     display: grid;
     grid-template-columns: 1fr;
     grid-gap: 8px;
     border-radius: 5px;
     margin-top: 5px;
     /* background:#f1f3f4 */
 }

/* serviceregister-uploadfiles */
 .attachedfile {
     display: grid;
     color: #605e5c;
     grid-template-columns: 1fr 45px 45px 25px;
     font-size: 14px;
     padding: 1px 6px;
 }
/* serviceregister-uploadfiles */
 .attachedfile .iconedit {
     font-size: 14px;
     padding: 4px;
 }
  /* //uploadfiles */
 .uploadedfilectr {
     font-size: 14px;
     padding: 3px 8px;
     background: #f1f3f4 ;
     border-radius: 5px;

 }

 /*  tagselector*/
   .cat-option {
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

/*  completebooking */
    .cb-serv-reg-prof-mob-div { 
       margin-top: 20px;
       box-sizing: border-box;
        border-top:1px solid lightgray;
        padding-top:20px;
        display: grid;
        grid-gap:10px;
   }

   /*  confirmdelivery */
      .cd-servreg-edu-area-input{
       width: 100%;
       height: 200px;
       background-color: white;
       border: 1px solid lightgray;
       border-radius: 8px;
       padding: 15px;
       font-size: 14px;
       box-sizing: border-box;
   }

   

/* helpers.createAlertsdiv */

 /* timer  */
 /* .convdt {
     color: #555555;
     font-size: 10px;
     opacity: 0.8;
 }
  */
/* 
 .mn-container-div .Ind-alerts-ctr {
     display: inline-flex;
     padding-top: 20px;
     padding-left: 10px;
 }

 .mn-container-div .Ind-alerts-ctr .body__banner {
     font-size: 15px;
     line-height: 20px;
     font-weight: 700;
 }

 .mn-container-div .Ind-alerts-ctr .body__banner svg {
     display: none;
 }

 .mn-container-div {
     margin-left: 15px;
     margin-right: 20px;
     margin-bottom: 10px;

     padding-left: 10px;
     padding-right: 10px;
     background-color: white;
     padding-bottom: 10px;
     height: 300px;
     overflow-y: auto;
 } */
 

 
 



  




/* 
 .showAndDownload-div {
     display: inline-flex;
     cursor: pointer;
 } */

 /* .showAndDownload-div .material-icons {
     font-size: 14px;
     color: #383838;
     cursor: pointer;
 } */

  /* aacactivitydocs-uploadfiles-serviceregister fs-10 w-fc fw-600 */
 /* .filename-lbl {
     font-size: 10px;
     width: fit-content;
     font-weight: 600;
 } */


 
 /* //-uploadfiles */
  /* img.imgname-lbl {
     width: 100%;
     margin-bottom: 15px;     
 }  */
 /* uploadfiles */
 /* .filesize-lbl-inp {
     margin-left: 10px;
     width: fit-content;
 } */
 
 /* uploadfiles */
 /* .uplfile-prog-perc {
     width: 0%;
     height: inherit;
     border-radius: inherit;
     height: 2px;
     font-size: 10px;
     width: fit-content;
     font-weight: 600;
 } */
 /* .uploadfiles */
 /* .embname-lbl {
     display: none;
 } */
 /* //ploadfiles bold fs-12 fc-red/ */
 /* .uploadstatus-ctr {
     font-weight: bold;
     color: red;
     font-size: 12px;
 } */

 

/*  serviceregister uploadfiles fs-14 bg-vlg br-4px pd-2px10px*/
 /* .uploadedfilectr {
     font-size: 14px;
     padding: 3px 8px;
     background: #f1f3f4 ;
     border-radius: 5px;

 } */

 /* timer  */
 /* .urconv-circle {
     width: 8.5px;height: 8.5px;
     border-radius: 50%;
     color: white; 
     margin: auto 0;
 } */
  
 /* header timer  */
 /* .convunread-notif-dropdown {
     margin: unset;
     padding: unset;
     display: grid;
 } */


 /* timer  */
 /* .conv-notifications-li {
     margin-right: 3px;
     border-bottom: 0.25px solid lightgray;
     padding: 10px 10px;
 } */.unsupp-brows {
    /* margin: auto; */
    width: 100%;
    background-color: white;
    top: 100px;
    border: 1px solid lightgray;
    padding: 100px;
    display: grid;
    grid-gap: 50px;
    align-items: center;
    box-sizing: border-box;
    /* position: relative; */
}

img.googl-logo {
    margin: auto;
    width: 60px;
    /* opacity: 0; */
}
.googl-chr-ic{
    font-size: 13px;
    margin-top: 10px;
}
.unsup-p-div {
    margin: auto;
    display: grid;
    grid-gap: 10px;
}

.unsupp-brows h2 {
    margin: auto;
    font-size: 30px;
    /* color: #525c65; */
}
 .unsup-continue-btn{
     color: #07c;
     font-weight: 600;
     line-height: 25px;
     cursor: pointer;
     /* border-bottom:1px solid lightgray; */
     text-decoration: underline;
 }
.unsupp-brows p {
    /* line-height: 25px;
    font-size: 20px;
    color: #383838;
    margin: auto; */
    color: #525c65;
    font-size: 16px;
    margin: auto;
}
.goog-div {
    display: grid;
    width: fit-content;
    margin: auto;
    color: #07c;
    /* cursor: pointer; */
}
a.googl-chr-ic {
    width: fit-content;
    margin: auto;
    margin-top: 10px;
    font-weight: bold;
    /* cursor: pointer; */
}
.unsup-wrapper{
    display: grid;
z-index: 1110;
/* top: 220px; */
border-radius: 5px;
position: relative;
background: white;
padding: 40px;
box-shadow: 0px 0px 5px 2px rgb(0,0,0,0);
border: 1px solid lightgray;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 50px;
padding-right: 50px;
margin:60px auto;
max-height: 500px;
}

@media(max-width:550px){

    .unsupp-brows {
        /* width: 350px; */
        padding: 20px 10px;
        border: none;
        grid-gap: 20px;
    }

    .unsupp-brows h2 {
       
        font-size: unset; 
    }
    
.unsup-wrapper{
    padding: unset;
    margin-top:30px;
}

.unsupp-brows p {
    font-size: 13px;
    margin-left: 0px;
    
}
}/*! jQuery UI - v1.12.1 - 2019-12-28
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


.Ind-alerts-ctr{
    margin: auto;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.body__banner{
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}
    
.body__banner--error{
    color: #d11124;
}

.body__banner--info{
    color: #d11124;
}
.body__banner--success{
    color: #2f7b15;
}

@media (max-width: 46.24em) {        
    .Ind-alerts-ctr{
        margin: 0;
    }
}
     
@keyframes loader-spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
         transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}
.loader-spinner{
    margin-top: 100px;
    height: 50px;
    opacity: 1;
    position: relative;
    transition: opacity linear 0.1s;   
    fill-opacity: 1;
    stroke-opacity: 1;
    fill: transparent;
    stroke: transparent;
} 
   .loader-spinner::before {
        animation:  1.5s  linear infinite loader-spinner;
        border: solid 2px #188fff;
        border-bottom-color:white;
        border-radius: 50%;
        content: "";
        height: 30px;
        left: 50%;
        opacity: inherit;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        transform-origin: center;
        width: 30px;
        will-change: transform;
        text-align: center;
}
.loading-p{
    width: fit-content;
    margin: auto;
     color: #828c93; 
    font-weight: 500;
    margin-bottom: 50px;
}
.Working-cont{
    grid-area: container-area;
    grid-row-gap: 20px;
    height: min-content;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.loader-wrapper::before{
    content:"";
    position:absolute;
    z-index:0;
    display:block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity:0.5;

}
.loader-wrapper{
    position: fixed;
    z-index: 4500;
    /* //1010; */
    top:0px;
    right:0;
    bottom: 0;
    left:0;
    display: none;
}/* .site{
  background-color: #f8f8f8;
} */

.testimonials-ctr {
  padding-top: 50px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  /* width: 90%; */
  margin-top: 0;
  /* padding: 10px; */

}

.testimonial-ctr {
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
  padding-right: 50px;
  background-color: white;
  font-weight: 400;
  color: #383838;
  line-height: 1.625;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;

}

.testimonial-owner {
  width: fit-content;
  margin: auto;
}

.title-testimonial-h3 {
  font-weight: 500;
}

.testimonial-content a {
  color: #ff6633;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 500;
  border-radius: 5px;
}

.title-testimonial-ctr {
  line-height: 1.625;
  color: #383838;
  padding-top: 100px;
  width: 100%;
  text-align: center;
  padding-bottom: 100px;
  /* text-align: left; */
}

.content-subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
}

.title-testimonial-h1 {
  margin-bottom: 30px;
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
  font-size: 35px;
}

.testimonial-content-p {
  font-size: 13px;
  text-align: justify;
}

@media(min-width:900px) {
  .testimonials-ctr {
    /* padding: 50px; */
    display: grid;
    grid-template-columns: 1fr;
    /* grid-template-areas: "title title" 
      "address contactform"; */
    /* margin-top: 100px; */

  }

  .testimonial-ctr {
    /* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24); */
    /* display: grid;
    grid-template-columns: 300px 1fr; */
    padding: 10px;
  }
}.mybrowser-div {
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    margin-top: 30px;
    /* max-width: 1000px; */
}

.mybrowser-div-height-large {
    width: 100%;
    height: 500px;
    box-sizing: border-box;
    margin-top: 30px;
    /* max-width: 1000px; */
}

.mybrPath-div {
    display: grid;
    grid-template-columns: 1fr auto;
    font-size: 14px;
    /* grid-gap: 20px; */
}

.mybrTitlePath-div {
    /* padding: 0px 20px;
    border: 1px solid lightgray; */
    display: inline-flex;
    /* position: relative; */
    height: 100%;
    align-items: center;
}

.result-serviceinfo-div {
    /* position: absolute; */
    right: 0;
    padding-right: 10px;
}

.downloadfiles-btn-div:hover {
    background: green;

}

.downloadfiles-btn-div:active {
    background: lightgreen;

}

.mybrTitlePath-lbl {
    cursor: pointer;
    padding: 10px 5px;
    display: block;
    width: fit-content;
    box-sizing: border-box;
}

.newfolder-icon {
    color: #737373;
    /* font-size: 40px; */
    margin: auto;
    cursor: pointer;
}

.myDirContent-div {
    border: 1px solid lightgray;
    margin-top: 20px;
    padding: 20px;
    overflow-y: scroll;
    max-height: 300px;
}

.files-header {

    display: flex;
    justify-content: flex-end;
    /* aligns counter & search to right */
    gap: 20px;
    /* spacing between counter and search */
    padding: 10px 15px;
    /*  border-bottom: 1px solid #eee;
    */

}

.myDirContent-div-height-large {
    border: 1px solid lightgray;
    margin-top: 20px;
    padding: 20px;
    height: 100%;
    overflow: auto;
    /* overflow-y: scroll;
    max-height: 300px; */

}

.mdirFiles-div {
    display: block;
    min-height: 200px;
    margin: 3px;
}

.newdir-div {
    border: 1px solid lightgray;
    padding: 20px;
    font-size: 14px;
    display: grid;
    grid-gap: 10px;
    box-shadow: 0 0 3px grey;
    margin: 20px;
    margin-bottom: 40px;
}

.newdir-btn-div {
    display: inline;
}

.newdirtitle-div {
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

.newdir-btn {
    margin-right: 20px;
    padding: 6px 10px;
    min-width: 75px;
}

.mdirtitle-lbl {
    margin: auto;
    margin-left: 20px;
    font-weight: 500;
    font-size: 13px;
}

span#folder-icon {
    color: gold;
    font-size: 24px;
    height: 24px;
    width: 24px;
    margin: auto 0;
}

.mdirtitle-div {
    display: inline-flex;
    border-bottom: 1px solid lightgray;
    min-height: 40px;
    box-sizing: border-box;
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: fit-content;
}

span#file-icon {
    color: #1967d2;
    font-size: 24px;
    height: 24px;
    width: 24px;
    margin: auto 0;
}

.mdirtitle-div:hover {
    background: #e6f2ff;
    background: #e6e6e6;
    background: #e6f2ff;
}

.newdir-inp {
    padding: 10px 15px;
    border: 1px solid gray;
    border-radius: 2px;
    font-size: 14px;
}

.newdir-lbldesc {
    font-weight: 550;
}

.mydrive-icon-div {
    width: fit-content;
    margin-right: 0;
    display: flex;
    /* margin-left: 20px; */
    margin: auto 0;
    height: fit-content;
}

.mdirtitle-div .downloadDrive-icon {
    font-size: 24px;
    cursor: pointer;
}

.mybrTitlePath-lbl:hover {
    background: rgb(230, 242, 255);
}

.material-drive-slash {
    font-size: 30px;
    margin-left: 2px;
    margin-right: 2px;
    width: fit-content;
}

.mdirlbl-folder {
    cursor: pointer;
}

.mdirtitleempty-div {
    display: none;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    font-weight: 700;
    color: #888888;
}

.deleteDrive-lbl {
    cursor: pointer;
    color: #07c;
}

.deleteDrive-div {
    display: block;
    margin-right: 20px;
    height: fit-content;
    padding-top: 10px;
}

.downloadfiles-btn-div {
    display: block;
    border-radius: 8px;
    background: #07c;
    color: white;
    text-align: center;
    cursor: pointer;
    margin-left: 20px;
    min-width: 100px;
}

.downloadfiles-btn {
    color: white;
    background: transparent;
    border: none;
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.download-link-ctr {
    margin-top: 50px;
    max-width: 1000px;
    margin: auto;
    padding: 40px;
}

.drive-permission-menuitem-div {
    display: grid;
    grid-gap: 3px;
    grid-template-columns: 30px 1fr;
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 14px;
}

.drive-permissions-menu-ctr {
    display: grid;
    background: white;
    grid-gap: 5px;
    padding: 10px;
}

.do-uploadbtn {
    display: flex;
    grid-gap: 5px;
    white-space: nowrap;
}

.bbs-table {
    border-collapse: collapse;
    width: 100%;
}

.bbs-table thead {
    table-layout: fixed;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: lightgray
}

.bbs-table th {
    border: 1px solid #000;
    /* Add a 1px black border to each th */
    padding: 8px;
    /* Add padding for better readability */
    text-align: left;
    /* Align text to the left within th */
    ;
}

.bbs-table tbody td {
    border: 1px solid #000;
    /* Add a 1px black border to each th */
    padding: 8px;
    /* Add padding for better readability */
    text-align: left;
    /* Align text to the left within th */
    ;
}

.drivetitle-ctr {
    /* display: grid; */
    border: 1px solid lightgray;
    padding: 0px 20px;
    /* grid-template-columns: 1fr auto; */
}

@media(max-width:700px) {
    .downloadlink-title-div {
        /* padding: 20px; */
        box-sizing: border-box;
    }

    .downloadlink-title-div h3 {
        line-height: 1.8;
        font-size: 18px;
    }

    .download-link-ctr {
        margin-top: 0px;
        padding: 7px;
        max-width: unset;

    }

    .mybrTitlePath-lbl {
        padding: 10px 3px;
    }

    .mybrTitlePath-div {
        font-size: 11px;
    }

    .mybrowser-div {
        margin-top: 0px;
    }

    .myDirContent-div {
        padding: 0px;
    }

    .mdirtitle-lbl {
        font-size: 12px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .mdirtitle-div {
        display: grid;
        grid-template-columns: auto 1fr auto;
        padding: 0px;
    }
}
.bookstep1-section{
    width: 100%;
    height: 500px;
    padding-top: 100px;
    box-sizing: border-box;
}

.bookstep1-section-subctr{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

.booking-step-one-ctr{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.welc-info-ctr-reg-home{
    width: fit-content;
    font-weight: 500;
    margin-top: 20px;
}

.step1booking-home-.summ {
    font-weight: 500;
    color: #383838;
    font-size: 20px;
    padding-bottom: 10px;
    display: grid;
}
.workwithushome-btn {
    /* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24); */
    border: none;
    width: 180px;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: #ff6633;
    color: wheat;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    display: inherit;
    margin-left: 0px;
    /* margin: auto; */
}
.step1-left{
    height: 100%;
    width: 100%;
    position: relative;
}
.step1-left-subctr{
    width: fit-content;
    height: fit-content;
display:grid;
grid-gap:15px;
    /* margin: auto; */
}

.step1-right{
     
    /* height: 100%;  */
    /* float: right; */
    width: 100%;
    /* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24); */
	/* display:none; */
}
.welc-info-ctr-reg{
    width: fit-content;
    font-weight: 500;
    margin: 20px auto;
}
.step1-right-sub1ctr{
    width: fit-content;
    float: right;
    /* margin-right: 40px; */
    margin-top: 20px;
}

.step1booking-.summ {
    font-weight: 500;
    color: #383838;
    font-size: 20px;
    /* border-bottom: 1px solid lightgray; */
    padding-bottom: 10px;
    display: grid;
}
.step1-book-h1{
    font-weight: bold;
    line-height: 48px;
    color: #303326;
    font-size: 30px;

}

.step1-book-h2{
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    color: #303326;
}
.step1-book-p{
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #303326;
}
.step1-book-guarantee-p{
  color: #ff6633;
    font-weight: 300;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}

.icon-ui-check{
display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    transform: translate(0px, 0px);
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    font-feature-settings: normal;
    font-kerning: auto;
    text-rendering: auto;
    font-variant: normal;
}
.step1-book-p-blue{
    color:#1298b3;
    line-height: 40px;
} 
.title-step1-booking{
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
    width: 100%;

}
p.step1-h1-title {
    color: #07c;
    font-size: 20px;
}

.btn-step-toplace-yourorder{
    padding: 10px;
    border: none;
    margin: auto;
    background-color: gold;
    border: 1px solid lightgoldenrodyellow;
    border-radius: 5px;
    width: fit-content;
    margin: auto;
}

.step1-pay-p{
font-size: 12px;
color: green;
width: fit-content;
}

.step1booking-section{
padding-bottom: 20px;
line-height: 25px;
border-bottom: 1px solid lightgray;
padding-top: 20px;
width: 100%;

}

.step1-right-sub2ctr {
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
    padding: 30px;
background-color:white;
}
.marketing-div{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    display: grid;
    grid-template-columns: 1fr 350px;
    background-color: white;
    padding: 50px;
    grid-gap: 20px;
}
.workwithus-btn {
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
    border: none;
    width: 200px;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: #ff6633;
    color: wheat;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin: auto;
}
.p-regstart-summ{
    font-size:12px;
    margin-top:10px;
}
.sp-blue{
    color:#07c;
    text-decoration: underline;
}

@media(max-width:1100px){
    .marketing-div{
        grid-template-columns: 1fr;
        grid-gap: 100px;
    }

    .step1-right-sub1ctr{
        margin: auto;
        float: unset;
         
    }
    .step1-book-h1{
        font-size:20px;
    }
    .step1-book-h2{
        font-size: 16px;
    }
    .step1-book-guarantee-p{
        font-size:16px;
        line-height: 30px;
    }
}

@media(max-width:650px){
    .workwithushome-btn{
        margin: 30px auto;
    }
}
/* v=3   update mobile version for dwwrapper */
.dw-wrapper {
    display: grid;
    /* z-index: 1002; */
    top: 220px;
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 0%);
    border: 1px solid lightgray;
    width: 400px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    grid-gap: 10px;
    height: 200px;
}

.dw-title {
    color: #232c39;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 300;
    margin: auto;
    text-align: center;
    font-weight: 600;
}

.dw-text {
    color: #232c39;
    font-size: 13px;
    margin: auto;
}

.dw-btn {
    margin: auto;
    margin-top: 10px;
    text-align: center;
    background: #EEEEEE;
    margin-bottom: 0;
}

.dw-btn-inner-link {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 30px;
    background-color: #EEEEEE;
    border-radius: 8px;
    line-height: 1.825;
    cursor: pointer;
    width: fit-content;
    border: 1.5px solid grey;
    margin: auto;
    margin-bottom: 0;
    margin-top: 7px;
    height: fit-content;
}

.dw-download {
    font-size: 60px;
    width: fit-content;
    margin: auto;
    color: #4CAF50;
}

.dw-prog {
    width: 90%;
    height: 20px;
    border-radius: 5px;
    background: white;
    margin: auto;
    border: 1px solid lightgray;
}

.dw-prog-perc {
    width: 0%;
    height: inherit;
    border-radius: inherit;
    background: #4CAF50;
}

.dwparent-text {
    display: inline-grid;
    grid-gap: 8px;

    width: fit-content;
    grid-template-columns: auto 50px auto auto;
}

.parent-status-dw {
    display: inline-flex;
    width: 90%;
    margin: auto;
}

.left0px {
    margin-left: 0px;

}

.right0px {
    margin-right: 0px;

}

.layout-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    /* center the children horizontally */
    max-width: 1200px;
    /* optional max width */
    margin: 0 auto;
    /* center wrapper itself */
}

.process-container {
    background-color: #ff7f27;
    padding: 10px;
    width: 600px;
    /* increased width */
    border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
}

.sub-process {
    background-color: yellow;
    margin: 10px 0;
    padding: 5px;
    border: 2px solid white;
    /* width: 80%;
    margin: 10px auto; */
}

.socket {
    background-color: black;
    color: white;
    margin: 5px auto auto 10px;
    padding: 5px;
    font-size: 12px;
    width: 50%;
    /* margin: auto; */
}

.socket div {
    margin-bottom: 2px;
}

@media(max-width:650px) {
    .dw-wrapper {
        width: 250px;
    }

    .dw-text {
        font-size: 8px;
    }

    .dwparent-text {
        grid-template-columns: auto auto auto auto;
    }

    .dw-prog {
        width: 98%;
    }

    .parent-status-dw {
        width: 98%;
    }
}.subtitle-divctr .material-icons {
    margin-left: 15px;
    cursor: pointer;
    color: #A8A8A8;
    cursor: pointer;
}


.subtitle-divctr {
    display: inline-flex;
}


.edit-div-icon .material-icons {
    font-size: 18px;
    cursor: pointer;
    color: #A8A8A8;
}

.select-editable {
    position: relative;
    width: fit-content;
    height: fit-content;
}


.select-editable select {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    white-space: pre;
    font-weight: 400;
    color: #383838;
    width: 200px;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 11px;
    box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
}

.select-editable input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    padding: 1px;
    font-size: 11px;
    border: none;
    font-weight: 400;
    color: #383838;
    width: 200px;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 11px;
    box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
}

.select-editable select:focus,
.select-editable input:focus {
    outline: none;
}



.edit-div-icon {
    display: inline-flex;
}

.div-lbl-addtagtype {
    display: flex;
    height: 38px;
}
.tagtype-check-div {
    grid-column-start: span 3;
}

.select-all-lbl {
    font-size: 11px;
}

.select-all-lbl {
    cursor: pointer;
}

.clear-all-lbl {
    float: right;
    font-size: 11px;
}
.clear-all-lbl {
    cursor: pointer;
}
.clear-select-all-div {
    padding-bottom: 10px;
    display: inline-flex;

}

.tagslist_subdiv {
    display: grid;
    max-height: 300px;
    overflow-x: hidden;
}

.tagbox_ctr {
    display: inline-block; 
    display: flex;  
    flex-flow: row wrap;
    margin: auto;
}
.tagslist-div {
    margin-right: 10px;
}

.tt-option {
    height: fit-content;
    width: fit-content;
}

.tagtype-Ctr {
    padding: 5px 10px;
    margin-bottom: 20px;
    background-color: white;
    box-sizing: border-box;
    border: 1px solid lightgray;
    margin: 10px 10px 10px 0px;
}

.servreg-tag-div {
    display: inline-flex;
    white-space: nowrap;
    width: fit-content;
    padding-right: 15px;
}
.listitem-tag-div {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 2px;
}

.tagbox-subdiv .material-icons {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
    color: #A8A8A8;
}


.tag-lbl {
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer;
    max-width: 250px;
    overflow-x: hidden;
}

.tagtype_header {
    font-weight: 550;
    font-size: 13px;
    color: #383838; 
    margin: auto 0;
    margin-left: 10px; 
}.workspace-ctr {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  grid-template-areas:
    "search-area"
    "title-area"
    "orders-area";
  grid-gap: 30px;
  margin-top: 10px;
}

.title-area {
  grid-area: title-area;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  border-bottom: 1px solid lightgray;
}
 
/* .offers-ctr {
  border: dimgray;
} */

.title-block-svg {
  margin: auto;
  color: green;
  font-weight: 500;
  font-size: 13px;
}  

 

.prg-label-div {
  font-size: 11px;
  width: 60%;
}

 

.title-tab-lbl {
  padding: 4px 10px;
  width: auto;
  border: none;
  outline: 0;
  background: none;
  cursor: pointer;
  color: #555555;
  font-size: 12px;
  border-radius: 5px 5px 0px 0px;
}

.title-tab-lblselected {
  border-bottom: 1.5px solid darkslategrey;
}

.title-tabdisabled {
  padding: 4px 10px;
  width: auto;
  border: none;
  outline: 0;
  background: none;
  color: lightgray;
  cursor: default;
  font-size: 12px;
}


.title-conv-lbl {
  display: inline-table;
  width: fit-content;
}

.canc-order-span {
  color: red;
  margin-left: 10px;
  font-size: 11px;
  font-weight: 500;
}

.title-conv-lbl .conversation-unread-msgs {
  margin-right: unset;
  padding-top: unset;
  margin-top: unset;
}

.tabs-btn-div {
  width: fit-content;
  display: inline-block;
}
/* /common in all */
.max-min-tabsview {
  float: right;
  cursor: pointer;
  display: inline-block;
  height: fit-content;
}

.max-min-tabsview .icon_open_infull {
  color: white;
  background-color: #107e51;
  padding: 4px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
}

.max-min-tabsview .icon_close_infull {
  color: white;
  background-color: #f99006;
  padding: 4px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold; 
}
/* end common in all  */

 
 
.max-min-tabsview .icon_open_innew {
  background: #07c;
  /* border: 1px solid #07c; */
  margin-left: 5px;
  color: white;
  font-size: 14px;
  border-radius: 50%;
  font-weight: bold;
  padding: 4px;
}
.max-min-tabsview .icon_open_infull:hover {
  background: #065f3a;
}
.max-min-tabsview .icon_open_innew:hover {
  background: #014c82;
}
 
.max-min-tabsview .icon_close_infull:hover {
  background-color: #a15f09;
} 

.horiz-banner-order-div {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  border-bottom: 1px solid lightgray;
}

.tabs-ctr-subdiv {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
 

.wf-act-ctr:hover .more-act-menu-icon {
  display: block;
}

@media(max-width:1100px) {
  .workspace-ctr {
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
  }


 
}

/* //update sally9march2024 */ .res-header {
     width: 100%;
     background-color: white;
     justify-content: space-between;
     padding: 10px 13px;
     display: grid;
     grid-template-columns: 2fr 1fr;
 }

  .res-title {
     margin-top: 0.5px;
     font-size: 13px;
     line-height: 20px;
     font-weight: 700;
     cursor: pointer;
     width: 100%;
 }
  .view-res-btn {
     cursor: pointer;
     color: #383838;
     font-weight: 600;
     line-height: 20px;
     border: none;
     background-color: transparent;
     visibility: hidden;
     padding: 3px 10px;
     font-size: 12px;
     border-radius: 5px;
     white-space: nowrap;
     height: fit-content;
     width: fit-content;
     margin: auto;

 }
  /* everywhere */
 .res-date-and-btn-cntnr {
     right: 15px;
     display: inline-flex;
     font-size: 12.5px;
     margin-top: 10px;
 }

 /* everywhere */
 .res-date {
     margin-top: 2px;
     font-weight: 250;
     margin-right: 8px;
     font-size: 11px;
     padding-right: 30px;
     color: #383838;
 }
 @media(min-width:700px) {
     .res-header {
         display: flex;
     }
 }/* Google Drive Integration Styles */
.google-drive-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: #f5f5f5;
    min-height: 100vh;
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.drive-integration-layout {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 20px;
    height: calc(100vh - 140px);
}

.google-drive-sidebar {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.content {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #5f6368;
}

.credentials-list {
    list-style: none;
    margin-top: 10px;
}

.credential-item {
    padding: 10px 12px;
    margin-bottom: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
    user-select: none;
}

.credential-item:hover {
    background: #f8f9fa;
}

.credential-item.current {
    background: #e8f0fe;
    font-weight: 600;
    color: #1a73e8;
}

.drives-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.drive-card {
    background: #f8f9fa;
    padding: 10px 12px;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
}

.drive-card:hover {
    border-color: #1a73e8;
    background: #e8f0fe;
}

.drive-card.selected {
    border-color: #1a73e8;
    background: #e8f0fe;
}

.drive-name {
    font-weight: 600;
    margin-bottom: 5px;
    color: #202124;
}

.drive-id {
    font-size: 12px;
    color: #5f6368;
    font-family: monospace;
}

.drive-type {
    display: inline-block;
    padding: 2px 8px;
    background: #34a853;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    margin-top: 8px;
}

.loading {
    text-align: center;
    padding: 40px;
    color: #5f6368;
}

.error {
    background: #fce8e6;
    color: #d93025;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
}

.success {
    background: #e6f4ea;
    color: #137333;
    padding: 12px;
    border-radius: 6px;
    margin: 10px 0;
}

.folder-browser {
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.breadcrumb-item {
    color: #5f6368;
    cursor: pointer;
}

.breadcrumb-item:hover {
    color: #1a73e8;
}

.breadcrumb-separator {
    color: #dadce0;
}

/* Search and upload controls */
.view-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
}

.search-container {
    position: relative;
    flex: 1;
    max-width: 300px;
}

.drive-search {
    width: 100%;
    padding: 6px 35px 6px 12px;
    border: 1px solid #dadce0;
    border-radius: 20px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.drive-search:focus {
    border-color: #1a73e8;
    box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.2);
}

.search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #5f6368;
    pointer-events: none;
}

.upload-buttons {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.upload-btn {
    padding: 6px 12px;
    border: 1px solid #1a73e8;
    background: white;
    color: #1a73e8;
    cursor: pointer;
    font-size: 13px;
    border-radius: 4px;
    transition: all 0.2s;
}

.upload-btn:hover {
    background: #1a73e8;
    color: white;
}

/* Status bar */
.status-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    color: #5f6368;
    margin-bottom: 10px;
}

.status-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.status-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.status-item strong {
    color: #3c4043;
}

.status-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.status-selection {
    display: flex;
    align-items: center;
    gap: 15px;
}

.selection-info {
    color: #1a73e8;
    font-weight: 500;
}

.selection-actions {
    display: flex;
    gap: 10px;
}

.selection-btn {
    padding: 5px 12px;
    border: 1px solid #dadce0;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
}

.selection-btn:hover {
    background: #f8f9fa;
}

.selection-btn.primary {
    background: #1a73e8;
    color: white;
    border-color: #1a73e8;
}

.selection-btn.primary:hover {
    background: #1557b0;
}

.selection-btn.danger {
    background: #d93025;
    color: white;
    border-color: #d93025;
}

.selection-btn.danger:hover {
    background: #b3261e;
}

/* Progress overlay */
.progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.progress-overlay.active {
    display: flex;
}

.progress-modal {
    background: white;
    border-radius: 8px;
    padding: 30px;
    min-width: 400px;
    max-width: 600px;
}

.progress-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.progress-bar {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #1a73e8, #34a853);
    transition: width 0.3s;
}

.progress-info {
    font-size: 14px;
    color: #5f6368;
    margin-bottom: 10px;
}

.cancel-btn {
    width: 100%;
    padding: 10px;
    background: #d93025;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 15px;
}

.cancel-btn:hover {
    background: #c5221f;
}

/* Details view */
.files-details {
    display: block;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    padding: 0;
}

.details-header {
    display: grid;
    grid-template-columns: 40px 1fr 120px 150px 150px 100px;
    padding: 10px 20px;
    background: #f8f9fa;
    border-bottom: 2px solid #dadce0;
    font-weight: 600;
    font-size: 13px;
    color: #5f6368;
    position: sticky;
    top: 0;
    z-index: 10;
}

.details-row {
    display: grid;
    grid-template-columns: 40px 1fr 120px 150px 150px 150px;
    padding: 8px 20px;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
    transition: background 0.2s;
    cursor: pointer;
}

.details-row:hover {
    background: #f8f9fa;
}

.details-row.selected {
    background: #e8f0fe;
}

.checkbox-cell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Drag and Drop Styles */
.drop-zone {
    position: relative;
    min-height: 200px;
}

.drop-zone.drag-over {
    background: rgba(26, 115, 232, 0.05);
    border: 2px dashed #1a73e8;
    border-radius: 8px;
}

.drop-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 8px;
    pointer-events: none;
}

.drop-overlay.show {
    display: flex;
}

.drop-content {
    text-align: center;
    padding: 40px;
}

.drop-icon {
    font-size: 48px;
    margin-bottom: 16px;
    color: #1a73e8;
}

.drop-text {
    font-size: 18px;
    color: #3c4043;
    margin-bottom: 8px;
}

.drop-subtext {
    font-size: 14px;
    color: #5f6368;
}

.file-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
}

.file-item[draggable="true"] {
    cursor: pointer;
}

.file-item:hover {
    background: #f8f9fa;
}

.file-item.dragging-ready {
    cursor: grab !important;
}

.file-item.dragging {
    cursor: grabbing !important;
    opacity: 0.5;
}

.details-row.dragging-ready {
    cursor: grab !important;
}

.details-row.dragging {
    cursor: grabbing !important;
    opacity: 0.5;
}

.file-icon {
    font-size: 20px;
    margin-right: 10px;
}

.file-name {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-actions {
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s;
}

.file-item:hover .file-actions {
    opacity: 1;
}

.action-icon {
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
    border-radius: 4px;
    transition: background 0.2s, opacity 0.2s;
}

.action-icon:hover:not(.disabled) {
    background: rgba(0, 0, 0, 0.1);
}

.action-icon.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.action-icon.download {
    color: #1a73e8;
}

.action-icon.copy {
    color: #34a853;
}

.action-icon.move {
    color: #9c27b0;
}

.action-icon.rename {
    color: #f9ab00;
}

.action-icon.delete {
    color: #d93025;
}

.no-drives {
    text-align: center;
    padding: 40px;
    color: #5f6368;
}

/* Pagination controls */
.pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
}

.pagination-info {
    font-size: 14px;
    color: #5f6368;
}

.load-more-btn {
    padding: 8px 16px;
    background: #1a73e8;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s;
}

.load-more-btn:hover {
    background: #1557b0;
}

.load-more-btn:disabled {
    background: #dadce0;
    color: #5f6368;
    cursor: not-allowed;
}

.main-layout {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 20px;
    height: calc(100vh - 140px);
}

/* default layout (no credentials or drives section) */
.layout-one-col {
    display: grid;
    grid-template-columns: 1fr;
}

.file-icon.folder-icon {
    color: gold;
    font-size: 25px;
    vertical-align: middle;
    /* keeps it aligned with text */
    margin-right: 6px;
    /* adds some space from file name */
    /* or yellow */
}

/* layout with credentials or drives section */
.layout-two-col {
    display: grid;
    grid-template-columns: 350px 1fr;
}

/* Responsive design */
@media (max-width: 768px) {
    .drive-integration-layout {
        grid-template-columns: 1fr;
        height: auto;
    }

    .sidebar {
        order: 2;
    }

    .content {
        order: 1;
    }

    .details-header,
    .details-row {
        grid-template-columns: 30px 1fr 80px 100px 100px 80px;
        font-size: 12px;
        padding: 6px 10px;
    }

    .view-controls {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }

    .search-container {
        max-width: none;
    }

    .upload-buttons {
        margin-left: 0;
        justify-content: center;
    }
}   /* .smartkey-part {
       display: flex;
       align-items: center;
       gap: 6px;
       margin-bottom: 6px;
   } */

   .smartkey-part select,
   .smartkey-part input {
       padding: 6px 10px;
       border: 1px solid #ccc;
       border-radius: 6px;
       font-size: 13px;
       background: #fff;
       flex: 1;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
       transition: border-color 0.2s, box-shadow 0.2s;
   }

   .smartkey-part select:focus,
   .smartkey-part input:focus {
       border-color: var(--primary-color);
       box-shadow: 0 0 0 2px rgba(0, 120, 255, 0.2);
       outline: none;
   }

   .smartkey-part .delete-btn {
       /* background: #ff4d4f; */
       border: none;
       /* color: white; */
       padding: 6px 12px;
       border-radius: 6px;
       cursor: pointer;
       font-size: 12px;
       transition: background 0.2s;
   }

   .smartkey-part .delete-btn:hover {
       background: #d9363e;
   }

   .json-editor-wrapper {
       min-width: 100%;
       margin: 0 auto;
       background: rgba(255, 255, 255, 0.95);
       backdrop-filter: blur(20px);
       border-radius: 24px;
       box-shadow: 0 32px 64px rgba(0, 0, 0, 0.1);
       border: 1px solid rgba(255, 255, 255, 0.2);
       overflow: hidden;
   }

   .json-editor-header {
       background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
       padding: 24px 32px;
       color: white;
       text-align: center;
   }

   .json-editor-header h1 {
       font-size: 28px;
       font-weight: 700;
       letter-spacing: -0.5px;
       margin-bottom: 8px;
   }

   .json-editor-header p {
       opacity: 0.9;
       font-size: 16px;
       font-weight: 400;
   }

   .editor-container {
       padding: 32px;
       background: #fafbfc;
   }

   .json-card {
       background: white;
       border-radius: 16px;
       padding: 20px 24px;
       margin: 16px 0;
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
       border: 1px solid rgba(229, 234, 242, 0.8);
       position: relative;
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       overflow: hidden;
   }

   .json-card:hover {
       transform: translateY(-2px);
       box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
   }

   .json-card::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 3px;
       background: linear-gradient(90deg, #667eea, #764ba2);
       transform: scaleX(0);
       transition: transform 0.3s ease;
   }

   .json-card:hover::before {
       transform: scaleX(1);
   }

   .card-header {
       display: flex;
       align-items: center;
       margin-bottom: 16px;
       font-weight: 600;
       font-size: 16px;
       color: #1a202c;
   }

   .toggle-icon {
       cursor: pointer;
       margin-right: 12px;
       font-size: 18px;
       color: #667eea;
       transition: all 0.2s ease;
       width: 24px;
       height: 24px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 6px;
   }

   .toggle-icon:hover {
       background: rgba(102, 126, 234, 0.1);
       transform: scale(1.1);
   }

   .header-text {
       flex: 1;
       letter-spacing: -0.2px;
   }

   /* .card-actions {
       position: absolute;
       top: 20px;
       right: 20px;
       display: flex;
       gap: 8px;
       opacity: 0;
       transition: opacity 0.2s ease;
   } */

   .json-card:hover .card-actions {
       opacity: 1;
   }

   .action-btn {
       width: 32px;
       height: 32px;
       border-radius: 8px;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       transition: all 0.2s ease;
       font-size: 14px;
       background: rgba(0, 0, 0, 0.02);
       border: 1px solid rgba(0, 0, 0, 0.08);
   }

   .action-btn:hover {
       transform: scale(1.05);
       background: #667eea;
       color: white;
       border-color: #667eea;
   }

   .content-wrapper {
       margin-top: 16px;
       transition: all 0.3s ease;
   }

   .array-container {
       background: linear-gradient(135deg, #f8faff 0%, #f1f5ff 100%);
       border-radius: 12px;
       padding: 16px;
       margin-top: 8px;
       border: 1px solid rgba(102, 126, 234, 0.1);
   }

   .add-item-row {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-bottom: 12px;
   }

   .modern-select {
       padding: 8px 12px;
       border: 1px solid #e5eaf2;
       border-radius: 8px;
       font-size: 14px;
       background: white;
       color: #374151;
       cursor: pointer;
       transition: all 0.2s ease;
       min-width: 100px;
   }

   .modern-select:hover {
       border-color: #667eea;
   }

   .modern-select:focus {
       outline: none;
       border-color: #667eea;
       box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
   }

   .add-btn {
       width: 36px;
       height: 36px;
       background: linear-gradient(135deg, #667eea, #764ba2);
       border: none;
       border-radius: 10px;
       color: white;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.2s ease;
       font-size: 16px;
   }

   .add-btn:hover {
       transform: scale(1.05);
       box-shadow: 0 8px 16px rgba(102, 126, 234, 0.3);
   }

   .array-item {
       background: white;
       border-radius: 10px;
       padding: 12px 16px;
       margin: 8px 0;
       border: 1px solid rgba(0, 0, 0, 0.06);
       display: flex;
       align-items: center;
       gap: 12px;
       transition: all 0.2s ease;
   }

   .array-item:hover {
       transform: translateX(4px);
       border-color: #667eea;
   }

   .array-index {
       color: #667eea;
       font-size: 13px;
       font-weight: 600;
       min-width: 40px;
   }

   .modern-input {
       border: none;
       border-bottom: 2px solid #e5eaf2;
       outline: none;
       font-size: 14px;
       padding: 8px 4px;
       background: transparent;
       color: #374151;
       transition: all 0.2s ease;
       min-width: 120px;
   }

   .modern-input:focus {
       border-bottom-color: #667eea;
       background: rgba(102, 126, 234, 0.02);
   }

   .object-container {
       margin-top: 16px;
       padding-left: 20px;
       border-left: 3px solid rgba(102, 126, 234, 0.2);
       position: relative;
   }

   .object-container::before {
       content: '';
       position: absolute;
       left: -3px;
       top: 0;
       bottom: 0;
       width: 3px;
       background: linear-gradient(180deg, #667eea, #764ba2);
       transform: scaleY(0);
       transition: transform 0.3s ease;
   }

   .object-container:hover::before {
       transform: scaleY(1);
   }

   .key-editor {
       background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 100%);
       border-radius: 12px;
       padding: 16px;
       margin: 16px 0;
       border: 1px solid rgba(102, 126, 234, 0.15);
       display: flex;
       align-items: center;
       gap: 12px;
   }

   .key-input {
       flex: 1;
       padding: 10px 14px;
       border: 1px solid #e5eaf2;
       border-radius: 8px;
       font-size: 14px;
       background: white;
       color: #374151;
       transition: all 0.2s ease;
   }

   .key-input:focus {
       outline: none;
       border-color: #667eea;
       box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
   }

   .key-input::placeholder {
       color: #9ca3af;
   }

   .delete-btn {
       color: #ef4444;
   }

   .delete-btn:hover {
       background: #ef4444;
       color: white;
       border-color: #ef4444;
   }

   @keyframes slideIn {
       from {
           opacity: 0;
           transform: translateY(10px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   .json-card {
       animation: slideIn 0.3s ease-out;
   }

   @media (max-width: 768px) {
       .json-editor-wrapper {
           margin: 10px;
           border-radius: 16px;
       }

       .editor-container {
           padding: 20px;
       }

       .json-editor-header {
           padding: 20px;
       }

       .json-editor-header h1 {
           font-size: 24px;
       }
   }

   .action-btn {
       background: #f3f4f6;
       border: 1px solid #ccc;
       border-radius: 4px;
       padding: 2px 6px;
       cursor: pointer;
       font-size: 13px;
       margin-right: 4px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
   }

   .action-btn:hover {
       background: #e5e7eb;
   }

   .edit-btn {
       color: #4f46e5;
       /* blue for edit */
   }

   .delete-btn {
       color: #ef4444;
       /* red for delete */
   }

   .card-actions {
       display: flex;
       gap: 4px;
       margin-top: 4px;
   }

   .smartkey-part {
       display: inline-flex;
       align-items: center;
       gap: 2px;
       margin-bottom: 4px;
   }.websiteactions-list-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    width: 100%;
    max-height: calc(100vh - 220px);
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
    overflow-y: auto;
}

.wa-item-table {
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
}

.wa-item-table td.fit {
    width: 0;
    min-width: fit-content;
}

.wa-item-table tr {
    border-bottom: 1px solid #e9e9e9;
    background: white;
}

.wa-item-table tr td,
th {
    padding: 5px;
}

.wa-item-table tr:hover {
    background: #d9ebfc;

}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

.websiteactions-list-div th {
    padding: 2px 5px;
    background: #f2f2f2;
    box-sizing: border-box;
    top: 0px;
    text-align: left;
    font-size: 12px;
}

.websiteactions-list-div td {
    padding: 5px;
    box-sizing: border-box;
}

.websiteactions-list-div th:nth-child(1) {
    left: 0;
    z-index: 4;
    background: #f2f2f2;
}

.websiteactions-list-div th:nth-child(2) {
    background: #f2f2f2;
}

.websiteactions-list-div th:nth-child(3) {
    background: #f2f2f2;
}

.websiteactions-list-div th:nth-child(4) {
    background: #f2f2f2;
    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

.websiteactions-list-div td:nth-child(1) {
    background: inherit;
}

.websiteactions-list-div td:nth-child(2) {
    background: inherit;
}

.websiteactions-list-div td:nth-child(3) {
    background: inherit;
}

.websiteactions-div td:nth-child(4) {
    background: inherit;
    padding-right: 10px;
}


.ws-filter-ctr {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    padding: 0px 8px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.ws-a-area {
    right: 0px;
    padding: 16px 20px;
    background-color: white;
    padding: unset;
    margin-top: unset;
}
.SOAs-ctr {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
div#SOAs-ctr-Soldinvoices {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
.Inv-ctr{ 
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid lightgray;
    font-size: 12px;
    padding-left: 8px;
}
.Inv-ctr:first-of-type {
    border-bottom: none;
    background-color: lightgray;
    border-bottom: 1px solid lightgray;
    color: white;
    /* padding:  8px 0px 8px 8px; */
    padding: 5px 0px 5px 8px;

}

.invref-div {
    display: inline;
    /* width: fit-content; */
    margin-left: 0;
}
.invoicedesc-div{
    display: grid;
    grid-template-columns: 150px 120px 1fr 120px;
    grid-area: Invoice-Desc;
} 
.invdate-span{
    display: none;
} 
.InvSub-ctr{
    display:grid; 
    grid-template-columns: 1fr 100px 150px;
    grid-template-areas: "Invoice-Desc invamountDesc-div status-invoice-div";
}

.invamountDesc-div{
    grid-area: invamountDesc-div;
    display: grid;
    /* border-left: 1px solid #f2f2f2; 
    border-right:  1px solid #f2f2f2;  */
    /* border-left: 1px solid lightgray;
    border-right: 1px solid lightgray; */
}
.unsettledamount-lbl{
    margin:auto;
    font-size: 10px;
}
.status-invoice-div{
    grid-area:status-invoice-div;
    display: grid;
    grid-template-columns: 1fr;
    max-height: 60px;
    margin: auto;
}
 
label.InvoiceAmount-label.Invoice-header-label {
    display: inline;
}

.SOA-ctr{
    display:grid; 
    grid-template-columns:  1fr  100px 150px;
    grid-template-areas: "transdesc-div amounttransdesc-div Trans-Balance-div"
}

.transdesc-div{
    display: grid;
    grid-area:transdesc-div;
    grid-template-columns: 150px 120px 1fr 120px;
    grid-template-areas: "TransactionRef-area TransactionDate-area TransactionDesc-area TransactionEmpty-area"
}
.TransactionDate-label{
    grid-area: TransactionDate-area;
}
.TransactionRef-label{
    grid-area: TransactionRef-area;
}
.TransactionDesc-label{
    grid-area: TransactionDesc-area;
}
.TransactionEmpty-label{
    grid-area: TransactionEmpty-area;
}
.status-inv-subdiv {
    height: fit-content;
    margin: auto;
    text-align: center;
}

.Transaction-header-label{ 
   font-weight:bold;
   margin: auto;
   text-align: center;
}

.Invoice-header-label{ 
   font-weight:bold;
   margin: auto;
   text-align: center;
   display: inline;
}

.partialy-left-amount{ 
    margin: auto;
    margin-top: 7px;
} 

.Transaction-lbl{ 
    margin: auto;
}

.InvoiceRef-lbl{
    margin:auto;    
}

.TransactionRef-label{ 
     color: #0099ff;
     font-weight: 700;
     display: inline;
}
.InvoiceRef-label{ 
    color: #0099ff;
    font-weight: 700;
    font-size: 12px;
}
 
.InvoiceAmount-label{
    margin: auto;
    text-align: center; 
}
.TransactionAmount-label{
    margin: auto;
    text-align: center; 
}
.Balance-label{
    height: 20px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px;
}
.baltransdesc-div{
    grid-area:Trans-Balance-div;
    display: inline-block;
    width:fit-content;
    /* margin:0 auto; */
    margin: auto;
}
.amounttransdesc-div{
    grid-area:amounttransdesc-div;
    display: inline-block;
    width:fit-content;
    margin: auto;
    /* margin:0 auto; */
}
.Trans-Balance-label{
    height: 20px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px;
    
}
.balance-lbl{
     margin-left: 5px;
}

.Transaction-First{
    margin-left: 0;
}
.InvoiceRef-First{
    margin-left: 0;
}
.invRef-div{
    display: inline;
    /* width: fit-content; */
    margin: auto 0;
}
.invdate-div{
    display: inline-block;
    width: fit-content;
    margin: auto;
}
label.Balance-label.Transaction-lbl {
    margin: auto;
}
label.TransactionDate-label.Transaction-header-label {
    display: inline;
}
label.TransactionDesc-label.Transaction-header-label {
    margin: auto;
}
label.TransactionAmount-label.Transaction-header-label {
    display: inline;
}
label.invdate-span.invdate-span-hide {
    display: none;
}
@media(max-width:1100px){
    label.TransactionDesc-label.Transaction-header-label {
        margin-left: 0px;
    }
    label.TransactionDate-label.Transaction-header-label {
        display: none;
    }
    .TransactionRef-label{ 
        display: none;
    }
    .Inv-ctr{ 
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .invoicedesc-mobile-div{
        display: inline;
    }
    label.InvoiceDate-label.Invoice-header-label{
        display: none;
    }
    label.InvoiceDesc-label.Invoice-header-label{
        display: none;
    }
    label.InvoiceOrderNb-label.Invoice-header-label{
        display: none;
    }
    .invdate-div{
        margin-left: 0;
    }
    .invdate-span{
        display: inline;
    }
    
    /* .Myinvoices-area{
        padding-left: 20px;
        padding-right: 20px;
        padding-top:25px;
    } */
    
    .MySOA-area{
        padding-left: 20px;
        padding-right: 20px;
        padding-top:25px;
    }

   .invoicedesc-div{
        display: grid;
        grid-template-columns: 1fr;
        grid-area: Invoice-Desc;  
     
   } 
   
   

    .Transaction-lbl{
        margin-left:0;
    }

    .InvoiceRef-lbl{
        margin-left:0;  
    }


    .TransactionAmount-label{
        margin: auto;
    } 

    .InvoiceAmount-label{
        margin: auto;
    } 

    .SOA-ctr{
        display:grid; 
        grid-template-columns:  1fr 80px 130px;
        font-size: 12px;
    }
    .transdesc-div{
        display: grid;
        grid-template-columns:1fr;
        grid-template-areas: "TransactionDesc-area"
        "TransactionDate-area";
    }
    
    
}
@media(max-width:500px){
    label.invdate-span.invdate-span-hide {
        display: inline;
    }
    .InvSub-ctr {
        display: grid;
         grid-template-columns: 1fr  130px;
        font-size: 12px;
        grid-template-areas: "Invoice-Desc  status-invoice-div"
                            "invamountDesc-div  status-invoice-div";
    }
    .Myinvoices-area{
        padding-left: 10px;
        padding-right: 10px;
        padding-top:25px;
    }
    .invamountDesc-div{
        margin-left: 0px;
        width:fit-content;
        display: inline-block;
    }
   
    .MySOA-area{
        padding-left: 10px;
        padding-right: 10px;
        padding-top:25px;
    }
    
    
    .transdesc-div{
        display: grid;
        grid-template-columns:  1fr;
        grid-template-areas: "TransactionRef-area" "TransactionDate-area" "TransactionDesc-area"
    }

    .TransactionAmount-label{
        margin: auto;
    }

    .InvoiceAmount-label{
        margin: auto;
    }
    label.TransactionAmount-label.Transaction-header-label {
        display: none;
    }
   
    label.InvoiceAmount-label.Invoice-header-label {
        display: none;
    }
    .transdesc-div{
        display: grid;
        grid-template-columns: 1fr;
    }
    .baltransdesc-div {
        margin: 0 auto;
        width: 100%;
        display: block;
    }

    .amounttransdesc-div {
        display: block;
          margin: 0 auto;
          width: 100%;
    }

    .SOA-ctr{
        display:grid; 
        grid-template-columns:  1fr   130px;
        grid-template-areas:"transdesc-div amounttransdesc-div" "transdesc-div Trans-Balance-div" ;
        font-size: 12px;
    }
    .Transaction-lbl{
        padding: 0px;
    }
    .Trans-Balance-label{
        margin-left: 0;
        padding-left: 0;
    }
}
.MyBooking-grid{
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-gap: 50px;
}
.booking-area{
    /* background-color: white; */
    margin: auto; 
    /* background-color: white; */
    /* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24); */
}

.confirm-booking-area{
    display: grid;
    grid-gap: 20px; 
}

.profnumber-ctr {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    color: white;
    text-align: center;
    background-color: #ff6633;
}
.book-ctr{
     padding: 30px 10px 30px 20px;
     height: fit-content;
     border-radius: 5px;
     color: #383838;
     line-height: 1.33em;
     background-color: white;
        border-bottom: 1px solid lightgray;
}

.order-booked-ctr{
    width: 100%;   
}

.order-info-ctr{
    grid-area: order-info-area;
}

.order-max-label{
    font-size: 15px;
    color: darkslategrey;
    font-weight: 500;
    margin: auto 0;

}

.order-total-value-label{
    font-size: 16px;
    font-weight: bold; 
    color: #ff6633;
    width: fit-content;
}

.Edittable-area-header{
    padding-bottom: 10px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: underline;
}

.order-price-ctr{
    grid-area: order-price-area;
    display:grid;    
    grid-template-columns: 1fr 1fr;
    border-bottom: 0.5px solid  #ccc;
}

.order-total-price-ctr{
    grid-area: order-total-price-area;
    display: grid;
    grid-template-columns: 1fr 1fr ;
    padding-top: 10px;
    padding-bottom: 10px;
}

.order-price-label{
    font-size: 15px;
    color: #07c;
}

.order-header{
    color: #07c;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.editable-order-info-area{
    grid-area: editable-order-info-area;
    border-radius: 5px;
}

  .profile-info-header-area{ 
    margin-bottom: 20px;
    display: inline-flex;
    font-size: 16px;  
}

.profile-info-area{
    border-radius: 5px;
}

.Edittable-area-input {
    /* display: list-item;
    height: 25px;
    font-size: 1rem;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 2px 5px;
    width: 175px;
    box-sizing: border-box; */
    width: 300px;
  
    margin: 10px 0;
    /* width: 100%; */
    height: 44px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 2px 2px 0 rgb(46 60 73 / 5%);
}

.profile-sub-area {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-gap: 10px;
}

.place-order-p{
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #383838;
    margin-top: 30px;
}

.terms-cond {
    color: #0a75c2;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 10px;
}

.Profile-sub-area{
    display:grid;
    grid-area: Profile-sub-area;
    padding-left: 10px;
    padding-right: 10px; 
    grid-gap: 10px;
}

.payment-area{
    grid-area: payment-area;
    display:grid;
    border-radius: 5px;
}

.Profile-Sub-area1{
    display: grid;   
    grid-template-columns: 100px 1fr;     
}

.place-order-ctr {
    display: grid;
}

.Review-and-continue-booking-ctr{
    grid-area: Review-and-continue-booking-area;
    display:grid;
    border-radius: 5px;
    grid-gap: 10px;
}

.paymentway-ctr{
    display:inline;
}

.complete-booking-button {
    font-weight: bold;
    font-size: 16px;
    background-color: gold;
    border: none;
    width: fit-content;
    color: #fff;
    color: #383838;
    border-radius: 5px;
    justify-content: center;
    padding: 10px 25px;
    cursor: pointer;
}
 
.addproject-sub-area{
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
   padding-top: 10px;
} 

.credit-card-payment-ctr{
    display:grid;
     grid-template-column:1fr;
}

.paypal-payment-p{
    font-weight:500;
    font-size:15px;
}
.linkToPaypal-button{
    background-color:lightgreen;
}
.order-inf-ctr1 {
    display: grid;
    padding-bottom: 20px;
}
.order-summary-div {
    display: grid;
    grid-template-rows: 30px;
    margin-right: 10px;
}

h2.checkoutheader-2.summ {
    padding-top: 2px;
    text-decoration: underline;
    font-size: 18px;
    background-color: transparent;
}

a.changeoptions-order-sum {
    cursor: pointer;
    color: #0a75c2;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    right: 0;
}

.order-info-ctr2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.825;
    display: grid;
 }

.quant-price {
    display: grid;
    font-weight: 600;
    margin-top: 10px;
}

.promocode-ctr {
    display: grid;
    grid-gap: 10px;
    border-bottom: 0.5px solid lightgray;
   font-size: 14px;
    padding: 20px 10px;
}

label.lbl-promocode {
    color: green;
    font-weight: 600;
}

.apply-code-ctr {
   display: grid;
   grid-gap: 10px;
}

.apply-code-subctr{
    display: inline-flex;
}

.promocode-ctr .Ind-alerts-ctr {
    margin-left: 0;
}

.summary-grid .order-max-label{
    padding-left: 10px;
    padding-top: 5px;
}

.input-promocode {
    height: 20px;
    font-size: 1rem;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    white-space: pre;
    font-size: 13px;
    font-weight: 400;
    color: #383838;
    padding: 5px 8px;
    width: 150px;
}
.btn-promocode {
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: fit-content;
    padding: 5px 10px;
    margin-left: 20px;
}

.purchase-summary-ctr {
    padding: 20px 10px;
    background-color: white;
    height: fit-content;
}

h2.checkoutheader-2 {
    font-size: 14px;
    line-height: 1.8;
    background-color: #f8f8f8;
    padding-left: 10px;
}

.summary-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    grid-template-rows: 30px 30px;
    padding: 10px 0px;
}

p.payment-comletebook-lbl a {
    margin-left: 10px;
    color: #0a75c2;
    cursor: pointer;
    text-decoration: underline;
}

.lightgray {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.checkout-paymentschedule-ctr {
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
    margin-top: 10px;
}

h2.checkoutheader-2.balance-ctr-title {
    background-color: transparent;
    font-size: 12px;
    padding-left: 0;
    margin-bottom: 5px;
    padding-bottom: 20p;
    width: fit-content;
    margin: auto;
}

.blance-subctr {
    border-right: 1px solid #ffa9a9;
    margin-top: 10px;
    margin-bottom: 10px;
}

.balanceamount-lbl{
    font-size: 12px;
    width: fit-content;
    margin: auto;
}

p.payment-comletebook-lbl {
    color: green;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
}

.order-summary-area{
    background-color: white;
    padding: 30px 8px 30px 8px;
    max-width: 400px;
    box-sizing: border-box;
    display: none;
} 

span.order-subtotal-value-label {
    margin-left: 20px;
}
.checkout-balance-ctr {
    background-color: #fbe8e8;
    border: 1px solid #ffa9a9;
    display:none;
    grid-template-columns: 1fr 1fr 1fr;
}

.lightblue-background-label{
    background-color: lightblue;
}

.order-total-label{
    font-size: 15px;
    font-weight: bold;
    font-size: 18px;
    color: #ff6633;
}

.paymentsched-title{
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.8;
    background-color: lightyellow;
}

.updateprof-order{
    cursor: pointer;
    color: #0a75c2;
    font-weight: bold;
    text-decoration: underline;
    font-size: 13px;
    margin-left: 20px;
}


.startoverbooking-btn{
    font-size: 14px;
    width: fit-content;
    justify-content: center;
    padding: 7px 20px;
    cursor: pointer;
    margin-top: 20px;
}
.cancelbooking-btn{
    font-size: 14px;
    width: fit-content;
    justify-content: center;
    padding: 7px 20px;
    cursor: pointer;
    margin-top: 20px;
}
.bookorder-confirm-label{
    cursor: pointer;
}
.bookorder-confirm-link{
    cursor: pointer;
}
.bookorder-displaynone{
    display: none;
}
.subtitle-neword{
    color: white;
    background: #ff9e21;
    padding:10px 20px;
    cursor: pointer;

    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    width:fit-content;
    margin:15px  auto;
}
.inputfilessection-n{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.learnmore{
    color: #07c;
}
.no-ord-upload-ctr .input-pdf-no-upload{
display: none;
}

.load-cloud-content__title {
    font-size: 24px;
    margin: 0 0 5px;
    color: #444;
    line-height: 27px;
}
.load-cloud-content__subTitle {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
.load-cloud-content {
    padding: 24px;
    /* border: 2px dashed #ddd; */
    position: relative;
    /* border-radius:5px; */
    text-align: center;
    display: grid;
}
.load-cloud-content .input-files-no-upload{
    display: none;
}

.load-dragdrop{
    padding: 24px;
    border: 2px dashed #ddd;
    position: relative;
    border-radius:5px;
    text-align: center;
    display: grid;
}
.inputfiles-or{
padding-bottom: 24px;
}
.bo-title{
    display: grid;
    grid-gap: 20px;
}
.input-inputlink{
    /* width: 300px; */
  
    margin: 10px 30px;
    height: 44px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 2px 2px 0 rgb(46 60 73 / 5%);
}

.linkdiv-ctr{
    margin-top: 30px;
}
.bo-displaynone{
    display:none;
}
.linkdiv-label {
    margin: auto;
}
.linkdiv-subctr {
    display: grid;
    width: 100%;
    grid-template-columns: 350px 1fr;
}
@media(min-width:1150px){
    .confirm-booking-area {
        display: grid;
        grid-gap: 50px;
        padding-top: 50px;
        grid-template-columns: 1fr; 
  }
   
 
    .MyBooking-grid{
      margin-top: 50px;
    }
    
.order-summary-area{
    background-color: white;
    padding: 30px 25px 30px 25px;
    max-width: 400px;
    display:none;
    /* grid-area: summary-area; */
}
.profile-booking-area {
    /* grid-area: profile-area; */
    grid-gap: 20px;
    display: grid;
}

.promocode-ctr {
    display: grid;
    grid-gap: 10px;
    border-bottom: 0.5px solid lightgray;
    padding: 30px 10px 30px 10px;
    border-top: 1px solid lightgray;


} 

.bookorder-displaynone{
    display: none;
}
.book-ctr{
    border: 1px solid lightgray;
}
.subtitle-neword{
    color: white;
    background: #ff9e21;
    padding:10px 20px;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    width:fit-content;
    margin:15px  auto;
}
.inputfilessection-n{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.learnmore{
    color: #07c;
}
}label.cd-drawing-nb-input-title {
    color: green;
    font-weight: 600;
}

.cd-drawing-nb-input-ctr {
    display: grid;
    grid-gap: 10px;
    border-bottom: 1px solid lightgray;
    font-size: 14px;
    padding: 20px 10px;
    margin-top: 20px;
}

.cd-dwg-nb-input-field-grid {
    display: grid;
}

.dwg-nb-input-field {
    width: 35px;
    padding: 3px 5px;
    border: 1px solid lightgray;
}

label.dwg-nb-input-field-lbl {
    font-size: 12px;
    margin-left: 10px;
}

.cd-satisfaction-form-ctr {
    padding: 20px;
    display: grid;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: #f8f8f8;
}

label.cd-satis-form-expl {
    color: #383838;
    margin: auto 0;
    font-size: 13px;
    font-weight: 550;
}

.cd-satis-option {
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

form.cd-satis-form {
    display: grid;
    grid-template-columns: 30px 1fr;
}



.cd-satis-option-lbl {
    margin-left: 10px;
    color: #383838;
    cursor: pointer;
}

.cd-popup-wrapper {
    display: grid;
    z-index: 1002;
    /* top: 60%; */
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 40px;
    box-shadow: 0px 0px 5px 2px rgb(0, 0, 0, 0);
    border: 1px solid lightgray;
    /* max-width: 650px; */
    left: 50%;
    transform: translate(-50%, -50%);
}

.cd-delivery-info-grid {
    /* width: 100%; */
    height: 100%;
    /* margin-top: 50px; */
}

.cd-delivery-info-ctr {
    background-color: white;
    padding: 20px;
    width: 100%;
    margin: auto;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 24%);
    box-sizing: border-box;
}

.cd-delivery-info-title-ctr {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
}

label.cd-delivery-info-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.33em;
    color: #383838;
}

.cd-delivery-msg-ctr {
    padding-left: 20px;
}

label.cd-delivery-msg {
    color: #383838;
    font-weight: 550;
}

.cd-confirm-btn {

    background-color: #ff6633;
    color: white;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    justify-self: center;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    border: none;
    width: 250px;
    margin-top: 10px;
}

.cd-close-btn {
    color: white;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    justify-self: center;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    border: none;
    width: 250px;
    margin-top: 10px;
}

.cd-delivered-order-area {
    background-color: white;
    padding: 30px 8px 30px 8px;
    /* max-width: 400px; */
    box-sizing: border-box;
}

h2.cd-order-details-title {
    padding-top: 2px;
    text-decoration: underline;
    padding-left: 10px;
    line-height: 1.8;
    font-size: 18px;
    background-color: transparent;
}

.cd-order-details-info-ctr {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.825;
    display: grid;
}

label.cd-order-reference {
    font-size: 12px;
    color: darkslategrey;
    font-weight: 500;
}
/* this is */
.filter-all-top-div {
    display: inline-flex;
    font-size: 13px;
}
.filter-subarea {
    display: grid;
    grid-gap: 5px;
}
.filter-cat-div {
    display: grid;
    grid-gap: 10px;
}
select.sort-select-works {
    padding: 5px 8px;
    cursor: pointer;
    width: 130px;
    font-size: 13px;
    border-radius: 5px;
}
.filt-proj{
    cursor: pointer;
    margin-right: 5px;
    width: 13px;
    height: 13px;
}
.orders-area {
    display: flex;     
    grid-area: orders-area;  
}
.filter-item-sel-lbl {
    font-weight: bold;
    color: #383838;
}

.loadmore-proj-filt {
    color: #07c;
    /* text-decoration: underline; */
    cursor: pointer;
}
.filt-cl-icon {
    margin-left: 10px;
    cursor: pointer;
} 
.filter-item-label {
    margin-right: 10px;
    color: #07c;
    cursor: pointer;
}
.filter-item-sel-div {
    
    color: #383838;
    font-weight: 700;
}
.filt-result-cat {
    display: inline-block;
    margin-top: 15px;
    grid-template-columns: 1fr 250px;
    width: 100%;
}
.filt-start-lbl {
    color: #07c;
    font-size: 14px;
    /* margin-right: 10p; */
    cursor: pointer;
}
.filter-start-area {
    margin: auto;
}
.filter-res-subcat {
    display: inline-flex;
    width: fit-content;
}

.sort-area {
    display: inline-flex;
    margin: auto;
    font-size: 12px;
    float: right;
}

label.lbl-sort-title {
    font-size: 14px;
}
.cl-all-filt {
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.appl-filt-btn {
    background-color: gold;
    /* color: white; */
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    color: #383838;
    font-weight: 700;
}
 
.filter-item-lbl{
    margin-right: 10px;
    cursor: pointer;
}
.filter-all-top-filtdiv {
    display: inline-flex;
    grid-gap:8px;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
}
i.material-icons.filt-list-worksp {
    color: #07c; 
    height: 22px; 
    align-items: center;
}
label.filt-item-div.clear-all-lbl-works {
    color: #07c;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}
.Filter-works-button-div {
    margin-top: 30px;
    /* display: none; */
}
button.filt-works-btn {
    background-color: gold;
    border: none;
    padding: 7px 15px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
}


.worksp-filter-area{
    width: 350px;
    margin-top:20px;
}

.filt-subtitle-lbl{
    font-size: 14px;
}


.filt-item-div{
    font-size: 14px;
    align-items: center;
    font-size: 14px;
    align-items: center;
    /* padding: 6px 0 6px 15px; */
}
.filtitem-tag-div{
    display: grid;
    /* grid-template-columns: 1fr 35px; */
    background-color: #eee;
}
.filt-tagslist_subdiv{
    display: grid;
    grid-gap:10px;
}
.filt-tagbox{
    font-size:14px;
}

 
.label-bold{
font-weight: 600;
}
.filt-tagtype-Ctr{
margin-bottom: 15px;
    min-width: 150px;
}
.filt-tagbox{
    margin-bottom: 10px;
}
.filt-proj-tag-ctr{
    margin-right: 30px; 
    margin-left: 30px;
    margin-top: 10px;
    
}
/* /////////////////////////////// */

.fl-filter {
    display: grid;
    grid-gap: 3px;
}

.fl-filter-item.layer-0 {
    display: grid;
    grid-gap: 3px;
}

.fl-filter-item-inner {
    display: grid;
    /* grid-gap: 2px; */
    font-size: 13px;
}

.fl-filter-item-h{
    font-weight: 600;
    font-size: 13px;
}
span.fl-label-txt {
    margin-left: 15px;
}
.fl-filter-item.layer-2 {
    margin-left: 35px;
}
.fl-filter-item.layer-3 {
    margin-left: 35px;
}
.fl-filter-item-inner-label{
    width:fit-content;
    padding: 0.5px 10px;
}

.fl-filter-item-inner-label:hover{
    background: #dcdcdc;
    border-radius: 3px;

}
@media(max-width:800px){
 
    .worksp-filter-area{
        display: none;
    }
    .filt-div-mob{
        display: block;
        cursor: pointer;
    }
    .Filter-works-button-div {
        margin-top: 30px;
        display: block;
    }
}.search-area {
  display: grid;
  grid-area: search-area;
  grid-template-columns: 1fr;
  grid-template-areas:
    "public-order-ctr"
    "title-area"
    "orders-area";
  grid-gap: 20px;
}

.search-area .title-area {
  padding-top: 30px;
  padding-bottom: 15px;
}

.public-order-ctr {
  grid-area: public-order-ctr;
  padding: 40px 40px 40px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 40px;
}

.search-area-nbofswgs-ctr {
  width: 350px;
  display: grid;
  grid-template-rows: 25px 50px;
  border: 1px solid lightgray;
  background-color: white;
  border-radius: 10px;
  height: 75px;
}

.nb-of-dwgs-label {
  /* font-family: sans-serif; */
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 4px;
  text-align: center;
  border: none;
  font-size: 30px;
  width: 80px;
}

.startdate-label {
  border: none;
  font-size: 20px;
  padding-left: 10px;
  width: 100px;
}

.nbofdwgs-div {
  display: inline-block;
}

.search-area-nbofdwgs-span {
  font-size: 13px;
  color: green;
  font-weight: 500;
  line-height: 1;
  margin-left: 5px;
}


.public-order-start-date-ctr {
  display: grid;
  grid-template-rows: 25px 50px;
  border: 1px solid lightgray;
  background-color: white;
  width: 250px;
  border-radius: 10px;
  height: 75px;
}

.bk-icon {
  /* cursor: pointer; */
}

.calendar-svg {
  background-color: white;
  margin: auto;
  width: 185px;
  position: relative;
}

.calendar-icon-svg {
  padding-top: 2px;
  padding-bottom: 5px;
}

.public-order-end-date-ctr {
  display: grid;
  grid-template-rows: 25px 30px;
}

.public-order-nbrOfDwgs-ctr {
  color: black;
  display: grid;
  grid-template-rows: 25px 30px;
}

.public-order-elementType-ctr {
  color: black;
  display: grid;
  grid-template-rows: 25px 30px;
}

.public-order-label {
  font-weight: bold;
  font-size: 11px;
  grid-row: 1/2;
  line-height: 1.3;
  padding-top: 10px;
  margin: auto;
  padding-bottom: 5px;
  border-bottom: 1px solid lightgray;
  /* cursor: pointer; */

}

.public-order-label-date-pointer {
  cursor: pointer;
}

.bk-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: gray;
  /* cursor: pointer; */
  /* z-index: 3; */
}

.public-order-date {
  grid-row: 2/2;
  color: black;
  border-radius: 5px;
  border: none;
  font-size: 22px;
  width: 183px;
  /* font-family: sans-serif; */
  padding-inline-start: 3px;
  cursor: pointer;
}

.nb-of-dwgs-label:focus {
  outline: none;
}

.public-order-date:focus {
  outline: none;
}

.public-order-date::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.public-order-date::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  color: transparent;
  background-color: transparent;
  opacity: 0;
}

.public-order-nbrOfDwgs {
  grid-row: 2/2;
  max-width: 120px;
  font-size: 15px;
  border: none;
  border-radius: 5px;
}

#public-order-elementType-id {
  grid-row: 2/2;
  font-size: 15px;
  border: none;
  border-radius: 5px;
}

#search-btn {
  text-align: center;
  text-decoration: none;
  /* font-family: sans-serif; */
  -webkit-font-smoothing: antialiased;
  font-size: 150%;
  color: #FFF;
  background-color: #00a63f !important;
  padding: 15px 50px;
  display: inline-block;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.search-btn:active .search-btn:focus .search-btn:hover {
  background-color: #008329;
  outline: none;
  border: 3px solid transparent;
}


#search-btn {
  width: fit-content;
}

.public-order-date::-webkit-calendar-picker-indicator {
  color: black;
  background-color: white;
  z-index: 2;
}


.search-subctr {
  background-color: orangered;
  border-top: 1px solid black;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
}


@media(max-width:1100px) {
  .public-order-ctr {
    max-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    width: fit-content;
    margin: auto;
    padding: 40px 15px 40px 15px;
  }

  .public-order-start-date-ctr {
    display: grid;
    margin: auto;
    width: 100%;
  }

  #search-btn {
    font-size: 20px;
    padding: 15px 20px;

  }

  .public-order-label {
    border-bottom: none;
    border: none;
  }

}
.public-neworder-date {
    grid-row: 2/2;
    color: black;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    width: 183px;
    padding-inline-start: 3px;
    cursor: pointer;
}

.addneworder-inp-div {
    display: grid;
    grid-template-columns: 1fr;
    /* margin-top: 10px; */
}

.addneworder-area-input{
    font-weight: 400;
    color: #383838;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
}
.public-neworder-label {
     /* line-height: 1.3; */
     margin: auto 0;
     font-size: 12px;
}
.neworder-area-input {
    /* margin-top: 8px;
    margin-bottom: 8px; */
    font-weight: 400;
    color: #383838;
    padding: 5px;
    width: 200px;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #dbe2e8;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
    display: inline-flex;
}
.title-neworder-svg {
    color: green;
    font-weight: 500;
    font-size: 13px;
}

.addneworder-tags-div {
    /* margin-top: 20px; */
}
.addneworder-fromact{
    display: grid;
    grid-template-columns: 1fr;
    margin-top:10px;
}
.public-addneworder-ctr{ 
    display: grid;
    width: fit-content; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    border-radius: 10px;
    /* margin-top: 50px; */
    }

    /* neworder */
.AccountTitle-lbl{
    font-size: 18px;
    font-weight:700;
    /* line-height: 1.33em; */
    color: #383838;
  }
     
  .AccountInfoTitle-ctr{
    display: grid;
    grid-gap: 10px;
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .newOrder-area{
  width: 900px;
  margin: auto;
  }
  .divresults{
    /* margin-top: 50px; */
    width: 100%;
    border-bottom: 1px solid lightgray;
    /* padding-bottom: 10px ; */
  }
    
  /* 10-12 */
.title-output-subtab-lbl {
  padding: 8px 16px;
  width: auto;
  border: none;
  outline: 0;
  background: none;
  cursor: pointer;
}

.title-output-subtab-lblselected {
  border-bottom: 3px solid darkslategrey;
}

.output-version-notes-ctr {
  padding-top: 10px;
  display: grid;
  gap: 5px;
}

.horiz-banner-output-div {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr 80px;
  border-bottom: 1px solid lightgray;
}

/* 10-12 */
.output-tabs-ctr-subdiv {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

/* 10-12 */
.output-tabs-btn-div {
  width: fit-content;
  display: inline-block;
}

/* outputfiles */
 .download-all-attachedfiles-link {
     font-size: 13px;
     line-height: 1;
     color: #07c;
     text-decoration: none;
     margin-left: 5px;
     margin-right: 17px;
     margin: a;
 }


/* not in conversation code */
 .download-all-attachedfiles-link:hover {
     cursor: pointer;
 }

 
 .mn-container-div .Ind-alerts-ctr {
     display: inline-flex;
     padding-top: 20px;
     padding-left: 10px;
 }

 .mn-container-div .Ind-alerts-ctr .body__banner {
     font-size: 15px;
     line-height: 20px;
     font-weight: 700;
 }

 .mn-container-div .Ind-alerts-ctr .body__banner svg {
     display: none;
 }

 .mn-container-div {
     margin-left: 15px;
     margin-right: 20px;
     margin-bottom: 10px;

     padding-left: 10px;
     padding-right: 10px;
     background-color: white;
     padding-bottom: 10px;
     height: 300px;
     overflow-y: auto;
 }.verify-btn{
    background: #07c;
    padding: 18px 40px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
    /* width: 150px; */
    border: none;
    border-radius: 5px;
    /* margin: 0 auto; */
    min-height: 48px;
    /* min-width: 100%; */
    }
    .chgeoption-btn{
        color: #07c;
        text-decoration: underline;
        cursor: pointer;
    }
    .verify-label-title {
        grid-area: "title-area";
        color: #383838;
        font-size: 25px;
        font-weight: 600;
        /* margin: auto; */
    }
    .verify-area-div-lbl {
        margin-top: 20px;
    }
    .verify-content-container{
        margin-top: 60px;
        background-color: #ffffff;
        display: grid;
        box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px 0px, rgb(0 0 0 / 10%) 0px 0px 0px 1px;
        border-radius: 2px;
        overflow: hidden;
        padding: 50px 100px;
        grid-gap: 30px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "title-area"
            "Description-area"
            "check-spam-area"
            "resend-email-area";
        width: fit-content;
        margin: 60px auto;
    }
    .verify-label{
        /* color: #525c65; */
        font-size: 14px;
        /* margin: auto; */
    }
    .verify-mob label{
        font-size: 14px;
        font-weight: 550;
        width: fit-content;
        padding-right: 5px;
    }
    .verify-code-input {
        -moz-appearance: textfield;
        padding: 10px;
        font-size: 18px;
        padding: 18px 40px;
        line-height: 1.25;
        font-weight: 500;
        letter-spacing: 3px;
        /* max-width: 130px; */
        /* text-align: center; */
        min-width: 100%;
        /* margin: 10px 30px; */
        height: 48px;
        box-sizing: border-box;
        padding: 0 15px;
        border: 1px solid #dbe2e8;
        border-radius: 2px;
        font-size: 18px;
        box-shadow: 0 2px 2px 0 rgb(46 60 73 / 5%);
        /* border: none; */
    }
    .verify-code-input :focus{
        background-color: lightblue;
        /* border: none; */
      }
    .verify-Text2{
        margin: auto;
        cursor: pointer;
    }
    .verify-linkArea{
    display:inline;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #188fff;
    background-color: transparent;
    border:none;
    cursor: pointer;
    }
    
    .verify-prof-inp-div{
        display: grid;
        /* grid-template-columns: 180px 1fr; */
        margin-top: 10px;
    }
    
    
    .verify-area-label{ 
        font-size: 13px;
        font-weight: 500;
        color: #383838;
        margin: auto 0;
        /* margin-bottom: 15px; */
      } 
    
      .verify-mob{
        margin-top: 8px;
        margin-bottom: 8px;
        display: grid;
        grid-template-columns: 230px 1fr;
    }
    .verify-area-select {
        margin-top: 8px;
        margin-bottom: 8px;
        white-space: pre;
        font-weight: 400;
        color: #383838;
        padding: 5px;
        /* width: 250px; */
        box-sizing: border-box;
        padding: 10px 15px;
        border: 1px solid #dbe2e8;
        border-radius: 2px;
        font-size: 14px;
        box-shadow: 0 2px 2px 0 rgb(46 60 73 / 5%);
        margin-right: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* background: #20d492;
        color: #fff; */
        min-width: 180px;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: unset;
        padding-right: 0px;
    }
    .verify-area-input::-webkit-outer-spin-button,
    .verify-area-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
     
    
    /* .verify-area-input{
        -moz-appearance: textfield;
    } */
    .verify-area-input{
        -moz-appearance: textfield;
        margin-top: 8px;
        margin-bottom: 8px;
        white-space: pre;
        font-weight: 500;
        color: #383838;
        padding: 5px;
        /* width: 250px; */
        box-sizing: border-box;
        padding: 10px 15px;
        border: 1px solid #dbe2e8;
        border-radius: 2px;
        font-size: 14px;
        box-shadow: 0 2px 2px 0 rgba(46, 60, 73, 0.05);
        letter-spacing: unset;
        min-width: 250px;
        height: 48px;
     } 
    
     .sp-verifoption{
         margin-left: 20px;
         font-weight: bold;
     }
     .sp-sentit{
         font-weight: bold;
         font-size: 15px;
         /* border-radius: 2px; */
     }
    .verify-code-input::-webkit-outer-spin-button,
    .verify-code-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .verify-code-div{
        /* width: fit-content; */
        box-sizing: border-box;
        /* margin: 0 auto; */
        /* border: 1px solid lightgray; */
        /* border-radius: 6px; */
        padding: 1px;
        display: inline-block;
    }/* .element-div {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 10px 40px 1fr 100px 100px 100px 120px 20px 10px;
    padding: 5px;
} */

/* .element-div:hover {
    background-color: lightgray;
} */

/*Element*/
/* .list-element-header-div {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 10px 40px 1fr 100px 100px 100px 120px 20px 10px;
    border-bottom: 1px solid lightgray;
} */

/* .element-lbl {
    font-size: 11px;
    text-align: center;
} */

/* .elementitem-div {
    font-size: 11px;
} */

/* .add-default-order-a {
    border-bottom: 1px solid blue;
    color: blue;
    cursor: pointer;
} */

/* .ordersheader-div {
    display: grid;
    grid-template-columns: 10px 40px 1fr 10px;
    border-bottom: 1px solid lightgray;
} */

/* .element-order-div {
    display: grid;
    grid-template-columns: 10px 40px 1fr 10px;
    padding-top: 20px;
} */

/* .element-orders-div {
    padding-left: 20px;
    padding-top: 10px;
} */

/* .orderitem-lbl {
    font-size: 11px;
    text-align: center;
} */

/* .order-header-lbl {
    font-size: 11px;
    font-weight: bold;
} */

/* .pathitem-div {
    padding: 0px 20px;
    border: 1px solid lightgray;
    display: inline-flex;
} */

/* .pathitem-lbl {
    cursor: pointer;
    padding: 10px 7px;
    display: block;
    font-size: 11px
}

.selectedelements-div {
    display: grid;
    grid-template-columns: 1fr;
}

.elementtab-lbl-selected {
    border-bottom: 3px solid red;
    cursor: pointer;
} */

/* .elementtab-lbl:hover {
    cursor: pointer;
}

.elementtab-lbl {
    cursor: pointer;
}
*/
.elementtab-div {
    padding-left: 20px;
    /* font-size: 11px;
    cursor: pointer; */
}

.element-act-fc-min-div-active {
    background-color: green;
    color: white;
}

.elements-acts-div {
    margin: 15px;
    display: flex;
    flex-direction: row;
    width: 300px;
    height: 200px;
    padding: 5px;
}

.element-act-ctr {
    flex: 1 1 auto;
    text-align: center;
    margin: 5px;
    display: flex;
    font-size: 12px;
    grid-gap: 10px;
}

.act-indfo-det-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.element-act-fc-min-div {
    padding-left: 10px;
    padding-right: 10px;
    /* border: 0.3px solid lightgray; */
}

.element-act-div {
    border: 1px lightgray solid;
    text-align: center;
    margin: 5px;
    display: grid;
    grid-template-columns: 1fr;
    /* height: fit-content; */
    font-size: 12px;
    max-width: 500px;
}

.element-act-div-seleted {
    background-color: lightgray;
}

/* 
.act-header-ctr {
    display: grid;
    border-bottom: 1px solid lightgray;
    margin: 15px;
    grid-template-columns: 300px 1fr;
    font-size: 11px;
}

.act-items-ctr {
    margin: 15px;
}
*/
.element-subelements-div {
    width: fit-content;
    /* position: absolute; */
    padding: 5px;
    margin: 15px;
    margin-top: 50px;
}

.element-act-offers-lbl {
    width: fit-content;
    float: right;
    cursor: pointer;
    font-size: 11px;
    background: green;
    padding: 5px 10px;
    color: white;
    border-radius: 20px;
}


.edit-element-ctr {
    position: absolute;
}

.element-act-input-div {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    width: 190px;
}

.element-act-name {
    font-weight: bold;
}

.element-act-inputs-ctr {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 5px
}



.shop-post-act-div {
    display: inline-flex;
}

.act-input-elements-ctr {
    margin: 5px;
    padding: 15px;
    /* border-top: 1px solid lightgray; */
}

.act-input-elements-div {
    padding-top: 5px;
}

.inputelementsheader-div {
    display: grid;
    grid-template-columns: 10px 40px 500px 50px 100px 50px 10px;
    border-bottom: 1px solid lightgray;
}



.act-inputelement-div {
    display: grid;
    grid-template-columns: 10px 40px 500px 50px 100px 50px 10px;
    padding-top: 5px;
    font-size: 11px;
}

.act-subactivity-div {
    display: grid;
    grid-template-columns: 10px 40px 1fr 10px;
    padding-top: 5px;
    font-size: 11px;
}

.sub-activities-header-div {
    display: grid;
    grid-template-columns: 10px 40px 1fr 10px;
    border-bottom: 1px solid lightgray;
}

.act-sub-activities-ctr {
    margin: 5px;
    padding: 15px;
}

.list-subelement-header-div {
    padding-bottom: 10px;
    display: inline-flex;
    gap: 20px;
    margin-left: 10px;
    font-size: 16px;
}

.element-name-fc-min-ctr {
    display: grid;
    grid-template-columns: 1fr auto;
}

/* .elements-fc-min-acts-ctr {
    display: grid;
    grid-template-columns: 1fr 1fr 100px;
} */

.act-subactivities-title {
    padding-bottom: 10px;
}

.act-input-elements-title {
    padding-bottom: 10px;
}

.order-name-lbl {
    cursor: pointer;
}

.element-act-offers-div {
    cursor: pointer;
}

.element-act-div-active {
    border: 1px solid #0000008f;
}

.item-tr-main-element-active {
    font-weight: 600;
}

/* .element-act-offers-div:active {
    background-color: blue;
}

.element-act-offers-lbl:active {
    background-color: blue;
} */


.element-purchased-act-price {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    width: 90px;
}

.down-element-file-icon {
    cursor: pointer;
    color: green;
}

.elementslist-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    /* width:calc(100vw - 100px);;  */
    width: 100%;
    max-height: calc(100vh - 220px);
    overflow: scroll;
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
}

.element-table {
    border-spacing: 0;
    table-layout: fixed;
    height: fit-content;
    width: fit-content;
    min-width: 100%;
}

.element-table tr {
    border-bottom: 1px solid #e9e9e9;
    background: white;
}

.element-table tr td,
th {
    padding: 10px;
}

.element-table tr:hover {
    background: #d9ebfc;

}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

.elementslist-div th {
    padding: 2px 5px;
    position: sticky;
    background: #f2f2f2;
    /* #f9f9f9; */
    box-sizing: border-box;
    top: 0px;
    text-align: left;
}

.elementslist-div td {
    padding: 5px;
    box-sizing: border-box;
}

.elementslist-div th:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #f2f2f2;
    /* #f9f9f9; */
}

.elementslist-div th:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 4;
    background: #f2f2f2;

    /* #f9f9f9; */
}

.elementslist-div th:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 4;
    background: #f2f2f2;

}

.elementslist-div th:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 4;
    background: #f2f2f2;

    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

.element-tab-ctr {
    padding-bottom: 1px;
    /* min-height: 500px; */
    margin: 30px 30px;
    box-sizing: border-box;
    min-width: 1500px;
    /* background-color: #f7f7f7; */
    border-left: 1px solid #bebebe;
}

.sub-element-tab-ctr {
    border-left: 1px solid #bebebe;
    ;
}

.subelementtype-div {
    display: grid;
    gap: 10px;
}

.elementslist-div td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 3;
    background: inherit;
}

.elementslist-div td:nth-child(2) {
    position: sticky;
    left: 60px;
    z-index: 3;
    background: inherit;
    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

/* .elementslist-div td:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 3;
    background: inherit;
} */

/* .elementslist-div td:nth-child(4) {
    position: sticky;
    left: 140px;
    z-index: 3;
    background: inherit;
    border-right: 1px solid lightgray;
    padding-right: 10px;
} */

/* 
.settingsbtn-lbl {
    color: #07c;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
} */

/* .ProjInfoTitle-ctr {
    display: inline-flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
} */





/* .tagtypes {
    margin-bottom: 40px;
} */


/* 
.tagtype-area- {
    font-weight: 550;
} */



/* .submit-lbl {
    font-size: 11px;
    color: blue;
} */

/* .submit-div {
    padding-top: 10px;
} */



/* 
.show-less-bl {
    height: 50px;
} */

/* .widthfitcontent {
    width: fit-content;
} */


/* .list-package-header-div {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 10px 40px 40px 1fr 80px 1fr 40px 70px 50px 20px 20px 10px;
} */

/* .packageversionsheader-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 1px solid lightgray;
} */

/* .packageversion-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding-top: 20px;
} */

/* .packageversions-div {
    border: 1px solid lightgray;
    -webkit-box-shadow: unset;
    border-radius: unset;
} */




/* .selectedtags-lbl {
    font-size: 11px;
    margin-left: 10px;
    cursor: pointer;
    font-weight: bold;
    color: blue;
} */



/* .contact_header {
    font-weight: bold;
    font-size: 11px;
    color: #383838;
} */



/* .newmaillink-div {
    font-size: 11px;
    color: blue;
    padding: 10px;
} */

/* .newemaildiv {
    display: inline-flex;
}

.newmail-lbl {
    border-bottom: 1px solid blue;
} */

/* .submittalNotif-div {
    padding-left: 10px;
} */
/* 
.submit-lbl {
    font-size: 11px;
    font-weight: 500;
    color: #383838;
    margin: auto 0;
    height: fit-content;
    margin: auto 0;
} */





/* 
.email-title {
    display: grid;
    grid-template-columns: 2fr 1fr;
    font-size: 11px;
    border-bottom: 2px solid;
    text-align: center;
} */





/* .to-cc-lbl {
    margin: 5px;
} */
/* 
.Notifcheckbox-input {
    margin: 5px;
} */







/* 
.issuedToProject-div {
    font-size: 11px;
    padding-left: 10px;
} */



/* .packvsrow {
    font-size: 11px;
    border-bottom: 1px solid lightgray;
} */


/* .backicon {
    font-size: 18px;
    margin-right: 8px;
    margin-top: 1.5px;
    cursor: pointer;
} */

/* .div-backicon{
   display:inline-flex;
   width: fit-content;
   cursor: pointer;
} */

/* .back-div {
    cursor: pointer;
} */

/* .projecttags-taype-div {
    border: 1px solid lightgray;
    font-size: 11px;
    background: #ffad1821;
    display: grid;
    gap: 5px;
} */







/* .opened-package {
    background-color: #fcd2a4;
    border-top: none;
} */




/* .ProjTitle-span {
    margin: auto 8px;
    font-size: 25px;
} */



/* 

.editPackV-div {
    color: black;
    margin: 10px;
    display: grid;
    grid-gap: 15px;
} */.input-title-view {
  font-size: 12px;
  font-weight: 600;
  margin-top: 0.5px;
  line-height: 20px;
  max-width: 250px;
  overflow: hidden;
}

.notes-in-div {
  min-height: 100px;
  width: 100%;
  border: 0.5px solid lightgray;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;

}

.input-version-notes-ctr {
  padding-bottom: 20px;
  padding-top: 10px;
  display: grid;
  gap: 5px;
}

/* 10-12 */
.title-input-subtab-lbl {
  padding: 8px 16px;
  width: auto;
  border: none;
  outline: 0;
  background: none;
  cursor: pointer;
}

.title-input-subtab-lblselected {
  border-bottom: 3px solid darkslategrey;
}

.horiz-banner-input-div {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 1fr 80px;
  border-bottom: 1px solid lightgray;
}

/* 10-12 */
.input-tabs-ctr-subdiv {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

/* 10-12 */
.input-tabs-btn-div {
  width: fit-content;
  display: inline-block;
}* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.rafts-container {
  display: flex;
  height: fit-content;
  flex-direction: row;
  top: 0;
  left: 0;
  margin-top: 10px;
}

.main-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  padding: 1rem;
  background: aqua;
}

.main-page h1 {
  font-weight: 600;
  text-align: left;
  margin-left: 20px;
}

.raftsettings-sub-ctr1 table th {
  border: 0.5px solid;
}

.raftsettings-sub-ctr1 table td {
  border: 0.5px solid;
}

.aa-table {
  border-collapse: collapse;
}

.aa-table,
td {
  text-align: center;
}

.cover-values {
  display: grid;
  grid-template-columns: 2fr 3fr;
  flex-direction: column;
  height: 100%;
  margin-left: 50px;
  margin-right: 50px;
}

.cov-val {
  font-weight: 500;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border-width: 1px;
  width: 50px;
  height: 20px;
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 14px;
}

.main-list {
  font-weight: 600;
  font-size: 18px;
  padding: 10px
}

.gen {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.cov-val-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.label-global {
  font-weight: 500;
  font-size: 20px;
  height: 50px;
  width: 150px;
}

.forms {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 50px;
  margin-top: 25px;
  margin-right: 50px;
}

.cov-val-s {
  font-weight: 500;
  border-radius: 10px;
  border-width: 1px;
  width: 4em;
  height: 2.5em;
  font-size: 16px;
}

.td-style {
  font-size: 16px;
  font-weight: 500;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}

.footer {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-right: 7%;
}

.button {
  background-color: #f58020;
  font-weight: 500;
  border-radius: 12px;
  padding: 8px 50px;
  margin-bottom: 50px;
  text-align: center;
  text-decoration: none;
  background: #f58020;
  color: white;
  border: none;
  display: inline-block;
  font-size: 40px;
  cursor: pointer;
}

.separator {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  max-width: 1000px;
  width: 100%;
}

.raftsettings-title-ctr {
  display: inline-flex;
  margin-inline: center;
  gap: 10px;
  flex-basis: 20%;
}

.expand-collapse-title {
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
}

.raftsettings-content-ctr {
  max-width: 1000px;
  min-height: 200px;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  flex-direction: row;
  flex: 1 1 50%;
  flex-basis: 80%;
}

.raftsettings-content-ctr.show {
  animation: showContentCtr 0.15s linear;
  display: flex;
}

.raftsettings-content-ctr.hide {
  animation: hideContentCtr 0.15s linear;
}

@keyframes hideContentCtr {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
  }
}


@keyframes showContentCtr {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.raftsettings-sub-ctr1 {
  min-width: 100px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 20px;
  width: 30%;
}

.raftsettings-sub-ctr2 {
  color: #fff;
  font-size: 2rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 150px;
  position: relative;
  width: 70%;
  border: 1px solid black;
}

.raft-settings-figure {
  width: 70%;
}

.raft-settings-figure img {
  width: 100%;
  height: auto;
  min-width: 100px;
}

.raftsettings-title-ctr ul {
  list-style-position: inside;
  width: 150px;
  white-space: nowrap;
}

/* SMALL */
@media (min-width:576px) and (max-width:992px) {
  .raftsettings-content-ctr {
    flex-flow: column;
  }

  .separator {
    flex-wrap: wrap;
  }
}

/* MEDIUM */
@media (min-width:992px) { 
  .separator {
    flex-wrap: wrap;
  }
}

/* LARGE */
@media (min-width:1200px) {
  .separator {
    flex-wrap: wrap;
  }
}

/* Mobile Device landscape */
@media (max-width:767px) {
  .raftsettings-content-ctr {
    flex-flow: column;
  }

  .separator {
    flex-wrap: wrap;
  }
}.customers-ctr {
    /* width: 90%; */
    max-width: 500px;
    margin-top: 20px;
}

.customers-subctr-grid {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px; */
    padding: 10px;
}

.customer-box-a {
    border: 1px solid #cccccc;
    height: 255px;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
    /* width: 25%; */
    background-color: white;
    text-decoration: none;
}

.dam-dropdown {
    text-decoration: none;
}

.damSearchGrid-img {
    display: block;
    height: 40%;
    margin-bottom: 20px;
}

.damSearchGrid-img img {
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.customergrid-proj {
    /* color: #afafaf; */
    display: block;
    font-size: 14px;
    color: #383838;
    /* font: normal 15px/19px "NeuePlakText-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; */
    margin-bottom: 12px;
    text-decoration: none;

    /* text-transform: uppercase; */
}

.customergrid-country {
    color: #b4a7a7;
    display: block;
    /* font: normal 15px/19px "NeuePlakText-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; */
    margin-bottom: 12px;
    text-transform: uppercase;
}

.viewMoreButton {
    text-align: center;
    margin: 2em 0;



}

.btn-viewMore {
    text-transform: uppercase;
    font-size: 18px;
    color: #383838;
    border: none;
    background-color: transparent;
    cursor: pointer;

}

.customergrid-name {
    display: block;
    /* font: normal 20px/24px "NeuePlakText-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; */
    margin-bottom: 12px;
    color: #383838;
    ;
}

.headline {
    padding: 30px;
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    /* border-bottom: 1px solid #f3f0ee; */
    color: gray;
    font-size: 16px;
    font-weight: bold;

}

.criteria {
    color: #30aabc;
    /* color: #ff6633; */
    padding-left: 12px;
    /* font-size: 16px; */
    font-weight: 500;
}

.filter-customer-wrapper {
    width: 100%;
    /* max-width: 960px; */
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

@media(max-width:450px) {

    .customers-subctr-grid {
        /* display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px; */
        padding: 10px;
    }
}.MyAccount-grid{
    display: grid;
    width: 100%;
    height:100%;
    grid-template-columns:1fr; 
    margin-top:50px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.24);
    background-color: white;
  }
  
  .balance-title-ctr{
    display: inline-flex;
    width: fit-content;
    margin-left: 0;
    }
  
    
  .title-ctr-balandinv{
    display: grid;
    grid-template-columns: 180px 1fr;
    margin: 50px 100px;
    background: white;
    border-bottom: 1px solid lightgray;
    height: fit-content;
  }
  
  .Myinvoices-area{
    background-color: white;
    display: grid;
    grid-template-columns: 1fr;
    padding: 50px 100px;
    padding-top: 10px;
  } 
  
  .MySOA-area{
    background-color: white;
    display: grid;
    grid-template-columns: 1fr;
    padding: 50px 100px;
    padding-top: 10px;
  }
  
  .InvoicesTitle-ctr{ 
    display: grid;
    background-color: white;
    border-bottom: 1px solid #ccc;
    margin-top: 0;
    padding-bottom:15px;
    cursor: pointer;
    width: fit-content;
  }
  
  
  .invoicedate-label{
    grid-area:invoicedate-label;
    color:black;
    font-weight:400;
    font-size:12.5px;
    display: inline;
    justify-self: center;
  }
  
  .invoiceamount-label{
    grid-area:invoiceamount-label;
    color:black;
    font-weight:400;
    font-size:12.5px;
    justify-self: center;
  }
   
  .invoiceStatus-label{
    grid-area:invoiceStatus-label;
    color:white; 
    font-size:12.5px;
    text-align: center;
    border-radius: 5px;
    font-weight:bold;
    justify-self: center;
  }
  
  .invoiceStatus-label-paid{
     background-color: #00b300;
    width:40px;
    height:20px;
  }
  
  .invoiceStatus-label-unpaid {
    background-color: #80bfff;
    
  }
  .invoiceStatus-label-partial {
    background-color: #f0ad4e;
    
  }
  .invoice-details-btn{
    grid-area: invoice-details-btn;
    font-size:1rem;
    display: inline;
    cursor: pointer;
    padding-left:20px;
    color:blue;
    text-decoration: none;
  }
  
  .InvoicesTitle-lbl{
    font-size: 25px;
    cursor: pointer;
    display:inline-block;
    color: #383838;
    margin-left: 0;
  }
  

  
@media(max-width:500px){ 
    .InvoicesTitle-ctr{
      display: grid;
      margin-top: 20px;
      width: 100%;
    }
   
 
     /* //balance and inv */
     .balance-title-ctr {
      margin: auto;
    }
    .InvoicesTitle-lbl{
      font-size: 14px;
      margin: auto;
    }
    .MyAccount-grid{
      margin-top: 20px;
    }
    .title-ctr-balandinv {
      grid-template-columns: 130px 1fr;
      padding-left: 10px;
      padding-right: 10px;
      margin: 0;
    }
  }
  
  
  
  .mycapacity-view {
    width: 100%;
    height: 100%;
     box-sizing: border-box;
     box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%);
     max-width: 1100px;
     margin: 50px auto
}

/* .IsToday {
    color: blue;
} */

.capacityTitle-ctr {
    display: block;
    grid-area: InvoicesTitle-ctr;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: block;
    margin-top: 30px;
    grid-area: title;
    border-bottom: 1px solid lightgray;
}

.fc-toolbar h2 {
    font-size: 1.75em;
    margin: 0;
}

/* .fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

/* .fc-button-primary {
    /* color: #fff; */
    /* background-color: #cccccc; */
    /* border-color: #2c3e50; */
/* } */ */

/* .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em;
}   */

/* .fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
}

.fc-icon {
    font-family: fcicons !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */

/* .fc-button {
    -webkit-appearance: button;
} */
/* 
.fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
} */


.new-service-planner-div {
    width: 50%;
    margin: auto;
    padding: 25px;
    margin-top: 50px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 24%);
}

.services-title-div h3 {
    width: fit-content;
    float: right;
    cursor: pointer;
    font-size: 14px;
    background: green;
    padding: 5px 10px;
    color: white;
    border-radius: 20px;
}

.Month-area {
    /* margin-top: 50px; */
    padding: 20px; 
}

.fc-toolbar {
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
}

.calendar-cap-header-div {
    display: inline-flex;
    margin-bottom: 20px;
}

.cal-cap-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.calendar-capacity-area {
    width: 100%;
    /* display: grid; */
    font-size: 13px;
    margin-top: 30px;
}

.a1-size-dwg {
    color: green;
    font-weight: 500;
    font-size: 11px;
}

.capacity-row {
    display: grid;
}

.column-header-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 0.5px dotted lightgray;
    /* background-color: orangered; */
    /* color: white; */
    font-weight: bold;
}

.calendar-capacity-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 0.5px dotted lightgray;
}

.calendar-booked-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 0.5px dotted lightgray
}

.calendar-blocked-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom: 0.5px dotted lightgray
}

.calendar-available-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    /* border-top: 1px solid lightgray; */
}

.calendar-price-row {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-top: 0.5px dotted lightgray
}

.column-row-div {
    /* padding: 10px; */
    font-size: 15px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.month-tab {
    margin-left: 20px;
}

.column-row-title {
    padding-top: 10px;
    display: inline-flex;
    /* border-right: 1px solid lightgray; */
}

.day-header-area {
    text-align: center;
    /* background-color: white; */
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50px;
}

.capacity-nb-of-dwgs-label::-webkit-inner-spin-button,
.capacity-nb-of-dwgs-label::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.capacity-nb-of-dwgs-label {
    /* font-family: sans-serif; */
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 4px;
    text-align: center;
    border: none;
    font-size: 15px;
    color: green;
    font-weight: bold;
    width: 60px;
    background-color: transparent;
}

.column-header-area {
    margin-left: 5px;
}

.calendar-capacity-subctr {
    /* border: 1px solid lightgray; */
    /* padding: 10px; */
    padding-bottom: 0;
    padding-top: 0;
    border-top: none;
}

.column-row-span {
    display: block;
    font-size: 13px;
    color: #383838;
}

.column-row-span-cap {
    display: block;
}
.fc-button-today{
    color: #5f6368;
    font-size: 14px;
    font-weight: 500;   
    padding: 5px 12px;
}
.fc-today-div{
    height: 30px;
    border: 0.5px solid lightgray;
    border-radius: 4px;
    align-items: center;
    display: flex;
    cursor: pointer; 
    margin: auto;
}
.pl-istoday{
    background: #07c;
    color: white;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin: auto;
    padding: 2px;
}
.hd-dy{
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin: auto;
    padding: 2px;
}
@media(max-width:1100px) {
    .fc-toolbar {
        font-size: 12px;
        /* margin-left: 8px; */
        margin-right: 8px;
    }

    .column-row-span-cap {
        display: none;
    }

    .mycapacity-view {
        padding: 0px;
        margin-top: 50px;
    }

    .column-row-title {
        display: grid;
        padding: 5px;
    }

    .calendar-capacity-subctr {
        padding: 5px;
    }

    .column-header-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .calendar-capacity-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .calendar-booked-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .calendar-blocked-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .calendar-available-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .calendar-price-row {
        grid-template-columns: 70px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .Month-area {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
        margin-top: unset;
    }

    .column-row-div {
        font-size: 12px;
    }

    .capacity-nb-of-dwgs-label {
        font-size: 12px;
    }

    .column-header-div {
        font-weight: 500;
    }
}/* 8-8 */
.service-setting-sub-ctr {
    max-width: 600px;
    display: grid;
    grid-gap: 20px;
}

.service-setting-row {
    display: grid;
    grid-template-columns: 1fr 100px;

}

.service-settings-ctr {
    max-width: 500px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-top: 20px;
    /* margin: auto; */
    /* margin-top: 50px; */
    /* border: 1px solid lightgrey; */
    /* text-align: center; */
}

.service-setting-row {
    /* padding: 10px; */
}

/* .service-settings-header-div{

} */
.service-settings-header-div {
    display: grid;
    grid-template-columns: 1fr 200px;
    max-width: 500px;
    border-bottom: 1px solid lightgray;
    text-align: center;
}

.service-type-settings-title-ctr {
    display: inline-flex;
}

.service-setting-sub-div {
    margin-top: 20px;
    max-width: 600px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.new-service-setting-div {
    max-width: 500px;
}

.new-service-settings-header-div {
    float: right;
}

.back-to-dragdropservice {
    text-align: left;
    margin-top: 20px;
}

.scales-related-div {

    display: inline-grid;
    grid-template-columns: 150px 1fr;
    width: 500px;
    grid-gap: 30px;
}

.scales-related-btns-div {
    display: inline-flex;
    gap: 10px;
}

.scale-items-ctr {
    display: grid;
    gap: 5px;
}

.a-scale-setting-btn {
    width: fit-content;
    cursor: pointer;
    font-size: 14px;
    background: green;
    padding: 5px 10px;
    color: white;
    border-radius: 20px;
    border: none;
    font-weight: 700;
    white-space: nowrap;
}

.a-scale-setting-btn-selected {
    background-color: lightgreen;
    font-weight: 700;
    color: green;
}

.a-scale-setting-btn-selected:hover {
    background: lightgreen;
    cursor: none;
    color: green;
}

.service-type-settings-title-div {
    /* width: fit-content; */
    float: right;
    height: fit-content;
}

.service-type-settings-title-div h3 {
    width: fit-content;
    float: right;
    cursor: pointer;
    font-size: 14px;
    background: green;
    padding: 5px 10px;
    color: white;
    border-radius: 20px;
}

.title-service-newjsonsettings-lbl {
    float: right;
    margin-right: 20px;
}

.scale-item-div {
    display: inline-flex;
}

.scale-item-default-lbl {
    padding: 10px;
    color: blue;
    text-decoration: underline;
}

.object-related-title-div {
    display: grid;
    grid-template-columns: 200px 1fr;
    margin-bottom: 5px;
}

.object-related-btns-div {
    display: inline-flex;
    gap: 10px;
}

.objects-related-ctr {
    display: grid;
    grid-gap: 10px;
}

.a-obj-related-btn-selected {
    background-color: lightgreen;
    font-weight: 700;
    color: green;
}

.a-obj-related-btn-selected:hover {
    background: lightgreen;
    cursor: none;
    color: green;
}

.service-setting-sub-div {
    overflow-y: scroll;
    max-height: 600px;
}

.popupwrapper-newjsonfilesettings {
    top: 500px;
}

.object-related-item-div {
    display: inline-flex;
    grid-gap: 5px;
}

.div-cont-save-jsonfile-settings {
    margin-top: 20px;
}

.aa-divlabelDrpDown {
    display: inline-flex;
    min-width: 180px;
}
/* '''''''''''''''''''' */
.icon-serv{
    font-size: 13px;
    margin: auto;
}
.div-ic-count {
    font-weight: bold;
    border-radius: 2px;
    text-align: center;
    line-height: 1.25;
    padding: 1.5px 3px;
    min-width: 0.75em;
    font-size: 10px;
}
.div-ic-ctr{
    display: inline-flex;
    padding: 2px 2px;
    border-radius: 4px;
    color: #5e5e5e;
}
.div-ic-ctr-price{
    color: #383838;
    font-weight: bold;
    border-bottom: 1px solid #383838;
    padding: 0px 6px;
    display: inline-flex;
    margin-left: 5px;
    font-size: 10px;
}.deliver-div-btn {
    background-color: #ff6633;
    color: white;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    justify-self: center;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    border: none;
    width: 250px;
}

.deliver-notes-input {
    width: 100%;
    /* height: 200px; */
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
}

.deliver-div {
    display: grid;
    margin-top: 20px;
    grid-gap: 25px;
}

.btn-deliv-inp {
    font-size: 12px;
    margin-left: 10px;
}

.input-deliv {
    width: 35px;
    padding: 3px 5px;
    border: 1px solid lightgray;
}

.MyDeliverInformation-grid {
    width: 100%;
    height: 100%;
    margin-top: 50px;
}

.DeliverInformation-ctr {
    background-color: white;
    padding: 20px;
    width: 100%;
    margin: auto;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
}

.Diliv-mess-div {
    padding-left: 20px;
}

.DeliverInfoTitle-ctr {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
}

.DeliverTitle-lbl {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.33em;
    color: #383838;
}

.deliver-order-area {
    background-color: white;
    padding: 30px 8px 30px 8px;
    max-width: 400px;
    box-sizing: border-box;
}

.deliv-mess-lb {
    color: #383838;
    font-weight: 550;
}

label.lbl-deliv {
    color: green;
    font-weight: 600;
}

.delivcode-ctr {
    display: grid;
    grid-gap: 10px;
    border-bottom: 1px solid lightgray;
    font-size: 14px;
    padding: 20px 10px;
    margin-top: 20px;
}

.orderdel-summary-div {
    display: grid;
    grid-template-rows: 30px;
    margin-right: 10px;
}

.orderdel-max-label {
    font-size: 12px;
    color: darkslategrey;
    font-weight: 500;
}

.quantdel-price {
    display: grid;
    font-weight: 600;
    margin-top: 10px;
}

.orderdel-info-ctr2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.825;
    display: grid;
}

.do-content-ctr {
    color: #383838;
    font-size: 13px;
}

.delcheckoutheader-2.summ {
    padding-top: 2px;
    text-decoration: underline;
    padding-left: 10px;
    line-height: 1.8;
    font-size: 18px;
    background-color: transparent;
}

span.material-icons.error-icon-del-drop {
    color: red;
    font-size: 35px;
}

.Div-err {
    display: inline-flex;
    border-bottom: ipx solid lightgray;
}

.delivcode-ctr-last {
    border-bottom: 1px solid lightgray;
}

.deliv-failed-lbl {
    color: red;
    font-size: 25px;
    font-weight: 550;
    line-height: 35px;
    margin-left: 20px;
}

label.deliv-lbl-Area {
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #383838;
}

.deliver-div .payment-comletebook-lbl {
    color: #383838;
    font-weight: normal;
    margin-bottom: 10px;
}

.link-to-page {
    color: #07c;
    margin-right: 5px;
    font-weight: bold;
}

.do-uploadbtn {
    /* color: #07c;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer; */
}

.uploadfilelbl {
    color: #07c;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.input-pdf-do-upload {
    display: none;
}

.input-bbsdwg-do-upload {
    display: none;
} 
.icon-delivered {
    color: #2079d2;
    font-size: 17px;
}
.order-delivey-status-ctr{
    color: #2079d2;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    display: inline-flex;
}
.order-delivered {
    justify-self: center;
    font-size: 15px;
    margin-left: 10px;
    font-weight: 700;
    line-height: 1;
}

.conv-material-icon{
    font-size: inherit; 
     color: green;
}

.detail-order-div {
    text-align: center;
    margin-top: 10px;
}
/* ///////////////////////////////////////////////////////////////////////// */
.order-notyetdelivered{
    background-color: #ff6633;
    color:white;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    justify-self: center; 
    font-size: 15px; 
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
}
.order-dropped{
justify-self: center;
font-size: 15px;
margin-left: 10px;
font-weight: 700;
line-height: 35px;
text-decoration: underline;
}
.order-notyetdelivered:hover{
background-color: #cc6600;
} 
.order-canceled-status-ctr {
    color: red;
    font-weight: 700;
    display: inline-flex;
    margin-top: 10px;
}

.order-canceled-status-ctr .can-ord-icon {
    color: red;
    font-size: 35px;
}
.dropped-order-sold{
    border-top: 1px solid red;
    /* background-color: lightgray; */
}
/* ///////////////////////////////////////////////////////////////////////// */
@media(max-width:500px){     
    /* .title-sold-area {
        margin-top: 10px;
    } */
    
    }.rttask-container {
    font-family: "Inter", system-ui, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.process-card {
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.process-card:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.process-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    padding: 10px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.process-header .expand-icon {
    font-size: 18px;
    transition: transform 0.2s ease;
}

.process-title {
    flex-grow: 1;
}

.process-id {
    font-size: 12px;
    opacity: 0.7;
}

.process-content {
    padding: 10px 14px;
    transition: max-height 0.25s ease;
}

.process-content.collapsed {
    display: none;
}

.socket-list {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.socket-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 14px;
}

.socket-name {
    font-weight: 500;
}

.sub-process {
    margin-left: 14px;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    margin-top: 6px;
}

.no-process {
    background: #f0f0f0;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    color: #666;
}

.rt-popup-wrapper {
    display: flex;
    flex-direction: column;
    z-index: 20001;
    position: fixed;
    /* stays in viewport */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: white;
    padding: 0;
    /* inner content will have padding */
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
    border: 1px solid lightgray;
    max-width: 650px;
    max-height: 90vh;
    /* scrollable content */
    overflow: hidden;
}

.rt-popup-content {
    padding: 20px;
    overflow-y: auto;
    /* scroll if content too tall */
    max-height: calc(90vh - 50px);
    /* leave room for close button */
}

.rt-popup-close {
    position: sticky;
    top: 0;
    right: 0;
    text-align: right;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    z-index: 10;
    cursor: pointer;
    font-size: 18px;
}

/* === Modern RTTask Popup === */
.rt-popup {
    position: relative;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    padding: 20px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    color: #333;
    max-height: 80vh;
    /* Limit height to 80% of viewport */
    overflow-y: auto;
    /* Enable scroll when content too tall */
    min-width: 600px;
}

.rt-popup h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    color: #444;
}

/* Keep the close button visible at all times */
.rt-popup .popup-close-btn {
    position: sticky;
    /* keeps it visible when scrolling */
    top: 10px;
    right: 10px;
    float: right;
    z-index: 100;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 5px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.rt-popup .popup-close-btn:hover {
    background: #f5f5f5;
}

.popup-wrapper::-webkit-scrollbar {
    width: 8px;
}

.popup-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.popup-close:hover {
    color: #d33;
}

/* === RTTask Tabs === */
.rt-tabs-container {
    display: flex;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 10px;
    gap: 8px;
}

.rt-tab-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rt-tab {
    background: #f5f5f5;
    border-radius: 8px 8px 0 0;
    padding: 8px 14px;
    cursor: pointer;
    font-weight: 500;
    color: #555;
    transition: all 0.2s ease-in-out;
}

.rt-tab:hover {
    background: #e0e7ff;
    color: #1e3a8a;
}

.rt-tab.active {
    background: #3b82f6;
    color: white;
    box-shadow: 0 -2px 0 0 #3b82f6 inset;
}

/* === RTTask Tab Content === */
.rt-tabcontent {
    background: #fafafa;
    border-radius: 12px;
    padding: 15px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    min-height: 300px;
    animation: rt-fadeIn 0.3s ease-in;
}

/* === No Process Message === */
.rt-no-process {
    text-align: center;
    padding: 30px;
    background: #f9fafb;
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    color: #6b7280;
    font-size: 15px;
}

/* Sticky "Download All Files" icon bar */
.download-all-sticky {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #ffffffcc;
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: flex-end;
    padding: 6px 10px;
    border-bottom: 1px solid #e0e0e0;
}

.download-all-icon {
    font-size: 22px;
    color: #1e88e5;
    cursor: pointer;
    transition: transform 0.15s ease, color 0.15s ease;
}

.download-all-icon:hover {
    color: #1565c0;
    transform: scale(1.15);
}
.json-display {
    background-color: #f5f5f5;
    border-radius: 6px;
    padding: 8px 10px;
    font-family: "Courier New", monospace;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 1.4;
    color: #333;
    overflow-x: auto;
    border: 1px solid #ddd;
}

.json-key { color: #1565c0; }
.json-string { color: #2e7d32; }
.json-number { color: #6a1b9a; }
.json-boolean { color: #ef6c00; }
.json-null { color: #757575; }


/* === Animations === */
@keyframes rt-fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}.sidenav {
  width: 220px;
  height: 1000px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: 'Comfortaa-Regular';
  line-height: 1.42em;
  background-color: #fff;
  padding: 0px 0px 5px;
  font-size: 14px;
  /* box-shadow: 0 2px 8px 0 rgba(12,12,13,.1); */
  border-right: solid 1px #d8dfe2;
  border-radius: 10px 10px 10px 10px;
  font-weight: 600;
}

.sidenav a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: black;
  display: block;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;


}

.sidenav a:hover {
  background: #e0e0eb;
}

#job-desccription-ctr {
  padding-top: 10px;
}

.li-menu-item-co.cursorpointer {
  padding-left: 15px;
}

.companyoranization-ctr {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  padding-top:20px;
}


.left-menu-container {
  /* width: 200px; */
  /* Adjust width as needed */
  /* background-color: #f1f1f1; */
    width: 200px;
    background-color: #f8f9fb;
    border-right: 1px solid #ddd;
}

.main-content-container {
  /* flex: 1; */
  /* Takes up remaining space */
  padding-left: 50px;
  /* padding-top: 20px; */
  flex: 1;
  /* padding: 16px 24px; */
}
.main-content-container h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.ul-me-dropdown-co {
  position: absolute;
  background-color: #fff;
  padding: 10px 0px 10px;
  font-size: 14px;
  top: 42px;
  box-shadow: 0 2px 8px 0 rgba(12, 12, 13, .1);
  border: solid 1px #d8dfe2;
  right: 0px;
}

.ul-me-dropdown-co li {
  list-style: none;
  width: 200px;
}

.ul-me-dropdown-co li a {
  text-decoration: none;
  text-align: left;
}

/* General container styling */
#NewShiftContainer,
.exception {
  border: 1px solid #ccc;
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

/* Label styling */
.employeeIdLabel,
.weekdayLabel,
.dayTypeLabel,
.timeFromLabel,
.timeToLabel,
.dateFromLabel,
.dateToLabel {
  display: block;
  font-weight: bold;
  margin: 10px 0 5px;
  color: #333;
}

/* Input and Select styling */
.timeFromInput,
.timeToInput,
.dateFromInput,
.dateToInput,
.weekdaySelect,
.dayTypeSelect,
.descinput {
  width: 65%;
  padding: 8px 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

.weekdaySelect,
.dayTypeSelect {
  width: 13.5%;
  height: 35px;
  padding: 8px 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

/* Button styling */
.add-daytype-Button,
.submit-daytype-Button,
.save-exception-btn {
  background-color: #007BFF;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-top: 10px;
  display: grid;
  margin-right: 10px;
}

.cancel-exception-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-top: 10px;
  display: grid;
  margin-right: 10px;
}

.add-daytype-Button:hover,
.submit-daytype-Button:hover {
  background-color: #0056b3;
}

.EmpPresenceRuleCtr {
  padding-top: 25px;
}

#Exception_Shift_Container {
  max-height: 700px;
  overflow-y: auto;
  width: 500px;
}

#Exception_Shift_Title {
  padding-bottom: 20px;
  font-size: 20px;
}






#job-desccription-ctr {
  padding-top: 10px;
}

.li-menu-item-co.cursorpointer {
  padding-left: 15px;
}






.ul-me-dropdown-co {
  position: absolute;
  background-color: #fff;
  padding: 10px 0px 10px;
  font-size: 14px;
  top: 42px;
  box-shadow: 0 2px 8px 0 rgba(12, 12, 13, .1);
  border: solid 1px #d8dfe2;
  right: 0px;
}

.ul-me-dropdown-co li {
  list-style: none;
  width: 200px;
}

.ul-me-dropdown-co li a {
  text-decoration: none;
  text-align: left;
}

/* General container styling */
#NewShiftContainer,
.exception {
  border: 1px solid #ccc;
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

/* Label styling */
.employeeIdLabel,
.weekdayLabel,
.dayTypeLabel,
.timeFromLabel,
.timeToLabel,
.dateFromLabel,
.dateToLabel {
  display: block;
  font-weight: bold;
  margin: 10px 0 5px;
  color: #333;
}

/* Input and Select styling */
.timeFromInput,
.timeToInput,
.dateFromInput,
.dateToInput,
.weekdaySelect,
.dayTypeSelect,
.descinput {
  width: 100%;
  padding: 8px 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

.weekdaySelect,
.dayTypeSelect {
  width: 13.5%;
  height: 35px;
  padding: 8px 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
}

/* Button styling */
.add-daytype-Button,
.submit-daytype-Button,
.save-exception-btn {
  background-color: #007BFF;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-top: 10px;
  display: grid;
  margin-right: 10px;
}

.cancel-exception-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-top: 10px;
  display: grid;
  margin-right: 10px;
}

.add-daytype-Button:hover,
.submit-daytype-Button:hover {
  background-color: #0056b3;
}

.EmpPresenceRuleCtr {
  padding-top: 25px;
}



#Exception_Shift_Title {
  padding-bottom: 20px;
  font-size: 20px;
}

.ul-submenu {
  position: relative;
  top: 100%;
  left: 0;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 10px;
  margin: 0;
  list-style: none;
}

.submenu-container {
  background: white;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  min-width: 200px;
  z-index: 1000;
}

.ul-menu-co-dropdown>li {
  position: relative;
}

.hr-sub-menu li {
  padding: 8px 12px;
  cursor: pointer;
}

.hr-sub-menu li:hover {
  background-color: #f0f0f0;
}

.daytype-table {
  /* width: 60%; */
  /* Table width */


}

.daytype-table thead {
  background-color: rgb(240, 240, 240);
  /* Header background */
  border-bottom: 2px solid #ccc;
  /* Border under header */
}

.daytype-table th {
  padding: 10px;
  /* Padding for header cells */
  font-size: 12px;
  /* Header font size */
  text-align: center;
  /* Align header text to the left */
}

.daytype-table tr {
  border-bottom: 1px solid #ddd;

  /* Row divider */
}

.daytype-table td {
  padding: 8px 12px;
  /* Padding for table cells */
  font-size: 12px;
  /* Font size for cell text */
  text-align: center;
  /* Align text to the left */

}

/* Hover effect for rows */
.daytype-table tr:hover {
  background-color: #f5f5f5;
  /* Light gray background */
}

/* No data row styles */
.daytype-table td[colspan="6"] {
  text-align: center;
  font-style: italic;
  color: #666;
  /* Gray color for no data message */
}

#addIntervalButton {
  background-color: #007BFF;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 170px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-top: 10px;
  display: grid;
  margin-right: 10px;
}

.deletetimeintervalButton {
  background-color: #007BFF;
  color: white;
  padding: 10px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100px;
  font-size: 14px;
  transition: background-color 0.3s;
  margin-left: 175px;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.intervalHeader {
  display: flex;
}

#currentIntervalContainer {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 10px 0;
  border-radius: 4px;
}

.savedInterval {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 5px 0;
  border-radius: 4px;
}

.savedIntervalHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  font-weight: bold;
}

.intervalDetails {
  font-size: 0.9em;
  color: #666;
}

#saveIntervalButton {
  margin: 10px 0;
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


#Exception_Form {
  padding: 15px;
}

.descinput {
  width: 100%;
  padding: 8px;
  margin-bottom: 15px;
}

#savedIntervalsContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.savedInterval {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 5px 0;
  border-radius: 4px;
}

#currentIntervalContainer {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 10px 0;
  border-radius: 4px;
}

#addNewIntervalButton {
  width: 40%;
  padding: 8px;
  margin: 10px 0;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;

}

.saveCurrentIntervalButton {
  width: 100%;
  padding: 8px;
  margin-top: 10px;
  background-color: #2196F3;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.deleteIntervalButton {
  padding: 4px 8px;
  background-color: #ff4444;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


.savedIntervalsTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.daytypeheader {
  display: inline-flex;
  padding-top:10px;
  padding-bottom:20px;
}
.add-DayType-subdiv{
  margin-left:15px;
  font-size:larger
}
.presence-rule-name-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.add-daytype-inline-btn {
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #2196F3;
  color: #2196F3;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: 0.2s ease;
}

.add-daytype-inline-btn:hover {
  background: #2196F3;
  color: #fff;
}
/* Day Type Picker Panel */
.daytype-picker{
  background:#f9fafb;
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:10px;
  margin:8px 0 12px 25px;
  width:450px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* Search input */
.daytype-search{
  width:95%;
  padding:6px 8px;
  border:1px solid #cbd5e1;
  border-radius:6px;
  margin-bottom:6px;
  font-size:13px;
}

/* List container */
.daytype-picker-list{
  max-height:160px;
  overflow-y:auto;
  border:1px solid #e5e7eb;
  border-radius:6px;
  background:#fff;
}

/* Each daytype row */
.daytype-row{
  display:flex;
  align-items:center;
  padding:6px 8px;
  font-size:13px;
  cursor:pointer;
  border-bottom:1px solid #f1f5f9;
}

.daytype-row:last-child{
  border-bottom:none;
}

.daytype-row:hover{
  background:#eef2ff;
}

/* Checkbox */
.daytype-row input{
  margin-right:8px;
}

/* Attach button */
.attach-daytypes-btn{
  margin-top:8px;
  width:100%;
  padding:7px 0;
  border:none;
  border-radius:6px;
  background:#4f46e5;
  color:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}

.attach-daytypes-btn:hover{
  background:#4338ca;
}
.daytype-row-disabled{
  opacity:0.5;
  pointer-events:none;
  background:#f3f4f6;
}
.daytype-picker {
  position: relative;
  padding-top: 25px;
}

.daytype-picker-close {
  position: absolute;
  top: 5px;
  right: 8px;
  font-size: 18px;
  cursor: pointer;
  color: #888;
}

.daytype-picker-close:hover {
  color: #e74c3c;
}
#NewDayTypeCtr {
  width: 420px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
  padding: 20px;
  font-family: 'Segoe UI', sans-serif;
  /* max-width: 440px;
  width: 100%; */
}

#NewDayTypeCtr_frmTitle {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #2c3e50;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.daytype-form-card {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.daytype-form-card input,
.daytype-form-card select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    transition: .2s;
}

.daytype-form-card input:focus,
.daytype-form-card select:focus {
    border-color: #4f7cff;
    outline: none;
}
.dt-interval-row {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 8px;
}


.deleteIntervalButton {
  background: #ffeaea;
  color: #e74c3c;
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}

.deleteIntervalButton:hover {
  background: #ffcccc;
}
#addNewIntervalButton {
  background: #f3f6ff;
  color: #4f7cff;
  border: 1px dashed #4f7cff;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
}

#addNewIntervalButton:hover {
  background: #e8eeff;
}
#saveExceptionButton {
  background: #4f7cff;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-weight: 600;
}

#cancelExceptionButton {
  background: #f2f2f2;
  border: none;
  border-radius: 8px;
  padding: 10px;
}
.daytype-form-card .lbldiv {
  display: grid !important;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  align-items: center;
}

.interval input[type="time"] {
  min-width: 0;
  width: 100%;
}
.interval-section-title {
  font-size: 13px;
  font-weight: 600;
  color: #666;
  margin-top: 10px;
}
.dt-form-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:10px;
  align-items:center;
}

.dt-form-row input,
.dt-form-row select{
  width:90%;
  padding:10px;
  border-radius:8px;
  border:1px solid #ddd;
}

.dt-intervals{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.dt-interval-row,
.interval {
    width: 100%;
    min-width: 0;
}

.dt-interval-row input[type="time"],
.interval input[type="time"] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.dt-del-btn{
  background:#ffecec;
  border:none;
  border-radius:6px;
  cursor:pointer;
  padding:6px 10px;
}
.dt-interval-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  font-weight:600;
  color:#666;
  margin-top:6px;
}

.dt-add-interval-inline{
  background:#eef3ff;
  border:none;
  border-radius:6px;
  padding:4px 10px;
  font-size:12px;
  cursor:pointer;
  color:#4f7cff;
}

.dt-add-interval-inline:hover{
  background:#dfe7ff;
}



.presence-rules-header{
  display:flex;
  align-items:center;
  gap:12px;                     /* space between title and button */
  padding:10px 14px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
  margin-bottom:14px;
  width:fit-content;           /* 🔥 stops stretching to full width */
}

.presence-rules-title{
  font-size:20px;
  font-weight:600;
  color:#222;
}

.presence-add-btn{
  background:#4f8cff;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:4px 10px;          /* smaller padding */
  font-size:12px;           /* smaller text */
  font-weight:500;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:4px;
  height:26px;              /* compact height */
}

.presence-add-btn .plus{
  font-size:14px;
  font-weight:600;
}
.presence-add-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(79,140,255,.4);
}
#Add_CompanyBranch_Container {
  width: 420px;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  font-family: "Segoe UI", sans-serif;
}

#Add_CompanyBranch_Title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #2c3e50;
}

/* -------- Branch Input -------- */
#CompanyBranchesDiv label {
  font-size: 13px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
  display: block;
}

#CompanyBranchesDiv input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

#CompanyBranchesDiv input:focus {
  border-color: #3498db;
  outline: none;
}

/* -------- Servers Section -------- */
.section-title {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin: 14px 0 6px;
}

#branch-server-input {
  width: calc(100% - 90px);
  margin-right: 6px;
}

#add-server-btn {
  padding: 8px 10px;
  background: #3498db;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}

#add-server-btn:hover {
  background: #2980b9;
}

/* -------- Server Rows -------- */
#branch-servers-wrapper {
  margin-top: 8px;
}

.server-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  background: #f4f6f8;
  border-radius: 6px;
  margin-bottom: 6px;
  font-size: 13px;
}

.remove-server-btn {
  color: #e74c3c;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}

.remove-server-btn:hover {
  color: #c0392b;
}

/* -------- Save / Cancel -------- */
#saveButton {
  background: #2ecc71;
  border-radius: 6px;
}

#cancelButton {
  background: #bdc3c7;
  border-radius: 6px;
}
/* Branch container */
.group-container {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

/* Header */
/* .expand-btn {
  width: 100%;
  background: linear-gradient(90deg,#f9fafb,#f1f5f9);
  border: none;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
} */
.expand-btn {
margin-bottom: 10px;
padding: 8px 15px;
color: black;
display: flex;
align-items: center;
border: none;
background-color: transparent;
cursor: pointer;
justify-content: space-between;
}
.toggle-icon {
  font-size: 14px;
  color: #64748b;
  margin-right: 8px;
}

/* Name + actions wrapper */
.presence-rule-name-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

/* Editable branch name */
.editable-branch-name {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  padding: 4px 6px;
  border-radius: 6px;
}
.editable-branch-name:focus {
  outline: none;
  background: #fff;
  border: 1px solid #3b82f6;
}

/* + Server button */
.add-daytype-inline-btn {
  background: #e0f2fe;
  color: #0284c7;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 20px;
  cursor: pointer;
  white-space: nowrap;
}

/* Delete icon */
.group-container .delete-icon {
  margin-left: auto;
  opacity: 0.5;
}
.group-container:hover .delete-icon {
  opacity: 1;
}

/* Section containers */
.users-list-container {
  padding: 10px 16px 14px 16px;
  border-top: 1px solid #f1f5f9;
}

/* Server & Group items */
.server-item,
.group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8fafc;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 13px;
}

/* Name text */
.server-name,
.group-name-text {
  font-weight: 500;
  color: #334155;
}

/* Status badge */
.server-status-badge {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 20px;
  background: #dcfce7;
  color: #15803d;
}

/* Empty message */
.no-users-message {
  font-size: 13px;
  color: #94a3b8;
  padding: 6px;
}

/* + Group button */
.add-group-inline-btn {
  background: #fef3c7;
  color: #b45309;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 20px;
  cursor: pointer;
  white-space: nowrap;
}

/* Group items */
.group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fefce8;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 13px;
}

.group-name-text {
  font-weight: 500;
  color: #78350f;
}
/* --- Branch Card --- */
.branch-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 12px 0;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  overflow: hidden;
  width: 800px;
}

/* --- Branch Header --- */
.branch-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

.branch-name.editable-branch-name {
  font-weight: bold;
  font-size: 14px;
  flex-grow: 1;
  outline: none;
  cursor: text;
}

/* --- Delete Button --- */
.branch-card-header .delete-icon {
  margin-left: 8px;
  cursor: pointer;
  color: #d9534f;
  font-size: 14px;
}

/* --- Section (Servers / Groups) --- */
.branch-section {
  border-top: 1px solid #eee;
  padding: 6px 12px;
  margin: 0;
  background-color: #fafafa;
}

/* --- Section Header --- */
.branch-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 0;
  font-size: 13px;
  color: #333;
}

/* Toggle arrow */
.branch-section-header .toggle-icon {
  font-weight: bold;
  margin-left: 8px;
  user-select: none;
}

/* --- Section Actions (Buttons above content) --- */
.branch-section-actions {
  margin: 6px 0;
}

.branch-btn {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 4px 10px;
  border-radius: 4px;
  margin-right: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s;
}

.branch-btn:hover {
  background-color: #0056b3;
}

/* --- Section Content --- */
.branch-section-content {
  padding: 6px 0;
  max-height: 1000px;
  overflow: hidden;
}

/* --- No users/groups message --- */
.no-users-message {
  color: #888;
  font-size: 12px;
  padding: 6px 0;
}

/* --- Group / Server Row --- */
.group-item, .server-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}

.group-name-text, .server-name-text {
  flex-grow: 1;
}

/* Delete icon for group/server */
.delete-icon-small {
  margin-left: 8px;
  cursor: pointer;
  color: #d9534f;
}

/* --- Responsive / Hover --- */
.branch-card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

.branch-section-header:hover {
  color: #007bff;
}
.branch-section-header{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;   /* 🔥 THIS is what you were missing */
}

.branch-btn{
  order: 1;                      /* +Server / +Group always first */
}

.branch-section-header span.toggle-icon{
  margin-left: auto;            /* Arrow always at the far right */
  order: 3;
}

.branch-section-header::before{
  content: attr(data-title);
  order: 2;
  font-weight: 600;
}
.company-users-narrow {
  /* max-width: 800px; */
}

.company-emp-item {
  display: flex;
  align-items: center;
}

.emp-main {
  font-weight: 500;
}

.emp-branch-mid {
  margin-left: 12px;
  padding: 2px 8px;
  background: #f0f2f5;
  border-radius: 10px;
  font-size: 12px;
  color: #444;
}
.group-header {
  display: flex;           /* horizontal layout */
  align-items: center;     /* vertically center the icon and name */
  gap: 5px;                /* optional spacing between icon and name */
  cursor: pointer;         /* shows pointer on hover */
}
.toggle-icon {
  font-size: 16px;         /* optional */
}
.group-name {
  /* font-weight: bold; */
}
/* --- Team Card --- */
.team-card {
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* --- Team Header --- */
.team-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #e6f0ff;
  cursor: pointer;
  gap: 10px;
}

/* --- Toggle Icon --- */
.team-toggle-btn {
  font-size: 14px;
}

/* --- Team Name --- */
.team-name {
  font-weight: bold;
  flex-grow: 1; /* takes available space */
  font-size: 14px;
}

/* --- Edit/Delete icons --- */
.team-manag {
  display: flex;
  gap: 5px;
}

/* Optional: Hover effect for header */
.team-header:hover {
  background-color: #d0e4ff;
}

/* --- Groups container --- */
.team-groups {
  display: block;
  padding-left: 15px; /* indent groups under team */
}
.users-list-container .employee-item {
  display: grid;
  grid-template-columns: 12px /* bullet */ minmax(250px, 1fr) /* name */ 24px /* star */ auto /* presence button */ 28px;
  align-items: center;
  column-gap: 10px;
  padding: 6px 10px;
}
.ul-menu-co-dropdown > li {
  position: relative;
}

.ul-menu-co-dropdown li.li-menu-item-co {
  padding: 10px 14px;
  cursor: pointer;
  user-select: none;
}

.ul-menu-co-dropdown li.li-menu-item-co:hover {
  background: #f1f3f4;
}

.ul-menu-co-dropdown li.li-menu-item-co.menu-active {
  border-radius: 0 10px 10px 0;
  background: #f1f3f4;
}
/* Section label */
.label-text {
  font-size: 14px;
  font-weight: 600;
  margin: 12px 0 8px;
  color: #444;
}

/* Container */
.team-groups-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 260px;
  overflow-y: auto;
  padding-right: 4px;
}

/* Row card */
.group-checkbox-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8f9fb;
  border: 1px solid #e6e8ee;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.group-checkbox-row:hover {
  background: #f1f4ff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Checkbox label */
.checkbox-label-modern {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* Hide default checkbox */
.group-checkbox {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid #b8c0ff;
  position: relative;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
}

.group-checkbox:checked {
  background: #5b6cff;
  border-color: #5b6cff;
}

.group-checkbox:checked::after {
  content: "✓";
  color: #fff;
  font-size: 13px;
  position: absolute;
  left: 3px;
  top: -1px;
}



/* Team badge */
.group-team-badge {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e7ecff;
  color: #4453ff;
  font-weight: 500;
  white-space: nowrap;
}
/* Add Team title container */
.add-team-title-wrap {
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e6e8ee;
}

/* Main title */
.add-team-title {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: -0.3px;
}

/* Subtitle */
.add-team-subtitle {
  margin-top: 4px;
  font-size: 13px;
  color: #6b7280;
}
/* Generic form field */
.form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

/* Modern select */
.form-select {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background-color: #fff;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

.form-select:focus {
  outline: none;
  border-color: #5b6cff;
  box-shadow: 0 0 0 3px rgba(91,108,255,0.15);
}
.company-org-menu-title {
  /* font-weight: 600;
  font-size: 13px;
  padding: 10px 14px;
  color: #444;
  cursor: default;
  background: transparent;
  pointer-events: none;
  border-bottom: 1px solid #e5e5e5; */
  font-size: 18px;
  font-weight: 600;
  padding: 16px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

/* Safety: make sure hover styles do NOT apply */
.ul-menu-co-dropdown li.company-org-menu-title:hover {
  background: transparent;
}
 
.users-list-container {
  --emp-grid:
  12px        /* bullet */
  350px         /* name */
  100px       /* branch (FIXED) */
  24px        /* star */
  300px       /* presence rule */
  160px         /* hours */
  28px
}


.users-list-container .company-emp-item,
.users-list-container .company-emp-header {
  display: grid;
  grid-template-columns: var(--emp-grid);
  align-items: center;
  column-gap: 10px;
  padding: 6px 10px;
}
.emp-branch-container.empty {
  visibility: hidden; /* keeps grid alignment */
}




.ul-menu-co-dropdown{
  padding: 0px 0px 10px;
  font-size: 14px;
  top: 42px;
  list-style-type:none;
  overflow-y: auto;
  /* padding-top: 30px; */

}.addGroup-subdiv {
    float: left;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
}

.group-manag {
    display: flex;
    gap: 10px;
    /* Spacing between the edit and delete icons */
    position: absolute;
    /* Ensures it stays fixed to the right */
    right: 10px;
    /* Adjust as needed for padding from the right edge */

}

.edit-btn,
.delete-btn {
    margin-left: 10px;
    /* Adds spacing between buttons */
}

.button-container {
    margin-top: 20px;
    /* Add space between title and button */
    display: flex;
    /* Optional: Use flexbox for button layout */
    justify-content: flex-start;
    /* Align buttons to the start */
}

.aa-divlabelinput {
    display: inline-grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 40px;
}

.aa-label {
    margin: auto;
    margin-left: 0;
    height: fit-content;
}

/* .div-cont-save {
    margin-left: 180px;
     padding:0px;
} */
#Header {
    display: flex;
    padding: 0px;
    flex-direction: row;
    align-items: center;


}

.listOfUsersTitle {
    height: 35px;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: lightgray;
    width: 810px;

}

.toggle-icon {
    margin-right: 20px;
}

/* Tooltip styling */
.tooltip {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    /* Prevent wrapping of text */
    bottom: 20px;
    /* Position the tooltip below the star */
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s;
    max-width: fit-content;
    /* Optional: add a maximum width */
    text-overflow: ellipsis;
    /* Adds ellipsis if text overflows */
    /* overflow: hidden; /* Hide overflowed content */
}

.star {
    position: relative;
    /* Ensure the tooltip is positioned relative to the star */
}

.star:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.group-container {
    background-color: #f5f5f5;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    width: 850px;
    align-items: center;
    border: 1px solid #ccc;
    /* Optional: Styling for the group container */
    position: relative;
}

.expand-btn {
    margin-bottom: 10px;
    padding: 8px 15px;
    color: black;
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    justify-content: space-between;
}

.group-name {
    white-space: nowrap;
    /* Prevents the name from wrapping to the next line */
    overflow: hidden;
    /* Ensures long names are truncated */
    text-overflow: ellipsis;
    /* Adds ellipsis for truncated text */
    flex-grow: 1;
    /* Allows the name to take available space */
    font-size: 14px;
    font-weight: 600;
}

.users-list-container {
    margin-left: 50px
}


.users-list-container .company-emp-header {
    border-bottom: 1px solid #e0e0e0;
    font-size: 11px;
    color: #777;
    text-transform: uppercase;
}



.users-list-container .user-item {
    display: grid;
    grid-template-columns:
      12px                /* bullet */
     auto      /* 2 name */
      auto                  /* Branch Name */
      24px                /* star */
      300px                /* presence rule */
      auto
      28px;               /* delete icon */
    align-items: center;
    column-gap: 10px;
    padding: 6px 10px;
}
.user-item .bullet {
    text-align: center;
}
.user-item label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-item .star {
    position: relative;
    cursor: pointer;
    font-size: 15px;
}

.user-item .star:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.user-item .tooltip {
    position: absolute;
    top: 20px;
    left: -40px;
    background: #222;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
    z-index: 50;
}
.user-item .add-user-btn {
    padding: 6px 14px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    border: none;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}

.user-item .add-user-btn:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    transform: scale(1.04);
}
.user-item .material-icons {
    justify-self: end;
    cursor: pointer;
    color: #999;
    transition: 0.2s;
}

.user-item .material-icons:hover {
    color: #ef4444;
}

/* Presence Rule Table Styling */
.rule-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.rule-table th, .rule-table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.rule-table th {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
}

.rule-table td {
    font-size: 14px;
    color: #555;
}

.rule-row:hover {
    background-color: #f1f1f1;
}

/* Edit and Delete Icons Styling */
.rule-table td i {
    cursor: pointer;
    padding: 5px;
    margin: 0 5px;
}

.rule-table td i:hover {
    background-color: #f1f1f1;
    border-radius: 4px;
}



/* Styling for actions section in the table */
.rule-table td:last-child {
    text-align: center;
}

.presencerulediv {
    display: grid;
    padding-top: 10px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
}
.users-list-container .daytype-item {
    display: grid;
    grid-template-columns: 
        12px        /* bullet */
        minmax(250px, 1fr)  /* name */
        300px        /* presence button */
        28px;       /* delete icon */
    align-items: center;
    column-gap: 10px;
    padding: 6px 10px;
}

.employee-icon {
    font-size: 16px;
    margin-left: 6px;
    vertical-align: middle;
    color: #5c6bc0; /* subtle professional blue */
    cursor: default;

}
.group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.group-header-left {
    display: grid;
    grid-template-columns:
        20px        /* toggle */
        220px       /* group name */
        180px       /* team name */
        180px;      /* branch name */
    align-items: center;
    column-gap: 8px;
}

/* Prevent text from breaking layout */
.group-name,
.team-name,
.branch-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Optional visual consistency */
.team-name,
.branch-name {
    font-size: 14px;
    color: #666;
}

.branch-name {
    font-style: italic;
    color: #777;
}
.billing-list-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    width: 100%;
    max-height: calc(100vh - 220px);
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
    overflow-y: scroll;
}

.billing-item-table {
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
}

.billing-item-table thead {
    position: sticky;
    top: 0;
}



.billing-item-table tr {
    border-bottom: 1px solid rgb(233, 233, 233);
    background: white;
}

.billing-item-table tr td,
th {
    padding: 5px;
}
/* =====================================================
   Billing table – percentage based fixed layout
   ===================================================== */
   .billing-item-table {
    width: 100%;
    table-layout: fixed;   /* REQUIRED for percentage widths */
    border-collapse: collapse;
}

/* -----------------------------------------------------
   Small numeric / ID columns
   (1, 2, 5, 6)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(1),
.billing-item-table td:nth-child(1),
.billing-item-table th:nth-child(2),
.billing-item-table td:nth-child(2),
.billing-item-table td:nth-child(6),
.billing-item-table th:nth-child(7),
.billing-item-table td:nth-child(7) {
    width: 5%;
    white-space: nowrap;
}

/* -----------------------------------------------------
   Job Name (3)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(3),
.billing-item-table td:nth-child(3) {
    width: 15%;
    /* white-space; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}

/* -----------------------------------------------------
   Element (4)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(4),
.billing-item-table td:nth-child(4) {
    width: 15%;
    white-space: normal;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}
.billing-item-table th:nth-child(5),
.billing-item-table td:nth-child(5) {
    width: 15%;
    white-space: normal;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}
.billing-item-table th:nth-child(6),
.billing-item-table td:nth-child(6) {
    width: 10%;
    /* white-space; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}
/* -----------------------------------------------------
   Small status / qty columns (7, 8)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(8),
.billing-item-table td:nth-child(8) {
    width: 14%;
    white-space: nowrap;
}


.billing-item-table th:nth-child(9),
.billing-item-table td:nth-child(9) {
    width: 7%;
    white-space: nowrap;
}

/* -----------------------------------------------------
   Date / medium column (9)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(10),
.billing-item-table td:nth-child(10) {
    width: 15%;
    white-space: nowrap;
}

/* -----------------------------------------------------
   Description (10)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(11),
.billing-item-table td:nth-child(11) {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -----------------------------------------------------
   Amount / total columns (11, 12)
   ----------------------------------------------------- */
.billing-item-table th:nth-child(12),
.billing-item-table td:nth-child(12),
.billing-item-table th:nth-child(13),
.billing-item-table td:nth-child(13) {
    width: 9%;
    white-space: nowrap;
}

.disabled-row {
    background-color: #f0f0f0;
    color: #aaa;
    pointer-events: none;
    /* Disables all events on this row */
}

/* .billing-item-table th:nth-child(10),
.billing-item-table td:nth-child(10),
.billing-item-table th:nth-child(11),
.billing-item-table td:nth-child(11) {
    width: 4ch;

    white-space: nowrap;
    min-width: 4ch;

} */

/* .billing-item-table tr:hover {
    background: rgb(217, 235, 252);
} */

/* tr:nth-child(2n) {
    background-color: rgb(249, 249, 249);
} */


.billing-item-table th {
    padding: 2px 5px;
    background: rgb(242, 242, 242);
    box-sizing: border-box;
    top: 0px;
    text-align: left;
    font-size: 12px;
}

/* 
.billing-list-div td {
    padding: 5px;
    box-sizing: border-box;
}

.billing-list-div th:nth-child(1) {
    left: 0px;
    z-index: 4;
    background: rgb(242, 242, 242);
}

.billing-list-div th:nth-child(2) {
    background: rgb(242, 242, 242);
}

.billing-list-div th:nth-child(3) {
    background: rgb(242, 242, 242);
}

.billing-list-div th:nth-child(4) {
    background: rgb(242, 242, 242);
    border-right: 1px solid rgba(124, 123, 123, 0.24);
    padding-right: 10px;
}

.billing-list-div td:nth-child(1) {
    background: inherit;
}

.billing-list-div td:nth-child(2) {
    background: inherit;
}

.billing-list-div td:nth-child(3) {
    background: inherit;
}

.billing-div td:nth-child(4) {
    background: inherit;
    padding-right: 10px;
} */

.billing-filter-ctr {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    padding: 0px 8px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.billing-a-area {
    right: 0px;
    background-color: white;
    padding: unset;
    margin-top: unset;
}

.billing-totals-table {
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
}

.billing-totals-table th {
    padding: 2px 5px;
    background: rgb(242, 242, 242);
    box-sizing: border-box;
    top: 0px;
    text-align: left;
    font-size: 12px;
}

.billing-totals-table td {
    padding: 2px 5px;
}

.wr-list-div {
    border-radius: 5px;
    margin-top: 10px;
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    width: 100%;
    max-height: calc(100vh - 220px);
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
    overflow-y: scroll;
}

.wr-item-table {
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
}

.wr-item-table thead {
    position: sticky;
    top: 0;
}



.wr-item-table tr {
    border-bottom: 1px solid rgb(233, 233, 233);
    background: white;
}

.wr-item-table tr td,
th {
    padding: 5px;
}

.wr-item-table th:nth-child(1),
.wr-item-table td:nth-child(1),
.wr-item-table th:nth-child(2),
.wr-item-table td:nth-child(2),
.wr-item-table th:nth-child(5),
.wr-item-table td:nth-child(5),
.wr-item-table td:nth-child(6) {
    width: 200px;
    /* Allow width to be determined by content */
    min-width: 200px;
    /* Keeps a minimum size */
}

.wr-item-table th {
    padding: 2px 5px;
    background: rgb(242, 242, 242);
    box-sizing: border-box;
    top: 0px;
    text-align: left;
    font-size: 12px;
}
.disabled-filter {
    pointer-events: none;
    opacity: 0.5;
  }.latestschedule-list-div {
    border-radius: 5px;
    margin-top: 25px;
    box-sizing: border-box;
    display: grid;
    grid-gap: 10px;
    width: 100%;
    white-space: nowrap;
    height: fit-content;
    border-bottom: 1px solid lightgray;
}

.latestschedule-item-table {
    white-space: nowrap;
    width: 100%;
    border-collapse: collapse;
}

.latestschedule-item-table td.fit {
    width: 0;
    min-width: fit-content;
}

.latestschedule-item-table tr {
    border-bottom: 1px solid #e9e9e9;
    background: white;
    padding: 5px 0px;
}



.latestschedule-item-table tr td,
th {
    padding: 5px;
}

.latestschedule-item-table tr:hover {
    background: #d9ebfc;

}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

.ls-item-td {
    font-size: 12px;
}

.latestschedule-list-div th {
    padding: 2px 5px;
    background: #f2f2f2;
    box-sizing: border-box;
    top: 0px;
    text-align: left;
    font-size: 10px;
    position: sticky;
}

.latestschedule-list-div td {
    padding: 5px;
    box-sizing: border-box;
}



.latestschedule-filter-ctr {
    border: 1.5px solid lightgray;
    border-radius: 20px;
    padding: 0px 8px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    min-width: 80px;
    box-sizing: border-box;
}

.latestschedule-a-area {
    right: 0px;
    padding: 16px 20px;
    background-color: white;
    padding: unset;
    margin-top: unset;
}


.wf-elt-acts-ctr::-webkit-scrollbar {

    height: 3.5px;
}

.wf-elt-acts-ctr::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
}

.wf-elt-acts-ctr::-webkit-scrollbar-thumb {
    background: rgb(214, 205, 205);
    border-radius: 10px;
    background-clip: content-box;
}

.latestschedule-item-table th:first-child,
.latestschedule-item-table td:first-child {
    width: 5ch;
    /* Set the width to fit 5 characters */
    min-width: 5ch;
    /* Ensure the minimum width is 5 characters */
}

.latestschedule-item-table th:nth-child(2),
.latestschedule-item-table td:nth-child(2) {
    width: 5ch;
    /* Allow the width to be determined by content */
    min-width: 5ch;
    /* Set a minimum width for the cells */
}

.latestschedule-item-table th:nth-child(3),
.latestschedule-item-table td:nth-child(3) {
    width: 5ch;
    /* Allow the width to be determined by content */
    min-width: 4ch;
    /* Set a minimum width for the cells */
}

.latestschedule-item-table th:nth-child(4),
.latestschedule-item-table td:nth-child(4) {
    width: 2ch;
    /* Allow the width to be determined by content */
    min-width: 2ch;
    /* Set a minimum width for the cells */
}

/*Package name*/
.latestschedule-item-table th:nth-child(5),
.latestschedule-item-table td:nth-child(5) {
    width: 100ch;
    /* Allow the width to be determined by content */
    /* min-width: 50px; */
    /* Set a minimum width for the cells */
}

/*Element*/
.latestschedule-item-table th:nth-child(6),
.latestschedule-item-table td:nth-child(6) {
    width: 10ch;
    /* Allow the width to be determined by content */
    min-width: 10ch;
    /* Set a minimum width for the cells */
}

/*Est Nbr of dwgs*/
.latestschedule-item-table th:nth-child(7),
.latestschedule-item-table td:nth-child(7) {
    width: 3ch;
    /* Allow the width to be determined by content */
    min-width: 3ch;
    /* Set a minimum width for the cells */
}

/*Planned date*/
.latestschedule-item-table th:nth-child(8),
.latestschedule-item-table td:nth-child(8) {
     width: 5ch; 
    /* Allow the width to be determined by content */
   min-width: 5ch;
    /* Set a minimum width for the cells */
}

/*Submission date*/
.latestschedule-item-table th:nth-child(9),
.latestschedule-item-table td:nth-child(9) {
    width: 20ch;
    /* Allow the width to be determined by content */
    min-width: 20ch;
    /* Set a minimum width for the cells */
}

/*FTAs*/
.latestschedule-item-table th:nth-child(10),
.latestschedule-item-table td:nth-child(10) {
    /* width: auto; */
    /* Allow the width to be determined by content */
    /* min-width: 700px; */
    /* Set a minimum width for the cells */
}

body {
    font-family: Arial, sans-serif;
}

.items-panel {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.item {
    list-style: none;
    width: 150px;
    color: #1A1A1A;
    background-color: #D5DDF6;
    border: 1px solid #97B0F8;
    border-radius: 2px;
    margin-bottom: 5px;
    padding: 5px 12px;
    cursor: move;
}

.InProgressJob {
    background-color: #f4bbff;
}

.DoneJob {
    background-color: rgb(0, 153, 255);
}

.ReadyJob {
    background-color: #faebd7;
}

.NotReadyJob {
    background: #8080805c;
}

.DroppedJob {
    background-color: #f43955;
}

.PausedJob {
    background-color: yellow;
}

.deadline-tooltip {
    font-size: 12px;
    pointer-events: none;
    /* Makes it unclickable */
    z-index: 1000;
}

.switchbutton-ctr {
    display: inline-flex;
    /* Ensures the button and label are aligned */
    align-items: center;
    /* Centers content vertically */
    justify-content: center;
    /* Centers content horizontally */
    padding: 8px 16px;
    /* Adds some padding around the content */
    border-radius: 8px;
    /* Rounds the corners */
    background-color: #f0f0f0;
    /* Light background for the container */
    cursor: pointer;
    /* Makes the cursor a pointer to indicate clickability */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Adds a subtle shadow */
    transition: background-color 0.3s, box-shadow 0.3s;
    /* Smooth hover transition */
}

.switchbutton-ctr:hover {
    background-color: #e0e0e0;
    /* Slightly darker background on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Enhanced shadow on hover */
}

.switchbutton-ctr.active {
    background-color: #4caf50;
    /* Green background for active state */
    color: #fff;
    /* White text for contrast */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    /* Stronger shadow for active */
}



.group-count {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 10px;
    font-size: 10px;
    z-index: 10;
}

.hidden-range {
    background-color: transparent;
    /* Make it invisible */
    pointer-events: none;
    /* Prevent interaction */
}


.red-star {
    color: red;
    /* Red color for the star */
    font-size: 16px;
    /* Adjust size if needed */
    margin-left: 5px;
    /* Add space between the text and the star */
}

.item-tr.highlighted-row {
    background-color: rgb(247 238 239);
    /* Highlight color */
    transition: background-color 0.1s ease;
    /* Smooth transition */
}

.graphs-container {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 10px;
    background: #fafafa;
}

.graphs-toggle-header {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #f0f0f0;
    border-radius: 6px;
    padding: 4px 6px;
    width: fit-content;
    transition: background 0.2s;
}

.graphs-toggle-header:hover {
    background-color: #e8e8e8;
}

.graphs-filter {
    margin-top: 8px;
    padding-left: 4px;
}
/* .popup-container {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
} */


/* Table title */
.ls-stat-title {
    font-size: 13px;
    font-weight: 700;
    color: #444;
    text-transform: none;  /* use the HTML text as-is */
    letter-spacing: 0.6px;
}

/* Compact modern table */
.ls-stat-table {
    width: auto;
    min-width: 240px;
    max-width: 300px;
    background: #ffffff;
    border-radius: 10px;
    border-collapse: collapse;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* Make both tables equal height */
.ls-stat-box {
    height: 100%;
}

/* Header */
.ls-stat-table thead {
    background: #f5f5f5;
}

.ls-stat-table th {
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #555;
    text-align: center;
    white-space: nowrap;
    text-transform: none;  /* use the HTML text as-is */
}

/* Cells */
.ls-stat-table td {
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #333;
    border-top: 1px solid #eee;
    white-space: nowrap;
}
.ls-stat-table tbody tr:hover td {
    background: #fafafa;
}
.ls-stat-wrapper-single {
    width: auto;
    max-width: 650px;   /* adjust to fit your page */
    margin: 0 auto;
}

.ls-stat-table th, .stat-table td {
    padding: 8px 10px;
    text-align: center;
    font-size: 13px;
}

.ls-stat-table th:first-child,
.ls-stat-table td:first-child {
    text-align: left;      /* Type column aligned left */
    font-weight: 600;
}
#ls-header-layout {
    display: flex;
    align-items: flex-start;   /* top align */
    gap: 20px;
  
    width: 100%;
    max-width: 1600px;
    /* margin-inline: auto; */
  }
  
  #ls-left-col {
    flex: 1 1 auto;   /* flexible column */
    min-width: 0;     /* VERY IMPORTANT */
  }
  
  #ls-right-col {
    flex: 0 0 300px;  /* fixed width, no shrink */
  }
  @media (max-width: 900px) {
    #ls-header-layout {
      flex-direction: column;
    }
  
    #ls-right-col {
      width: 100%;
    }
  }
/* ------------------------------
   FIX Flatpickr grid alignment
   ------------------------------ */
.vis-timeline {
    font-size: 10px;
    /* Set the desired font size */
    color: black;
    height: 500px !important;
    max-height: unset !important;
}
/* make Scroll in left panel on the right */
.vis-left.vis-panel.vis-vertical-scroll {
    direction: ltr !important;
}

/* removes columns from center panel */
.vis-time-axis .vis-grid.vis-vertical {
    display: none !important;
}
.timeline-hover-highlight .vis-item-content {
    text-align: right;
    /* Align the content to the right */
    padding-right: 10px;
    /* Add padding for better visibility */
    white-space: nowrap;
    /* Ensure the text doesn't wrap */
}

.graphs-header {
    padding: 6px 0;
}

.graphs-tabs-inline {
    gap: 8px;
}

.graph-tab {
    padding: 5px 10px;
    background: #f1f1f1;
    border-radius: 14px;
    font-size: 11px;
    white-space: nowrap;
    transition: 0.2s;
}

.graph-tab:hover {
    background: #e0e0e0;
}

.graph-tab.active {
    background: #007bff;
    color: white;
    font-weight: 600;
}
.active-option {
    opacity: 1;
}

.inactive-option {
    opacity: 0.4;
}

.inactive-option:hover {
    opacity: 0.7;
}
.inactive-option {
    opacity: 0.4;
    filter: grayscale(100%);
}.layer-1{
    padding-left: 15px;
}

.layer-2{
    padding-left:25px;
}

.layer-3{
    padding-left:35px;
}

.layer-4{
    padding-left: 45px;
}

.layer-5{
    padding-left:55px;
}

.layer-6{
    padding-left:65px;
}

.lbl-foldname{
    color: #07c;
    font-weight: 550;
    cursor: pointer;
    margin: auto 0;
}
.left-grid{
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    padding-right: 10px;
    width: fit-content;
}

.lbldealname{
    font-weight: 570;
    font-size: 13px;
    color: #555555;
}
.lbldealname-finished{
    color: orangered;
}
.cf-inv-ctr{
    display: grid;
    grid-template-columns: 50px 50px  1fr 1fr  1fr 1fr  1fr 1fr  1fr 1fr;
 
}
 
.cf-ctr{ 
    font-size: 13px;
    padding-right: 30px;
    padding-top: 50px;
    box-sizing: border-box;
    color: #383838;
    overflow: auto;
    height: 100vh;
}
.main-cf-tabsbtn {
    border: none;
    border-radius: 10px;
    padding: 8px 15px;
    height: fit-content;
    font-size: 12px;
    cursor: pointer;
}
.main-cf-tabsbtn-selected{
    background: #151514;
    color: white;
}
.dealsctr{
    display: grid;
    grid-gap: 5px;
}

.cf-wrapper{
    display: grid;
    z-index: 1002;
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 40px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 0%);
    border: 1px solid lightgray;
    height: fit-content;
    width: fit-content;
    margin-left: auto;
    top: 50px;
}
 
.grid-inst{
    display: grid;
    grid-template-columns: 200px 80px auto;
    grid-gap: 8px;

}

.dp-select{
    border: 0.5px solid lightgray;
    border-radius: 6px;
    padding: 10px;
    outline: none;
    display: grid;
    grid-gap: 5px;
    box-sizing: border-box;
    width: 100%;
}

.dp-frm {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.dp-lbl{ 
        font-size: 12px;
        font-weight: 600;
        color: #383838;
        margin: auto 0;  
}

.dp-quest-ans-Ctr {
    padding: 10px;
    display: grid;
    background-color: #f8f8f8;
    padding-left: 5px;
}

.dp-subt{
    font-size: 14px;
        font-weight: 600;
        color: #383838;

        margin-bottom: 10px;
        text-decoration: underline;
}

.subcf_container{
    display: grid;
    grid-gap: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    grid-template-columns: auto 1fr auto;
}

.cf-content{
    display: grid;
    grid-template-columns: 550px 1fr;

}
.cf-addinv-ctr{
    display: grid;
    grid-template-columns: 220px 1fr;
}

.cf-new-inv {
    display: grid;
    grid-gap: 20px;
}

.InsSub-ctr{
    width: fit-content;
    /* margin-left: 60px; */
    display:grid;
    grid-gap: 15px;
    max-height: 200px;
    height: fit-content;
    overflow: auto;
padding-right: 10px;
}

.cf-invheader-div{
    border-bottom: 1px solid lightgray;
    padding: 5px 0px 5px 8px;
    font-size: 13px;
}

.unpinv-grid{
    display: grid;
    grid-template-columns: 100px 1fr 150px 180px 100px;
   border-bottom: 0.25px dotted lightgray;
    grid-gap: 10px;
     
    font-size: 13px;
} 
.unpaid-inv-deal{
    border: 0.5px solid lightgray;
    border-radius: 4px;
    padding: 15px;
}
.ctr-mh800{
    min-height: 800px;
    min-width: 800px;
}

.opt-sel-rp{
    margin-bottom: 10px;
} 

.summ-cst-deal{ 
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin: auto; 
    color: #5f6368;
}

.cstrtabctr{
    border-bottom:1.5px solid lightgray;
}

.cst-div-filt{ 
 
    margin: auto;
    padding: 5px 40px;
    padding-top: 0px;
    display: grid;
    grid-gap: 10px;
}
.cstr-divgrid{
    display: grid; 
    width: fit-content;
    padding: 10px;
    grid-gap: 10px;
}
.dd-selected{
    background: #f3f3f6;
    border-bottom:1.5px solid #07c;
}

.inv-name {
    font-size: 13px;
    margin: auto;
}

.Myinvoices-ctr{
    display: grid;
    grid-gap: 25px;
    margin-top: 30px;
}
/* .btn-deal-inv{
    cursor: progress;
    border: navajowhite;
    border-radius: 15px; 
    padding: 5px 10px;
} */

.cf-Inv-ctr{
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
} 
.cf-invdate-span{
    display: none;
} 

.cf-InvSub-ctr{
    display:grid;
    /* grid-template-columns: 10px 80px 80px 1fr 180px 180px 160px 160px  120px 40px; */
    grid-template-columns: 30px 40px 40px 140px 140px 160px 160px 160px 160px 160px 120px 90px;
font-size: 11px;
/* color: #383838; */
}

.cf-InvoiceRef-First{
    margin-left: 0;
}

.cf-invdate-div{
    display: inline-block;
    width: fit-content;
    margin: auto;
}

.cf-status-invoice-div{
    display: grid;
    grid-template-columns: 1fr;
    max-height: 60px;
    margin: auto;
}

.cf-Balance-label{
    height: 20px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px;
}

.cf-Invoice-header-label{
    font-weight:bold;
    text-align: center;
    display: inline;
 }
 .cf-Transaction-header-label{ 
    font-weight:bold;
    margin: auto;
    text-align: center;
 }
 
.ins-lbl{
    width: 80px;
}
.dt-i-row{
    grid-column: 5/6         

}
.cf-invoicedate-label{
    grid-area:invoicedate-label;
    color:black;
    font-weight:400;
    font-size:12.5px;
    display: inline;
    justify-self: center;
  }

  .cf-invoiceamount-label{
    /* grid-area:invoiceamount-label; */
    /* color:black;
    font-weight:400; */
    font-size:12.5px;
    justify-self: center;
  
    margin: auto;
    text-align: center; 
    padding: 0px 10px
  }
  .cf-Myinvoices-area{
    background-color: white;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 10px;
    width: 100%;
    } 

.cf-invoiceStatus-label-paid{
    color: #00b300;
    width:40px;
    height:20px;
    font-weight: bold;
 }
 
 .cf-invoiceStatus-label-unpaid {
   color: #07c;
   font-weight: bold;
 }
 .cf-invoiceStatus-label-partial {
   color: #f0ad4e;
   font-weight: bold;
 }
 
 .cf-invoiceStatus-label-forec {
   color: gray;
   font-weight: bold;
 }
  
 .cf-pack-header-lbl {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

.reg-comp-save {
    /* margin-top: 20px; */
    margin: auto;
    margin-top: 20px;
    float: right;
}
.deal-cf-ctr{
    display: grid;
    grid-template-columns: 1fr 100px;
    width: 100%;
}
.rate-div-deal{
    margin: 20px 0px;
    margin-top: 0px;
    width: fit-content;
}
.canceled-div-deal{
    margin-bottom: 10px;
}
.notesinv-row {
       display: grid;
    grid-template-columns: 20px 150px 1fr 70px 150px 80px;
    box-sizing: border-box;
}
/* //deal */
   .cap-sele-div{
       margin-top: 15px;
       color: #383838;
       border: 1px solid lightgray;
       width: fit-content;
       padding: 10px 15px;
       font-size: 13px;
       border-radius: 8px;
       background-color: white;
   }/* Container for the capabilities table */
#capabilities-ctr {
    width: 100%;
    table-layout: fixed; /* Use fixed layout for consistent column widths */
    border-collapse: collapse; /* Collapse borders for a cleaner look */
    margin-top: 20px; /* Add spacing from the surrounding elements */
}
.capabilities-table{
    width:55%;
}

/* Header styles */
.capability-header {
    background-color: rgb(242, 242, 242);
    color: black;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

/* Data cell styles */
.capability-data {
    padding: 8px;
    text-align: left;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}

/* Row styles */
.capabilities-row {
    cursor: pointer;
}

/* No data row styles */
.capabilities-row.no-data {
    font-style: italic;
    color: gray;
}

/* Add Capability button container */
.AddCapabilitybtCtr {
    width: fit-content;
    background: #07c;
    color: white;
    float: left;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    margin-left: 355px;
    cursor: pointer;
}

.AddCapabilitybtCtr:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

/* Header section */
#UserCapHeader {
    display: flex; /* Use flexbox for layout */
    flex-direction: row; /* Stack children horizontally */
    padding: 10px; /* Optional: Add padding */
    align-items: center; /* Vertically align content */
}

/* Button container */
.button-container {
    margin-top: 20px; /* Add space between title and button */
    display: flex; /* Use flexbox for button layout */
    justify-content: flex-start; /* Align buttons to the start */
    gap: 10px; /* Add spacing between buttons */
}

/* Responsive design for smaller screens */
@media (max-width: 600px) {
    .capabilities-table th,
    .capabilities-table td {
        font-size: 14px; /* Larger font for better readability */
        padding: 6px; /* Adjust padding */
    }

    .AddCapabilitybtCtr {
        margin-left: 0; /* Remove margin for smaller screens */
        width: 100%; /* Full width for buttons */
        justify-content: center; /* Center align */
    }

    #UserCapHeader {
        flex-direction: column; /* Stack header elements vertically */
        text-align: center;
    }
}
/* Container for the MegaTasks table */
.mega-tasks-container {
    width: 100%;
    /* Full width container */
    padding: 20px;
    /* Space around container */
    background: #fafafa;
    /* Light background */
    border-radius: 8px;
    /* Rounded corners */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    /* Subtle shadow */
}

/* MegaTasks table styling */
.mega-tasks-table {
    width: 100%;
    /* Table width */


}

.mega-tasks-table thead {
    background-color: rgb(240, 240, 240);
    /* Header background */
    border-bottom: 2px solid #ccc;
    /* Border under header */
}

.mega-tasks-table th {
    padding: 10px;
    /* Padding for header cells */
    font-size: 12px;
    /* Header font size */
    text-align: left;
    /* Align header text to the left */
}

.mega-tasks-table tr {
    border-bottom: 1px solid #ddd;
    /* Row divider */
}

.mega-tasks-table td {
    padding: 8px 12px;
    /* Padding for table cells */
    font-size: 12px;
    /* Font size for cell text */
    text-align: left;
    /* Align text to the left */

}

/* Hover effect for rows */
.mega-tasks-table tr:hover {
    background-color: #f5f5f5;
    /* Light gray background */
}

/* No data row styles */
.mega-tasks-table td[colspan="6"] {
    text-align: center;
    font-style: italic;
    color: #666;
    /* Gray color for no data message */
}

/* Editable field styles */
.editable {
    cursor: pointer;
    /* Pointer cursor for editable fields */
}

/* Placeholder text styles for empty editable fields */
.editable:empty:before {
    content: '-';
    /* Placeholder content */
    color: #999;
    /* Light gray placeholder text */
}

/* Delete button styles */
.mega-task-delete-btn {
    background-color: transparent;
    /* Transparent background */
    border: none;
    /* No border */
    cursor: pointer;
    /* Pointer cursor for button */
    color: #e74c3c;
    /* Red color for delete icon */
    font-size: 16px;
    /* Icon size */
    padding: 0;
    /* No padding */
}

/* Add button container styles */
.add-mega-task-btn-container {
    display: flex;
    justify-content: flex-end;
    /* Align button to the right */
    margin: 10px 0;
    /* Add some margin above the button */
}

/* Add button styles */
.add-mega-task-btn {
    background: #07c;
    /* Blue background */
    color: white;
    /* White text */
    padding: 10px 15px;
    /* Padding for the button */
    border-radius: 6px;
    /* Rounded corners */
    border: none;
    /* No border */
    cursor: pointer;
    /* Pointer cursor for button */
    font-size: 14px;
    /* Button text size */
}

.add-mega-task-btn:hover {
    background: #005bb5;
    /* Darker blue on hover */
}

#MegaTasks-ctr {
    width: 100%;
    /* Make table full width or specify a fixed width */
    table-layout: fixed;
    /* Use fixed layout */
    border-collapse: collapse;
    /* Collapse borders for a cleaner look */
}

.AddMegaTaskBt-ctr {
    width: fit-content;
    background: #07c;
    color: white;
    float: left;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    margin-left: 1309px;
}

#MegaTaskPgHeader {
    display: flex;
    padding: 10px;
    margin-top: 20px;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    height: 65px;
}

.aa-divlabelinput {
    display: inline-grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 40px;
}

.aa-label {
    margin: auto;
    margin-left: 0;
    height: fit-content;
}

.labelselect-div {
    width: 150px;
    padding: 6px 15px;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    display: inline-flex;
    grid-gap: 20px;
    min-width: 290px;
    margin-left: 8px;
}

.close-section {
    text-align: left;
}

button.btn {
    padding: 8px 12px;
    font-size: 14px;
}


/* Styles for the checkbox input */
.element-checkbox {
    margin-right: 10px;
    /* Space between checkbox and label */
    cursor: pointer;
    /* Change cursor on hover */
}

/* Styles for the label */
.menuitem-lbl {
    font-size: 14px;
    /* Set font size */
    color: #333;
    /* Darker text color for better readability */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .checkbox-container {
        max-height: 300px;
        /* Reduce height on smaller screens */
    }
}



.EltType-Descriptions-div {
    padding-top: 20px;
    padding-bottom: 40px;
    
}

.EltypeCheckBoxCtr {
    display: grid;
    z-index: 20012;
    top: 307.02px;
    gap:10px

}
#eltypesDD_MT_E{
    overflow-x:hidden;
}
#eltypesDD_MT{
    overflow-x:hidden;
}
.EltypeCheckBoxCtrPopup {
    display: grid;
    z-index: 20012;
    top: 307.02px;
    gap:10px

}
#eltypeInput{
    color:black
}.add-ElType-subdiv {
    float: left;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
}
.Trade-manag{
    display: flex;
    gap: 10px; /* Spacing between the edit and delete icons */
    position: absolute; /* Ensures it stays fixed to the right */
    right: 10px; /* Adjust as needed for padding from the right edge */
 
}.edit-btn, .delete-btn {
    margin-left: 10px; /* Adds spacing between buttons */
}
.button-container {
    margin-top: 20px; /* Add space between title and button */
    display: flex; /* Optional: Use flexbox for button layout */
    justify-content: flex-start; /* Align buttons to the start */
}
.aa-divlabelinput {
    display: inline-grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 40px;
}
.aa-label {
    margin: auto;
    margin-left: 0;
    height: fit-content;
}
.toggle-icon{
    margin-right: 20px;
}
.Trade-container {
    background-color: #f5f5f5;
    margin: 10px 0; 
    width:1000px;
    margin-left:300px;
    padding:10px;
    border-radius: 5px; 
    align-items: center;
    border: 1px solid #ccc; /* Optional: Styling for the group container */
    position: relative;
    }
.expand-btn{
   margin-bottom: 10px;
   padding: 8px 15px;
   color: black;
   display: flex;
   align-items: center; 
   border: none;  
   background-color: transparent;  
   cursor: pointer;
   justify-content: space-between;  
}
.Trade-name{
    white-space: nowrap; /* Prevents the name from wrapping to the next line */
    overflow: hidden; /* Ensures long names are truncated */
    text-overflow: ellipsis; /* Adds ellipsis for truncated text */
    flex-grow: 1; /* Allows the name to take available space */
}
.eltype-list-container{
    margin-left:40px;
}
.table-scroll-wrapper {
    max-height: 300px; /* Set the maximum height for the scrollable area */
    overflow-y: auto; /* Add vertical scrolling */
    margin-top: 10px; /* Optional: spacing around the wrapper */
}
.eltype-table {
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    border:none;
}

.eltype-table-header {
    background-color: #f4f4f4;
    color: #333;
    font-weight: bold;
    font-size:12px;
    text-align: left;
    padding: 5px;


}

.eltype-table-row {
    text-align: left;
     font-size:12px;
}

.eltype-table-row:hover {
    background-color: #f8f8f8;
}

.name-cell {
    padding: 5px;
}

.actions-cell {
  width: 10%;
}
.eltypeheaderpage{
    margin-left:300px;
    margin-top:20px;
    margin-bottom:20px;
    color: #383838;
    font-size: 18px;
    font-weight: bold;
}

.no-eltypes-message {
    font-size: 12px;
    color: #666;
    padding: 10px;
    text-align: center;
    border: 1px dashed #ccc;
    margin-top: 10px;
}
.sb-list-div { border-radius: 5px; margin-top: 25px; box-sizing: border-box; display: grid; gap: 10px; width: 100%; white-space: nowrap; height: fit-content; border-bottom: 1px solid lightgray; }
.sb-item-table { white-space: nowrap; width: 100%; border-collapse: collapse; }
.sb-item-table td.fit { width: 0px; min-width: fit-content; }
.sb-item-table tr { border-bottom: 1px solid rgb(233, 233, 233); background: white; padding: 5px 0px; }
.sb-item-table tr td, th { padding: 5px; }
.sb-item-table tr:hover { background: rgb(217, 235, 252); }
.sb-list-div { width: 100%; overflow-x: auto; margin-top: 10px; }
.sb-item-table { width: 100%; border-collapse: collapse; font-family: "Segoe UI", sans-serif; font-size: 14px; color: rgb(51, 51, 51); table-layout: fixed; }
.sb-item-table th, .sb-item-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid rgb(221, 221, 221); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-item-table th { background-color: rgb(241, 241, 241); font-weight: 600; color: rgb(68, 68, 68); position: sticky; top: 0px; z-index: 2; text-align: center; }
.sb-item-table tr:nth-child(2n) { background-color: rgb(250, 250, 250); }
.sb-item-table tr:hover { background-color: rgb(245, 247, 250); }
.sb-item-table th:nth-child(1), .sb-item-table td:nth-child(1) { width: 3%; text-align: center; }
.sb-item-table th:nth-child(2), .sb-item-table td:nth-child(2) { width: 4%; text-align: center; }
.sb-item-table th:nth-child(3), .sb-item-table td:nth-child(3) { width: 3%; text-align: center; }
.sb-item-table th:nth-child(4), .sb-item-table td:nth-child(4) { width: 3%; text-align: center; }
.sb-item-table th:nth-child(5), .sb-item-table td:nth-child(5) { width: 25%; text-align: left; }
.sb-item-table th:nth-child(6), .sb-item-table td:nth-child(6) { width: 7%; text-align: left; }
.sb-item-table th:nth-child(7), .sb-item-table td:nth-child(7) { width: 3%; text-align: center; }
.sb-item-table th:nth-child(8), .sb-item-table td:nth-child(8) { width: 5%; text-align: center; }
.sb-item-table th:nth-child(9), .sb-item-table td:nth-child(9) { width: 7%; }
.sb-item-table th:nth-child(10), .sb-item-table td:nth-child(10) { width: 5%; text-align: center; }
.sb-item-table th:nth-child(11), .sb-item-table td:nth-child(11) { width: 6%; text-align: center; }
.sb-item-table th:nth-child(12), .sb-item-table td:nth-child(12) { width: 6%; text-align: center; }
.sb-item-table th:nth-child(13), .sb-item-table td:nth-child(13) { width: 6%; text-align: center; }
.sb-item-table th:nth-child(14), .sb-item-table td:nth-child(14) { width: 20%; }
.sb-graphs-container { border: 1px solid rgb(221, 221, 221); border-radius: 8px; padding: 8px 10px; background: rgb(250, 250, 250); }
.sb-graphs-toggle-header { display: flex; align-items: center; gap: 6px; background-color: rgb(240, 240, 240); border-radius: 6px; padding: 4px 6px; width: fit-content; transition: background 0.2s ease 0s; }
.sb-graphs-toggle-header:hover { background-color: rgb(232, 232, 232); }
.sb-graphs-filter { margin-top: 8px; padding-left: 4px; }
.stat-wrapper { display: flex; gap: 20px; align-items: stretch; }
.stat-box { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.stat-title { font-size: 13px; font-weight: 700; color: rgb(68, 68, 68); text-transform: none; letter-spacing: 0.6px; }
.stat-table { width: auto; min-width: 240px; max-width: 300px; background: rgb(255, 255, 255); border-radius: 10px; border-collapse: collapse; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; overflow: hidden; }
.stat-box { height: 100%; }
.stat-table thead { background: rgb(245, 245, 245); }
.stat-table th { padding: 6px 8px; font-size: 11px; font-weight: 600; color: rgb(85, 85, 85); text-align: center; white-space: nowrap; text-transform: none; }
.stat-table td { padding: 8px 10px; font-size: 13px; font-weight: 600; text-align: center; color: rgb(51, 51, 51); border-top: 1px solid rgb(238, 238, 238); white-space: nowrap; }
.stat-table tbody tr:hover td { background: rgb(250, 250, 250); }
.stat-wrapper-single { width: auto; max-width: 650px; margin: 0px auto; }
.stat-table th, .stat-table td { padding: 8px 10px; text-align: center; font-size: 13px; }
.stat-table th:first-child, .stat-table td:first-child { text-align: left; font-weight: 600; }
#sb-header-layout { display: flex; align-items: flex-start; gap: 20px; width: 100%; max-width: 1600px; }
#sb-left-col { flex: 1 1 auto; min-width: 0px; }
#sb-right-col { flex: 0 0 300px; }
@media (max-width: 900px) {
  #sb-header-layout { flex-direction: column; }
  #sb-right-col { width: 100%; }
}
.sb-edit-input { border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 2px 4px; font-size: 12px; max-width: 70px; }
.sb-edit-input:focus { outline: none; border-color: rgb(76, 175, 80); background-color: rgb(249, 255, 249); }
.sb-client-div { width: 100%; overflow-x: auto; margin-top: 10px; }
.sb-client-table { width: 100%; border-collapse: collapse; font-family: "Segoe UI", sans-serif; font-size: 14px; color: rgb(51, 51, 51); table-layout: fixed; white-space: nowrap; }
.sb-client-table th, .sb-client-table td { padding: 8px 10px; border-bottom: 1px solid rgb(221, 221, 221); overflow: hidden; text-overflow: ellipsis; }
.sb-client-table th { background-color: rgb(241, 241, 241); font-weight: 600; color: rgb(68, 68, 68); position: sticky; top: 0px; z-index: 2; text-align: center; }
.sb-client-table tr:nth-child(2n) { background-color: rgb(250, 250, 250); }
.sb-client-table tr:hover { background-color: rgb(217, 235, 252); }
.sb-client-table th:nth-child(1), .sb-client-table td:nth-child(1) { width: 6%; text-align: center; }
.sb-client-table th:nth-child(2), .sb-client-table td:nth-child(2) { width: 6%; text-align: center; }
.sb-client-table th:nth-child(3), .sb-client-table td:nth-child(3) { width: 5%; text-align: center; }
.sb-client-table th:nth-child(4), .sb-client-table td:nth-child(4) { width: 30%; text-align: center; }
.sb-client-table th:nth-child(5), .sb-client-table td:nth-child(5) { width: 12%; text-align: left; }
.sb-client-table th:nth-child(6), .sb-client-table td:nth-child(6) { width: 7%; text-align: center; font-weight: 600; }
.sb-client-table th:nth-child(7), .sb-client-table td:nth-child(7) { width: 17%; text-align: center; }
.sb-client-table th:nth-child(8), .sb-client-table td:nth-child(8) { width: 17%; text-align: center; }
.credentials-lbl { position: relative; left: 200px; font-size: 12px; }
.sb-graphs-container { border: 1px solid rgb(221, 221, 221); border-radius: 8px; padding: 8px 10px; background: rgb(250, 250, 250); }
.sb-graphs-toggle-header { display: flex; align-items: center; gap: 6px; background-color: rgb(240, 240, 240); border-radius: 6px; padding: 4px 6px; width: fit-content; transition: background 0.2s ease 0s; }
.sb-graphs-toggle-header:hover { background-color: rgb(232, 232, 232); }
.sb-graphs-filter { margin-top: 8px; padding-left: 4px; }
.sb-graphs-header { padding: 6px 0px; }
.sb-graphs-tabs-inline { gap: 8px; }
.sb-graph-tab { padding: 5px 10px; background: rgb(241, 241, 241); border-radius: 14px; font-size: 11px; white-space: nowrap; transition: all 0.2s ease 0s; }
.sb-graph-tab:hover { background: rgb(224, 224, 224); }
.sb-graph-tab.active { background: rgb(0, 123, 255); color: white; font-weight: 600; }
 .top-banner-content {
   color: black;
   /* position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%); */
   text-align: center;
   box-sizing: border-box;
   /* width: fit-content; */
   padding-top: 200px;
   padding-left: 20px;
   padding-right: 20px;
 }

 /* .topbanner-content-auth {
   padding: 10px;
 } */

 .topbanner-h {
   font-size: 35px;
   line-height: 1.1;
   font-weight: 600;
   margin: auto;
   text-align: center;
 }

 .topbanner-p {
   font-size: 18px;
   line-height: 1.56;
   display: block;
   text-align: center;
   margin-top: 30px;
 }

 .top-banner-area {
   /* width: 500px; */
   margin-left: auto;
   margin-right: auto;
 }

 @media(max-width:700px) {
   .top-banner-content {
     padding-top: 100px;

   }

   .top-banner-area {
     /* width: 412px; */
     margin-left: auto;
     margin-right: auto;

   }

 }.pnfound1-ctr {
    display: flex;
    justify-content: center;
    padding: 40px;
}

.pnf-nav-logo {
    height: 35px;
}

.logo-div {
    margin-bottom: 16px;
}

.error-page__ctra {
    max-width: 600px;
}

.h1-error-page__content {
    font-weight: 600;
}

.h3-error-page__content {
    font-weight: 500;
}

.p-error-page__content {
    color: #666;
}
.MyContacts-title-ctr {
    display: grid;
    margin-left: 0px;
    gap: 20px;
}

.Contacts-div {
    display: grid;
    gap: 20px;
    border-image: initial;
    padding: 40px 0;
    box-sizing: border-box;
}

.contact-lbl {
    font-size: 14px;
    margin: 0 0;
}

.to-cc-lbl {
    margin: 5px;
}

.contactstable-row {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 30px 30px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.contacts-list {
    box-sizing: border-box;
    width: 100%;
    display: grid;
}

.contact-div {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 2fr 30px 30px;
    font-size: 14px;
    padding: 5px 8px;
    border-radius: 5px;
}

.editcontact-div {
    display: grid;
    padding-left: 16px;
    width: fit-content;
    /* width: 500px; */
    z-index: 1;
    margin-top: 20px;
}

.title-ctr-cont {
    display: grid;
    margin-bottom: 20px;
    padding-top: 10px;
}


.to-cc-lbl {
    margin: 0px;
    font-size: 14px;
}

.mycont-title-ctr {
    display: inline-grid;
    margin-left: 0px;
    grid-template-columns: 180px 1fr 180px;
}

.addcontacts-subdiv {
    width: fit-content;
    background: #07c;
    color: white;
    float: right;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    margin: auto;
    margin-right: 0;
}

.mc-notifications-ctr {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    margin-top: 10px;
}

.addnotification-lbl {
    margin-bottom: 15px;
}

.notif-grid {
    display: grid;
    grid-gap: 10px;
}

.notiftable-row {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr 75px 1fr 75px;
    padding-bottom: 10px;
    max-width: 3500px;
    grid-gap: 20px;
}

/* .notiftable-item {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr 0.5fr 1fr 75px;
    max-width: 3500px;
    border-radius: 4px;
} */

.notiftable-row .to-cc-lbl {
    font-weight: 600;
}

.contact-wrapper {
    display: grid;
    z-index: 1002;
    top: 300px;
    border-radius: 5px;
    position: absolute;
    background: white;
    padding: 20px 10px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 0%);
    border: 1px solid lightgray;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    text-align: center;
}


.projectct-item-input {
    margin: auto 0;
    margin-right: 10px;
}

.contact-projects-menu-ctr {
    grid-template-columns: 1fr;
    min-width: 250px;
    box-sizing: border-box;
    font-size: 13px;
    grid-gap: 8px;
    max-height: 300px;
    overflow: auto;
    z-index: 1500;
}

/* .credentials-lbl {

    position: relative;
    left: 200px;
    font-size: 12px;
} */


/* /////////////////////////////////////////mycompanies */
.companies-ctr {
    padding: 8px 8px;
    border-radius: 5px;
}
.companytable-rowheader {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 30px 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.companytable-row {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 30px 20px;
    /* grid-template-columns: 100px 1fr 100px 0px 200px 1fr; */
}
 
.popupwrapper-myaccount {
  top: 60px;
}
 

.AccountInfo-Sub-area1 {
  display: grid;
  grid-template-columns: 180px 180px;
  margin-top: 10px;
}

.AccountInfo-area-label {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
}

.AccountInfo-area-label-email {
  font-weight: 600;
}

.AccounInfo-area-input {
  margin-top: 8px;
  margin-bottom: 8px;
  border: 0.5px solid #ccc;
  border-radius: 4px;
  white-space: pre;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  padding: 5px;
}

.AccounInfo-area-input:hover {
  border-color: #07c;
}

.updateAccount-btn {
  background-color: #07c;
  border: none;
  color: #fff;
  font-weight: 400;
  border-radius: 2px;
  justify-content: center;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.closeprofile-btn {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
}

.updateAccount-btn:hover {
  background-color: #006bbf;
}

.AccounInfo-area-ctr {
  display: grid;
} 

.updAcc-div {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 15px;
}

@media(max-width:500px) {
  .AccountInfo-Sub-area1 {
    grid-template-columns: unset;
  }

  /* .AccountInformation-ctr {
    box-sizing: border-box;
  } */
}

.tabs-wrapper {
  max-width: 900px; 
  margin: 20px auto;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.tabs-header {
  display: flex;
  border-bottom: 2px solid #eee;
}

.tab-btn {
  flex: 1;
  padding: 12px 16px;
  background: #f9f9f9;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.tab-btn.active {
  background: #fff;
  color: #1976d2;
  border-bottom: 3px solid #1976d2;
}

.tabs-content {
  padding: 20px;
}

.tab-pane {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
  min-width: 800px;
}

.tab-pane.active {
  display: block;
}
 

.financial-subtitle {
  font-size: 13px;
  color: #888;
  margin-bottom: 6px;
}

/* .financial-balance { 
  color: #111;
} */


@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Wrapper */
.financial-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Summary Row */
.financial-summary-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

/* Cards */
.card {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
}

 

/* Payment Form Inline */
.payment-form-inline { 
  border-top: 1px solid #eee;
}

/* Transactions */
.transactions-card {
  padding: 25px 30px;
}

.card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.transactions-container {
  max-height: 420px;
  overflow-y: auto;
  margin: 10px;
}

.no-transactions {
  padding: 40px;
  text-align: center;
  color: #999;
}

/* Responsive */
@media (max-width: 900px) {
  .financial-summary-row {
      grid-template-columns: 1fr;
  }
}
.transaction-row {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
}

/* Icon (The Arrow) */
.icon-section {
  margin-right: 15px;
}
.details-section {
  flex-grow: 1;
}

.trans-type {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
}

.trans-date {
  font-size: 12px;
  color: #888;
}
 .amount-section {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.credit-text {
  color: #4CAF50; /* Green for Reloads */
}

.debit-text {
  color: #007BFF; 
  font-weight: 600;
}
 
.no-transactions {
  padding: 20px;
  text-align: center;
  color: #888;
  font-style: italic;
  border: 1px dashed #ccc;
  border-radius: 8px;
  margin-top: 10px;
}
.ledger-title{
  font-size: 20px;
    font-weight: 600;
    color: #111827;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}
.balance-row {
  background: #eff4ff;
  border-radius: 12px;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.balance-row .lbl {
  font-size: 13px;
  color: #71717a;
}

.balance-row .val {
  font-size: 15px;
  font-weight: 600;
  color: #2563eb;
}
.assistance-div{
    align-self: center;
    position:absolute;
    top:150px;
    left:150px;
    z-index:1;  
    background:white;
    left:500px;
  
}
.assistance-header-div{
    background-color: rgb(85, 82, 82);
    text-align:left;
    padding: 10px;
}
.header-img-div{
    display:inline-block;
}
.header-caption{
    margin-left:10px;
    display:inline-block;
    text-align:left;
    font-weight:bold;
    /* font-family:verdana; */
    font-size:12px;
    color: white;
}
.assistance-components-div{
    text-align:left;
    display: block;
    font-family:verdana;
    font-size:12px;
    padding: 10px;
}
.reply-btn{
    width:60px;
    font-size:12px
}
.reply-btns-table{
    float: right;
}
.assistance-progress-div{
    text-align:left;
    display: none;
     width: 250px;
     padding:10px;
} 
/* Removes the spin button */
.assistance-DTPicker::-webkit-inner-spin-button { 
    display: none;
  }/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free"
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius, .1em);
    border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade,
.fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake,
.fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay, 0s);
    animation-delay: var(--fa-animation-delay, 0s);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media (prefers-reduced-motion:reduce) {

    .fa-beat,
    .fa-beat-fade,
    .fa-bounce,
    .fa-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {

    0%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-beat {

    0%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@-webkit-keyframes fa-beat-fade {

    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-beat-fade {

    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,
    24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,
    28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    8%,
    24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    12%,
    28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    40%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle, 0));
    transform: rotate(var(--fa-rotate-angle, 0))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0:before {
    content: "\30"
}

.fa-1:before {
    content: "\31"
}

.fa-2:before {
    content: "\32"
}

.fa-3:before {
    content: "\33"
}

.fa-4:before {
    content: "\34"
}

.fa-5:before {
    content: "\35"
}

.fa-6:before {
    content: "\36"
}

.fa-7:before {
    content: "\37"
}

.fa-8:before {
    content: "\38"
}

.fa-9:before {
    content: "\39"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-arrows-to-circle:before {
    content: "\e4bd"
}

.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
    content: "\f138"
}

.fa-at:before {
    content: "\40"
}

.fa-trash-alt:before,
.fa-trash-can:before {
    content: "\f2ed"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-user-times:before,
.fa-user-xmark:before {
    content: "\f235"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-comment-alt:before,
.fa-message:before {
    content: "\f27a"
}

.fa-info:before {
    content: "\f129"
}

.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}

.fa-explosion:before {
    content: "\e4e9"
}

.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
    content: "\f15c"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-building-un:before {
    content: "\e4d9"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-calendar-alt:before,
.fa-calendar-days:before {
    content: "\f073"
}

.fa-anchor-circle-check:before {
    content: "\e4aa"
}

.fa-building-circle-arrow-right:before {
    content: "\e4d1"
}

.fa-volleyball-ball:before,
.fa-volleyball:before {
    content: "\f45f"
}

.fa-arrows-up-to-line:before {
    content: "\e4c2"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-circle-minus:before,
.fa-minus-circle:before {
    content: "\f056"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-heart-music-camera-bolt:before,
.fa-icons:before {
    content: "\f86d"
}

.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
    content: "\f539"
}

.fa-bridge-circle-check:before {
    content: "\e4c9"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-magnifying-glass-location:before,
.fa-search-location:before {
    content: "\f689"
}

.fa-forward-step:before,
.fa-step-forward:before {
    content: "\f051"
}

.fa-face-smile-beam:before,
.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-football-ball:before,
.fa-football:before {
    content: "\f44e"
}

.fa-school-circle-exclamation:before {
    content: "\e56c"
}

.fa-crop:before {
    content: "\f125"
}

.fa-angle-double-down:before,
.fa-angles-down:before {
    content: "\f103"
}

.fa-users-rectangle:before {
    content: "\e594"
}

.fa-people-roof:before {
    content: "\e537"
}

.fa-people-line:before {
    content: "\e534"
}

.fa-beer-mug-empty:before,
.fa-beer:before {
    content: "\f0fc"
}

.fa-diagram-predecessor:before {
    content: "\e477"
}

.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-burn:before,
.fa-fire-flame-simple:before {
    content: "\f46a"
}

.fa-male:before,
.fa-person:before {
    content: "\f183"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-truck-plane:before {
    content: "\e58f"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-face-grin-stars:before,
.fa-grin-stars:before {
    content: "\f587"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
    content: "\f67b"
}

.fa-arrow-down-up-across-line:before {
    content: "\e4af"
}

.fa-spoon:before,
.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-jar-wheat:before {
    content: "\e517"
}

.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
    content: "\f674"
}

.fa-file-circle-exclamation:before {
    content: "\e4eb"
}

.fa-circle-h:before,
.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-pager:before {
    content: "\f815"
}

.fa-address-book:before,
.fa-contact-book:before {
    content: "\f2b9"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-k:before {
    content: "\4b"
}

.fa-landmark-flag:before {
    content: "\e51c"
}

.fa-pencil-alt:before,
.fa-pencil:before {
    content: "\f303"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-comments:before {
    content: "\f086"
}

.fa-file-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-code-pull-request:before {
    content: "\e13c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-truck-loading:before,
.fa-truck-ramp-box:before {
    content: "\f4de"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-vial-virus:before {
    content: "\e597"
}

.fa-sheet-plastic:before {
    content: "\e571"
}

.fa-blog:before {
    content: "\f781"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-person-arrow-up-from-line:before {
    content: "\e539"
}

.fa-scroll-torah:before,
.fa-torah:before {
    content: "\f6a0"
}

.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
    content: "\f458"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-archive:before,
.fa-box-archive:before {
    content: "\f187"
}

.fa-person-drowning:before {
    content: "\e545"
}

.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-w:before {
    content: "\57"
}

.fa-earth-africa:before,
.fa-globe-africa:before {
    content: "\f57c"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
    content: "\f3fa"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-trowel-bricks:before {
    content: "\e58a"
}

.fa-face-flushed:before,
.fa-flushed:before {
    content: "\f579"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-tent-arrow-left-right:before {
    content: "\e57f"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-bell-concierge:before,
.fa-concierge-bell:before {
    content: "\f562"
}

.fa-pen-ruler:before,
.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
    content: "\e068"
}

.fa-mars-and-venus-burst:before {
    content: "\e523"
}

.fa-caret-square-right:before,
.fa-square-caret-right:before {
    content: "\f152"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-sun-plant-wilt:before {
    content: "\e57a"
}

.fa-toilets-portable:before {
    content: "\e584"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magnifying-glass-arrow-right:before {
    content: "\e521"
}

.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
    content: "\f566"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-clover:before {
    content: "\e139"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f3e5"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-house-fire:before {
    content: "\e50c"
}

.fa-minus-square:before,
.fa-square-minus:before {
    content: "\f146"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-down:before,
.fa-square-caret-down:before {
    content: "\f150"
}

.fa-file-circle-question:before {
    content: "\e4ef"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-bars:before,
.fa-navicon:before {
    content: "\f0c9"
}

.fa-people-group:before {
    content: "\e533"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-heart-broken:before,
.fa-heart-crack:before {
    content: "\f7a9"
}

.fa-external-link-square-alt:before,
.fa-square-up-right:before {
    content: "\f360"
}

.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
    content: "\f597"
}

.fa-film:before {
    content: "\f008"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-people-robbery:before {
    content: "\e536"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-school-circle-xmark:before {
    content: "\e56d"
}

.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
    content: "\f08b"
}

.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
    content: "\f13a"
}

.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
    content: "\f13e"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-headphones-alt:before,
.fa-headphones-simple:before {
    content: "\f58f"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-circle-dollar-to-slot:before,
.fa-donate:before {
    content: "\f4b9"
}

.fa-memory:before {
    content: "\f538"
}

.fa-road-spikes:before {
    content: "\e568"
}

.fa-fire-burner:before {
    content: "\e4f1"
}

.fa-flag:before {
    content: "\f024"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-volume-down:before,
.fa-volume-low:before {
    content: "\f027"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-compress:before {
    content: "\f066"
}

.fa-wheat-alt:before,
.fa-wheat-awn:before {
    content: "\e2cd"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-hands-holding-child:before {
    content: "\e4fa"
}

.fa-asterisk:before {
    content: "\2a"
}

.fa-check-square:before,
.fa-square-check:before {
    content: "\f14a"
}

.fa-peseta-sign:before {
    content: "\e221"
}

.fa-header:before,
.fa-heading:before {
    content: "\f1dc"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-list-squares:before,
.fa-list:before {
    content: "\f03a"
}

.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
    content: "\f87b"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-circle-dot:before,
.fa-dot-circle:before {
    content: "\f192"
}

.fa-dizzy:before,
.fa-face-dizzy:before {
    content: "\f567"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-house-medical-circle-xmark:before {
    content: "\e513"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
    content: "\f1e3"
}

.fa-paint-brush:before,
.fa-paintbrush:before {
    content: "\f1fc"
}

.fa-lock:before {
    content: "\f023"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-hot-tub-person:before,
.fa-hot-tub:before {
    content: "\f593"
}

.fa-map-location:before,
.fa-map-marked:before {
    content: "\f59f"
}

.fa-house-flood-water:before {
    content: "\e50e"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-bridge-lock:before {
    content: "\e4cc"
}

.fa-sack-dollar:before {
    content: "\f81d"
}

.fa-edit:before,
.fa-pen-to-square:before {
    content: "\f044"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-share-alt:before,
.fa-share-nodes:before {
    content: "\f1e0"
}

.fa-heart-circle-minus:before {
    content: "\e4ff"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-bag-shopping:before,
.fa-shopping-bag:before {
    content: "\f290"
}

.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-person-rays:before {
    content: "\e54d"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-flask-vial:before {
    content: "\e4f3"
}

.fa-hand-paper:before,
.fa-hand:before {
    content: "\f256"
}

.fa-om:before {
    content: "\f679"
}

.fa-worm:before {
    content: "\e599"
}

.fa-house-circle-xmark:before {
    content: "\e50b"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-face-kiss:before,
.fa-kiss:before {
    content: "\f596"
}

.fa-bridge-circle-xmark:before {
    content: "\e4cb"
}

.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
    content: "\f589"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-face-grin-wink:before,
.fa-grin-wink:before {
    content: "\f58c"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-road-circle-check:before {
    content: "\e564"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-rss-square:before,
.fa-square-rss:before {
    content: "\f143"
}

.fa-land-mine-on:before {
    content: "\e51b"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-stairs:before {
    content: "\e289"
}

.fa-i:before {
    content: "\49"
}

.fa-hryvnia-sign:before,
.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-pills:before {
    content: "\f484"
}

.fa-face-grin-wide:before,
.fa-grin-alt:before {
    content: "\f581"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-v:before {
    content: "\56"
}

.fa-bangladeshi-taka-sign:before {
    content: "\e2e6"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
    content: "\e579"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-ambulance:before,
.fa-truck-medical:before {
    content: "\f0f9"
}

.fa-wheat-awn-circle-exclamation:before {
    content: "\e598"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-road-barrier:before {
    content: "\e562"
}

.fa-school:before {
    content: "\f549"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-joint:before {
    content: "\f595"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-q:before {
    content: "\51"
}

.fa-g:before {
    content: "\47"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-dong-sign:before {
    content: "\e169"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-poo-bolt:before,
.fa-poo-storm:before {
    content: "\f75a"
}

.fa-face-frown-open:before,
.fa-frown-open:before {
    content: "\f57a"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-helmet-un:before {
    content: "\e503"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}

.fa-folder-blank:before,
.fa-folder:before {
    content: "\f07b"
}

.fa-file-medical-alt:before,
.fa-file-waveform:before {
    content: "\f478"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-chart-simple:before {
    content: "\e473"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-vial:before {
    content: "\f492"
}

.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
    content: "\e2ca"
}

.fa-e:before {
    content: "\45"
}

.fa-pen-alt:before,
.fa-pen-clip:before {
    content: "\f305"
}

.fa-bridge-circle-exclamation:before {
    content: "\e4ca"
}

.fa-user:before {
    content: "\f007"
}

.fa-school-circle-check:before {
    content: "\e56b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-shuttle-van:before,
.fa-van-shuttle:before {
    content: "\f5b6"
}

.fa-building-user:before {
    content: "\e4da"
}

.fa-caret-square-left:before,
.fa-square-caret-left:before {
    content: "\f191"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-key:before {
    content: "\f084"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-person-half-dress:before {
    content: "\e548"
}

.fa-road-bridge:before {
    content: "\e563"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-c:before {
    content: "\43"
}

.fa-tablet-button:before {
    content: "\f10a"
}

.fa-building-lock:before {
    content: "\e4d6"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-area-chart:before,
.fa-chart-area:before {
    content: "\f1fe"
}

.fa-house-flag:before {
    content: "\e50d"
}

.fa-person-circle-minus:before {
    content: "\e540"
}

.fa-ban:before,
.fa-cancel:before {
    content: "\f05e"
}

.fa-camera-rotate:before {
    content: "\e0d8"
}

.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
    content: "\f5d0"
}

.fa-star:before {
    content: "\f005"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-cross:before {
    content: "\f654"
}

.fa-box:before {
    content: "\f466"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-expand-arrows-alt:before,
.fa-maximize:before {
    content: "\f31e"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-shapes:before,
.fa-triangle-circle-square:before {
    content: "\f61f"
}

.fa-random:before,
.fa-shuffle:before {
    content: "\f074"
}

.fa-person-running:before,
.fa-running:before {
    content: "\f70c"
}

.fa-mobile-retro:before {
    content: "\e527"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-spider:before {
    content: "\f717"
}

.fa-hands-bound:before {
    content: "\e4f9"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-plane-circle-exclamation:before {
    content: "\e556"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-slash:before {
    content: "\f715"
}

.fa-computer-mouse:before,
.fa-mouse:before {
    content: "\f8cc"
}

.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
    content: "\f090"
}

.fa-shop-slash:before,
.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-server:before {
    content: "\f233"
}

.fa-virus-covid-slash:before {
    content: "\e4a9"
}

.fa-shop-lock:before {
    content: "\e4a5"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-building-wheat:before {
    content: "\e4db"
}

.fa-person-breastfeeding:before {
    content: "\e53a"
}

.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-venus:before {
    content: "\f221"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-heart-pulse:before,
.fa-heartbeat:before {
    content: "\f21e"
}

.fa-people-carry-box:before,
.fa-people-carry:before {
    content: "\f4ce"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-crown:before {
    content: "\f521"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-xmarks-lines:before {
    content: "\e59a"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-weight-scale:before,
.fa-weight:before {
    content: "\f496"
}

.fa-user-friends:before,
.fa-user-group:before {
    content: "\f500"
}

.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
    content: "\f0aa"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-person-walking:before,
.fa-walking:before {
    content: "\f554"
}

.fa-l:before {
    content: "\4c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-bed-pulse:before,
.fa-procedures:before {
    content: "\f487"
}

.fa-shuttle-space:before,
.fa-space-shuttle:before {
    content: "\f197"
}

.fa-face-laugh:before,
.fa-laugh:before {
    content: "\f599"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-heart-circle-plus:before {
    content: "\e500"
}

.fa-code-fork:before {
    content: "\e13b"
}

.fa-city:before {
    content: "\f64f"
}

.fa-microphone-alt:before,
.fa-microphone-lines:before {
    content: "\f3c9"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-colon-sign:before {
    content: "\e140"
}

.fa-headset:before {
    content: "\f590"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-road-circle-xmark:before {
    content: "\e566"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-champagne-glasses:before,
.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-house-circle-exclamation:before {
    content: "\e50a"
}

.fa-file-arrow-up:before,
.fa-file-upload:before {
    content: "\f574"
}

.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
    content: "\f1eb"
}

.fa-bath:before,
.fa-bathtub:before {
    content: "\f2cd"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-user-edit:before,
.fa-user-pen:before {
    content: "\f4ff"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-bold:before {
    content: "\f032"
}

.fa-anchor-lock:before {
    content: "\e4ad"
}

.fa-building-ngo:before {
    content: "\e4d7"
}

.fa-manat-sign:before {
    content: "\e1d5"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-border-style:before,
.fa-border-top-left:before {
    content: "\f853"
}

.fa-map-location-dot:before,
.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-poll:before,
.fa-square-poll-vertical:before {
    content: "\f681"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-battery-car:before,
.fa-car-battery:before {
    content: "\f5df"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-building-circle-check:before {
    content: "\e4d2"
}

.fa-person-chalkboard:before {
    content: "\e53d"
}

.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
    content: "\f22b"
}

.fa-hand-back-fist:before,
.fa-hand-rock:before {
    content: "\f255"
}

.fa-caret-square-up:before,
.fa-square-caret-up:before {
    content: "\f151"
}

.fa-cloud-showers-water:before {
    content: "\e4e4"
}

.fa-bar-chart:before,
.fa-chart-bar:before {
    content: "\f080"
}

.fa-hands-bubbles:before,
.fa-hands-wash:before {
    content: "\e05e"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-train:before {
    content: "\f238"
}

.fa-eye-low-vision:before,
.fa-low-vision:before {
    content: "\f2a8"
}

.fa-crow:before {
    content: "\f520"
}

.fa-sailboat:before {
    content: "\e445"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-plus-square:before,
.fa-square-plus:before {
    content: "\f0fe"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-bucket:before {
    content: "\e4cf"
}

.fa-image:before {
    content: "\f03e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-cow:before {
    content: "\f6c8"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-folder-closed:before {
    content: "\e185"
}

.fa-house-tsunami:before {
    content: "\e515"
}

.fa-square-nfi:before {
    content: "\e576"
}

.fa-arrow-up-from-ground-water:before {
    content: "\e4b5"
}

.fa-glass-martini-alt:before,
.fa-martini-glass:before {
    content: "\f57b"
}

.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-columns:before,
.fa-table-columns:before {
    content: "\f0db"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-dolly-box:before,
.fa-dolly:before {
    content: "\f472"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-compress-arrows-alt:before,
.fa-minimize:before {
    content: "\f78c"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-angle-double-right:before,
.fa-angles-right:before {
    content: "\f101"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-circle-play:before,
.fa-play-circle:before {
    content: "\f144"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
    content: "\f153"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-check-circle:before,
.fa-circle-check:before {
    content: "\f058"
}

.fa-circle-stop:before,
.fa-stop-circle:before {
    content: "\f28d"
}

.fa-compass-drafting:before,
.fa-drafting-compass:before {
    content: "\f568"
}

.fa-plate-wheat:before {
    content: "\e55a"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-person-shelter:before {
    content: "\e54f"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-helicopter-symbol:before {
    content: "\e502"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
    content: "\f139"
}

.fa-lari-sign:before {
    content: "\e1c8"
}

.fa-volcano:before {
    content: "\f770"
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: "\e553"
}

.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
    content: "\f154"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-square-person-confined:before {
    content: "\e577"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-tent-arrow-down-to-line:before {
    content: "\e57e"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-person-skating:before,
.fa-skating:before {
    content: "\f7c5"
}

.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-arrow-right-to-file:before,
.fa-file-import:before {
    content: "\f56f"
}

.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
    content: "\f14c"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-location-pin-lock:before {
    content: "\e51f"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-hill-avalanche:before {
    content: "\e507"
}

.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
    content: "\f516"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-diamond-turn-right:before,
.fa-directions:before {
    content: "\f5eb"
}

.fa-burst:before {
    content: "\e4dc"
}

.fa-house-laptop:before,
.fa-laptop-house:before {
    content: "\e066"
}

.fa-face-tired:before,
.fa-tired:before {
    content: "\f5c8"
}

.fa-money-bills:before {
    content: "\e1f3"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-arrows-turn-right:before {
    content: "\e4c0"
}

.fa-vest:before {
    content: "\e085"
}

.fa-ferry:before {
    content: "\e4ea"
}

.fa-arrows-down-to-people:before {
    content: "\e4b9"
}

.fa-seedling:before,
.fa-sprout:before {
    content: "\f4d8"
}

.fa-arrows-alt-h:before,
.fa-left-right:before {
    content: "\f337"
}

.fa-boxes-packing:before {
    content: "\e4c7"
}

.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
    content: "\f0a8"
}

.fa-group-arrows-rotate:before {
    content: "\e4f6"
}

.fa-bowl-food:before {
    content: "\e4c6"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-cloud-bolt:before,
.fa-thunderstorm:before {
    content: "\f76c"
}

.fa-remove-format:before,
.fa-text-slash:before {
    content: "\f87d"
}

.fa-face-smile-wink:before,
.fa-smile-wink:before {
    content: "\f4da"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-arrows-h:before,
.fa-arrows-left-right:before {
    content: "\f07e"
}

.fa-house-lock:before {
    content: "\e510"
}

.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-children:before {
    content: "\e4e1"
}

.fa-blackboard:before,
.fa-chalkboard:before {
    content: "\f51b"
}

.fa-user-alt-slash:before,
.fa-user-large-slash:before {
    content: "\f4fa"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
    content: "\e05f"
}

.fa-mattress-pillow:before {
    content: "\e525"
}

.fa-guarani-sign:before {
    content: "\e19a"
}

.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
    content: "\f021"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-cruzeiro-sign:before {
    content: "\e152"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-shield-alt:before,
.fa-shield-halved:before {
    content: "\f3ed"
}

.fa-atlas:before,
.fa-book-atlas:before {
    content: "\f558"
}

.fa-virus:before {
    content: "\e074"
}

.fa-envelope-circle-check:before {
    content: "\e4e8"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-arrows-to-dot:before {
    content: "\e4be"
}

.fa-archway:before {
    content: "\f557"
}

.fa-heart-circle-check:before {
    content: "\e4fd"
}

.fa-house-chimney-crack:before,
.fa-house-damage:before {
    content: "\f6f1"
}

.fa-file-archive:before,
.fa-file-zipper:before {
    content: "\f1c6"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-glass-martini:before,
.fa-martini-glass-empty:before {
    content: "\f000"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cedi-sign:before {
    content: "\e0df"
}

.fa-italic:before {
    content: "\f033"
}

.fa-table-cells-column-lock:before {
    content: "\e678"
}

.fa-church:before {
    content: "\f51d"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-z:before {
    content: "\5a"
}

.fa-person-skiing:before,
.fa-skiing:before {
    content: "\f7c9"
}

.fa-road-lock:before {
    content: "\e567"
}

.fa-a:before {
    content: "\41"
}

.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
    content: "\e03f"
}

.fa-feather-alt:before,
.fa-feather-pointed:before {
    content: "\f56b"
}

.fa-p:before {
    content: "\50"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-ad:before,
.fa-rectangle-ad:before {
    content: "\f641"
}

.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
    content: "\f0a9"
}

.fa-filter-circle-xmark:before {
    content: "\e17b"
}

.fa-locust:before {
    content: "\e520"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
    content: "\f0cb"
}

.fa-person-dress-burst:before {
    content: "\e544"
}

.fa-money-check-alt:before,
.fa-money-check-dollar:before {
    content: "\f53d"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-question:before {
    content: "\3f"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-arrows-alt:before,
.fa-up-down-left-right:before {
    content: "\f0b2"
}

.fa-house-chimney-user:before {
    content: "\e065"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-star-half-alt:before,
.fa-star-half-stroke:before {
    content: "\f5c0"
}

.fa-code:before {
    content: "\f121"
}

.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
    content: "\f7a0"
}

.fa-building-circle-exclamation:before {
    content: "\e4d3"
}

.fa-magnifying-glass-chart:before {
    content: "\e522"
}

.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
    content: "\f08e"
}

.fa-cubes-stacked:before {
    content: "\e4e6"
}

.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
    content: "\f159"
}

.fa-virus-covid:before {
    content: "\e4a8"
}

.fa-austral-sign:before {
    content: "\e0a9"
}

.fa-f:before {
    content: "\46"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-road:before {
    content: "\f018"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-person-circle-plus:before {
    content: "\e541"
}

.fa-chart-pie:before,
.fa-pie-chart:before {
    content: "\f200"
}

.fa-bolt-lightning:before {
    content: "\e0b7"
}

.fa-sack-xmark:before {
    content: "\e56a"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-fish-fins:before {
    content: "\e4f2"
}

.fa-building-flag:before {
    content: "\e4d5"
}

.fa-face-grin-beam:before,
.fa-grin-beam:before {
    content: "\f582"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-poop:before {
    content: "\f619"
}

.fa-location-pin:before,
.fa-map-marker:before {
    content: "\f041"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
    content: "\f807"
}

.fa-eject:before {
    content: "\f052"
}

.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
    content: "\f35a"
}

.fa-plane-circle-check:before {
    content: "\e555"
}

.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-chart-line:before,
.fa-line-chart:before {
    content: "\f201"
}

.fa-mask-ventilator:before {
    content: "\e524"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-map-signs:before,
.fa-signs-post:before {
    content: "\f277"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-person-circle-question:before {
    content: "\e542"
}

.fa-h:before {
    content: "\48"
}

.fa-tarp:before {
    content: "\e57b"
}

.fa-screwdriver-wrench:before,
.fa-tools:before {
    content: "\f7d9"
}

.fa-arrows-to-eye:before {
    content: "\e4bf"
}

.fa-plug-circle-bolt:before {
    content: "\e55b"
}

.fa-heart:before {
    content: "\f004"
}

.fa-mars-and-venus:before {
    content: "\f224"
}

.fa-home-user:before,
.fa-house-user:before {
    content: "\e1b0"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-house-crack:before {
    content: "\e3b1"
}

.fa-cocktail:before,
.fa-martini-glass-citrus:before {
    content: "\f561"
}

.fa-face-surprise:before,
.fa-surprise:before {
    content: "\f5c2"
}

.fa-bottle-water:before {
    content: "\e4c5"
}

.fa-circle-pause:before,
.fa-pause-circle:before {
    content: "\f28b"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-apple-alt:before,
.fa-apple-whole:before {
    content: "\f5d1"
}

.fa-kitchen-set:before {
    content: "\e51a"
}

.fa-r:before {
    content: "\52"
}

.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-bitcoin-sign:before {
    content: "\e0b4"
}

.fa-shield-dog:before {
    content: "\e573"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-elevator:before {
    content: "\e16d"
}

.fa-money-bill-transfer:before {
    content: "\e528"
}

.fa-money-bill-trend-up:before {
    content: "\e529"
}

.fa-house-flood-water-circle-arrow-right:before {
    content: "\e50f"
}

.fa-poll-h:before,
.fa-square-poll-horizontal:before {
    content: "\f682"
}

.fa-circle:before {
    content: "\f111"
}

.fa-backward-fast:before,
.fa-fast-backward:before {
    content: "\f049"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-basketball-ball:before,
.fa-basketball:before {
    content: "\f434"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
    content: "\f35b"
}

.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
    content: "\f3cd"
}

.fa-volume-high:before,
.fa-volume-up:before {
    content: "\f028"
}

.fa-users-rays:before {
    content: "\e593"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-burger:before,
.fa-hamburger:before {
    content: "\f805"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-bugs:before {
    content: "\e4d0"
}

.fa-rupee-sign:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-circle-question:before,
.fa-question-circle:before {
    content: "\f059"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-book-bookmark:before {
    content: "\e0bb"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-bridge:before {
    content: "\e4c8"
}

.fa-phone-alt:before,
.fa-phone-flip:before {
    content: "\f879"
}

.fa-truck-front:before {
    content: "\e2b7"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-anchor-circle-exclamation:before {
    content: "\e4ab"
}

.fa-truck-field:before {
    content: "\e58d"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-clipboard-question:before {
    content: "\e4e3"
}

.fa-panorama:before {
    content: "\e209"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-file-circle-minus:before {
    content: "\e4ed"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-fast-forward:before,
.fa-forward-fast:before {
    content: "\f050"
}

.fa-face-meh-blank:before,
.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-parking:before,
.fa-square-parking:before {
    content: "\f540"
}

.fa-house-signal:before {
    content: "\e012"
}

.fa-bars-progress:before,
.fa-tasks-alt:before {
    content: "\f828"
}

.fa-faucet-drip:before {
    content: "\e006"
}

.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-ban-smoking:before,
.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-mobile-button:before {
    content: "\f10b"
}

.fa-house-medical-flag:before {
    content: "\e514"
}

.fa-basket-shopping:before,
.fa-shopping-basket:before {
    content: "\f291"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-bus-alt:before,
.fa-bus-simple:before {
    content: "\f55e"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-face-sad-cry:before,
.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-person-military-to-person:before {
    content: "\e54c"
}

.fa-file-shield:before {
    content: "\e4f0"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-pen:before {
    content: "\f304"
}

.fa-tower-observation:before {
    content: "\e586"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
    content: "\f012"
}

.fa-bus:before {
    content: "\f207"
}

.fa-heart-circle-xmark:before {
    content: "\e501"
}

.fa-home-lg:before,
.fa-house-chimney:before {
    content: "\e3af"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-face-frown:before,
.fa-frown:before {
    content: "\f119"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-shop:before,
.fa-store-alt:before {
    content: "\f54f"
}

.fa-floppy-disk:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
    content: "\f515"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-comment-dots:before,
.fa-commenting:before {
    content: "\f4ad"
}

.fa-plant-wilt:before {
    content: "\e5aa"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-face-grin-squint:before,
.fa-grin-squint:before {
    content: "\f585"
}

.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hands-praying:before,
.fa-praying-hands:before {
    content: "\f684"
}

.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
    content: "\f01e"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-location-crosshairs:before,
.fa-location:before {
    content: "\f601"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-child-dress:before {
    content: "\e59c"
}

.fa-users-between-lines:before {
    content: "\e591"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-face-grin-tears:before,
.fa-grin-tears:before {
    content: "\f588"
}

.fa-phone:before {
    content: "\f095"
}

.fa-calendar-times:before,
.fa-calendar-xmark:before {
    content: "\f273"
}

.fa-child-reaching:before {
    content: "\e59d"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-user-cog:before,
.fa-user-gear:before {
    content: "\f4fe"
}

.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-mosquito-net:before {
    content: "\e52c"
}

.fa-bridge-water:before {
    content: "\e4ce"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-digging:before,
.fa-person-digging:before {
    content: "\f85e"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
    content: "\f629"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-quote-right-alt:before,
.fa-quote-right:before {
    content: "\f10e"
}

.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
    content: "\f553"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-divide:before {
    content: "\f529"
}

.fa-tenge-sign:before,
.fa-tenge:before {
    content: "\f7d7"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-hands-holding:before {
    content: "\f4c2"
}

.fa-hands-clapping:before {
    content: "\e1a8"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-person-circle-xmark:before {
    content: "\e543"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-j:before {
    content: "\4a"
}

.fa-users-viewfinder:before {
    content: "\e595"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-external-link-alt:before,
.fa-up-right-from-square:before {
    content: "\f35d"
}

.fa-table-cells:before,
.fa-th:before {
    content: "\f00a"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-bible:before,
.fa-book-bible:before {
    content: "\f647"
}

.fa-o:before {
    content: "\4f"
}

.fa-medkit:before,
.fa-suitcase-medical:before {
    content: "\f0fa"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-otter:before {
    content: "\f700"
}

.fa-female:before,
.fa-person-dress:before {
    content: "\f182"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-briefcase-clock:before,
.fa-business-time:before {
    content: "\f64a"
}

.fa-table-cells-large:before,
.fa-th-large:before {
    content: "\f009"
}

.fa-book-tanakh:before,
.fa-tanakh:before {
    content: "\f827"
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-clipboard-user:before {
    content: "\f7f3"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-plane-lock:before {
    content: "\e558"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-comment:before {
    content: "\f075"
}

.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
    content: "\f1fd"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-angle-double-up:before,
.fa-angles-up:before {
    content: "\f102"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-arrow-right-to-city:before {
    content: "\e4b3"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-litecoin-sign:before {
    content: "\e1d3"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-circle-nodes:before {
    content: "\e4e2"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-truck-field-un:before {
    content: "\e58e"
}

.fa-hourglass-empty:before,
.fa-hourglass:before {
    content: "\f254"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-user-doctor:before,
.fa-user-md:before {
    content: "\f0f0"
}

.fa-circle-info:before,
.fa-info-circle:before {
    content: "\f05a"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-camera-alt:before,
.fa-camera:before {
    content: "\f030"
}

.fa-square-virus:before {
    content: "\e578"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-car-on:before {
    content: "\e4dd"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-water:before {
    content: "\f773"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
    content: "\f486"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-person-cane:before {
    content: "\e53c"
}

.fa-tent:before {
    content: "\e57d"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-money-bill-wheat:before {
    content: "\e52a"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-hard-drive:before,
.fa-hdd:before {
    content: "\f0a0"
}

.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-list-alt:before,
.fa-rectangle-list:before {
    content: "\f022"
}

.fa-tarp-droplet:before {
    content: "\e57c"
}

.fa-house-medical-circle-check:before {
    content: "\e511"
}

.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
    content: "\f359"
}

.fa-subway:before,
.fa-train-subway:before {
    content: "\f239"
}

.fa-chart-gantt:before {
    content: "\e0e4"
}

.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
    content: "\e1bc"
}

.fa-crop-alt:before,
.fa-crop-simple:before {
    content: "\f565"
}

.fa-money-bill-1:before,
.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-left-long:before,
.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-dna:before {
    content: "\f471"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-minus:before,
.fa-subtract:before {
    content: "\f068"
}

.fa-chess:before {
    content: "\f439"
}

.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-plug-circle-check:before {
    content: "\e55c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-franc-sign:before {
    content: "\e18f"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
    content: "\f2a3"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-droplet-slash:before,
.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-mosquito:before {
    content: "\e52b"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-person-military-rifle:before {
    content: "\e54b"
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-vials:before {
    content: "\f493"
}

.fa-plug-circle-plus:before {
    content: "\e55f"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-arrow-turn-up:before,
.fa-level-up:before {
    content: "\f148"
}

.fa-u:before {
    content: "\55"
}

.fa-square-root-alt:before,
.fa-square-root-variable:before {
    content: "\f698"
}

.fa-clock-four:before,
.fa-clock:before {
    content: "\f017"
}

.fa-backward-step:before,
.fa-step-backward:before {
    content: "\f048"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-baseball-bat-ball:before {
    content: "\f432"
}

.fa-s:before {
    content: "\53"
}

.fa-timeline:before {
    content: "\e29c"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
    content: "\f7f2"
}

.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
    content: "\f3cf"
}

.fa-plane-up:before {
    content: "\e22d"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-battery-3:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-mountain-city:before {
    content: "\e52e"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-sliders-h:before,
.fa-sliders:before {
    content: "\f1de"
}

.fa-folder-tree:before {
    content: "\f802"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-cent-sign:before {
    content: "\e3f5"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-person-pregnant:before {
    content: "\e31e"
}

.fa-wand-sparkles:before {
    content: "\f72b"
}

.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-long-arrow-alt-right:before,
.fa-right-long:before {
    content: "\f30b"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-laptop-file:before {
    content: "\e51d"
}

.fa-teletype:before,
.fa-tty:before {
    content: "\f1e4"
}

.fa-diagram-next:before {
    content: "\e476"
}

.fa-person-rifle:before {
    content: "\e54e"
}

.fa-house-medical-circle-exclamation:before {
    content: "\e512"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-hiking:before,
.fa-person-hiking:before {
    content: "\f6ec"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-images:before {
    content: "\f302"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-people-pulling:before {
    content: "\e535"
}

.fa-n:before {
    content: "\4e"
}

.fa-cable-car:before,
.fa-tram:before {
    content: "\f7da"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-building-circle-xmark:before {
    content: "\e4d4"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-arrows-down-to-line:before {
    content: "\e4b8"
}

.fa-download:before {
    content: "\f019"
}

.fa-face-grin:before,
.fa-grin:before {
    content: "\f580"
}

.fa-backspace:before,
.fa-delete-left:before {
    content: "\f55a"
}

.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-file-circle-check:before {
    content: "\e5a0"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f3ce"
}

.fa-face-meh:before,
.fa-meh:before {
    content: "\f11a"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-book-dead:before,
.fa-book-skull:before {
    content: "\f6b7"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-heart-circle-exclamation:before {
    content: "\e4fe"
}

.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
    content: "\f015"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-b:before {
    content: "\42"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
    content: "\f0ec"
}

.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
    content: "\f2f9"
}

.fa-cutlery:before,
.fa-utensils:before {
    content: "\f2e7"
}

.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-mill-sign:before {
    content: "\e1ed"
}

.fa-bowl-rice:before {
    content: "\e2eb"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
    content: "\f519"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-long-arrow-alt-up:before,
.fa-up-long:before {
    content: "\f30c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-upload:before {
    content: "\f093"
}

.fa-hurricane:before {
    content: "\f751"
}

.fa-mound:before {
    content: "\e52d"
}

.fa-toilet-portable:before {
    content: "\e583"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-file-arrow-down:before,
.fa-file-download:before {
    content: "\f56d"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-shield-cat:before {
    content: "\e572"
}

.fa-bolt:before,
.fa-zap:before {
    content: "\f0e7"
}

.fa-glass-water:before {
    content: "\e4f4"
}

.fa-oil-well:before {
    content: "\e532"
}

.fa-vault:before {
    content: "\e2c5"
}

.fa-mars:before {
    content: "\f222"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-plane-circle-xmark:before {
    content: "\e557"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-sun:before {
    content: "\f185"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-bore-hole:before {
    content: "\e4c3"
}

.fa-industry:before {
    content: "\f275"
}

.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
    content: "\f358"
}

.fa-arrows-turn-to-dots:before {
    content: "\e4c1"
}

.fa-florin-sign:before {
    content: "\e184"
}

.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-less-than:before {
    content: "\3c"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-car-tunnel:before {
    content: "\e4de"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-anchor-circle-xmark:before {
    content: "\e4ac"
}

.fa-ellipsis-h:before,
.fa-ellipsis:before {
    content: "\f141"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-first-aid:before,
.fa-kit-medical:before {
    content: "\f479"
}

.fa-person-through-window:before {
    content: "\e5a9"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-hands-holding-circle:before {
    content: "\e4fb"
}

.fa-bug:before {
    content: "\f188"
}

.fa-credit-card-alt:before,
.fa-credit-card:before {
    content: "\f09d"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-hand-holding-hand:before {
    content: "\e4f7"
}

.fa-book-open-reader:before,
.fa-book-reader:before {
    content: "\f5da"
}

.fa-mountain-sun:before {
    content: "\e52f"
}

.fa-arrows-left-right-to-line:before {
    content: "\e4ba"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-truck-droplet:before {
    content: "\e58c"
}

.fa-file-circle-xmark:before {
    content: "\e5a1"
}

.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
    content: "\e040"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-bed:before {
    content: "\f236"
}

.fa-h-square:before,
.fa-square-h:before {
    content: "\f0fd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-plug-circle-xmark:before {
    content: "\e560"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-hands-helping:before,
.fa-handshake-angle:before {
    content: "\f4c4"
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-file:before {
    content: "\f15b"
}

.fa-greater-than:before {
    content: "\3e"
}

.fa-person-swimming:before,
.fa-swimmer:before {
    content: "\f5c4"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-droplet:before,
.fa-tint:before {
    content: "\f043"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
    content: "\f57d"
}

.fa-person-burst:before {
    content: "\e53b"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-socks:before {
    content: "\f696"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-section:before {
    content: "\e447"
}

.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
    content: "\f625"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
    content: "\f0f8"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
    content: "\f550"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-blind:before,
.fa-person-walking-with-cane:before {
    content: "\f29d"
}

.fa-drum:before {
    content: "\f569"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-heart-circle-bolt:before {
    content: "\e4fc"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-check-to-slot:before,
.fa-vote-yea:before {
    content: "\f772"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
    content: "\f468"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
    content: "\f2a2"
}

.fa-tree-city:before {
    content: "\e587"
}

.fa-play:before {
    content: "\f04b"
}

.fa-font:before {
    content: "\f031"
}

.fa-table-cells-row-lock:before {
    content: "\e67a"
}

.fa-rupiah-sign:before {
    content: "\e23d"
}

.fa-magnifying-glass:before,
.fa-search:before {
    content: "\f002"
}

.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
    content: "\f45d"
}

.fa-diagnoses:before,
.fa-person-dots-from-line:before {
    content: "\f470"
}

.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-naira-sign:before {
    content: "\e1f6"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-walkie-talkie:before {
    content: "\f8ef"
}

.fa-file-edit:before,
.fa-file-pen:before {
    content: "\f31c"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
    content: "\f14b"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-person-circle-exclamation:before {
    content: "\e53f"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-code-compare:before {
    content: "\e13a"
}

.fa-list-dots:before,
.fa-list-ul:before {
    content: "\f0ca"
}

.fa-school-lock:before {
    content: "\e56f"
}

.fa-tower-cell:before {
    content: "\e585"
}

.fa-down-long:before,
.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-ranking-star:before {
    content: "\e561"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-person-harassing:before {
    content: "\e549"
}

.fa-brazilian-real-sign:before {
    content: "\e46c"
}

.fa-landmark-alt:before,
.fa-landmark-dome:before {
    content: "\f752"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-shrimp:before {
    content: "\e448"
}

.fa-list-check:before,
.fa-tasks:before {
    content: "\f0ae"
}

.fa-jug-detergent:before {
    content: "\e519"
}

.fa-circle-user:before,
.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-car-burst:before,
.fa-car-crash:before {
    content: "\f5e1"
}

.fa-y:before {
    content: "\59"
}

.fa-person-snowboarding:before,
.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-shipping-fast:before,
.fa-truck-fast:before {
    content: "\f48b"
}

.fa-fish:before {
    content: "\f578"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
    content: "\f042"
}

.fa-clapperboard:before {
    content: "\e131"
}

.fa-circle-radiation:before,
.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-baseball-ball:before,
.fa-baseball:before {
    content: "\f433"
}

.fa-jet-fighter-up:before {
    content: "\e518"
}

.fa-diagram-project:before,
.fa-project-diagram:before {
    content: "\f542"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
    content: "\f6a9"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-grip-horizontal:before,
.fa-grip:before {
    content: "\f58d"
}

.fa-share-from-square:before,
.fa-share-square:before {
    content: "\f14d"
}

.fa-child-combatant:before,
.fa-child-rifle:before {
    content: "\e4e0"
}

.fa-gun:before {
    content: "\e19b"
}

.fa-phone-square:before,
.fa-square-phone:before {
    content: "\f098"
}

.fa-add:before,
.fa-plus:before {
    content: "\2b"
}

.fa-expand:before {
    content: "\f065"
}

.fa-computer:before {
    content: "\e4e5"
}

.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
    content: "\f00d"
}

.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
    content: "\f047"
}

.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
    content: "\f51c"
}

.fa-peso-sign:before {
    content: "\e222"
}

.fa-building-shield:before {
    content: "\e4d8"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-users-line:before {
    content: "\e592"
}

.fa-quote-left-alt:before,
.fa-quote-left:before {
    content: "\f10d"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trash-arrow-up:before,
.fa-trash-restore:before {
    content: "\f829"
}

.fa-arrow-down-up-lock:before {
    content: "\e4b0"
}

.fa-lines-leaning:before {
    content: "\e51e"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-equals:before {
    content: "\3d"
}

.fa-blender:before {
    content: "\f517"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-map:before {
    content: "\f279"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-photo-film:before,
.fa-photo-video:before {
    content: "\f87c"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-store:before {
    content: "\f54e"
}

.fa-arrow-trend-up:before {
    content: "\e098"
}

.fa-plug-circle-minus:before {
    content: "\e55e"
}

.fa-sign-hanging:before,
.fa-sign:before {
    content: "\f4d9"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-tablet-android:before,
.fa-tablet:before {
    content: "\f3fb"
}

.fa-school-flag:before {
    content: "\e56e"
}

.fa-fill:before {
    content: "\f575"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-notdef:before {
    content: "\e1fe"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-car-alt:before,
.fa-car-rear:before {
    content: "\f5de"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-battery-2:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-radio:before {
    content: "\f8d7"
}

.fa-baby-carriage:before,
.fa-carriage-baby:before {
    content: "\f77d"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-percent:before,
.fa-percentage:before {
    content: "\25"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-glass-water-droplet:before {
    content: "\e4f5"
}

.fa-display:before {
    content: "\e163"
}

.fa-face-smile:before,
.fa-smile:before {
    content: "\f118"
}

.fa-thumb-tack:before,
.fa-thumbtack:before {
    content: "\f08d"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-person-praying:before,
.fa-pray:before {
    content: "\f683"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-rotate:before,
.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-robot:before {
    content: "\f544"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-arrow-up-right-dots:before {
    content: "\e4b7"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
    content: "\f584"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-transgender-alt:before,
.fa-transgender:before {
    content: "\f225"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-arrow-turn-down:before,
.fa-level-down:before {
    content: "\f149"
}

.fa-person-falling-burst:before {
    content: "\e547"
}

.fa-award:before {
    content: "\f559"
}

.fa-ticket-alt:before,
.fa-ticket-simple:before {
    content: "\f3ff"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-angle-double-left:before,
.fa-angles-left:before {
    content: "\f100"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-clock-rotate-left:before,
.fa-history:before {
    content: "\f1da"
}

.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-arrow-right-from-file:before,
.fa-file-export:before {
    content: "\f56e"
}

.fa-shield-blank:before,
.fa-shield:before {
    content: "\f132"
}

.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-house-medical:before {
    content: "\e3b2"
}

.fa-golf-ball-tee:before,
.fa-golf-ball:before {
    content: "\f450"
}

.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
    content: "\f137"
}

.fa-house-chimney-window:before {
    content: "\e00d"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-tent-arrow-turn-left:before {
    content: "\e580"
}

.fa-tents:before {
    content: "\e582"
}

.fa-magic:before,
.fa-wand-magic:before {
    content: "\f0d0"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-moon:before {
    content: "\f186"
}

.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
    content: "\f5ce"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-music:before {
    content: "\f001"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-biking:before,
.fa-person-biking:before {
    content: "\f84a"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-shield-heart:before {
    content: "\e574"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-earth-oceania:before,
.fa-globe-oceania:before {
    content: "\e47b"
}

.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
    content: "\f2d3"
}

.fa-hashtag:before {
    content: "\23"
}

.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-t:before {
    content: "\54"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-chart-column:before {
    content: "\e0e3"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-vial-circle-check:before {
    content: "\e596"
}

.fa-person-arrow-down-to-line:before {
    content: "\e538"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-fan:before {
    content: "\f863"
}

.fa-person-walking-luggage:before {
    content: "\e554"
}

.fa-arrows-alt-v:before,
.fa-up-down:before {
    content: "\f338"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-bahai:before,
.fa-haykal:before {
    content: "\f666"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-circle-plus:before,
.fa-plus-circle:before {
    content: "\f055"
}

.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-plug-circle-exclamation:before {
    content: "\e55d"
}

.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-person-walking-arrow-loop-left:before {
    content: "\e551"
}

.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-fire-alt:before,
.fa-fire-flame-curved:before {
    content: "\f7e4"
}

.fa-tornado:before {
    content: "\f76f"
}

.fa-file-circle-plus:before {
    content: "\e494"
}

.fa-book-quran:before,
.fa-quran:before {
    content: "\f687"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-angry:before,
.fa-face-angry:before {
    content: "\f556"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-arrow-trend-down:before {
    content: "\e097"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-balance-scale:before,
.fa-scale-balanced:before {
    content: "\f24e"
}

.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
    content: "\f62a"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-desktop-alt:before,
.fa-desktop:before {
    content: "\f390"
}

.fa-m:before {
    content: "\4d"
}

.fa-table-list:before,
.fa-th-list:before {
    content: "\f00b"
}

.fa-comment-sms:before,
.fa-sms:before {
    content: "\f7cd"
}

.fa-book:before {
    content: "\f02d"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-check:before {
    content: "\f00c"
}

.fa-battery-4:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-house-circle-check:before {
    content: "\e509"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-diagram-successor:before {
    content: "\e47a"
}

.fa-truck-arrow-right:before {
    content: "\e58b"
}

.fa-arrows-split-up-and-left:before {
    content: "\e4bc"
}

.fa-fist-raised:before,
.fa-hand-fist:before {
    content: "\f6de"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-person-falling:before {
    content: "\e546"
}

.fa-image-portrait:before,
.fa-portrait:before {
    content: "\f3e0"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-rug:before {
    content: "\e569"
}

.fa-earth-europe:before,
.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f410"
}

.fa-baht-sign:before {
    content: "\e0ac"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-journal-whills:before,
.fa-journal-whills:before {
    content: "\f66a"
}

.fa-handcuffs:before {
    content: "\e4f8"
}

.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
    content: "\f071"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-bottle-droplet:before {
    content: "\e4c4"
}

.fa-mask-face:before {
    content: "\e1d7"
}

.fa-hill-rockslide:before {
    content: "\e508"
}

.fa-exchange-alt:before,
.fa-right-left:before {
    content: "\f362"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-road-circle-exclamation:before {
    content: "\e565"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
    content: "\f5c5"
}

.fa-arrows-up-down:before,
.fa-arrows-v:before {
    content: "\f07d"
}

.fa-face-grimace:before,
.fa-grimace:before {
    content: "\f57f"
}

.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
    content: "\e2ce"
}

.fa-level-down-alt:before,
.fa-turn-down:before {
    content: "\f3be"
}

.fa-person-walking-arrow-right:before {
    content: "\e552"
}

.fa-envelope-square:before,
.fa-square-envelope:before {
    content: "\f199"
}

.fa-dice:before {
    content: "\f522"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-band-aid:before,
.fa-bandage:before {
    content: "\f462"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
    content: "\f057"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-earth-asia:before,
.fa-globe-asia:before {
    content: "\f57e"
}

.fa-id-card-alt:before,
.fa-id-card-clip:before {
    content: "\f47f"
}

.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
    content: "\f00e"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-allergies:before,
.fa-hand-dots:before {
    content: "\f461"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-coffee:before,
.fa-mug-saucer:before {
    content: "\f0f4"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
    content: "\f010"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-user-alt:before,
.fa-user-large:before {
    content: "\f406"
}

.fa-train-tram:before {
    content: "\e5b4"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-jar:before {
    content: "\e516"
}

.fa-note-sticky:before,
.fa-sticky-note:before {
    content: "\f249"
}

.fa-bug-slash:before {
    content: "\e490"
}

.fa-arrow-up-from-water-pump:before {
    content: "\e4b6"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-face-sad-tear:before,
.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-plane:before {
    content: "\f072"
}

.fa-tent-arrows-down:before {
    content: "\e581"
}

.fa-exclamation:before {
    content: "\21"
}

.fa-arrows-spin:before {
    content: "\e4bb"
}

.fa-print:before {
    content: "\f02f"
}

.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
    content: "\e2bb"
}

.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
    content: "\24"
}

.fa-x:before {
    content: "\58"
}

.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
    content: "\f688"
}

.fa-users-cog:before,
.fa-users-gear:before {
    content: "\f509"
}

.fa-person-military-pointing:before {
    content: "\e54a"
}

.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
    content: "\f19c"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-trowel:before {
    content: "\e589"
}

.fa-d:before {
    content: "\44"
}

.fa-stapler:before {
    content: "\e5af"
}

.fa-masks-theater:before,
.fa-theater-masks:before {
    content: "\f630"
}

.fa-kip-sign:before {
    content: "\e1c4"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-handshake-alt:before,
.fa-handshake-simple:before {
    content: "\f4c6"
}

.fa-fighter-jet:before,
.fa-jet-fighter:before {
    content: "\f0fb"
}

.fa-share-alt-square:before,
.fa-square-share-nodes:before {
    content: "\f1e1"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-plus-minus:before {
    content: "\e43c"
}

.fa-video-camera:before,
.fa-video:before {
    content: "\f03d"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-person-circle-check:before {
    content: "\e53e"
}

.fa-level-up-alt:before,
.fa-turn-up:before {
    content: "\f3bf"
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands,
.fab {
    font-weight: 400
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-aws:before {
    content: "\f375"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-pixiv:before {
    content: "\e640"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-modx:before {
    content: "\f285"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-js-square:before,
.fa-square-js:before {
    content: "\f3b9"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-jxl:before {
    content: "\e67b"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-unity:before {
    content: "\e049"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-vk:before {
    content: "\f189"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-reddit-square:before,
.fa-square-reddit:before {
    content: "\f1a2"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-square-font-awesome:before {
    content: "\e5ad"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-brave:before {
    content: "\e63c"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-instagram-square:before,
.fa-square-instagram:before {
    content: "\e055"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
    content: "\f3af"
}

.fa-edge:before {
    content: "\f282"
}

.fa-threads:before {
    content: "\e618"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-snapchat-square:before,
.fa-square-snapchat:before {
    content: "\f2ad"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-safari:before {
    content: "\f267"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
    content: "\f35c"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-square-viadeo:before,
.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-centos:before {
    content: "\f789"
}

.fa-adn:before {
    content: "\f170"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-opensuse:before {
    content: "\e62b"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-dribbble-square:before,
.fa-square-dribbble:before {
    content: "\f397"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-node:before {
    content: "\f419"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-debian:before {
    content: "\e60b"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-square-twitter:before,
.fa-twitter-square:before {
    content: "\f081"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-golang:before {
    content: "\e40f"
}

.fa-kickstarter:before,
.fa-square-kickstarter:before {
    content: "\f3bb"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-square-youtube:before,
.fa-youtube-square:before {
    content: "\f431"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-rendact:before,
.fa-wpressr:before {
    content: "\f3e4"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-nfc-directional:before {
    content: "\e530"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-meta:before {
    content: "\e49b"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-square-letterboxd:before {
    content: "\e62e"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-hips:before {
    content: "\f452"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-discord:before {
    content: "\f392"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-shoelace:before {
    content: "\e60c"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-square-steam:before,
.fa-steam-square:before {
    content: "\f1b7"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-square-vimeo:before,
.fa-vimeo-square:before {
    content: "\f194"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-apple:before {
    content: "\f179"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-padlet:before {
    content: "\e4a0"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-github-square:before,
.fa-square-github:before {
    content: "\f092"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-neos:before {
    content: "\f612"
}

.fa-square-threads:before {
    content: "\e619"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-angular:before {
    content: "\f420"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envira:before {
    content: "\f299"
}

.fa-google-scholar:before {
    content: "\e63b"
}

.fa-gitlab-square:before,
.fa-square-gitlab:before {
    content: "\e5ae"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
    content: "\f264"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-sith:before {
    content: "\f512"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-hashnode:before {
    content: "\e499"
}

.fa-react:before {
    content: "\f41b"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-gg:before {
    content: "\f260"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-pinterest-square:before,
.fa-square-pinterest:before {
    content: "\f0d3"
}

.fa-xing:before {
    content: "\f168"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-less:before {
    content: "\f41d"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-signal-messenger:before {
    content: "\e663"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-nfc-symbol:before {
    content: "\e531"
}

.fa-mintbit:before {
    content: "\e62f"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-brave-reverse:before {
    content: "\e63d"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-google-plus-square:before,
.fa-square-google-plus:before {
    content: "\f0d4"
}

.fa-web-awesome:before {
    content: "\e682"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-square-xing:before,
.fa-xing-square:before {
    content: "\f169"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-fly:before {
    content: "\f417"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-viber:before {
    content: "\f409"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-letterboxd:before {
    content: "\e62d"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-audible:before {
    content: "\f373"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-bilibili:before {
    content: "\e3d9"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-x-twitter:before {
    content: "\e61b"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-42-group:before,
.fa-innosoft:before {
    content: "\e080"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
    content: "\e01e"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-square-web-awesome-stroke:before {
    content: "\e684"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-facebook-square:before,
.fa-square-facebook:before {
    content: "\f082"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-lastfm-square:before,
.fa-square-lastfm:before {
    content: "\f203"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-figma:before {
    content: "\f799"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-cmplid:before {
    content: "\e360"
}

.fa-upwork:before {
    content: "\e641"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-square-upwork:before {
    content: "\e67c"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-docker:before {
    content: "\f395"
}

.fa-screenpal:before {
    content: "\e570"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-square-web-awesome:before {
    content: "\e683"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-wirsindhandwerk:before,
.fa-wsh:before {
    content: "\e2d0"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-apper:before {
    content: "\f371"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-bluesky:before {
    content: "\e671"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-snapchat-ghost:before,
.fa-snapchat:before {
    content: "\f2ab"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-behance-square:before,
.fa-square-behance:before {
    content: "\f1b5"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-webflow:before {
    content: "\e65c"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-space-awesome:before {
    content: "\e5ac"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-git-square:before,
.fa-square-git:before {
    content: "\f1d2"
}

.fa-square-tumblr:before,
.fa-tumblr-square:before {
    content: "\f174"
}

.fa-trello:before {
    content: "\f181"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-android:before {
    content: "\f17b"
}

.fa-bots:before {
    content: "\e340"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-uber:before {
    content: "\f402"
}

.fa-github:before {
    content: "\f09b"
}

.fa-php:before {
    content: "\f457"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-stubber:before {
    content: "\e5c7"
}

.fa-telegram-plane:before,
.fa-telegram:before {
    content: "\f2c6"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-odysee:before {
    content: "\e5c6"
}

.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-slack-hash:before,
.fa-slack:before {
    content: "\f198"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-usb:before {
    content: "\f287"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-square-x-twitter:before {
    content: "\e61a"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-medium-m:before,
.fa-medium:before {
    content: "\f23a"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-sitrox:before {
    content: "\e44a"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-strava:before {
    content: "\f428"
}

.fa-ember:before {
    content: "\f423"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-zhihu:before {
    content: "\f63f"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-pix:before {
    content: "\e43a"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype")
}

.fa-regular,
.far {
    font-weight: 400
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid,
.fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-v4compatibility.woff2) format("woff2"), url(../fonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/aabco-prod/assets/material-icons-kAwBdRge.woff2") format("woff2"), url("/aabco-prod/assets/material-icons-Dr0goTwe.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/aabco-prod/assets/material-icons-outlined-DZhiGvEA.woff2") format("woff2"), url("/aabco-prod/assets/material-icons-outlined-BpWbwl2n.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./material-icons-round.woff2") format("woff2"), url("/aabco-prod/assets/material-icons-round-BDlwx-sv.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/aabco-prod/assets/material-icons-sharp-gidztirS.woff2") format("woff2"), url("/aabco-prod/assets/material-icons-sharp-CH1KkVu7.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/aabco-prod/assets/material-icons-two-tone-DuNIpaEj.woff2") format("woff2"), url("./material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.vis [class*=span]{min-height:0;width:auto}.vis-current-time{background-color:#ff7f6e;width:2px;z-index:1;pointer-events:none}.vis-rolling-mode-btn{height:40px;width:40px;position:absolute;top:7px;right:20px;border-radius:50%;font-size:28px;cursor:pointer;opacity:.8;color:#fff;font-weight:700;text-align:center;background:#3876c2}.vis-rolling-mode-btn:before{content:"\26F6"}.vis-rolling-mode-btn:hover{opacity:1}.vis-timeline{position:relative;border:1px solid #bfbfbf;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.vis-loading-screen{width:100%;height:100%;position:absolute;top:0;left:0}.vis-panel{position:absolute;padding:0;margin:0;box-sizing:border-box}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-left.vis-panel.vis-vertical-scroll,.vis-right.vis-panel.vis-vertical-scroll{height:100%;overflow-x:hidden;overflow-y:scroll}.vis-left.vis-panel.vis-vertical-scroll{direction:rtl}.vis-left.vis-panel.vis-vertical-scroll .vis-content{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll .vis-content{direction:rtl}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-background{overflow:hidden}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-itemset{position:relative;padding:0;margin:0;box-sizing:border-box}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-nesting-group{cursor:pointer}.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1{background:#f5f5f5}.vis-label.vis-nested-group.vis-group-level-0{background-color:#fff}.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-left:0}.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-right:0}.vis-label.vis-nested-group.vis-group-level-1{background-color:rgba(0,0,0,.05)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-left:15px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-right:15px}.vis-label.vis-nested-group.vis-group-level-2{background-color:rgba(0,0,0,.1)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-left:30px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-right:30px}.vis-label.vis-nested-group.vis-group-level-3{background-color:rgba(0,0,0,.15)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-left:45px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-right:45px}.vis-label.vis-nested-group.vis-group-level-4{background-color:rgba(0,0,0,.2)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-left:60px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-right:60px}.vis-label.vis-nested-group.vis-group-level-5{background-color:rgba(0,0,0,.25)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-left:75px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-right:75px}.vis-label.vis-nested-group.vis-group-level-6{background-color:rgba(0,0,0,.3)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-left:90px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-right:90px}.vis-label.vis-nested-group.vis-group-level-7{background-color:rgba(0,0,0,.35)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-left:105px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-right:105px}.vis-label.vis-nested-group.vis-group-level-8{background-color:rgba(0,0,0,.4)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-left:120px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-right:120px}.vis-label.vis-nested-group.vis-group-level-9{background-color:rgba(0,0,0,.45)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-left:135px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-right:135px}.vis-label.vis-nested-group{background-color:rgba(0,0,0,.5)}.vis-ltr .vis-label.vis-nested-group .vis-inner{padding-left:150px}.vis-rtl .vis-label.vis-nested-group .vis-inner{padding-right:150px}.vis-group-level-unknown-but-gte1{border:1px solid red}.vis-label.vis-nesting-group:before{display:inline-block;width:15px}.vis-label.vis-nesting-group.expanded:before{content:"\25BC"}.vis-label.vis-nesting-group.collapsed:before{content:"\25B6"}.vis-rtl .vis-label.vis-nesting-group.collapsed:before{content:"\25C0"}.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-left:15px}.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-right:15px}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-labelset{position:relative;overflow:hidden;box-sizing:border-box}.vis-labelset .vis-label{position:relative;left:0;top:0;width:100%;color:#4d4d4d;box-sizing:border-box}.vis-labelset .vis-label{border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-group-is-dragging{background:rgba(0,0,0,.1)}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-custom-time{background-color:#6e94ff;width:2px;cursor:move;z-index:1}.vis-custom-time>.vis-custom-time-marker{background-color:inherit;color:#fff;font-size:12px;white-space:nowrap;padding:3px 5px;top:0;cursor:initial;z-index:inherit}.vis-item{position:absolute;color:#1a1a1a;border-color:#97b0f8;border-width:1px;background-color:#d5ddf6;display:inline-block;z-index:1}.vis-item.vis-selected{border-color:#ffc200;background-color:#fff785;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-point.vis-selected{background-color:#fff785}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item-visible-frame{white-space:nowrap}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-onUpdateTime-tooltip{position:absolute;background:#4f81bd;color:#fff;width:200px;text-align:center;white-space:nowrap;padding:5px;border-radius:1px;transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s}.vis-item .vis-delete,.vis-item .vis-delete-rtl{position:absolute;top:0;width:24px;height:24px;box-sizing:border-box;padding:0 5px;cursor:pointer;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.vis-item .vis-delete{right:-24px}.vis-item .vis-delete-rtl{left:-24px}.vis-item .vis-delete-rtl:after,.vis-item .vis-delete:after{content:"\00D7";color:red;font-family:arial,sans-serif;font-size:22px;font-weight:700;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.vis-item .vis-delete-rtl:hover,.vis-item .vis-delete:hover{background:red}.vis-item .vis-delete-rtl:hover:after,.vis-item .vis-delete:hover:after{color:#fff}.vis-item .vis-drag-center{position:absolute;width:100%;height:100%;top:0;left:0;cursor:move}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-item.vis-cluster{vertical-align:center;text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-cluster-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item.vis-cluster-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:-moz-linear-gradient(top,#3876c2 0,#385380 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));background:-webkit-linear-gradient(top,#3876c2 0,#385380 100%);background:-o-linear-gradient(top,#3876c2 0,#385380 100%);background:-ms-linear-gradient(top,#3876c2 0,#385380 100%);background:linear-gradient(to bottom,#3876c2 0,#385380 100%);box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:-moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%)}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}div.vis-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none;z-index:5}