.modal {
    margin-top: 80px;
}

div.importbestand-modal > div.modal-dialog {
  margin-top: 180px;
}

.range-bepaling {
    margin-bottom: 12px;
}

#looncodesGrid {
    margin-top: 15px;
}

#importfoutenLink {
    margin-top: 15px;
}

#importwaarschuwingenLink {
    margin-top: 15px;
}

.modal-body a.btn-primary {
    color: #ffffff;
}

.boodschapArea {
    height: 750px;
    overflow-y: scroll;
}

.form-control.ng-invalid, span.ng-invalid {
    background-color: rgba(255, 222, 222, 1);
    border-color: #a94442;
    color: #a94442;
}

.lege-datum {
    background-color: rgba(255, 222, 222, 1) !important;
    border-color: #a94442 !important;
    color: #a94442 !important;
}

h2 {
    /* mag niet groter zijn dan titel in sectieheaders */
    font-size: 14px;
    font-weight: bold;
}

.looncodeKleur {
    line-height: 10px;
    max-height: 10px;
}

.checkFalse {
    color: red;
    font-weight: bold;
}

.checkFalse:before {
    content: "\2717";
}

.checkTrue {
    font-weight: bold;
}

.checkTrue:before {
    content: "\2713";
}

/* looncodes zijn van toepassing op een hele dag
   maar we geven ze wel een tijdstip om ze onder elkaar te zetten in de week- en dagview
   het heeft dus geen enkel nut om de tijd te tonen */
.fc-time {
    display: none;
}

.looncode-groepen {
    width: 450px;
    max-width: 450px;
}

.looncode-groep {
    /*width: 200px;*/
    /*max-width: 200px;*/
    font-size: 11px;
}

.looncode-groep-kleur {
    width: 18px;
    max-width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    margin-top: -5px;
}

.looncode-groep-kleur-selected {
    border: 1px solid #000;
    box-shadow: inset 0 0 0 1px white;
    width: 18px;
    max-width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    margin-top: -5px;
}

.text-left-bold {
    text-align: left;
    font-weight: bold;
}

.menu-error {
    color: #d00 !important;
}

.guni-nav-column {
    min-width: auto;
}

ul.dropdown-menu.yamm-lg {
    width: 950px;
}

#progress-box {
    margin-top: 10px;
}

.guni-nav-column ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    left: 175px;
    margin-top: -25px;
    padding: 0;
    position: absolute;
}

nav[role="navigation"] li li a {
    display: block;
}

.yamm .yamm-content ul ul {
    padding-left: 0;
    padding-right: 0;
}

.guni-nav-column ul li {
    display: block;
    float: none;
    position: relative;
    width: 250px;
    list-style-type: none;
    padding-left: 0;
}

.guni-nav-column li:hover > ul {
    display: block;
}

.nav > li > a {
    padding-left: 13px;
}

.check-alles {
    font-weight: bold;
}

.menu-heading {
    cursor: default;
}

#zoek {
    margin-top: 10px;
}

#genereer-excel {
    margin-top: 10px;
    margin-left: 50px;
}

.subinstructies {
    margin-bottom: 30px;
}

.mededeling-van-instructie {
    margin-top: 20px;
}

#selectieBeschrijving {
    margin-bottom: 10px;
}

.selectieBeschrijving-rij {
    margin-bottom: 0 !important;
}

.selectieBeschrijving-tekst {
    min-height: 0 !important;
}

.isTerugdraaiing {
    background-color: #eee !important;
    font-style: italic;
}

.grid-row-selected {
    background-color: #e3e7f1 !important;
}

.importFoutNietOpgelost {
    color: red;
}

.fieldVerandering {
    color: #ff780a;
}

#kalender-van-een-opdracht .btn {
    margin-left: 5px;
    margin-top: 5px;
}

.open-close-selection {
    margin-bottom: 10px;
}

.filter {
    margin-bottom: 8px;
}

.verwijder-filter {
    width: 40px;
}

.subtle-icon {
    margin-top: 4px;
    color: #aaaaaa;
}

.subtle-icon .click-icon:hover {
    color: #173a8c;
}

.click-icon {
    cursor: pointer;
}

/* panel fixes */
.panel-body .panel-default > .panel-heading {
    border-radius: 0;
    font-weight: bold;
    padding: 8px 15px;
    background-color: #eeeeee;
    background-image: none;
}

.panel-group .panel-default > .panel-heading:hover {
    background-color: #eeeeee;
    background-image: none;
    color: #333;
}

#filter-accordion-div {
    width: 1262px;
}

#filters-panel {
    width: 725px;
    padding-left: 0;
}

#looncode-kleuren-panel {
    width: 505px;
    padding-left: 0;
    padding-right: 0;
}

#looncode-kleuren-panel .panel-body {
    padding-left: 5px;
    padding-right: 5px;
}

.filterType {
    width: 270px;
}

.filterSelectie {
    width: 355px;
}

