@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}#log-in-form{display:flex;flex-direction:column;padding:10px;width:300px}#log-in-button{margin-top:25px;height:50px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:bolder;font-size:larger;color:#fff}#demo-button{margin-top:25px;height:55px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:bolder;font-size:larger}#log-in-button:hover,#demo-button:hover{background:#2196f3;box-shadow:2px 2px 3px 2px #293348}#log-header{padding:10px;text-align:center}.log-inputs{width:97%;height:40px;margin-bottom:15px}.log-labels{margin-bottom:8px}.log-errors{color:red;margin:0;min-height:5px;max-height:5px}#sign-up-modal{display:flex;flex-direction:column;padding:10px;width:300px}#sign-up-button{max-height:50px;min-height:50px;border-radius:30px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:bolder;font-size:larger}#sign-up-button:hover{background:#2196f3;box-shadow:2px 2px 3px #48293f}#sign-up-header{text-align:center}.sign-up-input{width:97%;height:40px}.sign-up-label{margin-bottom:8px}.sign-up-errors{color:red;min-height:5px;max-height:5px}.create-customer-form{display:flex;flex-direction:column;padding:10px;width:350px;height:500px}#create-customer-button{margin-top:25px;min-height:50px;max-height:50px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:bolder;font-size:larger;color:#fff}#create-customer-button:hover{background:#2196f3}#unique{text-align:center}#create-customer-error-message{text-align:center;color:red;min-height:5px;max-height:5px}#disabled{margin-top:25px;min-height:50px;max-height:50px;border-radius:20px;background-color:#98aebe;color:#fff;font-weight:bolder;font-size:larger}#create-customer-header{padding:10px;text-align:center}.create-customer-input{width:97%;height:40px;margin-bottom:15px;border-radius:30px}.creat-customer-label{margin-bottom:8px}.create-customer-error{color:red;min-height:5px;max-height:5px}.create-macro-form{display:flex;flex-direction:column;padding:10px;width:300px}#create-macro-button{margin-top:25px;height:50px;border-radius:30px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:bolder;font-size:larger;color:#fff}#create-macro-button:hover{background:#2196f3}#disabled{margin-top:25px;height:50px;border-radius:20px;background-color:#98aebe;color:#fff;font-weight:bolder;font-size:larger}#create-macro-error-message{text-align:center;color:red;min-height:5px;max-height:5px}#invisi-text{text-align:center;color:#fff;min-height:5px;max-height:5px}#create-macro-header{padding:10px;text-align:center}.create-macro-input{width:97%;height:40px;margin-bottom:15px;border-radius:30px}.creat-macro-label{margin-bottom:8px}.create-macro-error{color:red;min-height:5px;max-height:5px}#message-center{display:flex;flex-direction:column;min-width:500px;max-width:500px;height:700px;text-align:center;margin:10px auto auto;border-radius:30px;background-color:#f5f7fa}#modal-content{border-radius:30px}#message-header{padding-bottom:5px;color:#1b3c59;border-radius:30px}#input{display:flex;flex-direction:column-reverse;max-height:270px;min-height:270px;border:#1b3c59 solid 2px;margin:10px;overflow:scroll;border-radius:30px}#convo-select{max-height:40px;min-height:40px;margin:10px;border:#1b3c59 solid 1px;color:#1b3c59;border-radius:30px}.message-card{display:flex;flex-direction:column;text-align:start;border:#1b3c59 solid 1px;padding:10px;margin:10px;color:#1b3c59;border-radius:30px;background-color:#fff}.message-card>input{border-radius:30px}#message-input{border:#1b3c59 solid 1px;min-height:100px;max-height:100px;margin:10px;width:90%;border-radius:30px;padding:10px}#message-submit{max-height:50px;min-height:50px;border-radius:30px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:bolder;font-size:larger;width:95%;margin-bottom:20px;margin-top:5px;cursor:pointer}#message-submit:hover{background:#2196f3}.edit-button{list-style:none;text-align:center;padding:5px;width:50px;margin-top:5px;margin-left:5px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;border:none}#cancel-button{background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;color:#fff}#yes-delete{background-color:#dc0505;color:#fff;cursor:pointer}.delete-confirmation{list-style:none;text-align:center;padding:5px;width:100px;margin-top:5px;margin-left:5px;border-radius:20px}.edit-button:hover,#cancel-button:hover{background:#2196f3}#yes-delete:hover{background-color:#ff1e1e}#new-log-in{display:flex;justify-content:center;align-items:center;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;width:95%;margin:auto;min-height:40px;max-height:40px;cursor:pointer;font-size:large}#new-log-in:hover{background:#2196f3}.message-button-container{display:flex;justify-content:flex-end;border-radius:30px}#input-label{margin:0;text-align:left;padding-left:10px;font-weight:300;border-radius:30px}#convo-message{overflow:scroll;overflow-wrap:break-word;border-radius:30px}@media (max-width: 501px){#message-center{max-width:320px;min-width:320px}}.profile-nav-links{display:none}.burger{display:none}.not-burger{display:block}.profile-dropdown{padding:4px;position:absolute;top:70px;right:100px;background-color:#f9f9f9;border:black solid .5px;color:#000;border-radius:12px;list-style-type:none}.menu-links{color:#fff;text-decoration:none}.menu-links:hover{text-decoration:underline}.profile-dropdown>li{margin-top:10px}.nav-div{display:flex}.log-in-ul{color:#fff}.nav-links{display:flex;color:#e2fff5;text-decoration:none;justify-content:space-between;cursor:pointer}.profile-buttons{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-left:10px;width:100px;height:30px;font-size:large;background-color:#40c4ff;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #40c4ff66}.profile-buttons:hover{background-color:#00b0ff;transform:translateY(-2px)}.text-dec-none{padding-top:10px;text-decoration:none;font-size:larger;color:#fff}.li-landing{width:50%;display:flex;flex-direction:column;list-style-type:none;justify-content:space-between}.li-landing-two{list-style-type:none}#landing-h1{margin-bottom:0;margin-top:0;text-shadow:1px 1px 1px black}#landing-h2{margin-top:0;text-shadow:1px 1px 1px black}#landing-ul{display:flex;justify-content:space-between;align-items:space-around;padding-left:20px;padding-right:100px;margin-top:0;margin-bottom:0;padding-bottom:10px;border-top:0px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:200px}.hide{display:none}.nav-link{color:#fff;text-decoration:none}.nav-link:hover{text-decoration:underline;color:#00b0ff;display:flex;flex-direction:column}#log-out-button{margin-bottom:12px;margin-top:10px;height:30px;width:90px;cursor:pointer;background-color:#40c4ff;color:#fff;border:none;border-radius:12px;font-weight:700}#log-out-button:hover{background-color:#00b0ff;transform:translateY(-2px)}.modal-profile-links:hover{text-decoration:underline;color:#00b0ff}#create-ticket-link,#create-customer-link,#create-macro-link{color:#fff;text-shadow:1px 1px 1px #00201b}#create-ticket-link:hover,#create-customer-link:hover,#create-macro-link:hover{color:#00b0ff;text-shadow:none}.nav-div{width:100px;display:flex;justify-content:flex-end}.customer-link{color:purple}@media (max-width: 1350px){.navigation-links{display:none}.burger{display:block}.not-burger{display:none}.profile-nav-links{display:flex;flex-direction:column}#landing-h1{font-size:large}#landing-h2{font-size:medium}#landing-ul{padding:10px}.nav-links{display:flex;flex-direction:column;display:none}.nav-link{color:#000;padding-bottom:15px}#create-ticket-link,#create-customer-link,#create-macro-link{color:#000;text-shadow:none}#landing-ul{height:180px}.profile-buttons{width:50px;border-radius:10px}.profile-dropdown{right:10px;background-color:#f9f9f9;border:black solid .5px;color:#000;margin:5px;padding:5px;border-radius:12px}.nav-div{width:100px;display:flex;justify-content:flex-end}}#create-ticket-left-panel{display:flex;flex-direction:column;padding-right:40px;width:15%}#create-ticket-form{background-color:#fcfcfc}.create-ticket-requester{width:175px;height:40px;cursor:pointer;border-radius:30px}.create-ticket-assignee{width:175px;height:40px;border-radius:30px}.create-ticket-type,.create-ticket-priority{width:85px;height:40px;cursor:pointer;border-radius:30px}#create-type-priority{display:flex}#create-ticket-top{display:flex}#create-ticket-title-input{width:100%;height:40px;box-sizing:border-box;border-radius:30px}#create-ticket-description{width:100%;padding:10px;box-sizing:border-box}#create-ticket-description-input{width:100%;height:150px;box-sizing:border-box;border-radius:30px;padding:10px}#create-ticket-middle-panel{width:60%;padding-right:50px}#create-ticket-bottom{display:flex;justify-content:space-between}#create-ticket-form{padding:50px}.create-ticket-button{height:35px;width:110px;align-self:flex-end;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:20px;cursor:pointer;font-weight:400;border:none}.outside-ticket-form{display:flex}.create-ticket-button:hover{background:#2196f3}#create-macros-input{height:90px;width:100%;text-wrap:wrap;cursor:pointer;border-radius:30px}#create-ticket-image{width:100%;padding-top:50px}#create-ticket-right{width:20%}.create-ticket-macro{width:90%}@media (max-width: 1116px){#create-ticket-top{display:flex;flex-direction:column;align-items:center;width:95%}#create-ticket-form{display:flex;flex-direction:column;align-items:center}#create-ticket-middle-panel,#create-ticket-left-panel{width:100%;padding:0}.create-ticket-macro{width:95%}#create-ticket-bottom{display:flex;flex-direction:column;align-items:center;width:100%}#create-type-priority{width:100%}.create-ticket-button{align-self:center;margin-top:15px}#type{width:50%;padding-right:6px}#priority-label{width:50%;padding-left:6px}.create-ticket-type{width:100%}.create-ticket-priority{width:98%}#img-label{text-align:center;margin-bottom:0}#create-macros-input{margin-bottom:15px}#create-ticket-image{padding-top:10px;width:90%}#create-ticket-right{width:100%;text-align:center}.create-ticket-requester,.create-ticket-assignee{width:100%}}.navigation-link{text-decoration:none;list-style:none;color:#3f51b5;width:81px}.navigation-links{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:solid rgb(229,238,238) 1px;background-color:#fff;box-shadow:1px 1px 1px #f5f7fa;border-radius:12px;height:600px;margin-right:100px;padding:5px}.navigation-link:hover{color:#00b0ff}#macro-link{color:"#3f51b5"}@media (max-width: 700px){.navigation-links{margin:0}}#ticket-left-panel{display:flex;flex-direction:column;padding-right:40px;width:15%}#ticket-form{background-color:#fcfcfc}.edit-ticket-requester{width:175px;height:40px;cursor:pointer;border-radius:30px}.edit-ticket-assignee{width:175px;height:40px;border-radius:30px}.edit-ticket-type,.edit-ticket-priority{width:85px;height:40px;cursor:pointer;border-radius:30px}#type-priority{display:flex}#ticket-description{border:solid,1px,black;height:300px}#ticket-top{display:flex}#ticket-title-input{width:100%;height:40px;box-sizing:border-box;border-radius:30px}#ticket-description{width:100%;padding:10px;box-sizing:border-box}#ticket-description-input{width:100%;height:150px;box-sizing:border-box;border-radius:30px;padding:10px}#ticket-middle-panel{width:60%;padding-right:50px}#ticket-bottom{display:flex;justify-content:space-between}#ticket-form{padding:50px}.edit-ticket-button{height:35px;width:110px;align-self:flex-end;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:20px;cursor:pointer;font-weight:400;border:none}.whole-edit-ticket{display:flex}.edit-ticket-button:hover{background:#2196f3}#macros-input{height:90px;width:100%;text-wrap:wrap;cursor:pointer;border-radius:30px}#edit-ticket-image{width:100%;margin-top:50px;border-radius:3em}#edit-ticket-right{width:20%}.edit-ticket-macro{width:90%}.error-message{color:red;min-height:5px;max-height:5px}@media (max-width: 1116px){#ticket-top{display:flex;flex-direction:column;align-items:center;width:95%}#ticket-form{display:flex;flex-direction:column;align-items:center}#ticket-middle-panel,#ticket-left-panel{width:100%;padding:0}.edit-ticket-macro{width:95%}#ticket-bottom{display:flex;flex-direction:column;align-items:center;width:100%}#type-priority{width:100%}.edit-ticket-button{align-self:center;margin-top:15px}#type{width:50%;padding-right:6px}#priority-label{width:50%;padding-left:6px}.edit-ticket-type{width:100%}.edit-ticket-priority{width:98%}#img-label{text-align:center;margin-bottom:0}#edit-macros-input{margin-bottom:15px}#edit-ticket-image{padding-top:10px;width:90%}#edit-ticket-right{width:100%;text-align:center}.edit-ticket-requester,.edit-ticket-assignee{width:100%}}.landing-bottom{display:flex;align-items:center;padding-top:1%;justify-content:space-around;font-size:xx-large;background-color:#f5f7fa;padding-bottom:100px}.landing-bottom>h2{margin:0;padding:15px;color:#2196f3}.landing-top{display:flex;justify-content:space-around;padding:100px;background-color:#f5f7fa;color:#1b3c59}.landing-h1{margin:0}.about-links{font-size:xxx-large;color:linear-gradient(135deg,#3f51b5,#2196f3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about-links:hover{color:#2196f3}.landing-h2{width:70%;text-align:center}.landing-buttons:hover{background:#2196f3}.landing-buttons{margin-left:10px;width:180px;height:45px;border:none;font-size:x-large;color:#fff;text-shadow:1px 1px 1px black;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landing-button-container{display:flex}.landing-image{width:70%;box-shadow:.5px .5px .5px 2px #000}.landing-left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:45%}.landing-right{width:45%;text-align:center}@media (max-width: 1060px){.landing-top{display:flex;flex-direction:column-reverse;align-items:center}.landing-h1{width:600px;text-align:center}.landing-left{width:100%}.landing-left>h2{width:600px}.landing-image{width:100%}.landing-top{padding:10px}.landing-bottom>h2{font-size:large}}.delete-modal{display:flex;flex-direction:column;width:300px;text-align:center;padding:10px}.delete-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background-color:#dc0505;color:#fff;font-size:x-large;font-weight:900;cursor:pointer}.delete-modal-buttons:hover{background-color:#ff1e1e;box-shadow:2px 2px 3px 2px #540101}.dont-delete-modal-buttons:hover{background:#2196f3}.dont-delete-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:x-large;font-weight:900;cursor:pointer}#view-ticket-left{display:flex;flex-direction:column;padding-right:40px;width:15%}.view-ticket-requester,.view-ticket-assignee{width:175px;height:40px;font-weight:bolder;border-radius:30px}.view-ticket-type{width:80px;height:40px;font-weight:bolder;margin-right:5px;border-radius:30px}.view-ticket-priority{width:80px;height:40px;font-weight:bolder;border-radius:30px}#view-type-priority{display:flex}#type{padding-right:6px}#view-ticket-description{border:solid,1px,gray;color:gray;height:300px}#view-ticket-top{display:flex}#view-ticket-title-input{width:100%;height:40px;box-sizing:border-box;font-weight:bolder;border-radius:30px}#view-ticket-description{width:100%;padding:10px;box-sizing:border-box}#view-ticket-description-input{width:100%;height:150px;box-sizing:border-box;font-weight:bolder;border-radius:30px}#view-ticket-middle{width:60%;padding-right:50px}#view-ticket-bottom{display:flex;justify-content:space-between}#view-ticket-form{padding:50px}.whole-view-ticket{display:flex}.view-ticket-button{padding-right:10px;width:100px}#inner-button{width:100%;height:30px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;border:none}.ticket-delete-button{display:flex;justify-content:center;align-items:center;width:100px;height:30px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;list-style:none;text-align:center;font-size:smaller;cursor:pointer}.ticket-delete-button:hover{background:#2196f3}#view-delete-ticket-button{width:70px;border-radius:20px;background-color:#1b3c59;color:#fff}#inner-button:hover{background:#2196f3}#view-delete-ticket-button:hover{background-color:#fff;color:#000}#view-macros-input{height:90px;width:100%;text-wrap:wrap;color:#000;font-weight:bolder;border-radius:30px}#view-ticket-image{width:100%;border-radius:3em}#view-ticket-right{width:20%}.view-delete-edit-buttons{display:flex;align-items:flex-end;width:300px;justify-content:space-around}.view-ticket-macro{width:85%}@media (max-width: 1116px){.ticket-delete-button,.view-ticket-button{width:40%}.view-delete-edit-buttons{width:80%}#view-ticket-top{display:flex;flex-direction:column;align-items:center;width:95%}#view-ticket-form{display:flex;flex-direction:column;align-items:center}#view-ticket-middle,#view-ticket-left{width:100%;padding:0}.view-ticket-macro{width:95%}#view-ticket-bottom{display:flex;flex-direction:column;align-items:center;width:100%}#view-type-priority{width:100%}#type-label{width:50%;padding-right:6px}#priority-label{width:50%;padding-left:6px}.view-ticket-type{width:100%}.view-ticket-priority{width:98%}#img-label{text-align:center;margin-bottom:0}#view-macros-input{margin-bottom:15px}#view-ticket-image{padding-top:10px;width:90%}#view-ticket-right{width:100%;text-align:center}.view-ticket-requester,.view-ticket-assignee{width:100%}}.new-outer-dash{display:flex}.view-ticket-preview{width:1890px;display:flex;justify-content:space-between;text-decoration:none;color:#000;padding-top:10px;padding-bottom:10px;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.view-ticket-preview:hover{color:#2196f3}.dashboard-header{width:1850px;display:flex;flex-direction:column;padding-bottom:20px;margin-bottom:50px;border-bottom:solid black 1px;color:#2e2e2e}.ticket-preview-image{width:100px;height:100px;border-radius:3em;align-self:center}.ticket-preview-element{width:8%}#view-ticket-card{display:flex;justify-content:center;border:solid rgb(229,238,238) 1px;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:4px;margin-top:4px;padding-right:4px;padding-left:4px;width:1890px}#view-tickets-header{display:flex;width:70%;justify-content:space-around;margin:auto;border-bottom:solid black 1px;color:#2e2e2e}.ticket-headers{border-right:solid black 1px;padding-right:10px;color:#2e2e2e}#hide{display:none}#whole-thing{display:flex;width:100%;align-items:center;justify-content:center}#the-outside-div{display:flex;flex-direction:column;align-items:center;background-color:#f5f7fa;padding:5px;margin-right:100px}@media (max-width: 2110px){#view-ticket-card{width:890px}.dashboard-header,.view-ticket-preview{width:850px}}@media (max-width: 1210px){#the-outside-div{margin:0}.view-ticket-preview{display:flex;flex-direction:column;width:90%;border:none}.ticket-preview-element{display:flex;align-items:center;justify-content:space-between;width:90%;padding-left:10px;padding-right:10px}#view-ticket-card{width:520px;border-bottom:solid 1px black}#whole-thing{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-header{text-align:center;width:320px}#subject{padding-right:20px}.ticket-preview-image{margin:auto;height:351px;width:100%}#view-tickets-header{display:none}}@media (max-width: 600px){#view-ticket-card{width:320px;padding:0}.ticket-preview-image{height:200px}}.delete-customer-modal{display:flex;flex-direction:column;width:300px;text-align:center;padding:10px}.delete-customer-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background-color:#dc0505;color:#fff;font-size:x-large;font-weight:900}.dont-delete-customer-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:x-large;font-weight:900}.delete-customer-modal-buttons:hover{background-color:#ff1e1e;box-shadow:2px 2px 3px 2px #540101}.dont-delete-customer-modal-buttons:hover{background:#2196f3;color:#fff;box-shadow:2px 2px 3px 2px #48293f}.customer-card{display:flex;justify-content:center;width:2090px;border:rgb(229,238,238) 1px;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:4px;margin-top:4px;padding-right:2px;padding-left:2px;color:#4a4a4a}#button-container{display:flex;flex-direction:column;justify-content:flex-start}.customer-header{display:flex;flex-direction:column;justify-content:flex-start;width:1850px;padding-bottom:20px;margin-bottom:50px;border-bottom:solid black 1px;color:#2e2e2e}.customer-labels{border-right:solid black 1px;padding-right:10px}#view-customer-headers{display:flex;width:1840px;justify-content:space-between;margin:auto;border-bottom:solid black 1px;color:#2e2e2e}.view-customer-preview{width:1850px;display:flex;justify-content:space-between;text-decoration:none;color:#000;padding-top:10px;padding-bottom:10px}.customer-element{width:10%}.customer-buttons{list-style:none;text-align:center;padding:5px;width:50px;margin-top:5px;margin-left:50px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer}.customer-buttons:hover{background:#2196f3}#hidden{display:none}#whole-customer{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;background-color:#f5f7fa}.very-outside-customer{display:flex}#the-outer-div{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;background-color:#f5f7fa;padding:5px;align-self:center}@media (max-width: 2310px){.customer-card{width:1790px}.customer-header{width:850px}#view-customer-headers{width:840px}.view-customer-preview{width:850px}}@media (max-width: 2000px){.customer-card{width:1400px}}@media (max-width: 1600px){.customer-header{text-align:center;width:520px}#view-customer-headers{width:520px}.view-customer-preview{display:flex;flex-direction:column;align-items:center;width:100%}.customer-element{display:flex;align-items:center;justify-content:space-between;width:90%;padding-left:10px;padding-right:10px;overflow:scroll}#whole-customers{width:100%;margin:auto}#button-container{display:flex;width:100%}.customer-buttons{margin:0 0 10px;width:100%}.pad-label{padding-right:60px}.customer-card{width:920px}}@media (max-width: 1215px){.customer-card{width:680px}}@media (max-width: 690px){#whole-customers{width:95%}.customer-card,#view-customer-headers,.customer-header{width:320px}.view-customer-preview{width:100%}.pad-label{padding-right:60px}.customer-element{display:flex;align-items:center;justify-content:space-between;width:90%;padding-left:10px;padding-right:10px}}.error-message{text-align:center;max-height:5px;min-height:5px}.delete-macro-modal{display:flex;flex-direction:column;width:300px;text-align:center;padding:10px}.delete-macro-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background-color:#dc0505;color:#fff;font-size:x-large;font-weight:900}.dont-delete-macro-modal-buttons{margin-top:10px;height:40px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:x-large;font-weight:900}.delete-macro-modal-buttons:hover{background-color:#ff1e1e;box-shadow:2px 2px 3px 2px #540101}.dont-delete-macro-modal-buttons:hover{background:#2196f3}.error-message{color:red;max-height:5px;min-height:5px}*{font-family:Inter,sans-serif;font-weight:400}#view-macro-top-head{display:flex;flex-direction:column;align-items:center;background-color:#f5f7fa;border-radius:12px;padding:8px}.whole-view-macro{display:flex}.macro-header{text-align:center}#macro-button-container{display:flex;flex-direction:row;align-items:center;width:2190px;background-color:#fff;margin-bottom:4px;border-radius:12px}#macro-card-and-headers{display:flex;justify-content:center;width:100%}#button-inner-container{display:flex;flex-direction:column}.macro-header{padding:20px}.macro-labels{border-bottom:solid black 1px;width:100%}#view-macro-headers{margin-right:50px}.macro-buttons{padding-top:5px;margin-left:20px;margin-top:30px;height:25px;width:80px;border-radius:20px;background:linear-gradient(135deg,#3f51b5,#2196f3);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:bolder;list-style-type:none;text-align:center;font-size:large;cursor:pointer}.macro-buttons:hover{background:#2196f3}.view-macro-preview{width:100%;text-decoration:none;color:#000}#macro-card-and-headers{width:95%;display:flex;justify-content:flex-start;padding:20px}#macro-description{display:flex;flex-direction:column;height:auto;width:90%;margin-right:10px}#macro-button-container{display:flex;padding-right:8px}.macro-element{width:90%}.macro-card{width:100%}@media (max-width: 2400px){#macro-button-container{width:1860px}}@media (max-width: 2110px){#macro-description{width:100%}#view-macro-headers{margin-right:45px}.macro-card{margin-right:10px}#macro-button-container{width:1420px}}@media (max-width: 1703px){#macro-button-container{width:920px;flex-direction:column}#button-inner-container{flex-direction:row;padding-bottom:4px}#view-macro-top-head{margin-left:100px}}@media (max-width: 1353px){#view-macro-top-head{margin-left:0}#macro-button-container{width:680px}.whole-view-macro{justify-content:center}}@media (max-width: 700px){#macro-button-container{width:320px;padding:0}#view-macro-top-head,#macro-card-and-headers{padding:0}}body{margin:0}