.divider {
    height: 1px;
    background: #EEEEEE;
    margin: 20px 0px;
}


.client_status {
    color: #666666;
    font-size: 13px;
    padding: 4px 8px;
    background: #EEEEEE;
    position: relative;
    display: inline-block;
    top: -2px;
    line-height: 1;
    left: 12px;
    border-radius: 3px;
}


.change_priority {
    text-align:  center;
    padding: 0px 25px;
    position: relative;
    display: inline-block;
}
.change_priority i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
}
.change_priority .fa-chevron-up {
    left: 0px;
}
.change_priority .fa-chevron-down {
    right: 0px;
}
.change_priority .change_priority_up,
.change_priority .change_priority_down {
    cursor: pointer;
    color: #2196F3;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.change_priority .change_priority_up:hover,
.change_priority .change_priority_down:hover {
    color: #000000;
}

.filter_field i.fa {
    color: #AAAAAA!important;
    margin: -34px 2px 0px 0px;
    background: #FFFFFF;
    padding: 7px 12px;
    float: right;
    position: relative;
}








.form_footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #EEEEEE;
    text-align: right;
    display: inline-block;
    width: 100%;
}
.fixed_footer {
    background: rgba(255, 255, 255, 0.96);
    position: fixed;
    padding-bottom: 20px;
    left: 25px;
    right: 25px;
    width: calc(100% - 50px);
    z-index: 1;
}

.heading,
#content .heading {
    padding-bottom: 7px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    color: #528bff;
}
#content .list {
    margin: 0px 0px -20px 0px;
    padding: 0px;
    display: inline-block;
}
#content .list > li {
    margin: 0px 20px 20px 0px;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
    font-weight: 600;
    position: relative;
    min-height: 204px;
    display: inline-block;
    list-style: none;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    -webkit-transition: color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
#content .list > li:last-child {
    margin-right: 0px;
}
#content .list > li.divider {
    margin-left: 5px;
}
#content .list > li.divider:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 40%;
    top: 30%;
    left: -17px;
    background: #EEEEEE;
}
#content .list > li a.list_url {
    padding: 20px 10px;
    display: block;
    width: 136px;
    height: 150px;
    line-height: 18px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}
#content .list > li a.list_url > i.fa {
    font-size: 60px;
    line-height: 150px;
    color: #cfd0da;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
#content .list > li a .list_footer {
    border-top: 1px solid #EEEEEE;
    padding-top: 7px;
    text-align: center;
}
#content .list > li:hover {
    border-color: #9fa1b5;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06), 0px 6px 16px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06), 0px 6px 16px rgba(0, 0, 0, 0.08);
}
#content .list > li:hover a.list_url > i.fa {
    color: #9fa1b5;
}
#content .list > li span {
    color: #000000;
    font-weight: 600;
    font-size: 12px;
}
#content .list > li.no_user {
    border-color: #e74c3c!important;
}
#content .list > li.no_user a {
    color: #e74c3c!important;
}
#content .list > li.no_user img {
    opacity: 0.3;
}
#content .list > li a.fast_planner {
    position: absolute;
    top: 3px;
    padding: 5px;
    width: 20px;
    text-align: center;
    z-index: 1;
    left: 2px;
}
#content .list > li a.fast_planner i.fa {
    font-size: 14px!important;
    height: auto;
    line-height: normal;
    color: #000000;
}
#content .list > li a.fast_planner:hover i.fa {
    color: #2196F3;
}
#content .list > li .dropdown {
    position: absolute;
    top: 3px;
    right: 2px;
    z-index: 1;
}
#content .list > li .dropdown > a {
    padding: 5px;
    width: 14px;
    display: block;
    text-align: center;
}
#content .list > li .dropdown > a i {
    font-size: 14px!important;
    height: auto;
    line-height: normal;
    color: #000000;
}















#content .last_activity li {
    position: relative;
    padding-left: 25px!important;
}
#content .last_activity li i.fa {
    position: absolute;
    left: 0px;
    top: 10px;
}
#content .type_actions {
    display: none;
    margin: 5px 0px 15px 0px;
    padding: 0px 10px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#content .type_actions li {
    margin: 0px 2px 0px 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}
#content .type_actions li a {
    display: block;
    text-align: center;
    color: #BDBDBD;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    border-bottom: none;
    background: #F5F5F5;
    padding: 6px 15px;
}
#content .type_actions li a:hover {
    color: #000000;
}
#content .type_actions li a.active_type,
#content .type_actions li a.active_type:hover {
    color: #000000;
    background: #FFFFFF;
    padding: 6px 15px 7px 15px;
    margin-bottom: -1px;
    position: relative;
}
#content .type_actions .count {
    margin: 0px 0px 0px 10px!important;
}


