body{
    font-size: 90%; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
}

.fullpanelcontainer{
    display: flex;
}


.rightbar{
    flex: 1;
    background-color:#eeeeee;
}

.centercontent{
    flex: 5;
    margin-left: 20px;
    margin-right: 20px;
}

.rightbar div {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.rightbar div:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}



.vertical-menu{
    flex: 1;
    background-color: #eeeeee;
    margin-right:3px;
}

.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu h3 {
    background-color: #b0c4de; /* Add a green color to the "active/current" link */
    color: white;
    text-align: center;
    padding: 12px;
    margin: 0px;
}

.hidden{
    display: none;
}

table.centertable td {
    text-align: center;
}

table.wordbreakable td {
    text-align: center;
    word-wrap:break-word;
}


ul#applicationmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

#applicationmenu li {
    float: left;
    border-right:1px solid #bbb;
}

#applicationmenu li:last-child {
    border-right: none;
}

#applicationmenu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#applicationmenu li.active a{
    color:black;
}

#applicationmenu li:not(.active) a:hover {
    color: white;
    background-color: #111;
}

#applicationmenu .active {
    background-color: #b0c4de;
}

ul.submenu {
    list-style-type: none;
    margin: 0 0 0 75px;
    display: inline-block;
    padding: 0;
    overflow: hidden;
    background-color: #666;
}

.submenu li {
    float: left;
    border-right:1px solid #bbb;
}

.submenu li:last-child {
    border-right: none;
}

.submenu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.submenu li.active a{
    color:black;
}

.submenu li:not(.active) a:hover {
    color: white;
    background-color: #555;
}

.submenu .active {
    background-color: #e0c4de;
}


ul#sidemenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
}

#sidemenu li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
#sidemenu li a:hover {
    background-color: #ccc;
}

#sidemenu .active {
    background-color: #888;
}

#sidemenu .active a{
    color: white;
}

tr{
    font-size:0.8em;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
    
}

th {
    background-color: #b0c4de;
    color: white;
    padding: 8px;
    font-size: 0.9em;
}

.smallerheader th {
    background-color: #b0c4de;
    color: white;
    padding: 2px;
    font-size: 0.9em;
}


.chkSelect {
    padding-left: 8px;
    padding-right: 8px;
}

#wrapper {
    overflow:hidden;
    padding:10px;
}

#wrapperwithmenu{
    overflow:hidden;
    padding:0px;
}

#sidebar {
    float:left;
    width:200px;
    padding-right: 10px;
}

#sidebarex {
    float:left;
    width:300px;
    padding-right: 10px;
}


#sidebarwithmenu {
    float:left;
    width:200px;
    margin: 0px;
    padding: 0px;
}

#content {
    margin: 0 0 0 200px;
}

#contentex {
    float: right;
}

.centertable {
    width:300px;
    height:170px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-150px; /* half of width */
    margin-top:-150px;  /* half of height */
    top:50%;
    left:50%;
}

.button{
    cursor:pointer; 
    padding:5px 25px;
    background:#768d87;
    border:1px solid #6c7c7c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    color:#f3f3f3;
    font-size:1.1em;
}
.button:hover, .button:focus{
    background-color :#6c7c7c;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}
    
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.borderboxdiv{
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 0px;
}

#addAdmin {
    width: 454px;
}

#addClient {
    width: 484px;
}

.modalpopbox{
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);      
} 

.divInput{
    margin: 20px;
    width: 450px;
    float: left;
    padding-bottom: 2px;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);      
} 

.divInput .txt-fld { width: 420px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.divInput .btn-fld { width: 420px; overflow: hidden; padding: 12px; text-align: center; }

.divInput .txt-fld label{ display: block; float: left; width: 150px; padding-top: 8px; color: #222; font-size: 1.1em; text-align: left;  }
.divInput .txt-fld input{ width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.divInput .txt-fld input.checkbox { width: 50px; padding:0px;}
.divInput .txt-fld input.good_input{ background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
.divInput .txt-fld input.error_input { background: #FDE0E0; }

.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 20px; height: 20px; background: url(../img/modal_close.png); z-index: 2; }

.modalpopboxheader { background: #fff; padding: 0px 15px 15px 10px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.modalpopboxheader   h2 { color: #444; font-size: 1.5em; font-weight: 700; margin-bottom: 1px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); padding-bottom: 4px; margin-bottom: 8px; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
.modalpopboxheader   p { color: #444; font-size: 1.0em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

.modalpopbox .txt-fld{ position: relative; width: 414px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.modalpopbox .btn-fld{ width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

.modalpopbox .txt-fld label{ display: block; float: left; width: 150px; padding-top: 8px; color: #222; font-size: 1.1em; text-align: left;  }
.modalpopbox .txt-fld input{ width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.modalpopbox .txt-fld input.good_input{ background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
.modalpopbox .txt-fld input.error_input { background: #FDE0E0; }


.modalpopbox select{
   border: 1;
   cursor: pointer;
   color: #666;
   background: transparent;
   font-size: 15px;
   font-weight: bold;
   padding: 2px 10px;
   width: 248px;
   *width: 220px;
   *background: #C7C7C7;
}

.tdlink{
    cursor: pointer;
    color: #3333BB;
}

.tdlink:hover, .tdlink:focus{
    background: #CCCCCC;
}

.docHolder{
    width:160px; height:230px; margin:4px; padding:6px; border:1px solid black; float: left; text-align: center;
}

.docHolder h1{
    margin-top: 0px;
    font-size: 1.2em;    
}

.doczone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,0.3);
    background: white;
    padding: 5px 5px;
    box-sizing:border-box;
    margin-bottom: 11px;
}

.doczone .preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 14px;
    min-height: 80px;
}

.doczone .preview .image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.imgthumb,.docthumb{
    width: 120px;
    height: 120px;
    vertical-align: bottom;
}


.modalpopbox{
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 20px; height: 20px; background: url(/assets/img/modal_close.png); z-index: 2; }

.modalpopboxheader { background: #fff; padding: 0px 15px 15px 10px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.modalpopboxheader   h2 { color: #444; font-size: 1.5em; font-weight: 700; margin-bottom: 1px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); padding-bottom: 4px; margin-bottom: 8px; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
.modalpopboxheader   p { color: #444; font-size: 1.0em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

.modalpopbox .txt-fld{ position: relative; width: 414px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.modalpopbox .btn-fld{ width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

.modalpopbox .txt-fld label{ display: block; float: left; width: 150px; padding-top: 8px; color: #222; font-size: 1.1em; text-align: left;  }
.modalpopbox .txt-fld input{ width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.modalpopbox .txt-fld input.good_input{ background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
.modalpopbox .txt-fld input.error_input { background: #FDE0E0; }


.commentTable{
    display: none;
}

.selectedpage{
    background-color: #b0c4de;
    color: white;
    text-decoration:none;
    padding-left: 5px;
    padding-right: 5px;
}