* { margin: 0px; padding: 0px; }

html, body {
	font-size: 1em;
	color: #005595;
	/*background: url(../images/bg_home.png);*/ background: /*#EEE*/ white;
}

body {
    /*margin: 30px;*/
    font-family: 'Open sans', 'Helvetica', sans serif;
    font-style: normal;
    font-weight: 400;
    /*border: 0;*/
    overflow: hidden;
    height: 100%; max-height: 100%;
}

h1 {
    font-size: 1.5em;
    color: black;
    margin-top: 10px; margin-bottom: 20px;
}
    h1.pageHeader { background: #e7f9ff; margin: 0px; margin-left: -25px; padding: 25px 0px 15px 25px; color: #005595; margin-bottom: 20px; }
    h1.scheduledProcedures { background: mediumseagreen; color: white; padding: 10px; margin-bottom: 0px; }

h2 { margin: 10px 0px; }

p { margin: 10px 0px; }

a { color: #005595; }
    a.linkBtn { padding: 10px 18px; font-size: 0.9em; }
    a.linkBtn_small { padding: 6px 10px; font-size: 0.8em; }
    a.linkBtn, a.linkBtn_small {
        background: #005595; border: none /*1px solid black*/; color: white;
        font-weight: normal; text-decoration: none;
        clear: both;
        color: white;
        border-radius: 6px;
    }
    a.linkBtn:hover, a.linkBtn_small:hover { background: #005595; color: white; border-color: white; }

i.material-icons { display: inline-flex; vertical-align: middle; }

label {
    margin-right: 5px; padding: 8px 5px;
    font-size: 0.85em;
    font-weight: bold;
    float: left; /*clear: left;*/
    line-height: 1.5em;
    width: 100px;
    text-align: right;
}

input, select, textarea {
    border: 1px solid /*#005595*/ lightgrey;
    margin: 5px; padding: 4px 6px;
    color: #666;
    font-size: 0.9em; font-weight: normal;
    /*background: white;*/
}
    input:focus, select:focus, textarea:focus {
        /*outline: none !important;*/
        color: #005595;
        border: 1px solid #005595;
    }
    input:disabled, select:disabled, textarea:disabled { background: #EEE !important; border: none; }
    /*input.inputTxtField { width: 300px; }*/
    input.submitBtn { background: #005595; border: none /*1px solid black*/; color: white; padding: 10px 18px; border-radius: 6px; }

select {
    /*border-radius: 0;
    -webkit-appearance: none;*/
}
    select option { background: red; }

textarea { border: 1px solid #CCC; resize: none; }

p.fakeInputBox { padding: 2px 5px; }

fieldset {
    margin-bottom: 20px; width: 800px;
    border: 1px solid #BBB;
    /*font-weight: bold; font-size: 1.2em;*/
    background: white;
}
legend { margin-left: 20px; }


table {
    /*margin: 10px;*/
    border-collapse: collapse;
    border: 2px solid lightgrey;
    /*table-layout: auto;*/
}
    td, th { font-size: 0.9em; /*background: white;*/ /*border: 1px solid #CCC;*/ /*padding: 2px;*/ }
    table a { text-decoration: none; }
        /* to make a row clickable without javascript */
        /*table tr td a { display:block; height:100%; width:100%; }*/

    table.dataTable { font-size: 1em; margin-bottom: 20px; }
    table.dataTable caption { padding: 8px; text-align: left; font-weight: bold; color: white; font-size: 1.5em; background: #005595; }
    table.dataTable td { padding: 6px; border-bottom: 1px dotted #CCC; }
        table.dataTable>tr:last-child td { border: none; }
    table.dataTable tr:hover { background: #e7f9ff; }
    table.dataTable th { /*border-bottom: 1px solid #111d4e;*/ text-align: left; color: white; font-weight: bold; background: lightgrey; padding: 10px; }
        /*table.dataTable tr:nth-child(even) { background: white; }
         table.dataTable tr:nth-child(odd) { background: #ebebe9; }*/

    table.formTable { border: 1px solid lightgrey; border-radius: 14px; }
        table.formTable caption { background: #005595; padding: 10px; color: white; font-weight: bold; /*text-align: left;*/ }
        table.formTable td.formTableSubheading { background: lightgrey; padding: 10px; color: white; text-align: left !important; font-weight: bold; }
        table.formTable td { padding: 2px; border-bottom: 1px dotted lightblue; }
        table.formTable td:first-child { width: 150px; padding: 10px; color: #333; font-weight: bold; text-align: right; }
        table.formTable td.legendCell { width: 150px; font-weight: bold; color: #333; text-align: right; padding-right: 10px; }

table.tbl_noBorder, table.tbl_noBorder td, table.tbl_noBorder th { border: none; }


div.autocompleteContainer { }
ul#autocompleteResultBox {
    display: none;
    width: 300px;
    position: absolute;
    z-index: 100 !important;
    background: white;
    border: 1px solid black;
}
    ul#autocompleteResultBox li {
        list-style-type: none;
        padding: 7px;
    }
    ul#autocompleteResultBox li:hover { background: #EEE; }
        ul#autocompleteResultBox a { text-decoration: none; }


div.formmsg { width:75%; padding: 10px; background: lightpink; }


/* ----------------------*/
/* ----------------------*/
div#header {
    height: 54px;
    overflow: auto;
    color: white;
    font-size: 0.9em;
    background: #005595;
    /*box-shadow: 4px 4px 5px #DDD;*/
}
    div.logo {
        width: 300px;
        float: left;
        line-height: 54px;
        font-size: 0.8em;
        /*vertical-align: top;*/
        color: white;
    }
        div.logo img { float: left; margin: 3px 10px 3px 5px; }
        div.logo div { float: left; line-height: 18px; margin-top: 8px; color: white; }

    ul#menu {
        /*width: 500px;*/ height: 54px;
        float: right;
        padding-right: 50px;
        font-weight: bold;
        /*text-align: right;*/
        line-height: 54px;
        list-style-type: none;
    }
        ul#menu li {
            vertical-align: center;
            float: left;
            margin-left: 50px;
            text-transform: uppercase;
            font-size: 0.85em;
            color: white;
        }
        ul#menu li a { color: #DEF0F9; text-decoration: none; }
            ul#menu li a:hover { color: white; }
        /*div.headeractive ul#menu li a { color: #333; }
        div.headeractive ul#menu li a:hover { color: #26ACF5; }*/


div#contentlft {
    border-right: 1px solid #CACACA;
    /*border-right: 1px solid #0288d1;*/
    background: white;
    /**/
    position: absolute;
    top: 55; bottom: 0; left: 0;
    width: 200px; /*Width of frame div*/
    /*height: 100%;*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}
    ul#mainmenu { margin-top: 0px; padding: 0px 0px; }
        ul#mainmenu li { padding: 30px 15px; margin-bottom:2px; }
        ul#mainmenu li a { color: #005595; text-decoration: none; font-size: 0.95em; }
        ul#mainmenu li:hover, ul#mainmenu li.menu2active { background: #e7f9ff; }

div#contentrgt {
    position: fixed;
    top: 55; left: 201px; /*Set left value to WidthOfFrameDiv*/
    right: 0; bottom: 0;
    padding-left: 25px;
    overflow: auto;
    font-size: 0.8em;
    background: /*#EEE*/ white;
}


/*div#content {
    margin: 20px; padding: 5px;
    font-size: 0.8em;
}*/


div#footer {
    margin-top: 50px; margin-left: -25px; padding-top: 15px;
    /*clear: both;*/
    font-size: 0.6em;
    color: #BBB;
    /*border-top: 1px solid #CCC;*/
    /*background: lightgrey;*/
    text-align: center;
}
    div#debuggerBox {
        /*margin-top: 100px;*/
    }
        div#debuggerBox table { margin: auto; }


/** DEBUGGER **/
h1.dbg_header {
    margin: 0px 0px 10px;
    font-size: 1.5em;
    color: red;
}
p.dbg_Runtime { margin-top: 10px; color: #666; }
table.dbg_Timetable {
    font-size: 1em;
    border-collapse: collapse;
    border: 1px solid black;
}
    table.dbg_Timetable td, table.dbg_Timetable th { border: 1px solid #CCC; padding: 2px; }
    table.dbg_Timetable th {font-weight: bold; background: #FAFAFA; }