html {
    height: 100%;
    scroll-behavior: smooth;
    overflow-x: scroll;
}

html,
body {
    padding-top: 0px !important;
    width: 100%;
    height: 95%;
}

#main div h1 {
    margin-top: 10px !important;
}

#main {
    width: 100%;
    height: 80%;
    min-width: 1028px;
}

/*****************************************************************************/
/* Navbar                                                                    */
/*****************************************************************************/
.navbar {
    height: 25px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    margin-top: 5px;
}

.nav-link {
    color: #bc0000 !important;
    font-weight: bold !important;
    font-size: 80% !important;
}

/*****************************************************************************/
/* Logos                                                         */
/*****************************************************************************/

#ascs_lab_logo {
    max-width: 50%;
    padding: 10px;
}

#explorer_logo {
    margin: auto;
    padding: 10px;
}


/*****************************************************************************/
/* Golden Layout                                                            */
/*****************************************************************************/

#gl_wrapper {
    height: 88%;
}

#core_settings {
    overflow: auto;
}

.gl_container {
    background: white;
    height: 100%;
}

.title-spacer {
    padding-top: 3% !important;
}

#memory_settings {
    overflow: auto;
}

#downloads {
    overflow: auto;
}

#project_settings {
    overflow-y: auto;
}

.row {
    margin-bottom: 20px;
    margin-left: 10px !important;
}

.row-item {
    float: left;
    margin-right: 5%;
}

.sec-title {
    margin-bottom: 20px;
}

.gl-input {
    width: 30%;
}
.row-icon {
    min-width: 90px;
}

.row-mid {
    padding-top: 4%;
}

.lm_header {
    min-height: 24px !important;
    height: 24px !important;
}

.lm_tab {
    min-height: 18px !important;
    height: 18px !important;
}

.lm_title {
    font-size: 16px;
}


/*****************************************************************************/
/* small gery text                                                           */
/*****************************************************************************/

.smallgraytext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

.smallgraytext a {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
}

.smallgraytext a:hover {
    text-decoration: underline;
}

/*****************************************************************************/
/* Block Diagram                                                            */
/*****************************************************************************/

#diagram_div:focus {
    outline: None !important;
}

/*****************************************************************************/
/* image canvas                                                              */
/*****************************************************************************/

#image_canvas {
    display: none;
}

/*****************************************************************************/
/* messages                                                        */
/*****************************************************************************/

#messages {
    overflow: auto;
    height: 100%;
    font-family: monospace;
    background-color: cornsilk;
    white-space: nowrap;
}

/*****************************************************************************/
/* Footer Row                                                                */
/*****************************************************************************/

#footer_row_col {
    min-width: 540px;
}

/*****************************************************************************/
/* Misc                                                                      */
/*****************************************************************************/

.disabled {
  pointer-events: none;
}

#program_multi_core_label {
    margin-left: 15px;
    margin-right: 15px;
}


/*****************************************************************************/
/* Program List                                                             */
/*****************************************************************************/
.valid_setting {
    background-color: lightgray !important;
}

.test_pin_btn {
    text-align: center !important;
}

/*****************************************************************************/
/* Cache Info                                                           */
/*****************************************************************************/

.cache_info_type {
    margin-left: 10px;
}

.cache_info_size {
    margin-left: 10px;
}