.margin-bottom10{
    margin-bottom:10px;
}

#main {
    /*background-color: #fff;*/
}
#main_plugins {
    background-color: #fff;
}
#header {
    background-color: #00A65A;
}
.mrl15{
    margin-left:15px !important;
}

.mrl5{
    margin-left:5px !important;
}

.mrl10{
    margin-left:10px !important;
}

.mrr15{
    margin-right:15px !important;
}

.mrr10{
    margin-right:10px !important;
}

.mrr5{
    margin-right:5px !important;
}

.mrb15{
    margin-bottom:15px !important;
}
.mt20{
    margin-top:20px !important;
}

.mt4{
    margin-top:4px;
}

.mt12{
    margin-top:12px !important;
}

.pdt20{
    padding-top:20px;
}

.pdt12{
    padding-top:12px;
}

.pd12{
    padding:12px;
}

.mt15{
    margin-top:15px;
}
#left-panel ul li{
    position:relative;

}
.vertical-middle{
    vertical-align: middle !important;
}
.toggle-ribon{
    position: fixed;
    width: 30px;
    height: 30px;
    z-index: 1000;
    right: 2px;
    color: #fff;
    top: 54px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}
.toggle-ribon:visited,.toggle-ribon:active{
    color:#ccc;
}
.toggle-ribon:hover{
    color:#ccc;
}
.hidden_ribbon{
    overflow: hidden;
    height: 40px;
}
#ribbon.show_ribb{
    height:auto;
    overflow: visible;
}
tr.info-finance,th.info-finance,tr.info-finance,td.info-finance{
    border-color: #fff !important;
    color: #fff !important;
    background: #3276b1 !important;
    vertical-align: middle !important;
    text-transform: uppercase;
    font-size:15px;

}

.table-head-grey{
    border:none !important;
    background: #109de4;
    color: #fff;
    padding:10px 12px !important;

}

.table-head-grey a{
    color: #fff;
}

.heading-communication{
    color: #fff;
    background: #4c4f53;
    height:37px;
    line-height: 37px;
}
.heading-communication h2{
    margin:0;
    font-size: 16px;
    padding-left:15px;
    line-height: 37px;
}
.heading-communication .fa{
    margin-right: 10px;
}

.comerce-table .grid-view table thead th,.comerce-table .grid-view table thead td{
    border-color: #fff !important;
    color: #fff !important;
    background: #3276b1 !important;
    vertical-align: middle !important;
    text-transform: uppercase;
    font-size:12px;
    padding: 2px 10px;
}
.comerce-table-padding .grid-view table thead th,.comerce-table-padding .grid-view table thead td{
    padding: 10px 10px;
}
.comerce-table table thead th a,.comerce-table table thead td a{
    color:#fff !important;
}

.table-green{
    color: #fff !important;
    background: #00a65a !important;
    vertical-align: middle !important;
    text-transform: uppercase;

}
.background-white{
    background: #fff;
}
.table-color{
    background: #4572a7 !important;
}

.table-color1{
    background: #80699B !important;
}

.table-color2{
    background: #DB843D !important;
}

.table-color3{
    background: #89A54E !important;
}

.table-color4{
    background: #92A8CD !important;
}

.table-color5{
     background: #A47D7C !important;
 }

.table-color6{
    background: #B5CA92 !important;
}

h2.title-dashbords{
    padding:10px;
    border-bottom:1px solid #4572a7;
    color:#4572a7;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;

}

.highchart-container2{
    width:60%;
    margin:0 auto;
}

.result-block{
    color: #fff !important;
    background: #00a65a !important;
    vertical-align: middle !important;
    text-transform: uppercase;
    /*
    text-align: right;
    height: 25px;
    line-height: 25px;
    padding-right: 15px;*/
}

#left-panel ul li .collapse-sign,#left-panel ul li ol .collapse-sign{
    position: absolute;
    left: 190px;
    top: 0px;
    color: #fff;
    line-height: 39px;
    width: 30px;
    height: 39px;
    text-align: center;
    z-index: 10000;
    cursor: pointer;
}

.table-no-border .table{
    border:none;
}

#left-panel ul li ol .collapse-sign{
    left: 150px;
}

#left-panel ul li .collapse-sign .fa{
    vertical-align: middle;
}

#left-panel .sub-menu-main{
    display: none ;
    position: relative;
}

nav>ul ol li::before,nav>ul ol ol li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    left: -20px;
    top: 18px;
    border-top: 1px solid #7A7A7A;
    z-index: 1;
}
nav>ul ol li a,nav>ul ol ol li a{
    padding-left:0;
    position: relative;
    z-index: 1;
}

nav>ul>li>ol::before,nav>ul>li>ol>li>ol::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A;
}


#header #logo-group #logo{
    margin-left: 7px;
    margin-top: 13px;
    width: 140px;
    color: #6d6a69;
    font-size: 18px;
    font-family: Helvetica, Arial, sans-serif;
}

/*#header .label, #header .project-selector{*/
    /*color: #fff;*/
/*}*/

/*#header .btn-header a {*/
    /*color: #fff;*/
    /*background-color: #00A65A;*/
    /*background-image: none;*/
    /*border-color: #fff;*/
    /*font-size: 16px;*/
/*}*/

/*#header .btn-header a:hover {*/
    /*color: #fff;*/
    /*background-color: #008539;*/
    /*cursor: pointer!important;*/
/*}*/

#header .btn-header span.all-assigns a {
    font-weight: normal!important;
    padding: 1px 40px;
}

#contents{
    padding-left: 20px;
}
#contents a {
    color: #333!important;
}
#contents a:hover {
    text-decoration: underline;
}

#contents ul{
    margin-left: 10px;
}

#article-text iframe
{
    width: 100%;
    height: 1000px;
}

#article-text img
{
    max-width: 100%;
}

.bold {
    font-weight: bold;
}
.contractor-index{
   /* padding:0 15px;*/
}
#contractors ul.pagination li.active a{
    color:#fff !important;
}
kbd,.label{
    display: inline-block;
    margin:1px;
}
.italic {
    font-style: italic;
}
.italic-bold {
    font-style: italic;
    font-weight: bold;
}

div#tablet div#stage-container {
    padding-left: 10px;
    padding-right: 10px;
}
div#tablet div.stage {
    padding-left: 2px;
    padding-right: 2px;
}
div#tablet .stage_name {
    background-color: #F0F8FF;
    border: 1px solid #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 20px;
}
div#tablet .stage_body {
    min-height: 200px;
    height: 100%;
    border: solid 1px #333;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 1px;
}
div#tablet .stage_body ul {
    border-color: transparent!important;
}
div#tablet .stage_body ul li a {
    font-size: 18px;
}

.login-page {
    height: 800px;
}
.nav-pills > li.active > a
{
    border-radius: 3px;
    border: none;
}
/*сменил цвет nav*/
.nav{
    background: #474544;
}

.nav-pills > li.active > a{
    background-color: transparent;
    border-radius: 0;
}
.nav-pills > li.active > a{
    background: #3276b1 !important;
}

.nav-pills>li>a{
    border-radius: 0 !important;
    color:#fff !important;
}

.nav-pills>li>a:hover,.nav-pills>li>a:visited,.nav-pills>li>a:focus{
    background: #3276b1 !important;
}

.nav.nav-tabs{
    background: #fff;
}

/*.select2-container {*/
/*display: inline;*/
/*}*/

.task-container {
    margin-bottom: 0;
    padding: 2px;
    border: 1px solid rgba(3, 169, 244, 0.58);
    border-radius: 5px;
}
.task-container:hover{
    cursor: pointer;
}
.task-container .top-row {
    background-color: rgba(255, 255, 255, 0.75);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 45px;
    margin-bottom: 2px;
    display: flex;
    vertical-align: middle;
    border-color:#fff
}
.task-container .middle-row {
    background-color: rgba(255, 255, 255, 0.75);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 35px;
    display: flex;
    border-color:#fff
}
.task-container .bottom-row {
    background-color: rgba(255, 255, 255, 0.75);
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 20px;
    /*display: flex;*/
    border-color:#fff
}
.btn-tasks{
     margin-top:2px !important;
 }
.btn-tasks:first-of-type{
    margin-top:4px !important;
}
.task-container .top-row .process_task_description {
    display: block;
    text-align: center;
}
.task-container .task-control {
    padding: 0;
}

#clock{
    color: #6d6a69;
    font-weight: bold;
    font-size: 20px;
    margin-top: 12px;
    margin-left: 5px;
}

body.smart-style-6 #clock {
    color: #fff;
}

body.smart-style-6 .fa-search {
    color: #6d6a69;
}

body.smart-style-6 #logo {
    color: #fff!important;
}

.ribbon-link {
    margin: 10px 12px;
}
.ribbon-link a {
    color: #aaaaaa;
}
.ribbon-link.active a {
    color: #fff;
}
.ribbon-link a:hover {
    color: #fff;
}
.ribbon-link span {
    color: #fff;
}
#all-assignment {
    border: 1px solid #aaa;
    margin: 3px 0;
    padding: 6px 20px;
}
#all-assignment a{
    color: #fff;
    display: block;
}
#all-assignment a:hover{
    color: #aaa;
}


.workday div.tab-content {
    padding: 0;
}
div[role='content'] {
    padding-left: 0;
    padding-right: 0;
}
div.tabs-krajee ul.nav{
    border: 1px solid #C2C2C2;
}
div.tabs-krajee li.active a{
   /* background-color: #f0f0f0!important;
    border-bottom-color: #f0f0f0!important;*/
}

table.groups tr th{
    text-align: center;
    font-size: 1.14em;
}
table.groups tr td.surname {
    padding: 5px;
    text-align: center;
    /*font-size: 1.12em;*/
    font-weight: bold;
}
table.groups tr td.surname span a.btn {
    background-color: #474544;
    border-color: #474544;
    color: #fff;
}
table.groups tr td.surname .name {
    margin-top: 1px;
    font-size: 18px;
    cursor: pointer;
    text-align: left;
    padding-left: 10px;
}
tr.group-row td {
    padding: 0!important;
}
tr.group-row td ul{
    overflow: hidden!important;
    min-height: 300px!important;
    border-color: transparent;
}
tr.group-row td ul li{
    max-height: 50px;
    overflow: hidden;
}
tr.group-row td ul li a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:7px;
    padding-right:20px;
    position: relative;
}
tr.group-row td ul li a .return-documents{
    float:none !important;
    width:15px;
    height: 15px;
    position: absolute;
    right:5px;
    top:10px;
}

tr.group-row-an td ul{
   /* display: none;
    overflow: hidden!important;
    max-height: 0px!important;
    min-height: 0px!important;*/
}


.row-cooperation {
    border-bottom: 1px solid #f4f4f4;
}
.row-success {
    background-color: #dff0d8;
}
.row-warning{
    background-color: #fcf8e3;
}
.row-danger {
    background-color: #f2dede;
}
.row-info {
    background-color: #d9edf7;
}
.row-active {
    background-color: #F8F8FF;
}
.comment-datetime {
    color: #989898;
    font-size: 0.9em;
}
.reed {
    cursor: pointer;
}

.worspace-green-bg{
    background:#00a65a !important;
    color:#fff !important;
}

/*Task*/
#taskView table td,#taskView table th{
    padding: 4px 8px;
}
#taskView .select2{
    width:100% !important;
    border:1px solid #ddd;
    min-height: 32px;
}
#taskView input.form-control{
    min-height: 32px;
    line-height: 32px;
}
#taskView .select2-container--default .select2-selection--multiple{
    border-radius:0;
}

#taskView .btn-center{
    width:auto;
}
#taskView .select2-container--default .select2-selection--multiple,#taskView .select2-container--default .select2-selection--single{
    border:1px solid #fff;
}

#taskView .select2-container--focus,#taskView .select2-container--open{
    border:1px solid #aaa;
}
#taskView .inputProperties .select2-selection{
    background: url('../img/arrows/add.svg')no-repeat 99% center;
    cursor: pointer;
}
.task-description-wrap .form-group{
    margin-left: 0;
    margin-right: 0;
}
/*.task-description-wrap .select2{*/
    /*border:none !important;*/
/*}*/
.bg-color-danger{
    background:#a90329;
    color:#fff;
}
#taskView .smal-height .select2-container  .select2-selection--multiple{
    height: 31px !important;
    min-height: 31px !important;
}
#taskView .select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
}
#taskView .alert{
    padding: 0;
}
#taskView .task-wrap-description label{
    margin-bottom:10px;
}
#taskView #inputDescription{
    height:326px;
}
.task-wrap-description .form-group{
    margin-left:0;
    margin-right: 0;
}

