html,body{height:100%;overflow:hidden}.clear{clear:both}input[type=text],input[type=email],input[type=password],textarea{border:none;border-radius:5px;box-sizing:border-box;font-size:14px;line-height:21px;font-weight:300;padding:7px 12px 10px;resize:none;transition:border-color .3s ease-out;width:100%}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:#3b89ed;transition:none}input[type=button],input[type=submit],button,.button{background:#ff3e3e;border:none;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;line-height:19px;padding:11px 26px 12px;text-decoration:none;transition:background .3s ease-out}input[type=button]+input[type=button],input[type=button]+input[type=submit],input[type=button]+button,input[type=button]+.button,input[type=submit]+input[type=button],input[type=submit]+input[type=submit],input[type=submit]+button,input[type=submit]+.button,button+input[type=button],button+input[type=submit],button+button,button+.button,.button+input[type=button],.button+input[type=submit],.button+button,.button+.button{margin-left:27px}input[type=button]:hover,input[type=submit]:hover,button:hover,.button:hover{background-color:#ed0a0a;transition:none}input[type=button]:active,input[type=submit]:active,button:active,.button:active{background-color:#ed0a0a;transition:none}input[type=button].green,input[type=submit].green,button.green,.button.green{background-color:#28BE86;border-color:#29A878;color:#fff}input[type=button].green:hover,input[type=button].green:active,input[type=submit].green:hover,input[type=submit].green:active,button.green:hover,button.green:active,.button.green:hover,.button.green:active{background-color:#20A674}.logo{margin:-17px 0 -21px}.logout{background:#fff;border:1px solid #DEE0E2;border-right:0px;border-top:0px;border-radius:2px;color:rgba(52,56,61,0.5);display:block;font-size:11px;line-height:15px;padding:3px 10px 5px;position:absolute;right:0;text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-ms-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;top:0;z-index:11}.logout:hover{color:#34383D;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.page{height:100%; padding-bottom: 50px;}.tip{font-size:12px;line-height:18px;font-weight:300;margin:7px 0 0}#top-message{right:70px;opacity:0;position:absolute;top:12px;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;z-index:100}@media (max-device-width: 767px){#top-message{display:none}}#top-message.visible{background:#FFF5CF;border:1px solid #EAE1C1;border-radius:2px;color:#34383D;font-size:13px;line-height:17px;font-weight:300;opacity:1;padding:7px 12px}.tasks{height:100% !important}.page-left{box-sizing:border-box;float:left;height:100%;width:22vw}@media (max-device-width: 767px){.page-left{width:100vw}.mobile-in-task .page-left{display:none}}.page-right{border-left:1px solid #edf1f4;box-sizing:border-box;float:left;height:100%;width:78vw}@media (max-device-width: 767px){.page-right{display:none;width:100vw}.mobile-in-task .page-right{display:block}}.tasks-filters{border-bottom:1px solid #eee;height:55px;position:relative}
.page_com_center {
    width:13vw;
}
.page_com_right {
    width:65vw;
    border-left: none;
}

.float_left_label input{
    width:200px !important;
    border-bottom: 1px solid #afacac !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.float_left_label input:focus{
    border-bottom: 1px solid blue !important;
}
.float_left_label{
    float: left;
    margin: 10px 40px 0 0;
    color: #8e8a8a;
}
.float_left_label select{
    width:200px !important;
    border: none;
    border-bottom: 1px solid #afacac !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 39px;
    cursor: pointer;
    }
.float_left_label select:focus{
      border-bottom: 1px solid blue !important;
    }
.label_new_co{
    margin: 10px 30px 0 0;
    color: #8e8a8a;
}
.label_new_co input{
 
    border-bottom: 1px solid #afacac !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.label_new_co input:focus{
    border-bottom: 1px solid blue !important;
}
.label_new_co span{
    font-size: 0.7em;
}
.padding_profile{
    padding-right: 20px;
}
.margin-partners{
        margin: 30px 20px 0 0;
    }
.btn-red{
        padding: 3px 10px 3px 10px;
        font-size: 12px;

}
.btn-red-modal{
        padding: 11px 26px 12px;
        font-size: 15px;
        color:#000;
        background: #ecf0f6;

}
.btn-save{
        padding: 3px 10px 3px 10px;
        font-size: 12px;
        background: #005796;

}
a.btn-save:hover{
    background: #02487b;
}
button.btn-red-modal:hover{
    color:#fff;
}

