@charset "utf-8";

/* CSS Document */
@import url('../../../static/fonts/roboto/roboto.css');
@import url('../../../static/fonts/fontawesome/font-awesome.css');
@import 'icons.css';

html {
    background: #FAF6F6;
    min-height: 100%;
    height: 100%
}

body {
    font-size: 14px;
    color: #282a2e;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: none;
    height: 100%
}

a {
    text-decoration: none;
    outline: none !important;
    color: #ec5252;
    transition: all ease 0.3s
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
    font-size: 0
}

p {
    margin: 1.5em 0
}

p:first-child {
    margin-top: 0
}

strong {
    font-weight: bold
}

#page {
    background: #FAF6F6;
    position: relative;
    z-index: 6;
}

.footer {
    height: 80px;
    clear: both;
    display: none;
}

.header {
    height: 150px;
    background: #fff;
    margin: 0 0 55px;
    text-align: center
}

.header > div {
    height: 100%;
}

.logo {
    display: block;
    width: 111px;
    height: 65px;
    background: url(../images/logo.png) left center no-repeat;
    position: absolute;
    left: 150px;
    top: 50px;
    background-size: contain;
}

div.user_zone {
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: left;
    z-index: 66666;
}

div.user_zone .user_zone_avatar {
    display: block;
    position: relative;
    z-index: 461;
    padding: 9px;
    background: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    border-bottom: 0;
    border-radius: 0.3rem 0.3rem 0 0;
    transition: all ease 0.3s

}

div.user_zone .user_zone_avatar img {
    display: block
}

div.user_zone + div:before {
    content: ' ';
    position: fixed;
    background: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 458;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s
}

div.user_zone:hover + div:before {
    visibility: visible;
    opacity: 0.61;
}

div.user_zone_drop {
    position: absolute;
    right: 0;
    z-index: 460;
    background: #fff;
    border: 1px solid #d2dee5;
    top: 120px;
    border-radius: 0.3rem 0 0.3rem 0.3rem;
    padding: 14px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.3s;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19);
}

div.user_zone:hover div.user_zone_avatar {
    -webkit-box-shadow: 0px -3px 5px -2px rgba(0, 0, 0, 0.64);
    -moz-box-shadow: 0px -3px 5px -2px rgba(0, 0, 0, 0.64);
    box-shadow: 0px -3px 5px -2px rgba(0, 0, 0, 0.64);
    border-color: #d2dee5;
}

div.user_zone:hover div.user_zone_drop {
    visibility: visible;
    opacity: 1
}

div.user_zone_drop ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.user_zone_drop ul > li > a {
    display: block;
    white-space: nowrap;
    font-size: 15px;
    color: #2e2e2e;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 0 9px 42px;
    background-position: 8px center;
    background-repeat: no-repeat;
    font-weight: 500
}

div.user_zone_drop ul > li:last-child > a {
    border-top: 1px solid #d8e6e7
}

div.user_zone_drop ul > li:hover > a {
    color: #ec5252;
}

div.dashboard-blocks > div {
    margin: 0 0 18px;
}

div.db-item {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    height: 137.5px;
    padding: 26px;
    font-size: 15px;
    color: #282a2e;
    font-weight: 300;
    transition: all ease 0.3s;
    position: relative
}

div.db-item.x2-height {
    height: 292px;
}

div.db-item + div.db-item {
    margin: 18px 0 0;
}

div.db-item h2 {
    color: #ec5252;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 14px;
}

div.db-item:hover {
    background: #f2f2f2
}

div.db-item[data-url] {
    cursor: pointer
}

div.db-item .dec,
.pl_dec {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat #fff;
    position: absolute;
    right: 22px;
    bottom: 22px;
    border: 1px solid #f1efef;
    z-index: 1;
}

.menu-import-link {
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    width: 75% !important;
    text-align: center;
}

.sunschool-import-from-xls {
    background-color: #D283BA !important;
    border-radius: 30px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    padding: 10px 25px !important;
    margin: 5px !important;
    font-weight: 500;
    font-family: Commissioner !important;
    line-height: 23px;
    text-transform: none !important;
    min-width: 130px !important;
    white-space: nowrap !important;
    text-align: center;
}

.sunschool-card-hr-container hr, .sun-school-dashboard-swiper hr, .dashboard-group-selector hr {
    display: none;
}

.dashboard-group-selector hr {
    margin: 26px;
}

div.menu-swiper.swiper-container {
    padding: 0 0 40px;
}

div.menu-swiper .swiper-content {
    max-height: 80px;
    overflow-y: auto;
    font-size: 13px;
}

div.menu-swiper .title {
    text-align: center;
    line-height: 44px;
}

div.menu-swiper .swiper-button-next {
    right: -8px;
    top: -12px;
    margin: 0;
    background-image: url(../images/icons/arrow-right.svg);
    background-size: auto;
}

div.menu-swiper .swiper-button-prev {
    left: -8px;
    top: -12px;
    margin: 0;
    background-image: url(../images/icons/arrow-left.svg);
    background-size: auto
}

div.menu-swiper .swiper-pagination-bullet-active {
    background: #ec5252
}

.import-tip .sign {
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    vertical-align: text-top;
}

.import-tip a {
    color: #818a91;
    text-decoration: underline;
}

.import-tip a:hover,
.import-tip a:focus,
.import-tip a:active {
    color: #e35351;
}

.import-menu-modal .card-block {
    padding: 0;
}

.import-menu-modal thead th {
    border-top: 0;
    border-bottom: 0;
    vertical-align: top;
}

.import-menu-modal th,
.import-menu-modal td {
    border-right: 1px solid #eceeef;
}

.import-menu-modal tr th:last-child,
.import-menu-modal tr td:last-child {
    border-right: 0;
}

.import-menu-modal .import-submit {
    margin-top: 25px;
}

@media (min-width: 767px) {
    .import-menu-modal .import-submit {
        float: right;
    }
}

div.childrens {
    margin-top: -30px;
}

div.childrens > div {
    margin-top: 30px;
}

@media (min-width: 544px) {
    div.childrens > div {
        height: 265px;
    }
}

div.childrens a {
    display: block;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-decoration: none !important;
    color: #282a2e;
    font-size: 15px;
    line-height: 1.2;
}

@media (min-width: 544px) {
    div.childrens a {
        height: 210px;
    }
}

@media (min-width: 768px) {
    div.childrens a {
        height: 270px;
    }
}

div.childrens a:hover {
    background: #f2f2f2
}

div.childrens a > img {
    display: block;
    width: 100%;
    height: auto
}

div.childrens .cont {
    display: table;
    width: 100%;
}

div.childrens .cont > span {
    display: table-cell;
    height: 76px;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}

div.childrens .a {
    display: block;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-decoration: none !important;
    color: #282a2e;
    font-size: 15px;
    line-height: 1.2
}

div.childrens .select-place {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0px;
}

div.childrens .a > img {
    display: block;
    width: 100%;
    height: auto;
}

div.childrens .pl_dec {
    position: static;
    display: inline-block
}

div.content-section {
    padding-bottom: 30px;
}

div.cont_block {
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

div.cont_block:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.sidebar {
    width: 254px;
    border-right: 1px solid #d8e6e7;
    float: left;
    padding: 30px;
}

.sidebar + .mainbar {
    overflow: hidden;
    position: relative;
    height: 100%;
}

div.mainbar_content {
    padding: 30px;
    height: 100%;
}

div.tabs_container {
    position: relative;
    z-index: 300
}

dl.tabs {
    height: 58px;
    border-bottom: 1px solid #d8e6e7;
    margin: 0;
    display: flex;
}

dl.tabs > dt {
    flex: auto;
    height: 57px;
}

dl.tabs > dt > a {
    display: flex;
    height: 57px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 0 25px;
    color: #282a2e;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500
}

dl.tabs > dt.selected > a,
dl.tabs > dt:hover > a {
    background: #d8e6e7;
}

div.tabs_content > div {
    display: none;
    overflow: hidden
}

div.profile_grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

div.profile_grid + div.profile_grid {
    margin-top: -1px;
}

div.sun-school-profile_grid > div {
    border-top: none !important;
}

div.profile_grid > div {
    display: table-cell;
    border-top: 1px solid #d8e6e7;
    border-bottom: 1px solid #d8e6e7;
    border-left: 1px solid #d8e6e7;
    padding: 26px 56px;
    font-size: 17px;
    color: #282a2e;
    font-weight: 300
}

div.profile_grid > div:first-child {
    border-left: 0
}

div.profile_grid h2 {
    text-transform: uppercase;
    color: #282a2e;
    font-weight: 500
}

div.profile_grid .errorlist,
div.analyzed_children_selection_block .errorlist {
    display: block;
}

div.progress_checks_block {
    padding: 30px 0
}

div.padded_wrap {
    padding: 30px;
}

span.current_day_switcer {
    display: inline-block;
    position: relative;
    font-size: 15px;
    line-height: 1.2
}

span.current_day_switcer .cd_prev {
    display: inline-block;
    width: 60px;
    height: 45px;
    background: url(../images/icons/ico_17.png) center center no-repeat
}

span.current_day_switcer .cd_next {
    display: inline-block;
    width: 60px;
    height: 45px;
    background: url(../images/icons/ico_18.png) center center no-repeat
}

span.current_day_switcer .cd_current {
    display: inline-block
}

span.current_day_switcer .cd_current span {
    display: block;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500
}

div.progress_categories_tabs_container {
    height: 46px;
    line-height: 46px;
    background: #fbfcfd;
    border-bottom: 1px solid #d8e6e7;
    border-top: 1px solid #d8e6e7;
    margin: 0;
}

div.progress_categories_tabs {
    display: flex;
    width: 100%;
}

div.progress_categories_tabs > div {
    flex: auto;
}

div.progress_categories_tabs > div > a {
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-left: 1px solid #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none !important;
    color: #282a2e;
    font-weight: 500;
    white-space: nowrap;
    padding: 0;
}

div.progress_categories_tabs > div:first-child > a {
    border: 0
}

div.progress_categories_tabs > div > a > span {
    display: inline-block;
    padding: 0 23px 0 45px;
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 24px;
}

div.progress_categories_tabs > div:hover > a > span.ico_3,
div.progress_categories_tabs > div.selected > a > span.ico_3 {
    background-image: url("../images/icons/ico_3_h.png");
}

div.progress_categories_tabs > div:hover > a > span.ico_6,
div.progress_categories_tabs > div.selected > a > span.ico_6 {
    background-image: url("../images/icons/ico_6_h.png");
}

div.progress_categories_tabs > div:hover > a > span.ico_34,
div.progress_categories_tabs > div.selected > a > span.ico_34 {
    background-image: url("../images/icons/ico_34_h.png");
}

div.progress_categories_tabs > div:hover > a,
div.progress_categories_tabs > div.selected > a {
    background: #d8e6e7
}

#multi_upload_container .childs-grid {
    display: block;
    max-height: 200px;
    overflow: auto;
}

#multi_upload_container table.childs-grid thead td {
    padding: 11px 0 11px 11px;
    border-bottom: 1px solid #d8e6e7;
    font-size: 15px;
    color: #ec5252;
    text-transform: uppercase;
    font-weight: 500;
}

#multi_upload_container table.childs-grid tbody td img {
    margin-left: 7px;
}

table tbody.sun-school-child-outdoor td {
    padding: 11px 0 11px 11px;
    font-size: 15px;
}

table tbody.sun-school-child-outdoor > tr:last-child > td {
    border-bottom: 1px solid #d8e6e7;
}

table.childs-grid tbody td {
    padding: 11px 0 11px 11px;
    border-bottom: 1px solid #d8e6e7;
    font-size: 15px;
}

table.childs-grid tbody td:first-child,
table.childs-grid thead td:first-child {
    padding-left: 0;
}

table.childs-grid.modus td {
    text-align: center
}

div.progress_tabs_container {
    border-bottom: 1px solid #d8e6e7;
    border-top: 1px solid #d8e6e7;
}

div.progress_tabs {
    display: table;
    width: 100%;
}

div.progress_tabs > div {
    display: table-cell;
}

div.progress_tabs > div > a {
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-left: 1px solid #fff;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
    color: #282a2e;
    font-weight: 500;
    white-space: nowrap
}

div.progress_tabs > div:first-child > a {
    border: 0
}

div.progress_tabs > div > a > span {
    display: inline-block;
    padding: 0 23px 0 45px;
    background-position: 12px center;
    background-repeat: no-repeat;
}

div.progress_tabs > div:hover > a,
div.progress_tabs > div.selected > a {
    background: #d8e6e7
}

div.years-categories-tabs {
    display: block;
    border-bottom: 1px solid #f3f7f8;
    overflow: hidden;
    margin-bottom: 12px;
}

div.years-categories-tabs > div {
    float: left;
    margin: 0 30px 0 0;
}

div.years-categories-tabs > div:last-child {
    margin: 0
}

