.icon-close:before {
  content: "\e92f";
}
.icon-done1:before {
  content: "\e930";
}
.icon-new:before {
  content: "\e931";
}
.icon-out:before {
  content: "\e932";
}
.icon-user-offline:before {
  content: "\e933";
}
.icon-user-online:before {
  content: "\e934";
}


.color-gray-blue
{
    color: #b2cad0;
}
.color-light-blue
{
    color: #b4e5ef;
}

.fs-13
{
    font-size: 13px;
}
.fs-14
{
    font-size: 14px;
}
.fs-18
{
    font-size: 18px;
}

.ws-nowrap
{
    white-space: nowrap;
}

.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left;
}

.position-relative
{
    position: relative;
}
.position-static
{
    position: static !important;
}
.word-break
{
    word-break: break-all;
    word-wrap: break-word;
}

.d-none 
{
    display: none;
}
.d-block
{
    display: block;
}
.d-inline-block
{
    display: inline-block;
}

.cursor-default
{
    cursor: default;
}

.priority-badge-0
{
    background: #b2cad0;
}
.priority-badge-1
{
    background: #f6695e;
}
.priority-badge-2
{
    background: #fa905d;
}
.priority-badge-3
{
    background: #ffbd5c;
}
.priority-badge-4
{
    background: #c3c674;
}
.priority-badge-5
{
    background: #78bf65;
}
.priority-badges-dropdown
{
    width: 260px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: justify;
    text-align-last: justify;
    line-height: 22px;
    cursor: default;
}
.priority-badges-dropdown a.bage
{
    margin: 0;
}
.orderInfoFiles
{
    font-size: 13px;
    margin-top: 13px;
}
.orderInfoFiles:before
{
    content: '';
    display: block;
    border-top: 1px solid #dedede;
    margin-bottom: 16px;
    width: 182px;
}
.orderFile__link-ico
{
    font-size: 30px;
    vertical-align: text-bottom;
}
.orderFile__link a
{
    margin-right: 10px;
}
.orderInfoReactions
{
    margin-top: 10px;
}
.row__navToggle.row__navToggle-nomargin
{
    margin: 0;
}
.row__navDrop {
    overflow-y: auto;
    overflow-x: hidden;
}
.row__navDrop.row__navDrop-right
{
    right: -10px;
    margin-left: 0;
}
.row__navDrop.row__navDrop-right:before
{
    left: auto;
    right: 12px;
}
.row__navList 
{
    max-height: 50vh;
}
.row__navLink.row__navLinkInline 
{
    display: inline-block;
    padding: 11px;
}
.row__navText
{
    display: block;
    padding: 3px 20px 3px 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.row__navTextHeading
{
    padding-bottom: 8px;
    font-weight: bold;
}
.row__navItemComment {
    font-size: 11px;
    color: #949ba5;
}
.newTask__priority .bage
{
    margin-right: 0;
}
.orderTop__info
{
    overflow: visible;
}
.orderTop__infoBage 
{
    margin-right: 8px;
}
.orderTop__infoAction a {
    color: #00b0d7;
}
.alert-text-block,
.success-text-block
{
    margin: 15px 25px;
    padding: 15px 25px;
    border-radius: 5px;
}
.alert-text-block i,
.success-text-block i
{
    margin: -3px 0 0 0;
}
.alert-text-block
{
    color: #f6695e;
    background: #f2dede;
    border: #f6695e solid 1px;
}
.success-text-block
{
    color: #00b06f;
    background: #e6f5f8;
    border: #00b06f solid 1px;
}
.pjax-loader
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    z-index: 50;
    text-align: center;
    display: none;
}
.pjax-loader i
{
    margin: 150px 0 0 0;
    color: rgba(0,0,0,.35);
    font-size: 70px;
    animation: spin 4s linear infinite;
}

