/*process-details.css*/

.ecs_process_details {
}

.ecs_details_msg_info {
    color: green;
}

.ecs_details_msg_warn {
    color: orange;
}

.ecs_details_msg_error {
}

.ecs_details_system_error_msg {
    border: 1px solid #a01e1c;
    margin-bottom: 7px;
}

.ecs_details_system_error_msg_title {
    background: #a01e1c;
    color: #FFFFFF;
    padding: 5px 7px;
}

.ecs_details_system_error_msg_messages {
    padding: 7px 5px;
}

span.ecs_details_msg_error {
    display: block;
    color: red;
    line-height: 14px;
}

.ecs_details_system_error_msg_messages .ecs_details_msg_text {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

input.ecs_details_msg_error, textarea.ecs_details_msg_error, select.ecs_details_msg_error {
    border: 1px solid red;
}

select.ecs_details_msg_error {
    color: inherit;
}

.ecs_process_form {
}

.ecs_process_form td {
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ecs_part_row_filling_cell {
    background: #eeeeee;
    height: 23px;
}

.ecs_part_row_filling_cell_first {
    border-top: 6px solid #eeeeee;
}

.ecs_part_row_filling_cell_last {
    border-bottom: 6px solid #eeeeee;
}

.ecs_part_row_filling_cell_first_last {
    border-top: 6px solid #eeeeee;
    border-bottom: 6px solid #eeeeee;
}

.ecs_all_row_filling_cell {
    height: 14px;
}

.ecs_all_row_filling_cell_first {
    height: 7px;
}

.ecs_all_row_filling_cell_last {
    height: 7px;
}

.ecs_all_row_filling_cell_first_last {
    height: 2px;
}

.ecs_field_cell {
    background: #eeeeee;
    padding: 1px 7px;
}

.ecs_field_cell_first {
    border-top: 6px solid #eeeeee;
}

.ecs_field_cell_last {
    border-bottom: 6px solid #eeeeee;
}

.ecs_field_cell_first_last {
    border-top: 6px solid #eeeeee;
    border-bottom: 6px solid #eeeeee;
}

.ecs_field_cell_label {
    background: #cfd0d2;
    margin-right: 9px;
    padding: 5px 7px;
}

.ecs_field_cell_value {
}

.ecs_field_cell_html_label {
    font: 13px/17px Verdana, sans-serif;
    margin-bottom: 7px;
}

.ecs_field_cell_auto_height_value {
    height: 19px;
    padding: 4px;
}

.ecs_field_cell_multi_value_vertical {
}

.ecs_field_cell_multi_value_vertical li {
    padding-top: 2px;
}

.ecs_field_cell_multi_value_vertical label {
    margin-left: 7px;
    font: 11px/17px Verdana, sans-serif;
}

.ecs_field_cell_multi_value_horizontal {
}

.ecs_field_cell_multi_value_horizontal li {
    padding-top: 2px;
    float: left;
    margin-right: 15px;
}

.ecs_field_cell_multi_value_horizontal label {
    margin-left: 7px;
    font: 11px/17px Verdana, sans-serif;
}

.ecs_field_cell_value_date_calendar {
    background: #ffffff url(../images/calendar.png) 99% center no-repeat;
    background-position: right 5px center;
    cursor: pointer;
}

.ecs_field_cell_value_date_and_time_calendar {
    background: #ffffff url(../images/calendar-time.png) 99% center no-repeat;
    background-position: right 5px center;
    cursor: pointer;
}

.ecs_process_edges {
    width: 100%;
    margin-top: 2px;
    float: left;
}

.ecs_process_edge_cell {
    margin-right: 2px;
    float: left;
}

.ecs_process_edge_button {
    border: 0px;
    background: url(../images/blue-button-bg.gif) repeat-x 0 0;
    font: 11px/13px Verdana;
    color: #FFFFFF;
    padding: 4px 8px 5px 8px;
    cursor: pointer;
    min-width: 155px;
}

.ecs_process_edges_fill {
    overflow: hidden;
    height: 26px;
    background: #eeeeee;
}

.ecs_collapsible_section {
}

.ecs_collapsible_section_header {
    background: url(../images/gradient_small.png) repeat-x;
    height: 24px;
    line-height: 24px;
    padding-left: 9px;
    margin: 2px 0;
}

.ecs_collapsible_section_header span {
    background: url(../images/sprite_flap.png) no-repeat 0 9px;
    display: block;
    padding-left: 17px;
}

.ecs_collapsible_section_body {
}

.ecs_collapsible_open span {
    background-position: 0 -24px;
}

.ecs_collapsible_close span {
}

.ecs_button {
    background: #003781 url(../images/blue-button-bg.gif) repeat-x 0 0;
    font: 11px/13px Verdana;
    color: #FFFFFF;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 26px
}

.ecs_button:hover {
    background: #11448A 0 -30px;
}

.ecs_button_disabled {
    background: #808080 url(../images/grey-button-bg.gif) repeat-x 0 0;
}

.ecs_button_disabled:hover {
    background: #808090 0 -30px;
}

.ecs_button_cell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    height: 26px;
    color: #ffffff;
}

.ecs_button_cell_img {
    max-height: 128px;
    max-width: 80px;
}

.ecs_button_cell_big_img {
    max-height: 256px;
    max-width: 256px;
}

.process_details_navigation_table {
    display: table;
    width: auto;
}

.process_details_navigation_table_col {
    float: left;
}

.process_details_navigation_table_cell {
    min-height: 15px;
}

/* messages.css */

#messages-wrapper {
    background-color: #ffffff;
}