div.years-categories-tabs > div > a {
    text-transform: uppercase;
    font-size: 13px;
    color: #343434;
    text-decoration: none !important;
    font-weight: 500;
    display: block;
    padding: 6px 0;
}

div.years-categories-tabs > div:hover > a,
div.years-categories-tabs > div.selected > a {
    color: #ec5252
}

div.login-container {
    background-size: contain !important;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #fff !important;
}

div.login-container .smart_menu_caller {
    display: none
}

div.login-container > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center
}

div.current-day-info {
    position: relative;
    padding: 12px 0;
    cursor: pointer
}

.datepicker {
    width: 0;
    height: 0;
    border: 0;
    position: absolute;
    left: 50%;
}

div.cur-d-abbr {
    font-size: 21px;
    color: #282a2e;
    text-transform: uppercase;
    font-weight: 500;
}

div.cur-d-nr {
    font-size: 92px;
    font-weight: 100;
    color: #ec5252;
    line-height: 92px;
}

div.cur-d-mmyy {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    position: relative
}

div.cur-d-mmyy:after {
    top: 55px !important;
    width: 100%;
    height: 1px;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/borders/separator.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}

div.current-day-changer {
    overflow: hidden
}

a.current-day-back {
    float: left;
    height: 40px;
    width: 20%;
    background: url(../images/icons/ico_17.png) center center no-repeat
}

a.current-day-next {
    float: right;
    height: 40px;
    width: 20%;
    background: url(../images/icons/ico_18.png) center center no-repeat
}

div.current-day-changer .neibors {
    overflow: hidden;
    text-align: center;
    display: flex;
}

div.current-day-changer .neibors span {
    width: 33%;
    display: inline-block;
    font-size: 17px;
    color: #2b1011;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
}

div.current-day-changer .neibors span.curr {
    color: #ec5252
}

div.popup_tabs {
    margin-top: -31px;
}

.sun-school-popup_tabs {
    margin-top: 0px !important;
}

div.popup_tabs_content > div {
    display: none
}

table.childs-grid .child-evo > tr:first-child td {
    border: 0;
    padding-bottom: 0
}

.child-evo input.evo-filter-input {
    padding-left: 47px !important;
    background-image: url(../images/icons/search.svg);
    background-position: 7px center;
    background-repeat: no-repeat;
}

a.all-evo-events-toggler {
    display: inline-block;
    line-height: 1.1;
    padding: 10px 0;
    font-size: 14px;
    color: #282a2e;
    text-decoration: none !important;
    padding: 0 0 0 40px;
    background: url(../images/icons/ico_42.png) left center no-repeat
}

.child-evo .progress_checks li.selected,
.child-evo .progress_checks li.just_visible {
    display: block
}

div.chat_container {
    background: #f7f7f7
}

div.ch_cnt_head {
    padding: 16px;
    border-bottom: 1px solid #d8e6e7;
    min-height: 68px;
    line-height: 36px;
    position: relative;
    display: flex;
}

ul.chats_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.chats_list > li {
    position: relative
}

ul.chats_list > li > a {
    display: block;
    padding: 10px 18px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-top: -1px;
    text-decoration: none !important;
    font-size: 13px;
    color: #282a2e
}

ul.chats_list > li > a > img {
    float: left;
    border-radius: 7px;
    margin: 0 11px 0 0
}

ul.chats_list .cont {
    display: block;
    overflow: hidden
}

ul.chats_list .title {
    display: block;
    font-size: 15px;
}

ul.chats_list .ext {
    display: block
}

ul.chats_list > li.selected,
ul.chats_list > li:hover {
    position: relative;
    z-index: 2;
}

ul.chats_list > li.selected {
    margin-right: -1px;
    z-index: 3
}

ul.chats_list > li.selected > a,
ul.chats_list > li:hover > a {
    border-color: #d8e6e7;
    background: #fff
}

ul.chats_list .unreaded_post_count {
    background: #ec5252;
    border-radius: 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    width: 24px;
    z-index: 1;
}

div.ch_cnt_head_actions {
    display: flex;
}

div.ch_cnt_head_actions a {
    height: 100%;
    min-width: 56px;
    max-width: 56px;
}

a.chat_close {
    background: url(../images/icons/ico_39.png) center center no-repeat
}

a.chat_add {
    background: url(../images/icons/ico_44.png) center center no-repeat
}

div.ch_cnt_cont {
    padding: 23px;
    background: #fff;
    border-bottom: 1px solid #d8e6e7
}

a.attachmnt {
    float: left;
    width: 60px;
    height: 56px;
    background: url(../images/icons/ico_45.png) center center no-repeat;
    color: #ec5252;
    text-align: center;
    text-decoration: none !important;
    position: relative;
}

a.attachmnt span {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 3px;
    white-space: nowrap;
    font-size: 11px;
}

a.attachmnt:hover {
    color: #1e1e1e;
}

a.attachmnt[data-type="jpg"],
a.attachmnt[data-type="jpeg"],
a.attachmnt[data-type="png"],
a.attachmnt[data-type="doc"],
a.attachmnt[data-type="docx"],
a.attachmnt[data-type="ods"],
a.attachmnt[data-type="xls"],
a.attachmnt[data-type="xlsx"],
a.attachmnt[data-type="pdf"] {
    background: none;
}

a.attachmnt[data-type="jpg"]:before,
a.attachmnt[data-type="jpeg"]:before,
a.attachmnt[data-type="png"]:before {
    font-family: 'FontAwesome';
    content: "\f1c5";
    line-height: 56px;
    font-size: 28px;
}

a.attachmnt[data-type="doc"]:before,
a.attachmnt[data-type="docx"]:before,
a.attachmnt[data-type="ods"]:before {
    font-family: 'FontAwesome';
    content: "\f1c2";
    line-height: 56px;
    font-size: 28px;
}

a.attachmnt[data-type="pdf"]:before {
    font-family: 'FontAwesome';
    content: "\f1c1";
    line-height: 56px;
    font-size: 28px;
}

a.attachmnt[data-type="xls"]:before,
a.attachmnt[data-type="xlsx"]:before {
    font-family: 'FontAwesome';
    content: "\f1c3";
    line-height: 56px;
    font-size: 28px;
}

.attachmnt_icon {
    display: inline-block;
    text-decoration: none !important;
}

.attachmnt_icon img {
    width: 64px;
    height: 64px;
}

a.chat_input_submit {
    float: right;
    height: 56px;
    padding: 0 18px;
    line-height: 56px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 500
}

div.chat_input {
    overflow: hidden
}

div.chat_input input,
div.chat_input textarea {
    width: 100%;
    font-size: 15px;
    color: #282a2e;
    padding: 16px 25px;
    border-radius: 7px;
}

div.chat_pontifics {
    min-height: 44px;
    line-height: 44px;
    position: relative;
    z-index: 1;
    top: -4px;
    display: flex;
    flex: auto;
}

div.chat_pontifics:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

div.chat_pontifics div.cp_title {
    white-space: nowrap;
}

div.cp_photos {
    flex: auto;
    white-space: nowrap;
    position: relative;
}

div.cp_photos img {
    float: left;
    margin: 0 6px 0 0;
    border-radius: 7px;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;

}

div.cp_photos img:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

div.chat_desck {
    overflow: hidden
}

div.quest_block {
    overflow: hidden;
    width: 60%;
    clear: both;
    float: left;
}

div.quest_block .quest_block_photo {
    float: left;
    margin: 0 19px 0 0;
    overflow: hidden;
    width: 44px;
}

div.quest_block .quest_block_photo img {
    display: block;
    border-radius: 7px;
}

div.quest_block .quest_block_photo span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    color: #ec5252;
    font-size: 11px;
    font-weight: 400;
    padding-top: 3px;
}

div.quest_block .quest_items {
    overflow: hidden;
}

div.quest_block .quest_items > div {
    border: 1px solid #d8e6e7;
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 11px;
    font-size: 15px;
    color: #000;
    line-height: 1.1;
    position: relative;
    background: #d8e6e7
}

div.quest_block .quest_items .date {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 11px;
    color: #8c8f90;
    margin-top: 4px
}

div.ans_block {
    overflow: hidden;
    width: 60%;
    clear: both;
    float: right;
}

div.ans_block .ans_block_photo {
    float: right;
    margin: 0 0 0 19px;
    overflow: hidden;
    width: 44px;
}

div.ans_block .ans_block_photo img {
    display: block;
    border-radius: 7px;
}

div.ans_block .ans_block_photo span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    color: #ec5252;
    font-size: 12px;
    font-weight: 400;
    padding-top: 3px;
}

div.ans_block .ans_items {
    overflow: hidden;
}

div.ans_block .ans_items > div {
    border: 1px solid #d8e6e7;
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 11px;
    font-size: 15px;
    color: #000;
    line-height: 1.1;
    position: relative;
    word-wrap: break-word;
}

div.ans_block .ans_items .date {
    position: absolute;
    right: 0;
    top: 100%;
    font-size: 11px;
    color: #8c8f90;
    margin-top: 4px
}

ul.participant_list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
}

ul.participant_list > li {
    margin: 5px 0 0;
    padding: 7px 38px 7px 7px;
    border-radius: 7px;
    overflow: hidden;
    line-height: 23px;
    position: relative;
    cursor: pointer
}

ul.participant_list > li:first-child {
    margin: 0
}

ul.participant_list > li > img {
    float: left;
    margin: 0 11px 0 0;
}

ul.participant_list .cont {
    overflow: hidden
}

ul.participant_list .pl_toggler {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38px;
    cursor: pointer;

}

ul.participant_list > li:hover,
ul.participant_list > li.selected {
    background: #FFDCF4;
}

ul.participant_list > li:hover .pl_toggler {
    background: url(../images/icons/ico_27.png) center center no-repeat
}

ul.participant_list > li.selected .pl_toggler {
    background: url(../images/icons/ico_39.png) center center no-repeat
}

div.gallery-page-header {
    border-bottom: 1px solid #d8e6e7;
    height: 52px;
}

a.add_gallery_button {
    display: inline-block;
    border: 1px solid #d8e6e7;
    border-radius: 7px;
    background: #fff;
    padding: 20px 116px;
    text-align: left;
    font-size: 15px;
    color: #282a2e;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    position: relative
}

@media (max-width: 414px) {
    a.add_gallery_button {
        padding: 20px 50px 20px 70px;
        min-width: 240px;
        width: 100%;
    }
}

a.add_gallery_button:before {
    content: ' ';
    width: 45px;
    height: 34px;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -17px;
    background: url(../images/icons/ico_4.png) 0 0 no-repeat
}

@media (max-width: 414px) {
    a.add_gallery_button:before {
        left: 10px;
    }
    .sun-school-child-detail-label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .sun-school-edit-btn {
        flex-grow: 1;
    }
    .sun-school-child-detail-profile-grid-actions {
        flex-direction: row !important;
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
    }
    .sun-school-child-detail-profile-back-btn-container {
        padding: 0px !important;
    }
    .sun-school-child-detail-profile-back-btn {
        padding: 0px !important;
    }
}

a.add_gallery_button:after {
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -20px;
    border: 1px solid #f0efef;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat #fff
}

@media (max-width: 414px) {
    a.add_gallery_button:after {
        right: 10px;
    }
}

a.add_gallery_button:hover {
    background: #ebebeb
}

div.separate-gallery-block + div.separate-gallery-block {
    margin-top: 30px;
}

h2.separate-gallery-h {
    font-size: 14px;
    color: #9b9b9b;
    border-bottom: 1px solid #d8e6e7;
    margin: 0 0 16px;
    padding: 0 0 10px;
    font-weight: 400
}

div.separate-gallery {
    margin: -20px -10px 0
}

div.separate-gallery > div {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}

div.separate-gallery a {
    display: block;
    position: relative;
    color: #4e5253;
    min-height: 100px;
    background: #E2D2CF;
    border-radius: 10px;
    width: 155.01px;
    height: 155.01px;
}

.sun-school-photo-footer {
    width: 155.01px !important;
}

div.separate-gallery a img {
    display: block;
    width: 100%;
    height: auto
}

div.separate-gallery a .cc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 10px 15px;
    background: rgba(198, 208, 208, .9);
    font-weight: 700;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

div.separate-gallery a:hover .cc {
    background: rgba(198, 208, 208, .95);
}

div.separate-gallery a .cc.count_0 {
    background: rgba(197, 62, 57, .75);
    color: #fff;
}

div.separate-gallery a:hover .cc.count_0 {
    background: rgba(197, 62, 57, .95);
}

a.add_gallery_button_2 {
    display: block;
    border: 1px solid #d8e6e7;
    border-radius: 7px;
    background: #fff;
    padding: 100px 20px 20px;
    text-align: left;
    font-size: 15px;
    color: #282a2e;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    position: relative
}

a.add_gallery_button_2:before {
    content: ' ';
    width: 45px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 38px;
    margin-left: -23px;
    background: url(../images/icons/ico_4.png) 0 0 no-repeat
}

