*
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
}


body {
    background: #edeef0;
    min-width: 1300px;
    box-sizing: border-box;
    color: #3c4046;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

*, *:before, *:after {
    box-sizing: inherit;
}


.box-min {min-height: 400px;}
.box-0 {padding: 0px; font-size: 13px;}
.box-5 {padding: 5px; font-size: 13px;}
.box-10 {padding: 10px; font-size: 13px;}
.box-15 {padding: 15px; font-size: 13px;}
.box-20 {padding: 20px; font-size: 13px;}
.box-25 {padding: 25px; font-size: 13px;}
.box-30 {padding: 30px; font-size: 13px;}

.box-symbols {background: #FFF; padding: 15px; font-size: 13px;}
.box-symbols p {margin: 10px 0;}

strong {
    font-weight: bold;
}

a {
    color: #2F669B;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

span.link {
    color: #2F669B;
    text-decoration: underline;
    cursor: pointer;
}

span.link:hover {
    text-decoration: none;
}


.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.noborder { border: 0 !important; }

/******************************************************************************/
/*******************                Header                *********************/
/******************************************************************************/

.es-mobile-title {
    background-color: #5088c7;
    padding: 17px;
    color: #FFF;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: "Courier New", Courier;
}

.es-input-text {padding: 10px 10px !important;}


.home-left {
    width: 512px;
    /* height: 717px; */
    float: left;
}

.home-overflow {
    width: 1698px;
}

.home-slider {
    overflow: hidden;

}

.home-overflow {
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.home-slider img {
    width: 566px;
    float: left;
    display: block;
}

.home-right {
    margin-left: 512px;
    padding: 80px 30px;
}

.home-iphone {
    position: absolute;
    top: 17px;
    left: 15px;
    display: inline-block;
}
.home-android {
    position: absolute;
    top: 7px;
    right: 10px;
    display: inline-block;
}

.home-box {

}

.content-box {

}

#header {
    background: #5088c7;
    height: 50px;
    text-align: right;
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
}

.header_table {
    width: 100%;
    border-collapse: collapse;
}

.header_side {
    width: 420px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 20px;
    color: #FFF;
}

.header_logo {
    width: 120px;
    padding: 5px;
}

.header_logo a img {
    border: none;
}

/******************************************************************************/
/*******************                Notices               *********************/
/******************************************************************************/

#notices-box {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 300px;
    overflow-y: hidden;
    z-index: 1001;
}


/******************************************************************************/
/*******************                Board                 *********************/
/******************************************************************************/

#board {
    margin-bottom: 1px;
}

.board_table {
    width: 100%;
    border-collapse: collapse;
}

.board_td_side {
    width: 220px !important;
}

.board_td_center {
    width: 520px;
}

.board_div_side {
    height: 214px;
    background: #316B31;
    border: 2px solid #353535;
    position: relative;
    font-size: 12px;
    color: #FFF;
}

.board_div_center {
    height: 214px;
    background: #316B31;
    margin: 0 3px;
    border: 2px solid #353535;
    position: relative;
}

.board_header {
    color: #FFF;
    font-family: Times;
    font-style: italic;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    margin: 2px 0 10px 0;
}

.board_info {
    color: #FFF;
    font-size: 11px;
    padding: 0 8px;
    height: 155px;
    overflow: hidden;
}


.board_tab_table {
    width: 204px;
    height: 204px;
    margin: 5px;
}

.board_tab_item {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    cursor: pointer;
}

.board_tab_item.active {
    border-color: rgba(255, 255, 0, 0.5);
    color: #FFFF00;
}

.board_tab_item:hover {
    border-color: #FFFF00;
    color: #FFFF00;
}

.board_tab {
    display: none;
    color: #FFF;
}

.board_hello_div {
    color: #FFF;
    font-size: 11px;
    text-align: justify;
    overflow: hidden;
    height: 140px;
    padding: 0 8px;
}

.board_rss_div {
    color: #FFF;
    font-size: 11px;
    overflow: hidden;
    height: 214px;
    padding: 0 8px;
}

.board_hello_img {
    float: left;
    width: 160px;
    margin-right: 10px;
    display: inline-block;
}

.board_more {
    color: #FFFF00;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
}

.board_more:hover {
    color: #FFF;
}

.board_fixer {
    height: 30px;
    width: 5px;
    background: #373737;
    position: absolute;
    z-index: 10;
}

.board_fixer_lt {
    left: -7px;
    top: 30px;
}

.board_fixer_rt {
    right: -7px;
    top: 30px;
}

.board_fixer_rb {
    right: -7px;
    bottom: 30px;
}

.board_fixer_lb {
    left: -7px;
    bottom: 30px;
}

/******************************************************************************/
/*******************                Sidebar               *********************/
/******************************************************************************/

#sidebar {

}

/******************************************************************************/
/*******************                Footer                *********************/
/******************************************************************************/
/*
#footer-box {
  background: #fff url('../images/grass2.png') repeat-x left bottom;
  height: 125px;
}

#footer {
  padding-top: 81px;
  width: 960px;
  margin: 0 auto;
}
*/

footer {
    background: #6d6d6d;
}

#footer {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 1024px;
    margin: 0 auto;
}



.ftr_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.ftr_table td {
    vertical-align: top;
    text-align: left;
}

.ftr_copyrights {
    color: #FFF;
}

.ftr_table h3 {
    font-weight: bold;
}

.ftr_table b {
    font-weight: bold;
}

.ftr_table .link,
.ftr_table a {
    color: #fff;
    display: block;
    line-height: 25px;
    text-decoration: underline;
}

.ftr_table .link:hover,
.ftr_table a:hover {
    text-decoration: none;
}

.ftr_counters {
    text-align: right;
}

.ftr_counters a img {
    border: none;
}


#wrapper {
    width: 1230px;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
}

/* Header */

header {
    height: 70px;
    padding: 15px 30px;
    background: #ffffff;
    position: fixed;
    top: 0;
    width: 1230px;
    margin: 0 auto;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.1);
    z-index: 999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-menu {
    height: 40px;
}

.nav-submenu {
    opacity: 0;
    visibility: hidden;
    background: #ffffff;
    position: absolute;
    top:39px;
    left:0px;
    padding: 15px 0 5px 0;
    box-shadow: 0 16px 35px -5px rgba(0,0,0,0.3);
    transition: opacity 300ms, visibility 300ms;
    z-index: 1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-submenu > li {
    height: 30px;
    line-height: 30px;
}

.nav-submenu > li > a {
    text-decoration: none;
    color: #888;
    display: block;
    font-weight: 500;
    font-size: 14px;
    padding: 0 30px 0 20px;
    position: relative;
    width: 250px;
}

.nav-submenu > li:hover > a {
    color: #000000;
}

.nav-submenu > li.nav-sep {
    border-top: 1px solid #EEE;
    height: 0;
    margin: 5px 0;
}


.nav-menu ul {
    list-style: none;
}

.nav-menu > ul > li {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    position: relative;
}

.nav-menu > ul > li > a {
    text-decoration: none;
    color: #888;
    display: block;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.nav-menu > ul > li.active > a {
    color: #555;
}


.nav-menu > ul > li:hover > a {
    color: #000000;
}

.nav-menu > ul > li.active > a:before {
    background-color: #585858;
}

.nav-menu > ul > li:hover > a:before {
    background-color: #000000 !important;
}

.nav-menu > ul > li.active > a:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 23px;
    right: 0;
    height: 2px;
}

.nav-menu > ul > li > a > i {
    margin-right: 8px;
}

.nav-menu > ul > li:hover > ul.nav-submenu {
    visibility: visible;
    opacity: 1;
}

.nav-ava {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 34px;
    height: 34px;
    float: left;
    margin: 3px 12px 3px 3px;
}

.nav-cab {
    border: 1px dashed #dcdcdc;
    border-radius: 4px;
    padding-right: 15px;
    cursor: pointer;
}



.nav-auth {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 630px;
    padding: 0 30px;
    text-align: left;
}

.nav-auth .recovery {
    font-size: 12px;
    font-weight: 500;
    color: #AAA;
    text-decoration: none;
}

.nav-auth .recovery:hover {
    text-decoration: underline;
}

.nav-auth .form-group {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
}

.nav-auth .form-group:last-child {
    margin-right: 0;
}

.nav-auth .form-box {
    padding: 20px 0;
    float: right;
}

.nav-auth .form-srch {
    padding: 20px 0;
    float: right;
}

.nav-auth .form-control {
    border: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 300;
    padding: 0 10px;
    color: #333;
}

.nav-auth .form-control::placeholder {
    color: #999;
}

.nav-auth .button {
    font-size: 14px;
    text-transform: uppercase;
    height: 30px;
    border-radius: 15px;
    padding: 0 25px;
    background-color: #2d84b9;
    color: #ffffff;
    border-bottom: 3px solid #195b83;
    outline: none;
}

.nav-auth .button:hover {
    background-color: #3E8FC0;
}


/* Main */
#main {
    background: transparent url(../images/main-smart-bottom.png) left bottom 5px repeat-x;
    flex: auto;
}

.main-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-flow: row wrap;
    justify-content: space-between;
}

.main-home {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 570px;
    margin-bottom: 10px;
    /* border-radius: 4px; */
    /* box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.1); */
    background: transparent url(../images/main-smart-top.png) repeat-x;
}

/* Главная */

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

.main-home .main-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    /* background: #054c77 url(../images/main-smart.png) no-repeat; */
}

.main-home .main-right {
    /* background-color: #f7f7f7; */
    /* border-top-right-radius: 4px; */
    /* border-bottom-right-radius: 4px; */
}

.main-home .main-logo {
    background: url(../images/main-logo.png) no-repeat;
    width: 370px;
    height: 130px;
    margin: 90px auto;
}

.main-home .main-actions {
    background: url(../images/main-actions.png) no-repeat;
    width: 330px;
    height: 205px;
    margin: 0 auto;
}

.main-actions > div {
    color: #FFF;
    margin-left: 60px;
    font-size: 18px;
    line-height: 45px;
    margin-bottom: 35px;
}

.label-form-header {
    color: #FFF;
    font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
}

.main-home .main-right-wrapper {
    width: 370px;
    margin: 50px auto;
}

.main-home .main-right-wrapper .label-date,
.main-home .main-right-wrapper .label-day,
.main-home .main-right-wrapper .label-plan {
    font-size: 15px;
    padding: 3px 0;
    font-weight: 600;
    text-align: center;
    color: #000000;
}

.main-home .main-right-wrapper .label-date {
    color: #cecece;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 10px;
}

.main-home .main-right-wrapper .label-plan {
    color: #ed734f;
}

.main-home .form-control {
    border: 0;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 300;
    padding: 0 15px;
    color: #333;
    border-radius: 4px;
}

.main-home .form-control::placeholder {
    color: #999;
}

.main-home .form-panel {
    margin-top: 15px;
    text-align: right;
}

.main-home .button {
    font-size: 14px;
    text-transform: uppercase;
    height: 43px;
    border-radius: 5px;
    padding: 0 25px;
    background-color: #ed734f;
    color: #ffffff;
    border-bottom: 3px solid #bf4723;
}

.main-home .button:hover {
    background-color: #F98664;
}

.main-home .button.search {
    background-color: #c1c1c1;
    border-bottom: 3px solid #999;
}

.main-home .button.search:hover {
    background-color: #CDCDCD;
}

/* Сайт */

#main .main-t-content {
    width: 100%;
}

#main .main-t-today {
    width: 770px;
}

#main .main-t-graph {
    width: 450px;
}

#main .main-t-left {
    width: 770px;
}

#main .main-t-right {
    width: 450px;
}

#main .main-t-break {
    width: 100%;
}

#main .main-t-bottom {
    width: 100%;
}

/* Footer */

footer {
    width: 100%;
    padding: 30px;
    background-color: #ffffff;
    display: table;
    flex-shrink: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

footer > div {
    display: table-cell;
    vertical-align: top;
}

footer .footer-copy { width: 155px; }
footer .footer-user-1 { width: 200px; }
footer .footer-user-2 { }
footer .footer-price { width: 195px; }
footer .footer-contacts { width: 165px; }
footer .footer-apps { width: 170px; }

footer .footer-logo {
    width: 70px;
    margin: 0 20px 10px 20px;
}

footer .footer-copyright {
    font-size: 12px;
    font-weight: 600;
}

footer .footer-underlogo {
    text-align: center;
    width: 110px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #5088C7;
    font-weight: bold;
}

footer > div > h3 {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
}

footer .nav-foot > ul {
    list-style: none;
}

footer .nav-foot > ul > li > a {
    text-decoration: none;
    color: #666;
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 10px;
}

footer .nav-foot > ul > li:last-child > a {
    margin-bottom: 0;
}

footer .nav-foot > ul > li > a:hover {
    text-decoration: underline;
    color: #333;
}

footer address,
footer .phone,
footer .email {
    color: #666;
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 15px;
    font-style: normal;
    text-decoration: none;
}

footer .email {
    margin-bottom: 0;
}

footer .phone {
    font-size: 16px;
    font-weight: 500;
}

footer .phone:hover,
footer .email:hover {
    text-decoration: underline;
    color: #333;
}

footer .app-android,
footer .app-ios {
    width: 170px;
    height: 55px;
    display: block;
    overflow: hidden;
    position: relative;
}
footer .app-android img {
    position: absolute;
    top: -11px;
    left: -11px;
}


#wrapper .layer-dialog {
    border-radius: 4px;
    background-color: #f7f7f7;
}

#wrapper .layer-dialog .layer-close {
    border-radius: 50%;
}

#wrapper .layer-box-header {
    border-radius: 4px 4px 0 0;
    background-color: #f2efef;
    border-bottom: 0;
}

#wrapper .layer-box-footer {
    border-radius: 0 0 4px 4px ;
    border-top: 0;
}

.layer-dialog .form-control {
    border: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    color: #333;
}

.layer-dialog .form-control[type=file] {
    line-height: 22px;
    padding: 10px 15px;
    height: auto;
}

.layer-dialog textarea.form-control {
    height: 100px;
    line-height: 25px;
}

.layer-dialog .form-control::placeholder {
    color: #999;
    font-weight: 100;
}

.layer-dialog .button {
    font-size: 14px;
    text-transform: uppercase;
    height: 43px;
    border-radius: 5px;
    padding: 0 25px;
    background-color: #2d84b9;
    color: #ffffff;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #195b83;
}

.layer-dialog .button:hover {
    background-color: #3E8FC0;
}

.layer-dialog .button:disabled {
    color: #8a8a8a !important;
    background: #ccc !important;
    cursor: default !important;
    border-bottom-color: #929292;
}






.gtable {
    width: 100%;
    table-layout: auto;
    border: none;
    background: #FFF;
}

.gtable tr {
    background: #F8F8F8;
    font-size: 12px;
}

.gtable tr.even {
    background: #EEE;
}

.gtable tr:hover {
    background: #E4E4E4;
}

.gtable tr:hover td {
    background: #E4E4E4;
}

.gtable th {
    background: #E9E9E9;
    padding: 12px 5px;
    text-align: center;
}

.gtable td {
    padding: 8px 10px;
    word-wrap: break-word;
}

.gtable td.name {
    background: #F0F0F0;
    text-align: right;
}

.gtable a {
    color: #3769A9;
    font-size: 13px;
    text-decoration: underline;
    padding: 5px 0;
}

.gtable a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.gtable.mini td {
    padding: 1px;
    text-align: center;
}

.gtable.mini .form-group {
    margin: 0;
}

#page_template
{
    margin-top: 60px;
    line-height: normal;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#page_template.no-fixed {
    table-layout: auto;
}

.fe-welcome-img {

    max-height: 200px;
    margin: 0 15px 10px 0;
    float: left;
}
.fe-welcome-div {
    padding: 10px;
}

.fe-welcome-div p {
    line-height: 24px;
}

.fe-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 1px;
}

.fe-col-auto {
    width: auto;
}

.fe-col-sep {
    width: 1px;
    background: transparent;
}

.fe-table td {
    padding: 0;
    vertical-align: top;
    position: relative;
}

