@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css";
@import "./css/fontello.css";

.right-header-block .ui-resizable-handle{background: #828e9d; bottom: -5px; width: 101%; right: -1px; left: -1px; z-index: 1 !important;}
.foot-wrapper{margin-top: -1px; position: relative;}
/*.comment_table-wrapper:after{content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; position: inherit; left: 0;}*/

.tables-comment{padding-left: 11px;}
/*.has-scroll .ps__rail-y{right: 1px !important;}*/
.has-scroll .comment_namespace td:last-of-type,
.has-scroll table:first-of-type:last-of-type td:last-of-type{padding-right: 12px;}
#messageheader .subject p{width: calc(100% - 40px); margin: 0; float: right;}
#messageheader .subject .icon_country{float: left;}
#messageheader .subject .icon_country + p{padding-top: 8px;}
#messageheader .comment-row-wrapper,
#messageheader .subject,
#messageheader .headers-table{max-width: 45%; width: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; clear: left; border-collapse: collapse;}
#previewheaderstoggle{display: none;}
#preview-shortheaders{display: none !important;}
#preview-allheaders{display: table !important;}
#preview-allheaders .header-title{vertical-align: top;}
.title-comment-table{display: none;}
.show-advanced:before{position: relative; margin-right: 3px; top: 1px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f078";}
.show-advanced.open:before{content: '\f077';}

.comment_table:first-of-type:last-of-type,
.foot:first-of-type:last-of-type{width: 100% !important; float: none !important; margin: 0 !important;}
.comment_table,
.foot{width: 49.5% !important;}
.comment_table,
.foot{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.foot   {height: 20px;}
.foot td{padding: 0;}
.foot td input{border: none;}

.comment_input{width: 100%;}
.comment_table:first-of-type,
.foot:first-of-type{float: left;}

.comment_table:last-of-type,
.foot:last-of-type{float: right;}

.table-comment-namespace:empty,.table-comment-public:empty{display: none;}
.comment_table td{border: none;}
.clear{clear: both;}
.comment_table thead {
    border: 1px solid #828e9e;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor:pointer

}
.comment_table thead th {
    font-weight: 100;

}
.comment_table thead td,
.comment_table tbody td {padding: 3px;}
.comment_table td input {border: none;}
.comment_table:first-of-type thead td,.comment_table:first-of-type:last-of-type thead td{background: #fff none repeat scroll 0% 0%}
.comment_table:first-of-type tbody td,.comment_table:first-of-type:last-of-type tbody td{background:#fff none repeat scroll 0% 0%;}

.comment_table:last-of-type thead td{background: #a80829;}
.comment_table:last-of-type tbody td{background: rgb(212, 166, 166) none repeat scroll 0% 0%;}

.comment_table-wrapper .wrapper-comment, .comment_table-wrapper .wrapper-comment_namespace, .comment_table-wrapper .wrapper-comment_overdue {
    width: 100%;
}

.comment_table .comment-actions  span{
    cursor: pointer;
}
.comment_table .comment-actions  .comment_edit:hover{
    color:#3273dc
}

.comment_table .comment-actions  .comment_delete:hover{
    color:#ff3860
}
.comment_table .comment-actions  .comment_info:hover{
    color:#209cee
}

.comment_table td input {
    width: 100%;
}
.comment_table .td_action {
    /*width: 15%;*/
}

.comment.comment_table thead tr {
    background: #858f9f;

}

.comment_overdue.comment_table thead tr {
    background: #a8082a;
}

.comment_namespace.comment_table thead tr {
    background: #a8082a;
}

.comment_namespace.comment_table tbody td {
    background: rgb(212, 166, 166) none repeat scroll 0% 0% !important;
}

.comment_table-wrapper .wrap-scroll {
    position: relative !important;
    max-height: 75%;
    overflow: auto;
}

#messageheader .tables-comment{position: static; overflow: hidden;}
#messageheader:not(.loaded) .tables-comment{display: none;}
#messageheader.loaded .tables-comment{width: 100%;}
#messageheader .tables-comment.open{max-height: 50%; height: 100%;}


#messageheader .wrap-scroll{position: static; overflow: hidden;}
#messageheader:not(.loaded) .wrap-scroll{display: none;}
#messageheader.loaded .wrap-scroll{width: 100%;}
#messageheader .wrap-scroll.open{max-height: 50%; height: 100%;}

/*.comment_table-wrapper {position: relative;    !*overflow-y: scroll;*! max-height: calc(100% - 23px);}*/
.comment_table-wrapper {display: flex}
.comment_table-wrapper > div[class^='wrapper-']:not(last-child)  {margin-right: 1%;}

.table-wr.overdue .active-overdue td {background: #00ffdc47 !important}




.filter-info {position: absolute; left: 13px; top: 0;}
.filter-info .show-filter-name{cursor: pointer; display: inline-block; border-radius: 50px; border: 1px solid #858F9E; background: #858F9E; color: #fff; width: 14px; height: 14px; text-align: center;}
.filter-info .show-filter-name:hover{border-color: #23B9FB;}
.filter-info .filter-name{display: none; margin-left: 5px;}
.filter-info.show .filter-name{display: inline-block;}

.message_comment {
    background-color: #ECEDED;
    padding-left: 13px;
}

.message_comment >br{
    display: none;
}
/*.comment-row-wrapper{white-space: nowrap;}*/
.comment-row-wrapper input, .comment-row-wrapper button {
    border: 1px solid #87888A;
    background-color: #fff;
    line-height: 16px;
    height: 18px;
    margin-right: -1px;
    font-size: 10pt;
    vertical-align: top;
    padding: 1px 2px;
}
.comment-row-wrapper .buttons {
    display: flex;
    flex-wrap: wrap;
}

/*#b-create-issues-id{margin-left: -4px;}*/

.comment-row-wrapper button:hover {
    cursor: pointer;
}

.comment_table td:first-child{border-left-width: 1px;}
.comment_table td:last-child{border-right-width: 1px;
    text-align: center;
    }
.comment_table td:last-child > div {
    position: relative;
    z-index: 1;
}
.foot{border-collapse: collapse; border-spacing: 0;}
.foot td{border: 1px solid  #828e9e;}
.foot input{font-size: 13px; padding: 2px 4px;}

.right-header-block{padding-right: 70px;}

.tables-comment:after,
.right-header-block:after{content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    position: inherit;
    left: 0;}

.right-header-block .comment_table{
    text-align: left;
    font-size: 10pt;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    border: none;
/*    display: inline-block;*/
}

.right-header-block .comment_table tfoot td{border-bottom-width: 3px;}

.right-header-block .comment_table .thead_comment{
    background-color: #858F9F; color: #fff; text-align:center;
}
/*.message_comment table tr{
    border-bottom:1px dotted;
}*/
.td_comment{
    width: 75%;
    word-break: break-all;
}
.td_data{
    white-space: nowrap;
    width: 10%;
    text-align: center;
}

#linked_mes{
    display: none;

}
#col_linked_mes, #col_linked_mes2 {
    width: 3%;
}
.messagelist tbody tr td.col_linked_mes a {
    cursor: pointer;
}

#modal_window {
    width: 1200px;
    /*height: 300px;*/ /* Размеры должны быть фиксированы */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed; /* чтобы окно было в видимой зоне в любом месте */
    top: 10%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
    left: 10%; /* половина экрана слева */
    margin-top: -150px;
    /*margin-left: -150px;*/ /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
    display: none; /* в обычном состоянии окна не должно быть */
    opacity: 0; /* полностью прозрачно для анимирования */
    z-index: 5; /* окно должно быть наиболее большем слое */
    padding: 20px 10px;
    font-size: 12px;
    overflow-y:scroll;
    max-height: 300px;



}


.th_linked_mess { background-color: #858F9F; color: #fff;}
.th_num{width: 2%;}
.th_subject{width: 50%;}
.th_from{width: 15%;}
.th_to{width: 15%;}
.th_data{width: 7%;}
.th_folder{width: 11%;}






/* Кнопка закрыть для тех кто в танке) */
#modal_window #modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}
/* Подложка */
#overlay {
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #000; /* черная */
    opacity: 0.8; /* но немного прозрачна */
    width: 100%;
    height: 100%; /* размером во весь экран */
    top: 0;
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
}

a#offer_link {
    border: 1px solid #87888A;
    background-color: #fff;
    line-height: 16px;
    height: 18px;
    margin-right: -1px;
    font-size: 10pt;
    vertical-align: top;
    display: inline-block;
    color: black !important;
    padding: 1px;
    text-decoration: none !important;
}
a#offer_link:hover {
    background: #858F9E;
    color: #fff !important;
}
#tb_linked_mes.tb_linked_mes {
    width: 100%;
    border-collapse: collapse;
}


#tb_linked_mes th, td {
    padding: 0.5em;
}
#tb_linked_mes th {
    letter-spacing: 2px;
}

#tb_linked_mes td {
    letter-spacing: 1px;
}