body
{
    background-color: #F3F3F3;
}

.pdf_icon {
    /* Relative to THIS stylesheet, not to the site root: the application is served under a
       virtual path (/Mederi/Doctar.Webclient), and a root-relative url() would leave it. */
    background: url('images/pdf_icon.png') no-repeat center right; display:block; height:20px; width:20px;
}
    .select2-hidden-accessible { display: none; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* The host mark at the end of the footer line (_Layout.cshtml, Helpers\WebtoolHostMark.cs): the
   .NET 10 host's quiet tell, which the legacy site does not have. A smaller inline font cannot
   raise the footer's 20px line box (Bootstrap's line-height is unitless), so the footer keeps its
   height; nowrap keeps the dot with the word. */
.footer .host-mark {
    color: #999;
    font-size: 11px;
    white-space: nowrap;
}

/** OVERRIDE BOOTSTRAP STYLING **/


fieldset
{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: white;
    border-bottom: 1px solid #8CC63F;
    padding: 8px;
    margin-bottom: 10px;
}


legend
{
    border: none;
    border-radius: 5px;
    font-weight: 800;
    letter-spacing: 1.5px;
    background-color: white;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 1px rgba(140, 198, 63,2);
    -moz-box-shadow: 0 1px 1px rgba(140, 198, 63,2);
    box-shadow: 0 1px 1px rgba(140, 198, 63, 2);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline, .field-validation-error
{
    color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea, .input-validation-error
{
    color: #b94a48;
    border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea:focus, .input-validation-error:focus
{
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.field-validation-error
{
    display: block;
}


div#spinner
{
    width: 100px;
    height: 100px;
    position: fixed;
    left: 50%;
    /* Relative to THIS stylesheet - see .pdf_icon above. */
    background: url('images/ajax-loader.gif') no-repeat center;
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    overflow: auto;
}


.table tr.odd:hover td, .table tr.even:hover td 
{
    background: whitesmoke;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
 }

label {
    font-weight: normal !important;
}
/*.navbar-brand a, .navbar-default .navbar-nav>li>a {
 color: white;
}

.navbar 
{

    background-color: #9fd05f;
  background-image: -moz-linear-gradient(top, #acd674, #8cc63f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#acd674), to(#8cc63f));
  background-image: -webkit-linear-gradient(top, #acd674, #8cc63f);
  background-image: -o-linear-gradient(top, #acd674, #8cc63f);
  background-image: linear-gradient(to bottom, #acd674, #8cc63f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacd674', endColorstr='#ff8cc63f', GradientType=0);
  border: 1px solid #6c9a2e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    
}*/
/***JQUERY UI OVERRIDE**/

.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
    width: 400px;
}
.ui-autocomplete > li
{
    border-bottom: 1px solid whitesmoke;
}

.ui-combobox-input
{
    width: 90%;
    color: grey;
    text-shadow: black;
}

/* The focused panel of the v2 certificate screen (Views\Certificate\v2\Certificate.cshtml), which the account panels
   (the password links, the two-factor pages) share. */
.panel.focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* The two-factor hint on the navigation bar's user button (Views\Shared\_NavBar.UserButton.cshtml, D-78): a muted lock
   with a small amber dot on its top-right corner, in the normal flow before the name, so the button is wider while the
   hint shows. The hint is 11px wide, the 9px lock and the 2px of the dot beyond it, and the partial writes no white
   space between the hint and the name, so the right margin is the whole gap between the dot and the first letter. The
   hint sits on the name's baseline, and its 12px line height stays inside the button's line, so the button keeps its
   height. */
.doctar-tfa-hint {
    position: relative;
    display: inline-block;
    width: 11px;
    margin-right: 6px;
    font-size: 9px;
    line-height: 12px;
    color: #999999;
}

.doctar-tfa-hint-dot {
    position: absolute;
    right: 0;
    top: -1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f0ad4e;
}

/* The member list's Kendo grid (Views\Member\Index.cshtml), scoped by its id. The header is one row: every title on one
   line (a long term is a short title with the full term as its tooltip), the titles and the filter icons centred
   vertically, the filter icon 24 px instead of the theme's 33 px. A badge column centres its title in the room left of
   the filter icon, and its badge in the same room: the cell's right padding is the header's padding (8.4 px) plus the
   icon (24 px), so the header gets no wider. An e-mail address breaks anywhere, so a long one cannot push the table
   past the grid's border. The toolbar's sides are the cells' padding, so the
   Excel button starts where the first title does and the search box ends where the last column's content does. */
#MemberList th,
#MemberList th .k-column-title {
    white-space: nowrap;
}

#MemberList th {
    vertical-align: middle;
}

#MemberList .k-grid-filter-menu {
    width: 24px;
    height: 24px;
    padding: 5px;
}

#MemberList td.doctar-badge-cell {
    text-align: center;
    padding-right: 32.4px;
}

#MemberList th.doctar-badge-cell .k-link {
    justify-content: center;
}

#MemberList td.doctar-break-cell {
    overflow-wrap: anywhere;
}

#MemberList .k-grid-toolbar {
    padding-left: 8px;
    padding-right: 8px;
}

/* The member list's role icons beside a name: small and grey, the role's name in the title. */
.doctar-role-icon {
    margin-left: 4px;
    font-size: 11px;
    color: #999;
}

/* The member list's and Bekijken's dot of a login that is online now. */
.doctar-online-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 4px;
    border-radius: 50%;
    background-color: #5cb85c;
}