#content .client_profile {
    text-align: center;
    font-weight: 600;
    position: relative;
}
#content .client_profile > a {
    display: inline-block;
    position: relative;
}
#content .client_profile h3 {
    margin: 15px 0px 5px 0px;
    font-weight: 600;
}
#content .client_profile .edit_icon {
    background: #FFFFFF;
    padding: 3px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0px;
    bottom: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#content .client_profile .edit_icon .fa {
    font-size: 14px;
    color: #FFFFFF;
    background: #7CB342;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
#content .client_profile .edit_icon:hover .fa {
    background: #8BC34A!important;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.16);
}
#wrap .client_profile .users {
    display: inline-block;
    margin-left: 17px;
}
#wrap .client_profile > .dropdown {
    position: absolute;
    right: 0px;
    top: 0px;
}
#wrap .client_profile .form_footer .dropdown:before {
    content: "";
    position: absolute;
    left: -11px;
    top: 4px;
    background: #EEEEEE;
    width: 2px;
    height: 13px;
}

#content .user_info .widget_header {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}
#content .user_info .widget_header h3 {
    padding-right: 50px;
    margin: 0px;
    line-height: normal;
    font-weight: 600;
    display: inline-block;
}
#content .user_info .widget_header .dropdown {
    margin-top: -5px;
}
#content .user_info ul.list_info {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}
#content .user_info ul.list_info > li {
    padding: 5px 0px;
    margin: 0px;
    position: relative;
    list-style: none;
    border-bottom: 1px solid #EEEEEE;
}
#content .user_info ul.list_info > li .avatar {
    position: absolute;
    left: 0px;
    top: 10px;
}
#content .user_info ul.list_changes li {
    padding-left: 30px;
}
#content .user_info ul.list_changes li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    width: 8px;
    height: 8px;
    background: #DDDDDD;
    border-radius: 100%;
}
#content .user_info ul.list_info > li a {
    color: #000000;
}
#content .user_info ul.list_info > li a:hover {
    color: #2196F3;
}
#content .user_info ul.list_info > li.active_status a,
#content .user_info ul.list_info > li.active_status a:hover {
    color: #7CB342;
    cursor: default;
}
#content .user_info ul.list_info > li.active_status .count {
    background: #7CB342!important;
    color: #FFFFFF!important;
}
#content .user_info ul.list_info > li:last-child {
    border: none;
}
#content .user_info ul.list_info > li label {
    margin: 0px;
    padding: 0px;
}
#content .user_info ul.list_info > li span {
    float: right;
}
#content .user_info ul.list_info > li .count {
    position: relative;
    top: 2px;
}


.count {
    background: #EEEEEE;
    display: inline-block;
    color: #616161;
    min-width: 12px;
    text-align: center;
    padding: 1px 5px;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.empty_message {
    text-align: center;
    color: #9E9E9E;
    margin: 90px 0px;
    padding: 0px 30px;
}

#content .planner_weeks tr {
    display: none;
}
#content .planner_weeks tr:first-child {
    display: block;
}
#content .planner_week {
    margin: -5px -5px -8px -5px;
    padding: 0px;
    display: inline-block;
}
#content .planner_week > li {
    position: relative;
    display: none;
    list-style: none;
    float: left;
    font-weight: 600;
    border: 1px solid #E0E0E0;
    margin: 5px;
    min-width: 110px;
    padding: 3px 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    -webkit-transition: color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
#content .planner_week > li.active {
    border-color: #32c24d;
    -webkit-box-shadow: inset 0px 0px 0px 1px #32c24d, 0px 1px 5px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0px 0px 0px 1px #32c24d, 0px 1px 5px rgba(0, 0, 0, 0.06);
}
#content .planner_week > li > a {
    display: block;
}
#content .planner_week > li:hover {
    border-color: #9fa1b5;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06), 0px 6px 16px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06), 0px 6px 16px rgba(0, 0, 0, 0.08);
}
#content .planner_week > li .planner_weeks_count {
    padding: 0px;
    font-size: 90%;
    color: #000000;
}
#content .planner_week > li .planner_weeks_range {
    color: #9E9E9E;
    font-size: 90%;
    margin-top: -2px;
}
#content .planner_week > li .planner_weeks_events {
    margin: 0px;
    padding: 0px 10px 3px 10px;
    font-weight: 600;
    color: #000000;
}
#content .planner_week > li .planner_weeks_header {
    text-align: left;
    margin: -3px 0px 5px 0px;
    padding: 3px 20px 3px 25px;
    border-bottom: 1px solid #EEEEEE;
}
#content .planner_week > li .weeks_chekbox + label {
    position: absolute;
    top: 7px;
    left: 5px;
}
#content .planner_week > li .dropdown {
    position: absolute;
    top: 5px;
    right: 8px;
}
#content .planner_week > li .dropdown > a {
    color: #000000;
}
