.bottom {
    margin-top: 0 !important;
}

.details {
    margin-top: 10px;
    margin-bottom: 10px;
}

.single {
    margin: 10px;
}

.single_header {
    margin-right: 5px;
    font-weight: bold;
}

.t_header {
    font-weight: bold;
}

.t_header_first {
    font-weight: bold;
    width: 70% !important;
}

/* unified-datatables.css */
.dataTable {
    width: 100%;
    font: 11px/11px Verdana;
    border-collapse: separate;
}

.dataTable a {
    font-size: 11px;
    line-height: 13px;
    color: #656565;
}

.dataTables_scrollBody{
    min-height: 0%;
}

.dataTable tr td:first-child {
    padding-left: 5px;
}

.dataTable tr td {
    border-bottom: 1px solid #e5e5e5;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 20px;
    padding: 3px 7px;
}

.dataTable thead td {
    background: #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-top: none;
    border-bottom: none;
    border-right: none;
    font-size: 11px;
    line-height: 13px;
    border-left-color: #FFF;
    padding: 3px 2px;
}

.dataTable th {
    background: #d0d0d0;
    border-left: 1px solid #E5E5E5;
    border-top: none;
    border-bottom: none;
    border-right: none;
    font-size: 11px;
    line-height: 13px;
    padding: 3px 10px 3px 15px;
    border-left-color: #FFF;
    font-weight: bold;
}

.dataTable th[colspan="1"]{
    background: #E5E5E5;
}

.dataTable th[colspan="1"].sorting {
    background: #E5E5E5 url("../images/sort-both.png") no-repeat 5px center;
    cursor: pointer;
}

.dataTable th[colspan="1"].sorting_desc {
    background: #E5E5E5 url("../images/sort-desc.png") no-repeat 5px center;
    cursor: pointer;
}

.dataTable th[colspan="1"].sorting_asc {
    background: #E5E5E5 url("../images/sort-asc.png") no-repeat 5px center;
    cursor: pointer;
}

.dataTable tbody tr.even {
    background-color: #F6F6F6;
}

.dataTable tbody tr.even:hover, .dataTable tbody tr.even td.highlighted {
    background-color: #e4ecf6;
}

.dataTable tbody tr.odd:hover, .dataTable tbody tr.odd td.highlighted {
    background-color: #e4ecf6;
}

.dataTable tbody tr.odd.selectedColor, .dataTable tbody tr.even.selectedColor {
    background-color: #cfd0d2;
}

.dataTable tbody tr.odd.selectedColorSks, .dataTable tbody tr.even.selectedColorSks {
    background-color: #89e657;
}

.dataTable tbody td.inactiveServiceAgentColor{
    color: red !important;
}

.dataTable td input[type=checkbox] {
    margin-left: 11px;
}

#policies td, #damage td, #contactHistory td,  #clientNote td, #opusPolicyCoversClients td, #pegazPolicyTerms td, #pegazPolicyCovers td{
    cursor:pointer;
}


.bottom {
    font: 11px/11px Verdana;
    margin-top: 5px;
    width: 100%;
    height: 22px;
    float: left;
    position: relative;
}

.dataTables_length {
    position: absolute;
    right: 0px;
    top: 5px;
    line-height: 22px;
    z-index: 30;
}

.dataTables_length select {
    width: auto;
    height: 17px !important;
    margin-bottom: 15px;
}

.dataTables_info {
    /*text-align: center;
    font: 11px/20px Verdana;*/
    position: absolute;
    left: 0px;
    top: 5px;
    line-height: 22px;
}

.dataTables_paginate {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
    z-index: 20;
    margin-top: 5px;
}

.dataTables_paginate a {
    font-size: 11px;
    line-height: 20px;
    margin: 0px 5px;
}

.dataTables_paginate span a {
    font: 11px/20px Verdana;
}

.dataTables_paginate .last {
    margin-left: 15px;
}

.dataTables_paginate .first {
    margin-right: 15px;
}

.paginate_button_disabled{
    display:none;
}

.paginate_button{
    cursor: pointer;
}

/*
.dataTables_paginate .previous {
    float: left;
}

.dataTables_paginate .next {
    float: right;
}
*/

/* ikony do link?w w tabeli wynik?w w wysuwanym okienku */

.dataTable a.ok {
    background: url("../images/human-icons.png") no-repeat 0 -46px;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
}

.dataTable a.warning {
    background: url("../images/human-icons.png") no-repeat 0 0px;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
}

