/* PRICES */
#price_page
{    
    width:60%;
    margin:auto;
}
.price_modules_explained
{
    
    padding: 10px 25px;
}
.price_modules_explained p
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
}
.price_modules_explained li
{
    font-weight: bold;
}
.price_table
{
    display:flex;
    user-select:none;
    cursor:context-menu;
}
.price_border
{
    border:1px solid #6fa1cc;
}
.price_table p
{
    margin: auto;
    font-size: 0.9em;
    text-align: center;
}
.price_table div
{
    display:flex;
    box-sizing: border-box;
}
.price_header
{
    height:60px;
    width:100%;
}
.price_row
{
    height:30px;
    width:100%;
}
.price_service_row
{
    width:100%;
    /*padding: 15px auto;*/
    display:flex;
}
.price_row:hover , .price_service_row:hover
{
    background-color:rgba(0,0,0,0.1);
}
/* Columns: % 4px % 4px % */
.price_description_column
{
    flex: 1 1 25px;
}
.price_service_description_column
{
    flex: 1 1 60%;
    padding: 10px 5px;
}
.price_separator_column
{
    flex: 0 0 2px;
    border-color:#6fa1cc;
}
.price_rent_column
{
    flex: 2 2 50px;
}
.price_buy_column
{
    flex: 1 1 25px;
}
.price_service_buy_column
{
    flex: 1 1 40%;
    padding:10px 5px;
}



/* OLD PRICES (should be available for deletion) */

.price_modules_header_cell_height
{
    height:60px;
}
.price_modules_row_height
{
    height:30px;
}
.price_modules_description_column_width
{
    width:25%;
}
.price_modules_rent_column_width
{
    width:50%;
}
.price_modules_buy_column_width
{
    width:25%;
}
.column_separator
{
    width:4px;
    /*height:100%;*/ /* For some reason if this is enabled height is not 100%. 
                     When disabled it occupies whole parent height. */
    /*background-color:#cccccc;*/
    flex-direction: column;
}
.column_separator_header
{
    background-color:white;
    flex:0 0 auto;
}
.price_module_border
{
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}
.flex_1_1_33
{
    flex:1 1 33%;
}
.flex_1_1_34
{
    flex:1 1 34%;
}

.price_page_header
{
    width:100%;
    height:30px;
    display:flex;
}
.price_page_header > div
{
    height:100%;
    cursor:pointer;
    border:1px solid #cccccc;
    box-sizing: border-box;
    border-bottom: none;
}

.price_page_header>div:hover
{
    background-color: rgba(178, 200, 226, 0.3);
}
.price_page_header p
{
    margin:0;
}
.price_page_header a
{
    margin:0;
    text-decoration: none;
    padding:5px 10px;
    display:block;
    color:inherit;
}

.price_content
{
    border:1px solid #cccccc;
    padding:5px 15px;
}