body{
    font-family: "Avenir", Arial, sans-serif;
    font-weight: 500;
    font-size:14px;
    color:  rgb(32,32,32);
}
div.header_view{
  float:left;
  width:100%;
  height:40px;
  margin:0 0 5px 0;
  background-color: darkgray;
  border-radius: 5px;
}
div.main_view{
  float:left;
  width:calc(100% - 175px);
  max-height:calc(100% - 45px);
  font-size:12px;
  background-color:darkgray;
  border-radius: 6px;
  /*overflow-y:auto;*/
}
div.page_frame{
    border: 1px solid white;
    padding: 10px;
    margin: 0 5px 5px 5px;      /* if there is a tab row above, it should be right below it */
    background-color: white;
    border-radius: 5px;
    max-height:calc(100% - 110px);
    overflow:auto;
}
div.side_menu_view{
    float:left;
    width:150px;
    max-height:calc(100% - 92px);
    padding:10px;
    margin:0 0 5px 0;
    background-color: lightgray;
    border-radius: 5px;
    overflow:auto;
}
div.debug_view{
  font-family:monospace;
  clear:both;
}
div.login_view{
    position: absolute;
    top: 50%;       /* makes the upper left corner be 50% down on page */
    left: 50%;      /* makes the upper left corner be 50% from left on page */
    transform: translate(-50%, -50%);       /* move the div 50% of its width to the left, 50% of its height up */
/*    text-align:center;
    vertical-align: middle;
    margin:auto;*/
}
div.login_outer{
    float:left;
    width:auto;
    margin:5px;
    font-size:12px;
    background-color:darkgray;
    border-radius: 10px;
  }