#taskStatus.alert{
    border:none;
}
.task-container-active {
    margin-bottom: 0px;
    padding-right: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border: 1px solid rgba(255, 165, 0, 0.46);
    border-radius: 5px;
    background-color: rgba(255, 165, 0, 0.32);
}
.task-container-active .top-row {
    background-color: #ffe2ae;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 40px;
    margin-bottom: 2px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    border:none;
}
.task-container-active .middle-row {
    background-color: #ffe2ae;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 35px;
    border:none;
}
.task-container-active .bottom-row {
    background-color: #ffe2ae;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 25px;
    border:none;
}
.task-container-active .top-row .process_task_description {
    /*    display: block;
        text-align: center;*/
}
.task-container-active .task-control {
    padding: 0;
}
.task-container-complete {
    margin-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 1px solid #89bc94;
    border-radius: 5px;
    background-color: rgba(0, 128, 0, 0.32);
}
.task-container-complete .top-row {
    background-color: #aed7ae;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    margin-bottom: 2px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    border:none;
}
.task-container-complete .middle-row {
    background-color: #aed7ae;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 35px;
    border:none;
}
.task-container-complete .bottom-row {
    background-color: #aed7ae;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 25px;
    border:none;
}
.task-container-complete .top-row .process_task_description {
    display: block;
    text-align: center;
}
.task-container-complete.task-control {
    padding: 0;
}
.task-container-pause {
    margin-bottom: 0px;
    padding-right: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border: 1px solid rgba(173, 216, 230, 0.65);
    border-radius: 5px;
    background-color: rgba(173, 216, 230, 0.55);
}
.task-container-pause .top-row {
    background-color: #d2e9f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 40px;
    margin-bottom: 2px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    border:none;
}
.task-container-pause .middle-row {
    background-color: #d2e9f1;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 35px;
    border:none;
}
.task-container-pause .bottom-row {
    background-color: #d2e9f1;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 25px;
    border:none;
}
.task-container-pause .top-row .process_task_description {
    display: block;
    text-align: center;
}
.task-container-pause .task-control {
    padding: 0;
}


.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.start_button div.left {
    padding: 5px 5px 0;
}
.start_button div.right {
    padding: 5px;
}
.start-btn-inner{
    padding: 5px;
    margin: 0;
    height: 42px;
    text-align: center;
    vertical-align: middle;
}
.task-wrapper {
    padding: 0 5px
}

#process-end .left {
    padding: 0 5px 5px 5px;
}

#process-end .right {
    padding: 5px;
}
#process-end .end-process-inner{
    padding: 5px;
    margin: 0;
    height: 42px;
    text-align: center;
    vertical-align: middle;
}
.task-container {
    padding: 2px;
    margin-bottom: 0px;
}

.top-row a,.top-row b,.top-row span {
    margin: auto;
}

.buttons-container {
    padding: 1px;
    margin-bottom: 3px;
    margin-top: 5px;
    border: none;
}
.arrows-middle {
    margin-bottom: 0;
    height: 42px;
    padding: 0;
}
.arrows-middle img {
    height: 42px;
    width: 60px;
}
.arrow-end {
    margin-bottom: 0;
    height: 22px;
    padding: 0;
}
.arrows-end img {
    height: 42px;
    width: 60px;
}
.item-empty {
    margin-bottom: 0;
    height: 73px;
    padding: 0;
}
.item-empty img {
    height: inherit;
    width: 60px;
}
.arrows {
    margin-bottom: 0;
    height: 42px;
    padding: 0;
}

ul.pagination li.active a{
    color: #fff!important;
}
.add-assignment {
    border: 3px solid #fff!important;
    margin: 0;
    padding: 5px 0;
}

span.page-tittle{
    color:#fff;
    line-height: 40px;
    margin-left:10px;
    font-size:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
}

.green {
    background-color: #00A65A;
}
.assignment-btn {
    margin: 0 0 20px 5px;
    width: 175px;
    font-size: 12px;
}
.assignment-btn-back {
    margin: 0 0 20px 5px;
    font-size: 12px;
}
.assignment-btn:first-of-type{
    margin-left:0;
}
.btn-dep {
    color: #fff;
    background-color: #474544;
    border-color: #aaa;
    margin-top: 3px;
}

.btn-dep:hover {
    color: #fff;
}

.btn-group.open .dropdown-toggle {
    color: #fff;
}

.btn-dep:focus {
    color: #fff;
}

a.item-user-name {
    font-size: 16px;
    color: #333;
}
.user-name {
    padding: 2px 10px;
    cursor: pointer;
}
.user-name:hover {
    background-color: #ccf;
}

.task-date {
    font-size: large;
    padding-left: 5px;
    padding-right: 5px;
}
.glyphicon-time-task {
    top: 4px;
}
.dp-task-execution {
    width: 135px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    padding-left: 0;
    cursor:pointer;
    background-color:rgba(255, 255, 255, 0);
    font-size: 15px;
}
.dp-task-execution-list {
    width: 110px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    padding-left: 0;
    cursor:pointer;
    background-color:rgba(255, 255, 255, 0);
    font-size: 13px;
    color: #8B76C2;
}

.relations {
    height: 16px;
    margin-left: -18px;
    margin-right: -18px;
}
.relations div{
    padding: 0;
}
.task-middle {
    height: 73px;
}
.left, .center, .right  {
    height: 100%;
}
.tooltip.right  {
    height: auto;
}
.left{
    padding-left: 0;
}
.center{
}
.right{
    padding-right: 0;
}

.bottom-right {
    border-left: 2px solid black;
    border-top: 2px solid black;
    border-top-left-radius: 8px;
    height: 50%;
    margin-top: 8px;
}

.bottom-left {
    border-right: 2px solid black;
    border-top: 2px solid black;
    border-top-right-radius: 8px;
    height: 50%;
    margin-top: 8px;
}

.top-left {
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-bottom-right-radius: 8px;
    height: calc(50% + 2px);
}
.top-left.center {
    width: 50%;
}

.top-bottom {
    border-right: 2px solid black;
    height: 100%;
    width: 50%;
}

.left-right {
    margin-top: 8px;
    height: 50%;
    border-top: 2px solid black;
}


.send_message {
    color: #2b6b35;
    font-weight: bold;
    margin-left: 5px
}

.popover {
    height: auto;
}

label.email-label {
    font-size: 15px;
}

.topic-form {
    padding-bottom: 30px;
}
span#like-count {
    color: #999;
}
span#like-count.active {
    color: #337AB7;
    font-weight: bold;
}

.comment-input input {
    width: 100%!important;
}
.topic-name {
    font-size: 14px;
    color: #636363;
}
#topic-list li.topic-item {
    padding: 5px 20px;
    color: #3b62c8;
    cursor: pointer;
}
#topic-list li.topic-item.active {
    background-color: #a1b8d2;
    cursor: auto;
}
.new-task-contaner {
    padding-right: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border: 1px solid #31708F;
    border-radius: 5px;
    /*background-color: green;*/
    margin-bottom: 0px;
    /*    padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;*/
}
.new-task-contaner-info {
    padding-right: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    border: 1px solid rgba(0, 121, 255, 0.29);
    border-radius: 5px;
    background-color: rgba(0, 121, 255, 0.29);
    margin-bottom: 0px;
    /*    padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;*/
}
.new-task-contaner-top {
    background-color: rgba(255, 255, 255, 0.75);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    margin-bottom: 2px;
    text-align: center;
    display: flex;
    vertical-align: middle;
    /*    padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;*/
}
.new-task-contaner-bottom {
    background-color: rgba(255, 255, 255, 0.75);
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 25px;
    /*    padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;*/
}
.new-task-contaner-empty {
    background-color: transparent;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    /*white-space: normal;*/
/*    overflow: hidden;
    text-overflow: ellipsis;*/
    border-radius: 30px;
    height: 67px;
    border:none;
    /*    padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;*/
}
.new-task-contaner-empty p{
    margin-top:25px;
}
.item-empty-assignment {
    margin-bottom: 0px;
    height: 73px;
    padding: 0px;
}

.btn-circle-lite {
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 0 0;
    font-size: 9px;
    line-height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
}

.topic-info {
    background-color: cornflowerblue;
    cursor: pointer;
}
.topic-description {
    color: #333;
    margin: auto 5px;
}
.ajax-dropdown:before, .ajax-dropdown:after {
    border: none;
}

.ajax-dropdown .btn-group .btn {
    text-transform: none;
}

.notific-comment-text {
    color: #999;
    font-style: italic;
}

.comments a.btn {
    margin-bottom: 5px;
}
.comments a.btn.active {
    background-color: cornflowerblue;
    color: #fff;
    margin-bottom: 5px;
}

.project-inner {
    border: 1px solid #C2C2C2;
    margin: 0 0 10px 15px;
    vertical-align: middle;
    padding: 0;
}

.project-inner .table2  {
    height: 50px;
    display: table;
}

.project-inner .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
.project-inner .number, .project-inner .name, .project-inner .statistic  {
    border-right: 1px solid #C2C2C2;

}

.production_task {
    font-size: 2em;
}
.production_task a {
    display: block;
    padding: 10px 5px !important;
}

img.online {
    object-fit: cover;
    object-position: center;
    height: 30px!important;
}


.draw-assignment-tasks {
    overflow: auto;
}

/*стили панели планирования begin*/
#plan-table-container {
    overflow-x: scroll;
    margin-left: 0;
    padding-left: 0;
}
.plan_table_row {
    height: 50px;
}
.units tbody tr td{
    height: 57px;
}
.units_diagram tbody tr td{
    height: 150px;
}.units_diagram {
     min-width:300px;
 }
.area {
    width: 100px;
}
th.date {
    width: 400px;
}

div.hour, div.half-hour, div.quarter {
    width: 40px;
    height: 40px;
    border: 1px solid #333;
}
.hours_one div.hour {
    width: 160px;
}
div.time-unit {
    height: 100%;
}
div.hour div.time-unit {
    width: 25%;
}
div.half-hour div.time-unit {
    width: 50%;
}
div.quarter div.time-unit {
    width: 100%;
}
div.time-unit.booked {
    background-color: darkgrey;
}
div.time-unit.overdue {
    background-color: red;
}
div.time-unit.assigned {
    background-color: blue;
}
div.time-unit.active {
    background-color: yellow;
}
div.time-unit.success {
    background-color: green;
}
.select2-container--bootstrap .select2-selection{
    border-radius: 0px;
}
.select2-dropdown {
    border-radius: 0px;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    border-radius: 0px;
}

.decision-buttons {
    padding-top: 24px;
}

.select2-container--krajee .select2-selection{
    border-radius: 0px;
}
.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    border-radius: 0px;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    list-style: none;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    list-style: none;
    white-space: nowrap;
}



.short-text {
    max-height: 125px;
    overflow: hidden;
}

.project-article-view {
    min-height: 1000px;
    width: 100%;
}
#taskView .redactor-editor{
    min-height: 250px;

}
.hr-hard {
    border-top: 1px solid black;
}
.div-cursor-pointer {
    cursor: pointer;
}

.list-group-item-text-new {
    color: black;
}
.list-group-item-new  {
    background-color: #BFBFBF;
    position: relative;
    display: block;
    padding: 3px 15px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
}

.list-group-item-new:hover {
    color: #777;
    background-color: #eee;
}

.btn-center {
    display: inline;
    width: 20%;
}
.tab-task {
    margin: 0px 0px;
    width: 100%;
}
.tab-task td,.tab-task th{
    vertical-align: middle !important;
}

.task-label {
    float: right;
    padding-right: 10px;
}

.atlas-event {
    background-color: #00A65A;
}
.atlas-birthday {
    background-color: #faeb75;
    color: #333;
}
.atlas-task-bpm {
    background-color: #fab39e;
    color: #333;
}
.atlas-task-svz {
    background-color: #fab39e;
    color: #333;
}
.important-posts {
    border: 1px solid #fab70b;
    padding: 10px;
    margin-bottom: 10px;
}.navxhr {
    margin-top: 9px;
    margin-bottom: 9px;
}

 /*Check Design*/
section.check-design{
    margin-bottom: 15px;
    position: relative;
    padding: 25px 0px 5px;
}

.check-design .label{
    display: inline-block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    text-align: left;
    white-space: normal;
}
.check-design .inline-group .radio{
    float: right;
    margin-right: 30px;
    margin-bottom: 4px;
    padding-left: 25px;
    line-height: 25px;
    color: #404040;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    display: block;
    font-weight: 400;
}
.check-design input[type=radio]{
    margin-top: 2px;
    line-height: normal;
    position: absolute;
    left: -9999px;
    margin-left: -20px;
    margin: 4px 0 0;
    box-sizing: border-box;
    padding: 0;
}

