/*
** Currently just putting all my additional CSS in here... This is all for My Competitors page so far
*/


/* Some stuff for the popover on My Competitors page */

.price-hover {
    position: relative
}

#room-prices {
    /* position: absolute; */
    width: 240px;
    /*padding: 5px; */
    text-align: left;
    background-color: white;
    z-index: 10000; /*
    border-radius: 5px;
    border: 1px solid grey;
    box-shadow: 1px 1px 5px lightslategrey; */
}

.hotab {
    width: 230px;
    text-align: left;
}

.hocol1 {
    table-layout: fixed;
    width: 200px;
}

.hocol2 {
    table-layout: fixed;
    width: 30px;
}

.ho-message {
    color: grey;
    padding: 5px;
    line-height: 1.2;
}

/* Stuff for the two My Competitors price tables */

 /* The table itself */

.comp-hotel-table {
    width: 2290px;
    margin: 0px;
}

/* Columns */

.comp-hotel-name-col {
    table-layout: fixed;
    width: 250px;
}

.comp-hotel-est-col {
    width: 80px;
}

.comp-hotel-night-col {
    width: 70px;
    text-align: center;

}

/* Rows */

.comp-hotel-heading-row {

}

.comp-hotel-body-row {
    height: 62px;
}

/* Cells */

.comp-hotel-body-cell {
    text-align: center;
/*    vertical-align: middle; this doesnt work */

}

/* Get the coloured links on the price difference table to underline when hovered */

.colored-price-link:hover {
    /* color: #8fc547 !important; */
    text-decoration: underline !important;
}