﻿/* horizontale lijnen verbergen in tabellen voor wizards */
.bootstrap .table.wizard-table > thead > tr > th,
.bootstrap .table.wizard-table > thead > tr > td,
.bootstrap .table.wizard-table > tbody > tr > th,
.bootstrap .table.wizard-table > tbody > tr > td,
.bootstrap .table.wizard-table > tfoot > tr > th,
.bootstrap .table.wizard-table > tfoot > tr > td {
    border-top: none;
    border-bottom: none;
}

.bootstrap .table.no-border > thead > tr > th,
.bootstrap .table.no-border > thead > tr > td,
.bootstrap .table.no-border > tbody > tr > th,
.bootstrap .table.no-border > tbody > tr > td,
.bootstrap .table.no-border > tfoot > tr > th,
.bootstrap .table.no-border > tfoot > tr > td {
    border-top: none;
    border-bottom: none;
}

.input-width-xs,
.bootstrap textarea.input-width-xs {
    max-width: 80px !important;
}

.input-width-s,
.bootstrap textarea.input-width-s {
    max-width: 130px !important;
}

.input-width-m,
.bootstrap textarea.input-width-m {
    max-width: 180px !important;
}

.input-width-l,
.bootstrap textarea.input-width-l {
    max-width: 280px !important;
}

.input-width-xl,
.bootstrap textarea.input-width-xl {
    max-width: 350px !important;
}

.bootstrap table.table.panel {
    background-color: transparent;
}

.money_label { padding-left: 10px; text-align: right; }
.money_euro { float: left; width: 15px; }

/* dit wordt gebruikt om een SearchBoxControl te nesten in een navbar */
div.submenu.navbar div.submenu.navbar {
    border: none;
    margin: 0;
}
div.submenu.navbar div.submenu.navbar div.navbar-form {
    padding: 0;
    margin: 0;
}
/* einde SearchBoxControl in navbar */

tr.disabled, td.disabled {
    color: lightgray;
}

/* This is where you can customize the appearance of the tooltip */
div#pop-up {
  position:absolute;
  display:none;
  z-index:10000;
  font-size: 10pt;
  line-height:normal;
  background: #f8f7f5;
  border: 1px solid #dec9a3;
  width: 280px;
  padding: 8px;
}


.overviewContainer .row { clear: left; height: 38px; }
.bootstrap .overviewContainer div.rowCell.tool, .bootstrap div.headerCell.tool { width: 40px }
.bootstrap .overviewContainer div.rowCell.data { width: 350px; }
.bootstrap .overviewContainer div.headerCell.data { width: 350px; }
.bootstrap .overviewContainer .rowCell .deleted { color: #aaa; text-decoration: line-through; }
.bootstrap .overviewContainer div.row { margin-left: 0; margin-right: 0; }
.bootstrap .overviewContainer div.headerCell { text-transform: uppercase; font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif; color: #0078ff; }

/* tabellen in cms content */
.paragraphs table, .paragraphs table td  {
    border: 0;
}

.ajax__html_editor_extender_container .ajax__html_editor_extender_buttoncontainer input,
.ajax__html_editor_extender_container .ajax__html_editor_extender_buttoncontainer2 input 
{
    border-width: 0;
    padding: 0;
    border-radius: 0;
}
div.ajax__html_editor_extender_container
{
    width: 100% !important;/*important is really important at here*/
}

#loginwarning { width: 100%; height: 6rem; background-color: #FAFFBD; text-align: center; padding-top: 12px; font-size: 12px; position: fixed; top: 0; z-index: 7; opacity: 0.8; filter: alpha(opacity=80);}
#loginwarning p { text-align: center; color:black; opacity: 1; filter: alpha(opacity=100);}

.rhprogressbarContainer { width: 105px; float: left; }
.rhprogressbar { color: #000000; background-repeat: repeat-x; width: 0px; background: url('progress.jpg'); background-color: blue; height: 15px; margin-top:5px; float: left; }
.rhprogressbarError { color: #000000; background-repeat: repeat-x; width: 0px; background: url('progress_red.jpg'); background-color: red; height: 15px; float: left; }
.rhprogressbarPercentage { width: 20px; float: left; }

.bootstrap .btn-raetsheren {
    color: #ae915b;
}

.bootstrap a.btn-raetsheren:hover {
    color: #0078ff;
}
.bootstrap .btn-raetsheren.aspNetDisabled,
.bootstrap .btn-raetsheren.aspNetDisabled:hover {
    color: #dec9a3;
    cursor: default;
}
.bootstrap a.btn.btn-xs {
    padding: 1px 3px;
    margin-left: 0;
}

.bootstrap .glyphicon.disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.bootstrap .icon-ok {
    color: #0078ff;
    cursor: default;
}
.bootstrap .icon-remove {
    color: rgba(174, 76, 76, 1);
    cursor: default;
}
.bootstrap .icon-question-sign {
    color: #ae915b;
    cursor: default;
}
.bootstrap a.btn.btn-xxs{
    padding: 0;
    margin-left: 0;
}
.bootstrap a.btn-xxs, .bootstrap .btn-group-xxs > a.btn {
    margin-bottom: 4px;
}
.bootstrap .btn.btn-xxs, .bootstrap .btn-group-xxs > .btn{
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
}