.check-design .radio i{
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #FFF;
}
.check-design .radio input:checked+i{
    border-color: #3276B1;
}
.check-design .checkbox input:checked+i:after,.check-design .radio input:checked+i:after{
    opacity: 1;
}

.check-design .radio input+i:after {
    background-color: #3276B1;
}

.check-design .radio input+i:after {
    content: '';
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.check-design .inline-group {
    margin: 0 -15px -4px 0;
}
.check-design .radio+.radio {
    margin-top: 10px;
}
.check-design .checkbox input+i:after, .check-design .radio input+i:after {
    position: absolute;
    opacity: 0;
    transition: opacity .1s;
    -o-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.my-bg-color-green{
    background: green;
    color:yellow;
}
.my-bg-color-blue{
    background: #d9edf7;
    color:#305d8c;
}
.text-white{
    color:#fff;
}

.strong{
    font-weight: 700;
}

@media screen and (min-width: 980px) {
    #main{min-height:750px;}
}

.calendar-select {
    cursor: pointer;
}

td.overdue {
    background-color: #fee;
}

.panel-header{
    border-color: #383838 !important;
    background: #404040;
    color: #fff;
    height: 34px;
    padding: 0;
    line-height: 40px;

}

.hard-task-wrapp{
    border:1px solid #ccc;
    padding:13px;
}

.panel-header .controls{
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
    line-height: 25px;
    height: 25px;
}

.panel-header .controls .btn-icon{
    height:25px;
    line-height: 25px;
    color:#fff;
    font-size: 20px;
    vertical-align: top;
}
.panel-header .controls .btn-icon .fa{
    vertical-align: top;
    line-height: 13px;
}

.draw-assignment-tasks.height300{
    height: 300px !important;
    overflow-y: scroll !important;
}

.draw-assignment-tasks.height400{
    height: 400px !important;
    overflow-y: scroll !important;
}
.draw-assignment-tasks.max_height{
    height:100% !important;
}
.draw-assignment-tasks{
    overflow-y: hidden !important;
}
.task_new_hard .task-container-active .middle-row,.task_new_hard .task-container-active .top-row{
    height:37px;
}
/*.task_new_hard .task-container-active .bottom-row{*/
    /*display: none;*/
/*}*/

/*base knoweledge*/
.paddinLeft-0{
    padding-left:0;
}
.activated{
    background: red;
    color:#fff;
}
#contents li.parent_li:before,#contents li.parent_li:after{
    display:none;
}
#contents{
    padding-left: 0 !important;
    margin-left:40px;
}
#contents li.parent_li .bold{
    margin-left:-30px;
    display: inline-block;
    height: 20px;
    background: #fff;
    position: relative;
    z-index: 1;
}
#contents li.parent_li ul:first-of-type{
    margin-top:1px;
}
#contents ul {
    margin-left: 0px;
}
.tree li span{
    cursor:default;
}
#kb-container{
    padding:10px;
}
#kb-container iframe{
    width:100%;
    height:700px;
}
.knoweleg-right,.knoweleg-left{
    overflow: auto;
    background: #fff;
}
.label-wrap .label{
    white-space: normal;
    line-height: 1.2;
}

.label-wrap .table > tbody > tr > td{
    text-align: center;
}
.panel-buttons{
    background: #fff;
    padding:10px;
}
.panel-buttons .assignment-btn:first-of-type,.panel-buttons .assignment-btn,.panel-buttons .assignment-btn-back{
    margin-bottom:0 !important;
}
.bg-knoweledge{
    background: #fff;
    border: 1px solid #ddd;
}
.hidden-menu{
    font-size: 26px;
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    color: #474544;
}
.knoweleg-left-wrap-hidden{

}
.hidden-menu:hover,.hidden-menu:visited,.hidden-menu:focus{
    color:#333;
}

/*indexes*/
#indexes .table>tbody>tr>td,#indexes .table>tbody>tr>th,#indexes .table>thead>tr>td,#indexes .table>thead>th>td,#indexes .table>thead>tr>th{
    vertical-align: middle;
    line-height: 1;
}

#indexes .table>thead>tr>th,#indexes th{
    padding:20px 10px;
    text-align: center;
    font-size: 13px;
}
#indexes .inline{
    display: inline-block;
    margin-right: 10px;
}
#indexes .dropdown{
    top:8px;
}

.distributed-resource-time-this {
    background-color: dimgrey;
}
.distributed-resource-time {
    background-color: lightgrey;
}

/*tabs-button*/
.border-ddd{
    border:1px solid #ddd;
    border-top: 1px solid #ddd !important;
    border-radius: 0 !important;
}

.tabs-button .nav.nav-tabs{
    border: none;
}
.tabs-button .nav.nav-tabs li a{
    border-radius:3px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    background-color: #fff;
    border:1px solid #ccc;
    margin-left:10px;
    padding:8px 10px;
}
.tabs-button .nav.nav-tabs li a:hover,.tabs-button .nav.nav-tabs li.active a{
    background-color: #3276b1 !important;
    color:#fff !important;
    border-color:transparent !important;
    font-weight: normal;
}
/*end tabs-button*/
.tabs-panels .nav-tabs{
    background: #474544;
    border:none !important;
}
.tabs-panels .nav>li>a{
    border-radius: 0 !important;
    color: #fff !important;
    border:none;
    margin:0;
}

.tabs-panels .nav li{
    margin-bottom:0;
}

.tabs-panels .nav-pills{
    background: none;
}
.tabs-panels .nav li.active a, .tabs-panels .nav>li>a:visited,.tabs-panels .nav>li>a:hover, .tabs-panels .nav>li>a:focus{
    background: #3276b1 !important;
    color: #fff !important;
    border:none !important;
    margin:0 !important;
    font-weight:normal;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow:none;
}

.panel-buttons{
    border: 1px solid #ddd;
    border-bottom: none;
    background: #fff;
    padding: 10px;
}

.tabs-panels .tab-content{
    padding:10px 0 0 0;
}

.tabs-panels .padding-0{
    padding:0 10px 10px 10px;
}

/*menu_fixed*/
.menu_fixed #left-panel{
    position:fixed;
    height: 100%;
}

.menu_fixed nav {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 49px;
}


.menu_fixed nav>ul {
    padding-right: 15px;
    position: relative;
    height: 100%;
    width: 175%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.menu_fixed.minified nav>ul>li>a>.menu-item-parent{
    display: none !important;
}

.minified #left-panel{
    position: absolute !important;
    overflow: visible;
}

#left-panel{
    position:fixed !important;
}



.minified.menu_fixed nav ul {
    overflow-y: visible !important;
    overflow-x: visible !important;
    width: 115% !important;
}

.minified .collapse-sign{
    display: none;
}
.minified.menu_fixed nav{
    overflow-y:visible !important;
    height: auto;
}

span.minifyme{
    display:none;
}

.menu_fixed nav{
    overflow-y:auto !important;
}

#left-panel .sub-menu-main{
    position: relative !important;

}

.minified #left-panel .sub-menu-main{
    position: absolute !important;
    overflow: visible !important;
    width:200px !important;

    left:36px;
}

.minified #left-panel .sub-menu-main.bottom0{
    bottom:0 !important;
}

.menu-item-parent{
    left:36px !important;
    width:185px !important;
}

.menu-item-parent.top-100{
    top:30px !important;
}
.minified nav>ul>li:hover>a>.menu-item-parent, .minified nav>ul>li:hover>ul {
    display: block!important;
}

.menu_fixed .minifyme{
    position: relative !important;
    right:auto !important;
    width:36px !important;
}

#hide-menu a{
    height: auto;
    margin-left:7px;
}
.menu_fixed #hide-menu{
    width:45px;
}
.hidden-menu .minifyme, .minified #hide-menu{
    display: block !important;
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before,.minified .minifyme .fa:before,.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9" !important;
}
/**/

.perfomance .table > tbody > tr > td{
    padding:1px 10px !important;
}

.padding15{
    padding:15px;
}

.borderddd{
    border:1px solid #ddd;
    background: #fff;
}

.borderddd .table{
    margin-bottom:0;
}

.workspace-index .table thead th{
    text-align: center !important;
    border: none !important;
    border-bottom: 1px solid  #a0aeb3 !important;
}
.dashbord-wrapp .table{
    border:1px solid #ddd;
}

.table > thead > tr > th, table thead tr th{
    text-align: center;
}

.planing-status{
    background-color: dimgrey;
}

.active-operation{
    border: 3px dashed red;
}

.label-btn{
    border:none;
    box-shadow: none;
    font-size: 13px;
    background: #474544;
    color:#fff !important;

    display: inline-block !important;
    width: auto !important;
    height: 40px !important;;
    line-height: 40px !important;;
    padding: 0 10px !important;;
}
.label-btn:hover{
    border-bottom:transparent;
    background: #3276b1 !important;

}
.label-btn.active{
    -webkit-box-shadow: 0 ;
    -moz-box-shadow: 0 ;
    box-shadow: 0 ;
    border-top-width: 0!important;
    margin-top: 1px!important;
    font-weight: normal;
    background: #3276b1 !important;
}

.label-btn.active.focus{
    border: 0!important;
   outline: none;
}


@media screen and (max-width: 1350px) {
    .assignment-btn-mobile span{
        display: none;
    }
    .assignment-btn-mobile{
        width:124px !important;
    }
}

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

    .assignment-btn-mobile{
        width:110px !important;
    }
    span.page-tittle{
        font-size:14px;
    }
}


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

    .assignment-btn-mobile{
        width:104px !important;
        padding:6px !important;
    }
}

.nfc-left {
    width: 93%;
}
.nfc-right {
    border-bottom: none;
}
.legend-plan
{
    background-color: #8DBF84;
}
.legend-fact
{
    background-color: #99BCCE;
}

tr.doc_invoice
{
    background-color: #FCFABD;
}
tr.doc_waybill
{
    background-color: #F7E38B;
}
tr.doc_act
{
    background-color: #F7CE8B;
}
tr.doc_bank
{
    background-color: #f7897c;
}
tr.doc_invoice_ccount
{
    background-color: #FAB061;
}
tr.doc_order
{
    background-color: rgba(252, 250, 189, 0.4);
}

a.pp-switch-on {
    color: #fff;
}
a.pp-switch-off {
    color: #333;
}

/*Beta*/
#left-panel li#commerce{
    position: relative;
}
#smart-style-white{
    position: relative;
    display: inline-block;
}
#smart-style-white:after{
    content:'Beta';
    position: absolute;
    top: 2px;
    left: 110px;
    background-color: #a90329;
    padding: .2em;
    font-size: 70%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;

}
.chat-btn{
    position: relative;
    margin-right: 15px !important;
}
.chat-btn:after{
    content:'Beta';
    position: absolute;
    top: -3px;
    left: 10px;
    background-color: #a90329;
    padding: .2em;
    font-size: 70%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.minified #left-panel li#commerce:after{
    top: -4px;
    left: 10px;
    display:none;
}

.change-profile-info div.required label.control-label{
    position: relative;
}

.change-profile-info div.required label.control-label:after{
    content: '*';
    position: absolute;
    font-size:18px;
    right: -10px;
    top: -7px;
    color:#c7254e;

}

.perform-mes-task
{
    background-color: orange;
}

.success-mes-task
{
    background-color: #0ff00b;
}

.pause-mes-task
{
    background-color: #0bf0f0;
}

.deadline-mes-task
{
    background-color: red;
}

.active-fact
{
    background-color: #ff8d06;
}

.success-fact
{
    background-color: #369829;
}