a.add_gallery_button_2:after {
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    bottom: 20px;
    border: 1px solid #f0efef;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat #fff
}

a.add_gallery_button_2:hover {
    background: #ebebeb
}

div.du_tit {
    font-size: 15px;
    color: #282a2e;
    margin: 15px 0 0
}

div.du_tit_2 {
    margin: 15px 0;
    font-size: 12px;
    color: #acacac;
    display: inline-block;
    position: relative
}

div.du_tit_2:before {
    content: ' ';
    position: absolute;
    height: 0;
    width: 150%;
    border-bottom: 1px solid #d8e6e7;
    min-width: 121px;
    right: 100%;
    top: 50%;
    margin-right: 15px;
}

div.du_tit_2:after {
    content: ' ';
    position: absolute;
    height: 0;
    width: 150%;
    border-bottom: 1px solid #d8e6e7;
    min-width: 121px;
    left: 100%;
    top: 50%;
    margin-left: 15px;
}

div.uploaded-photos-list {
    overflow: hidden;
    margin: -12px 0 0 -12px;
}

div.uploaded-photos-list > div {
    float: left;
    margin: 12px 0 0 12px;
    position: relative
}

div.uploaded-photos-list .delete-me {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 8px;
    top: 8px;
    z-index: 5;
    border-radius: 15px;
    background: url(../images/icons/ico_39.png) center center no-repeat #fff;
    background-size: 60%;
    cursor: pointer;
    border: 1px solid #fff;
    transition: all ease 0.3s
}

div.uploaded-photos-list .delete-me:hover {
    border-color: #F00
}

div.uploaded-photos-list > div img {
    display: block;
    margin: 0 0 3px;
}

div.uploaded-photos-list .status_bar {
    height: 4px;
    background: #d8e6e7;
    border-radius: 4px;
}

div.uploaded-photos-list .status_bar > div {
    height: 100%;
    background: #ec5252;
    border-radius: 4px;
}

div.photo_view_image {
    margin: -30px 0 0 -30px;
    position: relative;
}

div.photo_view_image img {
    display: block;
    width: 100%;
    height: auto
}

#next_photo {
    position: absolute;
    top: 0%;
    left: 100%;
    width: 50px;
    height: 100%;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' style='transform: rotate(180deg);'%3E%3Cg fill-rule='evenodd' transform='matrix(-1 0 0 1 42 0)'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M17.697 11.334l-1.323 1.27a.5.5 0 0 0-.002.72l7.546 7.317a.5.5 0 0 1 0 .718l-7.546 7.318a.5.5 0 0 0 .002.72l1.323 1.269a.5.5 0 0 0 .695-.003l9.566-9.305a.5.5 0 0 0 0-.716l-9.566-9.305a.5.5 0 0 0-.695-.003z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    transition: all 0.3s ease;
    opacity: 0.4;
    margin-left: -50px;
    border-radius: 0px !important;
}

#prev_photo {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 50px;
    height: 100%;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    opacity: 0.4;
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg fill-rule='evenodd' transform='matrix(-1 0 0 1 42 0)'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M17.697 11.334l-1.323 1.27a.5.5 0 0 0-.002.72l7.546 7.317a.5.5 0 0 1 0 .718l-7.546 7.318a.5.5 0 0 0 .002.72l1.323 1.269a.5.5 0 0 0 .695-.003l9.566-9.305a.5.5 0 0 0 0-.716l-9.566-9.305a.5.5 0 0 0-.695-.003z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    border-radius: 0px;
    border-radius: 0px !important;
}


#next_photo:hover, #prev_photo:hover {
    opacity: 0.7;
    background-color: rgba(0, 0, 0, 0.4);
}

div.analyze-page-header {
    border-bottom: 1px solid #d8e6e7;
    padding: 25px 30px 20px 20px;
    min-height: 52px;
    line-height: 52px;
}

div.analyze-page-header h2 {
    padding-top: 15px;
}

div.analyzed_children_selection_block {
    padding: 12px 30px;
    border-bottom: 1px solid #d8e6e7;
}

div.analyzed_children_selection_block #form_formset {
    width: 100%;
    overflow-x: auto;
}

div.analyzed_children_selection_block .text-right {
    display: flex;
}

div.analyzed_children_selection_block .form-control {
    min-width: 70px;
}

div.analyzed_children_selection {
    margin: -1px 0 0 -1px;
    display: flex;
    flex-wrap: wrap;
}

div.analyzed_children_selection > div {
    margin: 1px 0 0 1px;
    min-width: 79px;
    max-width: 79px;
    display: flex;
}

div.analyzed_children_selection > div a {
    text-align: left;
    text-decoration: none !important;
    font-size: 12px;
    color: #282a2e;
    line-height: 1.2;
    padding: 10px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.analyzed_children_selection > div a.all_chlds {
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
}

div.analyzed_children_selection > div a > img {
    display: block;
    border-radius: 0.3rem;
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

div.analyzed_children_selection > div a span {
    display: block
}

div.analyzed_children_selection > div:hover a,
div.analyzed_children_selection > div.selected a {
    background: #FFDCF4;
}

div.analyzed_children_selection > div.selected a {
    cursor: pointer;
}

div.summary_info_grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-bottom: 1px solid #d8e6e7;
}

div.summary_info_grid > div {
    display: table-cell;
    border-left: 1px solid #d8e6e7;
    text-align: center;
    padding: 28px;
    vertical-align: middle
}

div.summary_info_grid > div:first-child {
    border: 0
}

div.summary_info_grid h2 {
    font-size: 18px;
    color: #ec5252;
    text-transform: uppercase
}

div.summary_info_grid .iconx {
    width: 44px;
    height: auto;
    display: inline-block;
    position: relative;
    top: -10px;
    left: -7px;
}

div.summary_info_grid .titx {
    font-size: 18px;
}

div.summary_info_grid .titx span {
    font-size: 44px;
}

div.prog_ststus_bar {
    position: relative;
    height: 5px;
    background: #D9D9D9 !important;
    margin-bottom: 20px;
}

div.prog_ststus_bar:after {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

div.prog_ststus_bar > div {
    height: 32px;
    background: #76cbc6;
    position: relative;
    margin: 15px 0 0
}

div.prog_ststus_bar > div:after {
    content: ' ';
    position: absolute;
    right: -2px;
    top: 0px;
    width: 0;
    height: 5px;
}

div.prog_ststus_bar_block {
    margin-bottom: 30px;
    cursor: pointer
}

div.prog_ststus_bar_block:hover h2 {
    color: #000 !important
}

div.prog_ststus_popup_content {
    display: none
}

div.prog_ststus_positive_bar:after {
    background: #D283BA !important;
    width: 20px !important;
    height: 20px !important;
    position: relative;
    border-radius: 100% !important;
    top: -8px !important;
}

div.prog_ststus_positive_bar {
    text-align: center;
    vertical-align: center;
    padding-top: 7px;
    font-weight: bold;
    height: 55px !important;
    text-align: right;
    background-color: transparent !important;
    color: #000;
    position: relative;
    margin: 15px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    top: -3px !important;
}

ul.all_members_list {
    list-style: none;
    padding: 0;
}

ul.all_members_list > li {
    border-radius: 9px;
    margin-bottom: 1px;
    cursor: pointer;
    padding: 4px 12px;
    overflow: hidden
}

ul.all_members_list > li > span {
    display: block;
    font-size: 14px;
    color: #282a2e;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding: 4px 12px 8px;
    margin: -4px -12px 0;
}

ul.all_members_list > li > span:after {
    content: ' ';
    width: 19px;
    height: 15px;
    position: absolute;
    right: 12px;
    top: 8px;
    background: url(../images/icons/ico_27.png) center center no-repeat;
    opacity: 0
}

ul.all_members_list > li.hover > span:after {
    opacity: 1
}

ul.all_members_list > li.selected,
ul.all_members_list > li.hover {
    background: #d8e6e7
}

ul.all_members_list ul {
    list-style: none
}

ul.all_members_list ul > li {
    border-radius: 9px;
    margin-bottom: 1px;
    cursor: pointer;
    padding: 4px 12px;
    overflow: hidden
}

ul.all_members_list ul > li:hover {
    background: #d8e6e7
}

ul.all_members_list ul > li > span {
    display: block;
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 35px;
    position: relative;
    font-size: 14px;
    color: #282a2e;
    font-weight: 500;
}

ul.all_members_list ul > li > span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
}

ul.all_members_list ul > li > span:after {
    content: ' ';
    width: 19px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 4px;
    background: url(../images/icons/ico_27.png) center center no-repeat;
    opacity: 0
}

ul.all_members_list ul > li:hover > span:after {
    opacity: 1
}

.hidden-element {
    display: none
}

/**/

#filelist {
    overflow-y: auto;
    width: 300px;
}

#filelist > div {
    padding: 2px;
}

#multi_upload_container {
    padding-top: 5px;
}

.selected-title {
    font-size: 15px;
    color: #ec5252;
    font-weight: 500;
    text-transform: uppercase;
}

ul.added_members_list {
    list-style: none;
    padding: 0;
}

ul.added_members_list > li {
    border-radius: 9px;
    margin-bottom: 1px;
    cursor: pointer;
    padding: 6px 12px;
    overflow: hidden;
    margin: 5px 0 0;
    background: #d8e6e7;
    position: relative
}

ul.added_members_list > li:first-child {
    margin: 0
}

ul.added_members_list > li > span {
    display: block;
    font-size: 14px;
    color: #282a2e;
    font-weight: 500;
    padding-bottom: 8px;
}

ul.added_members_list > li:hover {
    background: #bad9db
}

ul.added_members_list > li > span {
    display: block;
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 35px;
    position: relative;
    font-size: 14px;
    color: #282a2e;
    font-weight: 500;
}

ul.added_members_list > li > span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
}

ul.added_members_list > li > span:after {
    content: ' ';
    width: 14px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 3px;
    background: url(../images/icons/ico_39.png) center center no-repeat;
}

div.prog_ststus_bar.status-no {
    background: #D9D9D9;
}

div.prog_ststus_bar.status-no > div {
    background: #D9D9D9;
}

div.prog_ststus_bar.status-no > div:after {
}

.analyze-date-interval-call {
    cursor: pointer
}

#analyze-date-interval {
    line-height: 1.5;
    position: absolute;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    padding: 30px;
    background: #fff;
    text-align: center;
    flex-wrap: wrap;
    width: 550px;
}

#analyze-date-interval.opened {
    opacity: 1;
    visibility: visible;
}

#analyze-date-interval > div {
    min-width: 100%;
}

#analyze-date-interval > div:not(.submit-line) {
    min-width: 50%;
}

#analyze-date-interval .ui-datepicker {
    box-shadow: none;
    border-radius: 0;
}

#analyze-date-interval h4 {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}

#analyze-date-interval h4 input {
    width: 100px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
}

#analyze-date-interval .submit-line {
    display: flex;
    justify-content: flex-end;
}

.skill_true_h {
    font-size: 15px;
    color: #ec5252;
    text-transform: uppercase;
    border-bottom: 1px solid #d8e6e7;
    line-height: 25px;
    padding: 0 0 13px 50px;
    background: url(/static/images/icons/check.svg) 15px 0 no-repeat;
}

