/*
CSS Variables
*/

:root {
    --setina-light-blue:rgb(155, 185, 255);
    --setina-dark-blue:rgb(36, 76, 170);
    --setina-light-gray:#f3f3f3;
    --linked-part:#ffffff;
    --linked-part-new:#e0eee0;
    --linked-part-hover:#b1dbf2;
    --admin-distributors-tan:#ede7cf;
    --admin-distributors-tan-light:#dfddd2;
    --admin-setina-light-blue:#e4f1fe;
    --progress-bar-width: 200px;
    --progress-bar-height: 200px;
}

/*
Normalize values
*/

html {
  overflow-x:hidden;
  overflow-y:auto;
  background-color:var(--setina-light-gray);
  box-sizing:border-box;
}

p {
  margin:0;
  padding:0;
}

/*
Keyframes for animation
*/

@keyframes menuhighlight {
  from {background-color: rgb(238, 238, 238);}
  to {background-color: rgb(0, 0, 0);}
}

/*
General Setina front end styling
*/
body#install-instructions header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:90px;
  background-color:black;
  margin:-40px -10px 0 -30px;
  padding:0px 40px 0px 80px;
}
body#install-instructions header img{
  width: 295px;
  height:80px;
  display: block;
  margin:0 0 0 0;
}
body#install-instructions header div a {
  color: rgb(255, 255, 255);
  font-family: "Roboto", sans-serif;
  font-size:22px;
  font-weight:500;
  margin:15px;
  text-decoration:none;
  position:relative;
}
body#install-instructions header div {
  display:block;
  overflow:hidden;
  z-index:3;
  width:auto;
}
.dropdown-menu {
overflow:hidden;
padding-top:20px;
padding-bottom:20px;
}
.dropdown-links {
  display:none;
  position:absolute;
  border:1px solid black;
  float:left;
  z-index:-3;
  text-align:right;
  box-sizing:border-box;
}
.dropdown-links hr {
margin-top:35px;
margin-left:-50px; /* -140px   */
margin-right:60px;  /*  60px    */
margin-bottom:30px;
border:1px solid #ffffff;
}
.dropdown-links a{
  display:block;
  float:none;
  text-align:right;
  color:black;
  text-decoration:underline;
  text-decoration-color:rgb(238, 238, 238);
  margin:0!important;
  padding:15px;
  text-underline-offset:10px;
  /*
  margin-left:-60px;
  */
}
.dropdown-links a:hover {
  /*
  background-color:#000000;
  */
  animation-name: menuhighlight;
  animation-fill-mode:forwards;
  animation-duration:0.2s;
  margin:15px;
  color:rgb(204, 204, 204);
  text-decoration:none;
}

.dropdown-links a:hover img {
  filter:invert(100%);
}

.dropdown-menu:hover .dropdown-links {
display:block;
background-color:black;
text-align:right;
background-color:rgb(223, 223, 223);
}

.dropdown-links-a {
margin-left:-20px!important;
}

.dropdown-btn {
display:block;
padding:14px 16px;
box-sizing:border-box;
}

.dropdown-btn:hover {
  background-color:rgb(36, 36, 36);
  box-sizing:border-box;
}

.inbox-notif {
  position:absolute;
  margin:-45px 0 00px 32px;
  font-weight:600;
  color:white;
  font-family: "Roboto", sans-serif;
}
.inbox-notif-img:hover .inbox-notif {
  /*
  font-weight:800;
  font-size:22px;
  */
}
.arrow-img {
  float:left;
  width:24px;
  height:24px;
  margin-right:20px;
}

/*
Setina Admin CSS
*/


.AdminContainer {
	  width:98%;
    padding:15px;
    min-height:800px;
    margin:-15px -25px 15px -20px;
    border:1px solid black;
    display:inline block;
    font-family: "Roboto", sans-serif;
    overflow:visible;
    background-color:rgb(165, 165, 165);
 }
 .Admin30SideBar, .Admin20SideBar {
    width:20%;
    float:left;
    min-height:700px;
    padding-top:25px;
    padding-bottom:25px;
    font-family:inherit;
    font-size:18px;
    border:1px solid black;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    margin:0 auto;
    min-height:650px;
    height:auto;
    overflow:visible;
 }
 .Admin20SideBar {
  border:none;
  border-right:1px solid black;
  width:15%;
  padding:0;
  padding-left:5px;
  padding-right:15px;
 }
 .Admin20SideBar label {
  display:block;
  padding-top:10px;
  padding-bottom:10px;
  font-weight:500;
  font-size:18px;
 }
 .Admin20SideBar input, .Admin20SideBar select {
  width:100%;
 }
 .AdminDocsList {
    width:100%;
    min-height:700px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    height:auto;
    border:1px solid black;
    background-color:rgb(219, 218, 218);
    font-family: "Roboto", sans-serif;
    overflow:visible;
 }
 .AdminTopBar {
    width:100%;
    height:40px;
    border:1px solid black;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    background-color:#adb7d8;
 }
 .AdminTopBar div {
    padding:0 5px 0 5px;
    display:flex;
    flex-direction:row;
 }
 .docDisplayContainer {
    padding:20px;
    background-color:rgb(219, 218, 218);
    /*
    display:flex;
    flex-wrap:wrap;
    */
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fill, 180px);
    justify-content:space-evenly;
    align-items:stretch;
    gap: 10px;
    height:auto;
    overflow:visible;
 }
 .docDisplayContainerAlt {
    padding:20px;
    background-color:rgb(219, 218, 218);
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
    height:auto;
    overflow:visible;
 }
 #docDisplayContainerAjax, .docDisplayContainerAjax, .ajaxModal {
  padding:20px;
  width:80vw;
  height:80vh!important;
  top:50%;
  left: 50%;
  border:2px solid black;
  transform: translate(-50%, -50%);
  /*
  border-radius:10px;
  background-color:rgb(219, 218, 218);
  */
  background: rgb(235,235,235);
  background: linear-gradient(176deg, rgb(224, 224, 224) 0%, rgb(255, 255, 255) 100%);
  position:fixed;
  display:none;
  flex-direction:column;
  flex-wrap:nowrap;
  gap: 10px;
  height:auto;
  overflow:hidden;
 }
 .ajaxModal#order_profile {
  z-index:1;
 }
 .ajaxModal#part_profile {
  z-index:9999;
  padding:0!important;
 }
 .ajaxModal#quote_profile {
  background-color:rgb(237 237 237);
 }
#replacePDFHeader, .replacePDFHeader, .ajaxModalHeader {
  overflow:hidden;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  width:100%;
}
#replacePDFHeader p, .replacePDFHeader p, .ajaxModalHeader p {
  margin-top:20px;
}
#replacePDFContent, .replacePDFContent, .ajaxModalContent {
  padding:20px;
  overflow-y:scroll;
  border:1px solid black;
  height:75%;
  width:90%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:10px;
  margin:0 auto;
}
.ajaxModalContent {
  flex-wrap:nowrap;
  height:75%;
  width:95%!important;
}
.ajaxModalContent#part_profile_content {
  background-color:white;
  overflow:hidden;
}
#replacePDFFooter, .replacePDFFooter, .ajaxModalFooter {
  overflow:hidden;
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.ajaxModal#part_profile .ajaxModalFooter {
  padding:0 2% 1% 2%;
  box-sizing:border-box;
}
.replacePDFFooter span {
  margin:15px 0 0 0;
  font-size:22px;
}
.replaceDocBlockSelected, .replaceDocBlockSelected {
  background-color:rgb(97, 192, 97)!important;
}
.docsHiddenBlock {
  display:none!important;
}
#docDisplayContainerAjax div button, .docDisplayContainerAjax div button {
  width:120px;
  height:40px;
  margin-left:20px;
}
#docDisplayContainerBlocksAjax, .docDisplayContainerBlocksAjax {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
 .docIndividualBlock, .docIndividualBlockinstall,  .docIndividualBlockwarranty,  .docIndividualBlockvendor, .docIndividualBlockunattached, .docIndividualBlockother {
  display:flex;
  flex-direction:column;
    padding:15px 5px 15px 5px;
    border:1px solid black;
    background-color:#fafafaf6;
    font-family: "Roboto", sans-serif;
    text-decoration:none;
    width:180px;
    /*
    min-height:200px;
    max-height:fit-content;
    */
    font-weight:normal;
    cursor:pointer;
 }
 .docIndividualBlock img, .docIndividualBlockinstall img, .docIndividualBlockwarranty img, .docIndividualBlockvendor img, .docIndividualBlockunattached img, .docIndividualBlockother img  {
    margin:0 auto;
    margin-bottom:5px;
    width:116px;
    height:180px;
 }
 .docIndividualBlock:hover, .docIndividualBlockinstall:hover, .docIndividualBlockwarranty:hover, .docIndividualBlockvendor:hover, .docIndividualBlockunattached:hover, .docIndividualBlockother:hover {
    background-color:aliceblue;
    text-decoration:underline;
    top:15px;
 }
 .docIndividualTitle {
    display:block;
    font-size:16px;
    text-align:center;
    word-wrap:break-word;
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid black;
    width:100%;
    font-family: "Roboto", sans-serif;
    overflow:visible;
 }
 .docIndividualImg {
    width:100%;
    margin:0 auto;
 }

 .docIndividualImg:hover{
    width:100%;
 }

.docsTitleH {
    width:40%;
}

.docsSideInfo {
   margin:40px 25px 0 25px;
   padding:0 25px;
   width:90%;
   word-wrap:break-word;
}
.docsSideInfo span {
  font-size:18px;
  padding:5px;
  margin-top:5px;
}
.docInfoTitles {
  margin-bottom:20px;
  padding-bottom:10px;
  font-size:18px;
  font-weight:bold;
}
.docsSideInfo input, .docsSideInfo textarea, .docsSideInfo select {
  margin-top:10px;
  font-size:20px;
  margin-left:-20px;
  width:100%;
}
#editDocumentLinks {
    width:100%;
    display:flex;
    flex-direction:row;
    min-height:650px;
    height:100%
}
#editDocumentLinks div:first-of-type {
    border-right:1px solid black;
    height:auto;
    min-height:600px;
    width:100%;
    overflow:visible;
}
#editDocumentLinks div {
    min-height:800px;
    width:100%;
    overflow:visible;
}
.editDocumentTags {
    width:30%;
    overflow:visible;
}
.editDocumentTags h3 {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.editDocumentTags hr {
    width:80%;
    margin:10px auto 10px auto;
    color:black;
    border-color:black;
    background-color:black;
}
.editDocumentTagsA {
    width:70%;
    overflow:visible;
}
.editDocumentTagsA h3 {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.editDocumentTagsA hr {
    width:80%;
    margin:10px auto 10px auto;
    color:black;
    border-color:black;
    background-color:black;
}
.editDocumentTags div {
    margin:auto;
}
.linkedPart, .linkedPartB {
    border:1px solid black;
    font-family: "Roboto", sans-serif;
    font-size:16px;
    padding:10px;
    width:70%;
    font-weight:400;
    margin:5px;
    border-radius:5px;
    background-color:var(--linked-part);
    min-width:30%;
    position:relative;
}
.linkedPartRemove {
  position:absolute;
  width:16px;
  height:16px;
  top:30%;
  right:8%;
  cursor:pointer;
}
.linkedPartB {
  background-color:#b8ddc8;
}
.linkedPart:nth-of-type(even) {
  background-color:#f0f0f0;
}
.linkedPartB:nth-of-type(even) {
  background-color:#a7c9b6;
}
.linkedPart:hover, .linkedPartB:hover {
    background-color:var(--linked-part-hovers);
}
.tagsDisplay, .tagsDisplayA {
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    justify-content:center;
    overflow:visible;
}
.saveDocButton {
    margin:0 auto;
    font-family: "Roboto", sans-serif;
    font-size:16px;
    width: 240px;
    height:40px;
    border-radius:5px;
}
.saveDocReadyButton {
    margin:0 auto;
    font-family: "Roboto", sans-serif;
    background-color: rgba(101, 158, 211, 0.938);
    font-size:16px;
    width: 240px;
    height:35px;
    border-radius:5px;
}
#searchContainer {
    margin:0 auto;
    padding:5px;
    justify-content:right;
}
#saveDocContainer {
    justify-content:left;
    margin:0 auto;
    padding: 5px;
}
#searchText {
    height:35px;

}
#searchButton {
    width:100px;
    height:35px;
    font-family: "Roboto", sans-serif;
    font-size:14px;
}
.tagsSpan {
    margin:10px;
    line-height:150%;
}
#docsSideInfo strong {
    margin:10px;
}
#editDocInfo {
    width:100%;
    font-size:22px;
    margin:5px auto;
}
.docTagsTA {
    height:400px;
}
.docAdminImageShow {
    margin:0 auto;
    align-items:center;
    position:relative;
}
#noPartsFooter {
    border:1px solid #E0E0E0;
    padding:25px;
    width:auto;
}
/*
body#installation-instructions {
    width:100%;
    height:100%;
    overflow:visible;
}
body#installation-instructions header {
    width:100%;
    background-color:black;
    border:1px solid black;
    display:block;
}
*/

.partsLinkCount {
  font-size:16px;
  font-weight:600;
  float:right;
  padding:5px;
}

html {
    width:100vw;
    margin:0 0 0 0;
    overflow-x:hidden;
  }
  
body#install-instructions, body#error404 {
  height: 100%;
  box-sizing:border-box;
  font-family: roboto, helvetica, arial, sans-serif;
  font-weight: 300;
  margin:0 -10px -20px -10px;
  padding:0 10px 0 10px;
  overflow:visible;
}

body#error404 {
  height:100vh;
}

body#install-instructions header, body#error404 header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:black;
  margin:0 0 0 0;
  padding:0 0px;
}
body#install-instructions header img, body#error404 header img {
  width: 295px;
  height:80px;
  display: block;
  margin:0 20px 0 20px;
}
body#install-instructions header div p a, body#error404 header div p a {
  color: rgb(51, 93, 207);
  font-size:18px;
  font-weight:500;
  margin:45px;
}
.custInfoSide {
  width:50%;
  display:flex;
  flex-direction:column;
  align-items:right;
  flex:1;
}
body#install-instructions main, body#error404 main {
  margin:0px 0 80px 0;
  padding-top:40px;
  width:100vw;
  min-height:550px;
  width:auto;
  display:flex;
  flex-direction:row;
  border-top:1px solid rgba(126, 126, 126, 0.575);
  justify-content:space-around;
}
body#install-instructions main div.item-group {
  display:flex;
  flex-direction:column;
  min-width: 375px;
  min-height:80px;
  width:100%;
  margin:0 -8px 0 -8px;
  border:1px solid black;
  background-color:#FFF;
}
body#install-instructions main div.item-group h1 {
  font-size:36px;
  font-family: "Roboto", sans-serif;
  padding-left:15px;
}
body#install-instructions main div.item-group > div {
  padding: 15px;
  border: 1px solid #E0E0E0;
  justify-content: space-between;
}
body#install-instructions main div.item-group > div p {
  font-weight:500;
  padding-top:3px;
}
body#install-instructions main div.item-group > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/*
body#install-instructions main div.item-group > div hr {
  width:60%;
  border:0.25px solid black;
  margin-left:2px;
  border-color:black;
  color:black;
}
*/
body#install-instructions main div.item-group > div span .item-name {
  font-size: 16px;
  margin-top:5px; /* was margin-bottom:5px; */
  padding-bottom:5px;
  font-weight: 500;
  color:rgb(0, 0, 189);
}
body#install-instructions main div.item-group > div .item-description {
  margin-bottom:5px; /* was: margin-top:5px; */
  font-size: 20px;
  font-weight:400;
}
body#install-instructions main div.item-group > div .vehicle {
  font-size: 18px;
  font-weight:400;
  text-align:right;
  letter-spacing:0.25px;
}
body#install-instructions main div.item-group > div a {
  font-size: 16px;
  font-weight: bold;
  color: black;
  display: block;
}
body#install-instructions main div.item-group > div a img {
  position:relative;
  top:3px;
}
body#install-instructions main div.item-group > div a span {
  display: inline-block;
  padding: 0 10px;
}
body#install-instructions main div.item-group > div:nth-child(even) {
  background-color: #E0E0E0;
}
body#install-instructions footer, body#error404 footer {
  border-top:1px solid #adadad;
  background-color:#f8f7f7;
  font-family: "Roboto", sans-serif;
  font-size:18px;
  text-align:right;
  display:block;
  height:30px;
  padding:25px 25px 25px 0;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
body#install-instructions footer p, body#error404 footer p {
  padding-left:25px;
}
body#install-instructions footer p a, body#error404 footer p a {
  color:black;
}
body#install-instructions footer p a:hover, body#error404 footer p a:hover {
  color:rgb(105, 105, 105);
}
.items-container {
  display:flex;
  flex-wrap:wrap;
  width:45%;
  height:100%;
}
#centerLine {
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  margin-top:2%;
  border-left:1px solid black;
  height:50%;
}
.centeredInstallTitle, .centeredInstallTitle h1 {
  display:flex;
  background-color:rgb(255, 252, 252);
  justify-content:center;
  font-size:24px;
  font-weight:500;
  padding:7px 0 10px 0;
  font-family: "Roboto", sans-serif;
}
.centeredInstallTitle img {
  width: 295px;
  height:80px;
}
.custInfoSide {
  height:35%;
  margin-right:10%;
  padding:8px;
  vertical-align:top;
  display:flex;
  flex-direction:column;
  justify-content:baseline;
  }
.installSidebar {
    min-width:275px;
    width:75%;
    margin:8px 0 8px 20%;
    background-color:var(--setina-dark-blue);
    border:1px solid black;
    padding:5px;
  }
.installRightSide {
      width:10%;
      margin-left:10%;
  }
.innerInfo {
      padding:12px;
      background-color:#ffffff;
      border:1px solid black;
  }
.innerInfo p {
      font-size:20px;
      padding:5px;
  }
.innerInfo label {
  display:inline-block;
  margin:10px 10px 0px 10px;
  font-size:22px;
  }