/*Фиксированные шапки в рабочей панели*/
.table-fixed{
    border-top:0 !important;
}
.table-fixed thead {
    width: 100%;
    overflow: hidden;
}
.table-fixed>thead>tr>th{
    border-left:1px solid #ddd;
    border-right:none;
}
.table-fixed tbody {
    overflow-y: auto;
    /*width:calc(100% + 16px) !important;*/
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

.table-fixed tr{
    width:100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.table-fixed tr td.surname{
    border:none !important;
    width:100%;
}
.table-fixed tbody td{
    border-top:none !important;
    border-bottom:none !important;
}
.table-fixed th{
    border:none !important;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
    float: left;
    border-bottom-width: 0;
}

.th-font-thin tr.info-finance,.th-font-thin th.info-finance,.th-font-thin tr.info-finance,.th-font-thin td.info-finance{
    font-size:12px;
    white-space:nowrap;
}

.th-nowrap th,.th-nowrap td{
    white-space:nowrap;
}

.workday{
    overflow-x: hidden;
}
.table-fixed tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;

}
.table-fixed tbody tr.group-row {
    border: 1px solid rgba(49, 145, 221, 0.49);
}
.table-fixed tbody tr.group-row.group-row-an {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.index-item{
    cursor: pointer;
}

/*MES Planning Panels */
.table-units-date tbody tr td,.units tbody tr td{
    height: 60px;
    line-height: 60px;
}
.units_diagram tbody tr td{
    height: 150px;
    line-height: 150px;
}
.table-units-date tbody tr td ,.units tbody tr td{
    padding: 0 10px !important;
    height: 50px;
    line-height: 10px;
}
.units_diagram tbody tr td{
    padding: 0 5px !important;
    height: 125px;
    line-height: 10px;
}
.units tbody tr td{
    height: 50px;
    font-weight: bold;
}
.units_diagram tbody tr td{
    height: 125px;
    font-weight: bold;
}
.table-units-date tbody tr td > div,.units tbody tr td > div{
    display: inline-block;
    line-height: normal;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
units_diagram tbody tr td > div{
    display: inline-block;
    line-height: normal;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.units tbody tr td > div.unit{
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}
.units_diagram tbody tr td > div.unit{
    max-height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}
 .table-units-date tbody tr:nth-of-type(even),.units tbody tr:nth-of-type(even){
     border-bottom:2px solid #000 !important;
 }
.table-units-date tbody tr:nth-of-type(even) td,.units tbody tr:nth-of-type(even) td{
    padding-top:0 !important;
    vertical-align: top;
    background: rgba(16, 198, 243, 0.39);
}
.table-units-date tbody tr:nth-of-type(even) td,.units_diagram tbody tr:nth-of-type(even) td{
    padding-top:0 !important;
    vertical-align: center;
    text-align: center;
    background: rgba(16, 198, 243, 0.39);
}

.table-units-date tbody tr:nth-of-type(odd) td,.units tbody tr:nth-of-type(odd) td{
    vertical-align: bottom;
    background: rgba(243, 230, 16, 0.42);
}
.table-units-date tbody tr:nth-of-type(odd) td,.units_diagram tbody tr:nth-of-type(odd) td{
    vertical-align: center;
    text-align: center;
    background: rgba(243, 230, 16, 0.42);
}
/* End MES Planning Panels*/

/*Color Loader*/
#bonfire-pageloader svg {
    fill:#00a65a;
}
/*End Color Loader*/
/*Стиль значка важности на карточке задания*/
#workday_grade{
    display: block;
    padding-top: 4px;
    width: 35px;
    height: 35px;
    float: left;
    font-size: 18px;
    border: 1px solid rgba(53, 229, 69, 0.62);
    border-radius: 50px;
    text-align: center;
    color:#fefefe;
    background: rgba(53, 229, 69, 0.62);
}
#workday_text{
    display: block;
    width: 100%;
    padding-left: 5px;
}

/*тултипы*/
.tooltip{
    display: none;
    position: absolute;
    z-index: 999;
    left: -9999px;
    background-color: #dedede;
    padding: 1px;
    border: 1px solid #fff;
    text-align: center;
}
.tooltip p{
    margin:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}
.tooltip,.tooltip{
    background: none;
    border: none;
}
.draw-assignment-tasks .tooltip.bottom{
    left: 105px !important;
}
.workday .tooltip.top {
    margin-top: 1px;
}
.tooltip-inner,.tooltip-inner{
    background: #474544;
    opacity: 1;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #474544 !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #474544 !important;
}
.project-top-nav .tooltip-inner{
    max-width:none !Important;
    width:220px;
}
.tooltip.in{
    opacity: 1;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #777;
}
.draw-assignment-tasks .tooltip.bottom .tooltip-arrow{
    border-bottom-color: #777;
}
.sortable li:hover{
    cursor:pointer !important;
}
/* 10 приоритетов */

.my-deeds-container-wrap{
    font-size:15px;
}
.my-deeds-container-wrap .jarviswidget header{
    display: none;
}
.deeds-coll-procent{
    width:60px;
    height: 60px;
    float:left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: #03a96c;
    color:#000;
    border: 2px solid rgba(3, 122, 78, 0.73);
    line-height: 57px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.deeds-coll-text{
    height: 60px;
    width:calc(100% - 80px);
    float:right;
    border-bottom: 1px solid rgba(51, 122, 183, 0.22);
    overflow: hidden;

}
.deeds-coll-text-name{
    width:80px;
    height: 60px;
    float:left;

    line-height: 60px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}
.deeds-coll-text-status{
    width:140px;
    height: 60px;
    float:left;

    line-height: 60px;
    text-align: right;
    font-size: 26px;
    font-weight: bold;
}
.deeds-coll-text-info{
    float:left;
    width:calc(100% - 390px);
    height: 60px;
    text-align: left;
    padding:10px 0;
    overflow: hidden;
}
.deeds-coll-text-info p{
    text-overflow: ellipsis;
    padding:0 10px;
}
.deeds-coll-text-info-rating{
    float:left;
    width:calc(100%);
    height: 60px;
    text-align: left;
    padding:10px 0;
    overflow: hidden;
}
.deeds-coll-text-info-rating p{
    text-overflow: ellipsis;
    padding:0 10px;
}
.deeds-coll-text-deadline{
    width:120px;
    float:right;
    border-left:1px solid rgba(51, 122, 183, 0.22);
    height: 60px;
    position: relative;
}
.deeds-time{
    width:100px;
    position: absolute;
    height:45px;
    line-height: 20px;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    text-align: center;
}
.deeds-row{
    overflow: hidden;
    margin-bottom: 17px;
}
.deeds-info{
    height: 300px;
    border: 3px solid #ddd;
    text-align: center;
    vertical-align: middle;

    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:15px;
    position: relative;
}
.deeds-info-procents{
    width:100%;
    height:26px;
    position: absolute;
    margin: auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.deeds-info p{
    font-size:16px;
    padding:10px;
}
rating-info-container {
    width: 25%!important;
}
.rating-info{
    height: 140px;
    border: 3px solid #ddd;
    text-align: center;
    vertical-align: middle;

    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:15px;
    position: relative;
}
.rating-info-procents{
    width:100%;
    height:26px;
    position: absolute;
    margin: auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.rating-info p{
    font-size:16px;
    padding:10px;
}
.my-deeds-container-wrap .chart{
    margin: 10px 5px 10px 10px;
    background-color:  transparent !important;
    border: none;
    line-height: normal !important;
}

.my-deeds-container-wrap .red{
    background: #C62828 !important;
    border-color:#C62828 !important;
}

.my-deeds-container-wrap .red2{
    background: #F44336 !important;
    border-color:#F44336 !important;
}

.my-deeds-container-wrap .red3{
    background: #EEFF41 !important;
    border-color:#EEFF41 !important;
}

.my-deeds-container-wrap .red4{
    background: #F4FF81 !important;
    border-color:#F4FF81 !important;
}
.my-deeds-container-wrap .red4{
    background: #F4FF81 !important;
    border-color:#F4FF81 !important;
}

.my-deeds-container-wrap .red5{
    background: rgba(205, 220, 57, 0.77) !important;
    border-color: rgba(205, 220, 57, 0.77) !important;
}

.my-deeds-container-wrap .red6{
    background: #00E676 !important;
    border-color:#00E676 !important;
}
.my-deeds-container-wrap .red6{
    background: #00E676 !important;
    border-color:#00E676 !important;
}

.my-deeds-container-wrap .red7{
    background: #00E676 !important;
    border-color:#00E676 !important;
}
.my-deeds-container-wrap .red8{
    background: #00E676 !important;
    border-color:#00E676 !important;
}

.my-deeds-container-wrap .red9{
    background: #00E676 !important;
    border-color:#00E676 !important;
}


.my-deeds-container-wrap .jarviswidget > div{
    border:none;
    background: transparent;
    background-color:  transparent !important;
}
.my-deeds-container-wrap .jarviswidget > header{
    border:none;
    background: transparent;
    background: transparent;
    background-color:  transparent !important;
    padding:5px;
}
.search-task-bar{
    color: #ff00ff;
    font-weight: bold;
    border-bottom-style: solid;
}
.my-deeds-container-wrap{
    /*display: none;*/
}
.overdue-block #workday_grade{
    border: 1px solid #E53935;
    background: rgba(229, 57, 53, 0.88);
    color:#fff;
    margin-right:10px;
}
#workday_grade{
    margin-right:10px;
}
.sortable li{
    padding:0;
}
.overdue-block.yellow{
    border:1px solid #ddd !important;
    background-color: transparent !important;
}
.overdue-block.yellow #workday_grade{
    background: rgba(247, 255, 124, 0.88);
    color:#686868;
    border: 1px solid rgba(247, 255, 124, 0.88);
}
/* Окончание 10 приоритетов */
.tab-task-wrapper .tab-task{
    min-height: 418px;
}
.tab-task-wrapper .wrap-nav .grid-view{
    min-height: 420px;
}

p.sync-field{
    font-weight: bold;
    line-height: 37px;
}

ul.sprint-task-list{
    margin: 0;
    padding: 0;
}
ul.sprint-task-list li{
    text-align: center;
    list-style-type: none;
    border-bottom: 1px solid #ddd;
}
ul.sprint-task-list li a{
    display: block;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}

/*SVZ*/
.page-title-block{
    padding:10px;
    background: #fff;
    border: 1px solid #ddd;
}

/**/
.comerce-table .fc-head-container thead tr, .comerce-table .table thead tr {
    background-color: #3276b1 !important;
    background-image: none;

}

body.smart-style-6 .comerce-table thead tr, body.smart-style-6 .comerce-table .table  thead tr {
    background: #3276b1 !important;
}




/*Спринт*/
.sprint-plits:after{
    content: '';
    width:20px;
    height: 45px;
    position: absolute;
    right: -20px;
    top:1px;
    background: url('../img/arrows/after.png')no-repeat;
    display: none;
}
.btn-no-filter{
    background: url('../img/arrows/no-filter.png')no-repeat center center;
    background-color: #739E73;
    width:22px;
    height: 22px;
    padding-right: 1px;
}
.btn-no-filter:hover{
    background: url('../img/arrows/no-filter.png')no-repeat center center,#3d8b40 !important;
}

.sprint-task-list li{
    position: relative;
    border:1px solid #ddd !important;
    margin: 5px;
    height: 75px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);

}
.sprint-task-list li:before{
    width:3px;
    height: 74px;
    background:rgba(229, 57, 53, 0.88);
    border-radius: 2px;
    left:-2px;
    top:0;
    content: '';
    position: absolute;
}
.sprint-tabs-tags{
    width:100%;
    border-top:1px solid #ddd;
    text-align: left;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size:12px;

}
.sprint-tabs-tags .fa{
    font-size: 16px;
    margin-right:1px;
    color:#818181;
}
.sprint-tabs-tags .span-teg{
   font-size: 16px;
   display: inline-block;
    margin-left: 6px;
}
.span-teg.sprint-overday span{
    height: 14px;
    width: 14px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 50%;
    background: #818181;
    color:#fff;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right:1px;
}
a.sprint-tabs-edit{width:20px !important;height: 20px !important;line-height: 20px !important;color:#ddd;float:right;padding:0 !important;}
a.sprint-tabs-edit .fa{
    position: relative;top:-15px;color:#a7a7a7;
}
a.sprint-tabs-edit:hover .fa{
    color:#ccc;
}
.sprint-tag{
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin-top: 3px;
    padding: 0 3px;
    text-align: center;
    background: rgba(204, 204, 204, 0.56) !important;
    border-radius: 4px;
    color:#777;
    cursor: pointer;
}
.sprint-tag span{
    text-align: center;
    display: inline-block;
    overflow: hidden;
    text-overflow: clip;
}
.sprint-avatars{
    width:35px;
    height: 35px;
    border-radius: 4px;
    position: absolute;
    right: 5px;
    top:5px;
}
.sprint-avatars img{
    width:100%;
}
/*Желтый кружок в спринте*/
.sprint-task-list li:nth-last-child(2) .sprint-ellips{
    /*background:rgba(223, 229, 53, 0.51);
    color:#000;*/
}
.sprint-task-list li:nth-last-child(2):before{
   /* background: rgba(223, 229, 53, 0.51) !important;*/
}


/*Красный кружок в спринте*/
.sprint-ellips{
    width:30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left:10px;
    top:10px;
    background:rgba(229, 57, 53, 0.88);
    line-height: 30px;
    text-align: center;
    color:#fff;
}
/*Зеленый кружок в спринте*/
#sprint-container tbody td:nth-of-type(2) .sprint-task-list li .sprint-ellips{
    background:rgba(53, 229, 69, 0.62);
    color:#000;
}
#sprint-container tbody td:nth-of-type(2) .sprint-task-list li:before{
    background:rgba(53, 229, 69, 0.62) !important;
}
.sprint-task-list li a{
    height: 50px;
    line-height: 50px !important;
    text-align: left;
    padding-left:45px;
    color: #777;
}


