body { background-image: url('../../../public/backgorund.png'); font-family: 'Montserrat', sans-serif; } /* Reset and base styles */ * { padding: 0px; margin: 0px; border: none; } *, *::before, *::after { box-sizing: border-box; } /* Links */ a, a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; } /* Common */ aside, nav, footer, header, section, main { display: block; } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit; } ul, ul li { list-style: none; } img { vertical-align: top; } img, svg { max-width: 100%; height: auto; } address { font-style: normal; } /* Form */ input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; } input::-ms-clear { display: none; } button, input[type='submit'] { display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer; } input:focus, input:active, button:focus, button:active { outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } label { cursor: pointer; } legend { display: block; } .ant-menu-item-selected { background-color: #372579 !important; } .ant-input-outlined { &:focus { border-color: #372579; outline: none; box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1); } &:hover { border-color: #372579; } } .ant-select .ant-select-selector { &:hover { border-color: #372579 !important; } &:focus-within { border-color: #372579 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important; } } .ant-input-number-outlined { &:hover { border-color: #372579 !important; } &:focus-within { border-color: #372579 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important; } } .ant-checkbox-inner { background-color: #ffffff; border: 2px solid #d9d9d9; transition: all 0.3s; } .ant-checkbox-checked .ant-checkbox-inner{ background-color: #372579 !important; border-color: #372579 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important; &:hover { border-color: #372579 !important; background: #47309c !important; } } :where(.css-dev-only-do-not-override-1uq9j6g).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner, :where(.css-dev-only-do-not-override-1uq9j6g).ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{ border-color: #372579; } .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-inner:focus { border-color: #372579; /* цвет бордюра при ховере */ border-color: #372579 !important; background-color: #f0f0f0; /* цвет фона при ховере */ outline: none; /* убираем outline при фокусе */ box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1); }