ul.skill_true {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

ul.skill_true_extended {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

ul.skill_true > li {
    position: relative;

    min-height: 40px;
    margin: 7px 0 0;
    padding: 5px 60px 5px 50px;

    line-height: 1.2;
}

ul.skill_true_extended > li {
    position: relative;

    min-height: 40px;
    margin: 7px 0 0;
    padding: 5px 60px 5px 5px;

    line-height: 1.2;
}

ul.skill_true > li.old-skill {
    background: url(/static/ico/skill_true.png) 15px center no-repeat;
}

.skill_false_h {
    font-size: 15px;
    color: #ec5252;
    text-transform: uppercase;
    border-bottom: 1px solid #d8e6e7;
    line-height: 25px;
    padding: 0 0 13px 50px;
    background: url(/static/images/icons/skill_false.svg) 15px 0 no-repeat;
}

ul.skill_false {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.skill_false_extended {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.skill_false > li {
    line-height: 1.2;
    margin: 7px 0 0;
    padding: 5px 0 5px 50px;
}

ul.skill_false_extended > li {
    line-height: 1.2;
    margin: 7px 0 0;
    padding: 5px 0 5px 5px;
}

ul.skill_false > li.old-skill {
    background: url(/static/ico/skill_false.png) 15px center no-repeat;
}

.good_apps_h {
    font-size: 15px;
    color: #ec5252;
    text-transform: uppercase;
    border-bottom: 1px solid #d8e6e7;
    line-height: 25px;
    padding: 0 0 13px 50px;
    background: url(../images/icons/ico_46.png) 15px 0 no-repeat;
}

ul.good_apps {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.good_apps > li {
    line-height: 1.2;
    margin: 7px 0 0;
    padding: 5px 0 5px 50px;
    background: url(../images/icons/ico_46.png) 15px center no-repeat;
}

ul.good_apps > li:first-child {
    margin: 0
}

.bad_apps_h {
    font-size: 15px;
    color: #ec5252;
    text-transform: uppercase;
    border-bottom: 1px solid #d8e6e7;
    line-height: 25px;
    padding: 0 0 13px 50px;
    background: url(../images/icons/ico_47.png) 15px 0 no-repeat;
}

ul.bad_apps {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.bad_apps > li {
    line-height: 1.2;
    margin: 7px 0 0;
    padding: 5px 0 5px 50px;
    background: url(../images/icons/ico_47.png) 15px center no-repeat;
}

ul.bad_apps > li:first-child {
    margin: 0
}

div.daytheme_content {
    max-height: 125px !important;
    overflow: hidden;
}

.form-signin-heading {
    color: #fff
}

.select_chat_members_ext_button_place {
    padding: 65px 0 0;
    background: url("../images/misc/dec_6.png") 60% 3px no-repeat;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: none;
}

div.popup-groups-checks-container {
    overflow: hidden;
}

div.popup-groups-checks-container label {
    cursor: pointer;
    display: inline-block;
}

div.popup-groups-checks-container .styled_checkbox {
    border: 2px solid #d8e6e7;
    border-radius: 3px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-size: 90%;
    top: -1px;
    margin-right: 5px;
}

div.popup-groups-checks-container .styled_checkbox input + b {
    border-radius: 0;
    background-size: 100% 100%;
}

div.popup-groups-check-all {
    overflow: hidden;
    position: relative;
}

div.popup-groups-check-all label.lbl {
    position: relative;
}

div.popup-groups-check-all label.lbl:after {
    content: '';
    display: inline-block;
    position: relative;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 15px;
    width: 10000%;
    height: 1px;
    background: #d8e6e7;
}

div.popup-groups-checks {
    overflow-x: auto;
}

div.popup-groups-checks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.popup-groups-checks label {
    display: inline-block;
    white-space: nowrap;
}

div.popup-groups-checks table td {
    vertical-align: top;
    padding-left: 20px;
}

div.popup-groups-checks table td:first-child {
    padding-left: 0;
}

#id_lankomumas .descr {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

#id_lankomumas .total {
    color: #919191;
    font-size: 20px;
    font-weight: 400;
}

#id_lankomumas .count {
    color: #919191;
    font-weight: 500;
    font-size: 40px;
}

div.childs-attendances-header {
    display: flex;
    align-items: center;
    margin: 0 -15px;
}

div.childs-attendances-header > * {
    padding: 0 15px;
}

div.childs-attendances-header h2 {
    margin: 0;
}

div.childs-attendances-header .styled_checkbox,
div.childs-attendances .styled_checkbox {
    cursor: pointer;
}

div.childs-attendances .child-ill-label {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin: 0;
    margin-right: 20px;
}

div.childs-attendances .child-ill-label.hidden {
    opacity: 0;
    visibility: hidden;
}

div.childs-attendances .child-ill-label .styled_checkbox {
    margin-right: 15px;
}

.childs-attendances .child-name {
    font-weight: bold;
    margin-bottom: 10px;
}

div.gallery_photo_and_tags {
    display: flex;
}

div.gallery_photo_and_tags .photo {
    display: flex;
}

div.photo_view_image {
    min-width: calc(100% + 30px);
}

div.photo_view_image img {
    object-fit: cover;
}

.select-all-participants-action {
    display: inline-flex;
    text-decoration: none !important;
    cursor: pointer;
}

div.skills-chlds-selection input[type="checkbox"],
div.skills-chlds-selection a label.styled_checkbox,
div.analyzed_children_selection input[type="checkbox"],
div.analyzed_children_selection a label.styled_checkbox {
    display: none;
}

.select2-container {
    z-index: 9999;
}

.analyzed_children_selection .select2-container {
    z-index: 10000;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .analyzed_children_selection .select2-container {
        display: none;
    }
}

.select2-container.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
    background: url(/static/ico/skill_true.png) 98% no-repeat;
    color: initial;
    background-color: #eee;
}

.select2-container.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option {
    padding: 10px 6px;
}

.select2-container.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: initial;
}

ul.evo-filter-input-list {
    list-style: none;
    padding: 0;
    margin: 10px -15px -10px;
}

ul.evo-filter-input-list > li {
    padding: 10px 15px;
    display: inline-block !important;
    margin-top: 20px;
}

ul.evo-filter-input-list > li + li {
}

ul.evo-filter-input-list > li.hidden {
    height: 0;
    overflow: hidden;
    width: 0;
    position: absolute;
    opacity: 0;
}

ul.evo-filter-input-list > li h3 {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 1em;
}

ul.evo-filter-input-list > li > ul {
    list-style: none;
    padding: 0;
    margin: -10px 0;
    position: relative;
}

ul.evo-filter-input-list > li > ul > li {
    margin: 10px 0;
    display: inline-block;
}

ul.evo-filter-input-list > li > ul > li > label:hover {
    color: #000;
}

ul.evo-filter-input-list > li > ul > li > label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

ul.evo-filter-input-list > li .styled_checkbox {
    margin-right: .5em;
}

/*lists*/

div.main-nav {
    display: inline-block;
    list-style: none
}

div.main-nav > div {
    float: left;
}

div.main-nav > div > a {
    display: block;
    height: 104px;
    font-size: 14px;
    color: #282a2e;
    text-transform: none;
    white-space: nowrap;
    text-decoration: none !important;
    width: 127px;
    font-weight: 500;
    padding: 14px 0 0;
    border-left: 1px solid #fff;
    position: relative
}

div.main-nav > div:first-child > a {
    border: 0
}

div.main-nav > div > a > span {
    display: block;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
}

div.main-nav > div:hover > a,
div.main-nav > div.selected > a {
    background: #FFDCF480;
}

div.main-nav > div.selected > a {
    cursor: default
}

.ico_1 {
    background-image: url(../images/icons/main-page.svg);

}

.ico_2 {
    background-image: url(../images/icons/analyze.png)
}

.ico_3 {
    background-image: url(../images/icons/analyze.svg)
}

.ico_4 {
    background-image: url(../images/icons/gallery.svg)
}

.ico_5 {
    background-image: url(../images/icons/messages.svg)
}

.ico_6 {
    background-image: url(../images/icons/children.svg)
}

.ico_7 {
    background-image: url(../images/icons/services.png)
}

div.main-nav > div:hover .ico_1,
div.main-nav > div.selected .ico_1 {
    background-image: url(../images/icons/main-page.svg)
}

div.main-nav > div:hover .ico_3,
div.main-nav > div.selected .ico_3 {
    background-image: url(../images/icons/analyze.svg)
}

div.main-nav > div:hover .ico_4,
div.main-nav > div.selected .ico_4 {
    background-image: url(../images/icons/gallery.svg)
}

div.main-nav > div:hover .ico_5,
div.main-nav > div.selected .ico_5 {
    background-image: url(../images/icons/messages.svg)
}

div.main-nav > div:hover .ico_6,
div.main-nav > div.selected .ico_6 {
    background-image: url(../images/icons/children.svg)
}

div.main-nav > div > a > i {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #ec5252;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-style: normal
}

ul.child-selector-list {
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
    overflow: hidden;
    margin: -19px 0 0 -19px;
}

ul.child-selector-list > li {
    float: left;
    margin: 19px 0 0 19px;
    width: 59px;
}

ul.child-selector-list > li > a {
    display: block;
    text-decoration: none !important;
    font-size: 12px;
    color: #282a2e
}

ul.child-selector-list > li > a img {
    border-radius: 0.3rem;
}

ul.child-selector-list > li > a span {
    display: block;
    text-align: center;
    height: 4.5em;
    overflow: hidden
}

/*inputs*/

input,
select,
textarea {
    color: #282a2e;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border: 1px solid #d8e6e7;
    transition: all ease 0.3s;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #a6c9cb !important;
    background-color: #edfeff !important
}

select.styled-select {
    display: none
}

select.custom-select {
    padding-right: 30px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul.progress_checks {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.progress_checks > li {
    margin: 0 0 12px;
    display: none;
}

ul.progress_checks input {
    position: absolute;
    visibility: hidden
}

ul.progress_checks .styled_checkbox {
    position: absolute;
    left: 0;
    top: 0
}

ul.progress_checks label {
    display: inline-block;
    font-size: 17px;
    color: #282a2e;
    cursor: pointer;
    margin: 0;
    padding: 4px 0 4px 50px;
    position: relative;
}

ul.progress_checks.mod li {
    width: 50%;
    float: left;
    padding-right: 30px;
    clear: both;
}

ul.progress_checks.mod li:nth-child(even) {
    padding-right: 0;
    clear: none;
}

ul.progress_checks.mod label {
    font-size: 14px;
    padding-left: 37px;
}

ul.progress_checks.mod .styled_checkbox {
    width: 26px;
    height: 26px;
    min-width: 26px;
}

label > .styled_checkbox {
    border-radius: 5px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    width: 15px !important;
    height: 15px;
}

.styled_checkbox {
    display: inline-block;
    min-width: 32px;
    max-width: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #d8e6e7;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    background-color: #fff;
    padding: 0 !important;
    margin: 0;
    cursor: pointer;

    border: 0.5px solid #DBCFD8 !important;
}

.styled_checkbox input {
    position: absolute;
    left: -50px;
    visibility: hidden
}

.styled_checkbox:not(.switch) b {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/static/images/icons/check.svg) 98% no-repeat;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 32px;
    opacity: 0;
    background-size: 100% 100% !important;
}

.styled_checkbox:not(.switch) input:checked + b {
    opacity: 1;
}

/*.styled_checkbox.selected {
    background: url(../images/icons/ico_27.png) center center no-repeat #d8e6e7
}*/

.styled_checkbox.switch {
    border: none !important;
    color: rgb(0, 0, 0) !important;
    width: 70px;
    display: flex;
    max-width: 70px;
    background-color: #FCF2F0;
    min-width: 92px;
    text-decoration: none !important;
}

.styled_checkbox.switch i {
    background-color: #F45C58;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    min-width: 28px;
    position: absolute;
    top: 1px;
    left: 0;
    margin-left: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.styled_checkbox.switch:before {
    color: #624B5C;
    font-size: 15px;
    content: 'on';
    min-width: 70px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    text-transform: none;
    font-weight: 500 !important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-left: -70px;
}

.styled_checkbox.switch:after {
    color: #624B5C;
    font-size: 15px;
    content: 'off';
    min-width: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10px;
    text-transform: none;
    color: 'rgb(0, 0, 0)';
    font-weight: 500;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.styled_checkbox.switch.selected:before {
    margin-left: 0;
}

.styled_checkbox.switch.selected i {
    left: 100%;
    margin-left: -28px;
    background-color: #8AC04C;
}

[lang="ru"] .styled_checkbox.switch:before {
    content: 'Есть';
}

[lang="ru"] .styled_checkbox.switch:after {
    content: 'Нет';
}

[lang="lv"] .styled_checkbox.switch:before {
    content: 'Nāc';
}

[lang="lv"] .styled_checkbox.switch:after {
    content: 'Nav';
}

[lang="lt"] .styled_checkbox.switch:before {
    content: 'Yra';
}

[lang="lt"] .styled_checkbox.switch:after {
    content: 'NĖRA';
}

.styled_radio {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #d8e6e7;
    border-radius: 32px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;
    margin: 0
}

@media (max-width: 425px) {
    .styled_radio {
        width: 23px;
        height: 23px;
    }
}

.styled_radio input {
    position: absolute;
    left: -50px;
    visibility: hidden
}

.styled_radio b {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #D283BA;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 32px;
    opacity: 0;
}

.styled_radio input:checked + b {
    opacity: 1;
}

div.inputs_container {
    margin-top: -15px;
}

div.inputs_container > div {
    margin-top: 15px;
}

div.inputs_container input[type="text"] {
    width: 100%;
    resize: vertical;
    border: 1px solid #d8e6e7;
    border-radius: 7px;
    padding: 8px 17px;
}

div.inputs_container textarea {
    width: 100%;
    resize: vertical;
    height: 100px;
    border: 1px solid #d8e6e7;
    padding: 17px;
}

div.popup-actions a {
    display: inline-block;
    font-size: 15px;
    color: #363636;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 14px;
}

div.popup-actions a:hover {
    color: #ec5252
}

div.popup-actions a + a {
    margin-left: 26px;
}

div.popup-actions a + a.no-margin {
    margin-left: 0px;
}

div.popup-actions a.invert-style {
    color: #ec5252
}

div.popup-actions a.invert-style:hover {
    color: #363636;
}

div.login-block-form {
    text-align: left;
    font-size: 17px;
    color: #fff
}

div.login-block-form a {
    color: #fff
}

div.login-block-form > div {
    margin: 6px 0 0;
}

div.login-block-form input[type="email"],
div.login-block-form input[type="password"] {
    width: 100%;
    background: #fff;
    border: 0;
    border-radius: 7px;
    text-align: center;
    padding: 15px;
    font-size: 17px;
    color: #2b1011;
    font-weight: 500
}

div.login-block-form input[type="email"]:focus,
div.login-block-form input[type="password"]:focus {
    background: #d1d1d1 !important
}

div.login-block-addition {
    overflow: hidden;
    padding: 10px 0;
    line-height: 25px;
}

div.login-block-addition input {
    visibility: hidden
}

div.login-block-addition .styled_checkbox {
    width: 25px;
    height: 25px;
    top: -3px;
}

div.login-block-addition label {
    margin: 0
}

span.radios-range {
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: nowrap
}

span.radios-range:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 0;
    border-bottom: 1px solid #e2eded
}

span.radios-range > * {
    margin: 0 0 0 30px;
    position: relative;
    z-index: 3;
    vertical-align: top;
    display: inline-block
}

span.radios-range > *:first-child {
    margin: 0
}

span.radios-range > * i {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    transition: all ease 0.3s
}

span.radios-range .styled_radio.selected + i {
    opacity: 1
}

.jui-slider {
    height: 18px;
    width: 910px !important;
    display: inline-block;
}

.jui-slider:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    height: 0;
    border-bottom: 5px solid #D9D9D9;
}

.jui-slider .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    cursor: pointer;
    top: 0;
    background: #D283BA
}

.jui-slider .ui-slider-handle span {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    white-space: nowrap;
    font-size: 14px;
    margin-left: -15px;
}

.all_sliders_synch {
    height: 18px;
    width: 910px !important;
    display: inline-block
}

.all_sliders_synch:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 0;
    margin-top: -1px;
    border-bottom: 5px solid #D9D9D9;

}

.all_sliders_synch .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    cursor: pointer;
    top: -2px;
    background: #D283BA;
}