.sprint-plits{
    padding:0 15px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    position: relative;
    z-index: 1;
    color:#f3f3f3;
    background-color: #6abaef;
    background: url(../img/arrows/after.png) no-repeat 100% 0,linear-gradient(#6abaef, #3498db);
    background-size: 20px 100%, 100% 100%;

}

.sprint-plits.sprint-plits-green{
    padding:0 15px;
    height: 45px;
    line-height: 45px;
    text-align: left;
    position: relative;
    z-index: 1;
    color:#f3f3f3;
    background-color: #00a65a;
    background: url(../img/arrows/after-green.png) no-repeat 100% 0,linear-gradient(#75a689, rgba(31, 166, 94, 0.87));
    background-size: 20px 100%, 100% 100%;
}
.sprint-plits.sprint-plits-grey{
    background-color: #464544;
    background: #464544 !important;
    padding-left:40px;
    position: relative;
}

.wrap-sprint-plits-grey{
    position: relative;
}
.wrap-sprint-plits-grey::after{
    content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: 20px; bottom: 13px; /* Положение треугольника */
    border: 10px solid transparent;	border-left: 10px solid #818181;
    z-index: 100;
}
.sprint-task-list-grey .sprint-task-list-in{
    background: #e5e5e5;
}
.sprint-task-list{
    min-height: 200px;
}
.wrap-sprint-plits.wrap-sprint-plits-grey{
    background-color: #464544;
    background: #464544 !important;
}

.wrap-sprint-plits{
    position: relative;
    background: #3498db;
}
.wrap-sprint-plits.wrap-sprint-plits-green{
    background: transparent;
}
.sprint-plits-grey{}
 table.groups > thead > tr > th{
    padding:0 !important;
}
#sprint-container{
    background: #fff;
    padding-top:0px;
}

ul.sprint-task-list li{
    margin-top: 10px;
}

.sprint-task-list{
    margin-top: 10px;
}
div.sprint-ellips{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 10px;
    background: rgba(53, 229, 69, 0.62);
    line-height: 30px;
    text-align: center;
    color: #000;

}
.min-height-200{
    min-height: 200px;
}
div.sprint-task-list-in{
    margin-top: 10px;
    margin-left:5px;
    margin-right: 5px;
    position: relative;
    border: 1px solid #ddd !important;
    height: 75px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
div.sprint-task-list-in:first-of-type{
    margin-bottom: 10px;
}
div.sprint-task-list-in:before {
    width: 4px;
    height: 75px;
    background: #49a5e2;
    border-radius: 0px;
    left: -2px;
    top: -1px;
    content: '';
    position: absolute;
}
.sprint-task-list-green div.sprint-task-list-in:before{
    background:#00a65a !important;
}
.sprint-task-list-green .sprint-task-list-green {

}
.sprint-task-list .sprint-in-a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
    height: 50px;
    line-height: 25px !important;
    text-align: left;
    padding-left: 45px;
    color: #777;
}
ul.sprint-task-list li a {
    display: block;
    line-height: 25px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px;
}

body.smart-style-6 #sprint-container .table>thead th,#sprint-container .table>thead th{
    padding:0;
}
body.smart-style-6 #sprint-container .table>thead th:last-of-type .sprint-plits:after,#sprint-container .table>thead th:last-of-type .sprint-plits:after{
    right:-20px;
}
#project-stages-id #w4{
    padding:0;
}
#project-stages-id .table-bordered{
    border: 1px solid #ddd !Important;
}

/*КОнец спринт*/
.workday .table-fixed tbody{
    padding-bottom:0px;
    position: relative;
}

.base #smart-style-base .fa{
    display:inline-block;
}
.base #smart-style-white .fa{
    display: none;
}
.base #smart-style-6 .fa{
    display: none;
}

.nice-search label,.nice-search a.btn {
    font-weight: 400;
    float: left;
}
.nice-search .input-group-addon .glyphicon {
    left: -2px;
}

.nice-search .input-group-addon {
    width: 32px;
    margin-top: 0;
    float: left;
    height: 32px;
    padding-top: 8px;
    border: 1px solid #ccc !important;
}

.nice-search input.form-control{
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -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,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;
    margin-left: -1px;
}
.tooltip.left{
    height: auto;
}
.process-form .tooltip.left{
    height: auto;
    margin:auto;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777;
}

.invoice_status_paid
{
    background-color: #00A65A;
}

.invoice_status_partially_paid
{
    background-color: yellow;
}

.triangul
{
    width: 15px;
    margin-top:-20px;
    margin-left:20px;
}

.comment_order, .comment_order2
{
    float: right;
    width: 80px;
    right: 1px;
    margin-right:-30px;
}

.comment_order_out, .comment_order_out2
{
    float: right;
    width: 80px;
    right: 1px;
    margin-right:-40px;
}

.comment_production_out, .comment_production_out2
{
    float: right;
    width: 80px;
    right: 1px;
    margin-right:-46px;
}


.btn-dep-white {
    margin-top: 5px;
    border: 1px solid #fff;
    color: #fff;
}
.btn-dep-black {
    margin-top: -5px;
    margin-right: 10px;
    border: 1px solid #000000;
    color: #000000;
}
.btn-synx-black {
    margin-top: -5px;
    margin-right: 55px;
    border: 1px solid #000000;
    color: #000000;
}
.rename-group {
    cursor: pointer;
}
.rename-stage {
    cursor: pointer;
    margin-top: 15px;
}
.rename-process-stage {
    cursor: pointer;
    margin: 3px 30px 0 0;
}

ul.redact li a {
    color: #fff !important;
}
.contractor-panel{
    border-color:#3191dd;
}
.contractor-panel .fa{
    color:#fff !important;
}
.contractor-panel .fa.black{
    color:#333 !important;
}
.contractor-panel .panel-heading{
    background: #3191dd;
}
.contractor-panel .panel-heading a{
    color:#fff;
}

.ribbon-panel {
    margin-bottom: 0!important;
}

.ribbon-panel .panel-heading{
    background-color: #464544!important;
    color: #fff!important;
    padding: 9px 0 8px!important;
}
.ribbon-panel .panel-heading p {
    margin: 0;
    padding: 0;
    text-align: center;
}
.project-panel-title a {
    background-color: #E5E5E5;
    border-bottom: 1px solid #ccc;
    height: 41px;
    line-height: 25px;
    overflow: hidden;
}
.project-task-table-container {
    margin: 0;
}
.project-task-table-container table {
    margin-bottom: 3px;
}
.project-task-table-container table tr td {
    padding: 5px 10px 2px!important;
}

.task-stage-btn:hover {
    background-color: #3191dd!important;
    color: #fff;
}
.task-stage-btn {
    margin-top: 0!important;
}
.webix_kanban_user_avatar {
    width: 30px!important;
    height: 30px!important;
}

.task-top-title {
    background-color: #474544;
    padding: 0 15px;
    margin-bottom: 5px;
}

.task-top-title h5 {
    margin: 2px 0;
    padding: 7px 0;
    color: #fff;
}

.task-title {
    background-color: #474544;
    padding: 0 15px;
    margin: 5px -10px 5px;
}

.task-title h5 {
    margin: 2px !important;
    padding: 7px 0;
    color: #fff;
}

#layout_div {
    margin: 5px 0!important;
}

.task-proj-new{
    position: relative;
    padding-left:34px;
    padding-right:32px;

    border-bottom:1px solid #ddd;
    margin:5px 0;
    padding-bottom:4px;
}
.task-proj-new-avatar{
    width:30px;
    height: 30px;
    position: absolute;
    right:0;
    top:0;
}
.task-proj-new-id{
    width:30px;
    height: 30px;
    position: absolute;
    left: -1px;
    top:0;
}
.task-proj-new div.sprint-ellips,.task-proj-new .sprint-avatars{
    left:2px !important;
    top:2px !important;
}
.task-proj-new .sprint-avatars img{
    width:25px;
    height: 25px;
}
.task-proj-new div.sprint-ellips{
    width:25px;
    height: 25px;
    line-height: 25px;
}

#sprint-container .panel.panel-info .col-lg-3,#sprint-container .panel.panel-info .col-lg-6{
    width:100%;
}
#sprint-container #komm #projectcomment-send_message{
    margin-top:0 !important;
}



.webix_template div.task-container{
    background-color: #fff!important;
    border-color: #999;
    margin-bottom: 5px;
    padding: 5px 10px;

}

.webix_template div.sprint-ellips{
    font-size: 0.8em;
}

.wrap-form-control {
    padding-left: 24px;
    position: relative;
}

.postanovchik {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    border-right: 0;
    width: 25px;
    height: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.postanovchik .fa {
    color: #aaa;
}

div.overdue{
    background-color: #fee;
}

#loading-container {
    height: 100px;
}
#loading-container img {
    height: 100%;
}

div.taylor-ava {
    height: 180px;
    width: 180px;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px 10px 10px 0;
}
div.taylor-talk {
    height: 180px;
    width: calc(100% - 190px);
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px 0;
}

div.taylor-ava img{
    height: 100%
}

#sprint-container .webix_view.webix_layout_space,#sprint-container .webix_view.webix_accordionitem{

}
.btn-assignment-descriptions{
    width: 100px;
    background: #455a64;
    color: #fff;
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
    border-radius: 4px;
}
.btn-assignment-descriptions .fa{
    position: relative;
    top: -2px;
}
.knoweleg-left-vertical_view .wrap_for_scroll{overflow: visible !important;}

.rating-table tr th{
    width: 20%;
}
.page-footer{
    z-index: 100;
}
.nicescroll-cursors{
    z-index: 1;
}
.rating-table tr td{
    font-size: 36px;
    text-align: center;
}


/*chat window*/
.chat-box {
    border: 1px solid #ccc;
    height: 338px;
    overflow: auto;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
}
.warning {
    border-color: darkred;
    background-color: #ffbebe;
}
li.contact {
    cursor: pointer;
    padding: 3px 8px;
    margin: 3px 0;
}
li.contact.active {
    background-color: #dfdfdf;
    cursor: auto;
    border-radius: 5px;
}
li.contact.foreign {
    background-color: #fff9aa;
}
li.contact:not(.active):hover {
    color: #0000aa;
}
#contact-list {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-top: 10px;
    height: 424px;
    margin-bottom: 100px;
    overflow: auto;
}
.offline {
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 5px;
    width: auto !important;
}
.online {
    background-color: #00A65A;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 5px;
    width: auto !important;
}
.login-info img.online,.topic-list-wrapper img.online{
    background-color: transparent !important;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 0px;
    width: 30px !important;
    height: 30px !important;
}
.comments img,
.status .who img {
    border: 2px solid #3191dd !important;
    padding: 0 !important;
}
.login-info a{
    margin-top: 4px;
}
#message {
    margin-bottom: 10px;
}
.chat-title, .assignment-chat-title {
    height: 32px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 5px 40px;
}
.chat-title .title, .assignment-chat-title .title {
    font-weight: bold;
    font-size: 16px;
}
.my-name {
    font-weight: bold;
    color: #1F5967;
}
.companion-name{
    font-weight: bold;
    color: #3CAB2C;
}
.datetime {
    color: #aaa;
    margin-right: 10px;
}
.gray-line {
    border-top: 2px solid #eee;
}

#article-text iframe
{
    width: 100%;
    height: 1000px;
}
.new-chat {
    margin-bottom: 5px;
}
.message-block{
    cursor: pointer;
    padding-top: 10px;
}
.message-block.active {
    background-color: #eaf2ff;
}

.tab-task-wrapper {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    overflow: visible !important;
}

#new-message-cnt {
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #f44336;
    line-height: 20px;
    text-align: center;
    z-index: 10000;
    border-radius: 50%;
    position: relative;
    top: 30px;
    right: -25px;
}
.mes-cnt{
    width: 20px;
    height: 20px;
    background: #f44336;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: -6px;
}
.contact .badge{
    padding: 3px 4px;
    background: #f44336;
}
.remove-chat-member {
    cursor: pointer;
}
.chat_project_contact-list,.chat_assignment_contact-list{
    background-color: #fff;
    border: 1px solid #ccc;
    padding-top: 10px;
    height: 424px;
    margin-bottom: 100px;
    overflow: auto;
}

.favorite-chat-star {
    color: #999;
    cursor: pointer;
}
.favorite-chat-star.active {
    color: #ffc84f;
}

#ribbon li{
    float: left;
    margin: 10px 12px;
    color:#fff;
}
#ribbon li a{
    color:#fff;
}
#ribbon li .fa{
    display: none;
}
#ribbon-ul + ul{
    display: none;
}
.webix_view{
    overflow:auto !important;
}

