body {
    margin: 0px;
    padding: 0px;
    font: 15px Arial;
}

h1 {
    
}

h2 {
    font-size: 1.2em;
}

p {
    margin: 0px;
}

a {
    color: #287F72;
}

a:hover {
    color: #66AA66;
}

#page_container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px);
    overflow: auto;
}

.standard_box {
    padding: 10px;
    x-box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 10px 20px -10px;
    box-shadow: rgba(5, 5, 5,0.3) 3px 5px 15px 0px;
    border: 1px solid #287F72;
    margin: 20px 10px;
    min-width: 300px;
    background: white;
}

.error {
    background: #FFDDDD;
    border: 2px solid #FF6666;
    margin: 20px 0px 10px;
    padding: 10px 5px;
}

.warning {
    background: #FFEBD6;
    border: 1px solid #FFAC59;
    margin: 20px 10px;
    padding: 10px 5px;
}


.error h2 {
    margin-top: 0px;
}

.tabulator-col {
    background: #4F74A2 !important;
    color: white !important;
}

.ui-widget-header {
    background: #4F74A2 !important;
    color: white !important;
}

.ui-widget {
    font: 15px Arial !important;
    border: 1px solid #7F3744 !important;
}

.platform_component_editcomplex {
    margin: 10px;
}

.platform_component_table {
    max-height: 400px;
}

.flex-vertical {
    display: flex;
    flex-direction: column;
}

.flex-horizontal {
    display: flex;
    flex-direction: row;
}

.form_box {
    border: 1px solid #4F74A2;
    background: #85A8D9;
    margin-bottom: 5px;
}

.bizz_button {
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #287F72;
    border: none;
    border-radius: 3px;
    box-shadow: 3px 3px #999;
    margin: 0px 10px;
    flex-grow: 0;
}

textarea {
    height: 65px;
}

.bg_red {
    background-color: #FF6666;
}

.bg_yellow {
    background-color: #FFFF66;
}

.bg_gray {
    background-color: #DDDDDD;
}

.bg_green {
    background-color: #66FF66;
}