div.login_inner{
    border: 1px solid white;
    padding: 10px 10px 0 10px;
    margin: 5px;
    background-color: white;
    border-radius: 5px;
    text-align:center;
    vertical-align: middle;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 2px 10px 2px 10px;
    font-size:12px;
}
tr:hover{
    background-color: lightblue;
}
.number{
  text-align:right;
  width: auto;
}
.center{
  text-align:center;
  width: auto;
}
.bottom{
  vertical-align: bottom;
}
.top{
  vertical-align: top;
}
.chkboxHeight{
  color:red;
  line-height:150%;
}
.no_border{
  border: 0px none black;
}
.no_border_or_margin{
  border: 0px none black;
  padding: 0px;
  margin: 0px;
}
.border_bottom{
    border: 0px none black;
    border-bottom: 1px solid #ccc;
}
.border_top{
    border: 0px none black;
    border-top: 1px solid #ccc;
}
.time_report_hours{
    width:50px;
}
a{
    color:  rgb(32,32,32);
    text-decoration-style: dashed;
    padding: 1 5 1 5;
    border-radius: 5px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
a:hover{
    color: #666666;
    background-color: #AAAAAA;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.active_link{
    color: #000000;
    text-decoration: none;
    padding: 1 5 1 5;
    border-radius: 5px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.active_link:hover{
    color: #666666;
    background-color: #AAAAAA;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.inactive_link{
    text-decoration: none;
    padding: 1 5 1 5;
}
span.link{
    color: #000000;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
span.link:hover{
    color:darkgray;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
a.sideMenuBtn{
    text-decoration: none;
    display:block;
    padding: 0 5 0 5;
}
.sideSubMenuBtn{
    position: relative;
    text-decoration: none;
    /* the following 4 lines is to have text truncated at the <div>-width */
    /* <div>-width needs to be fixed (not "auto") */
	display: block; /* makes the text fill up the width and behave as <p> */
	white-space: nowrap; /* force single line */
	overflow: hidden;
	text-overflow: ellipsis; /* truncate text to width */
}
.sideSubMenuBtn .sideSubMenuBtnFull{
    visibility: hidden;
    position: absolute;
    color: #666666;
    background-color: #AAAAAA;
    border-radius: 5px;
    padding: 3 10 3 0;
}
.sideSubMenuBtn:hover{
    overflow: visible;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    z-index: 1;
}
.sideSubMenuBtn:hover .sideSubMenuBtnFull{
    visibility: visible;
    overflow: visible;
    top: -3px;
    left: 0px;
}
p.result{
  margin:20px;
}
.error_msg{
    color:red;
}
.tab_bar{
    border: 1px solid darkgray;
    padding: 5px 10px 5px 10px;
    margin: 5px 15px 0 15px;
    background-color: darkgray;
}
.tab_bar_row{
    border: 1px solid darkgray;
    padding: 2px 10px 2px 10px;
    background-color: lightgray;
}
.tab_active{
    border: 1px none white;
    border-bottom: 1px solid white;
    padding: 2px 15px 2px 15px;
    background-color: white;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.tab_inactive{
    border: 1px solid darkgray;
    padding: 2px 15px 2px 15px;
    background-color: lightgray;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.tab_inactive a{
    text-decoration: none;
}
.tab_inactive:hover{
    background-color: darkgray;
    /*border: 1px solid lightgray;*/
}
.tab{
    border: 1px solid white;
    padding: 0 10px 10px 10px;
    margin: 0 5px 5px 5px;
    background-color: white;
    border-radius: 5px;
    max-height:calc(100% - 125px);
    overflow:auto;
}
.tab_background{
    background-color:darkgray;
    padding:1px;
    border-radius: 6px;
}
.collapsexpandpict{
    width:15px;
    height:15px;
    border:none;
    background-color:white;
}
.collapsexpand{
    width:15;
    border:none;
    background-color:white;
}
.ownerEmployeeBar{
    --colorIncomeOdd:#4242CC; /* NO SPACES! */
	--colorIncomeEven:#5E5ECD;
	--colorCostOdd:#F27357;
	--colorCostEven:#DB5A3D;
    --colorStartSum:#686868;
    --colorAvailablePos:#18AC01;
    --colorAvailableNeg:#FF0000;
    --colorAdministrative:#D48400;
    --colorTax:#127101;
    --colorDividend:#bf57c9;
}
div.calender{
    float:left;
    margin:5px;
    padding:5px;
}
td.calender{
    font-family: "Avenir Next", Arial, sans-serif;
    font-weight: 500;
    font-size:10px;
    text-align:center;
    padding:0px 5px 0px 5px;
    color: #000000;
}
.select{
    border-radius: 5px;
    background-color: white;
    background: linear-gradient(white,lightgray);
    color:black;
    font-size:11px;
    padding:2px 10px 2px 10px;
    border: 1px solid darkgray;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.select:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.select:active {
	box-shadow: 0 5px #666;
	/*transform: translateY(2px);*/
}
.select_disabled{
    border-radius: 5px;
    background-color: white;
    background: linear-gradient(white,lightgray);
    color:darkgray;
    font-size:11px;
    padding:2px 10px 2px 10px;
    border: 1px solid darkgray;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.button{
    text-decoration: none;
    font-family: "Avenir", Arial, sans-serif;
    font-weight: 500;
    border-radius: 5px;
    background-color: white;
    background: linear-gradient(white,lightgray);
    color:  rgb(32,32,32);
    font-size:11px;
    padding:2px 10px 2px 10px;
    margin:2px;
    border: 1px solid darkgray;
    width:max-content;
    min-width:30px;
    min-height:12px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.button:hover{
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
}
.button:active {
	box-shadow: 0 2px #666;
	transform: translateY(1px);
}
.default_button{
    border-radius: 5px;
    background-color:white;
    border: 3px solid darkgray;
}
.button_disabled{
    font-family: "Avenir", Arial, sans-serif;
    font-weight: 500;
    border-radius: 5px;
    background-color: white;
    background: linear-gradient(white,lightgray);
    width:max-content;
    color:darkgray;
    font-size:11px;
    padding:2px 10px 2px 10px;
    margin:2px;
    border: 1px solid darkgray;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
select {
    width: 100%;
    max-width: 100px;
}
.parse_history_ok{
    background-color:rgb(156, 241, 156);
}
.parse_history_maybe{
    background-color:rgb(252, 247, 201);
}
.parse_history_maybe_not{
    background-color:rgb(255, 193, 78);
}
.parse_history_not_ok{
    background-color:rgb(252, 137, 117);
}
.closeBtn{
    border-radius:3px;
    border: 1px solid #666666;
    background-color:inherit;
    color:#666666;
    padding:0px 1px 0px 2px;
    margin:1px;
}
.drop_down_menu_btn {
    background-color: white;
    color: black;
    padding: 0px 10px 0px 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.drop_down_menu {
    position: relative;
    display: inline-block;
}
.drop_down_menu_contents {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: white;
    top:0px;
    left:95%;
    border: darkgray solid 1px;
    border-radius:5px;
    margin:0px;
    padding:0px;
}
.drop_down_menu_contents p {
    color: rgb(32,32,32);
    padding:2px 10px 2px 5px;
    text-decoration: none;
    margin:0px;
    text-align:left;
}
.drop_down_menu_contents p:hover {
    color: #666666;
    background-color: #AAAAAA;
}
.drop_down_menu:hover .drop_down_menu_contents {
    display: block;
}
.drop_down_menu:hover .drop_down_menu_btn {
    background-color: darkgray;
}
.strikethrough {
    text-decoration: line-through;
}
input{
    border-radius:4px;
    border:1px solid rgb(200,200,200);
    color:  rgb(32,32,32);
}
hr{
    border-top: 1px solid gray;
    border-bottom: 0px solid gray;
    height: 1px;
    margin: 1px 1px;
    padding: 0;
}