#ribbon .btn-dep-white + ul.dropdown-menu{
    background: #455a64;
}

/*login-page-b2b*/
.login-page-b2b #header {
    margin: 0;
    height: 71px;
    border-bottom: 1px solid #eee!important;
    overflow: hidden;
    padding: 0 30px;
    border-width: 0;
    min-height: 28px;
    background: #f4f4f4!important;
}

.login-page-b2b #header>div {
    display: inline-block;
    vertical-align: middle;
    height: 49px;
    float: left;
    margin-top:16px;
}

.login-page-b2b #header #logo2 img {
    height: 40px !important;
}

.login-page-b2b #main {
    padding-top: 20px;
}
.login-page-b2b .hero {
    background-image: url(../img/gradient/login.png);
    background-repeat: no-repeat;
    background-position: 0 137px;
    height: 360px;
    width: 100%;
    float: left;
}

.login-page-b2b .login-desc-box-l {
    min-height: 350px;
    width: 50%;
}

.login-page-b2b h4.paragraph-header {
    color: #565656;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 15px;
}

.normal-text {
    font-size: 14px;
    font-weight: normal;
    font-variant-caps: normal;
}

body #ribbon .dropdown-menu{
    background: #474544;
    background-color: #474544;
}

.smart-form .toggle i{
    width: 99px;
}
.smart-form .toggle input:checked+i:before {
    right: 85px;
}
.smart-form .toggle input:checked+i:after {
    content: 'прокрутка';
    text-align: right;
}
.smart-form .toggle i:after {
    content: 'зафиксировано';
}

.chat-container-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    border-color: #45474b!important;
    background: #455a64;
    color: #fff;
    height: 34px;
    padding: 0 15px;
    margin-bottom: 0;
}
#support-chat-container {
    height: 351px;
    width: 100%;
    border: solid 1px #ddd;
    margin-bottom: 10px;
    padding: 10px;
    overflow-y: scroll;: ;
}
#support-chat-container a {
    display: none;
}

.tasks .text.text-grey{
    color:#989b9d;
    font-weight: 600;
    padding-left:10px;
}

.task_column .task-container{
    background: #fff;
    border: none;
    margin-bottom: 10px !important;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
    padding: 15px;
}

.task-id-block,.task-description-block{
    width:calc(100% - 42px);
    float:left;
}
.task-id-block{
    color:#bac5cc;

}
.task-description-block a{
    color:#272727;
    font-size: 14px;
    font-weight: 600;
}
.clear{
    clear:both;
}

.task-proj-block{
    padding:0 10px;
    position: relative;
}
.task-avatar-block{
    width:40px;
    height: 40px;
    position: absolute;
    right:10px;
    top:0;
    border-radius: 50%;
    overflow: hidden;
}
.task-avatar-block img{
    width: 100%;

}

.task-avatar-block2{
    width:40px;
    height: 40px;
    position: absolute;
    right:10px;
    top:45px;
    border-radius: 50%;
    overflow: hidden;
}
.task-avatar-block2 img{
    width: 100%;

}

.label_wrap span{
    display: inline-block;
    padding: 2px 8px;
    background: #00c853;
    color: #fff;
    border-radius: 12px;
    margin: 0 3px;

}
.label_wrap span:first-child{
    margin-left: -2px;
}
.task_column{
    max-height: 482px;
    padding-right: 10px;
    margin-right:-10px;
}

.btn-new_task{
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #9eafb8;
    height: 45px;
    padding: 0 15px;
    line-height: 43px;
    position: relative;
    font-size: 14px;
    margin:0 2px;

    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
}
.btn-new_task:hover{
    border-bottom: 2px solid #000 !important;
    color:#000;
}
.btn-new_task.btn-new_task_blue{
    background: #2196f3 !important;
    color:#fff;
    text-transform: uppercase;
    margin:0;
    position: relative;
    padding-left: 25px;
}
.btn-new_task.btn-new_task_blue:hover{
    background: #3686c5 !important;
}
.btn-new_task.btn-new_task_blue:after{
    content: '';
    width:14px;
    height: 14px;
    position: absolute;
    background: url(/img/plus-task.png)no-repeat;
    left:5px;
    top:14px;
}
.btn-new_task.btn-new_task_blue{
    border-bottom: 2px solid transparent !important;
}

.wrap_new_btns{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.nice-search-task form{
    float:left !important;
}

.nice-search-task input.form-control{
    border:none;
}
.nice-search-task .input-group-addon{
    background: transparent;
    border: none !important;
}

.nice-search .input-group-addon-task{
    width: 18px !important;
    height: 18px !important;
    background: url(/img/search-task.png)no-repeat;
    position: relative;
    top:8px;
    cursor: pointer;
}

.btn.btn-add-task{
    height: 42px;
    line-height: 42px;
    padding:0 20px;
    display: inline-block;
    background: #cfd8dc;
    border-radius: 4px;
    color:#7b939f;
    font-size: 16px;
    text-transform: uppercase;
    margin-left:10px;
}
.btn.btn-add-task.btn-add-task-blue{
    background: #2196f3;
    color:#fff;
}
.btn.btn-add-task.btn-add-task-blue:hover{
    background: #3686c5;
}
.btn.btn-add-task:hover{
    background: #cdcdce;
}
.modal-add-task-title{
    height: 42px;
    line-height: 42px;
    color:#000;
    font-weight: 600;
    font-size: 16px;
}

.task-form .select2-container--bootstrap .select2-selection--single,.task-form .select2-container--krajee .select2-selection--multiple,.task-form .select2-container--bootstrap .select2-selection--multiple{
    height: 42px;
}
.task-form .file-input .form-control{
    height: 32px;
}
.task-form .form-control{height: 42px;border-radius: 4px !important;}

@media (min-width: 768px){

   #addTask .modal-dialog {
       margin: 8% auto;
   }

}
#addTask .modal-header{
    padding: 15px 20px;
}

#addTask .select2-container--krajee:after,#addTask .select2-container--bootstrap:after{
    content:'';
    position: absolute;
    bottom: 0;
    right: 12px;
    top: 50%;
    width: 0;
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    margin-top:-2px;
}

.rating-container .caption{
    display: none !important;
}

#addTask #finish_date{
    background: url(/img/calendar.png)no-repeat 95% center;
    background-size: 20px;

}

#addTask .jq-checkbox,#addTask .jq-radio{
    background: #2196f3;
    border: none;
}
#addTask .jq-checkbox.checked .jq-checkbox__div{
    box-shadow: none;
    background: url(/img/check.svg)no-repeat;
    background-size: 120%;
    position: relative;
    top:-1px;
    left:-1px
}


/*!
 * bootstrap-star-rating v4.0.2
 * http://plugins.krajee.com/star-rating
 *
 * Author: Kartik Visweswaran
 * Copyright: 2013 - 2017, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}

/*
 * Stars & Input
 */
.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.rating-disabled .rating-input, .rating-disabled .rating-stars {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}

.rating-container .empty-stars {
    color: #aaa;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

/**
 * Sizes
 */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
}

.rating-xl {
    font-size: 4.89em;
}

/**
 * Clear
 */
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -0.6em;
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

/**
 * Print
 */
@media print {
    .rating-container .clear-rating {
        display: none;
    }
}

#assignment-contractor-select {
    width: calc(100% - 20px);
}

.to-contractor-link {
    margin-top: 20px;
    color: black;
}

.new-contractor-link {
    margin-top: 5px;
    color: black;
}

.new-contractor-link-create {
    margin-top: 40px;
    color: black;
}


/*===========================================================================================*/
@font-face {
    font-family: 'SF UI Regular';
    src: url('../fonts/SFUIText-Regular.woff');
}
@font-face {
    font-family: 'SF UI Bold';
    src: url('../fonts/SFUIText-Bold.woff');
}
@font-face {
    font-family: 'SF UI Semibold';
    src: url('../fonts/SFUIText-Semibold.woff');
}
@font-face {
    font-family: 'SF UI Medium';
    src: url('../fonts/SFUIText-Medium.woff');
}

html,
body.smart-style-6 #main {
    background: #ECEFF1 !important;
}

.icon {
    font-size: inherit;
    fill: currentColor;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: baseline;
}

.c-title {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
    font-family: 'SF UI Regular';
    height: auto !important;
    background: transparent !important;
    border: none !important;
    /*line-height: 0 !important;*/
}
.c-title__wrap {
    display: flex;
    justify-content: space-between;
}
.c-title__sort .c-button {
    text-transform: none;
}
.c-title__buttongroup {
    margin-left: 8px;
}
.c-title__inner {
    font-family: inherit;
    margin: 0 !important;
    color: #000;
    font-size: 24px !important;
    float: none !important;
    line-height: 1.35 !important;
}
.c-title__tools {
    display: flex;
}
.c-title__button {
    display: inline-block;
    padding-right: 8px;
}
.c-title__button + .c-title__button {
    padding-left: 8px;
    padding-right: 0;
}
.c-button {
    display: inline-block;
    font-family: 'SF UI Regular';
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 16px 6px;
    text-decoration: none;
}
.c-button--main {
    background-color: #2196F3;
    border-color: #2196F3;
    text-transform: uppercase;
    color: #fff;
}
.c-button--main .icon--triangle {
    display: none;
}
.c-button--min {
    width: 32px !important;
    height: 32px;
    padding: 0;
    line-height: 0;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-button--min,
.c-button--grey {
    background: #CFD8DC;
    border-color: #CFD8DC;
    color: #607D8B;
}
.c-button--min + .c-button--min {
    margin-left: 1px;
}
.c-button--prev {
    background: #CFD8DC;
    border-color: #CFD8DC;
    color: #fff;
    padding: 7px !important;
}
.c-button--next {
    background: #2196F3;
    border-color: #2196F3;
    color: #fff;
    padding: 7px !important;
}
.c-button--dropdown {
    line-height: 1;
    padding: 7px 16px 7px;
    font-size: 14px;
}
.c-button--dropdown .icon--shevron-down {
    opacity: .5;
    margin-left: 16px;
    transition: all 0.3s;
}
.c-button--dropdown.js-active .icon--shevron-down {
    transform: rotate(180deg);
}
.c-button--tools {
    background: rgba(255, 255, 255, .15);
    border-color: transparent;
    color: rgba(255, 255, 255, .5);
    box-shadow: none;
    border-radius: 3px;
}
.c-button--tools.active,
.c-button--tools:active,
.c-button--tools:focus,
.c-button--tools:hover {
    background: rgba(255, 255, 255, .35);
    border-color: transparent;
    color: #fff;
}
.c-button--grey.active,
.c-button--grey:active,
.c-button--grey:focus,
.c-button--grey:hover,
.c-button--prev.active,
.c-button--prev:active,
.c-button--prev:focus,
.c-button--prev:hover,
.c-button--min.active,
.c-button--min:active,
.c-button--min:focus,
.c-button--min:hover {
    background: #99A0A3 !important;
    border-color: #99A0A3 !important;
    color: #fff !important;
}
.c-button--next.active,
.c-button--next:active,
.c-button--next:focus,
.c-button--next:hover,
.c-button--main.active,
.c-button--main:active,
.c-button--main:focus,
.c-button--main:hover {
    background: #3686c5 !important;
    border-color: #3686c5 !important;
    color: #fff !important;
}
.c-button--resize {
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #2196F3;
    cursor: pointer;
}
.c-button--resize .icon {
    width: .5em;
    height: .5em;
    position: absolute;
    transition: all .3s;
}
.c-button--resize .icon--resize-lb {
    bottom: -2px;
    left: -2px;
}
.c-button--resize .icon--resize-tr {
    top: -2px;
    right: -2px;
}
.c-button--resize:hover,
.c-button--resize:focus {
    color: #3686c5;
}
.c-button--resize:hover .icon--resize-lb,
.c-button--resize:focus .icon--resize-lb {
    bottom: 0;
    left: 0;
}
.c-button--resize:hover .icon--resize-tr,
.c-button--resize:focus .icon--resize-tr {
    top: 0;
    right: 0;
}
.c-button--resize.js-active .icon--resize-tr,
.c-button--resize.js-active .icon--resize-lb {
    transform: rotate(180deg);
}
.c-button--resize.js-active .icon--resize-tr {
    top: 0;
    right: 0;
}
.c-button--resize.js-active .icon--resize-lb {
    left: 0;
    bottom: 0;
}
.c-button--resize.js-active:hover .icon--resize-lb,
.c-button--resize.js-active:focus .icon--resize-lb {
    bottom: -2px;
    left: -2px;
}
.c-button--resize.js-active:hover .icon--resize-tr,
.c-button--resize.js-active:focus .icon--resize-tr {
    top: -2px;
    right: -2px;
}
.c-button--comm,
.c-button--comm:hover,
.c-button--comm:focus {
    color: #2196F3 !important;
    border-color: transparent !important;
    background: transparent !important;
}
.c-button--comm {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.c-button--comm .icon {
    display: block;
    transition: all 0.3s;
}
.c-button--comm:hover .icon {
    transform: rotate(180deg);
}
.c-button--no-bg,
.c-button--no-bg:hover,
.c-button--no-bg:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #90A4AE;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
}
.c-navbar {
    font-family: 'SF UI Regular';
    background-color: #fff;
    box-shadow: 0 2px 4px 0 #CFD8DC;
    border-radius: 3px;
    padding: 0 3px;
    list-style: none;
    margin-bottom: 16px;
}
.c-navbar__inner {
    display: inline-block;
}
.c-navbar__link {
    color: #78909C;
    padding: 15px 10px 13px;
    display: inline-block;
    border-bottom: 2px solid transparent;
    font-family: 'SF UI Semibold';
}
@media (min-width: 1300px) {
    .c-navbar__link {
        padding: 15px 16px 13px;
    }
}
/*.c-navbar__inner:first-child .c-navbar__link {*/
    /*border-top-left-radius: 3px;*/
    /*border-bottom-left-radius: 3px;*/
/*}*/
/*.c-navbar__inner:last-child  .c-navbar__link{*/
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
/*}*/
.c-navbar__inner.active .c-navbar__link,
.c-navbar__link:active,
.c-navbar__link:focus,
.c-navbar__link:hover {
    border-color: #000;
    color: #000;
}
.c-sprint#sprint-container,
.c-sprint .c-sprint__wrap,
.c-sprint#sprint-container .main-task-wrap,
.c-sprint#sprint-container .task-title,
.c-task#taskView .main-task-wrap,
.c-task#taskView .page-title-block
{
    background: none;
}
.c-task#taskView .page-title-block {
    border: none;
}
.c-sprint .c-sprint__wrap {
    overflow: visible !important;
    display: flex;
}
.c-sprint .c-sprint__inner {
    padding: 0;
    flex: 1 0 auto;
}
.c-sprint__inner + .c-sprint__inner {
    padding-left: 16px;
}
.c-sprint__inner.knoweleg-left-vertical_view .task-title {
    background: none !important;
    padding:0;
}
.c-sprint__inner.knoweleg-left-vertical_view {
    margin: 0;
}
.c-sprint__inner.knoweleg-left-vertical_view .main-task-wrap h5.view_title {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    transform: none !important;
}
.c-sprint#sprint-container .c-sprint__inner.knoweleg-left-vertical_view .task-title {
    padding: 0 !important;
    width: 64px !important;
    flex-direction: column;
}
.c-sprint__inner.knoweleg-left-vertical_view .c-button--resize {
    margin: 0 auto 12px;
}
.c-sprint__inner.knoweleg-left-vertical_view .task-title,
.c-sprint__inner.knoweleg-left-vertical_view .main-task-wrap,
.c-sprint__inner.knoweleg-left-vertical_view #taskView,
.c-sprint__inner.knoweleg-left-vertical_view {
    width: auto !important;
}
.c-sprint__inner.knoweleg-left-vertical_view .c-task__title {
    background: none !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 !important;
}
.c-sprint__inner.knoweleg-left-vertical_view .view_title {
    display: flex !important;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 16px;
    background-color: #fff;
    margin-top: 12px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 #AAAAAA;
}
.c-sprint__inner.knoweleg-left-wrap .view_title {
    display: none;
}
.c-sprint__inner.knoweleg-left-vertical_view .view_title .c-button--min + .c-button--min {
    margin: 8px 0 0 0 !important;
}
.c-sprint#sprint-container .task-title {
    overflow: visible !important;
    cursor: default;
}
.c-sprint#sprint-container .task-title,
.c-task#taskView .page-title-block {
    padding: 0 16px 12px;
    height: auto;
    line-height:inherit;
    border: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.c-sprint#sprint-container .task-title h5,