.filter_block{
    float:left;
    font-size:11px;
    margin-right:10px;
    color:#8e8b8b;
    border: 1px solid #e8e6e6;
    border-radius: 13px;
    padding: 0 10px;
}
.filter_list{
    float:right;
    margin-top:10px;
    display: block;
}
.filter_list_mob{
    display: none;
}
.benzel_left {
    width:45%;
    float: left;
}
.benzel_right {
    width:50%;
    float: right;
}
/* @media (max-device-width: 767px){.tasks-filters{border-bottom-color:#ccc;height:106px;left:0px;position:fixed;right:0px;top:0px}} */

.site-list{box-sizing:border-box;font:17px/19px Roboto;overflow:hidden;padding:18px 25px 0;width:100%}.search-form{box-sizing:border-box;display:none;left:0px;position:absolute;top:0px;width:100%;z-index:10}.search-form input{background:#fff;border:none;box-sizing:border-box;font:14px/19px Roboto;height:55px;padding-left:25px;width:100%}.search-button{background-image:url(/media/img/cabinet/tasks/search-button.png);background-size:17px 17px;display:block;height:17px;position:absolute;right:50px;top:21px;width:17px}.task-add{display:block;height:17px;position:absolute;right:20px;top:19px;width:auto}

/* @media (max-device-width: 767px){.task-add{background-image:url(/media/img/cabinet/tasks/task-add-mobile@2x.png);background-size:68px 68px;height:68px;width:68px}} */

.tasks-stat--wrapper{border-bottom:1px solid #eee;height:85px;padding:0 25px}

/* @media (max-device-width: 767px){.tasks-stat--wrapper{border-bottom-color:#ccc;height:176px;left:0px;position:fixed;right:0px;top:106px}} */

.tasks-stat{width:100%}.tasks-stat--stat{box-sizing:border-box;cursor:pointer;float:left;font:20px/26px Roboto;margin-right:1%;padding:18px 0 19px;text-align:center;width:49%}

/* @media (max-device-width: 767px){.tasks-stat--stat{font-size:64px;line-height:80px;font-weight:400}} */

.tasks-stat--stat:hover{border-bottom:3px solid rgba(250,107,86,0.5)}.tasks-stat--stat.active{border-bottom:3px solid #fa6b56}.tasks-stat--stat small{display:block;font:300 14px/19px Roboto}

/* @media (max-device-width: 767px){.tasks-stat--stat small{font-size:40px;line-height:56px;font-weight:300}} */

.tasks-list{clear:both;height:calc(100vh - 212px);overflow:auto;position:relative}.is-admin .tasks-list{height:calc(100vh - 238px)}

/* @media (max-device-width: 767px){.tasks-list{height:100%;margin-top:282px}} */

.tasks-list--task{background:#fff;border-bottom:1px solid #eee;box-sizing:border-box;font-size:13px;line-height:20px;padding:13px 10px 15px 18px;transition:top .3s ease-out}.tasks-list--task:hover{background-color:#f8f8f8}.tasks-list--task.active{background-color:#edf1f4}

/* @media (max-device-width: 767px){.tasks-list--task{border-bottom-color:#ccc;border-top:1px solid #ccc;font-size:26px;line-height:42px;font-weight:400;padding:32px 27px 36px 37px}} */

.tasks-list--task--date{color:#34383d;float:right;margin-bottom:0px;opacity:0.7;position:relative;top:-7px}

/* @media (max-device-width: 767px){.tasks-list--task--date{font-weight:300}} */

.tasks-list--task--balloon{background-color:#ff8956;border-radius:13px;box-sizing:border-box;color:#fff;display:inline-block;float:right;font:normal 11px/15px Roboto;height:26px;margin-left:25px;min-width:26px;padding:5px 8px 0;text-align:center}.tasks-list--task--balloon.hidden{display:none}.tasks-list--task--name{color:#34383d;font-size:15px;line-height:21px;height:42px;margin:3px 0 11px;padding-left: 5px;overflow:hidden;text-overflow:ellipsis}

/* @media (max-device-width: 767px){.tasks-list--task--name{font-size:36px;line-height:48px;font-weight:400;height:150px;margin-bottom:6px}} */

.tasks-list--task--status{opacity:0.69;font-size:13px;color:#34383d;padding-left:5px;line-height:20px}.task-status-ok{background-size:16px 16px;height:16px;display:inline-block;margin-right:6px;vertical-align:middle;position:relative;top:-1px;width:16px}.tasks-list--task--www {padding-left: 5px;}.tasks-list--task--www .tdi-bolt{position:relative;top:1px}.tasks-list--task--www .tdi-star{margin-right:4px;position:relative;top:1px}.task-info{background-color:#edf1f4;box-sizing:border-box;height:100%;padding:27px 2vw 0 4vw;position:relative}@media (max-device-width: 767px){.task-info{padding:106px 0 0}}.task-loader{background:#edf1f4;bottom:0px;box-sizing:border-box;display:none;left:0px;opacity:0;padding-top:200px;position:absolute;right:0px;text-align:center;transition:opacity .3s ease-out;top:0px;z-index:20}.task-loader.visible{display:block;opacity:1}.system-messages{background:#edf1f4;bottom:0px;box-sizing:border-box;display:none;left:0px;padding:27px 2vw 0 4vw;position:absolute;right:0px;top:0px;z-index:30}.system-messages>div{display:none}@media (max-device-width: 767px){.system-messages .makeup h1{font-size:48px;line-height:72px;font-weight:400;max-width:80%}.system-messages .makeup p{font-size:40px;line-height:56px;font-weight:300;max-width:80%}}.task{background:#edf1f4;height:100%;position:relative}.task--title{background:#edf1f4;left:0px;position:absolute;right:0px;top:0px;z-index:10}@media (max-device-width: 767px){}.task--name{font:26px/34px Roboto;margin-bottom:14px}@media (max-device-width: 767px){.task--name{font-size:24px;}}.task--status{font:14px/19px Roboto}@media (max-device-width: 767px){.task--status{font-size:28px;line-height:38px;font-weight:400}}.task--chat{bottom:170px;left:-20px;overflow:auto;position:absolute;top:103px;right:0px}.task--chat.set-scroll{overflow:hidden}
.task--chat--message{box-sizing:border-box;font-size:17px;line-height:21px;font-weight:300;padding:15px 0 15px 15px;position:relative}
.task--chat--message.unread{background-color:#f0f0f0}

.border_comment:hover {background: #f6f7f9}
.mini-left{
    padding-left:2vw;
    padding-right: 0;
}

/* @media (max-device-width: 767px){.task--chat--message{font-size:36px;line-height:48px;font-weight:400;max-width:none;padding:25px 40px 40px 140px}} */

.task--chat--message--photo{left:20px;position:absolute;top:14px}.task--chat--message--photo--rel{height:0;overflow:hidden;padding-top:0px;position:relative}.task--chat--message--photo--rel img{height:100%;left:0px;position:absolute;top:0px;width:100%}.task--chat--message--photo img{border-radius:42px;height:42px;width:42px}@media (max-device-width: 767px){.task--chat--message--photo img{border-radius:84px;height:84px;width:84px}}.task--chat--message--time{color:#979797;float:right;font-size:13px;font-weight:300}

/* @media (max-device-width: 767px){.task--chat--message--time{font-size:26px}} */

.task--chat--message--author{font-size:15px;line-height:21px;font-weight:400;margin-bottom:4px}

/* @media (max-device-width: 767px){.task--chat--message--author{font-size:36px;line-height:48px;font-weight:400}} */

.task--chat--message--text{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space: pre-line}.chat--photo img{border-radius:6px;max-width:100%;height:auto}.task--chat--delimiter{border-top:1px solid #d8d8d8;color:#bfbfbf;font:12px Roboto;margin-bottom:10px;max-width:700px;position:relative;text-align:center}.task--chat--delimiter b{background:#edf1f4;font-weight:300;margin:0 auto;padding:0 5px;position:relative;top:-10px}

.task--title-and-chat.unified, .task--title-and-chat-1.unified, .task--title-and-chat-2.unified{bottom:50px;left:0px;overflow:auto;position:absolute;right:0px;top:0px}
.task--title-and-chat.unified .task--chat, .task--title-and-chat-1.unified  .task--chat, .task--title-and-chat-2.unified  .task--chat{padding-top:36px;position:static;overflow:visible}
@media (max-device-width: 767px){
    .task--title-and-chat.unified .task--chat, .task--title-and-chat-1.unified  .task--chat, .task--title-and-chat-2.unified  .task--chat{padding-top:0px}
}
.task--title-and-chat.unified .task--title, .task--title-and-chat-1.unified .task--title, .task--title-and-chat-2.unified .task--title{position:static}
.task--reply{background:#edf1f4;bottom:0px;box-sizing:border-box;left:-20px;padding:0 30px 30px 80px;position:absolute;right:0px;z-index:10}@media (max-device-width: 767px){.task--reply{bottom:0px;left:0px;max-width:none;padding:0 60px 60px 140px;position:fixed}}.task--reply--photo{left:20px;position:absolute;top:0px}.task--reply--photo img{border-radius:42px;height:42px;width:42px}

/* @media (max-device-width: 767px){.task--reply--photo img{border-radius:84px;height:84px;width:84px}} */

.task--reply textarea{min-height:71px;}

/* @media (max-device-width: 767px){.task--reply textarea{font-size:36px;line-height:48px;font-weight:400}} */

.task--reply--submit{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;float:right;margin-top: 5px;}

.task_bg{
    background: #fff;
}
.task_border_bg{
    background: #fff;
    border-radius: 3px 0 0 3px;
    margin-right: 0;
}
.task_size{
    font-size: 17px;
    line-height: 21px;
    white-space: pre-line;
}
.remove_comments{
    position: absolute;
    top: 27px;
    left: 27px;
}
.go_to_comments {
    display: none;
}
.task--chat--message:hover .go_to_comments{
    display: block;
    color: #8886ea;
}
/* @media (max-device-width: 767px){.task--reply--submit{font-size:36px !important;line-height:48px !important}} */

@media (max-device-width: 767px){.task--reply--file{display:none}}.new-task{background:#edf1f4;display:none;height:100%;opacity:0;position:relative;transition:opacity .3s ease-out;z-index:15}@media (max-device-width: 767px){.new-task{height:70%;margin-top:100px;padding-left:20px}}.new-task.visible{display:block;opacity:1}.new-task .task--reply{position:relative}@media (max-device-width: 767px){.new-task--text{height:400px}}.new-task--title{font:26px/34px Roboto;margin-bottom:23px}@media (max-device-width: 767px){.new-task--title{display:none}}.task--new--submit{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}@media (max-device-width: 767px){.task--new--submit{font-size:36px !important;line-height:48px !important}}.task-set{background:#e6f0f5;border:1px solid #c2e3f4;border-radius:4px;margin:15px 0 0;padding:20px 25px 25px}.task-set .task-set--agreement{color:#34383d;font-size:12px;line-height:18px;font-weight:300;opacity:.6}.task-set .task-set--agreement a{color:#34383d}.task-set .task-set--accepted{color:#090}.task-set .task-set--declined{color:#d00}.task-set .task-set--buttons{margin:14px 0 9px}.task-set .task-set--buttons .decline{margin-left:16px}.task-set .task-set--content{margin:0 0 21px}.task-set p b{font-weight:400}.task-set p+p{margin-top:7px}@media all and (-webkit-min-device-pixel-ratio: 2){.search-button{background-image:url(/media/img/cabinet/tasks/search-button@2x.png)}.task-add{background-image:url(/media/img/cabinet/tasks/task-add@2x.png)}#mobile-catcher{font-size:1px}@media (max-device-width: 767px){#mobile-catcher{font-size:2px}}.mobile-title{background-color:#fff;display:none;height:105px;left:0px;padding-left:100px;position:fixed;right:100px;top:0px;z-index:20}@media (max-device-width: 767px){.mobile-title{display:block}}.mobile-in-task .mobile-title{border-bottom:1px solid #ccc;padding-right:100px;right:0px}.mobile-title .mobile-back{background-image:url("/media/img/cabinet/tasks/mobile-back.png");background-repeat:no-repeat;background-position:center;display:none;height:100px;left:0px;position:absolute;top:0px;width:100px}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx){.mobile-title .mobile-back{background-image:url("/media/img/cabinet/tasks/mobile-back@2x.png");background-size:30px 66px}}.mobile-in-task .mobile-title .mobile-back{display:block}.mobile-title .task-mobile-title{display:block;font-size:44px;line-height:58px;font-weight:400;height:105px;overflow:hidden;padding-top:25px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.task--client--selector{margin-bottom:30px}.task--client--selector .chosen-container{margin-left:13px;width:400px !important}


img {
    max-width: 100%;
}

.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    transition-duration: .5s;
    transition-timing-function: linear;
    position: absolute;
    top: 18px;
    right: 18px;
    display: none;
}
.hamburger-box {
    width: 46px;
    height: 30px;
    display: inline-block;
    position: relative;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 46px;
    height: 2px;
    background-color: #aeb5b9;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease;
    display: block;
}
.hamburger-inner {
    top: 1px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}
.hamburger-inner::after, .hamburger-inner::before {
    content: "";
}
.hamburger-inner::before {
    top: 14px;
    transition: opacity .15s .4s ease;
}
.hamburger-inner::after {
    top: 28px;
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
}
._opened-menu .hamburger-inner {
    -webkit-transform: translate3d(0,14px,0) rotate(135deg);
    transform: translate3d(0,14px,0) rotate(135deg);
    transition-delay: .1s;
}
._opened-menu .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}
._opened-menu .hamburger-inner::after {
    -webkit-transform: translate3d(0,-28px,0) rotate(-270deg);
    transform: translate3d(0,-28px,0) rotate(-270deg);
    transition-delay: .1s;
}
._opened-menu .itemsMenu {
    display: block;
    margin-top: 75px;
}
._opened-menu .page {
    display: none;
}
.back-btn {
    background: #edf1f4;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 18px rgba(0,0,0,.2);
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 10;
}
 a.back-btn{
    text-decoration:none;
    color:#b4b9bd;
    font-size:0.8em;
}

@media screen and (max-width: 768px){
    .benzel_left {
    width:100%;
    }
    .benzel_right {
    width:100%;
    float: left;
    }
    .filter_list{
    display: none;
    }
    .filter_list_mob{
    
    float:left;
    margin-top:15px;
    display: block;
    }

    .float_left_label{
        width: 100%;
    }
    .float_left_label input, .float_left_label select{
        width:100% !important;
    }
    .label_new_co{
        width: 100%;
    }
    .label_new_co input{
        width:100% !important;
    }
    .itemsMenu {
        display: none;
    }
    .hamburger,
    .back-btn {
        display: block;
    }
    .padding_profile{
        padding-right: 0px;
    }
    .margin-partners{
        margin: 30px 0 0 0;
    }
    html,
    body,
    .tasks-list,
    .task--title-and-chat.unified {
        overflow: inherit;
    }
    html,
	body,
	.tasks {
		height: auto;
	}
	.logo1 {
		left: 5px;
	}

	.itemsMenu li {
		width: 85%;
		display:block;
		border-bottom: #d9d9d9 1px solid;
		text-align: left;
		padding: 10px 10px;
        border-top: none;
	}

	.page-right,
	.tasks-list--task--status i,
	.ticket-page .page-left{
		display: none;
	}
    .ticket_mess_off {
        display: none !important;
    }
    .ticket_mess_on{
        display: block !important;
    }
	.ticket-page .page-right {
		display: block;
	}
	.page-left,
	.ticket-page .page-right	{
		width: 100%;
	}
	.tasks-stat {
		text-align: center;
	}
	.tasks-stat--stat {
		display: inline-block;
		float: none;
		width: auto;
		margin: 0;
		padding: 18px 30px 19px;
	}
	.tasks-stat--wrapper {
		padding: 0;
	}
	.tasks-list--task--date {
		top: 0;
	}
	.tasks-list--task--name {
		height: auto;
		min-height: 42px;
	}

	.tasks-list {
		height: 100%;
	}

	.task--title-and-chat.unified {
		position: relative;
	}
	.task--title-and-chat.unified,
	.task--chat	{
		bottom: auto;
		left: auto;
		right: auto;
		top: auto;
	}
	.task-info {
		padding: 65px 18px 18px;
        padding-bottom: 100%;
	}
	.task--chat--message {
		margin-right: 0;
		padding-right: 0;
	}
	.task--chat--message--photo {
		left: 0;
	}
	.task--chat--message--photo img {
		border-radius: 50%;
		height: 65px;
		width: 65px;
	}
     .create_ticket {
        margin: 0 0 80px 0;
    }
    .create_ticket label,
 .create_ticket label input,
 .create_ticket label select{
     width: 100% !important;
    }
    .task--reply {
  position: relative;
  padding: 0 0 0 80px;
  margin: 40px 0;
  left: 0;
 }
 .task--chat {
  position: relative;
 }
 .task--title-and-chat.unified {
  bottom: auto !important;
 }
 .ticket-page::before{
    width: 100%;
    height: 15px;
    background: #edf1f4;
    content: "";
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 120;
  }
.ticket-page {
    background: #edf1f4;
  }
  .go_to_comments {
    display: none;
  }
.task--reply textarea{height:71px !important;}
.bottom_task{
    bottom: 180px !important;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
 .task--reply  {  
  margin-bottom: 36px; 
 }
 .tasks-list {
  padding-bottom: 58px;
 }
 }