#content .combolist {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
#content .combolist li {
    list-style: none;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    display: inline-block;
}
#content .combolist li a {
    background: #FAFAFA;
    border: 1px solid #E0E0E0;
    border-bottom: none;
    color: #BDBDBD;
    padding: 6px 15px;
    display: block;
    cursor: pointer;
    font-weight: 600;
}
#content .combolist li a:hover {
    color: #000000;
}
#content .combolist li i.fa {
    font-size: 14px!important;
    line-height: normal!important;
}
#content .combolist li.combolist_not_active,
#content .combolist li.combolist_not_active:hover {
    border-color: #DDDDDD!important;
    cursor: default;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
#content .combolist li.combolist_not_active a,
#content .combolist li.combolist_not_active:hover a {
    color: #BDBDBD!important;
    cursor: default;
}
#content .combolist li.combolist_not_active i.fa,
#content .combolist li.combolist_not_active:hover i.fa {
    color: #BDBDBD!important;
}
#content .combolist li.combolist_active a,
#content .combolist li.combolist_active a:hover {
    color: #000000!important;
    background: #FFFFFF!important;
    padding: 6px 15px 7px 15px!important;
    position: relative;
    margin-bottom: -1px;
}
#content .combolist li.combolist_active a,
#content .combolist li.combolist_active:hover a {
    color: #000000!important;
}
#content .combolist li.combolist_active i.fa,
#content .combolist li.combolist_active:hover i.fa {
    color: #000000!important;
}
#content .combolist.combolist_disabled li a {
    cursor: default!important;
}
#content .combolist.combolist_disabled li a:hover {
    color: #BDBDBD;
}
#content .excluded_items span {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #000000;
    display: inline-block;
    line-height: normal;
    font-weight: 600;
    padding: 4px 8px;
    margin: 0px 5px 5px 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.fixed {
    position: fixed;
    z-index: 9;
    margin-top: -1px;
    left: auto;
    right: auto;
}

#search {
    padding: 20px 0px;
    border-bottom: 1px solid #E0E0E0;
    -webkit-transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}
#search.fixed {
    position: fixed;
    z-index: 9;
    background: rgba(255, 255, 255, 0.96);
    left: auto;
    right: auto;
    margin: 0px 0px 0px -20px;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
}
#search.fixed.small {
    padding: 10px 20px;
    -webkit-transition: padding-top 0.3s ease, padding-bottom 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease, box-shadow 0.3s ease;
}
.search_space {
    display: none;
}
#search .search_field {
    -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#search .search_field input {
    padding-right: 140px;
}
#search #search_query {
    padding-right: 150px!important;
}
#search #search_submit {
    color: #2196F3!important;
    margin: -38px 2px 0px 0px;
    padding: 7px 12px;
    float: right;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
#search #search_submit:hover {
    color: #000000!important;
}
#search .finded {
    color: #9E9E9E!important;
    margin: -38px 30px 0px 0px;
    padding: 7px 12px;
    float: right;
    position: relative;
    z-index: 1;
}
#search .finded .count {
    margin-left: 5px;
    padding: 2px 5px;
}