.c-task#taskView .page-title-block h5{
    font-size: 16px;
    font-family: 'SF UI Semibold';
    color: #95989A;
    height: auto;
    line-height:inherit;
}
.c-sprint#sprint-container .moving .task-title h5,
.c-task#taskView .page-title-block h5 {
    color: #000;
}
.task-title.c-task__title h5{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.c-sprint#sprint-container .tab-task-wrapper,
.c-task#taskView .tab-task-wrapper {
    padding: 0;
    border: 0;
    background: none;
}
.c-sprint__inner.knoweleg-left-vertical_view .tab-task-wrapper{
    height: 0 !important;
    display: none;
}
.c-sprint#sprint-container .moving .tab-task-wrapper,
.c-task#taskView .c-task__wrapper {
    background: #fff;
    border: none;
    
}
.c-sprint .tab-task-wrapper {
    min-height: 520px;
}
.c-task#taskView .panel-buttons {
    padding: 0;
    border: none;
}
.c-sprint#sprint-container .task-proj-new {
    padding: 14px;
    margin: 0 0 8px;
    border: 2px solid transparent;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 7px 0 #AAAAAA;
    border-left-color: #00C853;
    font-family: 'SF UI Regular';
}
.c-sprint#sprint-container .task-proj-new-id,
.c-sprint#sprint-container div.sprint-ellips {
    position: static;
    width: auto;
    height: auto;
    background: none;
}
.c-sprint#sprint-container div.sprint-ellips {
    text-align: left;
    font-size: 15px;
    color: #90A4AE;
    margin-bottom: 4px;
    min-height: 25px;
}
.c-sprint__desc {
    height: 34px;
    overflow: hidden;
    line-height: 16px;
}
/*.task-proj-new:hover .c-sprint__desc {*/
/*height: auto;*/
/*}*/
.c-sprint__desc a {
    display: inline-block;
    padding-right: 40px;
    color: #000;
    font-size: 13px;
    height: 36px;
}
.c-sprint#sprint-container .task-proj-new-avatar {
    width: 40px !important;
    height: 40px;
    right: 14px;
    top: 14px;
    border-radius: 50%;
    overflow: hidden;
}
.c-sprint#sprint-container .sprint-avatars {
    position: static;
}
.c-sprint#sprint-container .sprint-avatars{
    width: 100%;
    height: 100%;
}
.c-sprint#sprint-container #tab-task-wrapper,
.c-sprint#sprint-container .hide-resize,
.c-sprint#sprint-container .task-description-wrap,
.c-task#taskView .c-task__wrapper,
.c-task#taskView .hide-resize,
.c-comment.task-description-wrap {
    padding: 16px 16px 0;
    border: none;
}
.c-comment.task-description-wrap {
    background: #fff;
}
.c-sprint#sprint-container .task-wrap-description {
    padding: 0 16px;
}
.c-sprint#sprint-container .kv-table-wrap,
.c-task#taskView .kv-table-wrap {
    margin: 0;
}
.c-sprint#sprint-container .task-description-wrap {
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.c-sprint#sprint-container .row-task-content {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.c-sprint#sprint-container .hide-resize {
    display: none;
}
.c-sprint#sprint-container .c-sprint__label,
.c-task#taskView .c-sprint__label {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 13px;
    color: #333333;
    font-family: 'SF UI Regular';
}
.c-sprint#sprint-container .wrap-form-control,
.c-task#taskView .wrap-form-control{
    padding: 0;
}

