*{box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{margin:0;font:inherit}html{margin-right:calc(-1*(100vw - 100%));overflow-x:hidden}@font-face{font-family:"Roboto-Bold";font-weight:600;src:url(/f80816a5455d171f948d.ttf)}@font-face{font-family:"Roboto-Medium";font-weight:400;src:url(/7c8d04cd831df3033c8a.ttf)}@font-face{font-family:"Roboto-Regular";font-weight:400;src:url(/fc2b5060f7accec5cf74.ttf)}@font-face{font-family:"Roboto-Light";font-weight:300;src:url(/333da16a3f3cc391d087.ttf)}body{background-color:#e9eaee;padding:0 !important;width:100%}.App{max-width:1400px;position:relative;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px;min-height:100vh;color:#000;background-color:#e9eaee}.span-errorMessage{color:#ff7787;font-size:13px;text-align:center}.button-reset{border:none;background:initial}
.header{display:flex;position:absolute;justify-content:space-between;top:40px;width:100%;margin-right:15px}.header .header-logo{width:200px;display:flex;justify-content:space-around;align-items:center}
.menu{display:flex;flex-direction:column;padding:8px 10px;width:160px;font-family:Roboto-Light}.menu .link-item{background-color:#fff;padding:8px;border:none;text-align:start;cursor:pointer;border-bottom:1px solid #e9eaee}.menu .link-item:hover{background-color:#06f;color:#fff}.DropdownContainer{margin-top:10px;border-radius:10px}
.ProfileInfo{display:flex;justify-content:end;cursor:pointer;min-width:160px}.ProfileInfo .info-profile{display:flex;flex-direction:column;row-gap:5px}.ProfileInfo .info-profile .name{font-family:Roboto-Medium;align-self:end}.ProfileInfo .info-profile .position{font-family:Roboto-Light;align-self:end;color:#24243a}.ProfileInfo .profile-drop{display:flex;align-items:center;margin-left:15px}.ProfileInfo .avatar-profile{width:42px;height:42px;background-color:rgba(0,102,255,.15);font-family:Roboto-Medium;font-size:16px;color:#06f;padding:11.5px;border-radius:20px}
.modal{background:#fcfdff !important;padding:30px 30px;box-sizing:border-box;width:590px;max-height:600px;border-radius:12px}.modal .Header{background-color:#fcfdff !important;color:#000;font-family:Roboto-Medium;font-size:20px;padding:10px 10px;border-bottom:1px solid #e9eaee;margin-bottom:20px}.modal .Header div{background-color:rgba(0,102,255,.15);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.modal .Header div svg{fill:#06f}
.container-password{width:100%;position:relative}.AppInput-password{position:relative;background-color:#fcfdff !important;border-radius:10px !important;border:none;height:35px;width:100%;font-family:"Roboto-Regular";box-sizing:border-box;padding:5px 10px}input.AppInput-password.error{background:#ffedef !important;border:1px solid #fea9b3 !important;color:#ff7787 !important}.AppInput-password:focus{border-style:none;outline:none}.input-errorMessage{color:red;font-size:12px;font-weight:400;position:absolute;top:38px;left:4px}.IconButton-password{position:absolute;z-index:1;border:none;background-color:initial;right:6%;top:25%;cursor:pointer}.input-description{color:#000 !important;font-size:12px;font-weight:500;position:absolute;top:40px;left:10px}::placeholder{color:#a2a9c8;font-family:Roboto-Light}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#000;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #fff}input:-webkit-autofill.error,input:-webkit-autofill:hover.error,input:-webkit-autofill:focus.error,input:-webkit-autofill:active.error{-webkit-background-clip:text;-webkit-text-fill-color:#ff7787;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #ffedef}
.PasswordChange{padding:0 80px;font-family:Roboto-Regular;display:flex;flex-direction:column;row-gap:20px}.PasswordChange .PasswordChange-info{display:flex;flex-direction:column;row-gap:20px}.PasswordChange .PasswordChange-info .info{text-align:center;font-family:Roboto-Light}.PasswordChange .PasswordChange-info .name{text-align:center;font-family:Roboto-Medium}.PasswordChange .field{display:flex;flex-direction:column;row-gap:30px;font-family:Roboto-Light;font-size:18px}.PasswordChange .field .label{text-align:center}.PasswordChange .modalPassword{border:1px solid #e9eaee}.PasswordChange .ControlsModal{display:flex;justify-content:space-between;margin-top:20px}.PasswordChange .match{color:#ff7787;font-size:12px}
.appbutton{padding:7px 20px;border:none;border-radius:20px;font-family:"Roboto-Regular";font-size:14px;font-weight:500;height:32px;width:141px;cursor:pointer}.appbutton.primary{background:rgba(0,102,255,.4);color:#fff}.appbutton.secondary{background:linear-gradient(105.79deg, #f4f7fe 11.88%, #e1e6f3 96.16%);color:#06f;border:1px solid #06f}.appbutton.modalPrimary{background:#06f;color:#fff;border-radius:12px}.appbutton.modalSecondary{background:#fff;color:#06f;border:2px solid #ff7787;border-radius:12px}.appbutton-inner{display:flex;justify-content:center;align-items:center}.appbutton-icon{margin-right:10px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}

.login{max-width:360px;position:absolute;top:38%}.login h1{font-family:"Roboto-Regular";text-align:center;margin-bottom:50px;color:#a2a9c8}.login form{font-family:"Roboto-Light";display:flex;flex-wrap:wrap;gap:35px;-webkit-animation:fadeIn .5s;animation:fadeIn .5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.login form .errorMessage-container{position:absolute;top:220px;display:flex;flex-direction:column}.login form .loginControls{width:100%;display:flex;justify-content:space-around;margin-top:50px}.login form .loginControls button{width:200px}
.Navigations{position:absolute;top:17px;left:42%;display:flex;flex-wrap:wrap;column-gap:60px;margin-bottom:20px;font-family:Roboto-Regular;font-size:16px}.Navigations .tab-item{height:30px;text-decoration:none;color:#a2a9c8;transition:.3s;border-bottom:2px solid initial}.Navigations .tab-item_selected{color:#06f;border-bottom:2px solid #06f;-webkit-animation:pulse .5s;animation:pulse .5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.cardsPage{margin-top:10%;margin-bottom:30px;width:75%;display:flex;flex-direction:column}
.cardsAccordion{background:#fff;width:99%;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:rgba(34,60,80,.2) 0px 2px 8px 0px;padding:10px 40px;margin:0 5px 20px 5px}.cardsAccordion .Accordion{width:100%;padding:0 15px}.cardsAccordion .Accordion .AccordionItem{width:100%;display:flex;justify-content:center}.cardsAccordion .cardsAccordion-header{width:100%;font-size:24px;font-family:Roboto-Medium;display:flex;justify-content:space-between;flex-direction:row;margin:5px}.cardsAccordion .cardsAccordion-header .header-RGroup,.cardsAccordion .cardsAccordion-header .header-LGroup{display:flex;align-items:center;width:50%;justify-content:space-between}.cardsAccordion .cardsAccordion-header .header-RGroup .cards-delete,.cardsAccordion .cardsAccordion-header .header-LGroup .cards-delete{color:#06f;font-size:14px;display:flex;align-items:center;column-gap:10px;font-family:Roboto-Light;cursor:pointer}.cardsAccordion .cardsAccordion-header .header-RGroup .header-date,.cardsAccordion .cardsAccordion-header .header-LGroup .header-date{display:flex;flex-direction:column;row-gap:15px}.cardsAccordion .cardsAccordion-header .header-RGroup .header-date .date-title,.cardsAccordion .cardsAccordion-header .header-LGroup .header-date .date-title{font-family:Roboto-Light;font-size:14px}.cardsAccordion .cardsAccordion-header .header-RGroup .header-date .date,.cardsAccordion .cardsAccordion-header .header-LGroup .header-date .date{font-family:Roboto-Medium;font-size:21px;color:#a2a9c8}.cardsAccordion .cardsAccordion-header .header-RGroup .header-date .date :nth-child(2),.cardsAccordion .cardsAccordion-header .header-LGroup .header-date .date :nth-child(2){font-family:Roboto-Light;font-size:18px;margin-left:5px}.cardsAccordion .cardsAccordion-header .header-RGroup .header-button,.cardsAccordion .cardsAccordion-header .header-LGroup .header-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;cursor:pointer}.open{background:#f2f4f6}.open .header-button{background:#fff}.open .Accordion{padding:30px 15px 0 15px;transition:.5s}.isDeleted{border:3px solid #a2a9c8;background-color:#e9eaee;color:#a2a9c8}
.DeleteCatalog .deleteCatalog-title{font-family:Roboto-Light;display:flex;flex-direction:column;margin:0 auto 40px auto;width:430px;text-align:center}.DeleteCatalog .ControlsModal{display:flex;justify-content:space-evenly;padding:0 25px}
.cards-list{display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:5px;width:94%}
.card-container{background-color:#fff;width:100%;box-sizing:border-box;border:3px solid #fff;border-radius:16px;padding:8px 30px;display:flex;justify-content:space-between;margin:15px 0 3px 0;box-shadow:rgba(34,60,80,.2) 1px 2px 7px 1px}.card-container .card-diveceId{font-size:24px;width:160px;font-family:Roboto-Medium;color:#a2a9c8;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.card-container .card-diveceId :first-child{color:#000;font-size:12px;font-family:Roboto-Light;align-self:start}.card-container .card-codeCards{font-size:24px;width:190px;font-family:Roboto-Medium;display:flex;align-items:center;margin-left:20px}.card-container .card-date{display:flex;margin-left:40px;justify-content:space-between;flex-direction:column}.card-container .card-date .date-title{font-family:Roboto-Light;font-size:12px}.card-container .card-date .date{font-family:Roboto-Medium;font-size:18px;color:#a2a9c8}.card-container .card-date .date :nth-child(2){font-family:Roboto-Light;font-size:15px;margin-left:5px}.card-container .card-buttons{display:flex;justify-content:space-between;align-items:center;column-gap:30px;border-left:1px dashed #e9eaee;padding-left:20px}.card-container .card-buttons svg{cursor:pointer}.deleted{border:3px solid #a2a9c8;background-color:#e9eaee;color:#a2a9c8}
.colposcopeAccordion{border-radius:16px;row-gap:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;padding:10px 10px;margin-bottom:20px}.colposcopeAccordion .Accordion{width:100%}.colposcopeAccordion .header-button{cursor:pointer}.colposcopeAccordion .colposcopeAccordion-header{width:100%;font-size:24px;font-family:Roboto-Medium;display:flex;justify-content:space-between;flex-direction:row;padding-bottom:15px;border-bottom:1px solid #a2a9c8}
.SortController{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:30px;padding:0 200px;font-family:Roboto-Regular;column-gap:30px;font-size:16px}.SortController .tab-item{cursor:pointer;display:flex;align-items:center;height:30px;color:#a2a9c8;transition:.3s}.SortController .tab-item_selected{color:#06f;-webkit-animation:pulse .5s;animation:pulse .5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.SortController .tab-item_selected path{stroke:#06f}
.Pagiation{display:flex;column-gap:10px;font-family:Roboto-Light}.Pagiation .tab-item{border:1px solid #a2a9c8;color:#a2a9c8;border-radius:20px;padding:5px 7px}.Pagiation .tab-item_selected{color:#06f;border:1px solid #06f}
.cards{display:flex;flex-direction:column;align-items:center;width:100%}
.catalogsPage{margin-top:10%;margin-bottom:30px;width:70%;display:flex;flex-direction:column}
.catalogs{display:flex;flex-direction:column;row-gap:20px;align-items:center}
.footer{width:100%}.footer .footer_instructions_wrapper{display:flex;justify-content:space-between}.footer .footer_instructions_wrapper a{text-decoration:none;font-size:19px;font-family:Roboto-Light;color:#a2a9c8}