* {margin: 0; padding: 0;}
p, ul, ol {padding-bottom: 1em;}
        h1 {font-size: 3em;}
        h2 {font-size: 2.5em;}
        h3 {font-size: 2em;}
        h4 {font-size: 1.7em;}
        h5 {font-size: 1.4em;}
        h6 {font-size: 1.1em;}
        body {padding: 0;margin: 0; overflow: scroll;}
    header  {position: absolute;top:0; width: 100%;}
strong {font-weight: bolder;}

  body {
      display: flex;
    min-height: 100vh;
    flex-direction: column;background-color: #DDD;
  }

main { flex: 1 0 auto; margin-bottom: 0.5em;}
main .container {background-color: #FFF; padding: 1.5em;margin-top: 0.5em;
border-radius: 20px;
}
.QuestionMark:after {content: ' ?';color: #B80003;}
.NoPadTB {padding-top: 0; padding-bottom: 0;}
.NoMarTB {margin-top: 0; margin-bottom: 0;}
.tabs .tab a{color:#000;}
.tabs .tab a:hover {background-color:#eee;color:#000;}
.tabs .tab a.active {background-color:#CCC !important;color:#000;}
.tabs .tab a.disabled  {background-color:#CCC !important;color:#777 !important;}

.tabs .indicator {background-color:#777;}

.tr_hover tr:hover  td  {background-color: #CCC;}

.col-pad {padding-right:3.0em;}
.higlight {text-transform: uppercase;letter-spacing: 0.4em;}
.higlight::first-letter {font-size: 1.3em;}
.dropdown-content .dropdown-content {margin-left: 100%;}
.sidenav a:link,.sidenav a:visited{color: #000;}
.calendar {table-layout: fixed;}
.calendar th {text-align: center;}
.calendar td {padding: 0;padding-left: 0.3em; margin: 0; vertical-align: top;border-top: 1px solid #000;border-right: 1px solid #000;height: 130px;}
.cal_day {font-size: 0.7em;text-align: left;}
.cal_day::after {content: '\A';white-space: pre;}
.calendar td:hover {background-color: #CCC !important;}
.calendar td p {font-size: 0.8em;}
.cal_td_ul_entry {font-size: 0.8em;}
.row-col-dividing {background-color: #AAA;}
.row-col-dividing .col {border: 3px solid #FFF; padding: 1.5em;}

.RowEO {margin: 0; padding: 1em 0.2em;;}
.RowEO:nth-child(2n+1) {background-color: #eceff1;}
.RowEO:hover {background-color: #cfd8dc !important;}
.RowSmallRow {vertical-align: middle;margin: 0.2em; padding: 0.2em;}

.row_2nd:nth-child(2n+1){background-color: #CCC;}
.row_2nd {margin:0 !important; padding: 0.3em !important;}
.row_2nd input {margin: 0 !important; padding: 0 !important;}
.row_2nd:hover:not(:first-child) {background-color: #6EB9FF !important;}


.flex {display: flex;flex-wrap: wrap;}
.link-appointment:link, .link-appointment:visited {padding: 0.3em 0.5em;margin: 0.1em; background-color: #00699C; display: block;color: #FFF;}
.link-appointment:hover {background-color: blue;}
.collapsible-body {background-color: #FFF;border-top: 3px solid #AAA;}

.topic-list-usertext {font-size: 0.8em; border-bottom: 1px solid #333; display: block; margin-bottom: 1.5em;}
.collapsible-btn-block-inline {display:inline-block; margin-right: 0.5em;}
.TopicCommentBox {
    padding:0.5em;margin:0.5em 0;
    background-color: #CCC;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;


}
.TopicCommentBox ol, .TopicCommentBox ul {margin-left: 2em;}

.myPlaceHolder::placeholder {}



.modal-footer {padding-right: 3em !important;}
.ModalBoRa {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

    
}
.myModal input[type="text"] {font-size: 1.3em;padding-left: 1.5em;margin: 0.3em}
.myModal input[type="text"]::placeholder {color:#07A;font-weight: bold;padding-left: 0.5em;}

.myForm input[type="text"] {font-size: 1.3em;background-color: #FFF;border-radius: 10px; box-sizing: border-box; padding:  0 0.5em; width: 100%;}
.myForm input[type="text"]::placeholder {color:#07A;font-weight: bold;margin-left: 1em;padding-left: 1em;}
.myForm .spacer {background-color: red;}
.myCalEntryDispModal {width: 33%;min-width: 300px; height: 30% !important; min-height: 300px !important;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

}

.input-field label {color: #009688 ;}
.input-field input::placeholder {padding-left: 10px; color: #444 ;}

.boxed {border: 1px solid #CCC; background-color: #FFF;padding: 0.5em 1em;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

-webkit-box-shadow: 10px 10px 10px 3px rgba(204,204,204,1);
-moz-box-shadow: 10px 10px 10px 3px rgba(204,204,204,1);
box-shadow: 10px 10px 10px 3px rgba(204,204,204,1);

}
.small {font-size: 0.8em;}

.myNav li{display: inline-block;}
.myNav1 li a:link,.myNav1 li a:visited {padding:0.2em 0.5em; margin: 01. 0.3em;}