.dataTable a.wrong {
    background: url("../images/human-icons.png") no-repeat 0 -92px;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
}

/* clientSearch.css */

div.formBlock {
    float: left;
    width: 180px;
    margin-right: 10px;
    margin-bottom: 15px;;
}

div.formBlockLarge {
    float: left;
    width: 400px;
    margin-right: 10px;
    margin-bottom: 15px;;
}

span.header {
    font-weight: bold;
}

input.pos2 {
    width: 20px;
}

input.pos3 {
    width: 25px;
}

input.pos5 {
    width: 40px;
}

input.pos7 {
    width: 50px;
}

input.medium {
    width: 120px;
}

input.date {
    width: 70px;
}

select.pos1 {
    width: 25px;
}

select.pos2 {
    width: 40px;
}

select.segments {
    width: 110px;
    height: 80px !important;
}

.formError {
    color: #8b0000 !important;
}

div.double {
    height: 62px;
}

div.h40 {
    height: 40px;
}

div.triple {
    height: 69px;
}

tr.forbidden {
    background-color: #ffc4c4 !important;
}

.leftHalfCol {
    width: 50%;
    float: left;
}

.rightHalfCol {
    width: 49%;
    margin-left: 1%;
    float: left;
}

.labelRow {
    background: rgb(207, 208, 210);
    line-height: 18px;
    padding: 4px 0;
    width: 99%;
}

.labelRow label {
    margin-left: 10px;
}

.formRow {
    width: 99%;
    margin-top: 2px;
}

.flap-inner {
    margin-top: 2px;
}

.flap-inner-header {
    background: url(../images/gradient_small_darker.png) repeat-x;
    height: 24px;
    line-height: 24px;
    padding-left: 9px;
}

.flap-inner-header span {
    background: url(../images/sprite_flap.png) no-repeat 0 9px;
    display: block;
    padding-left: 17px;
}

.flap-inner-open .flap-inner-header span {
    background-position: 0 -22px;
}

.paging_full_numbers a.paginate_active {
    font-weight: bold;
    cursor: pointer;
}

.radiobuttons-vertical label {
    margin-left: 5px;
    margin-bottom: 2px
}

.col30 label {
    margin-left: 5px;
    margin-bottom: 2px
}

.col15 label {
    margin-left: 5px;
    margin-bottom: 2px;
}
.col40 label {
    margin-left: 5px;
    margin-bottom: 2px;
}
.col50 label {
    margin-left: 5px;
    margin-bottom: 2px;
}

.col50 input[type=text],.col50 select, .col50 textarea {
    width: 90%
}

.messageDetails .ui-widget-header {
    border: 0;
    background: none;
    color: #222222;
    font-weight: bold;
}

.messageDetails .ui-dialog .ui-widget-header .ui-icon {
    background-image: url("../images/zamknij.png");
}

.messageDetails .ui-dialog .ui-widget-header .messageIcon {
    background-image: url("../images/message.png");
    width: 24px;
    height: 17px;
    float: left;
    margin: 2px 5px 0 -7px;
}

.messageDetails .ui-dialog .ui-widget-header .messageClaimIcon {
    background-image: url("../images/reklamacja_smal.jpg");
    width: 24px;
    height: 17px;
    float: left;
    margin: 2px 5px 0 -7px;
}

.messageDetails .ui-dialog .ui-dialog-content {
    background-color: #eeeeee;
    margin: 5px 7px 7px;
}

.messageDetails .ui-dialog .ui-dialog-content .messageBody {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 17px;
    font-size: 13px
}

.messageDetails .ui-dialog .ui-dialog-content .messageDate {
    margin-top: 17px;
    font-weight: bold;
    color: #4d4d4d
}

.newMsgIcon {
    background: url("../images/message.png") no-repeat;
    background-size: 15px;
    width: 15px;
    height: 10px;
    float: left;
    margin-right: 3px;
    margin-top: 2px;
}

.ui-widget-overlay {
    background: url(../images/blockPage.png) repeat;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.btn .btn-icon-dark-arrow-down {background: url(../images/sprite_button_icons_dark.png) no-repeat; background-position: 0 -191px; }
.btn .btn-icon-dark-arrow-up { background: url(../images/sprite_button_icons_dark.png) no-repeat;background-position: 0 -216px; }

.hideTaskMenu {
    background-image: url("../images/zamknij.png");
    width: 16px;
    height: 16px;
}

.churnDiv{
    text-align: center;
    width: 30%;
    height: 21px;
    background: #88898b;
    float: left;
}

.churnDivHigh{
    text-align: center;
    width: 30%;
    height: 21px;
background: #fe0002;
float: left;
    }

.churnDivMedium{
    text-align: center;
    width: 30%;
    height: 21px;
    background: #00ade9;
    float: left;
}
.churnDivLow{
    text-align: center;
    width: 30%;
    height: 21px;
    background: #1a9b25;
    float: left;
}
.formCol .whiteSpan{
    font-weight: bold;
    color: white;
}