/* TABLES
 ***********************************************************/
.table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.table-noMargins {
    margin: 0 !important;
}
.table-style-container {
    position: absolute;
    display: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    right: 0;
    top: -28px;
    z-index: 1000;
}
.table-style-container .popup {
    position: absolute;
    border: 1px solid #dadada;
    background: #fff;
    padding: 10px;
    display: none;
    white-space: nowrap;
}
.table-width-auto {
    width: auto;
}
.table-width-max {
    width: 100%;
}
.table-width-static {
}

.table td.nowrap, .table th.nowrap {
    white-space: nowrap;
}

.table td.right {
    text-align: right;
}

.inputEditAdd {
    width: 250px;
}

.mixedInputTable tr {
    height: 24px;
}

#tableNowrap td {
    white-space: nowrap;
}

.tRight {
    text-align: right;
}

td.linkTable input[type="text"] {
    width: 100px !important;
}

td.linkTableBold {
    /*background: #EFEFEF;*/
    background: #FF0000 ;
    color: #000000;
    font-weight: bold;
    border: 1px solid #000000;
    text-align: center;
}
.table th {
    background-color: #EFEFEF;
}
.table th a {
    white-space: nowrap;
}
th img {
    position: relative;
    top: -4px;
}
.table-row-1 td {
    background: #FFFFFF;
}

.table-row-1 td.linkTableBold {
    background: #EFEFEF;
}

.table-row-2 td.linkTableBold {
    background: #EFEFEF;
}

.table-row-2 td {
    background: #F7F7F7;
}
.table-row-service td {
    background: #FFFFBB;
}
.table-row-maintenance td {
    background: #FFC88C;
}
.table-row-warning td {
    background: #FFD7D8;
}
.table-row-modified td, td.table-cell-modified {
    background: #FFC88C;
}


/******************
FILTERS-FOR-TABLES STYLES
******************/

div.filterWrapper {
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 500px;
}
div.filterWrapper td {
    vertical-align: top;
}

/* special case for home page */
div.filterWrapper_Home {
}

div.collapsePanelHeader {
    padding: 0 10px;
}

div.collapsePanelHeader div.cphWrapper {
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

div.collapsePanelHeader div.cphWrapper div.cphText {
    float: left;
}

div.collapsePanelHeader div.cphWrapper div.cphShowHideText {
    float: left;
    margin: 0 20px;
}

div.collapsePanelHeader div.cphWrapper div.cphShowHideText span {
    font-style: italic;
}

div.collapsePanelHeader div.cphWrapper div.cphImage {
    float: right;
}
div.collapsePanel table {
    width: 800px;
    border-collapse: collapse;
    margin-left: 5px;
}
div.collapsePanel table table {
    margin-left: 0;
    width: auto;
}
div.collapsePanel .wrapper {
    border: 1px dotted black;
    margin-left: 5px;
    background-color: #f7f7f7;
    padding: 10px;
}
div.collapsePanel .field label {
    width: 170px;
    display: inline-block;
}

div.collapsePanel tr {
    /*background-color: #E6E6E6;*/
    background-color: #F7F7F7;
}

div.collapsePanel tr.top td {
    vertical-align: middle;
    padding-top: 5px;
}
div.collapsePanel tr.top td select {
    margin: 0;
}

div.collapsePanel th {
    background-color: #EDEDED;
    font-weight: normal;
    text-align: left;
    color: #000000;
    border-bottom: 1px solid #828282;
    border-top: 1px solid #828282;
}

div.collapsePanel td.x1, .fieldTable td.x1 {
    padding-left: 10px;
    width: 150px;
}
div.collapsePanel td.x2, .fieldTable td.x2 {
    width: 260px;
}
div.collapsePanel td.x3, .fieldTable td.x3 {
    width: 150px;
}
div.collapsePanel td.x4, .fieldTable td.x4 {
    width: 260px;
}

div.collapsePanel td.x1_2 {
    padding-left: 18px;
    width: 100px;
}
div.collapsePanel td.x2_2 {
    width: 210px;
}
div.collapsePanel td.x3_2 {
    width: 100px;
}
div.collapsePanel td.x4_2 {
    width: 290px;
}

/*** Special case for home-page: */
div.collapsePanel td.xLeft {
    padding-left: 8px;
    vertical-align: top;
    white-space: nowrap;
}
div.collapsePanel td.xRight {
    padding-right: 8px;
}


.table-style-container {
    cursor: pointer;
    display: none;
    height: 18px;
    position: absolute;
    right: 0;
    top: -28px;
    width: 18px;
    z-index: 1000;
}
.table-style-container .popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
}
.table-width-auto {
    width: auto;
}
.table-width-max {
    width: 100%;
}
.table-width-static {
}
.table-scroll-header {
    margin-top: 0;
    border-bottom: 1px solid #DDDDDD;
}
table.minWidth {
    min-width: 550px;
}

/* LIST PAGER
 **************************************************************************/
tr.listpager td {
    padding: 0;
}
tr.listpager td table td {
    padding: 8px; /* 8px Bootstrap default */
    vertical-align: middle;
}
tr.listpager td table td img {
    padding: 5px;
}
tr.listpager table {
    border-top-width: 0px;
}
tr.listpager select {
    width: 70px;
    margin: 0;
}

/* BOOKINGS TABLE
 **************************************************************************/
table.bookingsTable {
    width: 1060px;
}
table.bookingsTable th {
    background-color: #EFEFEF;
}