/* .school settings */

.my-settings                  { display: flex; min-width: 800px; min-height: calc(100vh - 60px - 80px); }
.my-settings > .settings-side { width: 200px; border-right: 1px solid #e5e5e5; }

.my-settings > .settings-side .sticky                        { position: sticky; top: 60px; }
.my-settings > .settings-side .sticky > .title               { padding: 15px; font-size: 18px;  line-height: 30px; font-weight: bold; color: #282828; border-bottom: 1px solid transparent; }
.my-settings > .settings-side .sticky > ul                   { margin: 0; padding: 0; }
.my-settings > .settings-side .sticky > ul > li              { margin: 0; padding: 0; list-style-type: none; }
.my-settings > .settings-side .sticky > ul > li          > a { display: block; padding: 0 15px; line-height: 35px; font-size: 14px; text-decoration: none; }
.my-settings > .settings-side .sticky > ul > li          > a { background-color: transparent; color: #282828; }
.my-settings > .settings-side .sticky > ul > li.selected > a { background-color: #0044CD; color: #ffffff; }


.settings-page                          { width: calc(100% - 200px); }
.settings-page > .title                 { padding: 15px; font-size: 18px; line-height: 30px; color: #282828; }
.settings-page > .title > .add-item     { float: right; font-size: 14px; line-height: 30px; }
.settings-page > .title                 { border-bottom: 1px solid #e5e5e5; }
.settings-page > .subtitle              { border-top: 1px solid #e5e5e5; border-bottom: none; }
.settings-page > .inner                 { padding: 15px; font-size: 0; }
.settings-page > .inner > form > button { margin: 20px 0 0 auto; }
.settings-page > .warning               { padding: 15px; font-size: 14px; text-align: left; color: #ef4949; font-weight: 600; }
.settings-page > .warning               { border-bottom: 1px solid #e5e5e5; }


/* school settings - profile */

.settings-profile > .inner > form           { max-width: 400px; }
.settings-profile > .inner .form-inputs > * { margin-top: 30px; }

.settings-profile > .inner .user-name     { display: flex; justify-content: space-between; }
.settings-profile > .inner .user-name > * { width: calc(50% - 10px); }

.settings-profile > .inner .user-birthday                    { display: flex; justify-content: space-between; }
.settings-profile > .inner .user-birthday > *:nth-of-type(1) { width: calc(30% - 10px); }
.settings-profile > .inner .user-birthday > *:nth-of-type(2) { width: calc(40% - 20px); }
.settings-profile > .inner .user-birthday > *:nth-of-type(3) { width: calc(30% - 10px); }

.settings-profile > .inner .user-pass     { display: flex; justify-content: space-between; }
.settings-profile > .inner .user-pass > * { width: calc(50% - 10px); }

.settings-profile > .inner .share-contacts         { display: none; }
.settings-profile > .inner .share-contacts.teacher { display: block; }