body {
  font: 400 15px "Open Sans",Lato, sans-serif;
  line-height: 1.7em;
  color: #555; /*#818181;*/
  padding-bottom: 60px;
}
.jumbotron {
  background-color: #f9f9f9;
  max-height: 120px;
  padding: 20px 0 !important;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 400;
}
.content {
  padding-top: 110px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  min-height: 80vh;
}
 .wrapper {
  width: 98%;
  max-width: 1280px;
  margin: 0 auto;
 }
/* Scroll Bars */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1;}
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #888; }


.btn-light,select { border: solid 1px #ddd }
.bold { font-weight: bold }
.large {font-size: 108%}
.nopad {padding: 0; margin: 0}

.cursor {cursor: pointer !important}
.list-group-item label { display: block }
.list-group-item:hover { background-color: #f8f9fa; }
.list-group-item.alert-warning { background-color: #fff3cd; }
.well { background-color: #f9f9f9 !important; border: solid 1px #f9f9f9 !important }
.list-group-item h4 { font-weight: bold !important }
.caption { display: block; font-style: italic; line-height: 16px !important; font-size: 12px }
.error { color: red; font-size: 14px; }
.d-3 .flex-fill {width: 33%; padding: 6px; height: 120px !important; overflow: hidden; }
@media screen and (max-width: 1003px) {
  .d-3 .flex-fill {width: 50% !important;}
}
@media screen and (max-width: 767px) {
  .d-3 .flex-fill {width: 100% !important;}
}
.btn-full {display: block; height: 100%; vertical-align: middle; margin: auto 0; padding-top: 10px }
.legend { font-size: 88% }
.ellipse {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#right-menu { position: sticky; position: -webkit-sticky; top: 130px; }
#right-menu .btn { font-size: 14px }

.edit-box, .edit-text {
  padding: 6px;
  background-color: #eee;
}
.edit-text {
  min-height: 100px;
}
.edit-textarea, .edit-box, .edit-text  {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6 !important;
    color: #495057;
    background-color: #f8f9fa;
    background-clip: padding-box;
    border: 1px solid #f8f9fa; /*#ced4da;*/
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.edit-textarea:focus, .edit-box:focus, .edit-text:focus { color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
/*.img-selected { border-color: #80bdff !important; outline: 0 !important; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;}*/
.img-selected { border-color: orange !important; outline: solid 3px orange !important }

#waiter { z-index: 65537; position:fixed; top: calc(50% - 25px); left: calc(50% - 25px); border: 10px solid #c0e2ff; border-top: 10px solid #3250e4;border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/* Lateral Menu */
#layered { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); z-index:1002; }
.overlay {position: fixed; z-index: 1003;right: 0;top: 0;bottom:0;width: 0;min-height: 100%;max-height: none; transition: 0.5s;padding-bottom: 60px;background-color: #f8f9fa;}
.overlay .list-group-item { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 8px 10px }
.overlay-content { top: 2%;width: 100%;text-align: left;margin-top: 50px; margin-bottom: 20px; padding: 0 20px; }
.overlay-content h3 { font-size: 20px; color: #595959; text-align: left !important }
.overlay .closebtn { display: block; color: #545454 !important; text-decoration: none; }

/* Images */
.thumbnail { width: 20%; padding: 3px; overflow: hidden}
.thumbnail .img { position: relative; min-height: 140px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 1px red }
.thumbnail p { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: white; text-align: center; margin: 0;  }
.portrait { text-align: center; width: 140px; margin: 0 auto; max-height: 200px; min-height: 80px; overflow: hidden; }
.portrait img { border: solid 1px black; width: 110px;}

/* Tables */
th,td { vertical-align: top; padding: 2px 3px }

.rc-anchor-light.rc-anchor-normal,
.g-recaptcha>div
{ border: solid 1px #f5f5f5 !important; background: #f5f5f5 !important; margin: 0 auto !important; cursor: pointer !important }