.c-sprint#sprint-container .select2,
.c-sprint#sprint-container input.form-control {
    border: 1px solid #CFD8DC;
    border-radius: 3px !important;
    font-family: 'SF UI Regular';
    font-size: 13px;
    color: #000;
}
.c-sprint#sprint-container .redactor-box,
.c-task#taskView .redactor-box,
.c-comment .redactor-box,
.c-form .redactor-box{
    margin-bottom: 0;
    border: 1px solid #C7D1D6;
    border-radius: 3px;
}
.c-sprint#sprint-container .redactor-toolbar,
.c-task#taskView .redactor-toolbar,
.c-comment .redactor-toolbar,
.c-form .redactor-toolbar{
    box-shadow: none;
}
.c-sprint#sprint-container .redactor-editor,
.c-task#taskView .redactor-editor,
.c-comment .redactor-editor,
.c-form .redactor-editor{
    border: 0;
    border-top: 1px solid #90A4AE;
    padding: 8px;
    min-height: 240px;
    max-height: 240px;
}
.c-sprint__tools {
    display: flex;
}
.c-sprint__tools .c-sprint__button + .c-sprint__button {
    margin-left: 4px;
}
.c-sprint#sprint-container .panel-info,
.c-comment .panel-info {
    padding: 0 0 8px;
    border: none;
    box-shadow: none;
    margin: 0;
}
.c-sprint#sprint-container .panel-info.js-active,
.c-comment .panel-info.js-active {
    border: 1px solid #C7D1D6;
    border-radius: 3px;
    margin-bottom: 16px;
}
.c-comment__link {
    color: #2962FF;
    font-family: 'SF UI Regular';
}
.panel-info.js-active #komm,
.panel-info.js-active #komm {
    margin: 0 16px;
}
.panel-info.js-active .c-comment.panel-info {
    border-radius: 0;
    border-right: none;
    border-left: none;
}
.c-sprint#sprint-container .wrap_stars {
    margin-top: -8px;
    margin-bottom: -8px;
}
.c-sprint#sprint-container .clear-rating {
    display: none;
}
.c-sprint#sprint-container .comment-datetime {
    color: #90A4AE;
    font-size: 11px;
}
.c-comment {
    font-family: 'SF UI Regular';
}
.c-comment .icon {
    margin-bottom: -1px;
    fill: #78909C;
    font-size: 10px;
}
.c-comment__label {
    font-size: 8px;
    padding: 4px 5px;
    margin: 0;
    border-radius: 8px;
}
.c-comment b {
    font-size: 11px;
    display: inline-block;
}
.c-ribbon#ribbon {
    padding: 8px 16px;
}
.c-ribbon.hidden_ribbon {
    height: auto;
}
.c-ribbon__popup {
    background: #455A64;
}
.c-ribbon#ribbon .ribbon-link {
    margin: 7px 12px;
}
#widget-grid .c-project__wrapper {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
#widget-grid .c-project__inner {
    padding: 16px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 #CFD8DC;
    
}
.jarviswidget .c-title .jarviswidget-ctrls {
    display: none;
}
.jarviswidget .c-title .jarviswidget-ctrls .button-icon {
    width: 32px !important;
    height: 32px !important;
    background: #CFD8DC;
    border-color: #CFD8DC !important;
    padding: 0;
    line-height: 0;
    color: #607D8B !important;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    border-radius: 3px;
}
.jarviswidget .c-title .jarviswidget-ctrls .button-icon.active,
.jarviswidget .c-title .jarviswidget-ctrls .button-icon:active,
.jarviswidget .c-title .jarviswidget-ctrls .button-icon:focus,
.jarviswidget .c-title .jarviswidget-ctrls .button-icon:hover {
    background: #99A0A3 !important;
    border-color: #99A0A3 !important;
    color: #fff !important;
}
.c-deeds .table {
    margin: 0;
}
.c-deeds .table>tbody>tr>td,
.c-deeds .table>tbody>tr>th,
.c-deeds .table>tfoot>tr>td,
.c-deeds .table>tfoot>tr>th,
.c-deeds .table>thead>tr>td,
.c-deeds .table>thead>tr>th {
    border: none !important;
    font-family: 'SF UI Regular';
}
.c-deeds .table>tbody>tr>td {
    font-size: 15px !important;
    line-height: 24px !important;
    padding: 0 24px !important;
    color: #000;
}
.c-deeds .table>tbody>tr>td>a {
    font-family: inherit;
    color: #2962FF;
}
.c-deeds__wrapper {
    border-radius: 3px;
    overflow: hidden;
}
.c-deeds__wrapper + .c-deeds__wrapper {
    margin-top: 16px;
}
.c-deeds__header {
    background-color: #CFD8DC;
    font-family: 'SF UI Medium';
    display: flex;
    color: #78909C;
    text-transform: uppercase;
    font-size: 12px;
}
tr.c-deeds__header {
    display: table-row;
}
.c-deeds__subheader {
    font-size: 10px;
    color: #90A4AE;
    text-transform: uppercase;
    padding: 20px 24px 10px !important;
}
.c-deeds__title {
    padding: 16px 24px !important;
}
.c-deeds__body {
    background-color: #fff;
    height: auto;
    border: none;
    font-size: inherit;
    font-weight: normal;
    text-transform: none;
    margin: 0
}
.c-deeds__diagram {
    position: static;
    height: auto;
    font-size: 48px;
    color: #00E676;
    padding: 32px 0;
}
.c-deeds__item {
    padding: 8px 0;
    display: flex;
    align-items: center;
    margin: 0;
    border-left: 2px solid transparent;
}
.c-deeds__item:hover {
    box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.24);
    cursor: pointer;
}
.c-deeds__item:hover a {
    color: #2962FF;
}
.c-deeds .c-deeds__item.red,
.c-deeds .c-deeds__item.red2,
.c-deeds .c-deeds__item.red3,
.c-deeds .c-deeds__item.red4,
.c-deeds .c-deeds__item.red5,
.c-deeds .c-deeds__item.red6,
.c-deeds .c-deeds__item.red7,
.c-deeds .c-deeds__item.red8,
.c-deeds .c-deeds__item.red9 {
    background: none !important;
    border-bottom: 1px solid #DDE3E6 !important;
}
.c-deeds .c-deeds__item.red {
    border-left-color: #D84315 !important;
}
.c-deeds .c-deeds__item.red2 {
    border-left-color: #F4511E !important;
}
.c-deeds .c-deeds__item.red3 {
    border-left-color: #FF6F00 !important;
}
.c-deeds .c-deeds__item.red4 {
    border-left-color: #FF8F00 !important;
}
.c-deeds .c-deeds__item.red5 {
    border-left-color: #BA68C8 !important;
}
.c-deeds .c-deeds__item.red6 {
    border-left-color: #7986CB !important;
}
.c-deeds .c-deeds__item.red7 {
    border-left-color: #00ACC1 !important;
}
.c-deeds .c-deeds__item.red8 {
    border-left-color: #26A69A !important;
}
.c-deeds .c-deeds__item.red9 {
    border-left-color: #43A047 !important;
}
.c-deeds .c-deeds__item.red10 {
    border-left-color: #2E7D32 !important;
}
.c-deeds__percent {
    width: 56px;
    height: 56px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    float: none;
    padding: 17px 0;
    font-family: 'SF UI Medium';
}
.c-deeds .c-deeds__percent.red,
.c-deeds .c-deeds__percent.red2,
.c-deeds .c-deeds__percent.red3,
.c-deeds .c-deeds__percent.red4,
.c-deeds .c-deeds__percent.red5,
.c-deeds .c-deeds__percent.red6,
.c-deeds .c-deeds__percent.red7,
.c-deeds .c-deeds__percent.red8,
.c-deeds .c-deeds__percent.red9 {
    background: #ECEFF1 !important;
    border-color: #ECEFF1 !important;
}
.c-deeds .c-deeds__percent.red {
    color: #D84315;
}
.c-deeds .c-deeds__percent.red2 {
    color: #F4511E;
}
.c-deeds .c-deeds__percent.red3 {
    color: #FF6F00;
}
.c-deeds .c-deeds__percent.red4 {
    color: #FF8F00;
}
.c-deeds .c-deeds__percent.red5 {
    color: #BA68C8;
}
.c-deeds .c-deeds__percent.red6 {
    color: #7986CB;
}
.c-deeds .c-deeds__percent.red7 {
    color: #00ACC1;
}
.c-deeds .c-deeds__percent.red8 {
    color: #26A69A;
}
.c-deeds .c-deeds__percent.red9 {
    color: #43A047;
}
.c-deeds .c-deeds__percent.red10 {
    color: #2E7D32;
}
.c-deeds__type {
    font-size: 32px;
    color: #B0BEC5;
    line-height: 1;
    font-weight: normal;
    float: none;
    height: auto;
    width: auto;
}
.c-deeds__desc {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
}
.c-deeds__desc p {
    margin: 0;
    padding: 0;
    width: 100%;
}
.c-deeds__deadline,
.c-deeds__desc a {
    color: #000;
    font-family: 'SF UI Regular';
    font-size: 15px;
}
.c-deeds__deadline {
    position: static;
    margin: 0;
    line-height: 1.5;
    text-align: left;
    height: auto;
    border: none;
    float: none;
}
.c-deeds__priority,
.c-deeds__source {
    width: 100px;
}
.c-deeds__finish {
    width: 153px;
}
.c-deeds__task {
    flex: 1 0 auto;
    overflow: hidden;
    width: calc(100% - 353px);
}
.c-deeds__priority,
.c-deeds__source,
.c-deeds__finish,
.c-deeds__task {
    padding-right: 0 !important;
    text-align: left;
    padding-left: 24px;
}
.panel-info.js-active .list-view {
    padding: 0 16px;
}
.topic-item>.dropdown,
.topic-item .glyphicon-trash,
.topic-item .glyphicon-pencil {
    margin-right: 8px;
}
.c-page--crm table {
    font-size: 15px;
}
.c-page--crm .table>tbody>tr.active>td,
.c-page--crm .table>tbody>tr.active>th,
.c-page--crm .table>tbody>tr>td.active,
.c-page--crm .table>tbody>tr>th.active,
.c-page--crm .table>tfoot>tr.active>td,
.c-page--crm .table>tfoot>tr.active>th,
.c-page--crm .table>tfoot>tr>td.active,
.c-page--crm .table>tfoot>tr>th.active,
.c-page--crm .table>thead>tr.active>td,
.c-page--crm .table>thead>tr.active>th,
.c-page--crm .table>thead>tr>td.active,
.c-page--crm .table>thead>tr>th.active {
    background-color: #ECEFF1;
    padding: 16px 24px !important;
    vertical-align: top;
    text-align: left;
}
.c-page--crm .table>tbody>tr>td {
    padding: 16px 24px !important;
    vertical-align: top !important;
}
.c-page--crm .table>tbody>tr>td {
    border: none;
}
.c-page--crm .table > thead > tr > th {
    border: none;
}
.c-page--crm .table tr + tr {
    border-top: 1px solid #DDE3E6;
}
.c-page--crm .table>thead>tr.active>th {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "SF UI Medium";
    color: #90A4AE;
}
.c-page--crm .c-page__deadline {
    color: #BF360C;
}
.c-page--crm .c-page__delay,
.c-page--crm .c-page__num {
    color: #90A4AE;
}
.c-page--crm table a,
.c-page--crm table .btn-link,
.c-page--crm table .c-page__note {
    color: #2962FF;
}
.c-page--crm table a.btn-link {
    white-space: pre-wrap;
    display: inline;
}
.c-page--crm tbody {
    background-color: #fff;
}
.c-page--crm table .label {
    font-size: 15px;
    border-radius: 11px;
    font-family: "SF UI Regular";
    font-weight: normal;
}
.c-page--crm table .label.label-success {
    background-color: #A5D6A7;
    color: #000;
}
.c-page--crm table .label.label-label-warning {
    color: #000;
    background-color: #FFF176;
}
.c-page__rating .icon--star {
    fill: #CFD8DC;
}
.c-page__rating .icon--star.js-marked {
    fill: #FBC02D;
}
@media (min-width: 768px) {
    #new_task .modal-dialog {
        width: 80%;
        margin: 10% auto;
    }
}
@media (min-width: 1300px) {
    #new_task .modal-dialog {
        width: 70%;
    }
}
#new_task .modal-header {
    display: none;
}
.l-shell__row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.l-shell__col-3 {
    width: 25%;
    position: relative;
}
.l-shell__col-4 {
    width: 33.3%;
    position: relative;
}
.l-shell__col-3 + .l-shell__col-3 {
    padding-left: 16px;
}
.l-shell__col-6 {
    width: 50%;
    position: relative;
}
.l-shell__col-6 + .l-shell__col-6 {
    padding-left: 16px;
}
.l-shell__col-8 {
    width: 66.6%;
}
.l-shell__row-center {
    justify-content: space-between;
    align-items: center;
}
.c-form {
    font-family: 'SF UI Regular';
}
.c-form__title {
    font-size: 16px;
}
.c-form__title,
.c-form label {
    font-family: "SF UI Medium";
}
.c-form .c-button {
    padding: 10px 0;
    width: calc(50% - 8px);
}
.c-form textarea {
    width: 100% !important;
    height: calc(100% - 38px) !important;
    resize: none;
}
.c-form .select2-selection__arrow {
    border: none !important;
}
.c-form .select2-container--krajee .select2-selection--single {
    height: 40px;
    line-height: 2;
}
.c-form .form-control {
    height: 40px;
}
.c-form .select2-selection__arrow {
    height: 42px;
}
.c-form .c-button + .c-button {
    margin-left: 12px;
}
.c-form__placeholder {
    padding: 6px 12px;
    height: 40px;
    border-radius: 3px;
    line-height: 2;
    font-weight: 600;
    text-align: center;
}
.c-form__placeholder.product-backlog {
    background-color: #cddfc3;
    color: #37663f;
}
.c-form__placeholder.sprint-backlog {
    background-color: #4dae50;
    color: #fff;
}
.c-form__placeholder.in-work {
    background-color: #d9edf8;
    color: #305d8b;
}
.c-form .redactor-box {
    margin: 0;
}
.c-form .redactor-editor {
    min-height: inherit;
    max-height: inherit;
    height: 232px;
    overflow-y: auto;
    padding: 16px;
}
.c-form .redactor-editor p {
    margin: 0;
}
.c-form .redactor-toolbar {
    padding: 4px 0 !important;
}
.c-form__icon {
    position: absolute;
    top: 33px;
    right: 10px;
    font-size: 18px;
    line-height: 0;
    color: #78909C;
}
.workday .tabs-above .tab-content .table {
    margin: 0 !important;
}

.workday .tabs-above .tab-content .table,
.workday .tabs-above .tab-content .table td {
    background-color: #fff !important;
}
.workday .name {
    color: #333;
}
.row .col-sm-9.knoweleg-right-wrap.col-md-9 .tabs-above .tab-content,
.row .col-sm-9.knoweleg-right-wrap.col-md-9 .tabs-above .tab-content .table {
    background-color: #fff;
}
.c-form--crm .input-group-addon {
    display: none;
}

.c-form--crm .control-label {
    line-height: 1;
}

.mail-patter-container {
    padding: 10px;
}
#assignment-description-container {
    border: solid 1px #ccc;
    padding: 10px;
    width: calc(100% - 15px);
    min-height: 256px;
}
/*.bootstrap-datetimepicker-widget table th.prev,*/
/*.bootstrap-datetimepicker-widget table th.next,*/
/*.bootstrap-datetimepicker-widget table th.picker-switch,*/
/*.bootstrap-datetimepicker-widget table th.dow {*/
    /*background-color: #fff !important;*/
    /*border-radius: 0 !important;*/
/*}*/
/*.bootstrap-datetimepicker-widget.dropdown-menu {*/
    /*width: 100% !important;*/
    /*max-width: 500px;*/
/*}*/

@media (max-width: 767px) {
    #logo-group span#activity,
    .project-context.hidden-xs + .pull-right,
    .toggle-ribon,
    body.smart-style-6 #ribbon,
    .mes + .row .col-md-3.col-sm-4,
    .mes + .row .col-md-9.col-sm-8 .tabs-above .nav-tabs {
        display: none !important;
    }
    #content {
        padding: 0 !important;
        margin: 0 !important;
    }
    .mes + .row .btn {
        display: inline-block;
        margin: 5px;
        width: calc(100% / 2 - 12px);
    }
    .mes + .row .col-md-9.col-sm-8 h3 {
        margin: 0 !important;
        font-size: 15px;
        padding: 10px 10px 0;
    }
    .mes + .row .col-md-9.col-sm-8 .tabs-above {
        padding: 0 10px;
    }
}
/*.col-md-6 .bootstrap-datetimepicker-widget.dropdown-menu .datepicker,*/
/*.col-md-6 .bootstrap-datetimepicker-widget.dropdown-menu .timepicker {*/
    /*width: 100% !important;*/
/*}*/


.admin-form-container {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}
.custom-form-column-item {
    margin-bottom: 10px;
}

#contact-person-table tr td {
    padding: 0 5px!important;
}

.input_suma {
    width: 90px;
}

.input_qty {
    width: 70px;
}

.div-view {
    margin: 1px;
    background-color: white;
    padding: 5px;
    border: 1px solid #d4d4d4
}

.header-search .select2-selection {
    margin-top: 10px;
    height: 31px!important;
    width: 234px;
}

.header-search .select2-selection__arrow {
    color: transparent;
}


.header-search .select2-selection__rendered {
    padding-left: 12px!important;
}

.header-search>button {
    left: 0;
}

.widget-index a {
    color: #333;
}

.widget-item {
    width: 160px;
    border: 3px solid transparent;
}

.widget-item:hover {
    border: 3px solid #ccc;
}

.widget-item .widget-icon {
    margin: 30px 50px 20px;
    height: 54px;
}

.widget-item .widget-icon img{
    width: 100%;
}

.widget-item .widget-title {
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}
.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}