.all_sliders_synch .ui-slider-handle span {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    white-space: nowrap;
    font-size: 14px;
    margin-left: -15px;
}

div.slide-all-sliders-block {
    padding-right: 30px;
    margin-bottom: 20px;
}

div.slide-all-sliders {
    display: flex;
    align-items: center;
    width: 100%;
}

div.slide-all-sliders .ttitle {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

div.slide-all-sliders .ttitle h2 {
    margin: 0;
}

div.slide-all-sliders .ttitle + div {
    flex: auto;
}

div.slide-all-sliders .all_sliders_synch {
    display: block;
    width: 100%;
}

.select2.default-select-style .select2-selection {
    border-color: #ccc;
}

.select2.default-select-style .select2-selection,
.select2.default-select-style .select2-selection__arrow,
.select2-container.default-select-style .select2-results__option {
    height: 38px;
}

.select2.default-select-style .select2-selection {
    margin-right: 1px;
}

.select2.default-select-style .select2-selection__arrow {
    right: 3px;
}

.select2.default-select-style .select2-selection__rendered {
    line-height: 38px;
}

.select2-container.default-select-style .select2-results__option {
    line-height: 27px;
}

.select2.skills-select-style {
    width: 100% !important;
}

.skills-select-style .select2-results .mCustomScrollBox,
.skills-select-style .select2-results .mCSB_container {
    width: 100%;
}

.skills-select-style .select2-results ul {
    padding: 30px;
}

.skills-select-style .select2-results .mCSB_container {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.skills-select-style .select2-selection--single {
    background: #fbfcfd;
    border-color: #d8e6e7;
    border-radius: 0;
    height: 46px;
}

.skills-select-style .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 44px;
    background: #d8e6e7;
}

.skills-select-style .select2-selection--single .select2-selection__rendered {
    color: #282a2e;
    font-size: 12px;
    line-height: 46px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 60px;
    padding-right: 60px;
    background: url(../images/icons/ico_48.png) 24px center no-repeat;
    text-align: center;
}

.skills-select-style .select2-dropdown {
    background: #fbfcfd;
    border-color: #d8e6e7;
    border-radius: 0;
}

.skills-select-style .select2-results__option {
    padding: 10px 6px 10px 30px;
    background: url(../images/icons/ico_48.png) left center no-repeat;
    line-height: 1.2;
    font-size: 12px;
    background-color: #fbfcfd !important;
    text-transform: uppercase;
    font-weight: 400;
}

.skills-select-style .select2-results__option--highlighted[aria-selected] {
    color: #ec5252;
}

.skill-wrap.skill-extended .skill-checkbox {
    display: none;
}

.progress_checks .skill-name {
    padding-left: 33px;
}

.progress_checks .skill-extended .skill-name {
    display: block;
    float: left;
    width: 60%;
    padding-top: 0;
    padding-left: 0;
}

ul.progress_checks label.skill-wrap {
    display: flex;
    width: 100%;
    padding-left: 50px;
    padding-right: 0;
}

.skill-star {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;

    font-size: 18px;
    font-weight: bold;
    color: black;
    background-color: #D283BA;
    border-radius: 50%;
    color: white;
}

.progress_checks .rated_before {
    float: right;
    margin-right: 7px;

    right: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.progress_checks .rated-last-wrap {
    float: right;
    width: 60px;
    margin-left: auto;
}

.progress_checks .skill-extended .rated-last-wrap.rated-last-two {
    width: 40%;
    text-align: right;
}

.progress_checks .skill-extended .rated-skill-select {
    width: 60px;
    display: inline-block;
    vertical-align: text-top;
}

.progress_checks .skill-extended .select2.select2-container {
    text-align: left;
}


#id_garden_group {
    -webkit-appearance: none;
}

/*headers*/

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 0.5em
}

.profile_grid_title {
    border-bottom: 1px solid #d8e6e7;
    font-size: 15px;
    color: #ec5252;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    bottom: -1px;
    padding: 17px 0 17px 56px;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat
}

.p_title {
    border-bottom: 1px solid #d8e6e7;
    font-size: 15px;
    color: #ec5252;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 0 17px;
    margin-bottom: 17px;
}

/*buttons*/

.ext_button {
    display: inline-block;
    height: 2.4em;
    line-height: 2.4em;
    padding: 0 2em;
    position: relative;
    text-decoration: none !important;
}

.ext_button.rounded {
    border-radius: 0.3333em
}

.ext_button .ico {
    position: absolute;
    top: 0;
    width: 1.5714em;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.ext_button .ico.left {
    left: 0
}

.ext_button .ico.left + span {
    display: block;
    padding: 0 0 0 0.7857em;
}

.ext_button .ico.right {
    right: 0
}

.ext_button .ico.right + span {
    display: block;
    padding: 0 0.7857em 0 0;
}

.ext_button.full_w {
    display: block;
    text-align: center
}

/* red button */
.ext_button.red_style {
    background: #ec5252;
    color: #fff;
}

.ext_button.red_style .ico {
    background-position: center center;
    background-repeat: no-repeat
}

.ext_button.red_style:hover {
    background: #d63939
}

/* gray button */
.ext_button.gray_style {
    background: #e2e2e2;
    color: #404040;
}

.ext_button.gray_style .ico {
    background-position: center center;
    background-repeat: no-repeat
}

.ext_button.gray_style:hover {
    background: #e0e0e0
}


.add_new_btn {
    display: inline-flex;
    height: 40px;
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 53px 0 0;
    color: #282a2e;
    text-decoration: none !important;
    position: relative;
    font-weight: 500;
    line-height: 1.1
}

.add_new_btn:after {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    border: 1px solid #f1efef;
    content: ' ';
}

.add_new_btn_2 {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    padding: 53px 0 0 0;
    color: #282a2e;
    text-decoration: none !important;
    position: relative;
    font-weight: 500;
    line-height: 1.1
}

.add_new_btn_2:after {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
    border: 1px solid #f1efef;
    content: ' ';
}

.add_me {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/icons/ico_16.png) center center no-repeat rgba(255, 255, 255, 0.3);
    border: 1px solid #f1efef
}

a.delete_row {
    text-decoration: none !important;
    white-space: nowrap;
}

a.delete_row img {
    margin-right: 6px;
}

/*SPECIAL*/

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    max-width: 235px !important;
}

.ui-datepicker {
    z-index: 333 !important;
    border-radius: 30px !important;
    padding: 15px !important;
    width: 503px;
    height: 362px;
}