.docInfoText {
  padding:5px;
  margin:10px 5px 5px 5px;
  font-weight:400;
  background-color: rgb(238, 238, 238);
  border:1px solid black;
  border-radius:3px;
  }

  body#install-instructions-entry main {
      margin:80px 0 80px 0;
      width:auto;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }

  body#install-instructions-entry {
      height: 80%;
      font-family: roboto, helvetica, arial, sans-serif;
      font-weight: 300;
      background-color: #fff;
      overflow:visible;
      background-color:#000000f6;
    }
    
  body#install-instructions-entry header {
      display: flex;
      justify-content: space-between;
      width: auto;
      align-items: center;
      background-color:black;
    }
    body#install-instructions header div p a {
      color:#FFF;
      font-size:18px;
      font-family: "Roboto", sans-serif;
      text-decoration:none;
    }
    #innerInfoNote {
      word-wrap:break-word;
      font-weight:300;
    }
    #innerInfoNote hr {
      width:100%;
      color:#adadad;
    }
    #innerInfoNote label {
      font-size:24px;
      font-weight:500;
      font-family: "Roboto", sans-serif;
    }
    #innerInfoContainer {
      margin-top:20px;
      background-color:var(--setina-dark-blue);
    }
    #notesPartsList {
      font-size:16px;
      font-family: "Roboto", sans-serif;
      font-weight:300;
    }
    #documentsFrontEntry {
      display:flex;
      flex-direction:row;
      min-height:555px;
      height:auto;
      margin: 0 auto -30px;
    }
    .documentsEntryLeft {
      display:flex;
      flex:1;
      width:25%;
      height:100%;
      flex-direction:row;
      align-items:end;
      text-align:right;
      margin-left:-100px;
      box-sizing:border-box;
    }
    .documentsEntryLeft label {
      display:block;
      float:right;
      margin:5px 8px 5px 0;
      font-weight:500;
      font-size:18px;
    }
    .documentsEntryRight {
      display:flex;
      flex-direction:column;
      flex:1;
      margin-left:100px;
      width:25%;
      min-height:600px;
      height:100%;
      padding:0px 0px 60px 25px;
      align-items:left;
      box-sizing:border-box;
    }
    .documentsEntryRight div {
      display:block;
      background-color:#FFF;
      background: radial-gradient(circle, rgba(235,235,235,1) 51%, rgba(255,255,255,1) 100%);
      padding:5px;
      border:1px solid black;
    }

    .documentsReplaceButton {
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:80%;
      height:15%;
      display:none;
    }
    
    .loginWarningError {
      margin-top:20px;
      color:#ec001c;
      font-weight:400;
      font-family: "Roboto", sans-serif;
    }
    .documentsEntryRight p {
      font-family: "Roboto", sans-serif;
      font-size:18px;
    }
    #installLogin {
      border:1px solid black;
      background-color:#FFF;
      background: radial-gradient(circle, rgba(235,235,235,1) 51%, rgba(255,255,255,1) 100%);
      margin-left:25%;
      padding:15px;
    }
    #installLogin input {
      padding:8px;
      margin:5px;
      font-family: "Roboto", sans-serif;
      font-size:18px;
      border-radius:3px;
    }
    #installLogin button, .setina-button1 {
      padding:5px;
      margin:8px 5px 0 0;
      width:140px;
      height:30px;
      background-color:#ec001c;
      color:#FFF;
      border:1px solid black;
      font-family: "Roboto", sans-serif;
      font-size:16px;
      border-radius:4px;
    }
    #documentsFrontContainer {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      height:60%;
    }
    .item-group-container {
      display:flex;
      align-items:center;
      justify-content:center;
      margin:8px 0 8px 4%;
      max-height:fit-content;
      width:74%;
      padding:8px;
      background-color:var(--setina-dark-blue);
      border:1px solid black;
    }
    #noDocsH {
      font-size:36px;
      font-family: "Roboto", sans-serif;
      /*padding:15px;*/
    }
    .installContainer {
      height:100%;
      width:100%;
      display:flex;
      flex-direction:column;
      align-items:start;
    }
    .stn-button-1 {
      font-family: "Roboto", sans-serif;
      height:35px;
      white-space: nowrap;
    }
    .adminHeadbar {
      width:100%;
      background-color:#f1f1f1;
      min-height:100px;
      /*
      margin-left:-22px;
      padding-left:22px;
      */
      padding-top:22px;
      padding-bottom:22px;
    }
    .adminHeadText h1 {
      font-size:28px;
      color:rgb(0, 0, 0);
    }
    .adminHeadText p {
      font-size:18px;

    }
    .adminHeadText {
      padding:25px;
      border-bottom:1px solid black;
      border-left:1px solid black;
    }
    .adminSubHeadbar {
      width:100%;
      background-color:#afafaf;
      min-height:60px;
      margin-left:-22px;
      padding-right:22px;
      display:flex;
      flex-direction:row;
    }
    .adminButton1, .subAdminButton1 {
      display:flex;
      height:60px;
      min-width:220px;
      border-right:0.5px solid grey;
      border-top:0.5px solid grey;
      border-bottom:0.5px solid grey;
      align-items:center;
      justify-content:center;
      font-size:20px;
      font-family: "Roboto", sans-serif;
      background-color:transparent;
      font-weight:normal;
      white-space:nowrap;
      cursor:pointer;
    }
    .adminButton1:hover, .subAdminButton1:hover {
      display:flex;
      height:60px;
      min-width:220px;
      /*
      margin-left:-22px;
      margin-bottom:-22px;
      margin-top:-1px;
      */
      border-right:0.5px solid grey;
      border-left:0.5px solid grey;
      border-bottom:0.5px solid grey;
      align-items:center;
      justify-content:center;
      font-size:20px;
      font-family: "Roboto", sans-serif;
      background-color:rgb(194, 194, 194);
      font-weight:normal;
      white-space:nowrap;
      cursor:pointer;
    }
    .adminDocsNewSearch {
      width:60%;
      padding:0px 0px 20px 0;
      border:1px solid black;
      word-wrap:break-word;
      word-break:break-all;
    }
    .adminDocsNewSearch h1 {
      padding-left:10px;
    }
    .adminDocsNewSearch div {
      border:1px solid black;
    }
    .adminDocsNewParts {
      width:20%;
      padding:20px;
      border:1px solid black;
    }
    #adminDocsPartSearch input {
      
    }
    #adminDocsPartSearch input[type=checkbox] {
      margin:0 auto;
    }
    #adminDocsPartSearch input[name=partSearchPnum] {
      width:15%;
    }
    #adminDocsPartSearch input[name=partSearchDesc] {
      width:49%;
    }
    #adminDocsPartSearch input[name=partSearchVeh] {
      width:20%;
    }
    #adminDocsPartSearch input[type=submit] {
      width:6%;
      padding:2px;
    }
    #docsSearchHeader1 {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #docsSearchHeader1 button {
      height:40px;
      margin:10px;
    }
    .adminDocsNewParts div {
      height:90vh;
    }
    .adminDocsNewParts div div {
      height:80%;
      display:flex;
      flex-direction:column;
      overflow-y:scroll;
      overflow-x:hidden;
      background-color:#E0E0E0;
      border:1px solid white;
    }
    #adminDocsPartsTable, #adminDocsPartsTableA, #adminPartsTableA {
      width:100%;
      max-height:600px;
      overflow-y:scroll!important;
        -webkit-touch-callout: none; /* iOS Safari */
          -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
              -moz-user-select: none; /* Old versions of Firefox */
              -ms-user-select: none; /* Internet Explorer/Edge */
                  user-select: none; /* Non-prefixed version, currently
                                        supported by Chrome, Edge, Opera and Firefox */
    }
    #adminDocsPartsTable tr, #adminDocsPartsTableA tr, #adminPartsTableA tr {
      background-color:rgb(245, 245, 245);
      height:30px!important;
    }
    #adminDocsPartsTable tr:nth-of-type(even), #adminDocsPartsTableA tr:nth-of-type(even), #adminPartsTableA tr:nth-of-type(even) {
      background-color:#e2e2e2;
      height:30px!important;
    }
    #adminDocsPartsTable tr:hover, #adminDocsPartsTableA tr:hover, #adminPartsTableA tr:hover {
      background-color:rgb(255, 255, 255);
      cursor:pointer;
    }
    #adminPartsTableA tr:hover {
      cursor:default;
    }
    #adminPartsTableA tr td.partNumber {
      cursor:pointer;
    }
    #adminPartsTableA tr td.partNumber:hover {
      border:1px solid black;
    }
    #adminDocsPartsTable tr th, #adminDocsPartsTableA tr th, #adminPartsTableA tr th {
      background-color:#000000;
      font-weight:500;
      color:white;
      height:30px!important;
    }
    #adminDocsPartsTable tr td, #adminDocsPartsTableA tr td, #adminPartsTableA tr td {
      height:20px;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr td:first-of-type {
      padding:0 20px;
    }
    #adminDocsPartsTableA tr th, #adminDocsPartsTableA tr td {
      padding:0 10px;
      word-wrap:break-word;
    }
    #adminDocsPartsTableA tr th:first-of-type, #adminDocsPartsTableA tr td:first-of-type {
      padding:0!important;
      word-wrap:break-word;
    }
    #adminDocsPartsTableA tr th:nth-of-type(2), #adminDocsPartsTableA tr td:nth-of-type(2) {
      width:20%;
      word-wrap:break-word;
    }
    #adminDocsPartsTableA tr th:nth-of-type(3), #adminDocsPartsTableA tr td:nth-of-type(3) {
      width:45%;
      word-wrap:break-word;
    }
    #adminDocsPartsTableA tr th:nth-of-type(4), #adminDocsPartsTableA tr td:nth-of-type(4) {
      width:30%;
      word-wrap:break-word;
    }
    #adminPartsTableA tr td:first-of-type, #adminPartsTableAHeader th:first-of-type {
      width:10%;
    }
    #adminPartsTableA tr td:nth-of-type(2), #adminPartsTableAHeader th:nth-of-type(2) {
      width:10%;
    }
    #adminPartsTableA tr td:nth-of-type(3), #adminPartsTableAHeader th:nth-of-type(3) {
      width:40%;
    }
    #adminPartsTableA tr td:nth-of-type(4), #adminPartsTableAHeader th:nth-of-type(4) {
      width:25%;
    }
    #adminPartsTableA tr td:nth-of-type(5), #adminPartsTableAHeader th:nth-of-type(5) {
      width:5%;
    }
    #adminPartsTableA tr td:nth-of-type(5), #adminPartsTableAHeader th:nth-of-type(6) {
      width:5%;
    }
    #adminPartsTableA input[type=text] {
      width:95%;
      margin-right:0.5%;
    }
    #adminPartsTableA select:first-of-type {
      width:95%;
    }


    #adminDocsPartsTable tr th:first-of-type, #adminDocsPartsTable tr td:first-of-type {
      width:3%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th:nth-of-type(2), #adminDocsPartsTable tr td:nth-of-type(2) {
      width:15%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th:nth-of-type(3), #adminDocsPartsTable tr td:nth-of-type(3) {
      width:15%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th:nth-of-type(4), #adminDocsPartsTable tr td:nth-of-type(4) {
      width:48%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th:nth-of-type(5), #adminDocsPartsTable tr td:nth-of-type(5) {
      width:16%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th:nth-of-type(6), #adminDocsPartsTable tr td:nth-of-type(6) {
      width:3%;
      word-wrap:break-word;
    }
    #adminDocsPartsTable tr th, #adminDocsPartsTable tr td {
      padding:0 10px;
      word-wrap:break-word;
    }
    .tableMessage:hover, .tableMessage {
      background-color:transparent!important;
    }
    #clear {
      width:100px;
      height:30px;
      margin-top:-75px;
      padding:3px;
      float:right;
    }
    #adminDocsPartsTable input[type=text] {
      width:100%;
      margin-left:-10px;
    }
    #adminDocsPartsTable select {
      width:112%;
      margin-left:-10px;
    }
    .headerTr {
      background-color:inherit!important;
      
    }
    .headerTr input {
      margin-left:-10px;
    }
    .headerTr input[type=checkbox] {
      box-sizing:border-box;
      margin-left:15px;
    }
    .headerTr input[name=partSearchPnum] {
      width:110%;
    }
    .headerTr input[name=partSearchDesc] {
      width:105%;
    }
    .headerTr input[name=partSearchVeh] {
      width:65%;
    }
    #partSearchSubmitButton{
      width:30%;
      height:75%;
      margin-left:10px;
    }
    #submitFilteredParts {
      width:100%;
      height:100%;
    }
    /*
    #delDoc {
      font-weight:normal;
      font-family: "Roboto", sans-serif;
      text-decoration: none;
      background-color: #EEEEEE;
      color: #333333;
      padding: 2px 6px 2px 6px;
      border-top: 1px solid #CCCCCC;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      border-left: 1px solid #CCCCCC;
  }
      */
    .partsCheck {
      margin:0 5px;
    }
    #adminDocsPartsTable tr.selectedPart {
      background-color:rgb(206, 255, 206);
    }
    #adminDocsPartsTable tr.selectedPart {
      background-color:rgb(180, 223, 180);
    }
    .partLinkField td input[type=checkbox] {
      margin:0 16px;
    }

    /*
    ADMIN OPTIONS SCREEN
    */
    .adminWidthFull {
      width:100%;
      background-color:rgb(243, 243, 243);
    }
    .adminWidthFull table {
      width:90%;
      border:1px solid black;
      border-collapse:collapse;
    }
    .adminWidthFull table tr {
      width:100%;
      height:80px;
      border-bottom:#E0E0E0;
      border:1px solid black;
      background-color:#fffdfd;
    }
    .adminWidthFull table tr td:first-of-type {
      width:70%;
      padding-left:20px;
      padding-right:20px;
    } 
    .adminWidthFull table tr td:nth-of-type(2) {
      width:30%;
    }
    .adminWidthFull table tr td p {
      font-size:14px;
    }
    .adminWidthFull table tr td p:first-of-type {
    font-weight:500;
    font-size:18px;
    }
    .adminOption {
      width:90%;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    .adminOptionRow {
      width:100%;
      min-height:80px;
      border-bottom:#E0E0E0;
      border:1px solid black;
      background-color:#fffdfd;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }

    .adminOptionRow div:nth-of-type(1) {
      width:50%;
      margin:auto 40px;
      border:1px solid black;
    }

    .adminOptionRow div:nth-of-type(1) p {
      font-size:14px;
    }
    
    .adminOptionRow div:nth-of-type(1) p:first-of-type {
      font-weight:500;
      font-size:18px;
    }

    .adminOptionRow div:nth-of-type(2) {
      width:50%;
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
    }

    .adminSpecialPartsTag {
      border:1px solid black;
      background-color:#d7e4ec;
      border-radius:5px;
      padding:5px;
      margin:5px;
    }

    #adminDocsPartsListStats {
      width:80%;
      margin:0 auto;
      background-color:rgb(240, 240, 240);
      border:1px solid black;
      padding:15px;
      border-radius:10px;
    }
    #excelExportDocsList, #linkPartsDocsPartsList, #excelImportDocsList {
      margin:20px auto 0px auto;
      display:flex;
      flex-direction:row;
      justify-content:center;
    }
    #excelExportDocsList p, #linkPartsDocsPartsList p, #excelImportDocsList p {
      font-size:18px;
      margin-top:-10px;
      border:1px solid black;
      border-radius:5px;
      padding:10px;
    }
    #excelExportDocsList p span, #linkPartsDocsPartsList p span, #excelImportDocsList p span {
      margin-top:3px;
    }
    #excelExportDocsList p span:first-of-type, #linkPartsDocsPartsList p span:first-of-type, #excelImportDocsList p span:first-of-type {
      margin-right:5px;
    }

    #linkPartsDocsPartsListReady {
      background-color:rgb(236, 234, 234);
    }
    #linkPartsDocsPartsList p:hover, #excelDocsPartsImport:hover, #excelDocsPartsExport:hover {
      cursor:pointer;
      background-color:rgb(243, 243, 243);
    }
    .linkPartsDocsPartsListActive p {
      background-color:rgb(164, 235, 248);
    }
    .partsDocLookupLink, .partsDocLookupLinkPA {
      float:right;
      text-decoration:none;
    }
    .partsDocLookupLink {
      margin:auto -5px auto 0px;
    }

    #importPDModal, #exportPDModal{
      padding:50px;
      width:15vw;
      height:15vh!important;
      left: 50%;
      border:2px solid black;
      border-radius:10px;
      transform: translate(-50%, 0);
      background-color:rgb(219, 218, 218);
      position:absolute;
      display:none;
      flex-direction:column;
      justify-content:center;
      gap: 10px;
      height:auto;
      overflow:hidden;
      }
      #importPDModal hr, #exportPDModal hr {
      width:80%;
      margin:5px auto;
      }
      #importPDModal div:nth-of-type(2) {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      vertical-align:middle;
      }
      #importPDModal div form {
      margin:0 auto;
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      justify-content:space-between;
      width:100%;
      border:1px solid black;
      border-radius:5px;
      }
      #importPDModal div form input {
      width:100%;
      }
      #importPDModal form input[type=submit], #importPDModal form button {
      width:40%;
      height:40px;
      }
      #exportPDModal button, #exportPDModal input[type=submit] {
      width:40%;
      height:40px;
      }

    /*
    ADMIN ORDERS SCREEN
    */
    #simpleSearchBar, #simpleSearchBarInner {
      min-width:210px;
      margin-top:5px;
      box-sizing:border-box;
    }
  
    .orderTopBar div:nth-of-type(3) {/*
    padding-top:15px;*/
    }

    .orderTopBar div:nth-of-type(3) label {
    padding-bottom:5px;
    }

    .orderTopBar div h1 {
      margin-left:5px;
      margin-bottom:5px;
    }

    #orderAdvSearch {
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      width:98%;
      margin:-2px -2px 0px -2px;
      height:40px;
      overflow:hidden;
    }
    #orderAdvSearch div {
      display:block;
    }
    #part_profile_left {
      width:35%;
      display:flex;
      flex-direction:column;
      gap:5px;
    }
    #part_profile_center {
      width:35%;
      padding-left:25px;
    }

    #part_profile_right {
      width:30%;
    }

    #part_profile_images_selector_container {
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        box-sizing:border-box;
        padding:0.5%;
        gap:8px;
        transition:0.5s;
        border:1px solid transparent;
    }

    #part_profile_images_selector_container img {
      width:48px;
      height:48px;
      border:1px solid black;
      cursor:pointer;
    }

    #part_profile_images_selector_container img:nth-of-type(1) {
      border:2px solid blue;
    }

    #parts_profile_images_display_type p {
      font-size:18px;
    }

    #part_profile_images_edit {
      width:60%;
      height:40px;
      margin-bottom:8px;
    }

    #part_profile_go_back, #part_profile_save_images {
      width: 120px;
      height:40px;
      font-size:18px;
    }

      #part_profile_save_images {
        width:160px;
      display:none;
    }

    .part-image-arrow {
      display:none;
    }

    a.partNumber {
      cursor:pointer;
    }
    #adminSingleOrderAjaxFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      height:10%;
    }
    #adminSingleOrderAjaxFooter button {
      width:120px;
      height:40px;
      font-size:18px;
      margin-top:20px;
    }

    #part_profile_right label, #part_profile_left label, #part_profile_img label, #part_profile_description label, #part_profile_center label {
      display:inline-block;
      /*
      margin-top:10px;
      margin-bottom:10px;
      */
      font-weight:500;
      font-size:18px;
    }

    #part_profile_right p, #parts_profile_left p, #part_profile_img div p, #part_profile_description p, #part_profile_center .likeRegularP {
      border-radius:5px;
      font-size:20px;
      padding:5px;
      width:fit-content;
    }

    #part_profile_description {
      margin-top:10px;
      margin-left:10px;
    }

    #part_profile_part_number {
      font-size:32px;
      margin-left:20px;
      margin-top:30px;
    }

    #part_profile_vehicle {
      font-size:24px;
      padding-right:30px;
      padding-bottom:20px;
    }

    #part_profile_img {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #part_profile_display_img_container {
      width:240px;
      height:240px;
      position:relative;
    }

    #part_profile_display_image {
      width:100%;
      height:100%;
    }

    #part_profile_display_img_container_remove, .adminProductTypeCoverImageRemove {
      position:absolute;
      top:20px;
      right:20px;
      display:none;
      width:16px;
      height:16px;
      cursor:pointer;
    }

    .adminProductTypeCoverImageRemove {
      top:5px;
      right:5px;
    }

    .part-image-arrow {
      width:20%;
      height:100%;
    }

    #part_profile_images_json, #part_profile_pt_images_json {
      display:none;
    }

    #part_profile_img div {
      width:50%;
      padding:15px;
    }
    #part_profile_img div label {
      font-size:20px;
    }
    #part_profile_img div p {
      font-size:24px;
    }

    #detailedOrderSearchForm input, #detailedOrderSearchForm select {
      margin-top:5px;
    }

    #detailedOrderSearchForm input[name="orderid"], #detailedOrderSearchForm input[name="po"] {
      width:80px;
    }
    #detailedOrderSearchForm input[name="customer"] {
      width:360px;
    }
    #detailedOrderSearchForm input[name="shipto"] {
      width:240px;
    }
    #detailedOrderSearchForm input[name="orderdate"] {
      width:120px;
    }
    #detailedOrderSearchForm select[name="status"] {
      margin-left:-10px;
      width:90px;
    }
    #detailedOrderSearchForm input[type="submit"] {
      width:99%;
      height:30px;
      margin-top:5px;
    }

    #orderAdvSearch div:nth-of-type(1) {
      width:10%;
    }

    #orderAdvSearch div:nth-of-type(2) {
      width:10%;
    }

    #orderAdvSearch div:nth-of-type(3) {
      width:25%;
    }

    #orderAdvSearch div:nth-of-type(4) {
      width:20%;
    }

    #orderAdvSearch div:nth-of-type(5) {
      width:10%;
    }

    #orderAdvSearch div:nth-of-type(6) {
      width:5%;
    }

    #orderAdvSearch div:nth-of-type(7) {
      width:20%;
    }

    .orderTopBar {
      width:98%;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    .orderTopBar div {
      min-width:12.5%;
    }
    .orderTopBar div label {
      font-weight:500;
      margin-left:5px;
      margin-right:5px;
    }
    .orderTableContainer {
      width:98%;
    }
    .orderTableContainer table tbody tr th td {
      font-family: "Roboto", sans-serif;
      font-size:18px;
      font-weight:400;
    }

    #singleOrderContainer {
      display:flex;
      flex-direction:column;
      width:90vw;
      box-sizing:border-box;
      padding:5px;
      background-color:#f5f5f5;
    }

    #singleOrderTopBar, #singleOrderTopBarAjax {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:88vw;
      box-sizing:border-box;
      padding:5px;
    }
    #singleOrderTopBarAjax {
      width:100%!important;
    }
    #singleOrderTopBarBlockLeft, #singleOrderTopBarBlockRight {
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      width:25%;
    }
    #singleOrderTopBarBlockRight {
      padding-top:20px;
      padding-right:25px;
    }
    #singleOrderTopBarBlockLeft {
      padding-left:25px;
    }

    #singleOrderTopBarBlockLeft table, #singleOrderTopBarBlockRight table {
      border-collapse:collapse;
      width:100%;
    }
    #singleOrderTopBarBlockLeft table tr td, #singleOrderTopBarBlockRight table tr td {
      font-size:18px;
      padding:10px;
    }
    #singleOrderTopBarBlockLeft tr:first-of-type, #singleOrderTopBarBlockLeft tr:nth-of-type(2), #singleOrderTopBarBlockRight tr {
      border-bottom:1px solid rgb(172, 172, 172);
    }
    #singleOrderTopBarBlockLeft tr td:first-of-type, #singleOrderTopBarBlockRight tr td:first-of-type {
      font-weight:500;
    }
    #singleOrderTopBarBlockLeft tr td:nth-of-type(2), #singleOrderTopBarBlockRight tr td:nth-of-type(2) {
      font-size:16px;
    }
    #singleOrderTopBarBlockLeft h1, #singleOrderTopBarBlockRight h1 {
      font-size:40px;
      font-weight:500;
      padding:5px;
    }
    #singleOrderTopBarShipToBlock, #singleOrderTopBarSoldToBlock {
      padding:5px;
      width:30%;
    }
    #singleOrderTopBarShipToBlock div, #singleOrderTopBarSoldToBlock div {
      display:flex;
      flex-direction:column;
      background-color:rgb(255, 255, 255);
      box-sizing:border-box;
      padding:10px 10px 10px 20px;
      border-radius:15px;
      margin:15px;
    }
    #singleOrderTopBarShipToBlock p, #singleOrderTopBarSoldToBlock p {
      font-size:16px;
    }
    #singleOrderTopBarShipToBlock label, #singleOrderTopBarSoldToBlock label {
      font-weight:500;
      font-size:18px;
      margin-bottom:5px;
      margin-left:30px;
    }
    #adminSingleOrderPreviousNext {
      position:fixed;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      height:40px;
      padding:40px;
      bottom:40px;
      right:40px;
    }
    #adminSingleOrderPreviousNext span {
      display:flex;
      flex-direction:row;
      gap:10px;
    }
    #adminSingleOrderPreviousNext a {
      display:block;
      width:auto;
      height:auto;
      border:1px solid black;
      border-radius:5px;
    }
    #adminSingleOrderPreviousNext a:hover {
      background-color:white;
    }
    #adminSingleOrderPreviousNext a img {
      width:36px;
      height:36px;
    }
    .adminOrderLinesTableContainer {
      margin-bottom:-40px;
    }
    .adminOrderLinesTableContainer table tbody tr td {
      vertical-align:middle;
    }
    .adminOrdersAddQuestion {
      display:inline-block;
      box-sizing:border-box;
      margin-top:3px;
    }
    .adminOrdersAddQuestion img {
      width:24px;
      height:24px;
      cursor:pointer;
    }
    .adminOrdersCheckQuestions {
      position:relative;
      cursor:pointer;
    }
    .adminOrdersCheckQuestions img {
      width:27.5px;
      height:24px;
      margin-top:3px;
    }
    .adminOrdersCheckQuestionsNotif {
      position:absolute;
      top:-25%;
      left:115%;
      font-size:14px;
      font-weight:600;
      color:red;
    }
    #adminOrdersQuestionModal {
      display:none;
      position:fixed;
      flex-direction:column;
      width:30%;
      min-height:600px;
      border:1px solid black;
      background-color:rgb(240, 240, 240);
      border-radius:10px;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      padding:10px;
    }
    #adminOrdersQuestionModal hr {
      width:100%;
    }
    #adminOrdersQuestionModal textarea {
      width:100%;
      height:140px;
    }
    #adminOrdersQuestionModalTitle {
      display:flex;
      flex-direction:column;
    }
    #adminOrdersQuestionModalTitle p {
      margin-top:-15px;
      font-size:14px;
    }
    #adminOrdersQuestionModalBody, #adminOrdersQuestionModalBodyList {
      width:100%;
      min-height:300px;
      max-height:500px;
      height:auto;
      overflow-y:scroll;
    }
    #adminOrdersQuestionModalBodyList {
      display:flex;
      flex-direction:column-reverse;
    }
    #adminOrdersQuestionModalBody textarea {
      width:100%;
      height:100%;
    }
    #adminOrdersQuestionModalFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
    }
    #adminOrdersQuestionModalFooter button {
      width:120px;
      height:30px;
    }
    .adminOrdersQuestionSmallItem {
      box-sizing:border-box;
      border:0.5px solid black;
      background-color:#d6d3d5;
      padding:8px;
      margin:5px 0 5px 0;
    }

    /*
    IMPORT LOGS SCREEN
    */
    .adminHeader1 {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      border-bottom:1px solid grey;
      border-left:1px solid grey;
      border-right:1px solid grey;
      margin-right:0px;
      margin-right:35px;
      margin-bottom:10px;
      padding:10px;
      /*background-color:white;*/
    }
    .adminHeader1 h1 {
      font-size:38px;
    }
    .adminHeader1 p {
      padding-top:0px;
      padding-right:10px;
      font-size:16px;
      width:70%;
      /*background-color:white;*/
    }
    .adminTopBar1 {
      height:40px;
      display:-webkit-flexbox;
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      margin-right:35px;
      width:95%;
    }
    #viewOrder, #viewImport {
      width:95%;
      height:auto;
      overflow-x:hidden;
      border:1px solid black;
      background-color:white;
      padding:25px;
    }
    #viewImport {
      overflow-y:scroll;
      height:70vh;
    }

    #importLogsFilter input[type=submit] {
      width:200px;
      height:32px;
    }

    .activityLogShowFull {
      /*
      display:block;
      margin:30px;
      padding:5px;
      font-size:16px;
      */
      display:flex;
      margin-top:3px;
    }
    .activityLogShowFull img {
      display:block;
      margin-top:4px;
    }
    .adminActivityAuxInfo {
      display:none;
    }

    /*
    WP LIST TABLE CUSTOM COLUMN SIZES
    */

    /* Order Page */
    .wp-list-table .order_id {
      width:10%;
    }
    .wp-list-table .ponum {
      width:10%;
    }
    .wp-list-table .cust_id {
      width:25%;
    }
    .wp-list-table .shipto {
      width:20%;
    }
    .wp-list-table .orddate {
      width:10%;
    }
    .wp-list-table .ordstatus {
      width:5%;
    }
    .wp-list-table .esd {
      width:5%;
    }
    .wp-list-table .totalprice {
      width:10%;
    }
    .wp-list-table .line_count {
      width:5%;
    }
    #adminDistributorsContentSingleInner .wp-list-table .type {
      width:5%;
    }
    .wp-list-table .carrier {
      width:10%;
    }
    .wp-list-table .last_updated {
      width:5%;
    }

    /*  Imports Page  */
    .wp-list-table .id {
      width:10%;
    }
    .wp-list-table .type {
      width:20%;
    }
    .wp-list-table .date {
      width:20%;
    }
    .wp-list-table .time {
      width:20%;
    }
    .wp-list-table .orders {
      width:5%;
    }
    .wp-list-table .distributors {
      width:5%;
    }
    .wp-list-table .contacts {
      width:5%;
    }
    .wp-list-table .lines {
      width:5%;
    }
    .wp-list-table .parts {
      width:5%;
    }
    .wp-list-table .addresses {
      width:5%;
    }
    .wp-list-table .errors {
      width:5%;
    }

    /* Single Order Page */
    .wp-list-table .action {
      width:5%;
      font-size:20px;
    }
    .wp-list-table .lineno {
      width:5%;
      font-size:20px;
    }
    .wp-list-table .pnum {
      width:10%;
      font-size:20px;
    }
    .wp-list-table .part_desc {
      width:30%;
      font-size:20px;
    }
    .wp-list-table .discount {
      width:10%;
    }
    .wp-list-table .dealer_price {
      width:10%;
    }
    .wp-list-table .part_price {
      width:10%;
    }
    .wp-list-table .part_price_net {
      width:10%;
    }
    .wp-list-table .lineqty {
      width:10%;
    }
    .wp-list-table .linetotal {
      width:10%;
    }
    .wp-list-table .lineItemsOrderTable table tbody tr td {
      font-size:20px;
    }

    /* Error Logs Page */

    .wp-list-table .activity_log_date {
      width:10%;
    }
    .wp-list-table .activity_log_time {
      width:10%;
    }
    .wp-list-table .activity_log_class {
      width:10%;
    }
    .wp-list-table .activity_log_subclass {
      width:10%;
    }
    .wp-list-table .activity_log_event {
      width:10%;
    }
    .wp-list-table .activity_log_text {
      width:40%;
      text-wrap:wrap;
    }
    .wp-list-table .activity_log_text pre {
      text-wrap:wrap;
    }
    .wp-list-table .activity_log_priority {
      width:10%;
    }

    .adminActivityLogTable {
      border:1px solid black;
      border-collapse:collapse;  
      border-radius:10px;
    }
  
    .adminActivityLogTable tr:nth-of-type(odd) {
      background-color:#eff5f7c9;
    }
    .adminActivityLogTable tr:nth-of-type(even) {
      background-color:#e2f4f7c9;
    }

    .adminActivityLogTable tr td:nth-of-type(1) {
      width:fit-content;
      overflow:hidden;
    }

    .adminActivityLogTable tr td:nth-of-type(2) {
      text-wrap:wrap;
      overflow-wrap:anywhere;
    }

    /* Admin Distributor Users Page */

    #display_name {
      width:20%;
    }
    #user_login {
      width:10%;
    }
    #primary {
      width:10%;
    }
    #distributor {
      width:10%;
    }
    #email {
      width:20%;
    }
    #user_registered {
      width:20%;
    }

    #address_addrname {
      width:20%;
    }

    #address_customer {
      width:10%;
    }

    #address_shiptoo {
      width:5%;
    }
    
    #address_address {
      width:30%;
    }

    #address_city {
      width:5%;
    }

    #address_zip {
      width:5%;
    }

    #address_state {
      width:5%;
    }

    #address_country {
      width:5%;
    }

    #address_contact {
      width:15%;
    }

    /* Contacts table page */
    #contact_id {
      width:3%;
    }
    #contact_customer_name {
      width:15%;
    }
    #contact_customer {
      width:5%;
    }
    #contact_name {
      width:7%;
    }
    #contact_phone {
      width:5%;
    }
    #contact_position {
      width:10%;
    }
    #contact_email {
      width:10%;
    }

    #adminDistributorsAddressBookContainer {
      display:flex;
      flex-direction:column;
      width:90vh;
    }

    #adminDistributorsAddressBookSearch input {
      box-sizing:border-box;
      width:95%;
    }
    
    #adminDistributorsAddressBookSearch input[type=submit] {
      width:50%;
    }

    #adminDistributorsOrdersSearch input {
      box-sizing:border-box;
      width:95%;
    }

    #adminDistributorsAddressBook {
      display:flex!important;
      flex-direction:row!important;
      justify-content:space-evenly;
      width:88vw;
      margin-bottom:0.5%;
      box-sizing:border-box;
    }

    #adminDistributorsAddressBook div:nth-of-type(1) {
      width:20%;
    }
    #adminDistributorsAddressBook div:nth-of-type(2) {
      width:10%;
    }
    #adminDistributorsAddressBook div:nth-of-type(3) {
      width:5%;
    }
    #adminDistributorsAddressBook div:nth-of-type(4) {
      width:29%;
    }
    #adminDistributorsAddressBook div:nth-of-type(5) {
      width:5%;
    }
    #adminDistributorsAddressBook div:nth-of-type(6) {
      width:6%;
    }
    #adminDistributorsAddressBook div:nth-of-type(7) {
      width:5%;
    }
    #adminDistributorsAddressBook div:nth-of-type(8) {
      width:5%;
    }
    #adminDistributorsAddressBook div:nth-of-type(9) {
      width:15%;
    }

    #adminQuotesTopBar {
      display:flex!important;
      flex-direction:row!important;
      justify-content:baseline;
      width:88vw;
      margin-bottom:0.5%;
      box-sizing:border-box;
    }

    #adminQuotesTopBar div {
     padding:0;
     display:flex;
     flex-direction:column;
    }
    
    #adminQuotesTopBar div label {
      font-weight:500;
      margin-left:5px;
    }

    #adminQuotesTopBar input {
      width:95%!important;
    }
    #adminQuotesTopBar div input[type=submit] {
      margin-top:20px!important;
    }

    #adminQuotesTopBar div:nth-of-type(1) {
      width:11%!important;
    }
    #adminQuotesTopBar div:nth-of-type(2) {
      width:25%!important;
    }
    #adminQuotesTopBar div:nth-of-type(3) {
      width:24%!important;
    }
    #adminQuotesTopBar div:nth-of-type(4) {
      width:6%!important;
    }
    #adminQuotesTopBar div:nth-of-type(5) {
      width:7%!important;
    }
    #adminQuotesTopBar div:nth-of-type(6) {
      width:7%!important;
    }
    #adminQuotesTopBar div:nth-of-type(7) {
      width:5%;
    }
    #adminQuotesTopBar div:nth-of-type(8) {
      width:15%;
    }

    #adminQuotesTopBar div:nth-of-type(8) input[type=submit] {
      margin:auto 0;
    }

    #adminDistributorsAddressBookSearch input {
      width:95%;
      height:100%;
    }
    
    #adminDistributorsUserAccountSearch input {
      width:95%;
      height:100%;
    }
    #adminAddressesTable tr td, #adminDistributorsTable tr td {
      vertical-align:middle;
    }
    .adminDistributorUserFieldPrimary {
      font-weight:500!important;
    }
    #adminAddressTaxStatement, #adminAddressSetinaBrokerInbound, #adminAddressSetinaBrokerOutbound {
      display:none!important;
    }
    #adminAddressModalCopyTax, #adminAddressModalCopySetinaBroker, #adminAddressModalCopySetinaBrokerOutbound, #adminAddressModalCopySetinaBrokerInbound {
      width:120px;
      height:40px;
      margin-right:5px;
    }
    #adminAddressModal, #quoteRequestModal {
      position:fixed;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      display:none;
      flex-direction:column;
      width:80%;
      height:65%!important;
      padding:10px;
      border:1px solid black;
      box-sizing:border-box;
      background-color:rgb(230 230 230);
      border-radius:5px;
      box-sizing:border-box;
      z-index:5000;
    }
    #quoteRequestModal {
      font-size:1.2rem;
      height:90%!important;
      width:90%!important;
    }
    #adminAddressModalHeader, #quoteRequestModalHeader {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      border-bottom:1px solid black;
      margin:-10px -10px 10px -10px;
      background-color:#fafbfd;
      height:10%;
      box-sizing:border-box;
      padding-left:20px;
    }
    #quoteRequestModalHeader {
      align-items:center;
      z-index:1000;
    }
    #quoteRequestModalHeader div a:nth-of-type(1) {
      text-decoration:none;
    }
    #quoteRequestModalHeader div a:nth-of-type(1):hover {
      text-decoration:underline;
    }
    #quoteRequestModalHeader div a:nth-of-type(2) {
      color:#acacac;
    }
    #adminAddressModalHeader p, #quoteRequestModalHeader p {
      box-sizing:border-box;
      font-weight:500;
      padding:15px;
    }
    #adminAddressModalBody, #adminAddressModalBodyLower, #quoteRequestModalBody, #quoteRequestModalBodyLower {
      display:flex;
      flex-direction:row;
      height:60%!important;
      gap:10px;
      box-sizing:border-box;
      flex-grow:1;
    }
    #adminAddressModalBody h4, #quoteRequestModal h4 {
      margin:5px;
    }
    #adminAddressModalBodyLower, #quoteRequestModalBodyLower {
      margin-top:10px;
      height:50%;
    }
    .adminAddressModalBodyDiv, .quoteRequestModalBodyDiv {
      flex-basis:auto;
      border:1px solid black;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      box-sizing:border-box;
      padding:10px;
      background-color:#f5f5f0;
    }
    #adminQuoteRequestModalFinalConfirmQuoteAdded {
      width:30%;
    }

    .adminQuoteRequestModalFinalConfirmTableBody div:nth-of-type(1) {
      width:40%;
      padding-right:6px;
    }

    .adminQuoteRequestModalFinalConfirmTableBody div:nth-of-type(1) {
      font-size:1.2rem;
    }

    .adminQuoteRequestModalFinalConfirmTableBody div:nth-of-type(2) {
      width:60%;
      padding-left:6px;
      font-weight:bold;
    }

    .adminQuoteRequestModalFinalConfirmTableBody div:nth-of-type(2) p {
      font-size:1.4rem;
    }

    .adminAddressModalBodyDiv {
      width:33%;
    }
    #adminAddressModalOrders {
      display:flex;
      flex-direction:column;
      flex-basis:100%;
    }
    #adminAddressModalBody div h3 {
      font-size:28px;
      padding-left:10px;
      line-height:1.1;
    }
    #adminAddressModalBody div p {
      font-size:18px;
      padding-left:10px;
    }
    #adminAddressModalContactDiv {
      border:1px solid black;
      box-sizing:border-box;
      width:100%;
      display:flex;
      flex-direction:column;
      background-color:#eff4f5!important;
      margin-top:10px;
    }
    #adminAddressModalContactDiv h4 {
      padding-left:5px;
    }
    #adminAddressModalContactDiv p {
      padding-left:10px;
    }
    #adminAddressModalIDSpan {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      padding:10px;
      align-items:center;
    }
    #adminAddressModalIDSpan p {
      font-size:1rem!important;
    }
    #adminAddressModalIDSpan p:nth-of-type(2) {
      font-weight:bold;
      font-size:1.1rem!important;
    }
    .adminAddressModalRecentOrder {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #adminAddressModalFooter, #quoteRequestModalFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      height:10%;
      border-top:1px solid black;
      margin:10px -10px -10px -10px;
      box-sizing:border-box;
      padding:15px;
      align-items:center;
    }
    #adminAddressModalCancel, #quoteRequestModalCancel {
      width:120px;
      height:40px;
    }

    #quoteRequestModalCancel {
      width:80px;
      height:35px;
    }

    #quoteRequestModalMarkedClosed {
      height:40px;
    }

    #quoteRequestModalLeft {
      width:30%;
      box-sizing:border-box;
      border:1px solid black;
      overflow-y:auto;
      overflow-x:hidden;
    }

    #quoteRequestModalRight {
      width:70%;
    }

    #quoteRequestModalLeftUpper {
      display:flex;
      flex-direction:column;
      gap:10px;
      box-sizing:border-box;
      padding-right:5px;
    }

    #quoteRequestModalLeftUpper div {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }

    #quoteRequestModalLeftUpper div span:nth-of-type(1) {
      font-weight:500;
    }

    span.count {
      font-weight:normal!important;
    }

    #quoteRequestModalLeftUpper div span:nth-of-type(2) {

    }

    #quoteRequestModalAddressBox {
      display:flex;
      flex-direction:column;
      gap:10px;
      box-sizing:border-box;
      font-size:1.6rem;
      margin-top:4%;
      padding:2%;
      border:1px solid black;
      background-color:rgb(247, 247, 247);
      line-height:1.0;
      position:relative;
    }

    #quoteRequestModalAddressBox .switch {
      position:absolute;
      top:6px;
      right:6px;
      width:24px;
      height:24px;
      cursor:pointer;
    }

    #quoteRequestModalAddressBox span:nth-of-type(1) {
      font-weight:600;
      width:90%;
    }

    #adminQuoteRequestChangeAddressSelector {
      width:40%;
      height:60%;
    }

    #adminQuoteRequestChangeAddressSelector .adminWindowHeader .distributor {
      color:blue;
    }

    #adminQuoteRequestChangeAddressSelector .adminWindowBody #adminQuoteRequestChangeAddressList {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      border:1px solid black;
      width:100%;
      height:90%;
      overflow-x:hidden;
      overflow-y:scroll;
      scrollbar-width:thin;
    }

    #adminQuoteRequestChangeAddressListInner {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      width:100%;
    }

    #adminQuoteRequestChangeAddressListInner .address {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        min-height:80px;
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid black;
    }

    #adminQuoteRequestChangeAddressListInner .address:nth-of-type(even) {
      background-color:rgb(253, 253, 253);
    }

    #adminQuoteRequestChangeAddressList .address div {
      box-sizing:border-box;
      padding:1%;
    }

     #adminQuoteRequestChangeAddressList .address div:nth-of-type(1) {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        width:10%;
    }

     #adminQuoteRequestChangeAddressList .address div:nth-of-type(2) {
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        width:90%;
    }

    #adminQuoteRequestChangeAddressList .address div:nth-of-type(2) span:first-of-type {
      font-weight:bold;
    }

    #adminQuoteRequestChangeAddressList .address:hover {
      background-color:rgba(213, 226, 231, 0.432);
    }

    #adminQuoteRequestChangeAddressList .address.selected {
      background-color:rgb(179, 215, 230)!important;
    }

    #adminQuoteRequestChangeAddressList .address:last-of-type {
        border:none;
    }

    #adminQuoteRequestAddressSelectorNewAddress {
      width:20%;
      min-height:55%;
    }

    #adminQuoteRequestAddressSelectorNewAddress .adminWindowBody {
      padding:4%;
      gap:4px;
    }

    #adminQuoteRequestAddressSelectorNewAddress .flex-column {
      align-items:flex-start;
    }

    #adminQuoteRequestAddressSelectorNewAddress input {
      width:100%;
    }

    #adminQuoteRequestAddressSelectorOpenNewAddressWindow {
      height:35px;
    }

    #adminQuoteRequestAddressSelectorNewAddress .csz {
      gap:1%;
      justify-content:center;
    }

    #adminQuoteRequestAddressSelectorNewAddress .csz div {
      flex:1;
    }

    #adminQuoteRequestAddressSelectorNewAddress .csz input {
      width:100%;
    }

    #adminQuoteRequestAddressSelectorNewAddressWarning {
      color:red;
    }

    #adminPortalManualUpdateContainer {
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      position:relative;
      padding:5%;
    }

    #adminPortalWidgetManualUpdateLoadingIcon {
      position:absolute;
      display:none;
      top:3px;
      right:3px;
      width:24px;
      height:24px;
    }

    #adminPortalWidgetManualUpdateSubmit {
      font-size:1.1rem;
      margin-bottom:3px;
    }

    #adminPortalWidgetManualSecondsLeftTimer {
      font-size:0.8rem;
      color:rgb(93, 113, 136);
    }

    #adminPortalWidgetManualLastUpdated, #adminPortalWidgetManualLastUpdated span {
      font-size:0.8rem;
      color:gray;
    }

    #quoteRequestModalLeftBottom {
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    #quoteRequestModalLeftBottom div {
      display:flex;
      flex-direction:row!important;
      justify-content:space-between;
    }

    #quoteRequestModalMiddle {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
      padding-top: 4%;
    }

    #quoteRequestModalMiddle div {
      display:flex;
      flex-direction:column!important;
      gap:5px;
    }

    #quoteRequestModalMiddle div span:nth-of-type(2) {
      font-style:italic;
    }

    #quoteRequestModalMiddle div:nth-of-type(1) span:nth-of-type(2), #quoteRequestModalMiddle div:nth-of-type(2) span:nth-of-type(2) {
      box-sizing:border-box;
      padding:2%;
      border:1px solid rgba(172, 172, 172, 0.637);
      line-height:1.2;
      background-color:rgb(247, 247, 247);
    }

    #quoteRequestModalMiddleLower {
      display:flex;
      flex-direction:column!important;
      gap:5px;
      margin-top:40px;
    }

    #quoteRequestModalMiddleLower div {
      display:flex;
      flex-direction:column!important;
      min-height:40px;
    }
    
    #quoteRequestLinesTableAboveHeader {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      box-sizing:border-box;
      padding:1% 4% 0 2%;
      font-size:1.4rem;
    }

    #quoteRequestLinesTableAboveHeader div:nth-of-type(1) {
      flex:0.8;
      justify-content:space-evenly;
    }

     #quoteRequestLinesTableAboveHeader div:nth-of-type(1) span {
      width:33%;
      box-sizing:border-box;
     }

    #adminQuoteRequestOpenDetailsWindow {
      display:none;
    }

    #adminQuoteRequestCopyQuoteOpenWindow, #adminQuoteRequestRemoveQuoteOpenWindow {
      display:none;
    }

    #adminQuoteRequestCopyQuoteOpenWindow img, #adminQuoteRequestRemoveQuoteOpenWindow img {
      width:30px;
      height:30px;
    }

    #adminQuoteRequestModalCopiedFromInfo {
      display:none;
    }

    #adminQuoteRequestExtraMenuOptions {
      position:absolute;
      right:0;
      border:1px solid black;
      display:none;
      flex-direction:column;
      width:160px;
    }

    #adminQuoteRequestExtraMenuOptions div {
      border-bottom:1px solid black;
      box-sizing:border-box;
      padding:4%;
      font-size:1.4rem;
      white-space:nowrap;
      background-color:white;
      text-align:right;
      user-select:none;
      cursor:pointer;
    }

    #adminQuoteRequestBulkQuantityWindow button, #adminQuoteRequestBulkDiscountWindow button {
      font-size:1.1rem;
    }

    .adminQuoteRequestBulkApplyDiscountWindowBody {
      flex-direction:row!important;
      justify-content:center;
      align-items:center;
      gap:5px!important;
    }

    .adminQuoteRequestBulkApplyDiscountWindowBody p {
      font-size:1.1rem;
    }

    .adminQuoteRequestBulkApplyDiscountWindowBody input {
      width:35%;
    }

    #adminQuoteRequestExtraMenuOptions div:hover {
      background-color:rgb(230, 230, 230);
    }

    #adminQuoteRequestExtraMenuOptions div:last-of-type {
      border:none;
    }

    #frontSearchInputContainer {
      position:relative;
    }

    #quoteRequestLinesTableAboveHeader span:nth-of-type(1) {

    }

    #quoteRequestLinesTableAboveHeader span:nth-of-type(2) {

    }

    #quoteRequestModalBottomNote {
      font-size:1.4rem;
    }

    #quoteRequestModalQuoteNumber {
      display:none;
      box-sizing:border-box;
      padding:3px;
    }

    #quoteRequestLinesTableContainer {
      overflow-y:auto;
      box-sizing:border-box;
      width:100%;
      padding:0 2% 2% 2%;
      margin-top:2%;
      height:90%;
    }

    #quoteRequestLinesTable {
      width:100%;
      height:100%;
      border:1px solid black;
      border-collapse:collapse;
      box-sizing:border-box;
      table-layout:fixed;
    }

    #quoteRequestLinesTable tbody {
      display:table!important;
      width:100%!important;
    }

    #quoteRequestLinesTable tr {
      height:5%;
    }

    #quoteRequestLinesTable tr th {
      text-align:left;
      background-color:rgba(128, 128, 128, 0.445);
      word-wrap:break-word;
      user-select:none;
    }

    #quoteRequestLinesTable tr td {
      border:1px solid rgba(128, 128, 128, 0.445);
      height:40px;
      box-sizing:border-box;
      padding:3px 3px 3px 5px;
      word-wrap:break-word;
      user-select:none;
    }

    #quoteRequestLinesTable tr td div a {
      word-break:break-word;
    }

    #quoteRequestLinesTable tr td:nth-of-type(7) {
      font-weight:500;
    }

    #quoteRequestLinesTable tr:nth-of-type(odd) {
      background-color:rgba(201, 221, 224, 0.315);
    }

    #quoteRequestLinesTable tr:nth-of-type(even) {
      background-color:rgba(233, 233, 233, 0.329);
    }

    #quoteRequestLinesTable tr td:first-of-type {
      text-align:center;
    }

    #quoteRequestLinesTable tr td:last-of-type {
      border-right:1px solid black;
    }

    #quoteRequestLinesTable tr:last-of-type {
      border-bottom:1px solid black;
    }

    #quoteRequestLinesTable tr:hover {
      background-color:rgba(228, 244, 247, 0.315);
    }

    #quoteRequestLinesTable tbody tr td input {
      width:55%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(1) {
      width:3%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(2) {
      width:15%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(3) {
      width:32%;
      user-select:text;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(4) {
      width:10%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(5) {
      width:10%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(6) {
      width:10%;
      user-select:text;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(7) {
      width:10%;
    }

    #quoteRequestLinesTable tbody tr th:nth-of-type(8) {
      width:10%;
    }

    #adminQuoteRequestEditReorderLines {
      display:none;
    }

    #adminQuoteRequestBulkApplyWindow {
      position:fixed!important;
      font-size:1.2rem;
      width:20%;
    }

    #adminQuoteRequestBulkApplyWindow table {
      width:50%;
    }

    #adminQuoteRequestBulkApplyWindow .adminWindowBody {
      justify-content:center;
      align-items:center;
    }

    #adminQuoteRequestBulkApplyWindow p {
      font-size:1.2rem;
      text-align:center;
    }

    #adminQuoteRequestBulkApplyWindow input {
      width:100%;
    }

    .adminQuoteRequestEditButtons {
      display:none;
    }

    .adminQuoteRequestEditButtons img {
      cursor:pointer;
    }

    .adminQuoteRequestWindowSwapPart {
      width:24px;
      height:24px;
      border:1px solid transparent;
      margin-right:3px;
      cursor:pointer;
    }

    #adminQuoteRequestSelectParts {
      width:50vw;
      height:70vh;
      display:none;
      position:fixed;
      box-sizing:border-box;
    }

    #adminQuoteRequestSelectParts .table {
      width:100%;
      height:100%;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      border:1px solid black;
    }

    #adminQuoteRequestSelectParts .table .head {
      display:flex;
      flex-direction:row;
      width:100%;
      flex-wrap:wrap;
      box-sizing:border-box;
    }

    #adminQuoteRequestSelectParts .table .head div, #adminQuoteRequestSelectParts .table .head form {
      display:flex;
      flex-direction:row;
      align-items:stretch;
      width:100%;
      box-sizing:border-box;
    }

    #adminQuoteRequestSelectPartsClose {
      width:80px;
      height:35px;
    }

    #adminQuoteRequestSelectPartsFormSubmit {
      width:100%;
    }

    .quoteRequestModalHeaderDistLinks {
      user-select:none;
    }

    .quoteRequestModalHeaderDistLinks:active, .quoteRequestModalHeaderDistLinks:focus {
      box-shadow:none;
    }

    #adminQuoteRequestSelectParts .table .head div, #adminQuoteRequestSelectParts .table .head form div div input {
      width:100%;
    }

    #adminQuoteRequestSelectParts .table .head div.search div {
      padding: 0.5%;
      background-color: #f1f1f1;
    }

    #adminQuoteRequestSelectParts .table .head div.header div {
      padding: 0 0.5% 0 0.5%;
      background-color: #eae9e9;
    }

    #adminQuoteRequestSelectParts .table .head div div {
      display:flex;
      flex-direction:row;
      align-items:center;
      border:1px solid black;
      box-sizing:border-box;
    }

     #adminQuoteRequestSelectParts .table .body {
      overflow-y:scroll;
      scrollbar-width:none;
      flex:1 1 auto;
      width:100%;
      height:40vh;
      box-sizing:border-box;
    }

     #adminQuoteRequestSelectParts .table .body div {
      display:flex;
      flex-direction:row;
      align-items:stretch;
      width:100%;
      box-sizing:border-box;
      min-height:38px;
    }

    #adminQuoteRequestSelectParts .table .body div div {
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
      border:1px solid rgb(202, 202, 202);
      box-sizing:border-box;
      padding:0 0.5% 0 0.5%;
      user-select:none;
      word-break:break-word;
      text-align:left!important;
    }

    #adminQuoteRequestSelectParts .table .body div div:nth-of-type(1) {
      justify-content:flex-start;
      width:20%;
    }

    #adminQuoteRequestSelectParts .table .head div div:nth-of-type(1) {
      width:20%;
      line-height:1.2;
    }

    #adminQuoteRequestSelectParts .table .body div div:nth-of-type(2), #adminQuoteRequestSelectParts .table .head div div:nth-of-type(2) {
      width:40%;
    }

    #adminQuoteRequestSelectParts .table .body div div:nth-of-type(3), #adminQuoteRequestSelectParts .table .head div div:nth-of-type(3) {
      width:30%;
      line-height:1.4;
    }

    #adminQuoteRequestSelectParts .table .body div div:nth-of-type(4), #adminQuoteRequestSelectParts .table .head div div:nth-of-type(4) {
      width:10%;
    }

    #adminQuoteRequestSelectParts .table .body div:nth-of-type(even):not(#adminQuoteRequestSelectParts .table .body div div) {
      background-color:#f8f8f8;
    }

    .adminQuoteRequestSelectPartsSelectedPart {
      background-color:rgb(179, 215, 230)!important;
    }

    #adminQuoteRequestSelectParts .table .body div:hover:not(#adminQuoteRequestSelectParts .table .body div div) {
      background-color:rgba(213, 226, 231, 0.432);
    }

   #adminQuoteRequestSelectParts .table .body div:active:not(#adminQuoteRequestSelectParts .table .body div div) {
      background-color:rgb(184 224 240);
   }

    #adminQuoteRequestConfirmLineDeletion {
      z-index:999999999;
    }

    #adminQuoteRequestConfirmLineDeletion span {
      font-weight:bold;
    }

    #adminQuoteRequestViewAttachmentsWindow {
      width:50%;
      height:50%;
      position:fixed!important;
    }

    #adminQuoteRequestsContinueScreen {
      width:25%;
      position:fixed!important;
    }

    #adminQuoteRequestsContinueScreen label {
      font-size:1.1rem;
    }

    #adminQuoteRequestsContinueScreenFreightStatusDescription {
      font-size:1.2rem;
    }

    #adminQuoteRequestsContinueScreenNextStepDescription {
      
    }

    #adminQuoteRequestModalAdminApprove, #adminQuoteRequestModalAdminDeny, #adminQuoteRequestPageIndicator, #adminQuoteRequestsFreightDeptGoBackToQuoteList,
    #adminQuoteRequestModalCSReview2Revert {
      display:none;
    }

    #adminWindowQuoteRequestCSReview2Window {
      position:fixed;
      width:40%;
    }

    #adminWindowQuoteRequestCSReview2Window p {
      font-size:1.2rem;
    }

    #adminQuoteRequestsFileUploadWindow {
      width:45%;
      height:70%;
    }

    #adminQuoteRequestsFileUploadWindowBody {
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      transition:0.5s;
      height:100%;
      width:100%;
    }

    #adminQuoteRequestsFileUploadWindowBody div.dropspace {
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      width:100%;
      height:70%;
      position:relative;
    }

    #adminQuoteRequestsFileUploadWindowBodyThumbnails {
      overflow-x:scroll;
      overflow-y:hidden;
      width:100%;
      height:30%;
      border:1px solid black;
      margin-bottom:8px;
      box-sizing:border-box;
      padding:3px;
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
      gap:6px;
      background-color:#f9f9f9;
      border-radius:5px;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon {
      position:relative;
      height:100%;
      width:100px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      overflow:hidden;
      border:1px solid black;
      flex:none;
      gap:3px;
      background-color:#eeeeee;
      box-sizing:border-box;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon img.loading {
      position:absolute;
      width:16px;
      height:16px;
      top:0;
      right:0;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon img.icon {
      width:48px;
      height:48px;
      margin-top:10px;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon a {
      width:100%;
      height:20%;
      text-align:center;
      text-overflow:ellipsis;
      font-size:0.8rem!important;
      text-decoration:none;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon a.uploaded:hover {
      text-decoration:underline;
    }

    .adminQuoteRequestsFileUploadWindowFileIcon a.uploaded:active, .adminQuoteRequestsFileUploadWindowFileIcon a.uploaded:focus {
      box-shadow:none;
    }

    #adminPartsDoubleCheckSaved {
      position:fixed;
    }

    #adminPartsDoubleCheckSaved p {
      font-size:1.2rem;
    }

    .generic-warning-span {
      box-sizing:border-box;
      padding:0 1% 0 1%;
      background-color: #fff3ab;
      border: 1px solid #a57777;
      padding: 3px;
      gap:6px;
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
    }

    .generic-warning-span img {
      width:24px;
      height:24px;
    }

    #adminQuoteRequestsContinueScreen textarea {
        width:100%;
        min-height:120px;
    }

    #adminQuoteRequestsContinueScreen ol, #adminQuoteRequestsContinueScreen ul {
      font-size:1.1rem;
    }

    #adminQuoteRequestsContinueScreen ol li, #adminQuoteRequestsContinueScreen ul li {

    }

    #adminQuoteRequestsFreightQuoteComment {
      display:none;
      align-items:flex-start!important;
    }

    #adminQuoteRequestsFreightQuoteComment label {
      font-size:1.2rem;
    }

    #adminQuoteRequestsFreightDeptAddFreightFooter button {
      width:120px;
      height:35px;
      font-size:1rem;
    }

    .adminQuoteRequestsContinueScreenWhatNextExplanation {
      display:none;
      flex-direction:column;
      gap:3px;
      box-sizing:border-box;
      padding:1%;
    }

    #adminQuoteRequestsContinueScreen .adminWindowHeader, #adminQuoteRequestsContinueScreen .adminWindowFooter {
      background-color:rgb(169, 169, 199);
    }

    #adminQuoteRequestViewAttachmentsWindowBody {
      display:flex;
      flex-direction:column;
      gap:8px;
      justify-content:flex-start;
      align-items:flex-start;
      overflow-y:auto;
      overflow-x:hidden;
    }

    #adminQuoteRequestViewAttachmentsWindowBody div.body {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      gap:8px;
      justify-content:flex-start;
      align-items:flex-start;
      width:100%;
    }

    .adminQuoteRequestAttachmentContainer {
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:5px;
      aspect-ratio:1;
      width:19%;
      border:1px solid black;
      height:fit-content;
      padding:2%;
      box-sizing:border-box;
      transition:.25s;
      background-color:rgb(247 247 247);
      height:200px;
      flex:none;
    }

    .adminQuoteRequestAttachmentContainer:hover {
      background-color:rgb(228, 228, 228);
    }

    

    .adminQuoteRequestAttachmentContainer img {
      width:96px;
      height:96px;
    }

    .adminQuoteRequestAttachmentContainer a {
        text-align:center;
        word-break:break-all;
        text-decoration:none;
    }

    .adminQuoteRequestAttachmentContainer a:focus {
      box-shadow:none;
    }

    .adminQuoteRequestAttachmentContainer a:hover {
      text-decoration:underline;
    }

    .yes-green {
      color:green;
      font-weight:500;
    }

    .no-red {
      color:red;
      font-weight:500;
    }

    /**
    Admin address edit screen
    **/
    #adminAddressEditCustoms {
      display:flex;
      flex-direction:column;
      gap:5px;
      width:100%;
    }
    #adminAddressEditCustoms label {
      font-weight:500;
    }
    #adminAddressEditCustoms input {
      width:100%;
    }
    .adminAddressAddressBox {
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      padding-left:10px;
    }
    .adminAddressAddressBox p {
      font-size:18px;
    }

    #adminFreightNotesEditLarge {
      width:100%;
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      background-color:rgba(199, 199, 199, 0.185);
      border-top:1px solid black;
    }

    .adminFreightNotesEditLargeRow, #adminFreightNotesEditLargeRowTop {
      display:flex;
      flex-direction:row;
      border-left:1px solid black;
      border-right:1px solid black;
      border-bottom:1px solid black;
      box-sizing:border-box;
    }

    .adminFreightNotesEditLargeRow:nth-of-type(even) {
      background-color:rgba(209, 214, 214, 0.356);
    }

    .adminFreightNotesEditLargeRow:nth-of-type(odd) {
      background-color:rgba(240, 255, 255, 0.281);
    }

    .adminFreightNotesEditLargeRow:first-of-type {
      border-top:1px solid black;
    }

    #adminFreightNotesEditLargeRowTop {
      font-weight:500;
      box-sizing:border-box;
      background-color:#5f94e224;
    }

    #adminFreightNotesEditLargeRowTop div {
      padding:5px;
    }

    #adminFreightNotesEditLargeRowTop div:nth-of-type(2) {
      padding-left:20%;
    }

    #adminFreightNotesEditLargeRowTop div:nth-of-type(3) {
      padding-right:2.5%;
    }

    #adminFreightNotesSaveOrder {
      height:40px;
      width:fit-content;
    }

    #adminFreightNotesEditLargeRowNoNotesYet {
      width:100%!important;
      text-align:center;
      font-size:20px;
      padding:30px;
      box-sizing:border-box;
      justify-content:center;
    }

    .adminFreightNotesEditLargeRow div {
      display:flex;
      flex-direction:row;
      box-sizing:border-box;
      padding:8px 5px 8px 5px;
      font-size:20px;
      align-items:center;
    }

    .adminFreightNotesEditLargeRow div:nth-of-type(1), #adminFreightNotesEditLargeRowTop div:nth-of-type(1) {
      width:60%;
      padding-left:10px;
    }

    .adminFreightNotesEditLargeRow div:nth-of-type(1)  {
      word-break:break-word;
      hyphens:auto;
    }

    .adminFreightNotesEditLargeRow div:nth-of-type(2), #adminFreightNotesEditLargeRowTop div:nth-of-type(2) {
      width:30%;
    }

    .adminFreightNotesEditLargeRow div:nth-of-type(3), #adminFreightNotesEditLargeRowTop div:nth-of-type(3) {
      width:10%;
    }

    .adminFreightDeleteNote img {
      border:1px solid transparent;
    }

    .adminFreightDeleteNote img:hover {
      border:1px solid black;
    }

    #adminFreightAddNoteContainer, #adminFreightAddNoteContainerDistributor {
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      gap:10px;
      width:100%;
      box-sizing:border-box;
      padding:10px;
    }
    #adminFreightAddNoteContainerDistributor {
      flex-direction:column;
    }
    #adminFreightAddNoteContainer div, #adminFreightAddNoteContainerDistributor div {
      display:flex;
      flex-direction:column;
      width:50%;
    }
    #adminFreightAddNoteContainerDistributor div {
      width:100%;
    }
    #adminFreightAddNoteContainer div:nth-of-type(1) {
      display:flex;
      flex-direction:column;
    }
    #adminFreightAddNoteContainer div:nth-of-type(1) textarea {
      width:100%;
      height:120px;
    }
    #adminFreightAddNoteContainer div:nth-of-type(2) select {
      width:50%;
    }
    #adminFreightAddNoteContainerDistributor div:nth-of-type(2) select {
      width:100%;
    }
    #adminFreightAddNoteContainer div:nth-of-type(2) button {
      margin-top:10px;
      width:50%;
      height:35px;
    }
    #adminFreightAddNoteContainerDistributor div:nth-of-type(2) input {
      width:100%;
      margin-bottom:5px;
    }
    #adminFreightAddNoteContainerDistributor div:nth-of-type(2) button {
      width:100%;
    }
    #adminFreightAddNoteContainer div label {
      font-weight:500;
    }
    .adminFreightModalNote {
      box-sizing:border-box;
      font-size:22px;
      padding:8px;
      margin-top:8px;
      line-height:1.1;
    }

    #adminFreightModalNotesContainer {
      overflow-y:auto;
      overflow-x:hidden;
      width:100%;
      scrollbar-width:thin;
      box-sizing:border-box;
    }

    #adminFreightModalNotes {
      font-size:20px;
      width:100%;
      box-sizing:border-box;
    }

    #adminFreightModalNotes tr td {
      word-wrap:break-word!important;
      word-break:break-word!important;
    }

    #adminFreightModalNotes tr td:nth-of-type(1) {
      vertical-align:text-top;
      font-weight:bold;
      padding-right:5px;
      width:fit-content;
      min-width:30px;
    }

    #adminFreightModalNotes tr td:nth-of-type(2) {
      vertical-align:text-top;
      line-height:1.2;
    }

    #adminFreightWindowEditFreightButton {
      width:120px;
      height:40px;
      margin-right:5px;
    }

    #adminFreightAddNoteWarning {
      color:red;
      margin-top:10px;
    }

    #adminFreightCustomsBrokerCancel {
      width:80px;
      height:30px;
      font-size:14px;
    }

    #adminDistributorsFreightRow {
      display:flex;
      flex-direction:row;
      width:100%;
    }

    #adminDistributorsFreightCustomsBrokerSpot {
      width:35%;
      border-right:1px solid black;
    }

    #adminDistributorsFreightCustomsBrokerFreightNotes {
      overflow-y:auto;
      box-sizing:border-box;
      padding:1%;
    }

    #adminDistributorsProfileNameInactiveIndicator {
      position:absolute;
      top:-26px;
      right:-52px;
      color:red;
    }

    .input-warning-2 {
      border:1px solid red;
    }
    .input-warning-3 {
      border:1px solid red!important;
    }
    #adminFreightDocumentationMethodNote {
      width:50%;
    }
    #adminFreightCustomsBrokerBody {
      background-color:#5f94e224;
    }

    #adminFreightCustomsBrokerBody h4 {
      font-size:1.2rem;
    }
    #adminFreightCustomsBrokerBody, #adminFreightCustomsBrokerBodyD, #adminFreightCustomsBrokerBodyV {
      display:flex;
      flex-direction:column;
      gap:10px;
      box-sizing:border-box;
      padding:10px;
      display:none;
    }
    #adminFreightCustomsBrokerBodyV {
      overflow-y:auto;
      scrollbar-width:thin;
    }
    #adminFreightCustomsBrokerBody span, #adminFreightCustomsBrokerBodyD span, #adminFreightCustomsBrokerBodyV span {
      display:flex;
      flex-direction:column;
      font-size:18px;
    }
    #adminFreightCustomsBrokerBody span label, #adminFreightCustomsBrokerBodyD span label, #adminFreightCustomsBrokerBodyV span label {
      font-weight:500;
      font-size:18px;
      margin-bottom:5px;
    }
    #adminFreightCustomsBrokerBodyContact, #adminFreightCustomsBrokerBodyContactEdit {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      box-sizing:border-box;
    }
    #adminFreightCustomsBrokerBodyContact span, #adminFreightCustomsBrokerBodyContactEdit span {
      display:flex;
      flex-direction:column;
      width:50%;
      font-size:18px;
      word-wrap:break-word;
      box-sizing:border-box;
    }
    #adminFreightCustomsBrokerBodyContact span span, #adminFreightCustomsBrokerBodyContactEdit span span {
      width:100%;
      word-wrap:break-word;
    }
    .adminFreightCustomsBrokerFullPage {
      border:1px solid rgba(175, 175, 175, 0.829);
      height:100%;
      border-radius:5px;
    }
    #adminFreightCustomsBrokerBodyContact span label, #adminFreightCustomsBrokerBodyContactEdit span label {
      font-weight:500;
      font-size:18px;
      margin-bottom:5px;
    }
    #adminFreightCustomsBrokerBodyD span span, #adminFreightCustomsBrokerBody span span, #adminFreightCustomsBrokerBodyV span span {
        background-color:white;
        box-sizing:border-box;
        padding:8px;
    }

    #adminFreightCustomsBrokerBodyV span span {
      background-color:transparent;
      padding:0!important;
    }

    #adminFreightCustomsBrokerAddressSave {
      width:80px;
      height:30px;
    }
    span#b_comments, span#b_address {
      white-space:pre;
      white-space:pre-wrap;
    }

    .adminSetinaWidget, .adminSetinaWidget span, .adminSetinaWidget p {
      font-size:1rem;
    }



    /*
    ADMIN ORDERS/QUOTES SCREEN
    */

    .listContainer {
      width:100%;
      height:auto;
      margin:0 40px 0 0;
      padding:10px;
      border:1px solid black;
    }

    .listTable {
      width:100%;
      height:auto;
      border:1px solid black;
      border-collapse:collapse;
    }
    .listTable td {
      border:1px solid black;
      border-collapse:collapse;
    }
    #ui-datepicker-div {
      background-color:#FFF;
      border:1px solid black;

    }
    #ui-datepicker-div div a:nth-of-type(2) {
      float:right;
    }
    div.ui-tooltip {
      max-width: 600px!important;
    }
    #singleOrderFlexBox {
      display:flex;
      flex-direction:row;
      width:97.9%;
      height:360px;
      margin-top:40px;
      box-sizing:border-box;
    }
    #singleOrderFlexBox div {
      border:1px solid black;
      height:360px;
      font-size:18px;
    }
    #singleOrderFlexBox div label {
      font-weight:600;
      font-size:16px;
      text-decoration:underline;
    }
    #singleOrderFlexBox div p {
      font-size:22px;
    }
    #singleOrderFlexBox div:nth-of-type(1) {
      width:30%;
    }
    #singleOrderFlexBox div:nth-of-type(2) {
      width:40%;
    }
    #singleOrderFlexBox div:nth-of-type(3) {
      width:30%;
    }
    #singleOrderFlexBox div div {
      width:100%!important;
    }
    #adminOrdersTopBar {
      margin-left:auto;
      margin-right:auto;
      margin-top:0px;
      margin-bottom:-30px;
      width:96%;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }

    .devTable td, .devTable tr {
      padding:15px;
      border:1px solid black;
    }
    .devTable {
      border:1px solid black;
    }

    /*
    DIALOGS
    */

    #dialog3, #dialog4 {
      display:block;
      position:absolute;
      left:50%;
      top:75%;
      width:30%;
      padding:10px;
      font-size:24px;
      transform: translate(-50%, -50%);
      text-align:center;
      background-color:#6ebb8f;
      border:1px solid #52946f;
      border-radius:5px;
      line-height:140%;
    }
    #dialog4 {
      background-color:#d37f66;
      border:1px solid #940404;
    }
    #notifDialog {
      position:fixed;
      left:50%;
      top:75%;
      width:30%;
      padding:10px;
      font-size:24px;
      transform: translate(-50%, -50%);
      text-align:center;
      display:none;
      z-index:999999999;
      border-radius:5px;
      line-height:140%;
    }
    .dialog-success {
      background-color:#6ebb8f;
      border:1px solid #52946f;
    }
    .dialog-failure {
      background-color:#d37f66;
      border:1px solid #940404;
    }
    #partsListSearch {
      padding:0 15px 15px 15px;
      font-size:20px;
    }
    #partsListSearch label {
      padding:20px;
    }
    .parts-tooltip {
      padding:5px 10px 0 0;
    }
    #partsListSearch form select{
      margin-top:10px;
      width:100%;
    }
    #partsListSearch p {
      font-size:24px;
    }
    #partsListSearch ul li {
      margin-left:15px;
      list-style-type:disc;
    }
    #partsListSearch ul li span {
      margin-right:30px;
      font-size:16px;
    }

    .largePopUpModal1 {
      position:absolute;
      top:25%;
      left:50%;
      width:80vw;
      height:80vh;
      transform: translate(-50%, -50%);
      border:1px solid black;
      background-color:#adadad;
      display:none;
      flex-direction:column;
    }
    

    /*
    404 ERROR
    */
    body#error404 {
      height:100%!important;
    }
    body#error404 main {
      height:20%!important;
    }
    .message404 {
      margin:0 auto;
      width:50%;
      height:70%;
      padding:15px;
      overflow:hidden;
    }
    .message404 div {
      font-family: "Roboto", sans-serif;
      height:100%;
      width:100%;
      margin:-10px;
      padding:10px;
      font-size:26px;
      text-align:center;
    }
    .message404 div hr {
      width:50%;
    }
    .message404 div h1 {
      font-size:36px;
      font-weight:400;
      font-family: "Roboto", sans-serif;
      text-align:center;
    }

    /*
    Custom notification boxes
    */

    .small-success, .small-warning, .small-neutral {
      display:block;
      background-color:white;
      padding:10px;
      margin-top:20px;
      width:60%;
    }

    .small-success {
      border:1px solid green;
      color:green;
    }
    .small-warning {
      border:1px solid red;
      color:red;
    }
    .small-neutral {
      border:1px solid yellow;
      color:yellow;
    }
    #loaderAnimation {
      display:none;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      z-index:-1;
    }
    #loaderAnimation img {
      width:128px;
      height:128px;
    }
    .adminDistributorsAjaxSearchDiv {
      display:flex;
      flex-direction:row;
      width:100%;
      align-items:center;
    }
    .adminDistributorsAjaxSearchDiv div {
     
    }
    .adminDistributorsAjaxSearchDiv div input {
      width:90%;
    }
    #adminDistributorsContainer {
      width:98%;
      height:80vh;
      padding-bottom:120px;
    }
    #adminDistributorsHeader, #adminDistributorsHeaderSingle {
      width:100%;
      box-sizing:border-box;
      padding:15px;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #adminDistributorsHeaderSingle {
      border:1px solid black;
    }
    #adminDistributorsHeader p {
      padding:20px;
    }
    #adminDistributorsMiddle {
      width:100%;
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
    }
    #adminDistributorsMiddle a {
      text-decoration:none;
      color:black;
    }
    #adminDistributorsMiddle table {
      width:100%;
      flex: 1 1 100%;
      flex-basis:100%;
      order:-1;
    }
    #adminDistributorsContent, #adminDistributorsContentSingle {
      width:calc(100% - 21.5px);
      padding:10px;
      height:calc(55vh - 12px);
    }
    #adminDistributorsContentSingle {
      border-left:1px solid black;
      border-right:1px solid black;
      border-bottom:1px solid black;
      background-color: var(--admin-setina-light-blue);
    }
    #adminDistributorsContentSingleInner {
      width:100%;
      height:100%;
      background-color:var(--setina-light-gray);
      overflow-y:auto;
      overflow-x:hidden;
      border-radius:5px;
      border:1px solid black;
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
    }
    /*
    #adminDistributorsContentSingleInner div {
      border:none;
      display:flex;
      flex-direction:column;
    }
    #adminDistributorsContentSingleInner div:nth-of-type(1) {
      width:70%;
    }
    #adminDistributorsContentSingleInner div:nth-of-type(2) {
      width:30%;
    }
    */
    #distributorsSearchFilter {
      width:100%;
    }
    #distributorsSearchFilter tr td {
      width:20%;
    }
    #distributorsSearchFilter tr td:nth-of-type(5) {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    .adminInfoBlock {
      padding:15px;
    }
    .adminInfoBlock h1 {
      margin:0 0 5px 0;
      font-size:42px;
    }
    .adminInfoBlock label {
      font-weight:500;
      font-size:18px;
    }
    .adminInfoBlock p {
      padding:5px 0!important;
    }
    .adminInfoSubBlock {
      padding:8px 8px;
      background-color:white;
      border-radius:5px;
    }
    .adminInfoSubBlock div {
      display:block;
    }
    .adminInfoSubBlock div a {
      display:block;
      font-size:18px;
      margin-top:5px;
      margin-bottom:10px;
    }
    .adminInfoSubBlock p {
      font-size:16px;
    }
    .adminInfoSubBlock div a img {
      width:18px;
      height:18px;
      margin-right:5px;
      margin-bottom:-2px;
    }
    .adminInfoSubBlock div a span {
      font-size:18px;
    }
    #adminDistributorAddressBlock {
      width:100%;
    }
    #adminDistributorAddressBlock label {
      padding:0!important;
    }
    #adminDistributorAddressBlock p {
      padding:0!important;
      font-size:18px;
    }
    #adminDistributorActionsBlock {
      background-color:inherit;
    }
    .dividerMenuLine {
      border-right:1px solid black;
      margin-left:-1px;
      width:1px;
    }

    #adminDistributorsLoadingGif {
      display:none;
    }
    #adminDistributorsLoadingGif img {
      box-sizing:border-box;
      margin-top:8px;
      margin-left:10px;
    }
    .adminDistributorsMenuButton, .adminDistributorsMenuButtonSelected {
      font-size:18px;
      font-weight:400;
      padding:15px 25px!important;
      display:flex;
      justify-content:center;
      align-items:center;
      word-break:keep-all;
      white-space:nowrap;
      text-align:center;
      border-bottom:1px solid black;
      background-color:white!important;
    }
    .adminDistributorsMenuButton:focus, .adminDistributorsMenuButtonSelected:focus, .adminDistributorsMenuButton:active, .adminDistributorsMenuButtonSelected:active {
      outline:0;
      box-shadow:none;
    }
    .adminDistributorsMenuButton:hover {
      background-color:#f6fbff!important;
    }
    .adminDistributorsMenuButtonSelected {
      border-bottom:none!important;
      background-color:var(--admin-setina-light-blue)!important;
    }
    .adminDistributorsMenuButtonSelected:hover {
      background-color:var(--admin-setina-light-blue)!important;
    }
    .adminDistributorsMenuButton:first-of-type {
      border-left:1px solid black;
    }
    #adminDistributorsListUsers, #adminDistributorsListUsersInactive {
      border:1px solid black!important;
      border-collapse:collapse;
    }
    #adminDistributorsListUsers tbody, #adminDistributorsListUsersInactive tbody {
      border:1px solid black!important;
    }
    #adminDistributorsListUsers tr:nth-child(odd), #adminDistributorsListUsersInactive tr:nth-child(odd) {
      background-color:#f9f9f9;
    }
    #adminDistributorsListUsers tr:nth-child(even), #adminDistributorsListUsersInactive tr:nth-child(even) {
      background-color:#faf9f9;
    }
    #adminDistributorsListUsers tr th, #adminDistributorsListUsersInactive tr th {
      border:1px solid black;
      background-color:#c2cfd8!important;
      padding:5px;
    }
    #adminDistributorsListUsers tr th:nth-of-type(1) {
      width:20%;
    }
    #adminDistributorsListUsersInactive tr th:nth-of-type(1) {
      width:15%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(2), #adminDistributorsListUsersInactive tr th:nth-of-type(2) {
      width:15%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(3), #adminDistributorsListUsersInactive tr th:nth-of-type(3) {
      width:10%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(4), #adminDistributorsListUsersInactive tr th:nth-of-type(4) {
      width:15%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(5), #adminDistributorsListUsersInactive tr th:nth-of-type(5) {
      width:15%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(6), #adminDistributorsListUsersInactive tr th:nth-of-type(6) {
      width:15%;
    }
    #adminDistributorsListUsers tr th:nth-of-type(7) {
      width:10%;
    }
    #adminDistributorsListUsersInactive tr th:nth-of-type(7) {
      width:15%;
    }
    #adminDistributorsListUsersInactive tr th:nth-of-type(8) {
      width:10%;
    }
    #adminDistributorsListUsers tr td, #adminDistributorsListUsersInactive tr td {
      border:1px solid rgba(128, 128, 128, 0.486);
      padding:0px 10px!important;
    }
    #adminDistributorsListUsers tr td div img, #adminDistributorsListUsersInactive tr td div img {
      width:24px;
      height:24px;
      padding-left:3px;
      padding-right:3px;
    }
    #adminDistributorsListUsers tr td div a img:nth-of-type(2), #adminDistributorsListUsersInactive tr td div a img:nth-of-type(2) {
      width:60px;
      height:36px;
      padding-left:3px;
      padding-right:3px;
    }
    #adminNewUserFormContainer {
      width:30%;
      box-sizing:border-box;
      padding:1%;
    }
    #adminDistributorsAddUserExtraDetails {
      display:none;
    }
    #adminDistributorsAddUserExtraDetails ul {
      list-style-type:disc;
    }
    #adminDistributorsAddUserExtraDetails ul li {
      margin-left:5%;
    }
    #adminDistributorsTabAddUser {
      display:flex;
      flex-direction:column;
      gap:8px;
      margin-top:2%;
    }
    #adminDistributorsTabAddUser div {
      width:100%;
      display:flex;
      flex-direction:row;
      gap:5px;
      justify-content:space-between;
      align-items:center;
    }
    #adminDistributorsTabAddUser input {
      width:100%;
    }
    #adminDistributorsTabAddUser input:first-of-type {
      margin-bottom:2%;
    }
    #adminNewUserFormContainer label {
      font-weight:500;
      font-size:18px;
    }
    #adminDistributorContactListSearch input {
      width:90%;
    }
    .admin-tooltip {
      display:inline-block;
      padding:5px 10px 0 0;
      margin-left:8px;
    }
    .missingRequiredInput {
      border:1px solid red!important;
    }
    #adminDistributorTextFormWarning {
      color:red;
      font-size:18px;
      font-weight:400;
    }
    #changePrimaryUserModal, #changeUserModal {
      width:20vw;
      height:fit-content!important;
      left: 50%;
      border:1px solid black;
      transform: translate(-50%, 50%);
      background-color:#f6f6f6;
      position:absolute;
      display:none;
      flex-direction:column;
      flex-wrap:nowrap;
      height:auto;
      z-index:1000;
    }

    #changePrimaryUserModal {
      transform:translate(-50%,35%);
    }

    #changePrimaryUserModal p {
      font-size:1.3rem;
    }

    #changeDomainModal {
      z-index:1000;
    }

    #changeDomainModal textarea {
        min-height:200px;
    }

    .adminUserEditWindowPermissionRow {
      width:100%;
    }

    #adminPostVisibilityTable {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      width:100%;
      border:1px solid black;
      box-sizing:border-box;
    }

    #adminPostVisibilityTable * {
      box-sizing:border-box;
    }

    #adminPostVisibilityTable .header {
      width:100%;
      font-weight:bold;
      border-bottom:1px solid black;
      background-color:rgb(236, 236, 236);
    }

    #adminPostVisibilityTable .section {
      display:flex;
      flex-direction:row;
      width:100%;
    }
    #adminPostVisibilityTable .section:nth-of-type(2) {
      border-bottom:1px solid black;
    }

    #adminPostVisibilityTable .section .left {
      display:flex;
      flex-direction:column;
      width:30%;
      justify-content:center;
      align-items:center;
      font-weight:bold;
      background-color:rgb(236, 236, 236);
    }

    #adminPostVisibilityTable .section .left * {
      font-size:1.4rem;
    }

    #adminPostVisibilityTable .section .right {
      display:flex;
      flex-direction:column;
      width:70%;
      justify-content:flex-start;
      align-items:flex-start;
      border-left:1px solid black;
      padding:18px;
      gap:8px;
    }

    #adminPostVisibilityTable .section .right>div {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      width:100%;
    }

    .adminUserEditWindowPermissionRow td:nth-of-type(1) {
      width:50%;
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
    }

    .adminUserEditWindowPermissionRow td:nth-of-type(2) {
      width:50%;
      display:flex;
      flex-direction:row;
      justify-content:flex-end;
      align-items:center;
    }

    #adminPostMetaBoxTagline {
        display:flex;
        flex-direction:column;
        width:70%;
        border:1px solid black;
        box-sizing:border-box;
        padding:6px;
        gap:12px;
    }

    #adminPostMetaBoxTagline * {
      box-sizing:border-box;
    }

    #adminPostMetaBoxTagline textarea, #adminPostMetaBoxTagline select {
      height:38px;
      flex:1;
      resize:none;
    }

    #adminPostMetaBoxTagline textarea {
      height:60px;
    }

    #adminPostMetaBoxTagline>div {
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        gap:12px;
    }

    #adminPostMetaBoxTagline>div div {
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
      width:85%;
    }

    #adminPostMetaBoxTagline>div div:nth-of-type(1) {
      justify-content:flex-end;
      width:15%;
    }

    /*

    #changeDomainModal {
      padding:0;
    }
    
    #changeDomainModal div:nth-of-type(1) {
      height:10%;
      border-bottom:1px solid black;
    }

    #changeDomainModal div:nth-of-type(2) {
      display:flex;
      flex-direction:column;
      gap:5px;
      height:70%;
      box-sizing:border-box;
      padding:1%;
    }

    #changeDomainModal div:nth-of-type(2) textarea {
      flex: 1 1 auto;
    }

    #changeDomainModal div:nth-of-type(3) {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      height:20%;
      border-top:1px solid black;
    }

    #changeDomainModalSave, #changeDomainModalCancel {
      width:120px;
      height:35px;
    }
      */
      
    .adminDistributorUserTableActionContainer {
      width:90%;
      display:flex;
      flex-direction:row;
      justify-content:center;
      overflow:visible;
      padding-top:5px;
      margin:0 auto;
    }
    #adminDistributorsSendPasswordResetModalEmail {
      font-weight:bold;
    }
    .adminDistributorUserTableActionContainer a:active, .adminDistributorUserTableActionContainer a img:active,
    .adminDistributorUserTableActionContainer a:active, .adminDistributorUserTableActionContainer a img:active,
    .adminDistributorUserTableActionContainer a:focus, .adminDistributorUserTableActionContainer a img:focus,
    .adminDistributorTabChangeUser, .adminDistributorTabChangeUser img {
      user-select:none;
      outline:none;
      border:none;
    }
    #changeUserModal {
      transform: translate(-50%, -50%)!important;
    }
    #adminDistributorSendPasswordResetEmail {
      width:90%!important;
    }
    .adminDistributorQuickLink {
      box-sizing:border-box;
      text-decoration:none;
      font-size:16px;
      color:var(--setina-dark-blue);
      border:1px solid var(--setina-dark-blue);
      border-radius:3px;
      background-color:rgb(242, 249, 255);
      padding:5px 10px 5px 10px;
    }
    .adminDistributorQuickLink:hover {
      background-color:white;
    }
    #changePrimaryUserInputs {
      height:60%;
      display:flex;
      flex-direction:column;
    }
    #changePrimaryUserInputs div {
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      width:100%;
      border:1px solid black;
    }
    #changePrimaryUserInputsTable {
      border-collapse:collapse;
    }
    #changePrimaryUserInputsTable td {
      padding:5px;
    }
    #changePrimaryUserInputsTable td:first-of-type {
      font-weight:600;
      font-size:18px;
    }
    #changePrimaryUserInputsTable {

    }
    #changePrimaryUserModal div button, #changeUserModal div button {
      margin:10px;
      width:30%;
      height:60%;
    }
    #changeUserFormWarning, #adminDistributorTextFormWarning, #adminDistributorsChangePwWarning {
      color:red;
      font-weight:400;
    }
    
    /* Map */


    #googlemaploadingoverlay {
      position:absolute;
      display:flex;
      flex-direction:row;
      width:100%;
      height:79.5%;
      top: 18px;
    }
    #googlemaploadingoverlay div {
      height:100%;
      width:33%;
      display:flex;
      flex-direction:column;
      align-items:center;
      font-size:28px;
    }
    #googlemaploadingoverlay div div p {
      font-size:28px;
    }
    #googlemaploadingoverlay div div:nth-of-type(2) {
      background-color:white;
      border-radius:3px;
    }
    #googleMapsAddressMarkerContainer {
      display:flex;
      flex-direction:column;
      border:none;
      width:auto!important;
    }
    #googleMapsAddressTitle {
      display:block;
      font-weight:500;
      font-size:22px;
      margin-bottom:5px;
      color:var(--setina-dark-blue);
    }
    #googleMapsAddressMarker p {
      font-size:18px;
    }
    .googleMapsAddressContact {
      display:none;
    }

    #googleMapsAddressMarker {
      background-color:#f8f8f8;
      border-radius:5px;
      padding:15px 15px 15px 15px;
    }

    .googleMapsAddressContactShow, .googleMapsAddressContactShow:active, .googleMapsAddressContactShow:focus, .googleMapsOtherLink, .googleMapsOtherLink:active, .googleMapsOtherLink:focus {
      display:block;
      margin-top:5px;
      font-size:15px;
      outline: 0!important;
      border: none!important;
      box-shadow: none!important;
      color:var(--setina-dark-blue);
    }
    .googleMapsAddressContact {
      margin-top:5px;
      border:1.5px solid black;
      border-radius:5px;
      background-color:#e4e4e4;
      box-sizing:border-box;
      padding:5px 5px 5px 5px;
    }

    .googleMapsAddressContact p:first-of-type {
      font-weight:500;
    }
    .googleMapsAddressContact p:nth-of-type(2) {
      font-style:italic;
    }
    #adminDistributorOverviewLeftSide {
      width:30%;
      box-sizing:border-box;
      margin:15px;
      border-left:1px solid black;
      border-bottom:1px solid black;
      padding:5px 5px 5px 10px;
      display:flex;
      flex-direction:column;
      justify-content:space-evenly;
    }
    #adminDistributorOverviewLeftSide p {
      font-size:22px;
    }
    #adminDistributorOverviewLeftSide p span {
      font-size:36px;
    }
    #adminDistributorsOverviewSalesSmall {
      border-top:1px solid var(--setina-dark-blue);
      border-bottom:1px solid var(--setina-dark-blue);
      box-sizing:border-box;
      margin-top:10px;
      margin-left:5px;
    }
    #adminDistributorsOverviewSalesSmall div {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      justify-content:space-evenly;
      margin-top:-5px;
      margin-bottom:5px;
    }

    #adminDistributorsOverviewSalesSmall div span:first-of-type {
      font-weight:500;
      font-size:20px;
      color:#868383;
    }

    #adminDistributorsOverviewSalesSmall div span:nth-of-type(2) {
      font-size:24px;
    }

    #adminDistributorsOverviewSalesSmall h4 {
      font-size:28px;
      margin:10px;
      color:var(--setina-dark-blue);
    }
    #adminDistributorsOverviewSalesSmall p {
      margin-left:10px;
    }
    #adminDistributorsOverviewSalesSmall hr {

    }
    .notificationMessage {

    }

    #nonceDiv {
      display:none;
    }

    /**
    Price List
    **/
    .priceListBlockEdit {
      cursor:pointer;
    }

    /**
    
    **/
    .adminTable1 {
      margin-top:10px;
      border:.5px solid black;
      border-collapse:collapse;
      font-size:22px;
      box-sizing:border-box;
      display:flex;
      flex-direction:column;
      word-wrap:normal;
      width:100%;
    }
    .adminTable1Row, .adminProductTypeRow {
      display:flex;
      flex-direction:row;
      box-sizing:border-box;
      min-height:14%;
    }
    .adminTable1Row div, .adminProductTypeRow div {
      border:.5px solid black;
      padding:5px 10px 5px 10px;
      min-height:40px;
      height:auto;
    }
    .adminTable1Row div:first-of-type, .adminProductTypeRow div:first-of-type {
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      width:30%;
      text-align:center;
    }
    .adminProductTypeRow div:first-of-type p {
      font-size:22px;
    }
    .adminProductTypeRow div:first-of-type input {
      margin-left:-5px;
      padding-left:3px;
      font-size:22px;
    }
    .adminTable1Row div:nth-of-type(2), .adminProductTypeRow div:nth-of-type(2), .adminProductTypeDescription {
      width:70%;
      display:flex;
      gap:10px;
      flex-direction:row;
      flex-wrap:wrap;
      vertical-align:middle;
    }
    .adminProductTypeDescription {
      flex-direction:column!important;
      box-sizing:border-box;
      padding:0.5%;
    }
    .adminProductTypeDefaultImageContainer {
      width:96px;
      height:96px;
      position:relative;
      border:1px solid black;
      background-color:white;
      padding:3%;
    }
    .adminProductTypeDefaultImage {
      width:100%;
      height:100%;
    }
    .adminProductTypeAddPhotos {
      font-size:1rem;
      margin-bottom:5px;
    }
    .adminTable1Row:nth-of-type(even), .adminProductTypeRowContainer:nth-of-type(even) .adminProductTypeRow .adminProductTypeName, .adminProductTypeRowContainer:nth-of-type(even) .adminProductTypeRow .sortablePT {
      background-color:#fefcfd;
    }
    .adminTable1Row:nth-of-type(odd), .adminProductTypeRowContainer:nth-of-type(odd) .adminProductTypeRow .adminProductTypeName, .adminProductTypeRowContainer:nth-of-type(odd) .adminProductTypeRow .sortablePT {
      background-color:#edeff3;
    }
    .adminProductTypeImages {
      width:30%;
      border-right:2px solid black;
      padding:5px 2px 5px 10px;
      
    }
    .adminProductTypeLowerContainer {
      display:none;
      flex-direction:row;
    }
    .adminProductTypeLowerContainer label {
      font-size:1.1rem;
      font-weight:500;
    }
    .adminProductTypeDescription textarea {
      flex:1 1 auto;
    }
    .adminProductTypeImagesContainer {
      width:100%;
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items:center;
      box-sizing:border-box;
      padding:0.5%;
      gap:8px;
      transition:0.5s;
      border:1px solid transparent;
      height:50px;
      margin-top:8px;
    }
    .adminProductTypeImagesContainer img:nth-of-type(1) {
      border:2px solid blue;
    }
    .adminProductTypeImageThumbnail {
      width:48px;
      height:48px;
      border:1px solid black;
      background-color:white;
      cursor:pointer;
    }

    #adminPartsUpdatePartImagesManually {
      padding:0.5%;
      margin-top:5%;
      width:100%;
    }

    .adminTable1Row:first-of-type, .adminProductTypeRow:first-of-type {
      background-color:inherit;
    }
    .adminProductTypeRow:first-of-type div:nth-of-type(2) {
      display:flex;
      align-items:center;
    }
    .adminProductTypeName {
      display:flex;
      justify-content:end;

    }
    .sortablePT {
      overflow:auto;
    }
    .productTypeSpan {
      background-color:#cee2f1;
      box-sizing:border-box;
      margin:0;
      padding:8px;
      border:1px solid transparent;
      cursor:grab;
    }
    .productTypeSpan:hover {
      background-color:#f3f8fc;
      box-sizing:border-box;
      border:1px solid grey;
    }
    .adminRemoveProductType, .adminRemoveProductTypeBlock, .adminEditProductType, .adminSaveProductType {
      display:none;
      cursor:pointer;
      width:24px;
      height:24px;
    }
    .adminSaveProductType, .adminRemoveProductTypeBlock {
      display:block;
    }
    .adminContainer1 {
      width:88vw;
      height:auto;
      display:flex;
      flex-direction:column;
    }
    #manageVehiclesTableFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:80%;
    }
    #adminVehiclesHeader {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:100%;
      height:10vh;
    }
    #adminVehiclesHeader h1 {
      width:70%;
    }
    #adminVehiclesHeader p {
      background-color:#f0f0f0;
      box-sizing:border-box;
      padding:15px;
    }
    #adminVehiclesLowerContainer {
      display:flex;
      flex-direction:row;
      width:100%;
      height:auto;
    }
    #adminVehiclesNewVehicleContainer {
      width:30%;
      display:flex;
      flex-direction:column;
      border:1px solid black;
      background-color:#e6e6e6;
      box-sizing:border-box;
      padding:15px;
    }
    #adminVehiclesPageContainer {
      width:70%;
      display:flex;
      flex-direction:column;
      gap:10px;
      box-sizing:border-box;
      padding:10px;
    }
    .adminVehicleOrderMakeContainer {
      display:flex;
      flex-direction:column;
      width:100%;
      min-height:40px;
      border:1px solid rgb(211, 211, 211);
    }
    .adminVehicleOrderMakeContainer:nth-of-type(even) {
      background-color:rgb(240, 240, 240);
    }
    .adminVehicleOrderMakeContainer:nth-of-type(odd) {
      background-color:rgb(252, 252, 252);
    }
    .adminVehicleOrderMakeTitle {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      background-color:white;
      padding:5px;
      position:relative;
    }
    .avomake-count {
      position:absolute;
      top:0;
      left:0;
      border-right:.5px solid rgb(209, 208, 208);
      border-bottom:.5px solid rgb(209, 208, 208);
      padding:3px;
      font-size:16px;
    }
    .avomake-title {
      padding-left:25px;
      font-size:26px;
    }
    .adminVehicleOrderMakeBody {
      display:none;
      min-height:50px;
      background-color:#ffffff;
      padding:5px;
      overflow:auto;
    }
    .adminVehicleOrderModelContainer {
      background-color:white;
      margin-bottom:5px;
    }
    .adminVehicleOrderModelTitle {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      border-bottom:1px solid grey;
      position:relative;
      border:1px solid black;
      background-color:#f3f3f3;
    }
    .avomt-code {
      position:absolute;
      padding:2px 5px 2px 5px;
      top:0;
      left:0;
      border-right:.5px solid black;
      border-bottom:.5px solid black;
    }
    .avomt-title {
      padding:0 0 0 45px;
      font-size:26px;
    }
    .adminVehicleImageContainer {
      display:flex;
      flex-direction:row;
      align-items:center;
      gap:30px;
    }
    .adminVehicleIcons {
      padding-left:5px;
      border-left:.5px solid grey;
      display:flex;
      align-items:center;
      padding-left:15px;
      padding-top:5px;
      padding-bottom:5px;
    }
    .adminVehicleOrderMakeDropdown, .adminVehicleOrderModelDropdown {
      width:40px;
      height:40px;
      cursor:pointer;
    }
    .adminVehicleOrderMakeHandler, .adminVehicleOrderModelHandler {
      width:32px;
      height:32px;
      cursor:grab;
    }
    .adminVehicleOrderModelBody {
      display:none;
      min-height:165px;
      border-left:.5px solid grey;
      border-right:.5px solid grey;
      border-bottom:.5px solid grey;
      height:auto;
    }
    .adminVehicleOrderModelBodyInnerContainer {
      display:flex;
      flex-direction:row;
      height:100%;
      background-color:#fffbe7;
    }
    .adminVehicleOrderModelBodyObject {
      display:none!important;
    }
    .adminVehicleOrderModelBodyMenu {
      display:flex;
      flex-direction:column;
      background-color:#f3f3f3;
      box-sizing:border-box;
      width:20%;
    }
    .adminVehicleOrderModelBodyMenu span {
      padding:10px;
      border-bottom:.5px solid grey;
      border-right:.5px solid transparent;
      background-color:#fffbe7;
      cursor:pointer;
      box-sizing:border-box;
      width:100%;
    }
    .adminVehicleOrderModelBodyMenu span:hover {
      background-color:#f9fdff;
    }
    .amom-idle-menu {
      width:100%;
      box-sizing:border-box;
      background-color:#f3f3f3!important;
      border-right:.5px solid grey!important;
    }
    .adminVehicleOrderModelBodyLeftContent, .adminVehicleOrderModelBodyRightContent, .adminVehicleOrderModelBodyBSContent, .adminVehicleOrderModelBodyCTContent {
      display:flex;
      flex-direction:row;
      padding:15px;
      box-sizing:border-box;
      width:100%;
      min-height:220px;
      height:100%;
    }
    .adminVehicleOrderModelBodyLeftContent div:first-of-type, .adminVehicleOrderModelBodyRightContent div:first-of-type, .adminVehicleOrderModelBodyBSContent div:first-of-type, .adminVehicleOrderModelBodyCTContent div:first-of-type {
      box-sizing:border-box;
      padding-right:10px;
    }
    .adminVehicleOrderModelBodyRightContent, .adminVehicleOrderModelBodyBSContent, .adminVehicleOrderModelBodyCTContent {
      display:none;
    }
    .adminVehicleOrderModelBodyRightContent div select, .adminVehicleOrderModelBodyBSContent div select, .adminVehicleOrderModelBodyCTContent div select {
      width:50%;
    }
    .adminVehicleOrderModelBodyLeftContent div, .adminVehicleOrderModelBodyRightContent div, .adminVehicleOrderModelBodyBSContent div, .adminVehicleOrderModelBodyCTContent div {
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .adminVehicleOrderModelBodyLeftContent div input, .adminVehicleOrderModelBodyLeftContent div select, .adminVehicleOrderModelBodyBSContent div select, .adminVehicleOrderModelBodyCTContent div select {
      width:70%;
    }
    .adminVehicleOrderModelBodyLeftContent div label, .adminVehicleOrderModelBodyRightContent div label, .adminVehicleOrderModelBodyBSContent div label, .adminVehicleOrderModelBodyCTContent div label {
      font-weight:500;
    }
    .avomd-open {
      transform:rotate(90deg);
    }
    .adminVehicleIconImage {
      width:104px;
      height:33px;
    }
    .adminVehicleIconImageSpan {
      width:105px;
      height:35px;
    }
    .adminVehicleMakeSave {
      height:28px;
      margin-right:10px;
      font-size:18px;
      display:none;
    }
    .adminVehicleRemoveMake {
      display:none;
      margin-right:10px;
      width:26px;
      height:26px;
      cursor:pointer;
    }
    .adminVehicleMakeTitleEdit {
      display:none;
      width:20px;
      height:20px;
      margin-left:10px;
      cursor:pointer;
    }
    .adminVehicleMakeImages, .adminVehicleMakeTitleLeftContainer {
      display:flex;
      align-items:center;
    }
    .adminVehicleMakeTitleEditInput {
      font-size:20px;
    }
    #adminVehiclesNewVehicleForm {
      width:60%;
      display:flex;
      flex-direction:column;
    }
    #adminVehiclesNewVehicleForm label {
      font-weight:500;
      margin-top:10px;
    }
    #adminVehiclesNewVehicleSubmit {
      margin-top:10px;
    }
    .adminContainer2 {
      display:flex;
      flex-direction:row;
      width:100%;
      box-sizing:border-box;
    }
    .adminSidebar1 {
      display:flex;
      flex-direction:column;
      width:20%;
      padding:15px;
      box-sizing:border-box;
    }
    .adminSidebar1 p {
      font-size:18px;
    }
    .adminContainer3 {
      display:flex;
      flex-direction:column;
      width:60%;
      height:60%;
    }
    .adminVehicleStylesListItem {
      display:flex;
      flex-direction:row;
      align-items:center;
      cursor:pointer;
      margin:5px;
      text-decoration:none;
      color:black;
    }
    .adminVehicleStylesListItem img {
      width:16px;
      height:16px;
    }
    .adminVehicleStylesListItem span {
      margin-left:5px;
    }
    .adminVehicleChooseIcon {
      width:71%;
    }
    .adminVehicleChooseIconNew {
      height:40px;
      width:70%;
      display:flex;
      justify-content:center;
      margin-top:20px;
      padding-top:10px;
      position:relative;
    }
    .adminVehicleIconChooseNewSelected {
      background-color:white;
      border:0.5px solid grey;
    }
    .adminVehicleChooseIconNew img {
      width:104px;
      height:33px;
    }
    .adminVehicleChooseIconRemove {
      position:absolute;
      top:0;
      right:0;
      height:16px!important;
      width:16px!important;
      cursor:pointer;
    }
    .adminRemoveVehicleTab {
      position:absolute;
      bottom:0;
      left:12%;
      display:flex;
      flex-direction:row;
      justify-content:center;
      padding:10px;
      cursor:pointer;
      color:rgb(160, 0, 0);
    }
    .adminRemoveVehicleTab:hover {
      color:black;
    }
    .adminRemoveVehicleTab img {
      width:16px;
      height:16px;
    }
    .variationsList {
      width:80%;
      margin:0 auto;
      border-collapse:collapse;
      background-color:white;
    }
    .variationsListItem {
      border:0.5px solid black;
    }
    .variationsListItem td {
      text-align:center;
      border:0.5px solid grey;
      width:20%;
      font-size:16px;
      font-weight:400;
    }
    .variationsListItem td input, .variationsListItem td select {
      width:100%;
    }
    .variationsListItem:nth-of-type(even) {
      background-color:#f0f0f0;
    }
    .variationsListItem:nth-of-type(odd) {
      background-color:#f9f9f9;
    }
    .variationsListItem th {
      background-color:#ffebcd!important;
    }
    .variationsListItem tr td span {
      display:block;
      font-size:16px;
    }
    .variationsListItem div {
      display:flex;
      flex-direction:row;
      flex:0!important;
    }
    .variationsListItem div img {
      width:16px;
      height:16px;
    }
    .adminSeriesEditItem, .adminBSEditItem, .adminSeriesDeleteItem, .adminBSDeleteItem, .adminCTEditItem, .adminCTDeleteItem, .adminSeriesRemoveItem {
      cursor:pointer;
    }
    #adminVehiclesOrderTop {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #adminVehiclesSaveOrder {
      height:40px;
      width:160px;
    }
    .input-warning {
      border:2px solid red!important;
    }
    .text-warning {
      color:red;
    }
    .adminVehicleSaveModel {
      display:none;
      height:40px;
      background-color:#d8f2ff;
      border-radius:5px;
    }
    .adminVehicleSaveModel:hover {
      background-color:#def4ff;
    }
    .adminVehicleSaveModel:active {
      background-color:#ffffff;
    }
    .varSeriesTable {
      display:block;
    }
    .varSeriesTable input {
      width:10%!important;
    }
    .seriesSelectAddNewBSCT {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      gap:3px;
      box-sizing:border-box;
      align-items:center;
      min-height:20px;
      margin-top:5px;
      margin-bottom:5px;
    }
    .seriesSelectAddNewBSCT input {
      margin-right:0px;
    }
    /**
    Perma links styling
    **/
    .adminHeader2 {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      box-sizing:border-box;
      padding:10px;
      width:100%;
    }
    .adminContainer4 {
      display:flex;
      flex-direction:row;
      justify-content:center;
      box-sizing:border-box;
      width:100%;
    }
    .adminContainer4 table {
      border-collapse:collapse;
      border:1px solid black;
      width:100%;
    }
    .adminContainer4 table tr {
      box-sizing:border-box;
    }
    .adminContainer4 table tr:nth-of-type(even) {
      background-color:rgb(227, 236, 241);
    }
    .adminContainer4 table tr:nth-of-type(odd) {
      background-color:#dbeef8;
    }
    .adminContainer4 table th {
      text-align:left;
      padding-left:5px;
      background-color:white;
      vertical-align:middle;
    }
    .adminContainer4 table td {
      border:1px solid black;
      padding:5px;
      box-sizing:border-box;
      vertical-align:middle;
      font-size:16px;
    }
    .adminContainer4 table td input {
      width:95%;
    }
    .adminContainer4 table td img, .adminPermalinkClipboardDocs, .adminPermalinkClipboardDocsRefresh {
      width:24px;
      height:24px;
      float:right;
      cursor:pointer;
    }
    .adminContainer4 table td:nth-of-type(1) {
      width:15%;
    }
    .adminContainer4 table td:nth-of-type(2) {
      width:45%;
    }
    .adminContainer4 table td:nth-of-type(3) {
      width:30%;
    }
    
    .adminContainer4 table td:nth-of-type(4) {
      width:10%;
      box-sizing:border-box;
      text-align:center;
    }
    .adminContainer4 table td:nth-of-type(4) button {
      width:100%;
      border:0.5px solid grey;
    }
    .adminPermalinkButtonOff {
      background-color:#dadada;
      border:0.5px solid grey;
    }
    .adminPermalinkButtonOff:hover {
      background-color:#dfdfdf;
    }
    #adminPermalinksAddNew {
      width:9%;
      font-size:20px;
    }
    #adminDocsCreatePermalink {
      display:block;
      margin:5px 5px 5px 10px;
    }
    .adminPermalinkClipDocsCode {
      display:inline-block;
      margin:0 0 0 5px!important;
    }
    
    /**
    ADMIN PRODUCT OPTIONS
    **/
    #productOptionsContainer {
      display:flex;
      flex-direction:column;
      width:100%;
      min-height:600px;
      border:1px solid black;
    }
    #productOptionsMenu {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #productOptionsMenuSelect {
      
    }
    #adminProductOptionsLanding {
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      width:100%;
      height:200px;
    }
    #adminProductOptionsPTTitle {
      width:20%;
      font-size:24px;
      font-weight:400;
      margin-top:10px;
    }
    /** ADMIN FREIGHT **/
    #adminFreightUnloadAttachModal {
      position:fixed;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      display:none;
      flex-direction:column;
      width:40%;
      min-height:40%;
      height:auto;
      padding:10px;
      border:1px solid black;
      box-sizing:border-box;
      background-color:rgb(230 230 230);
      border-radius:5px;
    }
    .adminFreightUnloadVerify {
      width:120px;
      height:40px;
      margin:auto 0;
    }
    #adminFreightUnloadAttachModal * label {
      font-size:20px;
    }
    #adminFreightUnloadAttachModal * input {
      margin-top:8px;
      margin-bottom:8px;
    }
    #freightUnloadFormTop {
      display:flex;
      flex-direction:row;
      height:60px;
      gap:20px;
    }
    #freightUnloadFormTop div {
      width:13.5%;
      height:100%;
      display:flex;
      flex-direction:column;
    }
    #freightUnloadFormTop div label {
      font-weight:500;
    }
    #freightUnloadFormTop div:first-of-type {
      width:12%!important;
    }
    #freightUnloadFormTop div:nth-of-type(3) {
      width:50%;
    }
    #adminFreightUnloadFormWrittenByDistributor, #adminFreightUnloadFormWrittenByDistributorLabel {
      display:none;
    }
    #freight_actions {
      width:8%!important;
    }
    #freight_completed, #freight_author, #freight_given_address, #freight_hours, #freight_equipment {
      width:12%;
    }
    #freight_comments {
      width:20%!important;
    }
    #adminFreightUnloadAttachModal input {
      width:100%;
    }
    #adminFreightChooseDistributor {

    }
    #adminFreightUnloadFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }
    #adminFreightUnloadAddressDisplayHeader {
      display:none; 
    }
    #adminFreightChooseAddressContainer {
      position:relative;
    }
    #adminFreightChooseAddressForm {
    }
    #adminFreightChooseAddressClear {
      position:absolute;
      top:10px;
      right:0;
      width:24px;
      height:24px;
      cursor:pointer;
      display:none;
    }
    #adminFreightUnloadAddressDisplay {
      display:none;
      border:1px solid black;
      box-sizing:border-box;
      margin-top:10px;
      padding:10px;
      font-size:18px;
      flex-direction:row;
      justify-content:space-between;
      background-color:rgb(248, 240, 240);
      min-height:160px;
      width:100%;
    }
    #adminFreightUnloadAddressDisplayInner1, #adminFreightUnloadAddressDisplayInner2, #adminFreightUnloadAddressDisplayInner3 {
      display:flex;
      flex-direction:column;
      width:40%;
      font-size:16px;
      box-sizing:border-box;
    }
    #adminFreightUnloadAddressDisplayInner1 {
      padding:10px;
    }
    #adminFreightUnloadAddressDisplayInner2 div {
      box-sizing:border-box;
      display:flex;
      flex-direction:row;
      align-items:center;
      padding-left:15px;
      margin:5px;
      border:none;
    }
    #adminFreightUnloadAddressDisplayInner3 {
      padding-top:10px;
    }
    #adminFreightUnloadAddressDisplayInner2 div img {
      width:36px;
      height:36px;
    }
    .adminAddressModalInnerRow1 span {
      flex:1 1 auto;
      margin-left:10px;
    }

    #adminFreightUnloadAddressDisplayInner2Comments, #adminFreightUnloadAddressDisplayInner3Comments {
      display:flex;
      flex-direction:column!important;
      align-items:baseline!important;
    }
    #adminFreightUnloadAddressDisplayInner2Comments p, #adminFreightUnloadAddressDisplayInner3Comments p {
      font-size:18px;
    }
    #adminFreightUnloadAddressDisplayInner1 p:first-of-type {
      font-size:20px;
      font-weight:500;
    }
    #adminFreightUnloadAddressDisplayInner1 p, #adminFreightUnloadAddressDisplayInner3 p {
      font-size:18px;
    }
    .admin-freight-unload-red, .admin-freight-unload-green, .admin-freight-unload-blue {
      font-weight:500;
      color:red;
    }
    .admin-freight-unload-green {
      color:green!important;
    }
    .admin-freight-unload-blue {
      color:rgb(23, 75, 247);
    }
    #adminFreightUnloadFooterButtons {
      display:flex;
      flex-direction:row;
      gap:5px;
      box-sizing:border-box;
      padding-top:8px;
    }
    #adminFreightUnloadFooterAttachSubmit {
      display:none;
    }
    #adminFreightUnloadFooterButtons button {
      width:120px;
      height:40px;
    }
    #adminFreightFormID, #adminFreightUnloadHelper {
      display:none;
    }
    img.adminAddressModalOpen {
      width:24px;
      height:24px;
      cursor:pointer;
    }
    /**
    ADMIN QUOTES STYLING
    **/
    #adminQuotesListTable #created_date, #adminQuotesListTable #shipto, #adminQuotesListTable #effective_date, #adminQuotesListTable #expires_date, #adminQuotesListTable #quote_status,
    #adminQuotesListTable #subtotal, #adminQuotesListTable #freight, #adminQuotesListTable #line_status, #adminQuotesListTable #sales_tax {
      width:5%;
    }
    #adminQuotesListTable #sales_rep {
      width:4%;
    }
    #adminQuotesListTable #totalprice {
      width:6%;
    }
    #adminQuotesListTable #quote_id {
      width:11%;
    }
    #adminQuotesListTable #effective_date, #adminQuotesListTable #expires_date {
      width:7%;
    }
    #adminQuotesListTable #created_date {
      width:10%;
    }
    #adminQuotesListTable #customer {
      width:20%;
    }
    #adminQuotesListTable #shipto {
      width:20%;
    }
    #adminQuotesComments {
      display:flex;
      flex-direction:column;
      width:99%;
      box-sizing:border-box;
      border:1px solid black;
      margin:5px;
      padding:10px;
      font-size:18px;
      line-height:1.6;
      background-color:#e4e4e4;
    }

    #adminNewsPostVisibilityOption1, .adminNewsPostCustomVisibilityDiv {
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      padding:5px;
      display:none;
    }

    #adminNewsPostVisibilityOption1 span, .adminNewsPostCustomVisibilityDiv span {
      display:flex;
      flex-direction:row;
      gap:20px;
      align-items:center;
    }

    #adminNewsPostVisibilityOption1 span label, .adminNewsPostCustomVisibilityDiv span label, .adminNewsPostCustomVisibilityDiv label {
      font-weight:500;
    }

    .adminNewsPostCustomDiscountOption {
      display:flex;
      flex-direction:row;
      align-items:center;
      margin-bottom:15px;
    }
    .adminNewsPostCustomDiscountOption label {
      margin-top:-10px;
      font-weight:400!important;
    }

    #adminNewsPostAddDistributor {
      width:80%;
      height:40px;
    }

    #adminNewsPostVisibilityOption1 textarea[name=adminNewsPostDistributorList] {
      width:100%;
      height:120px;
    }

    /** Admin settings **/
    #adminEmailCategorySettingsHeader {
      width:90%;
      margin:0 auto;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
    }

    #adminEmailCategorySettingsHeader form {
      display:flex;
      flex-direction:row;

    }

    #adminEmailCategorySettingsContainer {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
      border:1px solid black;
      box-sizing:border-box;
      width:90%;
      margin:0 auto;
      margin-top:2%;
    }

    .adminEmailCategorySettings, #adminEmailCategorySettingsSubHeader {
      width:100%;
      border:1px solid black;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      margin:0px;
      box-sizing:border-box;
    }

    #adminEmailCategorySettingsSubHeader {
      box-sizing:border-box;
      padding:1%;
    }

    .adminEmailCategorySettings {
      background-color:#dbdbdb98;
    }

    .adminEmailCategorySettings * {
      font-size:1.2rem;
    }

    .adminEmailCategorySettings:nth-of-type(even) {
      background-color:#cbd5db98;
    }

    .adminEmailCategorySettings * input {
      width:100%!important;
    } 

    .adminEmailCategorySettings img:nth-of-type(1), .adminEmailCategorySettings .adminEmailCategoriesEdit,
    #adminEmailCategorySettingsSubHeader p:nth-of-type(1), #adminEmailCategorySettingsSubHeader p:nth-of-type(4),
    .adminEmailCategorySettings .adminEmailCategoriesDelete {
      width:3%;
      cursor:pointer;
    }

    .adminEmailCategorySettings:nth-of-type(7) {
      margin-bottom:10px;
    }

    .adminEmailCategorySettings div:nth-of-type(1), #adminEmailCategorySettingsSubHeader p:nth-of-type(2) {
      width:30%;
      font-weight:bold;
    }

    .adminEmailCategorySettings div:nth-of-type(2), #adminEmailCategorySettingsSubHeader p:nth-of-type(3) {
      width:50%;
    }

    #adminEmailCategorySettingsSubHeader p:nth-of-type(3) {
      font-weight:bold;
    }

    .adminEmailCategorySettings div:nth-of-type(3) {
      display:flex;
      flex-direction:row;
      gap:3px;
      align-items:center;
    }

    .adminEmailCategorySettings div:nth-of-type(3) img {
      width:50%;
    }

    #adminManageTerritoriesHeader {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      width:100%;
      box-sizing:border-box;
      padding:1%;
      background-color:rgb(240, 240, 240);
    }

    #adminManageTerritoriesHeader h1 {

    }

    #adminManageTerritoriesHeader button {

    }

    #adminManageTerritories {
      display:flex;
      flex-direction:column;
      gap:5px;
      width:90%;
      margin:0 auto;
      margin-top:1%;
    }

    #adminTerritoriesBody {
      display:flex;
      flex-direction:row;
      width:100%;
      background-color:rgb(238, 238, 238);
      justify-content:space-between;
    }

    .adminTerritoriesDropOff {
      display:flex;
      flex-direction:column;
      width:18%;
      border:1px solid black;
      box-sizing:border-box;
      padding:1%;
      background-color:rgb(156 192 236 / 31%);
    }

    .adminTerritoriesDropOffHeader {
      display:flex;
      flex-direction:row;
      font-size:1.4rem;
      font-weight:bold;
      margin-bottom:8%;
    }

    .adminTerritoriesDropOffBody {
      display:flex;
      flex-direction:column;
      width:100%;
      height:100%;
      gap:3px;
      box-sizing:border-box;
    }

    .adminTerritoriesDropOffBody span {
      border:1px solid black;
      box-sizing:border-box;
      padding:8px;
      background-color:#f0f0f1;
      font-size:1.1rem;
      border-radius:6px;
    }

    #adminTerritoriesSortOrderSubmit {
      height:35px;
      font-size:1.2rem;
    }

    #adminFreightUnloadFormForm input[type=checkbox] {
      scale:1.5;
    }

    #adminFreightAddUnloadForm {
      position:absolute;
      top:0%;
      left:50%;
      transform:translate(-50%,0%);
      width:40%;
      height:fit-content;
      border:1px solid black;
      background-color:white;
      overflow-x:hidden;
      overflow-y:auto;
      display:none;
      scrollbar-width:none;
      max-height:85vh!important;
    }

    #adminFreightAddUnloadFormHeader, #adminFreightAddUnloadFormFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      box-sizing:border-box;
      background-color:#d6d6d6;
      padding:2%;
    }

    #adminFreightAddUnloadFormFooter button {
      height:35px;
      width:fit-content;
    }

    #adminFreightAddUnloadFormHeader p {
      font-size:1.4rem;
      font-weight:bold;
    }

    #adminFreightAddUnloadFormHeader img {
      width:32px;
      height:32px;
      cursor:pointer;
      border:1px solid transparent;
    }

    #adminFreightAddUnloadFormHeader img:hover {
      border:1px solid black;
    }

    #adminFreightAddUnloadFormBody {
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
    }

    #adminFreightAddUnloadFormBody div {
      box-sizing:border-box;
      padding:1%;
      border-bottom:1px solid grey;
    }

    #adminFreightAddUnloadFormBody div p {
      font-size:1.4rem;
    }

    #adminFreightAddUnloadFormBody div:last-of-type {
      border:none;
    }

    #adminFreightAddUnloadFormBody div.header {
      padding-left:2%;
      font-weight:bold;
      background-color:#ebebeb;
      display:flex;
      flex-direction:row;
      gap:5px;
      align-items:center;
    }

    #adminFreightAddUnloadFormBody div.header p:nth-of-type(1) {

    }

    #adminFreightAddUnloadFormBody div.header p:nth-of-type(2) {
      font-weight:normal;
      color:#afafaf;
      font-size:1.2rem;
    }

    #adminFreightAddUnloadFormBody div.input {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      padding:1%;
    }

    #adminFreightAddUnloadFormBody div.input textarea {
      width:60%;
      resize:none;
    }

    #adminFreightAddUnloadEditHistory {
      display:none;
      flex-direction:column;
    }

    #adminFreightAddUnloadEditHistory span {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
    }



    #adminFreightAddUnloadFormBody div.input p {
      display:flex;
      flex-direction:row;
      align-items:center;
      user-select:none;
      flex:1 1 auto;
    }

    #adminFreightAddUnloadFormBody div.input img {
      width:24px;
      height:24px;
      margin-right:10px;
      user-select:none;
    }

    .adminWindow {
      flex-direction:column;
      position:fixed;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      border:1px solid black;
      background-color:white;
      font-family: 'Roboto', sans-serif;
      display:none;
      box-sizing:border-box;
    }

    .adminWindow p {
      font-size:1.2rem;
    }

    .flex-hide {
      display:none;
    }

    .flex-show {
      display:flex;
    }

    .adminWindow * {
      font-family:'Roboto', sans-serif;
      font-size:1.4rem;
      line-height:1.1;
    }

    .adminWindowHeader, .adminWindowFooter {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      background-color:#d4d4d4;
      width:100%;
      align-items:center;
      box-sizing:border-box;
      padding:0.5% 0.5% 0.5% 2%;
    }
    .adminWindowHeader {
      border-bottom:1px solid black;
    }
    .adminWindowBlue .adminWindowHeader, .adminWindowBlue .adminWindowFooter {
      background-color:#bcd4e2;
    }
    .adminWindowHeader p, .adminWindowFooter p {
      font-weight:bold;
    }
    .adminWindowFooter {
      border-top:1px solid black;
    }
    .adminWindowHeader img {
      width:24px;
      height:24px;
      cursor:pointer;
    }

    .adminWindowFooter button {
      min-height:35px;
      font-size:1.2rem;
    }

    .adminWindowBody {
      display:flex;
      flex-direction:column;
      box-sizing:border-box;
      flex:1 1 auto;
      padding:1%;
    }

    #adminQuoteRequestAdminReviewConfirmWindow {
      width:60%;
    }

    #adminDistributorsSendPasswordResetModal {
      width:30vw;
      min-height:20vh;
      background-color:#f9f6f3;
    }
    #adminDistributorAddressesAddressTypeContainer {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      width:100%;
      align-items:center;
    }
    #adminDistributorAddressesAddressTypeContainer p {
      font-weight:bold;
      font-size:1.2rem;
    }
    #adminDistributorAddressesAddressTypeContainer select {

    }
    #adminDistributorsSendPasswordResetModal .adminWindowBody p, #adminDistributorsSendPasswordResetModal .adminWindowBody ul li {
      font-size:1.4rem;
      line-height:1.1;
    }

    #adminDistributorsSendPasswordResetModal .adminWindowBody ul {
      list-style-type:disc;
    }

    #adminDistributorsSendPasswordResetModal .adminWindowBody ul li {
      margin-left:5%;
    }

    .adminFileMonitoringMenu {
      display: block;
      box-sizing: border-box;
      padding: 2%;
      border-bottom: 1px solid black;
      width: 100%;
      text-align: center;
      text-decoration:none;
      background-color:rgba(192, 197, 204, 0.651);
    }

    .adminFileMonitoringMenu:hover {
      background-color:#adb7d8b6;
      color:rgb(35, 60, 199);
    }

    #adminFileMonitoringSide {
      width:100%;
      height:100%;
    }

    #adminFileMonitoringBody {
      width:80%;
      border-left:1px solid black;
    }

    #adminFileMonitoringContentBody {
      display:flex;
      flex-direction:column;
      align-items:center;
      width:100%;
      box-sizing:border-box;
      padding:1%;
    }

    #adminFileMonitoringContentBody p, #adminFileMonitoringContentBody span {
      font-size:1.3rem;
    }

    .adminFileMonitoringGreenText {
      color:green;
    }

    .adminFileMonitoringRedText {
      color:red;
    }

    .adminFileMonitoringEventsHistoryDetailsDiv {
      display:flex;
      flex-direction:column;
      display:none;
      border:1px solid black;
      box-sizing:border-box;
      padding:5px;
      background-color:#ffffff;
      margin-bottom:5px;
    }

    #adminFileMonitoringSettingsSubmitOpen {
      width: 80px;
      height: 40px;
    }

    #triggerNotif, #triggerNotifBad {
      display:none;
    }

    #adminFileMonitoringUpdateText p {
      font-size:1.4rem;
      text-align:center;
    }

    #adminFileMonitoringSubmit {
      gap:5px;
    }

    #adminFileMonitoringSubmit input, #adminFileMonitoringSubmit button {
      width:100%;
    }

    .adminFileMonitoringLabel {
      font-weight:bold;
      margin-top:1%;
    }

    .adminFileMonitoringList {
      height:30vh;
      width:95%;
      border:1px solid black;
      background-color:#e0e0e0;
      overflow-x:hidden;
      overflow-y:auto;
      white-space:pre;
      font-size:1rem;
    }

    .adminFileMonitoringSettingsRow {
      
    }

    .adminFileMonitoringSettingsRow p:nth-of-type(1) {
      font-weight:bold;
      font-size:1.2rem;
    }

    .adminFileMonitoringSettingsRow p:nth-of-type(2) {

    }

    .adminFileMonitoringTextarea {
      min-height:160px;
    }

    #adminFileMonitoringExclusionsInput {
      resize:none;
      width:100%;
    }

    #adminFileMonitoringBody h1, #adminFileMonitoringBody h2, #adminFileMonitoringBody h3 {
      padding:0!important;
      margin:0!important;
    }

    #adminSessionManagerList {
      width:100%;
    }

    .adminSessionManagerRow, .adminSessionManagerRowSession, .adminSessionManagerRowSessionHeader {
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      width:100%;
      border:1px solid black;
    }

    .adminSessionManagerRow {
      background-color:var(--admin-distributors-tan);
    }
    
    .adminSessionManagerRow div {
        width:15%;
        font-size:1.4rem;
        box-sizing:border-box;
        padding:1%;
        display:flex;
        justify-content:flex-start;
        align-items:center;
    }

    .adminSessionManagerRow div:nth-of-type(2) {
      width:25%;
    }

    .adminSessionManagerRow div:nth-of-type(6) {
      width:10%;
    }

    .adminSessionManagerRow div:nth-of-type(7) {
      width:5%;
    }

    .adminSessionManagerRow div:last-of-type {
      display:flex;
      flex-direction:row;
      justify-content:flex-end;
      gap:8px;
    }

    .adminSessionManagerRow div:last-of-type img {
      width:32px;
      height:32px;
      cursor:pointer;
      border:1px solid transparent;
    }

    .adminSessionManagerRow div:last-of-type img:hover {
      border:1px solid black;
    }

    .adminSessionsManagerRowContainer {
      display:flex;
      flex-direction:column;
      width:100%;
    }

    .adminSessionManagerRowSessions {
      box-sizing:border-box;
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:8px;
      background-color:white;
      display:none;
    }

    .adminSessionManagerRowSession {

    }

    .adminSessionManagerRowSessionHeader div {
      background-color:var(--setina-light-blue)!important;
    }

    .adminSessionManagerRowSession div:last-of-type {
      display:flex;
      flex-direction:row;
      justify-content:flex-start;
      align-items:center;
    }

    .adminSessionManagerRowSession div:last-of-type img {
      width:24px;
      height:24px;
      cursor:pointer;
      border:1px solid transparent;
    }

    .adminSessionManagerRowSession div:last-of-type img:hover {
      border:1px solid black;
    }

    .adminSessionManagerRowSession div, .adminSessionManagerRowSessionHeader div {
      width:15%;
      border:1px solid black;
      box-sizing:border-box;
      padding:5px;
      background-color:var(--setina-light-gray);
      font-size:1.1rem;
    }

    .adminSessionManagerRowSession div:nth-of-type(4), .adminSessionManagerRowSessionHeader div:nth-of-type(4) {
      width:40%;
    }

    #adminSessionsManagerConfirmationWindow {
      position:fixed!important;
    }

    #adminUserAccountApplicationsWindow {
      display:none;
      flex-direction:column;
      width:40vw;
      height:60vh;
      border:1px solid black;
      background-color:white;
      box-sizing:border-box;
      position:fixed;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
    }
    
    #adminUserAccountApplicationsWindowHeader {
      background-color:#afafaf;
      box-sizing:border-box;
      padding:0 1% 0 1%;
      align-items:center;
    }

    #adminUserAccountApplicationsWindowHeader img {
      width:24px;
      height:24px;
      cursor:pointer;
      border:1px solid transparent;
    }

    #adminUserAccountApplicationsWindowHeader img:hover {
      border:1px solid black;
    }

    #adminUserAccountApplicationsWindowHeader p {
      font-weight:bold;
    }

    #adminUserAccountApplicationsWindowBody {
      flex:1 1 auto;
      border-top:1px solid black;
      border-bottom:1px solid black;
      flex-wrap:wrap;
      overflow-x:hidden;
      overflow-y:auto;
      align-items:flex-start!important;
    }

    #adminUserAccountApplicationsWindowBodyLeft, #adminUserAccountApplicationsWindowBodyRight {
      display:flex;
      flex-direction:column;
      align-items:center;
      box-sizing:border-box;
      padding:2%;
      gap:8px;
      min-height:100%;
      width:100%;
    }

    #adminUserAccountApplicationsConfirmAdding {
      transform:translate(-50%,-50%);
    }

    #adminUserAccountApplicationsWindowBodyRight {
      justify-content:flex-start;
      align-items:flex-start;
    }

    #adminUserAccountApplicationsWindowBodyLeft {
      border-right:1px solid black;
    }

    #adminUserAccountApplicationsWindowArchive, #adminUserAccountApplicationsWindowNextStep, #adminUserAccountApplicationsWindowShowDetails {
      height:35px;
    }

    #adminUserAccountApplicationsWindowBodyMiddleLower {
      width:100%;
      display:flex;
      flex-direction:column;
      border:1px solid black;
    }

    #adminUserAccountApplicationsWindowFooter {
      align-items:center;
    }
    
    #adminUserAccountApplicationsWindowFooter p {
      padding-left:8px;
    }

    #adminUserAccountApplicationsWindowFooter div {
      align-items:center;
    }

    #adminUserIPLookupWindow {
      width:40%;
      z-index:999999999;
    }

    #adminUserIPLookupTable {
      table-layout:fixed;
      margin-bottom:3%;
    }

    #adminUserIPLookupTable tr td:nth-of-type(1) {
      font-weight:bold;
    }

    #adminUserIPLookupTable tr td:nth-of-type(2) {

    }

    .adminUserAccountApplicationsWindowAssessmentRow {
      gap:8px;
    }

    .adminUserAccountApplicationsWindowAssessmentRow img {
      width:48px;
      height:48px;
    }

    .adminUserAccountApplicationsWindowAssessmentRow p {
      font-size:1.4rem;
    }

    .adminUserAccountApplicationsWindowInfo {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      width:100%;
    }

    .adminUserAccountApplicationsWindowInfo:last-of-type {
      border:none;
    }

    .adminUserAccountApplicationsWindowInfo p:nth-of-type(1) {
      font-weight:bold;
      text-align:left;
    }

    .adminUserAccountApplicationsWindowInfo p:nth-of-type(2) {
      text-align:right;
    }

    .adminUserAccountApplicationsWindowInfo p {
      font-size:1.4rem;
    }

    .adminUserAccountApplicationsWindowTables {
      border:1px solid black;
      border-collapse:collapse;
      width:80%;
      margin-bottom:5%;
    }

    .adminUserAccountApplicationsWindowTables tbody tr {

    }

    .adminUserAccountApplicationsWindowTables tbody tr th {
      background-color:#d0d0d0;
    }

    .adminUserAccountApplicationsWindowTables tbody tr td {
      border:1px solid black;
      padding:1%;
      background-color:#ebebeb;
    }

    #adminUserAccountApplicationsDistributorJson {
      display:none;
    }

    #adminUserAccountApplicationsDistributorInput {
      width:40%;
    }

    .adminUserAccountApplicationsWindowTables tbody tr td:nth-of-type(1) {

    }

    .adminUserAccountApplicationsWindowTables tbody tr td:nth-of-type(2) {

    }

    .adminUserAccountApplicationsWindowConfirmationWarnings span, .adminUserAccountApplicationsWindowConfirmationWarnings span p {
        font-size:1.3rem;
    }

    #adminUserAccountApplicationsWindowBodyRight ul li, #adminUserAccountApplicationsWindowBodyRight ul li p {
      font-size:1.2rem;
    }

    #adminUserAccountApplicationsDistributorName2 {
      display:inline-block;
    }

    .adminCustomerSpecificPhraseBox {
      width:48%;
    }

    .adminCustomerSpecificPhraseBox p {
      padding-left:8px;
      font-size:1.4rem;
    }

    .adminCustomerSpecificPhraseDistributorsBody {
      flex-wrap:wrap;
      box-sizing:border-box;
      padding:1%;
      gap:8px;
      background-color:white;
      min-height:80px;
      justify-content:flex-start!important;
      align-items:flex-start!important;
    }

    #adminCustomerSpecificPhraseContainer {
      box-sizing:border-box;
      padding:2%;
      gap:12px;
      justify-content:flex-start;
      align-items:center;
      border:1px solid black;
      background-color:#fefee04a;
    }

    .adminCustomerSpecificPhraseBoxSave, .adminCustomerSpecificPhraseBoxDelete {
      height:35px;
      font-size:1rem;
    }

    .adminCustomerSpecificPhraseDistributorsBody span {
      display:flex;
      flex-direction:row;
      align-items:center;
      border:1px solid black;
      border-radius:3px;
      gap:3px;
      font-family: 'Roboto', sans-serif;
    }

    .adminCustomerSpecificPhraseDistributorsBody span p {
      font-size:1.2rem;
    }

    .adminCustomerSpecificPhraseDistributorsBody span img {
      width:24px;
      height:24px;
      cursor:pointer;
      border:1px solid transparent;
    }

    .adminCustomerSpecificPhraseDistributorsBody span img:hover {
      border:1px solid black;
    }

    .adminCustomerSpecificPhraseDistributorInput, .adminCustomerSpecificPhraseBoxDelete {
      height:35px;
    }

    .adminCustomerSpecificPhraseBoxNew div:first-child {
      background-color:#6ebb8f!important;
    }

    #adminCustomerSpecificPhrasingConfirmDeleteWindowPhrase {
      font-weight:bold;
    }

    #adminQuoteRequestCSDetailsWindow {
      width:40%;
      height:60%;
    }

    #adminQuoteRequestCSDetailsWindow p {
      font-size:1.3rem;
    }

    .adminQuoteRequestHeaderRow {
      background-color:#f2f2f2;
    }

    #adminQuoteRequestCSDetailsWindow input {
      width:100%;
      height:35px;
    }

    #adminQuoteRequestsAddFreightWindowAddFreightQuoteSingleIcon {
      width:24px;
      height:24px;
      cursor:pointer;
    }

    #adminQuoteRequestAddFreightWindowBodyListContainer {
      border:1px solid blue;
      background-color:#f5f5f5;
      flex:1 1 auto;
      padding:2%;
      overflow-x:hidden;
      overflow-y:auto;
      scrollbar-width:none;
      gap:6px;
    }

    #adminQuoteRequestFreightDeptAddFreight {
      width:75%;
      height:65%;
      position:fixed;
    }
    
    .adminQuoteRequestsTopMenuButton {
      box-sizing:border-box;
      padding:1% 2% 1% 2%;
      background-color:rgb(238, 238, 222);
      transition:1s;
    }

    .adminQuoteRequestsTopMenuButton p, .adminQuoteRequestsTopMenuButton a {
      font-size:1.3rem;
      user-select:none;
      text-decoration:none;
    }

    .adminQuoteRequestsTopMenuButton a:focus, .adminQuoteRequestsTopMenuButton a:active {
      box-shadow:none;
    }

    .adminQuoteRequestsTopMenuButtonSelected {
      background-color:rgb(221, 221, 250);
    }

    .adminQuoteRequestsTopMenuButton:hover {
      background-color:rgb(198, 198, 233);
    }

    .adminQuoteRequestAddFreightWindowBodyListItem {
      border:1px solid rgb(138, 138, 138);
      padding:3px;
      font-size:1.3rem;
      transition:0.3s;
      border-radius:8px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      width:100%;
      height:fit-content;
      padding:0 1% 0 1%;
      align-self:flex-start;
      box-sizing:border-box;
      background-color:white;
    }

    .adminQuoteRequestFreightListItemSelected {
      border:1px solid green!important;
      background-color:#bad2ba;
    }

    .adminQuoteRequestFreightListItemInvalid {
      border:1px solid rgb(141, 10, 10)!important;
      background-color:#cfa6a1;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem:hover {
      background-color:rgb(243, 248, 255);
      border:1px solid blue;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem * {
      font-size:1.3rem;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem div {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      width:100%;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem div div:nth-of-type(2) {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      gap:8px;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem div div:nth-of-type(2) p:first-of-type {
      font-weight:bold;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem div div:nth-of-type(2) div {
      display:flex;
      flex-direction:row;
      gap:6px;
      justify-content:flex-end;
      align-items:center;
      margin-left:3px;
      width:100px;
      height:24px;
    }

    #adminQuoteRequestCSReview1AdminApprovalMessage {
      display:none;
      margin-top:8px;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem .body {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      border-top:1px solid black;
      align-items:center;
      width:100%;
      flex:1 1 auto;
      display:none;
      min-height:240px;
      padding: 1% 1px 1% 1px;
      gap:8px;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem .body p {
      font-weight:normal!important;
    }

    #adminQuoteRequestsFreightDeptAddFreightSubmit {
      display:none;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem .body span span:nth-of-type(2) {
      font-weight:bold;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem div img {
      cursor:pointer;
      width:24px;
      height:24px;
    }

    .adminQuoteRequestAddFreightWindowBodyListItem .quote-text {
      line-height:1.3;
    }

    #adminQuoteRequestFreightQuoteDeleteQuoteConfirmID {
      display:none;
    }

    #adminQuoteRequestFreightQuoteDeleteQuoteConfirmWindow, #adminQuoteRequestBulkQuantityWindow, #adminQuoteRequestBulkDiscountWindow {
      position:fixed;
    }

    #adminQuoteRequestBulkQuantityWindow, #adminQuoteRequestBulkDiscountWindow {
      width:15%;
    }
    
    #adminQuoteRequestFreightQuoteDeleteQuoteConfirmWindow p {
      font-size:1.2rem;
    }

    .adminFreightDeptQuoteWindowBody {
      display:none;
      flex-direction:column;
      justify-content:flex-start;
      width:100%;
      height:100%;
    }

    #adminQuoteRequestAddFreightWindowAddQuote * {
      font-size:1.4rem;
    }

    #adminQuoteRequestAddFreightWindowAddQuote {

    }

    .adminFreightQuoteFreightServiceOption {
      border:1px solid gray;
      background-color:lightgray;
      border-radius:5px;
      box-sizing:border-box;
      padding:5px;
      gap:8px;
    }

    .adminFreightQuoteFreightServiceOption input[type=checkbox] {
      scale:1.3;
    }

    .adminFreightQuoteFreightServiceOption label {
      user-select:none;
    }

    .adminFreightQuoteRow {
      border:1px solid rgb(167, 166, 166);
      background-color:rgb(235, 235, 235);
      padding:0 1% 0 1%;
      box-sizing:border-box;
    }

    .adminFreightQuoteRow input[type=text] {
      width:30%;
    }

    .adminTable {
      border:1px solid black;
      table-layout:fixed;
      width:100%;
      border-collapse:collapse;
    }

    .adminTable tr.header td {
      background-color:white;
      font-weight:bold;
      padding-left:3px;
    }

    .adminTable tr:nth-of-type(even) {
      background-color:#6fa2d844;
    }

    .adminTable tr:nth-of-type(odd) {
      background-color:#6f7d8c2f;
    }

    .adminTable tr td {
      border:1px solid black;
      word-wrap:break-word;
      padding:3px;
    }

    .generalPaginationContainer, .generalPagination {
      display:flex;
      flex-direction:row;
      justify-content:flex-end;
      align-items:center;
      gap:4px;
      box-sizing:border-box;
      padding:6px;
    }
    
    .generalPaginationItem {
        display:block;
        border:1px solid black;
        background-color:#acacac;
        padding:3px;
    }

    .generalPaginationItem.selectedPage, #adminAccountingPageContainer .generalPaginationItem.selectedPage {
      background-color:#c9c9c9;
    }

    #adminAccountingPageContainer .generalPagination {
      font-size:1.1rem;
      color:rgb(0, 0, 0);
    }

    #adminAccountingPageContainer .generalPaginationItem {
      color:black;
      background-color:white;
      text-decoration:none;
    }

    #adminQuoteRequestModalID {
      display:none!important;
    }

    #adminQuoteRequestModalAR, #adminQuoteRequestModalDID, #adminQuoteRequestModalSTT {
      display:none;
    }

    #adminQuoteRequestFinalConfirmSendAttachmentWindow {
      width:30%;
    }

    .adminUserTableLockButton {
      cursor:pointer;
      width:32px;
      aspect-ratio:1;
    }

    #adminNewLoadingAnimation {
      position:fixed;
      top:0;
      left:0;
      width:100vw;
      height:100vh;
      z-index:999999;
      background-color:#00000088;
      display:none;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:2vh;
      opacity:0;
    }

    #adminNewLoadingAnimation img {
      width:128px;
      height:128px;
    }

    #adminNewLoadingAnimation p {
      color:white;
      font-size:1.6rem;
      text-align:center;
    }

    #adminSiteOptionsContainer {
      display:flex;
      flex-direction:column;
      align-items:center;
      width:95%;
      height:95%;
      margin-top:1%;
    }

    #adminSiteOptionsContainer div.option {
      display:flex;
      flex-direction:row;
      align-items:center;
      width:100%;
      border-bottom:1px solid black;
    }

    #adminSiteOptionsContainer div.header {
      width:100%;
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      padding:18px;
      box-sizing:border-box;
      background-color:rgba(205, 225, 231, 0.76);
      border-bottom:1px solid gray;
    }

    #adminSiteOptionsContainer div.option div {
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      padding:6px;
    }

    #adminSiteOptionsContainer div div:nth-of-type(1) {
      width:30%;
      align-items:flex-start;
    }

    #adminSiteOptionsContainer div div:nth-of-type(2) {
     width:70%;
     align-items:flex-end;
    }

    #adminSiteOptionsContainer div.option div:nth-of-type(2) input, #adminSiteOptionsContainer div.option div:nth-of-type(2) select {
      width:100%;
      min-height:35px;
    }

    #adminSiteOptionsContainer div.option div:nth-of-type(2) textarea {
      resize:none;
      width:100%;
      min-height:130px;
    }

    #adminSiteOptionsContainer div.option div:nth-of-type(2) textarea.extended_textarea {
      min-height:260px;
    }

    #adminSiteOptionsContainer div.option:last-of-type {
      border:none;
    }

    /** General classes **/

    .flex-row {
      display:flex;
      flex-direction:row;
      align-items:center;
      box-sizing:border-box;
    }

    .flex-row-nocenter {
      display:flex;
      flex-direction:row;
      box-sizing:border-box;
    }

    .flex-column {
      display:flex;
      flex-direction:column;
      align-items:center;
      box-sizing:border-box;
    }

    .between {
      justify-content:space-between;
    }

    .evenly {
      justify-content:space-evenly;
    }

    .end {
      justify-content:flex-end;
    }

    .start {
      justify-content:flex-start;
    }

    .full-w {
      width:100%;
    }

    .full-h {
      height:100%;
    }

    .half-w {
      width:50%;
    }

    .forty-w {
      width:40%;
    }

    .fifty-w {
      width:50%;
    }

    .sixty-w {
      width:60%;
    }

    .seventy-w {
      width:70%;
    }

    .ninety-w {
      width:90%;
    }

    .ninetyfive-w {
      width:95%;
    }

    .border {
      border:1px solid black;
    }

    .flex-1 {
      flex:1 1 auto;
    }

    .red-text {
      color:red;
    }

    .grey-text {
      color:grey;
    }

    .border-green {
      border:1px solid green;
    }

    .border-red {
      border:1px solid red;
    }

    .hide {
      display:none!important;
    }

    /** Progress bars **/

    .inner-circle {
    position: absolute;
    width: calc(var(--progress-bar-width) - 30px);
    height: calc(var(--progress-bar-height) - 30px);
    border-radius: 50%;
    background-color: lightgrey;
    }

    .percentage {
    position: relative;
    font-size: 1.6rem;
    color: rgb(0, 0, 0);
    text-align:center;
    }

    #adminInvoicesTable, .adminTable2 {
      border:1px solid black;
      border-collapse:collapse;
    }

    .adminTable2 {
      width:100%;
    }

    #adminInvoicesTable thead tr, .adminTable2 thead tr {
      max-height:40px;
    }

    #adminInvoicesTable thead tr:nth-of-type(1) {
      background-color:#c3c3e6;
    }

    #adminInvoicesTable thead td, .adminTable2 thead td {
      border:1px solid black;
      font-weight:bold;
      padding:3px 3px 3px 6px;
    }

    #adminInvoicesTable thead tr:nth-of-type(2) td, .adminTable2 thead tr:nth-of-type(2) td {
      background-color:rgb(192, 192, 192);
    }

    #adminInvoicesTable thead td input, #adminInvoicesTable thead td select, .adminTable2 thead td select, .adminTable2 thead td input {
      width:100%;
      font-weight:normal;
    }

    #adminInvoicesTable tbody td, .adminTable2 tbody td {
      border:1px solid black;
    }

    #adminInvoicesTable td, .adminTable2 td {
      padding:8px;
      font-size:1.2rem;
    }

    #adminInvoicesTable td:nth-of-type(1){
      width:10%;
    }

    #adminInvoicesTable td:nth-of-type(2) {
      width:10%;
    }

    #adminInvoicesTable td:nth-of-type(3) {
      width:10%;
    }

    #adminInvoicesTable td:nth-of-type(4) {
      width:10%;
    }

    #adminInvoicesTable td:nth-of-type(5) {
      width:10%;
    }

    #adminInvoicesTable td:nth-of-type(6) {
      width:15%;
    }

    #adminInvoicesTable td:nth-of-type(7) {
      width:15%;
    }

    #adminInvoicesTable td:nth-of-type(8) {
      width:20%;
    }

    #adminInvoicesTable td:nth-of-type(8) div {
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items:center;
      width:100%;
      gap:4px;
    }

    #adminInvoicesTable td:nth-of-type(8) div button, #adminInvoicesTable td:nth-of-type(8) div a {
      width:50%;
    }

    #adminInvoicesTable td:nth-of-type(8) div a button {
      width:100%;
    }

    #adminInvoicesTable tbody tr:nth-of-type(odd), .adminTable2 tbody tr:nth-of-type(odd) {
      background-color:white;
    }

    #adminInvoicesTable tbody tr:nth-of-type(even), .adminTable2 tbody tr:nth-of-type(even) {
      background-color:rgb(235, 235, 235);
    }

    #adminAccountingPDFDeleteWindow {

    }

    #adminAccountingPDFDeleteWindow .invoice_id {
      font-weight:bold;
    }

    #adminAccountingPageContainer {
      /*background-color:#e9e9ec; */
    }

    #adminAccountingPageContainer .header {
        box-sizing:border-box;
        padding-left:18px;
    }

    #adminAccountingPageContainer .header .counts {
      font-size:1.6rem;
      justify-content:flex-start;
      align-items:flex-start;
      box-sizing:border-box;
      padding:18px;
      max-height:160px;
      flex-wrap:wrap;
      width:85%;
    }

    #adminAccountingPageContainer .header .actions {
      justify-content:flex-end;
      align-items:flex-end;
      box-sizing:border-box;
      padding:18px;
      gap:6px;
      width:15%;
    }

    #adminAccountingPageContainer .header .actions {
      font-size:1rem;
    }

    #adminAccountingPageContainer .header .actions * {
      width:100%;
    }

    #adminAccountingPageContainer .header .actions p {
      font-size:1rem;
      text-align:right;
      box-sizing:border-box;
      padding-right:8px;
    }

    #adminAccountingPageContainer .header .actions .last_updated_value {
      font-weight:bold;
    }
    
    #adminAccountingPageContainer .header .counts p {
      font-size:1.3rem;
    }

    #adminAccountingPageContainer .header .counts p span {
      color:blue;
      font-size:2rem;
    }

    #adminAccountingPageContainer span.value {
      color:blue;
    }

    #adminAccountingPageContainer .header .counts p span.notblue {
      color:black;
    }

    #adminAccountingPageContainer h2 {
      font-size:1.6rem;
    }

    #adminAccountingPageContainer .explanation {
      font-size:1.2rem;
    }

    #adminAccountingDistributorBalanceWindow {
      width:fit-content;
      height:fit-content;
      min-width:30vw;
      min-height:30vh;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody {
      display:grid;
      grid-template-columns:1fr 1fr;
      width:100%;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side, #adminAccountingDistributorBalanceWindow .adminWindowBody .side .inner {
      box-sizing:border-box;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      padding:8px;
      height:100%;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side .inner {
      padding:0;
      justify-content:space-evenly;
      width:100%;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side>div:nth-of-type(1) {
      justify-content:flex-start;
      align-items:flex-start;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side div span.distributor {
        color:blue;
        font-size:0.8rem;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side div span.distributor_name {
        color:gray;
        font-weight:bold;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side .inner span {
      display:flex;
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      width:100%;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side:nth-of-type(1) {
      align-items:flex-start;
      border-right:1px solid black;
    }

    #adminAccountingDistributorBalanceWindow .adminWindowBody .side:nth-of-type(2) {
      align-items:flex-end;
    }