.school-lists { margin-top: 15px; }

.school-lists-inner > .title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.school-lists-inner > .title { font-size: 18px; /*line-height: 32px;*/ padding: 20px 25px; }
.school-lists-inner > .title .descr { margin-top: 5px; font-size: 14px; color: #999; }
.school-lists-inner > .title .tabs  { text-align: left; }
.school-lists-inner > .title .tabs > *  { text-align: center; }

.school-lists-inner > .inner { padding: 0; overflow-x: auto; scrollbar-width: thin; }

.school-lists-inner .list-item                   { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; }
.school-lists-inner .list-item                   { border-top: 1px solid #e5e5e5; }
.school-lists-inner .list-item > *               { flex-grow: 0; flex-shrink: 0; }
.school-lists-inner .list-item > .list-title     { font-size: 16px; width: 300px; margin-right: 20px; }

.school-lists-inner .list-item > .list-links     { display: flex; align-items: center; }
.school-lists-inner .list-item > .list-links > * { margin-right: 20px; }
.school-lists-inner .list-item > .list-links a     { width: initial; padding: 0 10px; text-transform: uppercase; }
.school-lists-inner .list-item > .list-links a > i { margin-right: 5px; }
.school-lists-inner .list-item > .list-links button     { width: initial; padding: 0 10px; cursor: pointer; }
.school-lists-inner .list-item > .list-links button     { display: flex; align-items: center; }
.school-lists-inner .list-item > .list-links button > i { margin-right: 5px; }
.school-lists-inner .list-item > .list-links button > .count  { margin-left: 5px; min-width: 40px; display: inline-block; }
.school-lists-inner .list-item > .list-links button > .count  { font-weight: bold; text-align: right; }
.school-lists-inner .list-item > .list-links button > .count:empty { display: none; }

.school-lists-inner .list-item > .list-refresh                 { display: flex; align-items: center; margin-right: 20px; min-width: 150px; }
.school-lists-inner .list-item > .list-refresh button          { padding: 0; background-color: transparent; border: none; cursor: pointer; }
.school-lists-inner .list-item > .list-refresh button          { display: flex; align-items: center; }
.school-lists-inner .list-item > .list-refresh button > i      { margin-right: 10px; font-size: 24px; color: #657FAC; }
.school-lists-inner .list-item > .list-refresh button > div    { font-size: 12px; line-height: 15px; text-align: left; }
.school-lists-inner .list-item > .list-refresh button > div .t { color: #657FAC; }
.school-lists-inner .list-item > .list-refresh button > div .v { color: #051E53; font-weight: 600; }

.school-lists-inner .list-item > .list-ctrls       { display: flex; align-items: center; margin-left: auto; }
.school-lists-inner .list-item > .list-ctrls > *   { margin-left: 20px; }
.school-lists-inner .list-item > .list-ctrls:empty { display: none; }

.school-lists-inner .ctrl-action                       { display: flex; align-items: center; justify-content: center; }
.school-lists-inner .ctrl-action > button              { cursor: pointer; height: 34px; width: 34px; padding: 0; margin: 0; }
.school-lists-inner .ctrl-action > button              { display: flex; align-items: center; justify-content: center; }
.school-lists-inner .ctrl-action > button              { background-color: transparent; color: #228dcf; font-size: 18px; }
.school-lists-inner .ctrl-action > button > span       { display: none; margin-left: 5px; font-size: 14px; }
.school-lists-inner .ctrl-action > button > span:empty { display: none; }

.modal-school-list .fields                { margin: 0 -5px; min-width: 0; }
.modal-school-list .fields > *            { display: inline-block; margin: 5px 5px 5px; vertical-align: top; }
.modal-school-list .fields > *.single     { width: calc(25% - 10px); }
.modal-school-list .fields > *.double     { width: calc(50% - 10px); }
.modal-school-list .fields > *.full       { width: calc(100% - 10px); }
.modal-school-list .form-input > label    { position: relative; overflow: visible; margin: 0; padding: 6px 0; }
.modal-school-list .form-input > label    { color: #657FAC; font-size: 12px; line-height: 18px; font-weight: 500; }
.modal-school-list .form-input .classowl-checkbox > label { padding: 8px 0; }
.modal-school-list .list-private .list-share { display: none; }

.modal-school-list .ctrls { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; }