.fe-title {
    background: #90BDE9;
    margin-bottom: 1px;
    padding: 8px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #424244;
}

.fe-content {
    padding: 10px 10px 20px 10px;
    font-size: 14px;
    text-align: justify;
    line-height: 23px;
    word-break: break-word;
}

@-moz-document url-prefix()
{
    .fe-content {position: relative;}
}

.fe-list {
    margin-left: 15px;
    padding-left: 5px;
}

.fe-more {
    text-align: right;
    font-size: 12px;
    padding: 5px 0;
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width: 100%;
}

.fe-more a {
    margin: 0 12px;
    color: #5083B5;
    font-weight: bold;
    text-decoration: none;
}

.fe-more a:hover {
    text-decoration: underline;
}

.fe-detail {
    margin: 0 12px;
    color: #5083B5;
    font-weight: bold;
    text-decoration: none;
}

.fe-detail:hover {
    text-decoration: underline;
}

.state-table {
    width: 100%;
}

.state-table td {
    width: 50%;
}

.state-more {
    background: #D5E4F2;
    padding: 8px 10px;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    display: block;
    color: #5083B5;
    text-decoration: none;
    font-style: italic;
}

.state-more:hover {
    background: #B8D3EB;
    color: #235F99;
}

.info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1px;
    table-layout: fixed;
}

.info-col-auto {
    width: auto;
    background: #FFF;
}

.info-col-sep {
    width: 1px;
    background: transparent;
}

.info-table td {
    vertical-align: top;
    padding: 0;
    height: 170px;
}

.info-td-note {
    background: #FEFFAC;
    cursor: pointer;
}

.info-td-dar {
    background: #D2FFB5;
    cursor: pointer;
}

.info-td-photo {
    background: #DCEBFA;
    text-align: center;
    cursor: pointer;
}

.info-td-holiday {
    background: #D5F2D5;
    text-align: center;
    cursor: pointer;
}

.info-td-note:hover { background: #FEFF8B; }
.info-td-dar:hover { background: #C3FA9F; }
.info-td-photo:hover { background: #D0E0F0; }
.info-td-holiday:hover { background: #C4ECC4; }

.info-note-head {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    margin: 13px 0 13px 0;
}

.info-note-text {
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px;
    height: 105px;
    overflow: hidden;
    text-align: left;
}

.info-dar-head {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    margin: 13px 0 13px 0;
}

.info-dar-text {
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px;
    height: 105px;
    overflow: hidden;
    text-align: left;
}

.info-photo-head {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    margin: 13px 0 13px 0;
}

.info-photo-box {
    width: 140px;
    margin: 0 auto;
    padding-top: 5px;
    display: block;
    position: relative;
}

.info-photo-desc {
    width: 130px;
    height: 95px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    display: none;
    position: absolute;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    line-height: 16px;
}

.info-td-photo:hover .info-photo-desc,
.info-td-holiday:hover .info-photo-desc {
    display: block;
}

.info-photo {
    width: 140px;
    height: 105px;
}

.note-text {
    font-size: 13px;
    text-align: justify;
    line-height: 20px;
}

.holiday-text {
    padding: 10px 0;
    font-size: 12px;
    text-align: justify;
    overflow-y: auto;
    max-height: 200px;
}

.holiday-pbox {
    text-align: center;
    line-height: 0;
}

.holiday-pbox img {
    width: 480px;
    height: 360px;
}

.pop-content {
    margin-bottom: 1px;
}

.pop-title {
    background: #90BDE9;
    margin-bottom: 1px;
    padding: 8px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #424244;
}

.pop-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1px;

    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #424244;
}

.pop-table td {
    padding: 8px 1px;
    background: #A1CBF5;
    cursor: pointer;
}

.pop-table td.active {
    background: #90BDE9;
}

.pop-table td:hover {
    background: #7DB1E5;
}

.pop-item {
    background: #FFF;
}

.pop-head {
    background: #D5E4F2;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
}

.discuss-head {
    background: #D1D1D1;
    cursor: pointer;
    color: #3c4046;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    display: block;
    text-decoration: none;
    margin-bottom: 1px;
}

.discuss-head:hover {
    background: #BFBFBF;
    color: #222;
}

.pop-count {
    padding: 8px 15px;
    background: #F62D30;
    color: #FFF;
    display: inline-block;
    width: 20px;
    font-size: 13px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.pop-text {
    padding: 10px;
    line-height: 18px;
    font-size: 12px;
    line-height: 20px;
    word-break: break-word;
}

.pop-text a img {
    border: none;
}

.cnoko-title {
    font-weight: bold;
    color: #666;
}

.pop-date {
    color: #999;
    margin-bottom: 5px;
}

.pop-inf {
    color: #008000;
}

.pop-more {
    color: #999;
    text-decoration: none;
    margin-left: 5px;
}

.pop-more:hover {
    text-decoration: underline;
}

.pop-photo {
    width: 100px;
    height: 75px;
    float: left;
    margin-right: 10px;
}

.pop-show {
    background: #D5E4F2;
    text-align: right;
    font-size: 12px;
    padding: 8px 10px;
}

.pop-show a {
    color: #5083B5;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

.pop-show a:hover {
    text-decoration: underline;
}

.pop-new {
    color: #FF0000;
    font-size: 9px;
    position: relative;
    top: -5px;
    left: 3px;
    text-transform: none;
}


.clear {
    clear: both;
}

.lbl_auth {
    display: block;
    padding: 5px;
}

.lbl_auth input {
    width: 120px;
    float: right;
}

hr.green {
    color: rgba(28, 88, 28, 0.5);
    background-color: rgba(28, 88, 28, 0.5);
    border: 0px none;
    height: 1px;
    clear: both;
}


/******************************************************************************/
/*******************           Horizontal menu            *********************/
/******************************************************************************/

#hbox {
    display: block;
    margin: 0 auto;
    width: 1024px;
    text-align: right;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu {
    display: inline-block;
    padding: 0;
    padding-top: 5px;
    border-top: 5px solid #487ab3;
}

.menu > .menu{
    padding-top: 0px;
    border-top: 0;
}

.menu-logo {
    background: url(../images/logo-sonet-new.png) no-repeat;
    background-size: contain;
    height: 35px;
    width: 150px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 8px;
}

.menu li.menu-item {
    float:left;
    padding-left:1px;
    list-style-type: none;
    position: relative;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    /* margin-left: 2px; */
}
.menu li.menu-item a,
.menu li.menu-item span {
    display:block;
    font-size:13px;
    color:#FFF;
    text-decoration:none;
    line-height: 40px;
    height: 35px;
    background-color: #487ab3;
    padding:0 10px;
    margin: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}
.menu > li.menu-item > a,
.menu > li.menu-item > span {
    border-bottom: 5px solid #485f79;
}
.menu > li.has-sub > a,
.menu > li.has-sub > span {
    border-bottom: 5px solid #487ab3;
}

.menu li.menu-item.active {
    background: rgba(0,0,0,0.1);
}
.menu li.menu-item:hover {
    background: rgba(0,0,0,0.15);
}

.menu li.menu-item a:hover  {
    color: #333;
}

.menu li.menu-item:hover > a  {
    color: #333;
}

.menu > li.menu-item:hover:before  {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    height: 5px;
    width: 100%;
    background-image: linear-gradient(to right, #5088c7, #FFFFFF);
}

.menu span.sep {
    height: 15px !important;
}

.submenu {
    position: absolute;
    background: rgb(72, 122, 179);
    top: 39px;
    padding: 10px;
    left: 0px;
    display: none;
    list-style-type: none;
    margin: 0 !important;
    padding: 10px !important;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    z-index: 25;
}

.submenu li {
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
}

.submenu li a {
    display: block;
    padding: 0px 10px !important;
    width: 180px;
    line-height: 25px !important;
    height: 25px !important;
    margin: 0 !important;
}


.submenu li a:hover {

}

.back-button {
    background: #5692d6;
}
.back-button span {
    color: #e07a7a;
    cursor: pointer;
    font-size: 14px !important;
}

.back-button span:hover {
    color: #F58665 !important;
}

.up-button {
    background: #3B6FA3;
    visibility: hidden;
}

.up-button:hover {
    background: #5782AD !important;
    visibility: visible;
}

/******************************************************************************/
/*******************               Head-line              *********************/
/******************************************************************************/

.head-line {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    border-collapse: collapse;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #FFF;
    margin-bottom: 1px;

}

.head-line td {
    padding: 5px;
    height: 22px;
    line-height: normal;
    vertical-align: middle;
    border: none;
}

.head-text {
    padding: 0px !important;
    background: #CCC;
}

.head-text:hover { background: #B7B7B7;}
.head-text:hover a { color: #222;}

.head-text a {

    text-decoration: none;
    color: #444;
    padding: 5px 0px !important;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
}

.head-runline {
    width: 380px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 3px !important;
    font-size: 12px;
    line-height: 18px;
    background: #EEE;
}

.head-runline a {
    color: #444;
    margin: 0 80px 0 20px;
}

.head-runline a:hover {
    text-decoration: none;
}

.head-weather {
    position: relative;
    text-align: center;
    background: #CCC;
    color: #444;
    vertical-align: middle;
}

.head-weather:hover {
    background: #FFF;
}

/******************************************************************************/
/*******************                Weather               *********************/
/******************************************************************************/

.wth_l_icon {
    vertical-align: middle;
    height: 22px;
}

.wth_l_temp {
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    font-style: italic;
}

#wth_city {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

#wth_city span.city {
    margin-left: 2px;
    border-bottom: 1px dashed #444;
    font-style: italic;
}

#wth_city span.city:hover {
    border-bottom: 1px dashed #0000DA;
    color: #0000DA;
}

#wth_city_list {
    background: #FFF;
    position: absolute;
    padding: 0 0 15px 0;
    z-index: 99;
    display: none;
    right: 0;
    top: 0;
    width: 270px;
    border: 1px solid #CCC;
    border-top: 0;
    text-align: center;
    z-index: 1001;
}

#wth_city_list_head {
    font-weight: bold;
    padding: 5px;
    line-height: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
}

.wth_city_item {
    display: inline-block;
    width: 120px;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

#wth_light {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

#wth_full {
    background: #FFF;
    position: absolute;
    z-index: 99;
    display: none;
    right: 0;
    top: 30px;
    color: #444;
    width: 300px;
    cursor: default;
    text-align: left;
    line-height: normal;
    z-index: 1002;

    -webkit-box-shadow: -3px 3px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    -3px 3px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         -3px 3px 2px 0px rgba(0, 0, 0, 0.25);
}

#wth_full a {
    color: #4D4D4D;
}

#wth_full p {
    margin: 0;
    padding: 3px 10px;
    font-size: 12px;
}

.wth_full_head {
    font-weight: bold;
    padding: 5px 5px 8px 10px;
    line-height: 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid #DDD;
    text-align: left;
    font-size: 13px;
}

noindex:-o-prefocus, .wth_full_head { line-height : 19px; }
@-moz-document url-prefix() {
    .wth_full_head {
        line-height : 19px;
    }
}

.wth_step_next,
.wth_step_prev {
    float: right;
    margin: 0 4px 0 0;
    cursor: pointer;
    font-size: 12px;
    color: #666;
}

.wth_step_next:hover,
.wth_step_prev:hover {
    color: #222;
}

.wth_info {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
}

.wth_icon {
    float: left;
    width: 90px;
    margin-right: 10px;
}

.wth_temp {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
}

.wth_desc {
    font-weight: normal;
}


.wth_falls {
    font-size: 13px;
    line-height: 18px;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    text-align: right;
}

.wth_location {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px;
    font-weight: normal;
    text-align: right;
}

.wth_add {
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    padding-bottom: 8px;
}

.wth_title {
    color: #555;
    font-weight: normal;
}

.wth_rp5 {
    padding: 0 10px 10px 10px;
    text-align: right;
}



/******************************************************************************/
/*******************               Layer-box              *********************/
/******************************************************************************/

.layer-box {
    display: none;
    position: fixed;
    background: #FFF;
    width: 400px;
    z-index: 2000;
    /* border-radius: 4px; */
    padding: 10px;
}
.layer-box.loading:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3) url(../images/spin-mobile.svg) no-repeat center center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2001;
    border-radius: 4px;
}


.layer-box.progress:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2001;
    border-radius: 4px;
}


.layer-box .layer-close {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: none;
    /* border-radius: 50%; */
    display: block;
    background: #CCC url('../images/icons/16/rclose.png') center center no-repeat;
}

.layer-box .layer-close.active,
.layer-box .layer-close:hover {
    background-color: #555;
}

.layer-box-title {
    font-size: 16px;
    padding: 5px 0 0 5px;
    word-wrap: break-word;
}

.layer-box-header {
    font-size: 15px;
    padding: 15px;
    line-height: 20px;
    border-bottom: 1px solid #DDD;
    word-wrap: break-word;
    background-color: #F7F7F7;
    /* border-radius: 4px 4px 0 0; */
}

.layer-box-toolbar {
    padding: 20px 20px 0 20px;
}

.layer-box.inform {
    background-color: #85b1f7;
    color: #FFF;
}

.layer-box.error {
    background-color: #e48e8e;
    color: #FFF;
}

.layer-progress-box {
    left: 0;
    right: 0;
    width: 150px;
    height: 25px;
    box-sizing: border-box;
    margin: auto;
    top: 0;
    bottom: 0;
    background: #FFF;
    position: absolute;
    z-index: 2002;
    border-radius: 4px;
    border: 1px solid #ffffff;

}


.layer-progress-val {
    width: 100%;
    height: 23px;
    line-height: 23px;
    z-index: 2004;
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 0px 4px #ffffff;
    position: absolute;
}

.layer-progress-line {
    background: #cccccc;
    width: 0%;
    height: 23px;
    box-sizing: border-box;
    z-index: 2003;
    border-radius: 4px;
}

.inform .layer-box-header{
    background-color: #78a0e0;
    border-color: #78a0e0;
    color: #FFF;
}

.error .layer-box-header {
    background-color: #d08787;
    border-color: #d08787;
    color: #FFF;
}

.layer-box-text {
    margin: 10px 5px 10px 5px;
    padding: 5px;
    font-size: 14px;
    text-align: justify;
}

.layer-box-body {
    font-size: 14px;
    overflow-y: auto;
    max-height: 400px;
}

.layer-box-body.padding {
    padding: 10px;
}

.layer-box.loading .layer-box-body {
    /* height: 100px; */
}


.layer-box-scroll {
    height: 400px;
    overflow-y: auto;
}

.layer-box-footer {
    padding: 10px;
    border-top: 1px solid #DDD;
    background-color: #F7F7F7;
    border-radius: 0 0 4px 4px;
    line-height: 20px;
}

.layer-box-footer:after {
    content: '';
    clear: both;
    display: block;
}

.layer-box-body ul,
.layer-box-text ul {
    margin-left: 15px;
}

.layer-box-body ul.tag-editor {
    margin-left: 0px;
}


.layer-close {
    cursor: pointer;
    float: right;
}

.layer-back {
    width: 100%;
    height: 1080px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    z-index: 1000;
}

.layer-dialog {
    padding: 0;
}

.layer-dialog .layer-close {
    float: right;
    margin-right: 13px;
    margin-top: 13px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: none;
    /* border-radius: 50%; */
    display: block;
    background: #CCC url('../images/icons/16/rclose.png') center center no-repeat;
}

.inform .layer-close {
    background-color: #7399D7;
}

.error .layer-close {
    background-color: #C78181;
}

.layer-dialog .layer-close.active,
.layer-dialog .layer-close:hover {
    background-color: #6A91D1;
}

.inform .layer-close.active,
.error .layer-close:hover {
    background-color: #C26A6A;
}

/* Сообщение */

.smessage {
    background: #FFF;
    padding: 150px 15px;
    text-align: center;
    font-size: 13px;
}

.wmessage {
    padding: 15px;
    text-align: center;
    font-size: 13px;
}

/******************************************************************************/
/*******************             ЗАГОЛОВКИ             ************************/
/******************************************************************************/