.constructor_table .category {
    text-align: left;
    font-weight: 600;
    margin: -5px 0px 0px 0px;
}
a.favorite,
a.excluded {
    display: block;
    margin-top: 5px;
}
a.favorite i.fa,
a.excluded i.fa,
a.seasonality i.fa,
a.cur_user_records i.fa {
    font-size: 20px;
    color: #CCCCCC;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a.favorite:hover i.fa,
a.excluded:hover i.fa,
a.seasonality:hover i.fa,
a.cur_user_records:hover i.fa {
    color: #AAAAAA!important;
}
a.favorite.active i.fa {
    color: #FFC107;
}
a.favorite.active:hover i.fa {
    color: #FFA000!important;
}
a.excluded.active i.fa {
    color: #E53935;
}
a.excluded.active:hover i.fa {
    color: #D32F2F!important;
}
a.seasonality.active i.fa {
    color: #2196F3;
}
a.seasonality.active:hover i.fa {
    color: #000000!important;
}
a.cur_user_records.active i.fa {
    color: #2196F3;
}
a.cur_user_records.active:hover i.fa {
    color: #000000!important;
}
.constructor_table h3,
.constructor_table h4 {
    margin: -5px 0px 5px 0px;
    padding: 0px;
    color: #2980b9;
}
.constructor_table .not_found {
    display: none;
}
.calculator_table th {
    text-align: center;
}
.calculator_table .list_row .handle {
    padding: 0px 5px;
    margin-left: -5px;
    cursor: n-resize;
}
.calculator_table .list_row td {
    text-align: center;
    vertical-align: bottom;
}
.calculator_table .list_row input {
    width: 40px;
    position: relative;
    top: 2px;
    text-align: center;
    padding: 0px;
    height: 26px;
    line-height: 26px;
}
.calculator_table .list_row .list_caption_row {
    position: absolute;
    color: #2980b9;
    left: 10px;
    display: block;
    right: 10px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #2980b9;
    font-weight: 600!important;
}
.calculator_table .list_row .list_caption_row span {
    color: #000000;
}
.calculator_table .list_row a.remove {
    color: #E53935;
}
.calculator_table .list_row a.remove:hover {
    color: #000000;
}
.list_row .materials {
    display: inline-block;
    width: 100%;
}
.list_row .materials .material {
    display: inline-block;
    float: left;
    margin: 10px 10px 0px 0px;
    width: 100px;
    height: 75px;
    overflow: hidden;
    background: #333444;
    vertical-align: middle;
}
.list_row .materials .youtube {
    width: 100px;
    height: 75px;
    display: block;
    background: #333444;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.list_row .materials .youtube i.fa {
    font-size: 30px;
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    width: 100px;
    text-align: center;
    margin: -15px 0px 0px -45px;
    color: #6e7082;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.list_row .materials .youtube:hover i.fa {
    color: #9fa1b5;
}
.list_row .materials img {
    width: 100px;
    display: inline-block;
}













.calculator_block {
    display: block;
    margin: 5px 0px 0px 0px;
    position: relative;
    background: #FFFFFF;
    overflow: auto;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
}
.calculator_block table.calculator_table {
    border: none;
    width: 100%;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.calculator_block table.calculator_table tr td {
    -webkit-transition: padding-top 0.3s ease;
    transition: padding-top 0.3s ease;
}
.calculator_block .clear_calc {
    display: none;
    background: #FAFAFA;
    border-top: 1px solid #E0E0E0;
    text-align: center;
    position: relative;
    padding: 8px 15px;
    margin: 10px 0px 0px 0px;
}
.calculator_block .clear_calc a.btn {
    color: #000000!important;
}
.calculator_block .clear_calc a.btn:hover {
    color: #E53935!important;
}
.calculator_info {
    padding: 30px!important;
}






.load_more {
    display: none;
    text-align: center;
    position: relative;
    padding: 15px;
    margin: 10px -0px -20px 0px;
    background: #FFFFFF;
    border-top: 1px solid #E0E0E0;
}
.load_more a.btn {
    color: #000000!important;
}
.load_more a.btn:hover {
    color: #2196F3!important;
}
tr.load_more_divider {
    border-top: 2px solid #E0E0E0;
}
div.load_more_divider {
    width: 100%;
    height: 2px;
    background: #E0E0E0;
    margin: 10px 0px;
}



.constructor_view .light_table {
    text-align: center;
}
.constructor_view .light_table th {
    text-transform: none;
}

.constructor_view {
    text-align: center;
}
.constructor_view td {
    font-weight: 600;
}





.youtube_play {
    color: #2196F3!important;
    margin: -38px 2px 0px 0px;
    background: #FFFFFF;
    padding: 7px 12px!important;
    float: right;
}
.youtube_play:hover {
    color: #000000!important;
}


.notice {
    background: #FAFAFA;
    border-left: 4px solid #E0E0E0;
    border-right: 4px solid #E0E0E0;
    position: relative;
    line-height: normal;
    padding: 10px 15px;
    margin: 0px;
}





.nutrition_base {
    color: #666666;
    font-weight: 600;
}
.nutrition_base.base1 {
    color: #E91E63;
}
.nutrition_base.base2 {
    color: #9C27B0;
}
.nutrition_base.base3 {
    color: #006600;
}
.nutrition_base.base4 {
    color: #B50301;
}


.statistic_table td a.link {
    opacity: 0;
}
.statistic_table td:hover a.link {
    opacity: 1;
}
.statistic_table td .active {
    color: #000000;
}
.statistic_table td .active span {
    color: #3F51B5;
}