#tickets_add { max-width: 90vw; min-width: 280px;}
#tickets_add .modal-body { max-height: none; }
#tickets_add .textarea { width: 100%; min-height: 90px; margin-bottom: 10px; line-height: 24px; overflow-x: auto;}
#tickets_add .upload { margin: 10px 0; }
#tickets_edit { }
#tickets_edit .modal-header { background: #FFFFFF; padding: 15px; position: relative; }
#tickets_edit .modal-header:before,
#tickets_edit .modal-header:after { content: ''; display: block; clear: both;}
#tickets_edit .modal-header h3 { float: left; line-height: 26px; margin-right: 15px;}
#tickets_edit .modal-header h3 [class^="icon-"] { font-size: 26px; color: #707070; padding-right: 0; }
#tickets_edit .admin_bar {margin-left: 35px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#tickets_edit .admin_bar > .col {min-width: 145px; display: inline-block; vertical-align: top;}
#tickets_edit .admin_bar .bases {margin-top: 5px; position: relative; z-index: 20;}
#tickets_edit .admin_bar .bases > a {color: #3f3f3f; font-size: 12px; line-height: 1;}
#tickets_edit .admin_bar form { display: inline; }
#tickets_edit .admin_bar .gray { font-size: 12px; color: #3f3f3f; }
#tickets_edit .admin_bar .gray.ip { }
#tickets_edit .admin_bar .checkbox { margin-bottom: 0; padding-left: 25px; display: inline-block; font-size: 12px; }
#tickets_edit .modal-body { background: #f9f9f9; max-height: none; }
#tickets_edit .refresh { color: #374B5E; position: absolute; top: 8px; right: 22px; z-index: 1; opacity: 0.5; }
#tickets_edit .refresh:hover { opacity: 1; }
#tickets_edit .messages { border-bottom: 1px solid #BDC3C7; background: #f0f0f0; min-height: 400px; max-height: 400px;
    padding: 10px 18px; margin: 0 -18px 0; overflow-y: scroll; }
#tickets_edit .messages .el { margin: 0 -10px 10px 0; position: relative; }
#tickets_edit .messages .el .header { padding-left: 40px; margin-bottom: 5px; font-size: 12px; color: #353535; }
#tickets_edit .messages .el .header .comment { font-size: 10px; color: #5d5d5d; }
#tickets_edit .avatar { margin-right: 15px; float: left; position: relative; }
#tickets_edit .messages .el .avatar .status { border-radius: 100%; background: #ECF0F1; padding: 2px; position: absolute; top: 18px; right: -2px; }
#tickets_edit .messages .el .avatar .status i { border-radius: 100%; width: 8px; height: 8px; display: block; }
#tickets_edit .messages .el .avatar .status.online i { background: #1ABC9C; }
#tickets_edit .messages .el .avatar .status.offline i { border: 1px solid #1ABC9C; background: #FFF; }
#tickets_edit .avatar img { border-radius: 100%; width: 25px; height: 25px; }
#tickets_edit .messages .el .triangle { display: block; width: 0; height: 0; border-color: transparent #fff transparent transparent;
    border-width: 8px 8px 8px 8px; border-style: solid; position: absolute; top: 30px; left: 25px; z-index: 10;}
#tickets_edit .messages .el .text { font-family: 'Roboto', sans-serif;
    border-radius: 3px; background: #FFF; min-height: 38px; padding: 5px 15px 5px 10px;
    color: #2f2f2f; font-size: 14px; line-height: 18px; word-wrap: break-word; font-weight: 300;
    float: left; position: relative;
    width: 75%;
    width: -webkit-calc(100% - 55px);
    width: expression(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: -o-calc(100% - 55px);
    width: calc(100% - 55px);
}
#tickets_edit .messages .el .text p,
#tickets_edit .messages .el .text pre { margin: 0; font-family: inherit; }
#tickets_edit .messages .el.editable { }
#tickets_edit .messages .el a.del,
#tickets_edit .messages .el a.save { color: #374B5E; opacity: 0.5; display: none; position: absolute; top: 30px; right: 20px; }
#tickets_edit .messages .el a.save { width: 18px; height: 18px; font-size: 18px; top: auto; bottom: 5px; }
#tickets_edit .messages .el a.del:hover,
#tickets_edit .messages .el a.save:hover { opacity: 1; }
#tickets_edit .messages .el:not(.editing):hover a.del,
#tickets_edit .messages .el.editing:hover a.save { display: block; }
#tickets_edit .messages .no_readed { font-size: 12px; color: #bdc3c7; padding-left: 40px;}
#tickets_edit .add_form { padding: 15px 0 0 0; position: relative; }
#tickets_edit .add_form hr { margin-top: 10px; margin-bottom: 10px; }
#tickets_edit .add_form .form-group { position: relative; padding-right: 30px;}
#tickets_edit .add_form .avatar { margin: 5px 0 0 0; }
#tickets_edit .add_form a.upload,
#tickets_edit .add_form .redmine_task { width: 15px; height: 15px; color: #7e7e7e; font-size: 15px; display: inline-block;
    vertical-align: top; line-height: 15px; margin-right: 5px;}