@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.filters__action
{
    overflow: visible;
}
.footer
{
    height: auto;
    min-height: 86px;
}
.wrapper
{
    margin-bottom: -86px;
}
.main__content
{
    padding-bottom: 86px;
    overflow-wrap: break-word;
}
.chat-actions
{
    float: right;   
}
.chat-actions > a,
.chat-actions > .tooltip > a {
    color: #00b0d7;
    margin-right: 4px;
}
.chat-actions > a:hover,
.chat-actions > .tooltip > a:hover {
    text-decoration: none;
}
.chat-actions > .row__navToggle {
    display: inline-block;
}
.chat__user
{
    width: 40px;
}
.chat__user img
{
    max-height: 40px;
    border-radius: 4px;
}
.chat__message
{
    padding-left: 60px;
    overflow: visible;
}
.chat__row-event .chat__message
{
    padding-left: 0;
}
.chat__row-event .chat__view
{
    border: none;
    background-color: #edf6f8;
}
.chat__row-event .chat__name
{
    margin-bottom: 0;
    padding-left: 35px;
}
.chat__row-event .chat__icon
{
    float: left;
}
.dropzone
{
    background: rgba(237, 246, 248, .85);
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
    transition: background 0.3s ease-out, color 0.3s ease-out;
    font-size: 18px;
}
.dropzone.hover
{
    background: rgba(143, 197, 208, .85);
    color: #ffffff;
}
.dropzone span
{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
}
.filters__btns .btn i
{
    margin-right: 0;
    margin-top: -1px;
    vertical-align: middle;
}
.orderTable__row_imp
{
	font-weight: bold;
}
.orderInfo
{
	padding-left: 20px;
    padding-right: 20px;
	padding-bottom: 0;
}
.orderList
{
	border-top: none;
}
.orderInfo__bottom
{
	border-bottom: 1px solid #dedede;
	padding-bottom: 22px;
}
.common-form .control-label
{
	display: block;
	margin-bottom: 5px;
}
.common-form .form-control
{
	width: 100%;
}
.common-form .form-group
{
	margin-bottom: 10px;
}
.common-form .form-group .form__message {
    margin-top: 4px;
    font-size: .875em;
}
.common-form .form-group.has-error .form__message {
    color: #f6695e;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slideNav {
    max-height: 80%;
    max-height: calc(100vh - 61px);
    overflow-y: auto;
    overflow-x: hidden;
}
.chat__text p:last-child,
.chat__text blockquote:last-child, 
.chat__text ul:last-child,
.chat__text ol:last-child,
.chat__text pre:last-child,
.chat__text address:last-child {
    margin-bottom: 0;
}
.chat__text .invite,
.orderInfo__descr .invite {
    color: #0078b3;
}
.chat__text address,
.orderInfo__descr address,
.chat__text blockquote,
.orderInfo__descr blockquote {
    padding: 8px 16px;
    background: #edf6f8;
    margin: 16px 0;
}
.chat__text address address,
.orderInfo__descr address address,
.chat__text blockquote address,
.orderInfo__descr blockquote address, 
.chat__text address blockquote,
.orderInfo__descr address blockquote,
.chat__text blockquote blockquote,
.orderInfo__descr blockquote blockquote {
    border: 1px solid #dedede;
}
.chat__text pre,
.orderInfo__descr pre {
    padding: 5px 12px;
    background: #f3f3f3;
}
.taskList__row.highlighted {
    background: #edf6f8;
}
.page-scroller {
    display: none;
    background: #ffffff;
    background-repeat: no-repeat;
    color: #404040;
    border: 1px solid #dedede;
    box-shadow: 0 2px 3px rgb(0 0 0 / 4%);
    padding: 10px 2px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    opacity: .5;
    transition: opacity .3s, transform .3s;
}
.page-scroller:hover {
    opacity: 1;
}
.page-scroller.page-scroller-up {
    transform: rotateZ(180deg);
}
.chosenCategory__group {
    padding-left: 20px;
    transition: none;
}
.chosenCategory__group_open {
    margin-top: -15px;
}
.tooltip {
    position: relative;
}
.tooltip__content {
    position: absolute;
    top: 100%;
    left: -2px;
    max-width: 300px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #b6cace;
    border-radius: 4px;
    z-index: 110;
    display: none;
}
.tooltip_open .tooltip__content {
    display: block;
}
.tooltip_right .tooltip__content {
    right: -2px;
    left: auto;
}
.tooltip_center .tooltip__content {
    left: 50%;
    transform: translateX(-50%);
}