h2.title,
h2.ntitle,
h2.ctitle {
    padding: 0px 10px;
    line-height: 50px;
    height: 50px;
    font-weight: bold;
    text-align: left;
    color: #777;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #EEE;
    box-sizing: border-box;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;

}


h2.ntitle a.link-my,
h2.ntitle span.link-my {
    color: #FFF;
    text-decoration: none;
    font-size: 13px !important;
}

h2.title a {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    /* float: right; */
    font-size: 14px;
    font-weight: bold;
    color: rgba(0,0,0,0.4) !important;
    text-decoration: underline;
    cursor: pointer;
}

h2.title a.atitle {
    font-size: 14px;
    float: none;
}

h2.title a.xx-tbutton,
h2.ntitle a.xx-tbutton,
h2.ctitle a.xx-tbutton {
    float: none;
}

.title-text {
    font-weight: bold;
    text-align: left;
    color: #777;
    font-size: 14px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

h2.title a:hover,
h2.title span:hover {
    text-decoration: none;
}


h2.ctitle a {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    right: 10px;
    top: 7px;
    color: #FFF;
}


h3.title {
    background: #EEE;
    margin-bottom: 1px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #666;
}


/******************************************************************************/
/*******************                   ДРУГОЕ             *********************/
/******************************************************************************/


.button-panel {
    padding: 15px;
    text-align: center;
}

.button-panel-left {
    padding: 0 15px 15px 15px;
    text-align: left;
}

.button-panel-right {
    padding: 0 15px 15px 15px;
    text-align: right;
}




.captcha {
    border: 1px solid #CCC;
    margin-top: 2px;
}

.recaptcha {
    font-size: 12px;
    color: #666;
    cursor: pointer;
    text-decoration: underline;
}

.recaptcha:hover {
    text-decoration: none;
}

.block-box {
    background: #fff;
    margin: 0px 0px 10px 0px;
    position: relative;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1);
    border-radius: 4px;
}

.block-box.box-simple {
    border: none;
}

.block-box.loading:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(200,206,216,0.5) url('../images/spin.gif') no-repeat center center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 7;
    border-radius: 4px;
}

/*
.block-box {
    border-top: 3px solid #8a95cc;
}
*/
.high-box {
    min-height: 300px;
}

.button,
.submit {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #DDD;
    border: 1px solid transparent;
    /* border-radius: 4px; */
    text-decoration: none;
    color: rgba(0,0,0,0.5);
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.button .fa,
.submit .fa {
    color: rgba(0,0,0,0.5);
}

.button:hover .fa,
.submit:hover .fa {
    color: rgba(255,255,255,0.7);
}

.button-line {
    display: block;
}


.button.line {
    display: block;
    margin: 1px 0;
}

.button.bt-orange {
    color: #FFF;
    background-color: #f39c12;
}

.button.bt-green {
    color: #FFF;
    background-color: #00a65a;
}

.button.bt-blue {
    color: #FFF;
    background-color: #4287C9;
}

.button:disabled,
.submit:disabled {
    color: #AAA !important;
    background: #EEE !important;
    cursor: default !important;
}

.button:hover,
.submit:hover {
    background-color: #909DB1;
    color: #FFF;
}

.bt-orange:hover {
    background-color: #db8b0b;
}

.bt-green:hover {
    background-color: #008d4c;
}

.button.active {
    border: 1px solid #666;
    color: #444;
}
.avatar-user-mbox {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    float: left;
}

.avatar-user-box {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 0 auto;
}

.avatar-user-name {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.avatar-user-name b {
    font-weight: bold;
}

.loader {
    background: url('../images/spin.gif') no-repeat center center;
    height: 200px;
}

.mloader {
    background: url('../images/spin.gif') no-repeat center center;
    height: 100px;
}

.zloader {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 12;
}


.clearfix {
    clear: both;
}

.no-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


.ph-block {
    padding: 15px;
    background: #b8e1ef;
    border: 1px solid #ABD2DE;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ph-block:last-child {
    margin-bottom: 0;
}

.xx-title {
    padding: 10px 12px;
    color: #777;
    font-weight: bold;
    font-size: 14px;
}

.xx-link {
    color: #777;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px dashed #999;
}

.xx-link:hover {
    border-color: transparent;
}

.xx-nodata {
    text-align: left;
    font-size: 12px;
    padding: 8px 7px;
    color: #777;
    line-height: 14px;
}

.home-line {
    font-size: 14px;
    line-height: 25px;
    padding: 5px 0;
    color: rgba(0,0,0,0.7);
    text-shadow: 0px 0px 2px rgb(255,255,255);
}

.home-line i {
    color: rgba(0,0,0,0.5);
}

.home-copy,
.home-link {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    color: rgba(255,0,0,0.7);
}

.home-copy {
    color: rgba(0,0,0,0.3);
    font-size: 10px;
    float: left;
}

.home-copy,
.home-link:hover {
    text-decoration: none;
}

.user-restore {
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    display: inline-block;
    float: left;
    color: #888;
    text-decoration: underline;
    cursor: pointer;
}

.user-restore:hover {
    text-decoration: none;
}


/* Просмотр */

.doc-box {
    padding: 20px;
    background: #FFF;
    min-height: 300px;
}

.doc-title {
    margin: 10px 20px;
    font-size: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

.doc-view {
    text-align: justify;
    min-height: 200px;
    max-width: 920px;
    overflow: hidden;
}

.doc-view table,
.doc-view img {
    max-width: 920px;
}


.block-box.promo-box {
    position: relative;
    background: none;
}

.block-box.promo-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    z-index: -1;
    background-repeat: no-repeat;
}

.block-box.promo-box-menu:before { background-image:  url(../images/background-promo-menu.jpeg); }
.block-box.promo-box-content:before { background-image:  url(../images/background-promo-content.jpeg); }

.block-box.promo-box-1:before { background-image:  url(../images/background-promo-1.jpeg); }
.block-box.promo-box-2:before { background-image:  url(../images/background-promo-2.jpeg); }


.promo-text {
    padding: 15px;
}

.promo-text-dialog {
    padding: 15px 25px 15px 15px;
    color: rgba(0,0,0,0.6);
}

.promo-text-dialog p,
.promo-text p {
    line-height: 25px;
    font-size: 14px;
    text-indent: 20px;
    margin-bottom: 5px;
    text-align: justify;
}

.promt-body {
    padding: 5px 15px;
    text-align: justify;
    line-height: 20px !important;
    max-height: 95px;
    font-size: 12px !important;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.promt-text {
    text-align: justify;
    line-height: 25px;
}



/* Cabinet */



.box-simplebar {
    padding: 15px 25px 15px 15px;
}

.cabinet-box {
    background: #FFF;
    padding: 15px;
    font-size: 13px;
}

.anketa-box {
    background: #FFF;
    padding: 15px;
    font-size: 13px;
}

.cabinet-home-box {

}

.dashboard-first,
.dashboard-second {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.dashboard-first td,
.dashboard-second td {
    vertical-align: top;
}

.dashboard-col-auto {
    width: auto;
}

.dashboard-col-sep {
    width: 6px;
    background: transparent;
}

.dashboard-title {
    background: #D5E4F2;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
}




/* Notice messages table */

.nm_table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
}

.nm_table tr {
    background: #F8F8F8;
    font-size: 12px;
}

.nm_table tr.even {
    background: #EEE;
}

.nm_table tr:hover {
    background: #E4E4E4;
}

.nm_td_box {
    width: 26px;
    padding: 8px 5px;
    text-align: center;

}

.nm_td_sys {
    padding: 8px 5px 8px 0;
}

.nm_date {
    font-weight: bold;
    margin-bottom: 5px;
}

.nm_author {
    font-weight: normal;
    margin-bottom: 5px;
    font-style: italic;
}

/* Notice table */

.ntc_table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
}

.ntc_table tr {
    background: #EEE;
    font-size: 12px;
}

.ntc_table tr.even {
    background: #FFF;
}

.ntc_table tr:hover {
    background: #E4E4E4;
}

.ntc_td_box {
    width: 26px;
    padding: 8px 5px;
    text-align: center;
    vertical-align: top;
}

.ntc_td_sys {
    padding: 8px 5px 8px 0;
}

.ntc_date {
    font-weight: bold;
    margin-bottom: 5px;
}

.ntc_author {
    font-weight: normal;
    margin-bottom: 5px;
    font-style: italic;
}close

     /* Messages viwe */

 .msg_info {
     margin-bottom: 10px;
     line-height: 18px;
 }

.msg_text {
    line-height: 20px;
    font-size: 14px;
    padding: 10px;
    background: #EEE;
}

/* Anketa */

.an_item {
    padding: 8px 10px;
    background: #F8F8F8;
}

.an_item.even {
    background: #EEE;
}

.an_item:hover {
    background: #E4E4E4;
}

.anf_item {
    font-size: 13px;
    padding: 10px 10px;
    background: #EEE;
}

.anf_item.even {
    background: #FFF;
}

.anf_item:hover {
    background: #E4E4E4;
}


/* Softtable */

.soft_table {
    width: 100%;
    table-layout: auto;
    border: none;
}

.soft_table tr {
    background: #F8F8F8;
    font-size: 12px;
}

.soft_table tr.even {
    background: #EEE;
}

.soft_table tr:hover {
    background: #E4E4E4;
}

.soft_table th {
    background: #E9E9E9;
    padding: 15px 5px;
    text-align: center;
}

.soft_table td {
    padding: 8px 10px;
}



.soft_date {
    font-weight: bold;
    margin-bottom: 5px;
}

.soft_author {
    font-weight: normal;
    margin-bottom: 5px;
    font-style: italic;
}

/* no data */

p.no_data {
    padding: 20px 10px;
    text-align: center;
    margin: 0 !important;
}

/* bbox */

.td_max_h {
    background: #F8F8F8;
    min-height: 150px;
}



.title-in-gray {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-transform: uppercase;
    background: #E1E1E1;
    height: 21px;
    margin: 0 0 1px 0;
    line-height: 20px;
}

.content-in-gray {
    border: 1px solid #CCC;
    padding: 10px;
}

.link-in-gray {
    float: right;
    font-weight: normal;
    font-size: 13px;
    color: #333;
    text-transform: none;
}


table.cab_dashboard td {
    vertical-align: top;
}


.bbox {
    font-size: 12px;
    background: #FFF;
    line-height: normal;
}

.org_card {
    border-collapse: collapse;
    width: 100%;
}

.org_card td {
    padding: 5px;
    border: 1px solid #EEE;
}

.org_card th {
    padding: 5px;
    text-align: center;
    border: 1px solid #EEE;
    background: #DDD;
    font-size: 14px;
}

.org_card tr:hover td {
    color: #222;
    background: #EEE;
}


/* Поиск пользователей */

.user_search_panel {
    padding: 7px 10px;
    background: #f3f3f3;
}

#user_login {
    padding: 7px;
    font-size: 13px;
    border: 1px solid #CCC;
    color: #666;
    border-radius: 4px;
    width: 320px;
    float: left;
    margin-right: 5px;
}

.users-box {
    min-height: 50px;
    max-height: 280px;
    overflow-y: auto;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.user-list-mini .users-box {
    max-height: 140px;
}

.users-box .no-data{
    text-align: center;
    padding-top: 120px;
    color: #888;
}

.extra-body textarea.form-control {
    padding-right: 30px;
    height: 70px;
}

.stage-body textarea.form-control {
    padding-right: 30px;
    resize: none;
    height: 32px;
    overflow: hidden;
}


.mode-box {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #EEE;
    border-radius: 0 0 4px 4px;
}

.user-item {
    clear: both;
    padding: 6px 8px;
    font-weight: normal;
    cursor: pointer;
    color: #555;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EEE;
    display: block;
    text-decoration: none;
}

a.user-item {
    cursor: pointer;
}

.user-item:last-child {
    border-bottom: none;
}

.user-selected:hover,
.user-item:hover {
    background: #F8F8F8;
}
.user-selected img,
.user-item img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
}

.users_list tr.odd td {
    background: #EEE;
}

.user-selected {
    clear: both;
    padding: 6px 8px;
    font-weight: normal;
    cursor: pointer;
    color: #555;
    height: 50px;
    line-height: 50px;
    display: block;
    text-decoration: none;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.user-selected.readonly {
    background-color: #F5F5F5;
    border: none;
    cursor: default;
}

.user-selected.not {
    color: rgba(0,0,0,0.3);
}

.user-static {
    background: #F5F5F5;
    border-radius: 4px;
    margin-bottom: 1px;
    cursor: default;
    border-bottom: 1px solid #EEE;
}

.user-static:hover {
    background: #EEEEEE;
}

.avatar-item {
    clear: both;
    padding: 10px;
    min-height: 60px;
    border-bottom: 1px solid #EEE;
    display: block;
}

.avatar-item:last-child {
    border-bottom: 0;
}

.avatar-item img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 30px;
}

.avatar-text {
    margin-left: 70px;
}

.avatar-profile {
    width: 60px;
    height: 60px;
    border-radius: 4px;
}

.avatar-process {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-right: 10px;
}

input:disabled,
textarea:disabled {
    background: #EEE;
}

.text-limited {
    max-height: 100px;
    overflow-y: auto;
    background: #F5F5F5;
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 25px;
    border-bottom: 1px solid #EEE;
}

.text-limited-white {
    max-height: 100px;
    overflow-y: auto;
    padding: 0;
    border-radius: 4px;
    line-height: 25px;
}

.text-unlimited {
    display: block;
    background: #F5F5F5;
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 25px;
    border-bottom: 1px solid #EEE;
}

.text-limited:hover,
.text-unlimited:hover {
    background: #EEEEEE;
}

.text-unlimited a {
    font-size: 13px !important;
}

.popup-messages {
    display: none;
}


/* Части */

.xx-head {
    background: #c8ced8;
    margin-bottom: 3px;
    line-height: 38px;
    font-size: 13px;
    padding: 0px 10px;
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    position: relative;
    border-radius: 4px;
}


.part-head {
    background: #c8ced8;
    margin-bottom: 3px;
    line-height: 22px;
    font-size: 13px;
    padding: 8px 10px;
    color: rgba(0,0,0,0.5);
    position: relative;
    border-radius: 4px;
    font-weight: bold !important;
}


.part-head a {
    font-size: 13px !important;
}

.part-head a.hlink {
    font-size: 14px !important;
    color: #FFF !important;
}

.part-head .link-add,
.part-head .link-my {
    color: rgba(0,0,0,0.5) !important;
    border-bottom: 1px dashed rgba(0,0,0,0.5) !important;
    font-size: 13px !important;
}

.part-item {
    background: #F5F5F5;
    margin-bottom: 3px;
    line-height: 20px;
    font-size: 13px;
    border-bottom: 1px solid #EEE;
    border-radius: 4px;
}

.part-name {
    display: block;
    padding: 7px 10px;
    background: #EEE;
    border-radius: 4px 4px 0 0;
}

.part-name a {
    font-size: 13px !important;
}


.part-meta {
    display: block;
    padding: 5px 10px;
    color: #666;
}

.part-meta:last-child {
    border-radius: 0 0 4px 4px ;
}

/* Иконки действией */

.action-complete,
.action-delete {
    width: 40px;
    margin: 0 auto;
    height: 40px;
    display: block;
    background: url(./../images/action-complete.png) center center no-repeat;
    opacity: 0.3;
}

.action-delete {
    background-image: url(../images/action-delete.png);
}

.proc-time:hover .action-complete,
.proc-time:hover .action-delete {
    opacity: 0.5;
}

.action-complete.active,
.action-delete.active {
    opacity: 0.3 !important;
}

/* Уведомления */

.pnotice {
    margin: 5px;
    background: rgba(0,0,0,0.7);
    margin-bottom: 3px;
    line-height: 20px;
    color: #FFF;
    font-size: 13px;
    box-shadow: 1px 2px 2px rgba(0,0,0,.14);
    z-index: 2;
    display: none;
}

.pnotice-title {
    display: block;
    padding: 7px 10px;
    font-weight: bold;
    font-size: 12px;
    background: rgba(0,0,0,0.2);
}

.pnotice-text {
    display: block;
    padding: 10px 10px;
}

.pnotice-text ul {
    list-style: none;
}

.pnotice-close {
    float: right;
    margin-right: 10px;
    margin-top: 9px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    background: transparent url('../images/notice-close.png') center center no-repeat;
}

.pnotice-close:hover {
    background-color: #555;
}

#process-body,
#accept-body,
#finish-body,
#notice-body {
    position: relative;
}

