/****************************************/
/************* COLOR & FONT *************/
/****************************************/


.large_text {font-size: larger;}
.small_text {font-size: smaller;}
.small_text_absolute {font-size: 13px;}
.black {color: black !important;}
.gray {color: gray !important;}
.white {color: white !important;}
.centered {text-align: center;}
.gray_light {color: #bbb;}
.gray_lighter {color: #ddd;}


/* Table row colors, shared by both products: a table marked with one of the *_odd_even_table
   classes stripes the rows carrying .even_row / .odd_row (see odd_even_row() in Util.jsx). */
.yellow_brown_odd_even_table .odd_row, .yellow_row {background: #fffdf8;}
.yellow_brown_odd_even_table .even_row, .yellow_dark_row {background: #fff8ed;}

.blue_odd_even_table .even_row, .light_blue_row1 {background: #dceafd;}
.blue_odd_even_table .odd_row, .light_blue_row2 {background: #f1f7ff;}

.light_blue_odd_even_table .even_row, .light_blue_row1 {background: #f3f7ff;}
.light_blue_odd_even_table .odd_row, .light_blue_row2 {background: #fbfdff;}
.light_blue_row {background: #cae1ff;}
.blue_row {background: #6eacff;}
/* The rows belonging to an expanded .blue_row item: same family, soft enough to read
   translation fields on. */
.blue_row_soft {background: #dceafd;}


/************************************/
/************* SECTIONS *************/
/************************************/


body {
    font-size: 10pt;
    margin: 0;
    color: rgba(0, 0, 0, .87);
    background: white;
}

.main_block {
    padding-left: 1rem;
    padding-right: 1rem;
}

.main_block_left {
    padding-left: 1rem;
    padding-right: 0;
}

.padding_top {padding-top: 1rem;}
.padding_bottom {padding-bottom: 1rem;}
.padding_left {padding-left: 1rem;}
.fullwidth {width: 100%;}

a.gray_link {
    text-decoration: none;
    color: #ccc;
}
a.gray_link:hover {color: #777;}
a.refresh_link.loading {
    color: #777;
    font-weight: bold;
    cursor: not-allowed;
}

#app_layout {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

#app_content {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

#content {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#right_column {pointer-events: none;}
#right_column_content {
    pointer-events: auto;
    z-index: 500;
    position: fixed;
    margin-right: 1rem;
}

#header {
    background: linear-gradient(90deg, #3B82F6, #60A5FA);
    color: white;
    position: relative;
    z-index: 1000;
    padding: 0;
    box-shadow: 0 1px 4px 0 rgba(120,120,120,.4);
}

#header a {color: white; text-decoration: none;}
#header a:hover {color: #ddd;}
#header_bar {margin: 0;}
#header_bar .logo {height: 48px; vertical-align: middle; margin: auto .5rem auto 0;}
#header_bar .item {
    color: white !important;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: .9rem;
    padding-bottom: .9rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
}
#header_bar .logo_text {font-size: 1.4em; padding-left: 0; margin-left: 0;}
#header_bar .logo_text:hover {background-color: transparent;}
#right_menu .last_item {margin-right: 0;}

#header_menu {
    background: #6AAAF9;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    border: 0;
    border-radius: 0;
}
#header_menu .item {
    color: white !important;
    padding: 0 .5rem;
    margin: .4rem;
    font-weight: bold;
    border: 0;
    border-radius: 5px !important;
}
#header_menu .configure_text {margin-left: 0; padding-left: 0; color: #3d69a5 !important;}
#header_menu .item.panel_link:hover {color: #f0f0f0; background: rgba(255,255,255,.1);}
#header_menu .item.active, #header_menu .item.active:hover {
    color: #185FA5 !important;
    background: white;
    box-shadow: 0 1px 4px 0 rgba(120,120,120,.4);
}
#header_menu .item.menu_arrow {padding: 0;}
#header_menu .item.menu_arrow i {margin: 0; color: rgba(255,255,255,.2);}

#footer_holder {
    position: relative;
    background: #B5D4F4;
    color: white;
    box-shadow: 0 -1px 4px 0 rgba(120,120,120,.4);
    padding: 5px 14px;
}
#footer {margin: 0; padding: 0; justify-content: center;}
#footer .item {color: #0C447C;}
#footer .first_item {margin-left: 0; padding-left: 0;}
#footer p {margin: 0;}
#footer a {color: #ecf5ff;}
#footer a:hover {color: white;}
#footer button {box-shadow: 0 1px 4px 0 rgba(120,120,120,.7);}