1246 lines
28 KiB
CSS
1246 lines
28 KiB
CSS
/* MAIN CSS */
|
|
/* roze #6F0B3D */
|
|
/* heel licht roze fefbfd */
|
|
/*lichtblauw 30ACF0 */
|
|
/* heel licht blauw #fbfdff */
|
|
|
|
/* selected #6F0B3D
|
|
hover #de66a3
|
|
basis #f2f2f2
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'lato';
|
|
src: url('/fonts/latolatin-regular-webfont.eot');
|
|
src: url('/fonts/latolatin-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/latolatin-regular-webfont.woff2') format('woff2'),
|
|
url('/fonts/latolatin-regular-webfont.woff') format('woff'),
|
|
url('/fonts/latolatin-regular-webfont.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
@font-face {
|
|
font-family: 'lato_bold';
|
|
src: url('/fonts/latolatin-bold-webfont.eot');
|
|
src: url('/fonts/latolatin-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/latolatin-bold-webfont.woff2') format('woff2'),
|
|
url('/fonts/latolatin-bold-webfont.woff') format('woff'),
|
|
url('/fonts/latolatin-bold-webfont.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
@font-face {
|
|
font-family: 'lato_italic';
|
|
src: url('/fonts/latolatin-italic-webfont.eot');
|
|
src: url('/fonts/latolatin-italic-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/latolatin-italic-webfont.woff2') format('woff2'),
|
|
url('/fonts/latolatin-italic-webfont.woff') format('woff'),
|
|
url('/fonts/latolatin-italic-webfont.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
.appriseOuter{
|
|
border: 1px solid #003469
|
|
}
|
|
|
|
body {
|
|
font-family: 'lato',sans-serif, verdana;
|
|
font-size: 16px;
|
|
}
|
|
i {
|
|
font-family:'lato_italic';
|
|
}
|
|
a, a:focus, a:hover {
|
|
color: #003469 ;//#A28A29;
|
|
text-decoration:none;
|
|
}
|
|
a:hover{
|
|
text-decoration: underline;
|
|
}
|
|
a.email:before {
|
|
font-size: 2.5em;
|
|
font-weight: normal;
|
|
margin: -0.5em -0.2em 0 0;
|
|
padding: 0 0.4em;
|
|
text-align: center;
|
|
width: 1em;
|
|
}
|
|
.blokheader{
|
|
border-radius:3px;
|
|
text-transform:uppercase;
|
|
background-color:#968026;
|
|
width:99%;
|
|
height:20px;
|
|
text-align:center;
|
|
margin-left:0.5%;
|
|
color:#ffffff;
|
|
padding-top: 5px;
|
|
margin-top:2px;
|
|
}
|
|
.bloksubheader{
|
|
float:left;
|
|
font-size:0.8em;
|
|
border-radius: 2px;
|
|
height:20px;
|
|
text-align: center;
|
|
|
|
padding-top:5px;
|
|
margin-top:2px;
|
|
}
|
|
.holder{
|
|
margin : 3px;
|
|
}
|
|
.holder:hover {border-bottom:2px solid #6F0B3D;}
|
|
.holder.selected{
|
|
border-bottom:2px solid #6F0B3D;
|
|
|
|
}
|
|
.holder.selected.triangle{
|
|
border-bottom: 5px solid #6F0B3D;
|
|
}
|
|
|
|
li.selected{
|
|
color: #440725 ;
|
|
}
|
|
li.selected:hover{
|
|
color: #930f50;
|
|
}
|
|
li.clickable:hover{
|
|
/*background-color: #*/
|
|
}
|
|
|
|
.nav > li > a, .navbar-nav > li > a{
|
|
padding-bottom:5px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
button{
|
|
height: 1.8em;
|
|
border:1px solid #a07b8e;
|
|
background-color: #ffffff;
|
|
border-radius: 3px;
|
|
box-shadow: 1px 1px 2px #6F0B3D;
|
|
}
|
|
button:disabled{
|
|
background-color:#ebebeb;
|
|
}
|
|
|
|
.closebutton, .openbutton.closebutton{
|
|
background-image: url("/css/images/downarrow.png");
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 12px 12px;
|
|
background-position:center;
|
|
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
button.delete{
|
|
background-image: url('/css/images/trash.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 20px;
|
|
background-position:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
.printer{
|
|
background-image: url('/css/images/print.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 20px;
|
|
background-position:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
.check{
|
|
background-image: url('/css/images/check.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 12px 12px;
|
|
background-position:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
.mainpagina{
|
|
display:none;
|
|
}
|
|
.noshow{
|
|
width:20px;
|
|
height: 20px;
|
|
border: none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
.noshowklein{
|
|
width:15px;
|
|
height: 15px;
|
|
border: none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
.delete {
|
|
background-image: url('/css/images/trash.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 20px;
|
|
background-position:center;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
.editbutton {
|
|
background-image: url("/css/images/edit2.png");
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 16px;
|
|
background-position:center;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
.fadable{
|
|
display:none;
|
|
}
|
|
.clickable{
|
|
cursor: pointer;
|
|
}
|
|
.clickable.header{
|
|
width: 100%;
|
|
font-size:0.8em;
|
|
background-color:#930f50;
|
|
color:#ffffff;
|
|
padding:5px;
|
|
text-align:center;
|
|
}
|
|
.clickable:hover{
|
|
background-color:#daaec4;
|
|
}
|
|
hr {
|
|
color: #003469;
|
|
}
|
|
.info{
|
|
background-image: url('/css/images/info.png');
|
|
background-size: 8px 15px;
|
|
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border:none;
|
|
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
input{
|
|
border: 1px solid #a07b8e;
|
|
font-size: 0.9em;
|
|
border-radius: 3px;
|
|
font-family: sans-serif, verdana;
|
|
padding-left: 3px;
|
|
padding-top:2px;
|
|
padding-bottom:2px;
|
|
}
|
|
input:disabled{
|
|
background-color:#f1f1f1;
|
|
}
|
|
.kleinlabel{
|
|
color:#ffffff;
|
|
font-size:0.8em;
|
|
text-align:center;
|
|
margin-top: 49%;
|
|
}
|
|
.klikbaar{
|
|
cursor: pointer;
|
|
}
|
|
.kwalholder{
|
|
display:none;
|
|
}
|
|
.menukolom{
|
|
float:left;
|
|
width: 200px;
|
|
height:595px;
|
|
border-right: 1px solid #6E590E;
|
|
}
|
|
.menuitem{
|
|
padding-top:10px;
|
|
margin-right: 15px;
|
|
color: #440725 ;
|
|
}
|
|
.modal-header{
|
|
background-color:#6F0B3D;
|
|
color: #f1f4f7;
|
|
}
|
|
.modal-dialog.large{
|
|
width: 90%;
|
|
}
|
|
|
|
|
|
.openbutton{
|
|
background-image: url("/css/images/rightarrow.png");
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 12px 12px;
|
|
background-position:center;
|
|
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
p {
|
|
padding:0px;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
}
|
|
.pagholder{
|
|
display:none;
|
|
float:left;
|
|
padding: 5px;
|
|
}
|
|
.plus{
|
|
background-image: url('/css/images/pls.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
background-position:center;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
.smalltext {
|
|
font-size:.8em;
|
|
}
|
|
.submenuitem2{
|
|
float:left;
|
|
position:relative;
|
|
margin-right:20px;
|
|
margin-left: 0px;
|
|
|
|
padding:12px 30px 12px 30px;
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
.submenuitem2.selected{
|
|
background-color: #6F0B3D;
|
|
color:#ffffff;
|
|
border: 1px solid #6F0B3D;
|
|
}
|
|
|
|
.submenuitem2:hover{
|
|
border: 1px solid #6F0B3D;
|
|
}
|
|
.subtriangle{
|
|
position:absolute;
|
|
top: 90%;
|
|
left: 45%;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid transparent;
|
|
}
|
|
.subtriangle.selected{
|
|
border-bottom: 7px solid #ffffff ;
|
|
}
|
|
|
|
.submenubutton{
|
|
height: 50px;
|
|
width:85%;
|
|
margin-left: 10px;
|
|
margin-top: 10px;
|
|
border:1px solid #6E590E;
|
|
font-size: .9em;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
cursor:pointer
|
|
}
|
|
.submenubutton:hover{
|
|
background-color:#968026;
|
|
color:#ffffff;
|
|
}
|
|
.submenubutton.selected{
|
|
background-color: #A28A29 ;
|
|
color: #ffffff ;
|
|
}
|
|
.submenubutton.selected:hover{
|
|
background-color: #6E590E;
|
|
}
|
|
table, .lstable {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
table-layout:fixed;
|
|
}
|
|
td {
|
|
padding: 1px 3px;
|
|
}
|
|
.tdlabel{
|
|
text-align:right;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
|
|
th{
|
|
border-bottom:1px solid #a07b8e;
|
|
background-color: #ded0d7;
|
|
font-weight: 400;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
th.small{
|
|
font-size: 0.9em;
|
|
}
|
|
th.header2{
|
|
border-bottom:1px solid #a07b8e;
|
|
background-color: #e7e2e5;
|
|
font-weight: 400;
|
|
}
|
|
tr.allborders, td.allborders{
|
|
border:1px solid #ebebeb;
|
|
}
|
|
td.limit{
|
|
width:100%;
|
|
overflow-x: hidden;
|
|
}
|
|
.fixedH{
|
|
height: 45px;
|
|
}
|
|
tr.selected, td.selected{
|
|
background-color: #A28A29;
|
|
color:#ffffff;
|
|
}
|
|
.keuzeholder{
|
|
margin-top:30px;
|
|
margin-left: -10px;
|
|
}
|
|
.keuzecirkel{
|
|
position:relative;
|
|
float:left;
|
|
width:180px ; /* 220px;*/
|
|
height:180px; /*220px;*/
|
|
border-radius: 180px; /*220px;*/
|
|
border: 1px solid #930f50 ;
|
|
font-size: 17px; /*20px;*/
|
|
padding-top:3.4em; /*4em;*/
|
|
background-color:#fefdfd;
|
|
text-align:center;
|
|
}
|
|
|
|
.keuzecirkel span{
|
|
display:block;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.openSluitButton{
|
|
position: absolute;
|
|
display: block;
|
|
left:50%;
|
|
margin-left:-20px;
|
|
top: 120px;
|
|
width:40px ; /* 220px;*/
|
|
height:40px; /*220px;*/
|
|
border-radius: 50%; /*220px;*/
|
|
background-color: transparent;
|
|
border: 1px solid #de167b ;
|
|
|
|
text-align:center;
|
|
padding-left:5px;
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
color: #de167b;
|
|
|
|
}
|
|
|
|
.openBerichtButton{
|
|
width:20px ; /* 220px;*/
|
|
height:20px; /*220px;*/
|
|
border-radius: 50%; /*220px;*/
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #de167b;
|
|
|
|
}
|
|
|
|
.sluitButton{
|
|
width:20px ; /* 220px;*/
|
|
height:20px; /*220px;*/
|
|
border-radius: 20px;
|
|
background-color: transparent;
|
|
border: 1px solid #de167b ;
|
|
padding-left: 4px;
|
|
padding-top: 4px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
color: #de167b;
|
|
|
|
}
|
|
.popUp{
|
|
width: 600px;
|
|
height: 600px;
|
|
border-radius: 700px;
|
|
text-align: center;
|
|
padding-top:3.4em;
|
|
|
|
}
|
|
|
|
.keuzecirkel2{
|
|
float:left;
|
|
width:180px ; /* 220px;*/
|
|
height:180px; /*220px;*/
|
|
border-radius: 180px; /*220px;*/
|
|
border: 5px solid lightsteelblue;
|
|
font-size: 17px; /*20px;*/
|
|
padding-top:3.8em; /*4em;*/
|
|
background-color:#fefdfd;
|
|
text-align:center;
|
|
}
|
|
|
|
.keuzecirkel2 span{
|
|
display:block;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.fnaarmodule-button{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
left:0;
|
|
bottom: 60px;
|
|
/*background-color:yellow;*/
|
|
opacity:.5
|
|
|
|
}
|
|
|
|
.verbinding{
|
|
width:185px;
|
|
height:75px;
|
|
margin-right: 2px;
|
|
background-color:lightsteelblue;
|
|
z-index: 1;
|
|
}
|
|
|
|
.cluster0{
|
|
background-color: #ffffff;
|
|
background: -webkit-radial-gradient(#ffffff, #f2f2f2); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#ffffff, #f2f2f2); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#ffffff, #f2f2f2); /* For Firefox 3.6 to 15 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#ffffff, #f2f2f2); /* Standard syntax */
|
|
}
|
|
.cluster1{
|
|
background-color: #fce2cf;
|
|
background: -webkit-radial-gradient(#fce2cf, #f9c59f); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fce2cf, #f9c59f); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fce2cf, #f9c59f); /* For Firefox 3.6 to 15 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c59f', endColorstr='#fce2cf',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#fce2cf , #f9c59f); /* Standard syntax */
|
|
/*border: 1px solid #f38a3f;*/
|
|
}
|
|
|
|
|
|
.cluster2{
|
|
background-color: #eddaf1;
|
|
background: -webkit-radial-gradient(#eddaf1, #dbb5e3); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#eddaf1, #dbb5e3); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#eddaf1, #dbb5e3); /* For Firefox 3.6 to 15 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb5e3', endColorstr='#eddaf1',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#eddaf1 , #dbb5e3); /* Standard syntax */
|
|
/*border: 1px solid #bf7ecd;*/
|
|
}
|
|
|
|
.cluster3{
|
|
background-color: #f5a3cd;
|
|
background: -webkit-radial-gradient(#fad1e6, #f5a3cd); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fad1e6, #f5a3cd); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fad1e6, #f5a3cd); /* For Firefox 3.6 to 15 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a3cd', endColorstr='#fad1e6',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#fad1e6 , #f5a3cd); /* Standard syntax */
|
|
/*border: 1px solid #eb479c;*/
|
|
}
|
|
.cluster4{
|
|
background-color: #f17b27;
|
|
background: -webkit-radial-gradient(#f49957, #f17b27); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f49957, #f17b27); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f49957, #f17b27); /* For Firefox 3.6 to 15 */
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49957', endColorstr='#f17b27',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f49957 , #f17b27); /* Standard syntax */
|
|
/*border: 1px solid #c0570c;*/
|
|
}
|
|
|
|
.cluster5{
|
|
background-color: #c9f077;
|
|
background: -webkit-radial-gradient(#84bb13, #c9f077); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#84bb13, #c9f077); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#84bb13, #c9f077); /* For Firefox 3.6 to 15 */
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#84bb13', endColorstr='#c9f077',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#84bb13 , #c9f077); /* Standard syntax */
|
|
}
|
|
|
|
.cluster6{
|
|
background-color: #a7d9ed;
|
|
background: -webkit-radial-gradient(#84abbb, #a7d9ed); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#84abbb, #a7d9ed); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#84abbb, #a7d9ed); /* For Firefox 3.6 to 15 */
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#84abbb', endColorstr='#a7d9ed',GradientType=0 )"; /* IE8-9 */
|
|
background: radial-gradient(#84abbb , #a7d9ed); /* Standard syntax */
|
|
}
|
|
.cluster7{
|
|
background-color: #fed519;
|
|
background: -webkit-radial-gradient(#f49957, #fed519); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f49957, #fed519); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f49957, #fed519); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49957', endColorstr='#fed519',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f49957 , #fed519); /* Standard syntax */
|
|
/*border: 1px solid #c0570c;*/
|
|
|
|
}
|
|
|
|
.nonselected{
|
|
background-color: #d8d1d4;
|
|
background: -webkit-radial-gradient(#f49957, #d8d1d4); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f49957, #d8d1d4); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f49957, #d8d1d4); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d1d4', endColorstr='#fed519',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f49957 , #d8d1d4); /* Standard syntax */
|
|
}
|
|
|
|
.instrument1{
|
|
background-color: #fbe2d0;
|
|
|
|
background: -webkit-radial-gradient( #fdf0e7, #fbe2d0); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fdf0e7, #fbe2d0); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fdf0e7, #fbe2d0); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe2d0', endColorstr='#fdf0e7',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#fdf0e7, #fbe2d0); /* Standard syntax */
|
|
border: 1px solid #f38a3f;
|
|
}
|
|
|
|
.instrument2{
|
|
background-color: #f6edf8;
|
|
|
|
background: -webkit-radial-gradient(#eddaf1, #f6edf8); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#eddaf1, #f6edf8); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#eddaf1, #f6edf8); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edf8', endColorstr='#eddaf1',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#eddaf1, #f6edf8); /* Standard syntax */
|
|
border: 1px solid #bf7ecd;
|
|
}
|
|
.instrument3{
|
|
background-color: #fce8f3;
|
|
|
|
background: -webkit-radial-gradient(#f9d2e7, #fce8f3); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f9d2e7, #fce8f3); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f9d2e7, #fce8f3); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8f3', endColorstr='#f9d2e7',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f9d2e7, #fce8f3); /* Standard syntax */
|
|
border: 1px solid #eb479c;
|
|
}
|
|
.instrument4{
|
|
background-color: #f7b687;
|
|
|
|
background: -webkit-radial-gradient(#f9c59f, #f7b687); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f9c59f,#f7b687); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f9c59f, #f7b687); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b687', endColorstr='#f9c59f',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f9c59f , #f7b687); /* Standard syntax */
|
|
border: 1px solid #c0570c;
|
|
}
|
|
|
|
.instrument6{
|
|
background-color: #d1dfe5;
|
|
|
|
background: -webkit-radial-gradient(#d3e1e7, #d1dfe5); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#d3e1e7,#d1dfe5); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#d3e1e7, #d1dfe5); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dfe5', endColorstr='#d3e1e7',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#d3e1e7 , #d1dfe5); /* Standard syntax */
|
|
border: 1px solid #b4ccd5;
|
|
}
|
|
.instrument7{
|
|
background-color: #feeb96;
|
|
|
|
background: -webkit-radial-gradient(#f9c59f, #feeb96); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f9c59f,#feeb96); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f9c59f, #feeb96); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeb96', endColorstr='#f9c59f',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f9c59f , #feeb96); /* Standard syntax */
|
|
border: 1px solid #f9c59f;
|
|
}
|
|
|
|
|
|
.cluster1Keuze{
|
|
background-color: #fce2cf;
|
|
|
|
background: -webkit-radial-gradient(#fce2cf, #f9c59f); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fce2cf, #f9c59f); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fce2cf, #f9c59f); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c59f', endColorstr='#fce2cf',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#fce2cf , #f9c59f); /* Standard syntax */
|
|
|
|
}
|
|
.cluster2Keuze{
|
|
background-color: #eddaf1;
|
|
|
|
background: -webkit-radial-gradient(#eddaf1, #dbb5e3); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#eddaf1, #dbb5e3); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#eddaf1, #dbb5e3); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb5e3', endColorstr='#eddaf1',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#eddaf1 , #dbb5e3); /* Standard syntax */
|
|
|
|
}
|
|
.cluster3Keuze{
|
|
background-color: #f5a3cd;
|
|
|
|
background: -webkit-radial-gradient(#fad1e6, #f5a3cd); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fad1e6, #f5a3cd); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fad1e6, #f5a3cd); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a3cd', endColorstr='#fad1e6',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#fad1e6 , #f5a3cd); /* Standard syntax */
|
|
}
|
|
.cluster4Keuze{
|
|
background-color: #f17b27;
|
|
background: -webkit-radial-gradient(#f49957, #f17b27); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f49957, #f17b27); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f49957, #f17b27); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49957', endColorstr='#f17b27',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f49957 , #f17b27); /* Standard syntax */
|
|
|
|
}
|
|
|
|
.instrument1Keuze{
|
|
background-color: #fbe2d0;
|
|
|
|
background: -webkit-radial-gradient( #fdf0e7, #fbe2d0); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#fdf0e7, #fbe2d0); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#fdf0e7, #fbe2d0); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe2d0', endColorstr='#fdf0e7',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#fdf0e7, #fbe2d0); /* Standard syntax */
|
|
}
|
|
|
|
.instrument2Keuze{
|
|
background-color: #f6edf8;
|
|
|
|
background: -webkit-radial-gradient(#eddaf1, #f6edf8); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#eddaf1, #f6edf8); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#eddaf1, #f6edf8); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edf8', endColorstr='#eddaf1',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#eddaf1, #f6edf8); /* Standard syntax */
|
|
}
|
|
.instrument3Keuze{
|
|
background-color: #fce8f3;
|
|
|
|
background: -webkit-radial-gradient(#f9d2e7, #fce8f3); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f9d2e7, #fce8f3); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f9d2e7, #fce8f3); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8f3', endColorstr='#f9d2e7',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f9d2e7, #fce8f3); /* Standard syntax */
|
|
}
|
|
.instrument4Keuze{
|
|
background-color: #f7b687;
|
|
|
|
background: -webkit-radial-gradient(#f9c59f, #f7b687); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#f9c59f,#f7b687); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#f9c59f, #f7b687); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b687', endColorstr='#f9c59f',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#f9c59f , #f7b687); /* Standard syntax */
|
|
}
|
|
|
|
.cirkel{
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 20px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.triangle{
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-bottom: 5px solid #f8f8f8 ;
|
|
display:block;
|
|
margin:0 auto;
|
|
}
|
|
.triangle.blank{
|
|
border-color:#ffffff
|
|
}
|
|
.triangle.selected{
|
|
border-bottom: 5px solid #6F0B3D;
|
|
}
|
|
|
|
/* VARIABELE TYPES */
|
|
.decimal{
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
max-width:60px;
|
|
}
|
|
.rapport{
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
max-width:40px;
|
|
}
|
|
.integer{
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
max-width: 40px;
|
|
}
|
|
.datum{
|
|
width: 80px;
|
|
}
|
|
/* einde variable types */
|
|
.lsul{
|
|
list-style-type:none;
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
|
|
}
|
|
.orgtd{
|
|
text-align: left;
|
|
}
|
|
|
|
.ui-datepicker-month , .ui-datepicker-year{
|
|
font-weight:normal;
|
|
color:#333333;
|
|
font-size:0.9em;
|
|
}
|
|
.swv{
|
|
background-color: #930f50;
|
|
color: #ffffff;
|
|
}
|
|
.kamer{
|
|
background-color:#ded0d7;
|
|
}
|
|
.selectable:hover{
|
|
background-color: #caaec4;
|
|
}
|
|
/*.selected:hover{
|
|
background-color: #c7b87e;
|
|
color: #ffffff;
|
|
}*/
|
|
|
|
.cirkelgradient{
|
|
background-color: #930f50;
|
|
|
|
background: -webkit-radial-gradient(#de167b, #930f50); /* Safari 5.1 to 6.0 */
|
|
background: -o-radial-gradient(#de167b, #930f50); /* For Opera 11.6 to 12.0 */
|
|
background: -moz-radial-gradient(#de167b, #930f50); /* For Firefox 3.6 to 15 */
|
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#930f50', endColorstr='#de167b',GradientType=0 )"; /* IE8-9 */
|
|
|
|
background: radial-gradient(#de167b , #930f50); /* Standard syntax */
|
|
}
|
|
.blauw{
|
|
background-color:#99d6ff;
|
|
color:#ffffff;
|
|
}
|
|
.groen{
|
|
background-color:#9fdf9f;
|
|
color:#ffffff;
|
|
|
|
}
|
|
.oranje{
|
|
background-color:#ffcc80;
|
|
}
|
|
.rood{
|
|
background-color:#e08885;
|
|
}
|
|
|
|
.grijs{
|
|
background-color:#808080;
|
|
|
|
}
|
|
|
|
.submenupage{
|
|
display:none;
|
|
}
|
|
|
|
#ajaxloader{
|
|
background-image: url("/css/images/ajax-loader.gif");
|
|
background-repeat: no-repeat;
|
|
background-position:center;
|
|
position: absolute;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 300;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -15px;
|
|
margin-left: -15px;
|
|
display: none;
|
|
background-color:#ffffff;
|
|
border-radius:44px;
|
|
}
|
|
|
|
div.overlay{
|
|
bottom: 0px;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
background-color: black;
|
|
opacity:.5;
|
|
display:none;
|
|
z-index: 50;
|
|
}
|
|
.vraag{
|
|
width: 20px;
|
|
height:20px;
|
|
border-radius:20px;
|
|
border: 2px solid #930f50;
|
|
font-size:0.8em;
|
|
padding:0px;
|
|
text-align: center;
|
|
margin-left:20px;
|
|
box-shadow:none;
|
|
}
|
|
.brin{
|
|
width:120px;
|
|
vertical-align: top;
|
|
}
|
|
.vat {
|
|
vertical-align:top;
|
|
}
|
|
.noinput{
|
|
border:none;
|
|
background-color: #ffffff important!;
|
|
}
|
|
.kopje{
|
|
background-color: #d8a8bf;
|
|
//color:#ffffff;
|
|
}
|
|
.span50{
|
|
display: inline-block;
|
|
width: 50px;
|
|
}
|
|
.tar{
|
|
text-align: right;
|
|
}
|
|
.hfdst{
|
|
width:85%;
|
|
margin-left:0px;
|
|
font-size:0.8em;
|
|
margin-top:3px;
|
|
}
|
|
.hfdst.selected{
|
|
color:#ffffff;
|
|
background-color:#6F0B3D;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.tekstinbutton {
|
|
width : 100%;
|
|
height : 50px;
|
|
display : inline;
|
|
text-overflow : ellipsis;
|
|
padding : 1px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1201px) {
|
|
.tekstinbutton {
|
|
display: inline;
|
|
width: 100%;
|
|
min-height: 50px;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.hfst:disabled{
|
|
background-color:#dbdbdb;
|
|
}
|
|
|
|
|
|
.alter:nth-child(even){
|
|
background-color:#f6f1dd;
|
|
}
|
|
.alter:nth-child(odd){
|
|
background-color:#ebe0b2;
|
|
}
|
|
|
|
.matrixstreep{
|
|
/*border-top: 3px solid #930f50;*/
|
|
border-top: 8px solid white;
|
|
}
|
|
/* ******** APPRISE AANPASSINGEN ************* */
|
|
.appriseOuter{
|
|
border-radius: 5px;
|
|
}
|
|
.appriseInner{
|
|
color:#2e241e;
|
|
font-family: 'lato', sans-serif;
|
|
font-size:1em;
|
|
}
|
|
.appriseInner button{
|
|
border-radius:0px;
|
|
border-color:#c89a80 ;
|
|
box-shadow:0 0px 1px #c89a80;
|
|
padding:5px;
|
|
margin: 0 15px 10px 0;
|
|
font-size:1em;
|
|
background-color:#f3d4c2;
|
|
color: #4f3e34;
|
|
text-shadow: none;
|
|
font-weight:normal;
|
|
}
|
|
.appriseInner button:hover{
|
|
background-color:#ebb597;
|
|
|
|
color:#2e241e;
|
|
}
|
|
|
|
.aTextbox{
|
|
border-radius:0px;
|
|
border: 1px solid #c5c5c5;
|
|
width:100%;
|
|
font-weight:normal;
|
|
font-size:1em;
|
|
}
|
|
.toonhover:hover td{
|
|
background-color: #eb6d25;
|
|
color:#ffffff;
|
|
}
|
|
.toonhover{
|
|
color: #145e0f;
|
|
}
|
|
.bericht-date-label{
|
|
padding:0px 5px;
|
|
background-color:#6d103d;
|
|
color:#fff;
|
|
font-size:.8em;
|
|
float:left;
|
|
margin-right:5px;
|
|
position:relative;
|
|
top:18px;
|
|
border-radius:2px;
|
|
}
|
|
.ui-datepicker{
|
|
z-index:10;
|
|
}
|
|
.koppeling{
|
|
background-size: 15px 15px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border:none;
|
|
|
|
}
|
|
.kop{
|
|
position: fixed;
|
|
top: 50px;
|
|
width: 1000px;
|
|
height: 100px;
|
|
background-color: #624152;
|
|
color:#ffffff;
|
|
}
|
|
|
|
.scholen{
|
|
max-height: 500px;
|
|
padding: 0;
|
|
width: 1000px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
.besturen{
|
|
max-height: 200px;
|
|
padding: 0;
|
|
width: 1000px;
|
|
background-color: #930f50;
|
|
color:#ffffff;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.sopfonts{
|
|
font-family: 'sans-serif', 'Arial', 'Helvetica';
|
|
}
|
|
|
|
.pdfholder{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ijktooltip{
|
|
overflow: visible !important;
|
|
}
|
|
.panel-default>.panel-heading{
|
|
border: 1px solid #930f50;
|
|
background-color: #930f50;
|
|
color: white;
|
|
font-weight: 900;
|
|
text-decoration: underline;
|
|
}
|
|
.panel-heading.inactiefsop{
|
|
background-color: #bfbfbf;
|
|
border: 1px solid #bfbfbf;
|
|
color: #f2f2f2;
|
|
text-decoration: none;
|
|
}
|
|
.panel-heading.witsop{
|
|
background-color: white;
|
|
border: none;
|
|
}
|
|
|
|
.panel-heading.lichtsop{
|
|
background-color: #e2cfd9;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.panel-body{
|
|
padding-left: 12px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
/*.soponderdeel{*/
|
|
/* width: 100%;*/
|
|
/* min-height: 90px;*/
|
|
/* border: 1px solid #930f50;*/
|
|
/* border-radius: 5px;*/
|
|
/* margin-bottom: 15px;*/
|
|
/* padding-top: 44px;*/
|
|
/* position: relative;*/
|
|
/* box-shadow: 5px 5px 2px #f2f2f2;*/
|
|
/*}*/
|
|
|
|
/*.naamvak{*/
|
|
/* width: 99.7%;*/
|
|
/* height: 40px;*/
|
|
/* background-color: #930f50;*/
|
|
/* border-top-left-radius: 5px;*/
|
|
/* border-top-right-radius: 5px;*/
|
|
/* position: absolute;*/
|
|
/* padding-left: 10px;*/
|
|
/* top: 0;*/
|
|
/* left: 1px;*/
|
|
|
|
/*}*/
|
|
|
|
/*.inactiefsop{*/
|
|
/* background-color: #bfbfbf;*/
|
|
/*}*/
|
|
|
|
/*.witsop{*/
|
|
/*background-color: white;*/
|
|
|
|
/*}*/
|
|
|
|
/*.lichtsop{*/
|
|
/* background-color: #e2cfd9 ;*/
|
|
/*}*/
|
|
|
|
/*.versievak{*/
|
|
/* padding-left: 4px;*/
|
|
/* padding-right: 4px;*/
|
|
|
|
/*}*/
|
|
/*.onderwerptekst{*/
|
|
/* font-weight: bold;*/
|
|
/* color: white;*/
|
|
/* text-decoration: underline;*/
|
|
/*}*/
|
|
/*.inactieftitel{*/
|
|
/* color: #f2f2f2;*/
|
|
/* text-decoration: none;*/
|
|
/*}*/
|
|
/*.lichttitel{*/
|
|
/* text-decoration: none;*/
|
|
/*}*/
|
|
|
|
.randinactief{
|
|
border: 1px solid #bfbfbf;
|
|
}
|
|
.geenrand{
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.buttonCompact{
|
|
float: right;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
background-color: #930f50;
|
|
color: white;
|
|
margin: 5px;
|
|
border: none;
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|