.ui-datepicker-buttonpane {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.ui-datepicker-current {

}

.ui-datepicker-close {
    content: 'asd' !important;
}

.ui-datepicker-current, .ui-datepicker-close {
    padding: 10px 25px !important;
    background-color: #FFDCF4;
    font-weight: 700;
    font-size: 13px;
    font-family: Commissioner;
    width: 100px;
    height: 20px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

.ui-datepicker-prev {
    margin: 10px;
    background-size: 100% 100% !important;
    width: 6.01px !important;
    height: 11.03px !important;
    background-image: url('../images/icons/arrow-left.svg') !important;
}

.ui-datepicker-next {
    margin: 5px 10px;
    background-size: 100% 100% !important;
    width: 6.01px !important;
    height: 11.03px !important;
    background-image: url('../images/icons/arrow-right.svg') !important;
}

.ui-datepicker-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-datepicker-month, .ui-datepicker-year {
    height: 22.05px !important;
    width: 67.16px !important;
    margin: 0px 8px !important;
    border: 1px solid #FCF2F0;
    background-color: #fff !important;
}

.ui-datepicker {
    width: 320px !important;
    height: 340px !important;
}

.d_block {
    display: block
}

.uppercase {
    text-transform: uppercase
}

.d_inl_block {
    display: inline-block
}

br.cleaner {
    display: block;
    clear: both
}

br.small_br {
    font-size: 6px;
    line-height: 1
}

.pointer {
    cursor: pointer
}

.cleaner {
    display: block;
    clear: both
}

.nopadd {
    padding: 0 !important
}

.noborg {
    border: 0 !important
}

.nobg {
    background: none !important
}

.nomarg {
    margin: 0 !important
}

.nowrap {
    white-space: nowrap
}

.dinamic {
    overflow: auto;
    width: 100%
}

.center {
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.no_float {
    float: none !important
}

.cursor_def {
    cursor: default !important
}

.v_align {
    vertical-align: middle !important
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

input.hidden_submit {
    font-size: 0;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -10000px;
    top: -10000px;
}

/*FONTS*/

.trbucet {
    font-family: "Trebuchet MS"
}

.bold {
    font-weight: 700
}

.f_normal {
    font-weight: normal
}

.f_9 {
    font-size: 9px;
}

.fw-100 {
    font-weight: 100
}

.fw-500 {
    font-weight: 500
}

.f_10 {
    font-size: 10px;
}

.f_11 {
    font-size: 11px;
}

.f_12 {
    font-size: 12px;
}

.f_13 {
    font-size: 13px;
}

.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px !important;
}

.f_17 {
    font-size: 17px;
}

.f_18 {
    font-size: 18px;
}

.f_19 {
    font-size: 19px;
}

.f_20 {
    font-size: 20px;
}

.f_21 {
    font-size: 21px;
}

.f_22 {
    font-size: 22px;
}

.f_23 {
    font-size: 23px;
}

.f_24 {
    font-size: 24px;
}

.f_25 {
    font-size: 25px;
}

.f_26 {
    font-size: 26px;
}

.f_27 {
    font-size: 27px;
}

.f_28 {
    font-size: 28px;
}

.f_29 {
    font-size: 29px;
}

.f_30 {
    font-size: 30px;
}

.f_6 {
    font-size: 6px !important
}

.f_92 {
    font-size: 92px;
}

/*COLORS*/

.white_color {
    color: #fff
}

.red_color {
    color: #ec5252
}

.grey_color {
    color: #a6a6a6
}

.grey_soft_bg {
    background: #fbfcfd !important
}

.black_color {
    color: #444;
}

/*custom-popup-style*/

.fancybox-overlay {
    background: rgba(216, 230, 231, 0.61)
}

.custom-popup-style {
    min-width: 80%
}

.gallery_photo_style {
    min-width: 80%
}

.custom-popup-style + .fancybox-overlay {
    background: rgba(216, 230, 231, 0.61)
}

.custom-popup-style .fancybox-skin {
    box-shadow: none;
    border: 1px solid #cddbe2;
    overflow: hidden;
    border-radius: 30px !important;
}

.custom-popup-style .fancybox-title {
    border-bottom: 1px solid #d8e6e7;
    font-size: 20px;
    color: #624B5C;
    text-transform: none;
    font-weight: 700;
    line-height: 24px;
    height: 54px;
    padding: 18px 30px;
}

.custom-popup-style .fancybox-outer {
    padding: 0 0 30px;

}

.custom-popup-style .fancybox-inner {
    padding: 30px 30px 0;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.custom-popup-style .fancybox-close {
    right: 0;
    top: 0;
    z-index: 8060;
    height: 54px;
    width: 54px;
    background: url(../images/icons/cross.png) center center no-repeat
}

.custom-popup-style .saving_popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 555555;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    opacity: 0;
    visibility: hidden;
}

.custom-popup-style .saving_popup.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease 1.3s;
    -moz-transition: all ease 1.3s;
    -ms-transition: all ease 1.3s;
    -o-transition: all ease 1.3s;
    transition: all ease 1.3s;
}

.custom-popup-style .saving_popup .lab {
    font-size: 28px;
    font-weight: 700;
}

.gallery_photo_style .fancybox-outer {
    padding: 0
}

.gfs_head {
    border-bottom: 1px solid #d8e6e7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.invoice-edit-grid .table.table-condensed td,
div.invoice-edit-grid .table.table-condensed th {
    float: none;
}

div.invoice-edit-grid .table.table-condensed td:first-child {
    padding-left: 0;
    width: 100%;
}

/*--------------------*/

/*Child services*/

div.child-services-container .table.table-condensed td,
div.child-services-container .table.table-condensed th {
    float: none;
}

div.child-services-container .table.table-condensed td:first-child {
    padding-left: 0;
    width: 100%;
}

div.child-services-container .table.table-condensed td:nth-child(2) .input-group {
    width: 150px;
}

div.child-services-container .table.table-condensed td:nth-child(2) input {
    max-width: 100%;
}

div.child-services-container .table.table-condensed td:last-child {
    padding-right: 0;
    width: 1%;
}

div.child-services-container .table.table-condensed td.col-md-7 {
    width: auto;
}

div.child-services-header {
    padding: 15px 0;
}

div.child-services-header > .row {
    display: flex;
    align-items: center;
}

div.child-services-container .dynamic-form-add > td {
    padding-top: 25px;
}

.btn-cancel {
    background: #f9f9f9;
    display: inline-flex;
    align-items: center;
}

.btn-cancel:before {
    content: '';
    width: 14px;
    height: 17px;
    background: url("../images/icons/ico_39.png") 0 0 no-repeat;
    margin-right: .8em;
}

.btn-cancel:hover {
    background: #eceeef;
    color: #ec5252;
}

@media (max-width: 768px) {

    .btn-cancel span {
        display: none;
    }

    .btn-cancel:before {
        margin: 0;
    }

}

.alert.nopadd.text-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.child-services-container .bootstrap-select.btn-group .dropdown-menu li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 1.2;
    padding: 10px 15px;
}

div.child-services-container .bootstrap-select.btn-group .dropdown-menu li:last-child a {
    border: 0;
}

/*--------------*/

/*analyzed children*/

div.analyzed_children_selection_block .table thead th {
    border: 0;
    white-space: nowrap;
}

div.analyzed_children_selection_block .table td,
div.analyzed_children_selection_block .table th {
    float: none;
}

div.analyzed_children_selection_block .table tbody td:first-child,
div.analyzed_children_selection_block .table thead th:first-child {
    padding-left: 0;
}

div.analyzed_children_selection_block .table tbody td:last-child,
div.analyzed_children_selection_block .table thead th:last-child {
    padding-right: 0;
}

.analyzed_children_selection_block .form_formset {
    overflow-x: auto;
}

@media (max-width: 768px) {

    div.xs-optimize-table-container {
        max-width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    table.xs-optimize-table td,
    table.xs-optimize-table th {
        padding-left: 0;
    }

    table.xs-optimize-table td:last-child,
    table.xs-optimize-table th:last-child {
        padding-right: 0;
    }

}

/*-----------------*/

/*Misc*/

.qtip-custom-style {
    background-color: #d8e6e7;
    border-color: #ccc;
    color: #000;
    text-transform: uppercase;
    border-radius: 0 5px 5px 5px;
    font-weight: 500;
    font-size: 15px;
}

.qtip-custom-style .qtip-content {
    padding: 10px 15px;
}

@media (max-width: 768px) {

    html,
    body,
    #page {
        height: auto;
        min-height: 100vh;
    }

    div.header_content {
        display: none
    }

    .header {
        height: 64px;
    }

    a.logo {
        background-size: contain;
        top: 6px;
        height: 49px;
    }

    div.user_zone {
        top: 10px;
        left: 50%;
        right: auto;
    }

    div.user_zone img {
        height: 44px;
        width: auto;
    }

    a.smart_menu_caller {
        position: absolute;
        right: 0;
        top: 0;
        width: 76px;
        height: 65px;
        z-index: 569;
        background: url(../images/misc/sm_m_cler.png) center center no-repeat
    }

    .mob_menu_opened {
        overflow: hidden
    }

    #page {
        transition: all ease 0.5s
    }

    .footer {
        display: none
    }

    div.mob_pop_container {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        z-index: 1;
        padding-left: 20%;
        background: #fff;
        text-align: center;
    }

    div.main-nav {
        display: block
    }

    div.main-nav > div {
        width: 50%;
    }

    div.main-nav > div > a {
        width: auto;
        border-left: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important
    }

    .sidebar {
        float: none;
        width: auto
    }

    dl.tabs dt {
        width: 33.3333%;
        margin: 0
    }

    dl.tabs dt > a {
        text-align: center;
        padding: 0 10px;
    }

    div.profile_grid {
        display: block
    }

    div.profile_grid > div {
        display: block;
        padding-left: 0;
        padding-right: 0;
        border-left: 0
    }

    div.profile_grid > div + div {
        border-top: 0
    }

    div.padded_wrap {
        padding: 15px;
    }

    div.progress_categories_tabs_container {
        margin: 0;
        padding: 0;
        height: auto
    }

    div.progress_categories_tabs {
        display: block
    }

    div.progress_categories_tabs > div {
        display: block
    }

    div.progress_categories_tabs > div a {
        border-top: 1px solid #d8e6e7;
        border-bottom: 1px solid #fff !important
    }

    table.childs-grid td {
        font-size: 11px !important;
    }

    table.childs-grid .f_25 {
        font-size: 11px !important;
    }

    table.childs-grid.modus thead td:nth-child(2),
    table.childs-grid.modus tbody td:nth-child(2) {
        display: none;
    }

    table.childs-grid.modus tbody td:nth-child(1) .hidden-element {
        display: block !important;
        padding: 5px 5px 0;
    }

    table.childs-grid.modus .jui-slider {
        max-width: calc(100vw - 200px);
    }

    span.radios-range > * {
        margin: 0 0 0 4px;
    }

    div.user_zone {
        top: -3px;
    }

    div.user_zone_drop {
        top: 62px;
    }

    a.add_gallery_button_2 {
        margin-bottom: 15px;
    }

    div.photo_view_image {
        margin-right: -30px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
    }

    /**/
    .custom-popup-style {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        height: auto !important;
        position: fixed !important
    }

    .custom-popup-style .fancybox-skin {
        border: 0;
        height: 100% !important
    }

    .custom-popup-style .fancybox-inner {
        height: 100% !important;
        padding-bottom: 100px;
    }

    .children-skills-popup .select2-dropdown {
        position: static;
    }

    .gallery-upload-wrap .fancybox-inner {
        padding-bottom: 100px;
    }

    .custom-popup-style .fancybox-outer {
        height: 100% !important;
    }

    /**/
    div.custom-popup-style div.popup-actions {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        padding: 15px;
        display: flex;
        z-index: 9999;
        justify-content: space-around;
        align-items: center;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    }

    div.popup-actions a {
        min-width: 30%;
    }

    /**/
    .skills-select-style .select2-results ul {
        padding: 15px;
    }

    .skills-select-style .select2-results .mCSB_container {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    div.gallery_photo_and_tags {
        flex-direction: column;
    }

    div.photo_view_image {
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    div.photo_view_image img {
        object-fit: cover;
    }

    div.analyze-page-header {
        padding-right: 0;
        position: relative;
    }

    div.analyze-page-header h2 {
        position: relative;
        text-decoration: underline;
        margin: 0;
        padding: 15px 15px 0;
        cursor: pointer;
    }

    div.analyze-page-header h2:hover {
        text-decoration: none;
    }

    div.analyze-page-header .select2-container {
        width: 100% !important;
    }

    .analyze-date-interval-call {
        width: 0;
        height: 0;
        opacity: 0;
        display: block;
    }

    .analyze-date-interval-call + .hidden-element {
        display: block !important;
        text-align: center;
    }

    #analyze-date-interval {
        flex-direction: column;
        width: auto;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        left: 40px;
        right: 40px;
    }

    #analyze-date-interval .ui-datepicker {
        width: 100%;
    }

    div.summary_info_grid {
        display: flex;
        flex-direction: column;
    }

    div.summary_info_grid > div {
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1) !important;
    }

    div.chat_input_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.chat_input {
        order: 0;
        min-width: 100%;
        max-width: 100%;
    }

    a.attachmnt {
        float: none;
        order: 1;
    }

    a.chat_input_submit {
        float: none;
        order: 2;
    }

    div.ans_block,
    div.quest_block {
        width: 100%;
    }

    div.ans_block .ans_block_photo span {
        white-space: normal;
    }

    div.chat-specified-pop-style .fancybox-outer {
        padding-bottom: 0;
    }

    div.chat-specified-pop-style .fancybox-inner {
        height: 100% !important;
    }

    div.chat-specified-pop-style .fancybox-close {
        display: none;
    }

    div.chat-specified-pop-style div.popup-actions {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        padding: 15px;
    }

    .loading {
        position: fixed;
        bottom: 55px;
        margin: 0;
        padding: 0;
        left: 0;
    }

    .loading .progress {
        height: 12px;
        width: 100%;
    }

    .loaded {
        background-color: #fff;
        font-size: 0.8rem;
    }

    div.chat-specified-pop-style .all_members {
        padding-bottom: 15px;
    }

    div.ch_cnt_head {
        flex-direction: column-reverse;
    }

    div.ch_cnt_head_actions {
        justify-content: space-between;
        margin: 0 -15px;
    }

    div.ch_cnt_head_actions a {
        height: 50px;
    }

    div.cp_photos_mod {
        overflow: hidden;
        max-height: 0;
    }

    div.cp_photos_mod.opened {
        max-height: 300px;
    }

    .show-this-chat-members {
        display: inline-flex;
        cursor: pointer;
        color: red;
    }

    div.analyzed_children_selection > div {
        display: none;
    }

    div.analyzed_children_selection select {
        display: block !important;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 15px;
    }

    .chat-popup .fancybox-inner {
        padding: 0 !important;
        background: #fff;
    }

    .chat-popup div.ch_cnt_head {
        padding-right: 50px;
    }

    .chat-popup .fancybox-outer {
        padding: 0 !important;
    }

    .chat-popup .fancybox-inner {
        height: 100% !important;
    }

    div.mainbar {
        overflow: visible !important;
        width: 100%;
        height: 100%;
    }

    a.chat_close.mob-position-fix {
        position: relative;
        top: -74px;
        z-index: 10;
    }

    table.childs-grid.comment-popup td:nth-child(2) {
        display: none;
    }

    table.childs-grid.comment-popup .hidden-element {
        display: table-caption !important;
        padding-top: 5px;
    }

    textarea.day-theme-input {
        height: 50vh !important;
    }

    textarea.food-array-input {
        height: 50vh !important;
    }

    ul.evo-filter-input-list > li > ul > li {
        width: 100%;
    }

    .xs-hidden {
        display: none
    }

    .no-overflow,
    .no-overflow body {
        overflow: hidden
    }

    /**/
    div.chat_pontifics {
        margin-left: 40px;
        margin-top: -44px;
    }

    .ch_cnt_cont.text-center.aadontotic br {
        display: none;
    }

    div.chat_input input {
        padding: 30px;
    }

    .x-chat-memebers.visible {
        display: block !important;
        text-transform: uppercase;
    }

    .x-chat-memebers.visible + .cp_photos {
        display: none !important;
    }

    ul.progress_checks.mod li {
        width: 100%;
        padding-right: 0;
    }

    div.profile_grid_actions {
        display: flex;
        flex-direction: column-reverse;
    }

    div.profile_grid_actions > div {
        margin-bottom: 15px;
    }

}

@media (min-width: 769px) {

    div.mob_pop_container {
        display: none
    }

}


@media screen and (max-width: 1024px) {

    .logo {
        margin-right: 200px !important;
        left: 5px !important;
        max-width: 15% !important;
    }

}

