#wpc_pm_work_request {
    width: 100%;
    float: left;
}

#wpc_pm_work_request .title, #wpc_pm_work_request .message {
    width: 100%;
}

#wpc_pm_messages .message {
    width: 100%;
    height: 90px;
    display: block;
    float: left;
    margin-bottom: 10px;
}

#wpc_pm_messages .messages_list {
    width: 100%;
    float: left;
    margin: 2% 0;
    overflow-y: auto;
    height: 500px;
}

#wpc_pm_messages .msg_block {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#wpc_pm_messages .message_image {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
}

#wpc_pm_messages .message_image .object_img {
    width: 50%;
    margin: 0 auto;
    font-size: 72px;
}

#wpc_pm_messages .msg_block.left .message_image {
    float: left;
}

#wpc_pm_messages .msg_block.right .message_image {
    float: right;
}

.task_messages_list .task_msg_block .msg_inner {
    width: 70%;
    border: 1px solid #eee;
    float: right;
    padding: 5px;
    margin: 0 2%;
}

#wpc_pm_messages .msg_block.left .msg_inner {
    float: right;
}

#wpc_pm_messages .msg_block.right .msg_inner {
    float: left;
}

#wpc_pm_messages {
    width: 100%;
    display: block;
    float: left;
}

#wpc_pm_messages .message_form {
    width: 100%;
    float: left;
    margin: 2% 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

#wpc_pm_messages .msg_block .msg_inner {
    width: 77%;
    border: 1px solid #eee;
    float: right;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#wpc_pm_work_request input[type="file"],
#wpc_pm_messages input[type="file"] {
    margin: 5px 0 0 0;
}

#add_file {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/plus.png) no-repeat top left;
    float: right;
    margin: 8px 0 0;
}

#add_file ~ input[type="file"] {
    width: calc( 100% - 32px ) !important;
}

.wpc_request_pluploder_queue .plupload_container,
.wpc_pluploder_talk_queue .plupload_container {
    padding: 0 !important;
}

.wpc_pm_button_addfile .uploadifive-button.wpc_button {
    background: #f1f1f1;
    border: 2px solid;
    border-left-color: #f1f1f1;
    border-top-color: #f1f1f1;
    border-right-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
    color: #444;
    padding: 14px 20px;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    border-radius:0;
    outline: none !important;
    cursor: pointer !important;
}

.wpc_pm_button_addfile .uploadifive-button:hover {
    background: none;
}

.wpc_pm_button_addfile .uploadifive-button.wpc_button:hover {
    background: #e4e4e4;
    border: 2px solid;
    border-left-color: #e3e3e3;
    border-top-color: #e3e3e3;
    border-right-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
    color: #202020;
    box-shadow: none;
    outline: none !important;
}

.wpc_pm_button_addfile #uploadifive-work_request_file_upload {
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
}

.wpc_pm_button_addfile .uploadifive-button input[type="file"] {
    cursor: pointer !important;
}

.wpc_st_button_addfile .uploadifive-button.wpc_button {
    background: #f1f1f1;
    border: 2px solid;
    border-left-color: #f1f1f1;
    border-top-color: #f1f1f1;
    border-right-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
    color: #444;
    padding: 14px 20px;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    box-shadow: none;
    text-shadow: none;
    border-radius:0;
    outline: none !important;
    cursor: pointer !important;
}

.wpc_st_button_addfile .uploadifive-button:hover {
    background: none;
}

.wpc_st_button_addfile .uploadifive-button.wpc_button:hover {
    background: #e4e4e4;
    border: 2px solid;
    border-left-color: #e3e3e3;
    border-top-color: #e3e3e3;
    border-right-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
    color: #202020;
    box-shadow: none;
    outline: none !important;
}

.wpc_st_button_addfile #uploadifive-talk_file_upload {
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
}

.wpc_st_button_addfile .uploadifive-button input[type="file"] {
    cursor: pointer !important;
}

#wpc_pm_messages .wpc_form_line {
    margin: 10px 0 0 0;
}
#wpc_pm_messages .wpc_form_label {
    width: 65px !important;
}

#wpc_pm_messages .wpc_form_field {
    width: calc( 100% - 65px ) !important;
}

.wpc_pm_message_line {
    float:left;
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin: 0;
    padding: 5px;
    border-top:1px solid rgba( 204,204,204,0.4 );
    background: rgba( 255, 255, 255, 0.8 );
}