#tickets_edit .add_form .redmine_task a.edit_task { width: 15px; height: 15px; color: #E44037; vertical-align: top; }
#tickets_edit .add_form .redmine_task a.edit_task[data-task_id="0"] { color: #7e7e7e; }
#tickets_edit .add_form .redmine_task a.del_task {
    border-radius: 100%; background: #F59D00; width: 11px; height: 11px; padding: 1px 1px 1px 2px; font-size: 10px; color: #FFF; text-align: center; line-height: 12px;
    position: absolute; top: 6px; right: -4px;
}
#tickets_edit .add_form .textarea {width: 100%; min-height: 90px; padding-right: 20px; margin: 10px 0; line-height: 24px;
    overflow-x: auto; position: relative; z-index: 10; }
#tickets_edit .add_form .error,
#tickets_edit .add_form .comment { margin: 5px 0 0; }
#tickets_edit .add_form a.edit_ticket { position: absolute; right: 0; bottom: 0; width: 35px; height: 30px; padding: 0; line-height: 30px;
    text-align: center; font-size: 12px;}
#tickets_edit .add_form .top-uploader { min-width: 200px; max-width: 545px; min-height: 20px; margin: 10px 0 -10px 55px; float: left; }
#tickets_edit .add_form .top-uploader td:nth-child(1) { width: 0; padding: 0; }
#tickets_edit .add_form .top-uploader .upload { display: none; }
#tickets_edit .files { margin: -10px 0 5px 0; }
#tickets_edit .files .files_el { margin: 10px 10px 0 0; float: left; }
#tickets_edit .files .thumb { border: 1px solid #EEE; width: 80px; height: 80px; overflow: hidden; position: relative; }
#tickets_edit .files .thumb img { max-width: 100%; position: absolute; }
#tickets_edit .files .file { margin: 5px 10px 0 0; white-space: nowrap; display: inline-block; }
#tickets_edit .files .file a.name { }
#tickets_edit .files .file [class^="icon-"] { color: #34495E; margin-top: -3px; }
#tickets_admin_writing { }
#tickets_admin_writing .el { border-radius: 2px; border: 1px solid #BDC3C7; padding: 3px; background: #F5F9FA; margin: 10px 0; }
#account_tickets { }
#account_tickets .create {font-size: 14px;}
#account_tickets .create [class^="icon-"] { font-size: 10px;}
table.tickets { }
table.tickets tr.no_readed td:nth-child(2) a { font-weight: 600; }
table.tickets tr th.small { width: 1%; }
table.tickets tr th.title { width: 50%; }
table.tickets tr td:last-child { width: 140px; color: #000; }
table.tickets tr td.wait,
table.tickets tr td .wait { color: #000; }
table.tickets tr td.new,
table.tickets tr td .new { color: #1abc9c; }
#account_tickets .tickets_list {position: relative; display: block; }
#account_tickets .tickets_list .ticket { position: relative; padding: 10px 10px 10px 50px; min-height: 105px; display: block;
    text-decoration: none; background: #fff; margin-bottom: 15px;}
#account_tickets .tickets_list .ticket:hover {background: #cecece; cursor: pointer;}
#account_tickets .tickets_list .ticket .icon { position: absolute; width: 50px; height: 50px; line-height: 50px;
    top: 0; left: 10px; color: #a6a5a5; font-size: 30px;}
#account_tickets .tickets_list .ticket .title_block { clear: both; line-height: 18px; vertical-align: baseline; margin-bottom: 10px;}
#account_tickets .tickets_list .ticket .title_block:before,
#account_tickets .tickets_list .ticket .title_block:after {content: ''; display: block; clear: both;}
#account_tickets .tickets_list .ticket .title_block .id { font-size: 14px; color: #3e3e3e; font-weight: 500; float: left;}
#account_tickets .tickets_list .ticket .title_block .date { font-size: 12px; color: #757575; float: right; vertical-align: baseline;}
#account_tickets .tickets_list .ticket .intro { padding: 5px 0 15px; border-bottom: 1px solid #262626;}
#account_tickets .tickets_list .ticket .intro span { font-size: 14px; color: #262626; }
#account_tickets .tickets_list .ticket .status { font-size: 14px; color: #2db34b; padding-top: 5px; text-align: right; }
#account_tickets .more_tickets { text-align: center; padding: 15px 0;}
#account_tickets .more_tickets a { color: #878686; font-size: 14px; text-decoration: none;}
#account_tickets .desctop_view { display: block;}
#account_tickets .mobile_view { display: none;}
@media (max-width: 765px) {
    #account_tickets .desctop_view { display: none;}
    #account_tickets .mobile_view { display: block;}
}