.filter-icons {
    width: 70px;
}

.klikbareGridcell:hover {
    cursor: pointer;
}

.verberg-tabs .nav-tabs {
    display: none;
}

.input-per-looncode {
    margin-bottom: 0;
    overflow: auto;
    display: block;
    margin-left: 20px;
}

.input-per-looncode td {
    vertical-align: top;
}

.datum-header {
    border: 1px solid #ddd;
    max-width: 120px;
    min-width: 120px;
}

.looncodeDag-header {
    border: 1px solid #ddd;
    background-color: #47445B;
    background-image: linear-gradient(to bottom, #524f6a, #47445B);
    background-repeat: repeat-x;
    height: 25px;
    color: #fff;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
}

.x_y-header {
    border: 1px solid #ddd;
    max-width: 82px;
    min-width: 82px;
}

.opmerking-header {
    border: 1px solid #ddd;
    max-width: 380px;
    min-width: 380px;
}

.fouten-header {
    border: 1px solid #ddd;
    max-width: 55px;
    min-width: 55px;
}

.toevoegen-en-verwijderen-header {
    border: 1px solid #ddd;
    max-width: 50px;
    min-width: 50px;
}

.datum-in-tabel {
    max-width: 120px;
    min-width: 120px;
}

.x-y-in-tabel {
    max-width: 82px;
    min-width: 82px;
}

.opmerking-tabel {
    max-width: 380px;
    min-width: 380px;
}

.fouten {
    max-width: 55px;
    min-width: 55px;
    text-align: center;
    padding-top: 6px;
}

.waarschuwingen {
    max-width: 30px;
    min-width: 30px;
    text-align: center;
    padding-top: 8px;
}

.warning-message ul {
    padding-left: 10px;
}

.errortext {
    #color: #501C1B;
    color: #7A1E1C;
}

.warningtext {
    color: #c22422;
}

.warningfield {
    background-color: #FF9966;
}

.toevoegen-en-verwijderen {
    max-width: 50px;
    min-width: 50px;
}

.vaste-tekst-bij-input {
    padding-top: 8px !important;
}

/* fix specifiek voor Firefox */
@-moz-document url-prefix() {
    .vaste-tekst-bij-input {
        padding-top: 6px !important;
    }
}

.datum-in-tabel, .x-y-in-tabel, .opmerking-tabel, .toevoegen-en-verwijderen {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.ek-static, .ek-static3 {
    margin-bottom: 2px !important;
}

.ek-static .control-label, .ek-static3 .control-label {
    padding-top: 0 !important;
}

.ek-static .form-control-static {
    min-height: 10px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.ek-static3 .form-control-static {
    min-height: 10px !important;
    padding-bottom: 8px !important;
    padding-top: 0 !important;
}

.ek-static2 {
    min-height: 10px !important;
    padding-bottom: 2px !important;
    padding-top: 0 !important;
}

.input-group .guni-form-inline-icon {
    z-index: 10;
    right: 45px;
    top: 1.5px;
    color: #286194;
}

.ek-tabs .nav {
    cursor: inherit;
}

.osn {
    margin-bottom: 4px;
}

div.looncodeHistoriek-modal > div.modal-dialog {
    width: 1200px !important;
}

div.looncodesToevoegenEnBewerken-modal > div.modal-dialog {
    width: 1100px !important;
}

div.opdrachtDetailsDialog-modal > div.modal-dialog {
    width: 1200px !important;
}

div.bewerkLooncodeDialog-modal > div.modal-dialog {
    width: 700px !important;
}

div.bewerkGelijkstellingen-modal > div.modal-dialog {
    width: 700px !important;
}

div.kiesLooncodeEnXwaardeDialog-modal > div.modal-dialog {
    width: 700px !important;
}

div.importTijdsregistratieFoutDialog-modal > div.modal-dialog {
    width: 1000px !important;
}

div.importTijdsregistratieWaarschuwingDialog-modal > div.modal-dialog {
    width: 1000px !important;
}

.form-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

table#infotable {
    width: 100%;
    background-color: white;
    padding: 5px;
    border: 1px solid black;
}

table#infotable tbody:nth-child(even) {
    background: whitesmoke;
}

table#infotable tr .space {
    background: white;
}

table#infotable tbody .groupInfo {
    background: whitesmoke;
}

table#infotable tr:nth-child(even) {
    background: whitesmoke;
}

table#infotable td {
    border: 1px solid black;
    padding: 5px;
}

table#infotable th {
    color: white;
    background: #4A4760;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
}

table#dagHistoriekTable {
    width: 100%;
    background-color: white;
    padding: 5px;
    border: 1px solid black;
}

table#dagHistoriekTable th {
    color: white;
    background: #4A4760;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
}

table#dagHistoriekTable td {
    border: 1px solid black;
    padding: 5px;
}

table#dagHistoriekTable tr:nth-child(even) {
    background: whitesmoke;
}