.wpc_pm_message_avatar {
    float:left;
    margin:0;
    padding:0;
    width:50px;
    font-size:50px;
    height:50px;
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.wpc_pm_message_line_content {
    float:left;
    margin:0;
    padding:0 0 0 10px;
    width: calc( 100% - 50px );
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.wpc_pm_author_date {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.wpc_pm_message_author {
    float:left;
    width:calc( 100% - 200px );
    margin:0;
    padding:0;
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-weight: bold;
}

.wpc_pm_message_date {
    float:left;
    width: 200px;
    margin:0;
    padding:0;
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align: right;
}

.wpc_pm_message_content {
    float:left;
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    opacity:0.9;
    word-wrap: break-word;
}

.wpc_pm_new_message {
    float:left;
    width:100%;
    margin:0;
    padding:30px 0 0 5px;
    border-top:1px solid rgba( 204,204,204,0.4 );
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.wpc_pm_new_message_field {
    float:left;
    margin:0;
    padding:0 0 0 10px;
    width: calc( 100% - 50px );
    border:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}



.pm_view_icon, .pm_download_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.pm_view_icon {
    background: url(../../wp-client/images/file-view.png) no-repeat top left;
}

.pm_download_icon {
    background: url(../../wp-client/images/files_download.png) no-repeat top left;
}

.wpc_pm_main_block.filters-block {
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.wpc_pm_main_block .icons a {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 4px 5px;
    background: url(../images/payments_icons.png) repeat;
}

.wpc_pm_main_block .icons .day {
    background-position: 0px 0px;
}

.wpc_pm_main_block .icons .day:hover,
.wpc_pm_main_block .icons .day.active {
    background-position: 0px 16px;
}

.wpc_pm_main_block .icons .week {
    background-position: -16px 0px;
}

.wpc_pm_main_block .icons .week:hover,
.wpc_pm_main_block .icons .week.active {
    background-position: -16px 16px;
}

.wpc_pm_main_block .icons .month {
    background-position: -32px 0px;
}

.wpc_pm_main_block .icons .month:hover,
.wpc_pm_main_block .icons .month.active {
    background-position: -32px 16px;
}

.wpc_pm_main_block .icons .quarter {
    background-position: -64px 0px;
}

.wpc_pm_main_block .icons .quarter:hover,
.wpc_pm_main_block .icons .quarter.active {
    background-position: -64px 16px;
}

.wpc_pm_main_block .icons .year {
    background-position: -80px 0px;
}

.wpc_pm_main_block .icons .year:hover,
.wpc_pm_main_block .icons .year.active {
    background-position: -80px 16px;
}

.wpc_pm_main_block .icons .dates {
    background-position: -48px 0px;
}

.wpc_pm_main_block .icons .dates:hover,
.wpc_pm_main_block .icons .dates.active {
    background-position: -48px 16px;
}

.wpc_pm_main_block .icons .prev,
.wpc_pm_main_block .icons .today,
.wpc_pm_main_block .icons .next {
    margin: 4px 2px;
}

.wpc_pm_main_block .icons .prev {
    background-position: 48px 0px;
}
.wpc_pm_main_block .icons .prev.active, .wpc_pm_main_block .icons .prev:hover {
    background-position: 48px 16px;
}

.wpc_pm_main_block .icons .today {
    margin-left: 20px;
    background-position: 17px 0px;
}
.wpc_pm_main_block .icons .today.active, .wpc_pm_main_block .icons .today:hover {
    margin-left: 20px;
    background-position: 17px 16px;
}

.wpc_pm_main_block .icons .next {
    background-position: 32px 0px;
}

.wpc_pm_main_block .icons .next.active, .wpc_pm_main_block .icons .next:hover {
    background-position: 32px 16px;
}

.wpc_pm_main_block .dates_block {
    max-width: 350px;
    width:expression(document.body.clientWidth < 350? "350px": "auto" );
    height: 24px;
    float: left;
    margin: 0 0 0 10px;
    line-height: 24px;
    display: none;
}

.wpc_pm_main_block .date_description {
    height: 24px;
    float: left;
    margin: 0 0 0 10px;
    line-height: 24px;
}

.wpc_pm_main_block .dates_block * {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
}

.wpc_clear {
    clear: both;
}

/*.projects_list_table * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.projects_list_table tbody {
    display:block;
    max-height: 300px;
    overflow-y:auto;
    overflow-x: hidden;
    border-top: 1px solid #ddd;
}

.projects_list_table tbody.height {
    height: 300px;
}

.projects_list_table thead, .projects_list_table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.projects_list_table tbody td {
    border-top: 1px solid #ddd;
}

.projects_list_table thead {
    width: calc( 100% - 1em )
}

.projects_list_table {
    background-color: #fff;
    clear: both;
    margin-bottom: 6px;
    max-width: none;
    margin-top: 5px;
    width: 100%;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #6f7b8a;
    direction: ltr;
    font-family: 'Arial';
    font-size: 13px;
    zoom: 1;
    line-height: 1.5;
    font-style: normal;
    font-weight: normal;
    table-layout: fixed;
    width: 100%;
    border-width: 0px !important;
}

.projects_list_table>thead:first-child>tr:first-child>th {
    border-top: 0;
}

.projects_list_table>thead>tr>th, .projects_list_table>tbody>tr>td {
    padding: 9px;
}

.projects_list_table>thead>tr>th {
    border-bottom: 0px;
    vertical-align: bottom;
    line-height: 1.42857143;
}

.projects_list_table th {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.projects_list_table thead .sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
    color: #22262E;
}

.projects_list_table thead .sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
    color: #22262E;
}

.projects_list_table>tbody+tbody {
    border-top: 2px solid #ddd
}*/

/*.projects_list_table>tbody>tr:hover>td,.projects_list_table>tbody>tr:hover>th {
    background-color: #f5f5f5
}*/

.projects_list_table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

.projects_list_table td[class*=col-],.projects_list_table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

/*.projects_list_table>thead>tr>td.active,.projects_list_table>tbody>tr>td.active,.projects_list_table>tfoot>tr>td.active,.projects_list_table>thead>tr>th.active,.projects_list_table>tbody>tr>th.active,.projects_list_table>tfoot>tr>th.active,.projects_list_table>thead>tr.active>td,.projects_list_table>tbody>tr.active>td,.projects_list_table>tfoot>tr.active>td,.projects_list_table>thead>tr.active>th,.projects_list_table>tbody>tr.active>th,.projects_list_table>tfoot>tr.active>th {
    background-color: #f5f5f5
}*/

/*.projects_list_table>tbody>tr>td.active:hover,.projects_list_table>tbody>tr>th.active:hover,.projects_list_table>tbody>tr.active:hover>td,.projects_list_table>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}*/

.projects_list_table .name_field {
    width: 20%;
}

.projects_list_table .progress_field {
    width: 20%;
}

.projects_list_table .completion_date_field {
    width: 25%;
}

.projects_list_table th, .projects_list_table td {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.wpc_pm_project_items .progress_bar {
    height: 20px;
    width: 100%;
    position: relative;
    background-color:#f7f7f7;
    background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.wpc_pm_project_items .progress_bar .progress-label {
    font-size: 8px;
    position: absolute;
    left: 10px;
    top: 3px;
    font-weight: bold;
    line-height: 14px;
    height: 14px;
}

.wpc_pm_project_items .progress_bar .bar_counter {
    font-size: 8px;
    position: absolute;
    right: 5px;
    top: 3px;
    line-height: 14px;
    height: 14px;
}

.wpc_pm_project_items .progress_bar .ui-progressbar-value {
    margin: 0;
}

.wpc_pm_project_items .show_details {
    display: none;
    width: 10px;
    height: 10px;
    background: url(../images/multiple-select.png) no-repeat -3px -8px;
}

.wpc_pm_project_items.active .show_details {
    background-position: -21px -8px;
}

.wpc_pm_main_block #graphic-icons {
    margin: 10px 0;
}

@media only screen and ( min-width: 320px ) and ( max-width: 768px ),
only screen and ( min-device-width: 320px ) and ( max-device-width: 768px ) {

    .wpc_pm_project_items .show_details {
        display: inline-block;
    }

    .projects_list_table, .projects_list_table thead,
    .projects_list_table tbody, .projects_list_table th,
    .projects_list_table td, .projects_list_table tr {
        display: block;
    }

    .projects_list_table th.desc_field, .projects_list_table th.completion_date_field, .projects_list_table th.progress_field {
        display: none;
    }

    .projects_list_table th.name_field, .projects_list_table thead tr {
        width: 100%;
    }

    .projects_list_table td.desc_field, .projects_list_table td.completion_date_field, .projects_list_table td.progress_field {
        display: none;
        width: 100%;
        padding-left: 50%;
    }

    .projects_list_table tr.active td.desc_field, .projects_list_table tr.active td.completion_date_field, .projects_list_table tr.active td.progress_field {
        display: block;
        position: relative;
        min-height: 38px;
        border-top-width: 0px;
    }

    .projects_list_table .name_field {
        width: 100%;
        cursor: pointer;
    }
}