MediaWiki: Common.css: verschil tussen versies

Uit Wiki HOVUmc
Ga naar: navigatie, zoeken
k
(nieuwe infobox Toetsing (Toetsprogramma))
 
(27 tussenliggende versies door 2 gebruikers niet weergegeven)
Regel 1: Regel 1:
 +
f07814
 
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
 
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
 
td.clickablecell a {
 
td.clickablecell a {
Regel 6: Regel 7:
  
 
span.infobox-titel a {
 
span.infobox-titel a {
color: white;
+
    color: white;
 
}
 
}
 
span.infobox-titel-competentie a {
 
span.infobox-titel-competentie a {
color: #666;
+
    color: #666;
 
}
 
}
  
 
/*  Infobox  */
 
/*  Infobox  */
 
table.infobox {  
 
table.infobox {  
float: right;
+
    float: right;
margin-left: 10px;
+
    margin-left: 10px;
margin-bottom: 15px;
+
    margin-bottom: 15px;
width: 320px;
+
    width: 320px;
 
}
 
}
 
table.infobox.huisarts1 {border: #4ea24e;}
 
table.infobox.huisarts1 {border: #4ea24e;}
Regel 26: Regel 27:
 
table.infobox.regelgeving {border: 1px solid #666;}
 
table.infobox.regelgeving {border: 1px solid #666;}
 
table.infobox.regelgeving-sv {border: 1px solid #666;}
 
table.infobox.regelgeving-sv {border: 1px solid #666;}
 +
table.infobox.praktisch {border: 1px solid #f07814;}
 
table.infobox.leerlijn-kort {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-kort {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-spoed {border: 1px solid ForestGreen;}
 
table.infobox.leerlijn-spoed {border: 1px solid ForestGreen;}
Regel 32: Regel 34:
 
table.infobox.leerlijn-kind {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-kind {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-psych {border: 1px solid Crimson;}
 
table.infobox.leerlijn-psych {border: 1px solid Crimson;}
table.infobox.leerlijn-solk {border: 1px solid OrangeRed;}
+
table.infobox.leerlijn-alk {border: 1px solid OrangeRed;}
 
table.infobox.leerlijn-pall {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-pall {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-preventie {border: 1px solid Gold;}
 
table.infobox.leerlijn-preventie {border: 1px solid Gold;}
Regel 42: Regel 44:
 
table.infobox.leerlijn-ethiek {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-ethiek {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult {border: 1px solid #a2a9b1;}
+
table.infobox.leerlijn-diversiteit {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-seksualiteit {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-innovatie {border: 1px solid #a2a9b1;}
 +
table.infobox.opleiders {border: 1px solid Indigo;}
 +
table.infobox.toetsing {border: #003741;}
  
 
table.infobox.huisarts1.box {width: 100%;}
 
table.infobox.huisarts1.box {width: 100%;}
Regel 51: Regel 57:
 
table.infobox.regelgeving.box {width: 100%;}
 
table.infobox.regelgeving.box {width: 100%;}
 
table.infobox.regelgeving-sv.box {width: 100%;}
 
table.infobox.regelgeving-sv.box {width: 100%;}
 +
table.infobox.praktisch.box {width: 100%;}
 
table.infobox.leerlijn-kort.box {width: 100%;}
 
table.infobox.leerlijn-kort.box {width: 100%;}
 
table.infobox.leerlijn-spoed.box {width: 100%;}
 
table.infobox.leerlijn-spoed.box {width: 100%;}
Regel 57: Regel 64:
 
table.infobox.leerlijn-kind.box {width: 100%;}
 
table.infobox.leerlijn-kind.box {width: 100%;}
 
table.infobox.leerlijn-psych.box {width: 100%;}
 
table.infobox.leerlijn-psych.box {width: 100%;}
table.infobox.leerlijn-solk.box {width: 100%;}
+
table.infobox.leerlijn-alk.box {width: 100%;}
 
table.infobox.leerlijn-pall.box {width: 100%;}
 
table.infobox.leerlijn-pall.box {width: 100%;}
 
table.infobox.leerlijn-preventie.box {width: 100%;}
 
table.infobox.leerlijn-preventie.box {width: 100%;}
Regel 67: Regel 74:
 
table.infobox.leerlijn-ethiek.box {width: 100%;}
 
table.infobox.leerlijn-ethiek.box {width: 100%;}
 
table.infobox.leerlijn-prof.box {width: 100%;}
 
table.infobox.leerlijn-prof.box {width: 100%;}
table.infobox.leerlijn-intercult.box {width: 100%;}
+
table.infobox.leerlijn-diversiteit.box {width: 100%;}
 +
table.infobox.leerlijn-seksualiteit.box {width: 100%;}
 +
table.infobox.leerlijn-innovatie.box {width: 100%;}
 +
table.infobox.opleiders.box {width: 100%;}
 +
table.infobox.toetsing.box {width: 100%;}
  
 
table.infobox th {
 
table.infobox th {
padding:10px 5px 10px 5px;
+
    padding:10px 5px 10px 5px;
text-align:center;  
+
    text-align:center;  
color: white;
+
    color: white;
font-size: 150%;
+
    font-size: 150%;
 
}
 
}
 
table.infobox.huisarts1 th {background-color: #4ea24e;}
 
table.infobox.huisarts1 th {background-color: #4ea24e;}
Regel 82: Regel 93:
 
table.infobox.regelgeving th {background-color: #666;}
 
table.infobox.regelgeving th {background-color: #666;}
 
table.infobox.regelgeving-sv th {background-color: #666;}
 
table.infobox.regelgeving-sv th {background-color: #666;}
 +
table.infobox.praktisch th {background-color: #f07814;}
 
table.infobox.leerlijn-kort th {background-color: YellowGreen;}
 
table.infobox.leerlijn-kort th {background-color: YellowGreen;}
 
table.infobox.leerlijn-spoed th {background-color: ForestGreen;}
 
table.infobox.leerlijn-spoed th {background-color: ForestGreen;}
Regel 88: Regel 100:
 
table.infobox.leerlijn-kind th {background-color: DarkMagenta;}
 
table.infobox.leerlijn-kind th {background-color: DarkMagenta;}
 
table.infobox.leerlijn-psych th {background-color: Crimson;}
 
table.infobox.leerlijn-psych th {background-color: Crimson;}
table.infobox.leerlijn-solk th {background-color: OrangeRed;}
+
table.infobox.leerlijn-alk th {background-color: OrangeRed;}
 
table.infobox.leerlijn-pall th {background-color: DarkOrange;}
 
table.infobox.leerlijn-pall th {background-color: DarkOrange;}
 
table.infobox.leerlijn-preventie th {background-color: Gold;}
 
table.infobox.leerlijn-preventie th {background-color: Gold;}
Regel 98: Regel 110:
 
table.infobox.leerlijn-ethiek th {background-color: Honeydew; color: #666;}
 
table.infobox.leerlijn-ethiek th {background-color: Honeydew; color: #666;}
 
table.infobox.leerlijn-prof th {background-color: LavenderBlush; color: #666;}
 
table.infobox.leerlijn-prof th {background-color: LavenderBlush; color: #666;}
table.infobox.leerlijn-intercult th {background-color: WhiteSmoke; color: #666;}
+
table.infobox.leerlijn-diversiteit th {background-color: BlanchedAlmond; color: #666;}
 +
table.infobox.leerlijn-seksualiteit th {background-color: MistyRose; color: #666;}
 +
table.infobox.leerlijn-innovatie th {background-color: LemonChiffon; color: #666;}
 +
table.infobox.opleiders th {background-color: Indigo;}
 +
table.infobox.toetsing th {background-color: #003741;}
 +
 
  
 
table.infobox tr {
 
table.infobox tr {
border: 1px solid;
+
    border: 1px solid;
font-size: 100%;
+
    font-size: 100%;
 
}
 
}
 
table.infobox.huisarts1 tr {border: 1px solid #4ea24e;}
 
table.infobox.huisarts1 tr {border: 1px solid #4ea24e;}
Regel 111: Regel 128:
 
table.infobox.regelgeving tr {border: 1px solid #666;}
 
table.infobox.regelgeving tr {border: 1px solid #666;}
 
table.infobox.regelgeving-sv tr {border: 1px solid #666;}
 
table.infobox.regelgeving-sv tr {border: 1px solid #666;}
 +
table.infobox.praktisch tr {border: 1px solid #f07814;}
 
table.infobox.leerlijn-kort tr {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-kort tr {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-spoed tr {border: 1px solid ForestGreen;}
 
table.infobox.leerlijn-spoed tr {border: 1px solid ForestGreen;}
Regel 117: Regel 135:
 
table.infobox.leerlijn-kind tr {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-kind tr {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-psych tr {border: 1px solid Crimson;}
 
table.infobox.leerlijn-psych tr {border: 1px solid Crimson;}
table.infobox.leerlijn-solk tr {border: 1px solid OrangeRed;}
+
table.infobox.leerlijn-alk tr {border: 1px solid OrangeRed;}
 
table.infobox.leerlijn-pall tr {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-pall tr {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-preventie tr {border: 1px solid Gold;}
 
table.infobox.leerlijn-preventie tr {border: 1px solid Gold;}
Regel 127: Regel 145:
 
table.infobox.leerlijn-ethiek tr {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-ethiek tr {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof tr {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult tr {border: 1px solid #a2a9b1;}
+
table.infobox.leerlijn-diversiteit tr {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-seksualiteit tr {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-innovatie tr {border: 1px solid #a2a9b1;}
 +
table.infobox.opleiders tr {border: 1px solid Indigo;}
 +
table.infobox.toetsing tr {border: 1px solid #003741;}
  
 
table.infobox td {
 
table.infobox td {
padding: 5px 5px 0px 5px;
+
    padding: 5px 5px 0px 5px;
vertical-align: top;
+
    vertical-align: top;
font-size: 100%;
+
    font-size: 100%;
 
}
 
}
 
table.infobox.huisarts1.cel td {border: 1px solid #4ea24e;}
 
table.infobox.huisarts1.cel td {border: 1px solid #4ea24e;}
Regel 141: Regel 163:
 
table.infobox.regelgeving.cel td {border: 1px solid #666;}
 
table.infobox.regelgeving.cel td {border: 1px solid #666;}
 
table.infobox.regelgeving-sv.cel td {border: 1px solid #666;}
 
table.infobox.regelgeving-sv.cel td {border: 1px solid #666;}
 +
table.infobox.praktisch.cel td {border: 1px solid #f07814;}
 
table.infobox.leerlijn-kort.cel td {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-kort.cel td {border: 1px solid YellowGreen;}
 
table.infobox.leerlijn-spoed.cel td {border: 1px solid ForestGreen;}
 
table.infobox.leerlijn-spoed.cel td {border: 1px solid ForestGreen;}
Regel 147: Regel 170:
 
table.infobox.leerlijn-kind.cel td {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-kind.cel td {border: 1px solid DarkMagenta;}
 
table.infobox.leerlijn-psych.cel td {border: 1px solid Crimson;}
 
table.infobox.leerlijn-psych.cel td {border: 1px solid Crimson;}
table.infobox.leerlijn-solk.cel td {border: 1px solid OrangeRed;}
+
table.infobox.leerlijn-alk.cel td {border: 1px solid OrangeRed;}
 
table.infobox.leerlijn-pall.cel td {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-pall.cel td {border: 1px solid DarkOrange;}
 
table.infobox.leerlijn-preventie.cel td {border: 1px solid Gold;}
 
table.infobox.leerlijn-preventie.cel td {border: 1px solid Gold;}
Regel 157: Regel 180:
 
table.infobox.leerlijn-ethiek.cel td {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-ethiek.cel td {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof.cel td {border: 1px solid #a2a9b1;}
 
table.infobox.leerlijn-prof.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult.cel td {border: 1px solid #a2a9b1;}
+
table.infobox.leerlijn-diversiteit.cel td {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-seksualiteit.cel td {border: 1px solid #a2a9b1;}
 +
table.infobox.leerlijn-innovatie.cel td {border: 1px solid #a2a9b1;}
 +
table.infobox.opleiders.cel td {border: 1px solid Indigo;}
 +
table.infobox.toetsing.cel td {border: 1px solid #0003741;}
  
table.infobox.klein th {
+
table.infobox.desktop th {
padding:10px 5px 10px 5px;
+
    padding-top:10px
text-align:center;  
+
    padding-right:20px
color: white;
+
    padding-bottom:10px
font-size: 100%;
+
    padding-left:20px
 +
    text-align:center;  
 +
    color: white;
 +
    font-size: 100%;
 
}
 
}
  
 
@media only screen and (max-width: 600px) {
 
@media only screen and (max-width: 600px) {
table.infobox {
+
    table.infobox {
width: 100% !important;
+
    width: 100% !important;
margin-left: 0px !important;
+
    margin-left: 0px !important;
float: none;
+
    float: none;
 
     }
 
     }
 
}
 
}
  
 
@media only screen and (max-width: 600px) {
 
@media only screen and (max-width: 600px) {
#klein-niet {  
+
    #desktop {  
display: none;  
+
    display: none;  
 
     }
 
     }
 
}
 
}
  
 
@media only screen and (min-width: 601px) {
 
@media only screen and (min-width: 601px) {
#klein-niet {  
+
    #desktop {  
display: block;
+
    display: block;
width: 100% important!;  
+
    width: 100% important!;  
 
     }
 
     }
 
}
 
}
  
 
@media only screen and (max-width: 600px) {
 
@media only screen and (max-width: 600px) {
#klein-wel {  
+
    #mobiel {
display: block;
+
    display: block;
width: 100% important!;
+
    width: 100% important!;
 +
    }
 +
}
 +
 
 +
@media only screen and (min-width: 600px) {
 +
    #mobiel {
 +
    display: none;  
 +
    width: 100% important!;
 +
    }
 +
}
 +
 
 +
.modal-dialog{text-align:center;}
 +
.modal-content{display:inline-block;}
 +
 
 +
.timeline {
 +
    list-style: none;
 +
    padding: 20px 0 20px;
 +
    position: relative;
 +
}
 +
 
 +
    .timeline:before {
 +
        top: 0;
 +
        bottom: 0;
 +
        position: absolute;
 +
        content: " ";
 +
        width: 3px;
 +
        background-color: #eeeeee;
 +
        left: 50%;
 +
        margin-left: -1.5px;
 
     }
 
     }
 +
 +
    .timeline > li {
 +
        margin-bottom: 20px;
 +
        position: relative;
 +
    }
 +
 +
        .timeline > li:before,
 +
        .timeline > li:after {
 +
            content: " ";
 +
            display: table;
 +
        }
 +
 +
        .timeline > li:after {
 +
            clear: both;
 +
        }
 +
 +
        .timeline > li:before,
 +
        .timeline > li:after {
 +
            content: " ";
 +
            display: table;
 +
        }
 +
 +
        .timeline > li:after {
 +
            clear: both;
 +
        }
 +
 +
        .timeline > li > .timeline-panel {
 +
            width: 46%;
 +
            float: left;
 +
            border: 1px solid #d4d4d4;
 +
            border-radius: 2px;
 +
            padding: 20px;
 +
            position: relative;
 +
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
 +
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
 +
        }
 +
 +
            .timeline > li > .timeline-panel:before {
 +
                position: absolute;
 +
                top: 26px;
 +
                right: -15px;
 +
                display: inline-block;
 +
                border-top: 15px solid transparent;
 +
                border-left: 15px solid #ccc;
 +
                border-right: 0 solid #ccc;
 +
                border-bottom: 15px solid transparent;
 +
                content: " ";
 +
            }
 +
 +
            .timeline > li > .timeline-panel:after {
 +
                position: absolute;
 +
                top: 27px;
 +
                right: -14px;
 +
                display: inline-block;
 +
                border-top: 14px solid transparent;
 +
                border-left: 14px solid #fff;
 +
                border-right: 0 solid #fff;
 +
                border-bottom: 14px solid transparent;
 +
                content: " ";
 +
            }
 +
 +
        .timeline > li > .timeline-badge {
 +
            color: #fff;
 +
            width: 50px;
 +
            height: 50px;
 +
            line-height: 50px;
 +
            font-size: 1.4em;
 +
            text-align: center;
 +
            position: absolute;
 +
            top: 16px;
 +
            left: 50%;
 +
            margin-left: -25px;
 +
            background-color: #999999;
 +
            z-index: 100;
 +
            border-top-right-radius: 50%;
 +
            border-top-left-radius: 50%;
 +
            border-bottom-right-radius: 50%;
 +
            border-bottom-left-radius: 50%;
 +
        }
 +
 +
        .timeline > li.timeline-inverted > .timeline-panel {
 +
            float: right;
 +
        }
 +
 +
            .timeline > li.timeline-inverted > .timeline-panel:before {
 +
                border-left-width: 0;
 +
                border-right-width: 15px;
 +
                left: -15px;
 +
                right: auto;
 +
            }
 +
 +
            .timeline > li.timeline-inverted > .timeline-panel:after {
 +
                border-left-width: 0;
 +
                border-right-width: 14px;
 +
                left: -14px;
 +
                right: auto;
 +
            }
 +
 +
.timeline-badge.primary {
 +
    background-color: #2e6da4 !important;
 +
}
 +
 +
.timeline-badge.success {
 +
    background-color: #3f903f !important;
 +
}
 +
 +
.timeline-badge.warning {
 +
    background-color: #f0ad4e !important;
 +
}
 +
 +
.timeline-badge.danger {
 +
    background-color: #d9534f !important;
 +
}
 +
 +
.timeline-badge.info {
 +
    background-color: #5bc0de !important;
 +
}
 +
 +
.timeline-title {
 +
    margin-top: 0;
 +
    color: inherit;
 +
}
 +
 +
.timeline-body > p,
 +
.timeline-body > ul {
 +
    margin-bottom: 0;
 
}
 
}
  
@media only screen and (min-width: 601px) {
+
    .timeline-body > p + p {
#klein-wel {  
+
        margin-top: 5px;
display: none;  
+
    }
 +
 
 +
@media (max-width: 767px) {
 +
    ul.timeline:before {
 +
        left: 40px;
 +
    }
 +
 
 +
    ul.timeline > li > .timeline-panel {
 +
        width: calc(100% - 90px);
 +
        width: -moz-calc(100% - 90px);
 +
        width: -webkit-calc(100% - 90px);
 +
    }
 +
 
 +
    ul.timeline > li > .timeline-badge {
 +
        left: 15px;
 +
        margin-left: 0;
 +
        top: 16px;
 +
    }
 +
 
 +
    ul.timeline > li > .timeline-panel {
 +
        float: right;
 
     }
 
     }
 +
 +
        ul.timeline > li > .timeline-panel:before {
 +
            border-left-width: 0;
 +
            border-right-width: 15px;
 +
            left: -15px;
 +
            right: auto;
 +
        }
 +
 +
        ul.timeline > li > .timeline-panel:after {
 +
            border-left-width: 0;
 +
            border-right-width: 14px;
 +
            left: -14px;
 +
            right: auto;
 +
        }
 +
}
 +
 +
.panel-heading a:after {
 +
    font-family:'Glyphicons Halflings';
 +
    content:"\e114";
 +
    float: right;
 +
    color: grey;
 +
}
 +
.panel-heading a.collapsed:after {
 +
    content:"\e080";
 +
}
 +
 +
/* Images should be responsive */
 +
img {
 +
    max-width:100%;
 +
    height:auto;
 
}
 
}

Huidige versie van 4 aug 2022 om 12:10

f07814
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
td.clickablecell a {
    display: block;
    width: 100%;
}

span.infobox-titel a {
    color: white;
}
span.infobox-titel-competentie a {
    color: #666;
}

/*  Infobox  */
table.infobox { 
    float: right;
    margin-left: 10px;
    margin-bottom: 15px;
    width: 320px;
}
table.infobox.huisarts1 {border: #4ea24e;}
table.infobox.klin {border: 1px solid #228b22;}
table.infobox.cz {border: 1px solid #4aa6ff;}
table.infobox.ggz {border: 1px solid #1c86ee;}
table.infobox.huisarts2 {border: 1px solid #1874cd;}
table.infobox.regelgeving {border: 1px solid #666;}
table.infobox.regelgeving-sv {border: 1px solid #666;}
table.infobox.praktisch {border: 1px solid #f07814;}
table.infobox.leerlijn-kort {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych {border: 1px solid Crimson;}
table.infobox.leerlijn-alk {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-diversiteit {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-seksualiteit {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-innovatie {border: 1px solid #a2a9b1;}
table.infobox.opleiders {border: 1px solid Indigo;}
table.infobox.toetsing {border: #003741;}

table.infobox.huisarts1.box {width: 100%;}
table.infobox.klin.box {width: 100%;}
table.infobox.cz.box {width: 100%;}
table.infobox.ggz.box {width: 100%;}
table.infobox.huisarts2.box {width: 100%;}
table.infobox.regelgeving.box {width: 100%;}
table.infobox.regelgeving-sv.box {width: 100%;}
table.infobox.praktisch.box {width: 100%;}
table.infobox.leerlijn-kort.box {width: 100%;}
table.infobox.leerlijn-spoed.box {width: 100%;}
table.infobox.leerlijn-chron.box {width: 100%;}
table.infobox.leerlijn-ouderen.box {width: 100%;}
table.infobox.leerlijn-kind.box {width: 100%;}
table.infobox.leerlijn-psych.box {width: 100%;}
table.infobox.leerlijn-alk.box {width: 100%;}
table.infobox.leerlijn-pall.box {width: 100%;}
table.infobox.leerlijn-preventie.box {width: 100%;}
table.infobox.leerlijn-praktijk.box {width: 100%;}
table.infobox.leerlijn-medisch.box {width: 100%;}
table.infobox.leerlijn-communicatie.box {width: 100%;}
table.infobox.leerlijn-maatschappelijk.box {width: 100%;}
table.infobox.leerlijn-wetenschap.box {width: 100%;}
table.infobox.leerlijn-ethiek.box {width: 100%;}
table.infobox.leerlijn-prof.box {width: 100%;}
table.infobox.leerlijn-diversiteit.box {width: 100%;}
table.infobox.leerlijn-seksualiteit.box {width: 100%;}
table.infobox.leerlijn-innovatie.box {width: 100%;}
table.infobox.opleiders.box {width: 100%;}
table.infobox.toetsing.box {width: 100%;}

table.infobox th {
    padding:10px 5px 10px 5px;
    text-align:center; 
    color: white;
    font-size: 150%;
}
table.infobox.huisarts1 th {background-color: #4ea24e;}
table.infobox.klin th {background-color: #228b22;}
table.infobox.cz th {background-color: #4aa6ff;}
table.infobox.ggz th {background-color: #1c86ee;}
table.infobox.huisarts2 th {background-color: #1874cd;}
table.infobox.regelgeving th {background-color: #666;}
table.infobox.regelgeving-sv th {background-color: #666;}
table.infobox.praktisch th {background-color: #f07814;}
table.infobox.leerlijn-kort th {background-color: YellowGreen;}
table.infobox.leerlijn-spoed th {background-color: ForestGreen;}
table.infobox.leerlijn-chron th {background-color: LightSeaGreen;}
table.infobox.leerlijn-ouderen th {background-color: DodgerBlue;}
table.infobox.leerlijn-kind th {background-color: DarkMagenta;}
table.infobox.leerlijn-psych th {background-color: Crimson;}
table.infobox.leerlijn-alk th {background-color: OrangeRed;}
table.infobox.leerlijn-pall th {background-color: DarkOrange;}
table.infobox.leerlijn-preventie th {background-color: Gold;}
table.infobox.leerlijn-praktijk th {background-color: LightSlateGray;}
table.infobox.leerlijn-medisch th {background-color: Beige; color: #666;}
table.infobox.leerlijn-communicatie th {background-color: Seashell; color: #666;}
table.infobox.leerlijn-maatschappelijk th {background-color: Honeydew; color: #666;}
table.infobox.leerlijn-wetenschap th {background-color: AliceBlue; color: #666;}
table.infobox.leerlijn-ethiek th {background-color: Honeydew; color: #666;}
table.infobox.leerlijn-prof th {background-color: LavenderBlush; color: #666;}
table.infobox.leerlijn-diversiteit th {background-color: BlanchedAlmond; color: #666;}
table.infobox.leerlijn-seksualiteit th {background-color: MistyRose; color: #666;}
table.infobox.leerlijn-innovatie th {background-color: LemonChiffon; color: #666;}
table.infobox.opleiders th {background-color: Indigo;}
table.infobox.toetsing th {background-color: #003741;}


table.infobox tr {
    border: 1px solid;
    font-size: 100%;
}
table.infobox.huisarts1 tr {border: 1px solid #4ea24e;}
table.infobox.klin tr {border: 1px solid #228b22;}
table.infobox.cz tr {border: 1px solid #4aa6ff;}
table.infobox.ggz tr {border: 1px solid #1c86ee;}
table.infobox.huisarts2 tr {border: 1px solid #1874cd;}
table.infobox.regelgeving tr {border: 1px solid #666;}
table.infobox.regelgeving-sv tr {border: 1px solid #666;}
table.infobox.praktisch tr {border: 1px solid #f07814;}
table.infobox.leerlijn-kort tr {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed tr {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron tr {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen tr {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind tr {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych tr {border: 1px solid Crimson;}
table.infobox.leerlijn-alk tr {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall tr {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie tr {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk tr {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-diversiteit tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-seksualiteit tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-innovatie tr {border: 1px solid #a2a9b1;}
table.infobox.opleiders tr {border: 1px solid Indigo;}
table.infobox.toetsing tr {border: 1px solid #003741;}

table.infobox td {
    padding: 5px 5px 0px 5px;
    vertical-align: top;
    font-size: 100%;
}
table.infobox.huisarts1.cel td {border: 1px solid #4ea24e;}
table.infobox.klin.cel td {border: 1px solid #228b22;}
table.infobox.cz.cel td {border: 1px solid #4aa6ff;}
table.infobox.ggz.cel td {border: 1px solid #1c86ee;}
table.infobox.huisarts2.cel td {border: 1px solid #1874cd;}
table.infobox.regelgeving.cel td {border: 1px solid #666;}
table.infobox.regelgeving-sv.cel td {border: 1px solid #666;}
table.infobox.praktisch.cel td {border: 1px solid #f07814;}
table.infobox.leerlijn-kort.cel td {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed.cel td {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron.cel td {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen.cel td {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind.cel td {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych.cel td {border: 1px solid Crimson;}
table.infobox.leerlijn-alk.cel td {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall.cel td {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie.cel td {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk.cel td {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-diversiteit.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-seksualiteit.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-innovatie.cel td {border: 1px solid #a2a9b1;}
table.infobox.opleiders.cel td {border: 1px solid Indigo;}
table.infobox.toetsing.cel td {border: 1px solid #0003741;}

table.infobox.desktop th {
    padding-top:10px
    padding-right:20px
    padding-bottom:10px
    padding-left:20px
    text-align:center; 
    color: white;
    font-size: 100%;
}

@media only screen and (max-width: 600px) {
    table.infobox {
    width: 100% !important;
    margin-left: 0px !important;
    float: none;
    }
}

@media only screen and (max-width: 600px) {
    #desktop { 
    display: none; 
    }
}

@media only screen and (min-width: 601px) {
    #desktop { 
    display: block;
    width: 100% important!; 
    }
}

@media only screen and (max-width: 600px) {
    #mobiel { 
    display: block;
    width: 100% important!;
    }
}

@media only screen and (min-width: 600px) {
    #mobiel { 
    display: none; 
    width: 100% important!;
    }
}

.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}

/* Images should be responsive */
img {
    max-width:100%;
    height:auto;
}