#ilist-new,
#control-new,
#process-new,
#resources-new,
#memo-new,
#cmemo-new,
#event-new,
#accept-new,
#waccept-new,
#credit-new,
#finish-new,
#pnotice-new,
#notice-new {
    float: right;
    color: yellow;
}

/* Data table */

.dtable, .itable {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    margin: 4px 0 4px 0;
}

.dtable td,
.dtable th {
    padding: 10px;
}

.itable td,
.itable th {
    padding: 0px 16px !important;
}

table.block td .dtable td {
    padding: 7px !important;
}

.itable th,
.dtable th {
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #EEE;
}

.itable tr:nth-child(2n),
.dtable tr:nth-child(2n) {
    background-color: #F7F7F7;
}

.itable tr,
.dtable tr {
    border-bottom: 1px solid #F0F0F0;
}

.itable tr:hover,
.dtable tr:hover {
    background-color: #F0F0F0;
}


/* Icons */

i.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.message-read { background: url('../images/message-read.png') center center no-repeat; }
.message-unread { background: url('../images/message__unread.png') center center no-repeat; }

/* Режимы */

.mode-menu {
    padding: 0;
}

.mode-item {
    clear: both;
    padding: 12px 10px;
    border-bottom: 1px solid #EEE;
    display: block;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    position: relative;
}

.mode-item:last-child {
    border-bottom: 0;
}

.mode-item:hover {
    background-color: #F7F7F7;
}


.mode-item.active:before,
.mode-item.active:after {
    border-right: 1px solid;
    content: '';
    display: block;
    height: 6px;
    margin-top: -5px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    top: 50%;
}

.mode-item.active:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mode-search {
    padding: 8px 10px !important;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    width: 240px;
    border-radius: 4px;
    padding: 4px;
    color: #555;
}

/* Timeline */

