html,body  {
    vertical-align: top;
    margin: 0;
    padding: 0;
    color: #000000;
    clear: both;
    text-align: justify;
    text-justify: inter-word;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.container {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    min-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    color: #000000;
    text-align: justify;
    text-justify: inter-word;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.content-container { margin:12px 180px 20px 180px; }
.content-heading { font-weight: bold; font-size: 18px; color: #000000; text-align: left; }
.content-subheading { font-weight: bold; font-size: 16px; color: #000000; text-align: left; }

p { overflow: hidden; line-height:1.4; text-indent: inherit;  }

a img, a:link img, a:hover img, a:visited img, a img:first-child,a:active img {
    color: #000000; text-decoration: none; outline: none;  }


/****** header  ********/
.header { min-width:100%; background-color: #FFFFFF !important; color: #000000; padding:12px; }
.header-media { max-width: 220px; margin-left: 50px; }
.landscape { width:100%; display: block;  z-index: 0; }
.header-banner { height: 250px; min-width: 100%; max-height: 100%; }  /* height: 290px; */


/****** menu  ********/
.menu { margin:0px 180px 0px 180px; font-size:18px;
        font-family: "Lora",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.user { color:#005b99; font-size:15px; margin:0 25px; padding:10px 10px; text-align:left; float:left;}
.menu-nav { display:flex; flex-direction:row; flex-wrap:wrap; color:#5b616b !important;
            font-weight:bold; float:right; margin-right:40px; }
.menu-nav a { color:#5b616b; padding:10px 15px; text-align:center; text-decoration:none; font-size:16px;}
.menu-nav a:hover { color:#005b99; border:2px dashed #005b99; font-weight:bold; }
.dropdown-item:active { background-color:transparent;}


/******    LOGIN    *****/
.login-container { margin:30px auto 30px auto; height:500px; width:500px; align:center; text-align:center;
    background-color:#eaeff6; border:1px solid #8d8d8d; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.50) 0 5px 20px
}
.login-heading { text-align:center; color:#005B99; margin:30px; }
.login-footer { margin:50px 0 50px 0; font-size:10px; }


/**** Button *****/
.btn-primary { color: #FFFFFF; background-color: #005B99; border-color: #005B99 }
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #FFFFFF; background-color: #0092D1; }


/*******    TABLEs    ********/
.table { border-color: #b1b4b8; overflow: auto; /*font-size: inherit;*/ }   /*text-wrap: normal;*/
.searchTable { width:50%; }
/*.tncTable { width: 50%; white-space: normal; }*/
.theader { background-color:#134474; color:#FFFFFF; text-align:left; }   /*text-align:center;*/
.sub-theader { background-color:#eee; color:#000000; }

.form-control, .form-select { border:1px solid #afafaf; font-size:inherit; }
.fileInput { width:50%; }

/*
.readonlyInput { width:85px; height:30px; border:none !important; outline:none; }
.readonlyInput:focus { border: none !important; }
.editableSmall { width:71px; height:30px; }
.editable {
    display: inline-block;
    padding: 4px 6px;
   !* margin: 5px;*!
    line-height: 1.42857;
    vertical-align: middle;
    color: #000;
    background-color: #FFF;
    border: 1px solid #afafaf;
    border-radius: 4px;
    font-family: inherit;
    font-size: inherit;
    width: 145px;
    height: 30px;
}
.editable:focus { border-color:#80bdff; }*/

.check-mark { color:#008000FF; font-weight:bold; font-size:20px; text-decoration:none; }


/*******    ERROR DISPLAY    ********/
.errordiv { color: #FF0000; border: 2px solid #ff0000; padding: 8px; margin: 16px; background-color: #ffEEEE; }
.errortext { font-size: 12px; color: #FF0000; }
/*.valErrorField { border: 2px solid #ff0000; }*/


/*******     FOOTER     *******/
.footer { background-color:#d9d9d9; color:#000000; }
.footer-nav { background-color:#f1f1f1 !important; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.footer-nav a { padding:10px 15px; color:#000000; text-align:center; text-decoration:none; }
.footer-nav a:hover, a:focus { text-decoration:underline; }
.footer-media { padding:5px; margin-left:50px; }
.footer-media img { max-width:85px; vertical-align:top; }