@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
*{outline:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Public Sans", sans-serif;}
html{min-height:100%;font-family:sans-serif;font-display:swap;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;}
body{min-height:100%;margin:0;padding:0;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background-size:contain;background-repeat:repeat;}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{margin:0;padding:0;font-size:22px;}
.branches{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1020px;margin:50px 30px;gap:30px;justify-content:center;}
.branches-item{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;text-align:center;gap:8px;line-height:1;border:1px solid #ebebeb;padding:15px;border-radius:6px;background-color:#ffffff;box-shadow:0px 0px 14px rgb(0 0 0 / 20%);}
.branches-item-logo{max-width:200px;width:200px;height:100px;aspect-ratio:3/2;}
.branches-item-logo img{max-width:100%;max-height:100%;height:auto;width:auto;}
.branches-item-title{max-width:200px;font-size:18px;font-weight:600;}
.branches-item-button{max-width:200px;font-size:12px;text-decoration:underline;color:#000000;}
.branches-login{width:100%;height:100%;display:flex;flex-direction:row;}
.branches-login-left{width:40%;display:flex;align-items:center;justify-content:center;flex-direction:row;}
.branches-login-left-content{display:flex;flex-direction:column;width:100%;max-width:460px;padding:0 30px;gap:15px;}
.branches-login-left-content-logo{width:100%;text-align:center;}
.branches-login-left-content-logo img{max-width:220px;}
.branches-login-left-content-title{width:100%;text-align:left;font-size:24px;font-weight:600;margin-top:20px;text-align:center;}
.branches-login-left-content-input{width:100%;}
.branches-login-left-content-input label{width:100%;font-size:13px;height:18px;font-weight:500;display:flex;align-items:flex-end;justify-content:flex-start;}
.branches-login-left-content-input input{width:100%;border:none;outline:none;border-bottom:1px solid #ececec;background-color:transparent;border-radius:0;font-size:13px;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus{-webkit-text-fill-color:var(--pcdr-black-color);-webkit-box-shadow:0 0 0 5rem var(--pcdr-white-color) inset;}
.branches-login-left-content-button{width:100%;}
.branches-login-left-content-button a{color:var(--pcdr-white-color);background-color:var(--pcdr-thema-1);display:block;width:100%;font-size:13px;border-radius:0;border:none;padding:1em 2em;font-weight:500;text-transform:uppercase;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;text-shadow:none;}
.branches-login-left-content-checkbox-forgot-password{font-size:12px;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.branches-login-left-content-checkbox-forgot-password a{text-decoration:underline;}
.branches-login-right{width:60%;position:relative;width:100%;height:100%;background-position:center center;background-size:cover;}
.branches-login-right:before{content:"";position:absolute;width:100%;height:100%;background-color:rgb(0 0 0 / 60%);}
label.cm-checkbox-label{position:relative;margin-bottom:5px;margin-top:5px;cursor:pointer;}
label.cm-checkbox-label input{display:none;width:0;height:0;opacity:0}
label.cm-checkbox-label label{width:18px;height:18px;display:inline-block;margin-right:6px;position:relative;margin-bottom:-4px !important;;cursor:pointer}
label.cm-checkbox-label label:before{content:"";position:absolute;width:18px;height:18px;top:0;left:0;border:1px solid #202020;}
label.cm-checkbox-label label:after{content:"";position:absolute;width:10px;height:5px;left:4px;top:6px;opacity:0;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}
label.cm-checkbox-label:hover label:after{opacity:.20}
label.cm-checkbox-label input[type=checkbox]:checked + label:after{opacity:1}
label.cm-checkbox-label a{text-decoration:none;color:#000000;}