.time-scale-legend,
.time-scale {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.time-scale-legend {
    width: 675px;
    position: absolute;
    left: -14px;
}

.time-scale-dot {
    position: absolute;
    top: -5px;
    height: 15px;
    width: 2px;
    background: #F00;
}

.time-scale-legend td {
    text-align: center;
    color: #666;
}

.time-scale-box {
    position: relative;
}


.time-scale tr:first-child td {
    border: 1px solid #AAA;
    border-top: 0;
    height: 2px;
}

.time-scale tr:last-child td {
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    height: 2px;
}

.tl-box {
    position: relative;
    height: 20px;
    background-color: #F5F5F5;
    margin-bottom: 1px;
}

.tl-none,
.tl-item {
    position: absolute;
    top: 0px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    color: rgba(0,0,0,0.5);
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.tl-none {
    width: 100%;
}

.tl-head {
    font-size: 11px;
    background: #F5F5F5;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.notice-icon-box {
    margin: 0 0px;
    display: inline-block;
    border-radius: 50%;
    padding: 0px 2px;
    cursor: default;
    position: relative;
}

.notice-icon-box:hover {
    background: #EEE;
}

.notice-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    float: left;
    font-size: 10px;
    opacity: .8;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 0 0;
}

.notice-icon-box:hover .notice-icon {
    opacity: .9;
}

.notice-accept { background-image: url(../images/notice/accept.png); }
.notice-action { background-image: url(../images/notice/action.png); }
.notice-event { background-image: url(../images/notice/event.png); }
.notice-process { background-image: url(../images/notice/process.png); }
.notice-task { background-image: url(../images/notice/task.png); }

.notice-icon-box span {
    font-size: 13px;
    line-height: 20px;
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #929292;
    color: #FFF;
    right: 0;
    bottom: 0;
    font-weight: bold;
    border: 2px solid #FFF;
}

.box-period {
    padding: 10px;
    background: #EEE;
    font-size: 15px;
    color: #555;
}

.menu-big {
    border-bottom: 1px solid #EEE;
}

.menu-big a {
    font-size: 15px;
    padding: 15px 10px;
}


.mode-select {
    padding: 8px 10px !important;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    width: 258px;
    border-radius: 4px;
    padding: 4px;
    color: #555;
}




.ns-item.checked .ns-item-btitle {
    text-decoration: line-through;
}

.ns-item-btitle {
    font-size: 13px;
    color: rgba(0,0,0,0.7);
}

.ns-item-when {
    font-size: 11px;
    color: rgba(0,0,0,0.4);
}

.ns-item-username {
    font-size: 13px;
    color: rgba(0,0,0,0.7);
    line-height: 58px;
}

.ns-item-messcount {
    font-size: 11px;
    color: rgba(0,0,0,0.5);
    float: right;
    line-height: 58px;
}

.ns-item-desc {
    font-size: 15px;
    color: rgba(0,0,0,0.6);
    display: block;
}

.ns-item-what {
    font-size: 13px;
    color: rgba(0,0,0,0.5);
    display: block;
    text-indent: -10px;
    padding-left: 20px;
}

.ns-item-desc-2 {
    font-size: 11px;
    color: rgba(0,0,0,0.6);
    display: block;
}

.ns-item-date {
    font-size: 10px;
    color: rgba(0,0,0,0.5);
}

.ns-item-author {
    font-size: 10px;
    float: right;
    color: rgba(0,0,0,0.5);
}

.ns-item-ndate {
    font-size: 15px;
    float: right;
    color: rgba(0,0,0,0.5);
}

.ns-item-meta {
    font-size: 11px;
    line-height: 14px;
    color: rgba(0,0,0,0.5);
    display: block;
}




.task-list-add {
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

.task-list-add:hover {
    text-decoration: none;
}

.task-list-item {
    margin: 10px 0;
    padding: 0 35px 0 35px;
    background: url(../images/icheck-checked.png) no-repeat 5px 5px;
    position: relative;
}

.task-list-item.controls {
    margin: 10px 0;
    padding: 0 90px 0 35px;
    background: url(../images/icheck-checked.png) no-repeat 5px 5px;
    position: relative;
}

.task-list-item.checkable {
    background: none;
    padding-left: 35px;
}

.task-list-item.checkable .task-list-text{
    cursor: pointer;
}

.task-list-item.checkable .icheckbox_flat-blue {
    position: absolute;
    top: 5px;
    left: 5px;
}

.task-list-checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
}

.stask-list-close,
.stask-list-up,
.stask-list-down,
.task-list-close,
.task-list-up,
.task-list-down {
    position: absolute;
    right: 5px;
    top: 3px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: none;
    border-radius: 50%;
    display: block;
    background: #DDD url('../images/icons/16/rclose.png') center center no-repeat;
}

.section-list-list { background-image: url('../images/icons/16/slist.png'); }
.prepare-list-repeat { background-image: url('../images/icons/16/repeat.png'); }
.stikovka-list-close { background-image: url('../images/icons/16/rclose.png'); }
.prepare-list-close { background-image: url('../images/icons/16/rclose.png'); }
.member-list-close { background-image: url('../images/icons/16/rclose.png'); }
.lmember-list-close { background-image: url('../images/icons/16/rclose.png'); }
.task-list-close { background-image: url('../images/icons/16/rclose.png'); }
.task-list-up { background-image: url('../images/icons/16/rup.png'); right: 57px; }
.task-list-down { background-image: url('../images/icons/16/rdown.png'); right: 31px; }
.stask-list-close { background-image: url('../images/icons/16/rclose.png'); }
.stask-list-up { background-image: url('../images/icons/16/rup.png'); right: 57px; }
.stask-list-down { background-image: url('../images/icons/16/rdown.png'); right: 31px; }


.prepare-list-repeat:hover,
.prepare-list-close:hover,
.stikovka-list-close:hover,
.member-list-close:hover,
.lmember-list-close:hover,
.task-list-close:hover,
.task-list-up:hover,
.task-list-down:hover,
.stask-list-close:hover,
.stask-list-up:hover,
.stask-list-down:hover {
    background-color: #AAA;
}


.task-list-text {
    display: block;
    padding: 7px;
    width: 100%;
    color: #666;
    box-sizing: border-box;
    border: 0;
    background: #efefef;
    border-radius: 4px;
}

div.task-list-text {
    min-height: 32px;
}

.task-list-save {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    float: right;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
    display: none;
}

.task-list-save:hover {
    text-decoration: none;
}

.link-in-title {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    float: right;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
}

.link-in-title:hover {
    text-decoration: none;
}

.link-add,
.link-my {
    margin-left: 10px;
    cursor: pointer;
    float: right;
    border-bottom: 1px dashed #888 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    color: #888 !important;
}


.link-add .fa,
.link-my .fa {
    font-size: 0.9em;
}

.link-add:hover,
.link-my:hover {
    border-color: transparent !important;
}

.documents-toggle:before,
.options-toggle:before,
.members-toggle:before,
.resource-toggle:before,
.contacts-toggle:before {
    content: "\2193";
    font-size: 12px;
    margin-right: 5px;
    font-weight: bold;
    border-color: transparent;
}


.part-head .popup-link:before { content: "\2630"; font-size: 12px; margin-right: 5px; }
.link-add.update:before { content: "\21BB"; font-size: 12px; margin-right: 5px;}
.link-add.save:before { content: "\2714"; font-size: 12px; margin-right: 5px;}
.link-add.plus:before { content: "\002B"; font-size: 12px; margin-right: 5px; font-weight: bold; border-color: transparent;}
.link-add.hide:before { content: "\2191"; }

.toggle-link:before {
    content: "\2193";
    font-size: 12px;
    margin-right: 5px;
    font-weight: bold;
    border-color: transparent;
}
.toggle-link.visible:before { content: "\2191"; }

.link-my {
    cursor: pointer;
    border-bottom: 1px dashed #FFF;
    text-decoration: none !important;
    font-size: 13px !important;
}

.link-my:hover,
.link-add:hover {
    border-bottom-color: transparent !important;
}

.ctable {
    width: 100%;
}
.ctable td {
    padding: 0;
}
.ctable .ctable-td {
    padding: 8px 10px;
    text-align: center;
    position: relative;
    display: block;
    text-decoration: none;
}

.ctable-task .ctable-td { color: #FFF; }
.ctable-process .ctable-td { color: #666; }
.ctable-action .ctable-td { color: #666; }
.ctable-event .ctable-td { color: #333; }
.ctable-resource .ctable-td { color: #666; }
.ctable-notebook .ctable-td { color: #666; }
.ctable-sticker .ctable-td { color: #666; }
.ctable-list .ctable-td { color: #666; }
.ctable-notice .ctable-td { color: #666; }
.ctable-none .ctable-td { color: #666; }

.ctable i {
    font-size: 7px;
    font-style: normal;
    display: block;
}

.ctable-task td {
    background: #448FD7;
    border: 1px solid #3D81C2;
}

.ctable-process td  {
    background: #eaea7b;
    border: 1px solid #D9D972;
}

.ctable-action td {
    background: #B5F3F0;
    border: 1px solid #B5F3F0;
}

.ctable-event td {
    background: #A9DCA9;
    border: 1px solid #A9DCA9;
}

.ctable-resource td {
    background: #FFFFB5;
    border: 1px solid #FFFFB5;
}

.ctable-notebook td {
    background: #EAEA92;
    border: 1px solid #EAEA92;
}

.ctable-sticker td {
    background: #FFFFB5;
    border: 1px solid #FFFFB5;
}

.ctable-list td {
    background: #CCCCCC;
    border: 1px solid #C6C6C6;
}

.ctable-notice td {
    background: #FFFFB5;
    border: 1px solid #FFFFB5;
}

.ctable-none td {
    background: #E0E0E0;
    border: 1px solid #D9D9D9;
}


.ctable .sup {
    right: 3px;
    top: 0px;
    font-size: 9px;
    display: block;
    position: absolute;
    color: #F00;
    text-shadow: 1px 1px 1px #FFF;
}

/******************************************************************************/
/*******************                Mark                  *********************/
/******************************************************************************/

.mark-icon-box {
    margin: 0 0px;
    display: inline-block;
    border-radius: 50%;
    padding: 3px;
    margin: 0 15px;
    cursor: default;
    position: relative;
}

.mark-icon-box:hover {
    background: #EEE;
}

.mark-icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    float: left;
    font-size: 25px;
    color: #333;
    background: #EEE;
    text-align: center;
    cursor: default;
}

.mark-past {
    color: #FFF;
    background-color: #F25858;
}

.mark-present {
    color: #FFF;
    background-color: #00a65a;
}

.mark-future {
    color: #333;
    background-color: #eaea7b;
}


/******************************************************************************/
/*******************                Info                  *********************/
/******************************************************************************/

.infopanel {
    background: #777777;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    border-radius: 4px;
}

.infopanel a {
    color: #FFF;
    text-decoration: none;
}

.infopanel a:hover {
    color: #CCC;
}

.infoloc,
.infocal {
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px dashed #999;
}

.infoloc:hover,
.infocal:hover {
    border-bottom-color: transparent;
}


.select-button {
    width: 100%;
    padding: 7px;
    font-size: 13px;
    border: 1px solid #CCC;
    color: #666;
    border-radius: 4px;
    background-color: #FFF;
}

.select-button:focus {
    border-color: #6894d6;
}


/* Rate */

.rate-item {
    background: url('../images/star.png') repeat-x;
    height: 24px;
}

.rate-item-1 {width: 24px;}
.rate-item-2 {width: 48px;}
.rate-item-3 {width: 72px;}
.rate-item-4 {width: 96px;}
.rate-item-5 {width: 120px;}


.st-cancel {
    float: right;
    cursor: pointer;
    text-decoration: underline;
    display: none;
}

.st-cancel:hover {
    text-decoration: none;
}

.ajax-st-period {
    cursor: pointer;
}

.ajax-st-period:hover {
    color: #5c76bd;
}

.in-cancel {
    float: right;
    cursor: pointer;
    text-decoration: underline;
    display: none;
}

.in-cancel:hover {
    text-decoration: none;
}

.ajax-in-period {
    cursor: pointer;
}

.ajax-in-period:hover {
    color: #5c76bd;
}

.documents-data,
.options-data,
.members-data,
.resource-data,
.contacts-data {
    display: none;
}

.mode-item .item-title {
    font-size: 14px;
}

.mode-item .item-link {
    color: #3D983D;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
}

.mode-item .item-link:hover {
    text-decoration: none;
}

.mode-add {
    background-color: #f5f5f5;
}

.mode-box .mode-item {
    cursor: pointer;
}

.mode-box .mode-item:hover {
    background-color: #F7F7F7;
}

.mode-box .mode-item:last-child {
    border-radius: 0 0 4px 4px;
}


.text-date {
    width: 80px;
    padding: 7px;
    font-size: 13px;
    border: 1px solid #CCC;
    color: #666;
    border-radius: 4px;
    background-color: #FFF;
}

.text-date:focus {
    border-color: #6894d6;
}

.tabs-menu {
    background: #6894d6;
    padding: 2px 2px 0 2px;
    text-align: left;
    border-radius: 4px 4px 0 0;
}

.tabs-menu a {
    background: #6894d6;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    text-decoration: none;
}

.tabs-menu a:hover {
    background: #6E9DE3;
}

.tabs-menu a.active {
    background: #74A6F0;
}

.oper-select {
    padding: 8px 10px !important;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    width: 258px;
    border-radius: 4px;
    padding: 4px;
    color: #555;
}

.mark-box {
    margin-left: 95px;
}

.mark-line {
    background: #EEE;
    font-size: 9px;
    padding: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #555;
    display: block;
}

.mark2-box {
    margin-left: 180px;
}

.mark2-line {
    background: #EEE;
    font-size: 13px;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
    display: block;
    text-decoration: none;
}

.mark2-line.green {background: #43bf86; color: #FFF;}
.mark2-line.red {background: #BF5243; color: #FFF;}
.mark2-line.white {background: #F7F7F7;}
.mark2-line.action {background: #B5F3F0;}
.mark2-line.event {background: #A9DCA9;}
.mark2-line.task {background: #448FD7;}
.mark2-line.sticker {background: #FFFFB5;}
.mark2-line.process {background: #eaea7b;}

a.mark2-line:hover {color: #F00;}

.mark-line.green {background: #43bf86; color: #FFF;}
.mark-line.white {background: #F7F7F7;}

.mark-rate {
    float: right;
    font-weight: bold;
}

.interval-apply {
    text-decoration: underline;
    cursor: pointer;
}
.interval-apply:hover {
    text-decoration: none;
}

.st_label_selected {
    margin-right: 90px;
}

.st_label_selected.before{
    margin-right: 195px;
}

.st_box select {
    float: right;
    width: 80px !important;
    margin-left: 5px;
}

.st_numeric {
    padding: 8px;
    width: 30px !important;
}

.st_act {
    float: right;
}


.in_label_selected {
    margin-right: 90px;
}

.in_label_selected.before{
    margin-right: 195px;
}

.in_box select {
    float: right;
    width: 80px !important;
    margin-left: 5px;
}

.in_numeric {
    padding: 8px;
    width: 30px !important;
}

.in_act {
    float: right;
}

.input-ext {
    position: relative;
    display: inline-block;
}


.input-button {
    position: absolute;
    right: 5px;
    top: 9px;
    cursor: pointer;
    width: 25px;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    display: none;
    display: block;
    border-radius: 50%;
    text-align: center;
    color: rgba(0,0,0,0.3);
}

.title .input-ext .input-button {
    top: 16px;
}

.input-button.pos-2 {
    right: 30px;
}

.input-button.pos-3 {
    right: 60px;
}

.input-button:hover {
    color: rgba(0,0,0,0.7);
}

.name-item {
    clear: both;
    padding: 10px;
    cursor: pointer;
    color: #555;
    line-height: 20px;
    border-bottom: 1px solid #EEE;
}

.name-item:hover {
    background: #EEE;
}

.name-item label {
    font-size: 11px;
}

.name-item span {
    font-size: 13px;
}

.dialog-tabs-menu,
.page-tabs-menu {
    background: #c8ced8;
    padding: 5px 5px 0 5px;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dialog-tabs-menu .dialog-tab,
.page-tabs-menu .pseudo-tab,
.page-tabs-menu .page-tab {
    background: #97abc7;
    padding: 10px 8px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    /* border-radius: 4px 4px 0 0; */
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-right: 2px;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.dialog-tabs-menu .dialog-tab .new,
.page-tabs-menu .pseudo-tab .new,
.page-tabs-menu .page-tab .new {
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
    font-weight: normal;
    border-radius: 50%;
    margin-left: 5px;
    background: #FFF;
    color: #60728c;
}

.dialog-tabs-menu .dialog-tab:hover,
.page-tabs-menu .pseudo-tab:hover,
.page-tabs-menu .page-tab:hover {
    background: #909DB1;
}

.dialog-tabs-menu .dialog-tab.active,
.page-tabs-menu .pseudo-tab.active,
.page-tabs-menu .page-tab.active {
    background: #FFF;
    color: #333;
}

.dialog-tabs-menu .dialog-tab.active .new,
.page-tabs-menu .pseudo-tab.active .new,
.page-tabs-menu .page-tab.active .new {
    background: #97abc7;
    color: #FFF;
}

.dialog-tabs-menu .button,
.page-tabs-menu .button {
    background-color: rgba(255,255,255,0.9);
}

.dialog-tabs-menu .button:hover,
.page-tabs-menu .button:hover {
    background-color: #909DB1;
}

.dialog-tab-item,
.page-tab-item {
    display: none;
    position: relative;
}

.dialog-tab-item.loading:after,
.page-tab-item.loading:after {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(200,206,216,0.5) url('../images/spin.gif') no-repeat center center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 7;
    border-radius: 0 0 4px 4px;
}

.dialog-tab-item.active,
.page-tab-item.active {
    display: block;
}



.button-menu {
    background: #c8ced8;
    padding: 5px;
    text-align: left;
}

.button-menu .button-item {
    background: #97abc7;
    padding: 6px 8px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-right: 5px;
}

.button-menu .button-item:hover {
    background: #909DB1;
}

.button-menu .button-item.active {
    background: #FFF;
    color: #333;
}


.select {
    padding: 8px 10px !important;
    margin-bottom: 20px;
    border: 1px solid #DDD;
    width: 258px;
    border-radius: 4px;
    padding: 4px;
    color: #555;
}

.user-check-list input {
    display: none;
}

.user-check-label {
    clear: both;
    padding: 10px;
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EEE;
    display: block !important;
    margin-bottom: 0 !important;
    position: relative;
}

.org-check-label {
    clear: both;
    padding: 10px;
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
    color: #555;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EEE;
    display: block !important;
    margin-bottom: 0 !important;
    position: relative;
}
.user-check-label.checked {

}


.user-check-label:hover {
    background: #F3F3F3;
}
.user-check-label:last-child {
    border-bottom: none;
}



.user-check-label img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
}

.user-check-label.checked:after {
    width: 50px;
    height: 50px;
    content: "\2714";
    font-size: 30px;
    color: #E7E7E7;
    text-align:center;
    line-height: 50px;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
}


.export-link {
    display: block;
    font-size: 18px;
    padding: 35px 0;
    text-align: center;
}

.optionGroup {
    font-weight: bold;
}

.optionChild {
    padding-left: 25px;
}

.optGroup {

}

.optChild {
    padding-left: 30px;
}

.plan-head {
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    color: #868686;
    background: #e8e8e8;
    border-radius: 4px;
}

.plan-table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    margin-bottom: 5px;
    font-size: 11px;
}


.plan-table th {
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #666;
}

.plan-td {
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #868686;
    background: #e8e8e8;
    border-radius: 4px;
}

table.block .plan-table td,
table.block .plan-table th {
    padding-right: 3px !important;
}

table.block .plan-table td:last-child,
table.block .plan-table th:last-child {
    padding-right: 0;
}

.spec-body {
    word-wrap: break-word;
    background: #F8F8F8;
    margin: 15px;
    padding: 11px;
    height: 87px;
}

.number-edit {
    width: 40px;
    padding: 7px;
    font-size: 13px;
    border: 1px solid #CCC;
    color: #666;
    border-radius: 4px;
    background-color: #FFF;
}

.icheckbox_line-grey,
.icheckbox_line-red,
.icheckbox_line-blue {
    margin-bottom: 3px;
    margin-right: 3px;
    width: 10px;
    display: inline-block;
}

.icheckbox_line-green {
    margin-bottom: 3px;
    margin-right: 3px;
    width: 70px;
    display: inline-block;
}

.line-gray {
    background: #E0E0E0;
    padding: 7px 10px;
    color: #666;
    font-size: 12px;
    display: block;
    text-decoration: none;
}

.total-hr {
    height: 2px;
    background: #CCC;
    margin: 5px 5px;
}


.el-item {
    margin: 10px 0;
    position: relative;
    padding: 0 5px 0 65px;
}

.el-item.el-r-panel-on {
    padding-right: 35px;
}

.el-progress {
    position: absolute;
    left: 0;
    bottom: 3px;
    background: #5FA4EB;
    height: 2px;
    width: 0%;
}

.part-head .el-progress{
    bottom: 0;
}

.ns-list-item .el-progress {
    background: #64b0ff;
}

.ns-list-item {
    position: relative;
    background-color: #FFFFFF;
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transition: all 0.2s ease-out;
    margin-bottom: 10px;
}

.ns-list-mini {
    background: #fff;
}

.ns-list-item:last-child {
    margin-bottom: 0;
}

.ns-list-item.margin-left-2 {
    margin-left: 60px;
}

.ns-list-item.user {background-color: #f5f5f5;}
.ns-list-item.list { background-color: #CCCCCC; }
.ns-list-item.green { background-color: #a5d6a7; }
.ns-list-item.darkgreen { background-color: #a1caa3; }
.ns-list-item.lightblue { background-color: #80deea; }
.ns-list-item.violet { background-color: #E6C8FA; }
.ns-list-item.yellow { background-color: #f7f7c2; }
.ns-list-item.darkyellow { background-color: #FFFF00; }
.ns-list-item.white { background-color: #FFF; }
.ns-list-item.gray { background-color: #EEE; }
.ns-list-item.purple { background-color: #ccade0; }
.ns-list-item.note { background-color: #FFF7B2; }
.ns-list-item.orange { background-color: #f5d498; }
.ns-list-item.notice { background-color: #ffd2d2; }
.ns-list-item.complete { background-color: #c5deec; }

.ns-list-item.i-type .ns-item,
.ns-list-item.situation .ns-item,
.ns-list-item.theme .ns-item,
.ns-list-item.public .ns-item,
.ns-list-item.private .ns-item,
.ns-list-item.sticker .ns-item,
.ns-list-item.msg .ns-item,
.ns-list-item.todo .ns-item,
.ns-list-item.atodo .ns-item,
.ns-list-item.informer .ns-item,
.ns-list-item.todolist .ns-item,
.ns-list-item.schedule .ns-item,
.ns-list-item.envelope .ns-item {
    padding-left: 30px;
}

.ns-list-item.user .ns-item {
    padding-left: 70px;
    min-height: 60px;
}

.ns-list-item.has-image .ns-item {
    padding-left: 90px;
    min-height: 50px;
}

.ns-list-item.i-type .ns-item:before,
.ns-list-item.new .ns-item:before,
.ns-list-item.situation .ns-item:before,
.ns-list-item.theme .ns-item:before,
.ns-list-item.public .ns-item:before,
.ns-list-item.private .ns-item:before,
.ns-list-item.sticker .ns-item:before,
.ns-list-item.msg .ns-item:before,
.ns-list-item.todo .ns-item:before,
.ns-list-item.atodo .ns-item:before,
.ns-list-item.finish .ns-item:after,
.ns-list-item.informer .ns-item:before,
.ns-list-item.todolist .ns-item:before,
.ns-list-item.schedule .ns-item:before,
.ns-list-item.envelope .ns-item:before {
    width: 30px;
    height: 100%;
    content: "";
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.ns-list-item.new .ns-item:before { background: url('../images/icon-new.png') -1px -1px no-repeat; }
.ns-list-item.situation .ns-item:before { background: url('../images/icon-situation.png') center 10px no-repeat; }
.ns-list-item.theme .ns-item:before { background: url('../images/icon-tag.png') center 10px no-repeat; }
.ns-list-item.public .ns-item:before { background: url('../images/icon-public.png') center 10px no-repeat; }
.ns-list-item.private .ns-item:before { background: url('../images/icon-private.png') center 10px no-repeat; }
.ns-list-item.sticker .ns-item:before { background: url('../images/icon-sticker.png') center 10px no-repeat; }
.ns-list-item.msg .ns-item:before { background: url('../images/icon-msg.png') center 10px no-repeat; }
.ns-list-item.todo .ns-item:before { background: url('../images/icon-todo.png') center 10px no-repeat; }
.ns-list-item.atodo .ns-item:before { background: url('../images/icon-todo.png') center 10px no-repeat; }
.ns-list-item.informer .ns-item:before { background: url('../images/icon-informer.png') center 10px no-repeat; }
.ns-list-item.todolist .ns-item:before { background: url('../images/icon-todolist.png') center 10px no-repeat; }
.ns-list-item.schedule .ns-item:before { background: url('../images/icon-schedule.png') center 10px no-repeat; }
.ns-list-item.envelope .ns-item:before { background: url('../images/icon-envelope.png') center 10px no-repeat; }

.ns-list-item.finish .ns-item:after { background: url('../images/icon-todo-finish.png') center 36px no-repeat; }

.ns-list-item.i-pchat .ns-item:before { background: url('../images/i-pchat.png') center 10px no-repeat; }
.ns-list-item.i-tchat .ns-item:before { background: url('../images/i-tchat.png') center 10px no-repeat; }
.ns-list-item.i-ichat .ns-item:before { background: url('../images/i-ichat.png') center 10px no-repeat; }
.ns-list-item.i-resource .ns-item:before { background: url('../images/i-resource.png') center 10px no-repeat; }
.ns-list-item.i-section .ns-item:before { background: url('../images/i-section.png') center 10px no-repeat; }
.ns-list-item.i-ilist .ns-item:before { background: url('../images/i-ilist.png') center 10px no-repeat; }
.ns-list-item.i-schedule .ns-item:before { background: url('../images/i-schedule.png') center 10px no-repeat; }
.ns-list-item.i-event .ns-item:before { background: url('../images/i-event.png') center 10px no-repeat; }
.ns-list-item.i-action .ns-item:before { background: url('../images/i-action.png') center 10px no-repeat; }
.ns-list-item.i-help .ns-item:before { background: url('../images/i-help.png') center 10px no-repeat; }
.ns-list-item.i-contact .ns-item:before { background: url('../images/i-contact.png') center 10px no-repeat; }

.ns-item .red {
    color: #FF0000;
}

.ns-item.checked .ns-item-btitle{
    text-decoration: line-through;
}

.ns-form-check-box {
    position: absolute;
    left: -31px;
    top: 5px;
}

.ns-attr {
    background: rgba(255,255,255,0.2);
    padding: 1px 8px;
    margin-bottom: 2px;
    color: rgba(0,0,0,0.7);
    font-size: 12px;
    position: relative;
}

.ns-attr i,
.ns-attr i {
    color: rgba(0,0,0,0.3) !important;
}

.ns-attr a {
    color: rgba(0,0,0,0.7) !important;
    font-size: 12px !important;
}

.ns-mini {
    padding: 2px 5px;
}

.ns-title-line {
    text-overflow: ellipsis;
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    color: rgba(0,0,0,0.7);
}

.ns-param-line {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,0.7);
}

.ns-param-line i {
    font-size: 14px;
    color: rgba(0,0,0,0.5);
}

.ns-item.state-check .section-srinfo,
.ns-item.state-check .section-stitle {
    text-decoration: line-through;
}

.ns-item.late .section-sinfo {
    color: red;
}

.ns-item.red-check {
    color: #FF0000;
}

.ns-list-item.level-0 {margin-left: 0px;}
.ns-list-item.level-1 {margin-left: 20px;}
.ns-list-item.level-2 {margin-left: 40px;}


.ns-item {
    margin-right: 50px;
    /* border-radius: 4px 0 0 4px; */
    background: none;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    line-height: 25px;
    font-size: 13px;
    display: block;
    cursor: pointer;
    position: relative;
    word-wrap: break-word;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.ns-item i.fa,
.ns-item i.far,
.ns-item i.fas {
    color: rgba(0,0,0,0.4);
}

.ns-item.padding-0 { padding-right: 0px; }
.ns-item.padding-1 { padding-right: 40px; }
.ns-item.padding-2 { padding-right: 71px; }

.ns-item.menu-0 { margin-right: 0px; }
.ns-item.menu-1 { margin-right: 51px; }
.ns-item.menu-2 {margin-right: 102px;}
.ns-item.menu-3 { margin-right: 92px; }

.ns-item.menu-2-5 {margin-right: 127px;}

a.ns-item {
    line-height: 25px;
    font-size: 13px !important;
}


.ns-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 10px;
}

.ns-image {
    width: 75px;
    height: 50px;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 4px;
}

.ns-list-item:hover .ns-item {
    background: rgba(0,0,0,0.05);
}

.ns-list-item:hover{
    box-shadow: 1px 1px 5px rgba(0,0,0,0.6);
}

.list-element-item .ns-item {
    min-height: 60px;
}

.ns-chat,
.ns-count,
.ns-back,
.ns-close,
.ns-ok,
.ns-menu {
    /* border-radius:  0 4px 4px 0; */
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 100%;
    display: none;
    display: block;
    background: rgba(0,0,0,0.1) url('../images/icons/16/smenu.png') center center no-repeat;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}


.ns-chat.width-150 {
    width: 75px;
}

.ns-menu.sz-2 {
    width: 61px;
    z-index: 2;
}

.ns-button-1 { right: 0px !important; border-radius: 0 4px 4px 0; }
.ns-button-2 { right: 31px !important; border-radius: 0; }
.ns-button-3 { right: 62px !important; border-radius: 0; }

.ns-state-box {
    float: right;
    color: rgba(0,0,0,0.6);
    font-size: 12px;
}

.ns-state-box .fa {
    color: rgba(0,0,0,0.4);
    font-size: 12px;
}

.ns-count:hover,
.ns-back:hover,
.ns-close:hover,
.ns-ok:hover,
.ns-menu:hover {
    background-color: rgba(0,0,0,0.2);
}

.ns-menu.disable {
    background: rgba(0,0,0,0.1);
    cursor: default;
}

.ns-menu.disable:hover {
    background-color: rgba(0,0,0,0.1);
}

.ns-count { background: rgba(0,0,0,0.1); text-align: center; font-weight: bold; color: #FFF; font-size: 13px; line-height: 35px; }
.ns-menu { background: rgba(0,0,0,0.1) url('../images/icons/16/smenu.png') center center no-repeat; z-index: 3; }
.ns-close { background: rgba(0,0,0,0.1) url('../images/icons/16/sclose.png') center center no-repeat; }
.ns-ok {background: rgba(0,0,0,0.1) url('../images/icons/16/sok.png') center center no-repeat;right: 51px;border-radius: 0;}
.ns-back { background: rgba(0,0,0,0.1) url('../images/icons/16/srepeat.png') center center no-repeat; }
.ns-chat {background: transparent url('../images/icons/16/gchat.png') center 25px no-repeat;right: 51px;border-radius: 0;}

.ns-control {
    right: 62px;
    border-radius: 0;
    position: absolute;
    top: 0;
    cursor: pointer;
    width: 30px;
    height: 100%;
    display: block;
    z-index: 2;
}

.ns-control-button {
    position: relative;
    background: rgba(0,0,0,0.1);
    color: #FFF;
    display: block;
    text-align: center;
    height: 50%;
    margin: auto;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.ns-control-add {
    height: 34%;
}

.ns-control-add.one {
    height: 100%;
}

.ns-control-button i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ns-control-button:hover {
    background-color: rgba(0,0,0,0.2);
}

.ns-chat.new {
    animation: myfirst 5s;
    -moz-animation: myfirst 5s infinite; /* Firefox */
    -webkit-animation: myfirst 5s infinite; /* Safari and Chrome */
}

@-moz-keyframes myfirst /* Firefox */ {
    0% {background-color: rgba(0,0,0,0.1);}
    50% {background-color: rgba(0,0,0,0.3);}
    100% {background-color: rgba(0,0,0,0.1);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {background-color: rgba(0,0,0,0.1);}
    50% {background-color: rgba(0,0,0,0.3);}
    100% {background-color: rgba(0,0,0,0.1);}
}

.ns-chat .count {
    display: block;
    margin: auto;
    position: absolute;
    bottom: 12px;
    width: 100%;
    text-align: center;
    left: 0;
    height: 17px;
    font-size: 10px;
    font-weight: bold;
    color: #999;
}



.ns-promo {
    margin-top: 3px;
    height: 23px;
    line-height: 23px;
    color: rgba(0,0,0,0.6);
    position: absolute;
    display: block;
    z-index: 2;
    bottom: 10px;
    right: 61px;
    left: 0;
    text-align: center;
    text-decoration: none;
    background: rgba(255,255,0,0.4);
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.ns-promo:hover {
    background: rgba(255,255,0,0.7);
    color: rgba(255,0,0,0.6);
}

.ns-action-box {
    display: block;
    position: fixed;
    top: 50px;
    width: 1024px;
    left:0 ;
    right: 0;
    margin: 0 auto;
    z-index: 15;
    display: none;
}

.ns-action-box .ns-list-item {
    background: #90bbf1;
    border-radius: 0 0 4px 4px;
}

.ns-action-box .ns-item {
    padding: 10px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
}


.popup-menu,
.popup-submenu {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    display: none;
    top: 20px;
    width: 230px;
    right: 2px;
    position: absolute;
    display: block;
    background: #FFF;
    color: #666;
    display: none;
    z-index: 11;
    padding: 4px 0;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    outline: none;
}

.ns-menu .popup-menu {
    top: 0;
    right: 30px;
}

.ns-menu.sz-2 .popup-menu {
    right: 61px;
}

.ns-idea-title {
    padding: 10px 110px 10px 60px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    background-color: rgba(0,0,0,0.05);
    text-decoration: none;
    position: relative;
    word-break: break-word;
}

.ns-idea-text-box {
    position: relative;
    min-height: 110px;
    display: block;
    text-decoration: none;
    color: #555;
}
.ns-idea-text {
    padding: 8px 110px 8px 60px;
    word-break: break-word;
}

.ns-idea-send {
    padding: 8px 110px 8px 60px;
    position: relative;
}

.ns-idea-button {
    border: none;
    background: none;
    width: 27px;
    height: 27px;
    font-size: 16px;
    margin: 5px;
    text-align: center;
    /* position: absolute; */
    left: 10px;
    cursor: pointer;
    color: #777;
}

.ns-idea-button:hover {
    color: #555;
}


.ns-idea-line {
    margin: 4px 0;
    padding: 5px 0 5px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    text-decoration: none;
    color: #555;
}

.ns-idea-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    text-align: center;
    z-index: 5;
}

.ns-idea-item-link {
    display: block;
    font-weight: bold;
}

.ns-idea-right {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 0;
    bottom: 0;
    width: 100px;
    text-align: center;
}

.ns-idea-meta {
    margin-right: 30px;
    font-size: 11px;
}

.ns-idea-meta.mobile {
    display: block;
    margin: 5px 0;
}

.ns-idea-meta i {
    color: rgba(0,0,0,0.6);
}

.ns-idea-meta.pull-right {
    margin: 0;
}

.ns-item-line {
    padding: 5px 10px;
    background-color: #EEE;
    margin-right: 50px;
    color: rgba(0,0,0,0.6);
    text-align: left;
    font-size: 13px;
    position: relative;
}

.ns-item-line.menu-0 {
    margin-right: 0;
}

.ns-item-info {
    margin-right: 15px;
}

.ns-item-button {
    padding: 2px;
    width: 22px;
    height: 20px;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
    color: rgba(0,0,0,0.4);
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    display: inline-block;
}

.ns-item-button:hover {
    color: #333;
}

.ns-plan-line {
    padding: 5px 10px;
    margin-left: 30px;
    text-align: left;
    position: relative;
}

.ns-list-list .ns-plan-line,
.ns-list-list .ns-plan-item {
    margin-right: 30px;
}

.ns-off .ns-plan-item {
    text-decoration: line-through;
}

.ns-calendar-todo .ns-plan-item,
.ns-calendar-todo .ns-plan-line {
    margin-left: 0;
}

.ns-plan-box {
    position: relative;
    padding-left: 30px;
}

.ns-plan-item {
    margin-left: 30px;
    font-size: 13px;
    padding: 10px;
    display: block;
    text-decoration: none;
    color: rgba(0,0,0,0.6);
    background-color: #FFF;
    word-break: break-word;
}

.ns-plan-image {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 10px 10px 0;
}

.ns-lst-item {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 13px;
    padding: 10px;
    display: block;
    text-decoration: none;
    color: rgba(0,0,0,0.6);
}

.ns-bar-menu {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    bottom: 0;
    display: block;
    width: 30px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.ns-bar-menu:hover {
    opacity: 0.8;
}

.ns-bar-menu:before {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    content: "\f0c9";
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
}

.ns-list-updown {
    position: absolute;
    right: 0;
    display: block;
    width: 30px;
    background-color: #FFF;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.ns-list-updown.up { top: 0; bottom: 50%; }
.ns-list-updown.down { top: 50%; bottom: 0; }

.ns-list-updown:before {
    font-weight: bold;
    color: #BBB;
    font-size: 17px;
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ns-list-updown.up:before { content: "\f0d8"; }
.ns-list-updown.down:before { content: "\f0d7"; }

.ns-list-updown:hover {
    background-color: #ecebeb;
}

.ns-list-list,
.ns-list-plan {
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.ns-list-list:hover,
.ns-list-plan:hover {
    background-color: rgba(0,0,0,0.1);
}


.battery-box {
    width: 45px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #555;
    position: relative;
    margin: 0 auto;
}

.battery-box:after {
    content: "";
    position: absolute;
    height: 10px;
    right:-3px;
    top: 3px;
    width: 3px;
    background-color: #555;
}

.battery-value {
    left: 0;
    top: 0;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #555;
    position: absolute;
}

.battery-progress {
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    background-color: rgba(26, 158, 18, 0.6);
}

.popup-menu.bottom {
    bottom: 0;
    top: auto !important;
}

.popup-menu.right {
    right: -10px;
    left: auto !important;
}

.popup-submenu {
    top: -5px;
    right: 220px;
}

.popup-submenu.right {
    right: auto;
    left: 225px;
}

.popup-menu-item {
    display: block;
    padding: 6px 15px;
    line-height: 20px;
    text-align: left;
    font-size: 13px !important;
    text-decoration: none;
    color: #666;
    position: relative;
}

a.popup-menu-item {
    color: #666 !important;
}

.popup-menu-item.active {
    background: #F3F3F3;
}


.popup-menu-item.disable {
    color: #BBB;
    background: #FFF !important;
    cursor: default;
}

.popup-menu-item:hover {
    background: #EEE;
}



.popup-menu-item.active:before,
.popup-menu-item.active:after {
    border-right: 1px solid #9c9c9c;
    content: '';
    display: block;
    height: 10px;
    margin-top: -4px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
    right: 15px;
    top: 50%;
}

.popup-menu-item.active:after {
    margin-top: 0px;
    margin-right: 5px;
    height: 5px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
}



.popup-menu-item:hover .popup-submenu {
    display: block;
}


.popup-has-modal:before {
    content: '...';
    display: block;
    margin-top: -4px;
    position: absolute;
    right: 8px;
    color: #999;
}

.popup-has-sub {
    position: relative;
}

.popup-has-sub:before,
.popup-has-sub:after {
    border-right: 1px solid #9c9c9c;
    content: '';
    display: block;
    height: 6px;
    margin-top: -5px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    top: 50%;
}

.popup-has-sub:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.todo-envelope-dest {
    display: none;
}

#icp_color {
    font-size: 13px;
}

.sticker-param {
    display: none;
}

.sticker-item {
    padding: 10px;
    background-color: #EEE;
    display: inline-block;
    width: 188px;
    height: 90px;
    margin: 6px;
    word-break: break-all;
    position: relative;
    color: #333;
    padding-top: 50px;
    padding-bottom: 80px;
    border-radius: 4px;
    position: relative;
}

.sticker-author {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 0 10px;
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    width: 188px;
    border-radius: 4px  4px 0 0;
}


.sticker-text {
    height: 120px;
    overflow: hidden;
    text-align: left;
}

.sticker-date {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
    background: rgba(0,0,0,0.1);
    border-radius: 0 0 0 4px;
}

.sticker-item .es-button-menu {
    border-radius: 0 0 4px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
    cursor: pointer;
    width: 30px;
    height: 35px;
    display: none;
    display: block;
    background: rgba(0,0,0,0.0) url(../images/icons/16/smenu.png) center center no-repeat;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sticker-item .es-button-menu .popup-menu {
    right: 30px;
    top: 0px;
}

.sticker-item .es-button-menu:hover {
    background-color: rgba(0,0,0,0.1);
}

.sticker-data {
    min-height: 100px;
    max-height: 250px;
    overflow-y: auto;
    font-size: 13px;
    line-height: 20px;
}

.icolor option {
    background-color: #FFF;
}

.avatar-sticker {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    background: url(../images/notes.png) no-repeat;
    bottom: -10px;
    right: 0;
}

.avatar-sticker:hover {
    background-position: 0 2px;
}

.user-sticker {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    background: url(../images/notes.png) no-repeat;
    top: 25px;
    right: 20px;
}

.user-sticker:hover {
    background-position: 0 2px;
}

.avatar-mbox {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.ava-user-mbox {
    width: 100%;
}

.ava-div {
    position: absolute;
    bottom: 12px;
    color: #555;
    line-height: 15px;
}

.ava-div.sticker {
    left: 10px;
}

.ava-div.sticker a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #555;
}

.ava-div.meta {
    right: 10px;
}

.ava-body {
    padding: 5px 10px;
    font-size: 11px;
}
.ava-body b {
    font-weight: bold;
}
.ava-div.sticker .ava-body {background: url(../images/background_trans_yellow.png);}
.ava-div.meta .ava-body {background: url(../images/background_trans_blue.png); text-align: left;}


.ava-head {
    background: #AAA;
    padding: 5px;
    text-align: center;
    font-size: 13px;
}
.ava-div.sticker .ava-head { background: #EAEA2F; }
.ava-div.meta .ava-head { background: #1ED9FF; }

.ava-sticker {
    cursor: pointer;
}

.amenu-item {
    display: block;
    padding: 0 15px 0 45px;
    line-height: 40px;
    text-align: left;
    font-size: 13px;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    background: url(../images/menu-tools.png) no-repeat 10px 10px;
}
.amenu-item.tools { color: #E19F24; background-image: url(../images/menu-tools.png); }
.amenu-item.contacts { color: #3333A1; background-image: url(../images/menu-contacts.png); }
.amenu-item.plans { color: #2A7ED0; background-image: url(../images/menu-plans.png); }
.amenu-item:hover {
    background-color: #F0F0F0;
}

.amenu-item b {
    font-weight: bold;
}

.ubutton-plus .amenu-sub {
    left: -1px;
    top: 33px;
}

.ubutton.control .ubutton-plus .amenu-sub {
    left: -127px;
    top: 33px;
}

.amenu-sub {
    display: none;
    position: absolute;
    left: 220px;
    top: -1px;
    width: 250px;
    z-index: 12;
    padding: 0;
    line-height: 40px;
    background: #FFF;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.amenu-sub.offset-1 {
    top: -41px;
}

.amenu-sub.offset-2 {
    top: -81px;
}

.amenu-sub div {
    display: block;
    padding: 0px 15px;
    line-height: 20px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    line-height: 40px;
    text-decoration: none;
    color: #666;
}

.amenu-sub a {
    display: block;
    padding: 0px 15px;
    line-height: 20px;
    text-align: left;
    font-size: 13px;
    line-height: 40px;
    text-decoration: none;
    color: #666;
}

.amenu-sub a:hover {
    background: #EFEFEF;
}


#address_box {
    position: relative;
}




.rbutton {
    margin-top: 5px;
    float: right;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    display: none;
    border-radius: 50%;
    display: block;
    background: #DDD url('../images/icons/16/rclose.png') center center no-repeat;
}
.rbutton-conf { background-image: url('../images/icons/16/rconf.png'); }
.rbutton-list { background-image: url('../images/icons/16/slist.png'); }
.rbutton-action { background-image: url('../images/icons/16/rplus.png'); }

.rbutton:hover {
    background-color: #AAA;
}

.xt-button {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 1px;
    display: none;
    border-radius: 50%;
    display: inline-block;
    background: #DDD url('../images/icons/16/rclose.png') center center no-repeat;
}
.xt-button-task { background-image: url('../images/icons/16/rplus.png'); }
.xt-button-result { background-image: url('../images/icons/16/rres.png'); }
.xt-button-list { background-image: url('../images/icons/16/slist.png'); }
.xt-button-edit { background-image: url('../images/icons/16/sedit.png'); }

.ev-button-accept { background-image: url('../images/icons/16/rres.png'); }
.ev-button-edit { background-image: url('../images/icons/16/sedit.png'); }
.ev-button-reject { background-image: url('../images/icons/16/rclose.png'); }

.si-button-edit { background-image: url('../images/icons/16/sedit.png'); }

.xt-button:hover {
    background-color: #AAA;
}

.user-button-box{
    padding: 5px;
}

.user-button-box table.buttons {
    width: 100%;
    border-spacing: 0;
}

.user-button-box table.buttons td.execution { padding-right: 1px; }
.user-button-box table.buttons td.control { padding-left: 1px; }

.user-table {
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-top: 5px;
}

.ubutton {
    position: relative;
    font-weight: bold;
    position: relative;
    border-radius: 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    border: 1px solid transparent;
}

.ubutton:hover .ubutton-main {
    background: rgba(0,0,0,0.05);
}


.ubutton.green {
    background: #388E3C;
    border: 1px solid #388E3C;
    color: #FFF;
    z-index: 14;
}

.ubutton.red {
    background: #E53935;
    border: 1px solid #E53935;
    color: #FFF;
    z-index: 13;
}

.ubutton.green.active {
    border: 1px solid #317D35;
}

.ubutton.red.active {
    border: 1px solid #CF332F;
}

.ubutton-main {
    display: block;
    text-align: center;
    margin-right: 25px;
    line-height: 31px;
    font-size: 12px;
    text-decoration: none;
    color: rgba(255,255,255, 0.9);
    font-weight: bold;
    text-transform: uppercase;
}

.ubutton.control .ubutton-main {
    margin-right: 0;
}

.ubutton.active .ubutton-main {
    color: rgba(0,0,0, 0.5);
}

.ubutton-plus {
    display: block;
    text-align: center;
    float: right;
    color: #FFF;
    font-size: 15px;
    width: 25px;
    font-weight: bold;
    line-height: 31px;
    background: rgba(0,0,0,0.1);
    z-index: 14;
}

.ubutton-new {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #d2d2d2;
    background: #f0ff04;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: rgba(229,57,53,0.8);
    text-align: center;
    position: absolute;
    border-radius: 50%;
    top: -4px;
    left: -4px;
    z-index: 3;
    display: none;
    animation: ubutton-anim 4s;
    -moz-animation: ubutton-anim 4s infinite; /* Firefox */
    -webkit-animation: ubutton-anim 4s infinite; /* Safari and Chrome */
}

@-moz-keyframes ubutton-anim /* Firefox */ {
    0% {color: rgba(229,57,53,0.8);}
    50% {color: rgba(229,57,53,0.3);}
    100% {color: rgba(229,57,53,0.8);}
}

@-webkit-keyframes ubutton-anim /* Safari and Chrome */ {
    0% {color: rgba(229,57,53,0.8);}
    50% {color: rgba(229,57,53,0.3);}
    100% {color: rgba(229,57,53,0.8);}
}


.ubutton-plus .amenu-sub {
    z-index: 13;
}

.ubutton.red .ubutton-plus {
    z-index: 13;
}
.ubutton-plus:hover {
    background: rgba(0,0,0,0.2);
}


.gr-box {
    position: relative;
}

.gr-box.execution {
    margin-right: 10px;
}

.gr-green {
    background: #388E3C;
    border: 1px solid #72aa00;
    color: #FFF;
    font-weight: bold;
    position: relative;
}

.gr-red {
    background: #E53935;
    border: 1px solid #f02f17;
    color: #FFF;
    font-weight: bold;
    position: relative;
}


.gr-new {
    width: 24px;
    height: 24px;
    background: url(../images/icon-mark.png) 0 0 no-repeat;
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: 3;
    display: none;
}

.gr-plus {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
}

.gr-box.control .gr-plus {
    z-index: 2;
}

.itext {
    padding: 7px;
    font-size: 13px;
    border: 1px solid #CCC;
    color: #666;
    border-radius: 4px;
    background-color: #FFF;
}

.has-int {
    background-color: #B5F3F0;
}

.prepare-update,
.ilist-update,
.resource-update {
    text-decoration: underline;
    color: #777;
    cursor: pointer;
    font-size: 12px;
}

i.resource-update {
    text-decoration: none;
    cursor: pointer;
}

i.resource-update:hover {
    color: #387DC0;
}


.prepare-update:hover,
.ilist-update:hover,
.resource-update:hover {
    text-decoration: none;
}

.file-add:hover {
    text-decoration: none;
}

.file-item-box {
    position: relative;
}

.file-item {
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 3px;
    margin-right: 30px;
}

.file-remove {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    width: 22px;
    background-size:  cover;
    height: 22px;
    margin: 0 1px;
    display: block;
    border-radius: 50%;
    background: #DDD url('../images/icons/16/rclose.png') center center no-repeat;
}

.file-remove:hover {
    background-color: #AAA;
}

.nodata,
.theme-body .no-data,
.daypic-body .no-data,
.results-body .no-data,
.rtodo-body .no-data,
.todo-body .no-data,
.members-body .no-data,
.stikovka-body .no-data,
.prepare-body .no-data,
.tlist-body .no-data {
    text-align: center;
    font-size: 13px;
    color: rgba(0,0,0,0.4);
    line-height: 28px;
    padding: 20px;

}

.nodata i {
    font-size: 20px;
    color: rgba(0,0,0,0.2);
}

.infodata {
    text-align: center;
    font-size: 13px;
    color: rgba(0,0,0,0.5);
    line-height: 28px;
    padding: 20px;
}

.infodata i {
    color: rgba(0,0,0,0.4);
}


.stikovka-type {
    margin-right: 10px;
}

.stikovka-before-box {
    display: none;
}

.mi-new {
    color: #FFFF00 !important;
}

.menu-notice.new {
    color: #FFFF00 !important;
}

.menu-notice {
    position: absolute;
    left: 4px;
    top: -3px;
    background-color: red;
    color: #FFF;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.35rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.menu-notice:empty {
    display: none;
}

.todo-icon-completed,
.todo-icon-dispatch {
    float: right;
    width: 16px;
    height: 16px;
    background: url('../images/todo-dispatch.png') no-repeat;
    background-size: cover;
    margin-left: 5px;
}

.todo-icon-completed {
    background: url('../images/todo-completed.png') no-repeat;
    background-size: cover;
}

.todo-index {
    float: right;
    height: 16px;
    font-weight: bold;
    color: rgba(0,0,0,0.4);
    font-size: 12px;
    margin-left: 5px;
}

.icolor-box {

}

.icolor-item {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-right: 5px;
    border: 1px solid #CCC;
    /* border-radius: 4px; */
}

.icolor-item:hover {
    border-color: #888;
}

.icolor-item.active {
    border-color: #FF0000;
}

.iweek-box {

}

.iweek-item {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-right: 5px;
    border: 1px solid #CCC;
    background: #FFF;
    text-align: center;
    line-height: 25px;
}

.iweek-item.normal { background: #FFF; }
.iweek-item.short { background: #DDD; }
.iweek-item.off { background: #FF6363; }

.iweek-item:hover {
    border-color: #888;
}

.iweek-item.active {
    border-color: #FF0000;
}

.daypic-item.light {
    border: 2px dashed #777;
}

.daypic-author {
    font-weight: bold;
    font-size: 11px;
    color: #797979;
}

.daypic-image {
    text-align: center;
}

.daypic-image img {
    max-width: 400px;
    max-height: 400px;
    margin-top: 5px;
}

.daypic-theme {
    font-size: 10px;
    line-height: 22px;
    color: #777;
}

.daypic-date {
    font-size: 10px;
    line-height: 22px;
    color: #777;
    float: right;
}

.daypic-level {
}

.daypic-text a {
    color: #444;
}

.daypic-text a:hover {
    color: #FF0000;
}


.todo-settings,
.daypic-settings {
    background: #EEE;
    margin: 0 22px;
    padding: 5px 10px;
    font-size: 12px;
    color: #555;
    border-radius: 0 0 10px 10px;
    display: none;
}

.todo-settings {
    margin: 0 15px;
    padding: 10px 10px;
}

.daypic-settings h3 {
    display: inline-block;
}

.daypic-settings a {
    color: #555;
}

.daypic-settings-body {
    display: inline-block;
}

.daypic-settings .fa {
    color: #777;
    font-size: 0.8em;
}

.daypic-settings p {
    margin: 3px 0px 3px 27px;
    display: inline-block;
}

.gisto_table {
    width: 100%;
}

.gisto_td {
    padding: 0 5px;
}

.gisto_link {
    display: block;
    background: #EEE;
    height: 80px;
    position: relative;
}

.gisto_pipe {
    border: 1px solid #FFF;
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 100%;
    display: block;
}

.gisto_link:hover {
    background: #E6E6E6;
}

.gisto_link:hover .gisto_pipe {
    border-color: #AAA;
}

.gisto_legend {
    font-size: 9px;
    text-align: center;
}

.daypic-gisto-body {
    display: none;
    padding: 15px;
    padding-bottom: 0px;
    border-bottom: 2px solid #EEE;
    margin-bottom: 5px;
}

.daypic-gisto-body img {
    width: 630px;
}

.popup-link {
    position: relative;
}

.daypic-comments,
.daypic-quotes {
    color: rgba(0,0,0,0.7);
    font-size: 13px;
    position: relative;
}

.daypic-comments i,
.daypic-quotes i {
    color: rgba(0,0,0,0.3);
    position: absolute;
    left: -21px;
    top: 5px;
}

.daypic-comment,
.daypic-quote {
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
    padding: 2px 10px;
    margin-bottom: 3px;
    color: rgba(0,0,0,0.7);
    font-size: 12px;
}

.popup-link .popup-menu {
    left: -10px;
    top: 27px;
}

.xx-head .popup-link .popup-menu {
    left: -10px;
    top: 31px;
}

.results-body .ns-item,
.daypic-body .ns-item,
.todo-body .ns-item,
.rtodo-body .ns-item {
    overflow-y: initial;
    max-height: none;
}

.info-list {
    font-size: 13px;
    line-height: 35px;
    padding: 0;
}

.info-list b {
    color: #555;
}

.info-list span {
    font-weight: bold;
    color: #676767;
}

fieldset.todo-group {
    border: 1px solid #bbb;
    margin-bottom: 2px;
    padding: 4px;
    border-radius: 4px;
}

fieldset.todo-group legend {
    color: #777;
    font-weight: bold;
    font-size: 10px;
    margin: 0 8px;
    padding: 0 2px;
}

.extra-item,
.stage-item {
    margin-bottom: 2px;
}

.stage-route,
.stage-users {
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0 0 5px 5px;
    margin: 0 10px 5px 0px;
    padding: 3px 8px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    border-top: 0;
    color: #888;
}

.stage-route:hover,
.stage-users:hover {
    background: #E9E9E9;
}

.extra-body {
    margin-top: 5px;
    overflow: auto;
    max-height: 155px;
}
.stage-body {
    margin-top: 10px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.group-name {
    margin-top: 5px;
    padding: 5px 10px;
    background-color: rgba(151,171,199,0.8);
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.group-name:hover {
    background-color: rgba(151,171,199,1);
}

.group-name:before { content: "\2B06"; font-weight: bold; font-size: 11px; float: right; }
.group-name.close:before { content: "\2B07"; font-weight: bold; font-size: 11px; float: right; }


/*.group-name:before { content: "\27B2"; font-weight: bold; font-size: 16px; }*/

.group-body {
    margin-bottom: 15px;
    padding: 5px 0 5px 16px;
}

.group-body:last-child {
    margin-bottom: 0;
}

/* Section */

.section-box {
    position: relative;
}

.section-name,
.section-uname {
    margin-top: 5px;
    border-radius: 4px;
    padding: 0px 10px 0 40px;
    line-height: 38px;
    background-color: rgba(151,171,199,0.8);
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.section-box.plus-menu .section-name {
    padding-left: 70px;
}

.section-box.plus-menu .section-menu {
    left: 31px;
}

.section-uname {
    padding: 0px 40px 0 40px;
}

.section-menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 30px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.section-menu:hover {
    background-color: rgba(0,0,0,0.15);
}

.section-menu:before {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    content: "\f0c9";
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
}

.section-name:hover,
.section-uname:hover {
    background-color: rgba(151,171,199,1);
}

.section-name:before {content: "\f062";font-family: Font Awesome\ 5 Free;font-weight: bold;font-size: 14px;float: right;}
.section-name.close:before {content: "\f063";font-family: Font Awesome\ 5 Free;font-weight: bold;font-size: 14px;float: right;}

.section-body {
    margin-bottom: 10px;
    padding: 5px 0 5px 0;
}

.section-body:last-child {
    margin-bottom: 0;
}


.section-plus {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 30px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.section-plus:hover {
    background-color: rgba(0,0,0,0.15);
}

.section-plus:before {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    content: "\f067";
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
}


.section-down {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 30px;
    background-color: rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.section-down:hover {
    background-color: rgba(0,0,0,0.15);
}

.section-down:before {
    font-weight: bold;
    color: #FFF;
    font-size: 13px;
    content: "\f078";
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
}


.task-info {
    cursor: pointer !important;
}


.option-line  {
    margin: 10px 0;
    line-height: 30px;
    position: relative;
}

.daypic-save {
    display: none;
}

.switch-box {
    position: absolute;
    right: 0;
    top: 0;
}

.switch-check {
    width: 60px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgba(0,0,0, .2);
    transition: 0.5s;
    position: relative;
}
.switch-check:checked[type="checkbox"] {
    background: #90bbf1;
}
.switch-check:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0,0,0, .2);
    transition: 0.5s;
}
.switch-check:checked:before {
    left: 30px;
}

.daypic-author-box {
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
}

.daypic-author-box img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


.daypic-author-box:after {
    width: 20px;
    height: 20px;
    content: "\2716";
    color: #FFF;
    text-align: center;
    line-height: 20px;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;
}

.daypic-author-box:hover:after {
    background: rgba(0,0,0,0.9);
}

.link-icon {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.form-table {
    width: 100%;
}

.form-table td {
    padding: 5px;
}

.form-fieldset {
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 10px;
}

.form-fieldset legend {
    font-weight: bold;
    font-size: 12px;
    color: #555;
    padding: 0px 3px;
    margin: 0 5px;
}

.diap-body .form-group {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 10px;
}

.form-table label,
.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 12px;
    color: #555;
}

.form-table label b,
.form-group label b {
    color: red;
}

.form-group .input-ext {
    display: block;
}

.form-box {
    padding: 10px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 6px 8px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-sizing: border-box;
}
.form-info,
.form-error {
    color: red;
    line-height: 18px;
    font-size: 12px;
    display: block;
}

.form-info {
    color: #888;
}
.form-error {
    color: red;
}

.form-text {
    display: block;
    background: #F5F5F5;
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 25px;
    color: rgba(0,0,0,0.6);
    margin-bottom: 1px;
}

.form-group.error label {
    color: #FF0000;
}

.form-group.error .form-control {
    border-color: #FF0000;
}

.form-control.mini {
    display: inline-block;
}

.form-select-user {
    color:#AAA;
    height: 50px;
    line-height: 36px;
}

.form-control::-webkit-input-placeholder {color:#AAA;}
.form-control::-moz-placeholder          {color:#AAA;}/* Firefox 19+ */
.form-control:-moz-placeholder           {color:#AAA;}/* Firefox 18- */
.form-control:-ms-input-placeholder      {color:#AAA;}

textarea.form-control {
    height: 150px;
    resize: vertical;
}

.form-control:focus {
    border-color: #3c8dbc;
    box-shadow: none;
    outline: 0;
}

select.form-control[default=default] {
    color: #AAA;
}

select.form-control option {
    color: #555;
}

select.form-control optgroup {
    color: #888;
}

select.form-control option[value=""] {
    color: #AAA;
}

.form-right-control {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
    text-decoration: none;
}

.form-right-control:hover {
    color: #4076AC;
}

.hidden {
    display: none !important;
}

.group-search-button {
    width: 70px;
    float: right;
}

.group-search-but {
    height: 69px;
    line-height: 69px;
}

.group-search-text {
    margin-right: 75px;
}

.group-search-area {
    text-align: left;
    padding: 0;
    margin-top: 20px;
}

.group-search-area.has-placeholder {
    text-align: center;
    padding: 50px 0;
    color: #777;
    font-size: 13px;
}



.sitem-add-nerror,
.sitem-add-serror,
.sitem-edit-nerror,
.sitem-edit-serror {
    font-size: 12px;
    color: red;
    padding: 0 10px;
    display: block;
}


.download-dialog-link {
    display: block;
    font-size: 15px;
    padding: 35px 0;
    text-align: center;
}

.comm-filter-apply,
.comm-filter-cancel {
    display: none;
}



.myspec-body,
.mycont-body {
    padding: 15px;
}

.profile-edit-photo {
    display: none;
}

.profile-upload-cancel {
    display: none;
}

.profile-photo {
    /* display: none; */
    opacity: 0.0000001;
}

.profile-photo-cancel {
    display: none;
}

.key-val {
    font-size: 13px;
    display: block;
    padding: 5px 10px;
    margin-bottom: 3px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.05);
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.key-val b {
    font-weight: bold;
    float: right;
}

.key-val:hover {
    background-color: rgba(0,0,0,0.1);
}

.lkey-val {
    font-size: 13px;
    display: block;
    padding: 7px 10px;
    margin-bottom: 1px;
    background-color: rgba(0,0,0,0.01);
    border-bottom: 1px solid #dddddd;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.lkey-val .ititle {
    color: rgba(0,0,0,0.5);
}

.lkey-val b {
    font-weight: bold;
    float: right;
}

/* Calendar */


table.calendar {
    width: 100%;
    table-layout: fixed;
}

table.calendar td {
    border: 1px solid #DDD;
    background: #e1fdd2;
    text-align: left;
    vertical-align: top;
    padding: 0;
    color: #222;
    height: 70px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}
table.calendar td.red {
    background: #FFC2BF;
}
table.calendar td.yellow {
    background: #FDFFBA;
}

table.calendar td.current {
    border: 2px solid #a0c9f1;
    background-color: #feffba;
}

table.calendar td.has-control {
    padding-bottom: 30px;
}

table.calendar td.past {
    background-color: #f1f1f1;
}

table.calendar td.empty {
    background-color: #eee;
    cursor: default;
}

table.calendar td.active {
    background: #E5EDFF;
}

table.calendar td:hover {
    background-color: #FFF;
}

table.calendar td.empty:hover {
    background: #F1F1F1;
}


table.calendar th {

    background: #FFF;
    text-align: left;
    vertical-align: top;
    padding: 5px;
    height: 20px;
}

.calendar-dayname {
    display: block;
    color: #888;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    text-align: center;
}

.calendar-day {
    display: block;
    color: #888;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 16px;
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.calendar-fday {
}

.calendar-ftask-count {
    display: block;
    color: #888;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.calendar-task-count {
    display: block;
    color: #555;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 20px;
    font-weight: bold;
}

.calendar-task-lose {
    display: block;
    color: red;
    float: right;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 13px;
    font-weight: bold;
}

.calendar-task-loading {
    display: block;
    color: #1313B8;
    margin: 1px 1px;
    padding: 1px 3px;
    font-size: 13px;
    font-weight: bold;
}

table.calendar th .calendar-day {
    text-align: center;
    font-size: 14px;
}
.calendar-red {
    color: #ef5656;
}

.calendar-tasks {
    display: block;
    color: #888;
    border: 1px solid #E8E8E8;
    background: #F0F0F0;
    margin: 2px;
    padding: 1px 3px;
}

.calendar-data {
    display: block;
    color: #677cca;
    margin: 2px;
    padding: 22px 3px 0 3px;
    font-size: 14px;
    text-align: right;
}

.calendar-nav {
    font-weight: bold;
}

.calendar-top {
    background: #99cc99;
    color: #666;
    font-size: 11px;
    padding: 1px 4px;
}

.calendar-top.past {
    background: #ddd;
}

.calendar-top span {
    font-weight: bold;
}

.calendar-bottom {
    display: block;
    text-decoration: none;
    padding: 0 2px !important;
    height: 30px;
    line-height: 30px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    background: #99cc99;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.calendar-info {
    display: block;
    text-decoration: none;
}

.calendar-info.full {
    position: absolute;
    top: 17px;
    bottom: 0;
    left: 0;
    right: 0;
}

.border-default {
    border: 1px solid #CCC;
    /* border-radius: 4px; */
}

table.ntable {
    width: 100%;
    table-layout: fixed;
}

table.ntable th,
table.ntable td {
    background: #F3F3F3;
    padding: 5px 10px;
    line-height: 25px !important;
    font-size: 13px;
    border-radius: 4px;
    text-align: center;
}

table.ntable td {
    background: #f9f9f9;
    padding: 5px !important;
}

.user-avatar {
    width: 165px;
    height: 165px;
}

.mytext {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    padding: 15px;
    color: #3c4046 !important;
    text-align: left !important;
    line-height: 20px;
}

.mytext * {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    color: #3c4046 !important;
    text-align: left !important;
}


.sm-list-item {
    position: relative;
    border-bottom: 1px solid #EEE;
}

.sm-list-mini {
    position: relative;
    border-top: 1px solid #EEE;
    border-bottom: 0;
}


.sm-item {
    padding: 10px;
    color: #333;
    text-decoration: none;
    line-height: 25px;
    font-size: 13px;
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.sm-mini {
    padding: 10px 15px;
    font-size: 12px;
}

.sm-item i.fa,
.sm-item i.far,
.sm-item i.fas {
    color: rgba(0,0,0,0.4);
}

.sm-list-item.has-preview .sm-item {
    padding-left: 100px;
}

.sm-list-item.sm-license .sm-item {
    padding-left: 175px;
    min-height: 180px;
}

.sm-faq-name,
.sm-setting-name {
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    display: block;
}

.sm-setting-name i {
    color: rgba(0,0,0,0.5);
}

.sm-setting-desc {
    font-size: 11px;
    color: rgba(0,0,0,0.5);
    display: block;
}

.sm-faq-desc {
    font-size: 12px;
    color: rgba(0,0,0,0.5);
    display: block;
}

.sm-faq-desc ul,
.sm-faq-desc ol {
    margin-left: 20px;
}

.sm-item-title {
    font-size: 13px;
    color: rgba(0,0,0,0.7);
}

.sm-item-author,
.sm-item-date {
    font-size: 10px;
    color: rgba(0,0,0,0.5);
}

.sm-preview {
    width: 75px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.sm-preview-license {
    width: 154px;
    height: 180px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.sm-list-item:hover .sm-item {
    background: rgba(0,0,0,0.05);
}

.main-period-box {
    padding: 15px 20px;
    border-top: 1px solid #EEE;
}

.main-period-table {
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.main-period-name {
    font-size: 12px;
    color: #999;
}

.main-period-date {
    font-size: 12px;
    color: #999;
}

.main-period-time {
    font-size: 15px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 2px;
    margin: 2px 0;
    background-color: #99CCCC;
    color: #EEE;
}

.sm-setting-desc b,
.shop-sum b,
.shop-count b {
    font-weight: bold;
}

h2.ntitle .ui-datepicker-inline {
    line-height: normal !important;
}

.monthPicker .ui-datepicker-calendar {
    display: none !important;
}

.lenta-block {
    table-layout: fixed;
    width: 100%;
}

.lenta-item {
    margin: 10px;
    display: block;
    text-decoration: none;
}

.lenta-item-title {
    text-decoration: underline;
    color: #296ebb;
}

.lenta-item:hover .lenta-item-title {
    text-decoration: none;
}

.lenta-item.meta {
    margin: 0 10px 10px 10px;
}

.lenta-preview {

}

.lenta-preview img {
    width: 100%;
}
.lenta-pop {
    display: block;
    color: #296ebb;
}

.lenta-item-date {
    font-size: 10px;
    color: rgba(0,0,0,0.4);
}

.lenta-item-meta {
    margin-top: 5px;
    font-size: 10px;
    color: rgba(0,0,0,0.4);
}







.xx-link {
    cursor: pointer;
    border-bottom: 1px dashed rgba(0,0,0,0.5);
    text-decoration: none;
    font-size: 13px;
}

.xx-link .fa {
    font-size: .9em;
}

.xx-link:hover {
    border-bottom-color: transparent !important;
}

.xx-hbutton {
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: bold;
    background: transparent;
    color: rgba(0,0,0,0.3) !important;
    outline: none;
    text-decoration: none !important;
    -webkit-transition: color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: color 0.3s ease-out;  /* FF4+ */
    -ms-transition: color 0.3s ease-out;  /* IE10 */
    -o-transition: color 0.3s ease-out;  /* Opera 10.5+ */
    transition: color 0.3s ease-out;
}

.xx-hbutton:hover {
    color: rgba(0,0,0,0.6) !important;
}

.license-item-control {
    display: inline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.license-item-control .xx-hbutton:hover i {
    color: rgba(0,0,0,0.6) !important;
}


.xx-tbutton {
    border: none;
    padding: 0px 8px;
    height: 50px;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: bold !important;
    background: transparent;
    color: rgba(0,0,0,0.4) !important;
    outline: none;
    text-decoration: none !important;
    -webkit-transition: color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: color 0.3s ease-out;  /* FF4+ */
    -ms-transition: color 0.3s ease-out;  /* IE10 */
    -o-transition: color 0.3s ease-out;  /* Opera 10.5+ */
    transition: color 0.3s ease-out;
}

.xx-tbutton:hover {
    color: rgba(0,0,0,0.7) !important;
}

.xx-tbutton i {
    font-size: 16px !important;
}

.xx-tbutton.big i {
    font-size: 18px !important;
    line-height: 50px;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.xx-tbutton.big:hover i {
    color: rgba(255,255,255,0.8);
}

.xx-tbutton i.red {
    color: red;
}


/* Панель сегодня */

.today-panel {
    position: fixed;
    top: -130px;
    height: 180px;
    width: 1024px;
    box-sizing: border-box;
    z-index: 5;

    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10 */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
}

.today-panel.open {
    top: 50px;
}

.today-wrap {
    border: 1px solid #e4e4e4;
    background: #FFF;
    padding: 10px;
    border-top: none;

}

.today-panel.open .today-wrap {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
}

.today-slide {
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    display: inline-block;
    float: right;
    border-top: none;
    font-size: 10px;
    background: #FFF;
    cursor: pointer;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15)
}

.today-slide.light {
    background: #FFFF00;
}

.today-slide:hover {
    background: #EEE;
}

.today-table {
    width: 100%;
}

.today-td-ava {
    width: 150px;
    position: relative;
}

.today-ava-sticker {
    position: absolute;
    display: block;
    text-align: center;
    text-decoration: none;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 5px 10px;
    font-size: 11px;
    background: url(../images/background_trans_yellow.png);
    color: #444;
}

.today-ava {
    width: 220px;
    height: 220px;
    box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}

.today-name {
    font-size: 18px;
    margin-bottom: 5px;
}

.today-status {
    margin-bottom: 5px;
    color: #999;
    font-style: italic;
    border-bottom: 1px dashed transparent;
    display: inline-block;
}

.today-status.editable {
    border-color: #AAA;
    cursor: pointer;
}

.today-status.editable:hover {
    border-color: transparent;
    color: #666;
}

.today-office {
    font-size: 10px;
    margin-bottom: 5px;
    color: #BBBBBB;
}

.today-info {
    line-height: 24px;
}

.today-info.bb-1 {
    border-bottom: 1px solid #e4e4e4;
    color: #777;
    margin-bottom: 5px;
    padding-bottom: 5px;
}



.today-utc {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.today-date {
    font-weight: bold;
    font-size: 22px;
}

.today-count-all {
    float: right;
    color: #AAA;
    margin-right: 30px;
    font-size: 60px;
    line-height: 65px;
}

.today-count-all span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
}

.today-count {
    line-height: 26px;
    padding: 5px 0;
}

.today-right-top {
    margin-left: 100px;
}

.today-right-bottom {
    text-align: right;
}

.today-button {
    width: 130px;
}

.ns-idea-item {
    text-decoration: none;
    color: rgba(0,0,0,0.5);
}

.ns-list-idea {
    padding-bottom: 35px;
}

.ns-idea-meta-right {
    width: 100px;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 0;
}

.ns-idea-windows {
    padding: 10px;
    font-size: 18px;
    color: rgba(0,0,0,0.5);
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.ns-idea-windows:hover {
    color: rgba(0,0,0,0.8);
}

.ns-idea-windows i {
    font-size: 18px;
}

.history-icon {
    color: #888;
}

.user-page-ava {
    width: 200px;
    position: relative;
    float: left;
}

.user-page-img {
    width: 200px;
    height: 200px;
}

.user-page-name {
    padding-top: 21px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}

.user-page-info {
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

.user-page-data {
    margin-left: 210px;
}

.dialog-menu {
    list-style: none;
    margin-left: 0 !important;
    /* max-height: 500px; */
    /* overflow-y: auto; */
}

.dialog-menu-item {
    text-decoration: none;
    display: block;
    color: #555;
    padding: 12px 15px;
    font-size: 13px;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.3s ease-out;  /* FF4+ */
    -ms-transition: background-color 0.3s ease-out;  /* IE10 */
    -o-transition: background-color 0.3s ease-out;  /* Opera 10.5+ */
    transition: background-color 0.3s ease-out;
}

.dialog-menu-item:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dialog-menu-item:hover {
    background-color: #EFEFEF;
}


.ns-progress-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    background: #FFF;
    height: 3px;
}

.ns-progress {
    background: #8C99CE;
    height: 3px;
}

.js-dialog-box textarea.form-control,
.js-dialog-box input[type="text"].form-control {
    font-size: 16px;
}

.toolbar-button {
    padding-top: 24px;
}

.two-line-header {
    margin-left: 51px;
    margin-top: 9px;
    line-height: 20px;
}

.two-line-header b {
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-line-header small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-ava-a {
    position: absolute;
    top: 6px;
}

.title-ava-a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.tr-clickable {
    cursor: pointer;
}

.title-button,
.title-find {
    background: #FFF;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.4);
    width: 60px;
    text-align: center;
    border-right: 1px solid #EEE;
    line-height: 16px;
    padding-top: 14px;
    text-decoration: none !important;
    font-size: 11px !important;
    cursor: pointer;
}

.title-button.add { left: auto; right: 60px; border-left: 1px solid #EEE; border-right: 0;}
.title-button.menu { left: auto; right: 0px; border-left: 1px solid #EEE;  border-right: 0}

.title-button i,
.title-find i {
    font-size: 15px !important;
}

.title-button:hover,
.title-find:hover {
    background: #EEEEEE;
}

.title-ftext {
    margin-left: 60px;
    font-weight: bold;
}

.form-slider {
    border: 1px solid #CCC;
    padding: 10px 10px 5px 10px;
}

.form-slider ul {
    margin-left: 0;
}

.form-slider li img {
    height: auto;
    max-width: 100%;
    display: block;
}

.check-code {
    text-decoration: underline;
    color: red;
    cursor: pointer;
}

.check-code.disabled {
    text-decoration: none;
    color: #AAAAAA;
    cursor: pointer;
}

.check-code:hover {
    text-decoration: none;
}

.home-wbox {
    background: #EEE;
    padding: 15px 25px;
}

.home-wsearch {
    margin: 60px 0;
}



.home-wsearch-text {
    margin-right: 70px;
}

.home-wsearch-button {
    width: 60px;
    text-align: right;
    float: right;
}
.home-wsearch-button button {
    padding: 10px 20px;
}


.user-today-line {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

.user-today-name {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

.user-today-info {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}

.user-today-birthday {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.user-rating {
    font-size: 16px;
}

.user-rating i {
    color: #FFA500;
}

.user-button {
    padding: 6px 12px;
}

.user-button.like {
    background-color: rgba(0, 128, 0, 0.5);
}

.user-button.like:hover {
    background-color: rgba(0, 128, 0, 0.7);
}

.user-button.dislike {
    background-color: rgba(255, 0, 0, 0.5);
}

.user-button.dislike:hover {
    background-color: rgba(255, 0, 0, 0.7);
}

.user-button.mbut {
    width: 100%;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 800;
    border-radius: 4px;
}

.widget-box {
    /* position: sticky; */
    /* top: 80px; */
    /* margin-bottom: 10px; */
}

.myelrte {
    padding: 15px;
    font-size: 1em;
    line-height: 1.7em;

}

.myelrte ul,
.myelrte ol {
    margin-left: 25px;
}