@media (min-width: 769px) and (max-width: 992px) {

    .logo {
        background-size: contain;
        width: 82px;
        left: 5px;
    }

    div.main-nav > div > a {
        font-size: 12px;
        width: 84px;
    }

    div.childrens .cont.mod > span {
        padding-left: 10px;
        padding-right: 10px;
    }

    div.profile_grid {
        display: block
    }

    div.profile_grid > div {
        display: block;
        padding-left: 0;
        padding-right: 0;
        border-left: 0
    }

    div.profile_grid > div + div {
        border-top: 0
    }

    div.padded_wrap {
        padding: 20px;
    }

    span.current_day_switcer .cd_prev {
        position: absolute;
        left: -58px;
    }

    span.current_day_switcer .cd_next {
        position: absolute;
        right: -58px;
    }

    div.progress_categories_tabs_container {
        margin: 0;
        padding: 0;
    }

    div.progress_categories_tabs > div > a {
        font-size: 9px;
    }

    div.progress_categories_tabs > div > a > span {
        padding: 0 10px 0 30px;
        background-position: 2px center;
    }

    div.analyze-page-header h2 {
        font-size: 18px;
        position: relative;
    }

    .sidebar {
        width: 190px;
    }

    div.summary_info_grid > div {
        display: block;
        border: 0;
        border-top: 1px solid #d8e6e7
    }

    .skills-select-style .select2-results ul {
        padding: 15px;
    }

    .skills-select-style .select2-results .mCSB_container {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

}

@media (min-width: 993px) and (max-width: 1200px) {

    div.profile_grid > div {
        padding: 26px;
    }

    div.summary_info_grid > div {
        padding: 18px;
    }

    div.summary_info_grid .titx span {
        font-size: 33px;
    }

}

@media (min-width: 1201px) {

    div.col-lg-20 {
        width: 20%
    }

}

.reports-table-wrap {
    overflow-x: scroll;
}

.meal-food {
    padding-right: 12px;
}


[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    visibility: visible;
    overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

@media (max-width: 768px), (max-width: 920px) and (min-width: 768px) {
    #fluid_video_wrapper_my-video {
        height: 250px !important;
        max-height: 250px !important;
    }

    #fluid_video_wrapper_my-video #my-video {
        object-fit: contain;
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_left {
        left: 14px;
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_right .fluid_control_volume_container {
        width: 40px;
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_right {
        left: 55px;
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume, #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute {
        left: -18px;
    }

    #fluid_video_wrapper_my-video .fluid_controls_right > * {
        transform: scale(0.8);
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_fluid_control_duration {
        left: auto;
        right: 55px;

        font-size: 14px;
    }

    #fluid_video_wrapper_my-video .fluid_controls_container .fluid_controls_right .fluid_button_video_source {
        font-size: 14px;
    }
}

.mCSB_container {
    background-color: rgb(252, 252, 252);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    border: 1px solid rgb(193, 193, 193);
    border-top: none;
}

.modal.modal--calendar {
    top: auto;
    bottom: auto;
}

@media (min-width: 769px) {
    .modal.modal--calendar {
        left: auto;
    }
}

.modal__btn {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;

    background: url(../images/icons/close-btn.svg) center center no-repeat;
    border: none;
}

.select-gardengroup-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;

    font-size: 18px;
    font-weight: 300;
    color: #000;

    background-image: url(../images/borders/separator.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.select-gardengroup-btn::after {
    content: "";

    width: 20px;
    height: 20px;
    margin-left: 10px;

    background-image: url(../images/icons/angle-small-down.svg);
    background-repeat: no-repeat;
    background-position: center;

    color: rgb(0, 0, 0) !important;
}

div.childrens a.select-gardengroup-btn-link {
    height: auto;
    border-radius: 30px 30px 0px 0px;
    box-shadow: none;
}

.no-overflow,
.no-overflow body,
.no-scroll,
.no-scroll body {
    overflow: hidden;
}

.center_page {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    max-height: 95%;
    overflow: auto;
}

@media (max-width: 768px) {
    .center_page {
        top: 0 !important;
        left: 0 !important;
        transform: none;
        max-height: 100%;
    }
}

@media all and (orientation: portrait) {
}

@media all and (orientation: landscape) {
}

.progress {
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    height: 1rem;
    line-height: 0;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.disabled, .btn:disabled {
    opacity: .65;
    pointer-events: none;
    cursor: none;
}

.loading {
    margin-top: 1rem;
}

.popup-action-btn {
    background: #ec5252;
    color: #fff !important;
}

.hidden {
    display: none !important;
}

.full_width {
    width: 100%;
}

.birthday-row {
    padding: 10px 0 10px;
    border-bottom: #d8e6e7 1px solid;
    font-weight: bold;
}

.birthday-danger {
}

.birthday-info {
}

.text-label {
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

/*
    sun school
*/

.sun-school-select-garden-name-label {
    font-weight: 600 !important;
}

.sun-school-select-group-name-wrap {
    margin: 11px 0px !important;
}

.sun-school-select-group-name {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.sun-school-select-group-name-img {
    margin-left: -27px;
    margin-right: 7px;
}

.sun-school-select-group-name-label {
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: Commissioner !important;
    line-height: 18.35px !important;
}

.sun-school-btn {
    background-color: #FFDCF4 !important;
    border-radius: 30px !important;
    color: #624B5C !important;
    font-size: 13px !important;
    padding: 10px 25px !important;
    margin: 5px !important;
    font-weight: 700;
    font-family: Commissioner;
    line-height: 23px;
    text-transform: none !important;
    min-width: 130px !important;
    white-space: nowrap !important;
    text-align: center;
}

.sun-school-edit-btn {
    width: 50%;
}

.sun-school-tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sun-school-food-tabs {
    flex-wrap: wrap !important;
}

.sun-school-food-tab {
    text-decoration: none !important;
    color: #624B5C !important;
    padding: 6.5px 5px !important;
}

.sun-school-analyze-children-tabs, .sun-school-children-tabs {
    padding: 15px !important;
    border-bottom: 1px solid #d8e6e7;
    display: block;
}

.sun-school-children-tabs {
    flex-wrap: wrap !important;
}

.sun-school-tab {
    color: #624B5C;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 100 !important;
    font-family: Commissioner;
    font-size: 15px;
}

.sun-school-tab-label {
    margin: 0px 5px;
    color: rgb(0, 0, 0);
}

.sun-school-analyze-label {
    color: rgb(0, 0, 0) !important;
    font-weight: normal;
    text-align: left;
    text-transform: none !important;
}

.sun-school-analyze-average-outside-value {
    color: #D283BA;
}

.sun-school-analyze-average-sleep-value {
    color: #F79443;
}

.sun-school-analyze-average-food-value {
    color: #50BBB8;
}

.sun-school-analyze-value {
    display: flex;
}

.sun-school-calendar-label {
    font-weight: 500;
    margin: 0px 5px;
    font-size: 15px;
    font-family: Commissioner;
}

.sun-school-danger-btn {
    background-color: #FFC4C4;
    border-radius: 30px;
    color: #624B5C;
    padding: 10px 25px;
    font-weight: bold;
}

.sun-school-back-btn {
    color: rgb(0, 0, 0);
}

.sun-school-header-label {
    color: #624B5C;
    font-variant: normal;
}

.sun-school-success-btn {
    background-color: #D9FFAE;
    border-radius: 30px;
    color: rgb(0, 0, 0);
    padding: 10px 25px;
    text-transform: none !important;
}

.sun-school-success-btn-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.sun-school-child-name {
    font-weight: 600 !important;
    color: #624B5C !important;
    font-size: 15px !important;
}

.sun-school-select-gardengroup-btn-label {
    font-weight: bold;
    font-size: 15px;
    margin: 0px 10px;
    font-family: Commissioner !important;
    padding: 20px 10px;
}

.sun-school-tab-selected {
    border-bottom: 1px solid rgb(0, 0, 0);
}

.sun-school-upload-image {

}

.sun-school-input-field {
    border-radius: 30px !important;
    font-weight: 300 !important;
    border: 1px solid #DBCFD8 !important;
}

.sun-school-checkbox-label {
    color: #624B5C !important;
}

.sun-school-forget-password {
    font-family: Commissioner !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 19px !important;
}


.sun-school-checkbox {
    border-radius: 1px !important;
    border: 1px solid #DBCFD8;
    box-sizing: border-box;
}

.sun-school-login-btn {
    height: 60px !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24, 46px !important;
    text-align: Center !important;

    background-color: #D283BA !important;
    border-radius: 30px !important;
    color: #624B5C;
    /*padding: 10px 25px !important;*/
    margin: 5px !important;
}

.sun-school-dashboard-label {
    text-transform: none !important;
    font-family: Commissioner;
    font-style: normal;
    font-weight: bold !important;
    font-size: 15px;
    line-height: 19px !important;
    text-align: center;
    color: #624B5C !important;
    margin-top: 5px;
}

/*
customize calendar
*/

.ui-datepicker-next {

}

.sun-school-img-rounded {
    border-radius: 100%;
}

.sun-school-settings-tabs {
    display: flex;
    flex-wrap: wrap;
}

.sun-school-settings-tab {
    color: #624B5C;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 25px;
    font-weight: 100 !important;
    font-family: Commissioner_middle;
    font-size: 15px;
    line-height: 19px;
}

.sun-school-card {
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 26px;
    font-size: 15px;
    color: #282a2e;
    font-weight: 300;
    transition: all ease 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.sun-school-logo {
    display: block;
    width: 111px;
    height: 65px;
    background: url(../images/logo.png) left center no-repeat;
    position: absolute;
    left: 15px;
    top: 16px;
    background-size: contain;
}

a.sun-school-logo {
    background-size: contain;
    top: 6px;
    height: 49px;
}

.sun-school-logo {
    background-size: contain;
    width: 82px;
    left: 5px;
}

.sun-school-percent {
    font-family: Commissioner;
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 23px;
    color: #D283BA !important;
    font-size: 40px;
    font-family: Commissioner;
    font-weight: 900;
    margin: 0px 0px 30px 0px !important;
}

.sun-school-card-btn {

}

.card-content-wrap {
    border-bottom: 1px solid #DBCFD8;
    width: 100%;
}

.sun-school-row {
    flex-direction: row;
    display: flex;
    align-items: center !important;
    justify-content: space-between !important;
}

.sun-school-input {

}

.sun-school-food-type {
    font-family: Commissioner !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    color: #6C5666 !important;
    text-transform: none !important;
}

.sun-school-hr {
    background-color: #DBCFD8;
    margin-left: -40px !important;
    bottom: 65px;
    position: absolute;
}

.sun-school-garden-name {
    font-weight: 700;
    font-size: 20px;
    color: #624B5C;
    line-height: 24, 46px;
}

.sun-school-modal {
    border-radius: 30px !important;
}

.sun-school-child-card-img {
    height: 226px !important;
    min-width: 225px !important;
}

.sun-school-child-card {
    border-radius: 30px !important;
    box-shadow: none !important;
    min-width: 226px !important;
    height: 306px !important;
}

.sun-school-add-child-img {
    margin: 30px auto;
    width: 137px !important;
}

.sun-school-tab-icon {
    margin-right: 10px;
}

.sun-school-popup-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

.sun-school-gallery-aside {
    min-width: 500px;
}

.sun-school-gallery-header {
    font-size: 15px;
    color: #624B5C !important;
    font-weight: 600;
}

.sun-school-label {
    font-size: 13px !important;
    color: #624B5C !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

.sun-school-gallery-textarea {
    padding: 15px;
    border-radius: 20px;
    resize: none;
    color: #624B5C !important;
    font-weight: 400 !important;
}

.sun-school-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sun-school-calendar-neibor {
    color: #624B5C !important;
    font-weight: 400 !important;
    line-height: 18, 35px;
    font-family: Commissioner;
    font-size: 15px !important;
    text-transform: none !important;
}

.sun-school-calendar-selected-neibor {
    font-weight: 700 !important;
    color: #624B5C !important;
    line-height: 18, 35px !important;
    font-family: Commissioner !important;
    font-size: 15px !important;
    text-transform: none !important;
}

.sun-school-current-day-back {
    background: url(../images/icons/arrow-left.svg) center center no-repeat !important;

}

.sun-school-current-day-next {
    background: url(../images/icons/arrow-right.svg) center center no-repeat !important;
}

.sun-school-calendar-content {
    width: 100%;
}

.sun-school-calendar-cur-d-mmyy {
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: Commissioner !important;
    line-height: 18, 35px !important;
}

.sun-school-calendar-cur-d-nr {
    font-weight: bold !important;
    color: #FF736C !important;
    font-family: Commissioner;
    margin: 15px 0px !important;
    height: 82px;
}

.sun-school-cur-d-abbr {
    color: #6C5666 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 15px !important;
}

.sun-school-card-center {
    align-items: center;
}

.sun-school-logo-icon {
    width: 156px !important;
    height: 44px !important;
}

.sun-school-main-label {
    color: #624B5C;
    font-family: Commissioner;
    font-weight: 700;
    line-height: 23px;
    text-transform: none !important;
}

.sun-school-textarea {
    resize: none !important;
}

.sun-school-comment-textarea {
    border-radius: 20px;
    height: 125px !important;
    max-height: 125px !important;
}

.sun-school-container {
    width: 85%;
    margin: auto;
}

.sun-school-primary-db-item {
    width: 226px !important;
    height: 327px !important;
}

.sun-school-secondary-db-item {
    width: 226px !important;
    height: 150px !important;
}

.sun-school-header-tab {
    height: 100% !important;
}

.sun-school-day-theme-textarea {
    background-color: transparent;
    border: 1px solid #DBCFD8 !important;
}

.sun-school-absent-label {
    text-transform: none !important;
}

.sun-school-child-avatar {
    width: 75px !important;
    height: 75px !important;
}

.sun-school-child-competence-item {
    min-width: 150px !important;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.sun-school-avatar {
    border-radius: 100% !important;
}

.sun-school-unmarked-list-item {
    list-style-type: none;
}

.sun-school-section-label {
    font-weight: 600 !important;
    color: #624B5C !important;
    line-height: 19px !important;
    font-family: Commissioner !important;
    font-size: 15px !important;
}

.sun-school-cd_current {

}

.sun-school-header-border {
    border-bottom: 1px solid #DBCFD8 !important;
}

.sun-school-styled-checkbox {
    margin: 0px 10px;
}

.sun-school-change-btn-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sun-school-select-place {
    min-width: 226px !important;
}

.sun-school-profile-grid > div {
    padding: 26px 0px !important;
}

.sun-school-profile-grid-actions {
    margin-top: 75px !important;
}

.sun-school-family-add-container {
    display: flex;
    justify-content: space-between;
}

.sun-school-alert-danger {
    background-color: transparent !important;
    border-color: transparent !important;
}

.sun-school-daytheme-content {
    word-wrap: anywhere !important;
    white-space: break-spaces;
}

.sun-school-remember-me-checkbox .styled_checkbox {
    min-width: 25px !important;
    min-height: 25px !important;
}

.sun-school-good-competence-child {
    min-height: 128px !important;
}

.sun-school-du-tit, .sun-school-du-tit-2 {
    font-size: 15px !important;
    font-family: Commissioner !important;
    font-weight: 400 !important;
    color: rgba(98, 75, 92, 0.5) !important;
}

.sun-school-gallery-btn-container {
    margin: 25px 0px;
}

.sun-school-section-header {
    font-size: 20px !important;
    text-transform: none !important;
}

.sun-school-children-back-btn-alignment {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.sun-school-dropdown {
    border-top: none;
    border-left: none;
    border-right: none;
    width: 40%;
}

.sun-school-skill-input-label {
    margin-left: 15px !important;
}

.sun-school-child-card-container {
    margin: 75px 0px;
    margin: 37px;
    max-width: 226px;
    max-height: 225px;
}

.sun-school-dashboard-normalizer {
    clear: both !important;
}

.sun-school_header_content, .sun-school-main-nav, .sun-school-main-nav > div, .sun-school-main-nav > div > a {
    height: 100% !important;
}

.sun-school-current-day-changer {
    padding: 16px 16px 0px 16px;
}

.sun-school-lbl, .sun-school-total {
    font-size: 13px !important;
    color: #624B5C !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    font-family: Commissioner !important;
}

a.refresh_caller {
    position: absolute;
    right: 76px;
    top: 0;
    width: 76px;
    height: 65px;
    z-index: 569;
    background: url(../images/misc/update.svg) center center no-repeat
}

.sun-school-swiper-wrap {
    width: 100% !important;
}

.sun-school-swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
}

.sun-school-user-profile-label {
    font-size: 15px !important;
    color: #624B5C !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-family: Commissioner !important;
}

.sun-school-modal-title {
    font-family: Commissioner !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #624B5C !important;
}

.sun-school-modal-footer {
    border: none !important;
}

.form-sun-school-btn > button {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background: transparent !important;
}

.form-sun-school-btn + span > button {
    display: flex;
    border: none;
    justify-content: center;
    align-items: center !important;
    width: 109px !important;
    height: 31px !important;
    background-color: #FFDCF4 !important;
    border-radius: 30px !important;
    color: #624B5C !important;
    font-size: 13px !important;
    padding: 10px 25px !important;
    margin: 5px !important;
    font-weight: 700;
    font-family: Commissioner;
    line-height: 23px;
    text-transform: none !important;
    white-space: nowrap !important;
    text-align: center;
    min-width: 109px !important;
    max-width: 109px !important;
}

input#id_date_start.form-sun-school-btn, input#id_date_end.form-sun-school-btn {
    padding-right: 0px !important;
    width: 96px !important;
}

.sun-school-child-food-percent-label {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.sun-school-popup-btn {
    border-radius: 30px;
    color: rgb(0, 0, 0) !important;
    background-color: #FFDCF4;
    text-transform: none !important;
}

.sun-school-outdoor-name-label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.sun-school-competence-box {
    width: 250px !important;
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;
    background-color: transparent !important;
}

.sun-school-evo-filter-input-list {
    display: block;
    columns: 3;
    -webkit-column-break-inside: avoid;
}

.sun-school-competence-column {
    display: flex;
    flex-direction: column;
}

.sun-school-menu-tab {
    padding: 6.5px 5px !important;
    color: #624B5C !important;
    flex-direction: row;
    align-items: center;
    margin-left: 25px;
    font-weight: 500;
    font-family: Commissioner;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none !important;
}

.sun-school-menu-item .sun-school-menu-tab:hover,
.sun-school-menu-item .sun-school-menu-tab:focus,
.sun-school-menu-item.selected .sun-school-menu-tab {
    text-decoration: none;
    color: #a3819a;
}

.select2-selection__rendered {
    padding: 0px 40px 0px 0px !important;
}

.sun-school-meal-food {
    font-family: Commissioner !important;
}

.sun-school-dashboard-title-label {
    text-align: left;
}

.sun-school-dashboard-swiper {
    width: 100% !important;
}

.sun-school-child-detail-label {
    font-weight: 600 !important;
    font-size: 15px !important;
}

.sun-school-garden-group-title-label {
    font-size: 20px;
}

.sun-school-child-detail-profile-grid-actions {
    margin: 25px 0px;
}

.sun-school-child-base-popup {
    box-shadow: none !important;
    border-radius: 30px !important;
    min-height: 619px !important;
    max-width: 1270px !important;
}

.sun-school-tabs_content_block {
    display: block !important;
}

.sun-school-child-family-add {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sunschool-child-visit-cell-img {
    vertical-align: top;
}

.sun-school-pull-left {
    margin: 0 20px 10px 0;
}

.sun-school-analyze-modal {
    box-shadow: none !important;
    border-radius: 30px;
    min-height: 619px;
    max-width: 1270px;
}

.sun-school-clear {
    clear: both;
}

.sun-school-menu-item {
    float: left !important;
}

.sun-school-first-menu-tab {
    margin: 0px !important;
    border-bottom: 1.5px solid #624B5C;
}

.sun-school-menu-btn {
    width: 130px;
    height: 40px;
    text-align: center;
    border-radius: 30px;
    color: rgb(0, 0, 0) !important;
    background-color: #FFDCF4;
    text-transform: none !important;
}

.sun-school-menu-garden-name-label {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24.46px !important;
}

.sun-school-menu-group-name-label {
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

.sunschool-analyse-sidebar-item {
    display: flex;
    justify-content: center;
}

.sun-school-analyze-tab {
    margin: 0px 20px;
}

.sunschool-total-outdoor-slider {
    max-width: none !important;
    min-width: none !important;
}

@media all and (orientation: portrait) and (max-width: 768px) {

    body {
        overflow-y: scroll !important;
    }

    .sun-school-db-item-wrap {
        display: flex !important;
        justify-content: center !important;
    }

    div.db-item, .sun-school-primary-db-item {
        width: 100% !important;
        height: 319px !important;
    }

    .sun-school-img-rounded {
        display: none !important;
    }

    .sunschool-card-hr-container {
        width: 100% !important;
    }

    .sunschool-card-hr-container hr, .sun-school-dashboard-swiper hr, .dashboard-group-selector hr {
        display: block;
        background-color: #DBCFD8;
    }

    .sun-school-hr {
        width: calc(95% - 30px) !important;
        margin: 15px 0px 15px 0px !important;
    }

    .sun-school-gallery-photo-add-img {
        width: 74px !important;
        height: 55px !important;
    }

    .sun-school-secondary-db-item {
        width: 100% !important;
        max-height: 150px !important;
    }

    .sun-school-inputs-container {
        width: 100% !important;
    }

    .sun-school-main-nav > div, .sun-school-main-nav > div > a {
        height: 180px !important;
    }

    div.daytheme_content {
        max-height: 6em !important;
    }

    .sun-school-account-settings-item {
        width: 100% !important;
    }

    .sun-school-childrens {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .sun-school-header-border {
        width: 100%;
    }

    div.separate-gallery a {
        width: auto;
        height: auto;
    }

    .sun-school-photo-footer {
        width: auto !important;
    }

    .sun-school-gallery-aside {
        min-width: 100% !important;
    }

    .sunschool-total-outdoor-slider {
        max-width: max-content !important;
        min-width: 100% !important;
    }

}


.page-header {
    display: flex;
    align-items: center;
    padding: 40px 60px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.page-header .logo-link {
    max-width: 300px;
}

.logo-icon {
    margin-bottom: 10px;
    padding-left: 30px;
}

.logo-text {
    width: 100%;
}

.logo-icon-wrapper {
    display: inline-block;
    margin-left: 30px;
}

.logo-icon-wrapper:before {
    content: "";
    display: block;
    width: 1px;
    height: 64px;
    background: #FFCFD3;
    position: absolute;
}

@media (max-width: 470px) {
    .logo-icon-wrapper {
        display: none;
    }
}

.connect-button {
    margin-left: auto;
    margin-right: 0;
}


.cont-header {
    display: flex;
    align-items: center;
}

@media (max-width: 850px) {
    .cont-header {
        display: block;
    }

    .logo-icon-wrapper {
        display: none;
    }

    .page-header {
        padding: 0 60px;
        align-items: center;
    }

    .login-block {
        margin-top: 5rem;
    }
}

@media (max-height: 550px) {
    .login-block {
        margin-top: 9rem;
    }
}


.confluence-embedded-image {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.max-width {
    max-width: 1200px;
}


.connect-button {
    margin-left: auto;
    margin-right: 0;
}

.skill-mark {
    -webkit-text-size-adjust: 100%;
    word-break: normal;
    tab-size: 4;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    margin: 0;
    font: inherit;
    overflow: visible;
    background-color: transparent;
    box-sizing: border-box;
    cursor: pointer;
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    letter-spacing: .0892857143em;
    justify-content: center;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    min-height: 0;
    min-width: 0;
    padding: 0;
    border: thin solid currentColor;
    border-radius: 50%;
    -webkit-appearance: button;
    color: #009688 !important;
    caret-color: #009688 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important;
    font-size: .875rem;
    height: 35px;
    width: 35px;
}

@media (max-width: 544px) {
    .sun-school-evo-filter-input-list {
        columns: 1;
    }

    .sun-school-child-family-add {
        flex-direction: column;
    }
}

.mb-2 {
    margin-bottom: 20px;
}

/*Child*/

.content-block {
    background: #fff;
    width: 100%;
    position: relative;
    border-radius: 30px;
}

.child-block {
    display: flex;
}

.child-block-sidebar {
    width: 254px;
    padding: 30px;
    height: 100%;
}

.child-block-main {
    position: relative;
    width: 100%;
    border-left: 1px solid #d8e6e7;
}

.child-block-tabs {
    padding: 18px 0 18px 30px;
    margin: 0;
    display: flex;
    border-bottom: 1px solid #d8e6e7;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.child-block-tab__item {
    list-style-type: none;
    margin-right: 40px;
    position: relative;
}

.child-block-tab__item a {
    color: #624B5C;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 100;
    font-family: Commissioner;
    font-size: 15px;
    text-decoration: none;
}

.child-block-tab__item:last-child {
    margin: 0;
}

.child-block-tab__item.selected a:after {
    height: 2px;
    background-color: #624B5C;
    content: "";
    position: absolute;
    width: 100%;
    bottom: -5px;
}

.child-block-content {
    padding: 30px;
}

.child-family-item {
    border: none;
    padding: 0;
    margin-bottom: 20px;
}

.child-family-item:last-child {
    margin-bottom: 0;
}

.sun-school-settings-tab {
    color: #624B5C;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 25px;
    font-weight: 100 !important;
    font-family: Commissioner_middle;
    font-size: 15px;
    line-height: 19px;
}

.status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.status-deactivate {
    background-color: #d63939;
}

.status-active {
    background-color: #50BBB8;
}

form .status-wrapper {
    margin-bottom: 1rem;
}

.family-name {
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .child-block {
        flex-direction: column;
    }

    .child-block-sidebar, .child-block-main {
        display: flex;
        width: 100%;
        flex-direction: column;
        border: none;
    }
}

@media (max-width: 544px) {
    .child-family-item:last-child {
        margin-bottom: 30px;
    }
}