/*------------------------------------*\
    Reset Stylesheet
\*------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; line-height: 1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse;border-spacing: 0; }

/*------------------------------------*\
    Normal CSS
\*------------------------------------*/

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-ms-viewport{width:auto!important}
@-o-viewport{width:device-width}
@viewport{width:device-width}

html, body {
    font-family: 'Lato', Arial , sans-serif;
    font-size: 100%;
    color:#fff !important;
}

html { 
    /*background:url('../images/bg_repeat.jpg') top center repeat;*/
}
body { 
    background:url('../images/bg.jpg') top center fixed repeat-x; width:100%; height:100%; 
    background-color:transparent !important;
    padding-bottom:50px;
}

.hand  { cursor:pointer; }
.fixed { 
    position:fixed; z-index:1000; width:100%; 
    background:url('../images/bg.jpg') top center fixed repeat-x;
    border-bottom:1px solid #50555a;
    -webkit-box-shadow: 0px 4px 4px 0px #22272e;
            box-shadow: 0px 4px 4px 0px #22272e;
}
.fixed .span12 { margin:0px auto; }
.fixed div { margin:0px auto; }

i.client-company-logo, img.client-company-logo { width: 50px; height: 50px; }

p { font-weight:200; line-height:24px; }
p.bold { font-weight:600; }


/* ***************************************************************************************************** */

/*
**
** BOOTSTRAP OVERRULES
**
*/

[class^="icon-"], [class*=" icon-"] {
  line-height: inherit !important;
}

/* ***************************************************************************************************** */

/*
**
** MAIN CONTAINER
**
*/

div.fullwidth {
    width:100%; height:auto; display:block;
    /*
    border-top:2px solid red;
    border-bottom:2px solid red;
    */
}
div.container      { /*border:1px solid #3090ee;*/ }
div.container.main {  }

i[class^="icon-"], 
i[class*=" icon-"] { background: none; }

/* ***************************************************************************************************** */

/*
**
** Keyframes
**
*/

@keyframes spin{
  0%{
      transform: rotateX(0deg) rotateY(0deg) scale(1) rotateZ(0deg);
  }
  50%{
      transform: rotateX(180deg) rotateY(180deg) scale(0.9) rotateZ(180deg);
  }
  100%{
      transform: rotateX(180deg) rotateY(180deg) scale(1) rotateZ(180deg);
  }
}
@-moz-keyframes spin{
  0%{
      -moz-transform: rotateX(0deg) rotateY(0deg) scale(1) rotateZ(0deg);
  }
  50%{
      -moz-transform: rotateX(180deg) rotateY(180deg) scale(0.9) rotateZ(180deg);
  }
  100%{
      -moz-transform: rotateX(180deg) rotateY(180deg) scale(1) rotateZ(180deg);
  }
}
@-webkit-keyframes spin{
  0%{
      -webkit-transform:  rotateX(0deg) rotateY(0deg) scale(1) rotateZ(0deg);
  }
  50%{
      -webkit-transform:  rotateX(180deg) rotateY(180deg) scale(0.9) rotateZ(180deg);
  }
  100%{
      -webkit-transform:  rotateX(180deg) rotateY(180deg) scale(1) rotateZ(180deg);
      
  }
}

/* ***************************************************************************************************** */

/*
**
** HEADER
**
*/

div.fullwidth.header {
    background:rgba(0,0,0,0.1) !important;
}
    div.container.header {  }

/* ***************************************************************************************************** */

    /* Welcome */

    div.container.header div#welcome {
        height:155px; margin-top:-10px;
        }
        div.container.header div#welcome span#welcome-message { 
            display:inline-block; float:left; width:auto; margin:0px 10px 0px 0px; margin-top:51px;
            color:#b2b2b2; font-size:25px; font-weight:400; text-align:left;
            }
        div.container.header div#welcome span#client-name { 
            display:inline-block; float:left; margin-top:43px; color:#fff; font-weight:900; font-size:40px; position:relative;
            }

        div.container.header div#welcome span#clearleft { display:inline-block; float:left; clear:left; width:1px; height:1px; margin:0px 0px 0px 0px; }
        div.container.header div#welcome a#switch.hide { display:none; }
        div.container.header div#welcome a#switch {
            display:inline-block; float:left; clear:left; margin:24px 0px 0px 85px;
            color:#fff; text-decoration:none; font-weight:400;
            }
        div.container.header div#welcome i.client-company-logo {
            display:inline-block; float:left; margin-top:5px; margin-left:7px;
            position: relative; z-index: 900; 
        } 
        div.container.header div#welcome i.client-company-logo img{
            border:2px solid #414a54; 
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }

        div.container.header div#welcome span#client-company { 
            display:inline-block; float:left; margin:21px 0px 0px 10px; color:#eebd58; font-weight:400; font-size:20px; position:relative;
            z-index: 900;
            }

        div.container.header div#welcome span#stripe { 
            display:inline-block; float:left; width:auto; margin:2px 10px 0px 10px; margin-top:15px; 
            color:#b2b2b2; font-size:27px; font-weight:100; text-align:left;
            }
        
        div.container.header div#welcome a#signout {
            display:inline-block; float:left; width:auto; margin:0px 10px 0px 0px; margin-top:24px;
            color:#969696; font-size:15px; font-weight:400; text-align:left; text-decoration:none;
            }
            div.container.header div#welcome a#signout i {
                display:inline-block; float:left; width:auto; margin:0px 5px 0px 0px; 
                font-size:25px; 
                }
        div.container.header div#welcome a#signout:hover { color:#fff; }
        div.container.header div#welcome a#signout:hover i { color:#fff; }

/* ***************************************************************************************************** */

    /* Menu */
   div.container.header i.icon-reorder { display: none; }
   div.container.header ul#menu {
        height:155px; display:block; float:left; list-style:none; margin:0px;
        }
        div.container.header ul#menu li.sep  { width:1px; } 
        div.container.header ul#menu li.sep div { height:60px; margin:55px 0px 0px 0px; display:block; background-color:#464a51; width:1px; } 
        div.container.header ul#menu li { 
            width:80px; height:155px; display:block; float:right; margin:0px 10px 0px 0px; position: relative;
            }
            div.container.header ul#menu li a {
                width:80px; height:97px; display:block;
                color:#1d1f22; color:#727b89; color:#bcc1c7; /*color:#434a52;*/
                text-decoration:none; font-weight:400;
                text-align:center; font-size:14px; padding-top:58px;
                }
        
        div.container.header ul#menu li a:hover { color:#fff; font-weight:900; cursor:pointer; }
        div.container.header ul#menu li a:hover i { color:#fff; cursor:pointer; }
        div.container.header ul#menu li.active a { color:#fff; font-weight:900;  } 
        div.container.header ul#menu li.active a i { color:#fff; } 

        div.container.header ul#menu li a i { 
            color:#eebd58; color:#727b89; /*color:#434a52;*/ font-weight:200;
            font-size:35px; position:relative; margin-bottom:20px; display:block; margin:0px auto 20px auto;
        }

        /*
        div#header-container div#header ul#menu li#projects a i      { font-size:41px; padding-top:3px; } 
        div#header-container div#header ul#menu li#support a i       { font-size:42px; }
        div#header-container div#header ul#menu li#incidents a i     { font-size:42px; margin-top:4px; } 
        div#header-container div#header ul#menu li#contacts a i      { font-size:42px; z-index:1001; position:relative; } 
        */
        div.container.header ul#menu li#notifications a   { position:relative; }
        div.container.header ul#menu li#notifications a i { font-size:38px; margin-bottom:27px; }
        div.container.header ul#menu li#notifications a span.aantal {
            position:absolute; display:block !important; width:19px; height:19px; top:40px; top:42px; right:29px;
            background-color:#2271d5 !important; border:2px solid #519dd0;
            font-size:12px; text-align:center; line-height:19px; font-weight:800; color:#fff;
            -webkit-border-radius: 11px;
                    border-radius: 11px;

        -webkit-transition: all 0.15s ease-in-out;
          -moz-transition: all 0.15s ease-in-out;
          -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
        }
        div.container.header ul#menu li#notifications:hover a span.aantal { 
            top:36px; width:22px; height:22px; right:27px; font-size:13px; line-height:22px; 
            -webkit-border-radius: 13px;
                    border-radius: 13px;
        }
       

        /* Notificationlist */
        
            div.container.header ul#menu li#notifications div#notificationlist {
                width:250px; height:auto; display:block; position:absolute;  margin-top:-15px; margin-left:-188px;
                background-color:#fff;
                z-index:999;
                -webkit-border-radius: 5px;
                        border-radius: 5px;
                -webkit-box-shadow: 0px 0px 7px 0px #000;
                        box-shadow: 0px 0px 7px 0px #000;
                display:none;
            }
            div.container.header ul#menu li#notifications div#notificationlist i.icon-caret-up {
                position:absolute; right:5px; top:0px; color:#e1e1e1; margin:-11px 0px 0px 0px; font-size:30px;
            }
            div.container.header ul#menu li#notifications div#notificationlist div.notification-header {
                width:250px; height:35px; display:block; text-align:center; line-height:35px;
                background-color:#e1e1e1; font-weight:bold; font-size:14px; color:#303030;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            div.container.header ul#menu li#notifications div#notificationlist ul { list-style:none; }
            div.container.header ul#menu li#notifications div#notificationlist ul li {
                display:block; float:left; height:auto; width:250px; margin:0px; margin:0px 0px 0px 0px; padding: 0; line-height:auto;
                border-bottom:1px solid #d7d7d7; color:#7d7d7d; font-size:13px; font-weight:200;
                }
            div.container.header ul#menu li#notifications div#notificationlist ul li:last-child { border-bottom:0px; }
            div.container.header ul#menu li#notifications div#notificationlist ul li i { 
                    color:#317fec !important; position:absolute; margin-left:-20px;
                }

            div.container.header ul#menu li#notifications div#notificationlist ul li.none {
                    padding: 10px;
                    text-align: center;
                    width: 230px;
                }

            div.container.header ul#menu li#notifications div#notificationlist ul li a.notify {
                    padding: 0; margin: 0; display: block; font-size: 1em; line-height: 1em;
                    font-weight: normal; color: #317fec; text-align: left; width: auto; height: auto;
                    padding:8px 10px 8px 30px;
                }
            div.container.header ul#menu li#notifications div#notificationlist ul li a.notify span.topic-name {
                    font-size: 1em;
                    display: block;
                    line-height: 1.3em;
                    padding-top: 5px;
                    color: #7d7d7d;
                }

            div.container.header ul#menu li#notifications div#notificationlist ul li:hover {
                    background-color: #f0f0f0;
                }

            div.container.header ul#menu li#notifications div#notificationlist ul li:last-child {
                    -webkit-border-bottom-left-radius: 5px;
                    -webkit-border-bottom-right-radius: 5px;
                    -moz-border-radius-bottomleft: 5px;
                    -moz-border-radius-bottomright: 5px;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                }


            div.container.header ul#menu li#notifications div#notificationlist ul li a.notify:hover span.topic-name {
                    color: #000;
                }

            div.container.header ul#menu li#notifications div#notificationlist ul li a.notify i {
                    font-size: 1em; line-height: 1em; height: auto; width: auto;
                }

            div.container.header ul#menu li.none {
                    display: none !important;
                }
            div.container.header ul#menu .notifications-0 ul li.none {
                    display: block !important;
                    border: none !important;
                }

            div.container.header ul#menu .notifications-0 ul li.none:hover {
                    background-color: transparent !important;
                    cursor: default !important;
                }

            div.container.header ul#menu .notifications-0 ul li.line {
                    display: none !important;
                }

            div.container.header ul#menu li#notifications.notifications-0 a span.aantal {
                    display: none !important;
                }


        /* CLOSE BUTTON */

        div.closeNotificationlist { 
            background:rgba(0,0,0,0.05); background:#2271d5; color:#fff; width:20px; height:20px; position:absolute; left:8px; top:5px;
            text-align:center; line-height:20px; border:1px solid #c5c5c5;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        div.closeNotificationlist:hover {
            background:#2786ff; border:1px solid #c5c5c5;
            color:#d5d5d5; text-decoration:none; cursor:pointer;
        }
        

/* ***************************************************************************************************** */

    /* subheader */
    div.container.subheader { height:85px }
    div.container.subheader div {
        width:auto; height:inherit; margin:0px;
        }
        
        div.container.subheader div span {
            height: inherit; display:block; float:left; font-size:30px; font-weight:700; line-height:85px; margin:0px 10px 0px 0px; color:#fff; 
            }
        div.container.subheader div i {
            height:inherit; display:block; float:left; font-size:18px; font-weight:normal; line-height:90px !important; margin:0px 10px 0px 0px; color:#b2b2b2;
            }
        div.container.subheader div span.section { color:#b2b2b2; }

        div.container.subheader div span.can-be-multiline {
            line-height: 1.4em;
            margin-top: 0.65em;
            height: auto;
            float: none;
            padding-right: 20px;
        }

        div.container.subheader div span.colored {
            /*color: #4eee9d;*/
            color: #eebd58;
        }


/* ***************************************************************************************************** */

/*
**
** SUPPORT
**
*/

div.fullwidth.incident { /*border-bottom:1px solid #50555a;*/ }

    /* first */
    div.fullwidth.incident div.bg.first { 
        height:100px; background:rgba(0,0,0,0.3);
        }
        div.fullwidth.incident div.bg.first div.container { }
        div.fullwidth.incident div.bg.first div.container div.row { }
        div.fullwidth.incident div.bg.first div.container div.row  ul { }
        div.fullwidth.incident div.bg.first div.container div.row  ul li { 
            height:80px; line-height:80px; font-size:24px; font-weight:900;
            }

    /* second */
    div.fullwidth.incident div.bg.second { 
        height:80px; background:rgba(0,0,0,0.2);
        /*display:none;*/
        }
        div.fullwidth.incident div.bg.second div.container div.row  ul {}
        div.fullwidth.incident div.bg.second div.container div.row  ul li {
            height:60px; line-height:60px; font-size:21px; font-weight:700;
            }

    /* third */
    div.fullwidth.incident div.bg.third { 
        height:60px; background:rgba(0,0,0,0.1);
        display:none;
        }
        div.fullwidth.incident div.bg.third div.container div.row  ul { }
        div.fullwidth.incident div.bg.third div.container div.row  ul li {
            height:40px; line-height:40px; font-size:18px; font-weight:400;
            }

div.fullwidth.incident div.bg div.container div.row ul { 
    /*border:1px solid orangered;*/ 
    }
div.fullwidth.incident div.bg div.container div.row ul li { 
    display:inline-block; float:left; margin:5px 0px 5px 0px;
    padding:5px 5px 0px 5px;
    }
div.fullwidth.incident div.bg div.container div.row ul li.separator {
    width:1px; height:auto; display:block; background-color:#494a4e; 
    margin:10px 30px 10px 30px; padding:0px;
    }
div.fullwidth.incident div.bg div.container div.row ul li.active,
div.fullwidth.incident div.bg div.container div.row ul li:hover { display:inline-block; color:#317fec; cursor:pointer; } 
            
/* ***************************************************************************************************** */

/*
**
** SUPPORT FORM
**
*/

div.fullwidth.incident form#incidentform { padding-bottom:150px; }

div.fullwidth.incident div.form {
    padding:25px 0px 25px 0px;
    border-top:1px solid #50555a;
}

div.fullwidth.incident div.form.message { padding-bottom:100px; }


span.add-on {
    display:block; float:left; position:relative;
    background-color: transparent;
    color: #303030; border:0px;
    z-index:100;

    width:30px; height:32px; min-width:16px;
    margin:2px -32px 0px 2px; padding: 4px 0px 4px 0px;
    font-size:17px; font-weight:normal; line-height:30px; text-align:center; text-shadow:0 1px 0 #ffffff;
}

div.fullwidth.incident div.form h4 { font-size:20px; font-weight:900; margin:0px 0px 10px 250px; }
div.fullwidth.incident div.form p.note  { margin-left:250px; margin:0px 0px 25px 250px; }

div.fullwidth.incident div.form label { 
    width:220px; height:40px; display:block; float:left; clear:both;
    line-height:44px; font-size: 17px; font-weight:200; color:#aaabad;
    margin-bottom:15px;
}
div.fullwidth.incident div.form label.inline { clear:none; width:auto; line-height:33px; }
div.fullwidth.incident div.form label.inline input { margin-top:-3px; }


div.fullwidth.incident div.form input,
div.fullwidth.login div.form input { 
    height:40px; padding:0px 10px 0px 32px; margin-bottom:15px; display:block; float:left; 
    border:2px solid #a1a1a1; color:#317fec; font-size:15px; 
}


div.fullwidth.incident div.form select { height:40px; padding:0px; display:block; float:left; outline:none; }
div.fullwidth.incident div.form textarea { 
    width:566px; height:250px; display:block;
    border:2px solid #a1a1a1; color:#317fec; font-size:15px;
}

div.fullwidth.incident div.form div.well { width:543px; display:block; float:left; padding:18px 0px 6px 32px; color:#cecece; background-color:#1d2227; border:1px solid #37414a; }
div.fullwidth.incident div.form div.well span.add-on { margin:-9px 0px 0px -32px; color:#fff; text-shadow: 0 1px 0 #000; }
div.fullwidth.incident div.form div.well span.add-on i { margin:0px; line-height:auto; margin:0px;  }

div.fullwidth.incident div.form input[type="file"] {
    border:0px !important; margin:0px; padding:0px; height:auto;
    color:#afafaf;
}

div.fullwidth.login div.form input:focus,
div.fullwidth.login div.form textarea:focus,
div.fullwidth.incident div.form input:focus,
div.fullwidth.incident div.form textarea:focus { 
    color:#317fec; font-size:15px; font-weight:400; border:2px solid #317fec;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
div.fullwidth.incident div.form input:focus:required { border:2px solid #317fec; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d7d7d7; font-weight:normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #d7d7d7 !important; font-weight:normal;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #d7d7d7 !important; font-weight:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #d7d7d7; font-weight:normal;
}


div.fullwidth.incident div.form button[type="submit"] { display:block; clear:both; margin:25px 0px 0px 220px; }

/* ***************************************************************************************************** */

/*
***
*** INCIDENTOVERZICHT
***
*/

div.container.incidentoverzicht.incidentheader {
    display:block;  margin:0px auto 0px auto; padding:0px; border-left:1px solid transparent; 
}
div.container.incidentoverzicht.incidentheader a { display:inline-block !important;} 
div.container.incidentoverzicht.incidentheader div.button { }
div.container.incidentoverzicht.incidentheader div.button a { margin:17px 0px 0px 0px;}
div.container.incidentoverzicht.incidentheader div.button a i { margin:-2px 5px 0px 0px; }


/**** incident header */
div.container.incidentoverzicht div.incidentheader       { 
    height:35px; margin:0px 0px 1px 0px; padding:0px; border-top:1px solid #50555a; border-left:1px solid transparent;
}
div.container.incidentoverzicht div.incidentheader div   { 
    line-height:35px; font-size:13px; font-weight:400; color:#4eee9d; color:#848484; /*white-space:nowrap;*/
}
div.container.incidentoverzicht div.incidentheader div.id   { padding-left:5px; }
div.container.incidentoverzicht div.incidentheader div.instuurder   { display:inline-block; margin-left:10px;  }
div.container.incidentoverzicht div.incidentheader div.project      { display:inline-block; margin-left:10px; margin-right:30px;  }
div.container.incidentoverzicht div.incidentheader div.onderwerp   { display:table; margin-left:10px; }
div.container.incidentoverzicht div.incidentheader div i.icon-sort { color:#fff; margin:-8px 0px 0px 5px; font-size:13px; display:none; }

div.container.incidentoverzicht div.incidentheader div.close   { border:1px solid red; }


/**** incident row */
div.container.incidentoverzicht.incidentheader:hover div.incidentrow { border-left:1px solid transparent !important; }

div.container.incidentoverzicht.incidentheader div.incidentrow       {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;

    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    background:rgba(0,0,0,0.3);
}
div.container.incidentoverzicht div.incidentrow.statuscode-extw       { /*background:rgba(0,27,11,0.3); /*background:rgba(49,127,236,0.1); /*background:rgba(238,189,88,1); /*background:rgba(255,255,255,0.08);*/ }
/*div.container.incidentoverzicht div.incidentrow.statuscode-extw               { border-left:1px solid #626262; background:rgba(0,0,0,0.15); background:rgba(255,255,255,0.04); }*/
div.container.incidentoverzicht div.incidentrow.statuscode-extw               { border-left:1px solid #555; background:rgba(0,0,0,0.3); }
div.container.incidentoverzicht div.incidentrow.statuscode-extw:hover         { border-left:1px solid #4eee9d; }

/*div.container.incidentoverzicht div.incidentrow.statuscode-extw div.onderwerp span.label        { color:#317fec; }*/
div.container.incidentoverzicht div.incidentrow.statuscode-extw div.actie     { color:#4eee9d; font-size:14px; white-space: normal; padding-top:15px; line-height:35px; /*color:#317fec; color:#fff;*/ }
div.container.incidentoverzicht div.incidentrow.statuscode-exta div.actie     { font-size:13px; white-space: normal; padding-top:15px; line-height:35px; }

div.container.incidentoverzicht div.incidentrow       { background:rgba(0,0,0,0.1); margin:0px 0px 1px 0px; border-left:1px solid transparent;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
div.container.incidentoverzicht div.incidentrow:hover { background:rgba(0,0,0,0.2); cursor:pointer; border-left:1px solid transparent; border-left:1px solid #4eee9d;  }
div.container.incidentoverzicht div.incidentrow div   { line-height:67px; 
    /*border-left:1px solid yellow; border-right:1px solid yellow;*/
}

div.container.incidentoverzicht div.incidentrow div.id        { font-size:15px; font-weight:700; color:#4eee9d; padding-left:5px; }

div.container.incidentoverzicht div.incidentrow div.instuurder   { margin-left:10px; }
div.container.incidentoverzicht div.incidentrow div.instuurder i { width:54px; height:54px; display:inline-block; margin-top:6px; }
div.container.incidentoverzicht div.incidentrow div.instuurder img { 
    border:2px solid #343234;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.container.incidentoverzicht div.incidentrow div.project      { display:table; font-size:17px; height:67px; font-weight:700; margin-left:10px; margin-right:21px; }
div.container.incidentoverzicht div.incidentrow div.project span { display:table-cell; vertical-align:middle; line-height:22px; }

div.container.incidentoverzicht div.incidentrow div.onderwerp      { display:table; font-size:15px; height:67px; color:#a7a7a7; }
div.container.incidentoverzicht div.incidentrow div.onderwerp span { display:table-cell; vertical-align:middle; line-height:20px; font-size:15px; }

div.container.incidentoverzicht div.incidentrow div.actie     { font-size:15px; max-height: 4em; /*overflow: hidden;*/ }
div.container.incidentoverzicht div.incidentrow div.datum     { font-size:12px; white-space:nowrap; }
/*div.container.incidentoverzicht div.incidentrow div.button    { padding-right:10px; } /* firefox instelling */




















/* Project overzicht */
div.container.incidentoverzicht.projecten div.incidentrow div.project      { font-size:14px; font-weight:400; color:#a7a7a7; }
div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp      { display:table; font-size:17px; font-weight:bold; height:67px; color:#fff; }
div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp span { display:table-cell; vertical-align:middle; line-height:20px; font-size:16px; }

div.container.incidentoverzicht.projecten div.incidentheader div.actie { white-space:nowrap; }
div.container.incidentoverzicht.projecten div.incidentrow div.actie span.company { font-size:15px; color:#fff !important; display:block; margin-top:18px; }
div.container.incidentoverzicht.projecten div.incidentrow div.actie span.person  { font-size:13px; color:#979797 !important; display:block; margin-top:5px; }

div.container.incidentoverzicht.testbevindingen div.incidentheader div.onderwerp  { margin-left:25px; }





div.container.incidentoverzicht div.incidentrow a { display:block; width:auto; height:auto; overflow:hidden; color:#fff !important; }


div.container.incidentoverzicht.afgehandeld { margin-top:30px; margin-bottom:150px; }
div.container.incidentoverzicht.afgehandeld h2 { font-size:18px; font-weight:900; color:#686868;  line-height:40px; }
div.container.incidentoverzicht.afgehandeld div.incidentrow       { background:rgba(0,0,0,0.2); margin:0px 0px 1px 0px; border-left:1px solid transparent; color:#858585; color:#4e515b !important; }

div.container.incidentoverzicht.afgehandeld div.incidentrow div.id { color:#4e515b; }
div.container.incidentoverzicht.afgehandeld div.incidentrow div.onderwerp { color:#4e515b; }

div.container.incidentoverzicht.afgehandeld div.incidentrow div.klaar { text-align: center; display:block; }
div.container.incidentoverzicht.afgehandeld div.incidentrow div.klaar i { display:inline-block; float:left;  }

div.container.incidentoverzicht.afgehandeld div.incidentrow:hover { background:rgba(0,0,0,0.3); border-left:1px solid #50555a; color:#c0c0c0 !important; }
div.container.incidentoverzicht.afgehandeld div.incidentrow:hover div.id,
div.container.incidentoverzicht.afgehandeld div.incidentrow:hover div.onderwerp { color:#c0c0c0 !important; }


/*
***
*** PROJECT PAGE 
***
*/

div.fullwidth.incident.mijnaccount.projectmenu div.bg.accountmenu div.container div.row ul { margin-left:25px; }

div.container.incidentoverzicht.afgehandeld div.incidentrow.status-x div.klaar,
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a1 div.klaar { text-align:left; }
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a4 div.klaar { text-align:left; }

div.container.incidentoverzicht.afgehandeld div.incidentrow.status-x div.klaar i,
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a1 div.klaar i,
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a4 div.klaar i,
div.container.incidentoverzicht div.incidentrow.statuscode-e4 div.actie i,
div.container.incidentoverzicht div.incidentrow.statuscode-e1 div.actie i,
div.container.incidentoverzicht div.incidentrow.statuscode-i1 div.actie i,
div.container.incidentoverzicht div.incidentrow.statuscode-i2 div.actie i, 
div.container.incidentoverzicht div.incidentrow.statuscode-e3 div.actie i { margin-right:10px; font-size:20px; width:30px; display:inline-block; text-align:center; }

div.container.incidentoverzicht.testbevindingen div.incidentrow div.actie { color:#a7a7a7; }
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 div.onderwerp { color:#fff; }
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 div.actie { color:#4eee9d; }

/* kleuren icons */
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a1 div.klaar i { color:#d0a82d; } 
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-a4 div.klaar i { color:#317fec; } 
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-x div.klaar i.icon-ok { color:#4eee9d; }
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-x div.klaar i.icon-remove { color:#848484; } 
div.container.incidentoverzicht.afgehandeld div.incidentrow.status-x div.klaar i.icon-remove { color:#a4001a; } 


/* ***************************************************************************************************** */

/*
***
*** FAQOVERZICHT
***
*/


/**** zoeken */

div.faq button.faqbutton {
    border: none;
    background: none;
    color: #fff;
}

div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul { margin-left:5px; }
div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken div span { line-height:60px; }
div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken div input {
    height:58px; width:500px; padding:0px 10px 0px 10px; margin:4px 10px 0px -10px; border:2px solid transparent; outline:none;
    background:rgba(255,255,255,1); color:#666; font-size:20px; line-height:50px;

    height:48px; display:block; float:left; 
    border:2px solid #a1a1a1;

    -webkit-transition: all 0.15s ease-in;
       -moz-transition: all 0.15s ease-in;
        -ms-transition: all 0.15s ease-in;
         -o-transition: all 0.15s ease-in;
            transition: all 0.15s ease-in;
}
div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken div input:focus { 
    border:2px solid #eebd58; background:rgba(255,255,255,1); color:#303030; width:500px;
    -webkit-box-shadow: 0px 0px 7px 0px #b99444;
            box-shadow: 0px 0px 7px 0px #b99444; 
}
div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken:hover div i,
div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken:hover div span { color:#eebd58; }

/**** autosuggest */
/**** Todo: TKA; */
div.autocomplete-suggestions {
    margin:-3px 0px 0px 0px;
    border-left:2px solid #eebd58;
    border-right:2px solid #eebd58;
    border-bottom:2px solid #eebd58;

    background-color:#fff;
    width:520px !important;

    overflow: hidden;
    display: block;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

div.autocomplete-suggestions div.autocomplete-suggestion { 
    line-height:40px; display:block; padding:0px 10px 0px 10px;
    font-weight:normal; border-top:1px solid #cecece; color:#929292;
}
/*
div.autocomplete-suggestions div.autocomplete-suggestion.last-child { border:1px solid red; } 
*/

div.autocomplete-suggestions div.autocomplete-suggestion strong { 
    display:inline-block; /*border:1px solid #ab893e;*/ font-weight:bold; background-color:#eebd58; color:#303030;
    padding:2px 2px 4px 2px; margin:10px 0px 10px 0px;
}

div.autocomplete-suggestions div.autocomplete-suggestion.autocomplete-selected { 
    background-color:#e2e2dd; color:#303030; font-weight:bold; cursor:pointer;
}
/**** Done... Todo: TKA; */

/**** incident header */
div.container.faqoverzichtheader div.incidentheader       { 
    height:35px; margin:15px 0px 1px 0px; padding:0px; border-top:1px solid #50555a; border-left:1px solid transparent;
}
div.container.faqoverzichtheader div.incidentheader div   { 
    line-height:35px; font-size:14px; font-weight:400; color:#848484; white-space:nowrap;
}
div.container.faqoverzichtheader div.incidentheader div.id   { padding-left:5px; }
div.container.faqoverzichtheader div.incidentheader div.project   { display:table; }
div.container.faqoverzichtheader div.incidentheader div.onderwerp   { display:table; }
div.container.faqoverzichtheader div.incidentheader div i.icon-sort { color:#fff; margin:-8px 0px 0px 5px; font-size:13px; display:none; }

div.container.faqoverzichtheader div.incidentheader div.close   { border:1px solid red; }



div.container.faqoverzicht div.incidentrow       { background:rgba(0,0,0,0.1); margin:0px 0px 1px 0px; border-left:1px solid transparent;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
div.container.faqoverzicht div.incidentrow:hover { background:rgba(0,0,0,0.2); cursor:pointer; border-left:1px solid transparent; border-left:1px solid #eebd58;  }
div.container.faqoverzicht div.incidentrow div   { line-height:67px; }
div.container.faqoverzicht div.incidentrow div b  { background:rgba(238,189,88,0.8); color:#fff; padding:2px 3px 4px 3px; }

div.container.faqoverzicht div.incidentrow div.id           { font-size:15px; font-weight:700; color:#eebd58; padding-left:5px; }
div.container.faqoverzicht div.incidentrow div.project      { display:table; font-size:17px; height:67px; font-weight:700; }
div.container.faqoverzicht div.incidentrow div.project span { display:table-cell; vertical-align:middle; line-height:22px; color:#eebd58;  padding-left:5px; }

div.container.faqoverzicht div.incidentrow div.onderwerp      { display:table; font-size:15px; height:67px; color:#a7a7a7; }
div.container.faqoverzicht div.incidentrow div.onderwerp span { display:table-cell; vertical-align:middle; line-height:20px; font-size:15px; }

div.container.faqoverzicht div.incidentrow button.btn-custom-goud, div.container.faqoverzicht div.incidentrow a.btn-custom-goud { margin:10px 0px 0px 0px; width:100%; height:auto !important; font-size:16px; }
div.container.faqoverzicht div.incidentrow button.btn-custom-goud i, div.container.faqoverzicht div.incidentrow a.btn-custom-goud i { margin-left:5px; margin-top:-9px; }













/*
**
** TIMELINE
**
*/

div#timeline-container {
    width:100%; height:260px; display:block; position:relative; overflow:hidden;
    background:rgba(255,255,255,0.05);
    background:rgba(0,0,0,0.25);
    border-bottom:1px solid #45484e;
    }
    div#timeline-container div#timeline {
        width:1180px; height:260px; display:block; margin:0 auto 0 auto;
        text-align:left; color:#fff; cursor:pointer;
        }
        div#timeline-container div#timeline ul.elements    { display:none;  list-style:none; }
        div#timeline-container div#timeline ul.elements li { display:none; }



/*
**
** PROJECT TIMELINE DOSSIER
**
*/

div.fullwidth.dossier {  }
div.fullwidth.dossier.incident {  } 
/* Dossier header */
div.fullwidth.dossier div.dossierheader {
    width:100%; height:auto; display:block; position:relative;
    margin:0 auto 0px auto; padding-bottom:150px;
    }
    div.fullwidth.dossier.incident div.dossierheader  {
        border-top:1px solid #50555a;
    }
    div.fullwidth.dossier span.reactie { 
        width:auto; display:inline-block; position:absolute; margin:-32px 0px 0px 40px; color:#acacac;
        line-height: 30px; padding:0px 5px 0px 5px; left:50%; z-index:999; 
    }
    div.fullwidth.dossier span.reactie:hover,
    div.fullwidth.dossier span.reactie:active { cursor:pointer; color:rgba(237,189,76,1); } 
    div.fullwidth.dossier div.dossierheader  {
        width:100%; height:114px; display:block; position:relative; padding:0px;
        border-bottom:1px solid #50555a;
        }
        div.fullwidth.dossier div.dossierheader h2 { 
            font-size:30px; font-weight:700; line-height:114px; text-align:left; width:100%;
            color:#fff;
            }


div.fullwidth.dossier.incident hr, hr.split { height:0px; background-color:transparent; border:0px; margin:-1px 0px 0px 0px; border-bottom:1px solid #50555a; }




        /* ADD COMMENT */

        div.dossiercontent div.container div.write {
            z-index:99; position:relative;
            display:none;
            clear: both;
        }
            div.dossiercontent div.container div.write textarea {
                width:97%; height:200px; padding:1%; 
                border:3px solid #696969;
                -webkit-border-radius: 5px;
                        border-radius: 5px;
                        color:#317fec;
            }

            div.dossiercontent div.container div.write a.btn-success { float:right; }
            

        div.dossiercontent div.container div.write div.well { width:538px; display:block; float:left; padding:18px 0px 6px 32px; margin-bottom:10px; color:#cecece; background-color:#1d2227; border:1px solid #37414a; }
        div.dossiercontent div.container div.write div.well span.add-on { margin:-9px 0px 0px -32px; color:#fff; text-shadow: 0 1px 0 #000; }
        div.dossiercontent div.container div.write div.well span.add-on i { margin:0px; line-height:auto; margin:0px;  }

        div.dossiercontent div.container div.write input[type="file"] {
            border:0px !important; margin:0px; padding:0px; height:auto;
            color:#afafaf;
        }

        div.dossiercontent div.container div.write input.ie-fileinput {
            background-color: #fff;
            line-height: 15px;
            font-size: 12px;
            width: 80%;
            border: 1px solid #000;
            height: 25px;
            background-color: #fff;
        }

        
        


        div.dossiercontent div.container { 
            list-style:none; overflow:hidden;
            /* border-left:1px solid yellow; border-right:1px solid yellow; */
            }

            /* item */
            div.dossiercontent div.container div.item { 
                height:auto; display:block; position:relative; padding-top:20px;
                color:#fff; font-size:14px; font-weight:normal; clear:both;
                /*border:1px solid green;*/
                }
            div.dossiercontent div.container div.item:last-child { padding-bottom:200px; }

            div.dossiercontent div.container div.item div.item-content i.icon-check { font-size:30px; }

            

            div.dossiercontent div.container div.item.client:last-child div.item-meta span.collapse { display:none; }

            div.dossiercontent div.container div.item.client {  border-right:2px solid #21252b; padding-left:14px; }
            div.dossiercontent div.container div.item.system {  float:right; border-left:2px solid #21252b; padding-right:14px;  }

            div.dossiercontent div.container div.item.client div.item-content { background-color:#1d2227; color:#ffffff; margin-right:15px; }
            div.dossiercontent div.container div.item.system div.item-content { background-color:#ffffff; color:#303030; margin-left:15px; margin-right:15px; }
            



            /* TO Develop */
            div.dossiercontent div.container div.item.system.to-develop div.item-content p i { 
                /*background-color:#ededed; color:#303030; padding:5px 8px 5px 8px; font-weight:600;
                border-radius:4px; -webkit-border-radius:4px; display:inline-block; margin-right:5px;*/
                font-weight:600; display:block; /*border-bottom:1px dotted #cdcfc6;*/ line-height:24px;
            }
            div.dossiercontent div.container div.item.system.to-develop div.item-content p quote {
                line-height:24px; background-color:#ededed; padding:3px 5px 3px 5px; 
                border-radius:4px; -webkit-border-radius:4px; display:block;
            }

            /* FROM Develop */
            div.dossiercontent div.container div.item.system.from-develop div.item-content { 
                background-color:#ffffff; border:2px solid #b03029; margin-left:15px; margin-right:15px;
                 -webkit-box-shadow: 0px 0px 20px 0px #b03029 !important;
                         box-shadow: 0px 0px 20px 0px #b03029 !important;
            }
            div.dossiercontent div.container div.item.system.from-develop div.item-content p span.devback-header {
                /*background-color:#ededed; color:#303030; padding:0px 8px 0px 8px; font-weight:600;
                border-radius:4px; -webkit-border-radius:4px; display:inline-block; margin-right:5px;*/
                font-weight:600; display:inline-block; /* border-bottom:1px dotted #cdcfc6; */
            }
            div.dossiercontent div.container div.item.system.from-develop div.item-content p span.devback-message { 
                line-height:24px; background-color:#ededed; padding:3px 5px 3px 5px; 
                border-radius:4px; -webkit-border-radius:4px; display:block;
            }
            
            /* FROM Develop + Reaction */
            div.dossiercontent div.container div.item.system.from-develop div.item-content p span.devmessage-header {
                font-weight:600; display:block; clear:both;
            }
            div.dossiercontent div.container div.item.system.from-develop div.item-content p span.devmessage-text {
                line-height:24px; background-color:#ededed; padding:3px 5px 3px 5px; 
                border-radius:4px; -webkit-border-radius:4px; display:block;
            }
            
                



                /* item meta */
                div.dossiercontent div.container div.item.system div.item-meta { margin-left:14px; }
                div.dossiercontent div.container div.item div.item-meta {
                    width:auto; height:72px; display:block; position:relative;
                    padding:0px 10px 0px 10px; -webkit-border-radius: 5px; border-radius: 5px;
                    background:rgba(255,255,255,0.0); margin-right:14px;
                    }

                div.dossiercontent div.container div.item div.item-meta i.icon-paper-clip { font-size:28px; opacity:0.3; position:absolute; display:none; }
                div.dossiercontent div.container div.item.collapsed div.item-meta i.icon-paper-clip { display:block; }
                div.dossiercontent div.container div.item.system div.item-meta i.icon-paper-clip { left:55px; top:29px; }
                div.dossiercontent div.container div.item.client div.item-meta i.icon-paper-clip { right:55px; top:29px; }


                    /* 
                    CLIENT 
                    ****/

                    /* icon */
                    div.dossiercontent div.container div.item div.item-meta i.icon {
                        width:50px; display:block; float:left; margin:9px 0px 10px 0px;
                        border:2px solid #181b1f; border-radius:7px; -webkit-border-radius:7px;
                    }
                    /* client name */
                    div.dossiercontent div.container div.item div.item-meta span.client-name {
                        width:auto; height:42px; display:block; float:left; line-height:52px; font-size:16px; font-weight:bold;
                        margin:0px 20px 0px 10px;
                    }
                    /* date */
                    div.dossiercontent div.container div.item div.item-meta span.date {
                        width:auto; height:42px; display:block; float:left; line-height:52px; font-size:12px;
                        margin:0px 20px 0px 5px;
                        }
                        div.dossiercontent div.container div.item div.item-meta span.date i { color:#3cee94; }
                    /* status */
                    div.dossiercontent div.container div.item div.item-meta span.status {
                        width:auto; height:16px; display:block; float:left; line-height:16px; font-size:13px; margin-left:65px;
                        clear:both; margin-top:-32px;
                        }
                        div.dossiercontent div.container div.item div.item-meta span.status i { color:#317fec; }
                    /* collapse */
                    div.dossiercontent div.container div.item div.item-meta span.collapse {
                        width:30px; height:30px; display:block; position:absolute; right:10px; top:21px; font-size:15px;
                        background-color:#1c2025; border-radius: 4px; -webkit-border-radius: 4px; text-align:center;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        user-select: none;
                        }
                        div.dossiercontent div.container div.item div.item-meta span.collapse i { display:block; color:#fff; color:#404853; width:30px; height:30px; padding-top:7px; }
                        div.dossiercontent div.container div.item div.item-meta span.collapse:hover   { background-color:#ffffff; }
                        div.dossiercontent div.container div.item div.item-meta span.collapse:hover i { color:#303030; cursor:pointer; }
                        
                        div.dossiercontent div.container div.item div.item-meta span.collapse.true         { color:#303030; cursor:pointer; background-color:#ffffff; }
                        div.dossiercontent div.container div.item div.item-meta span.collapse.true:hover   { background-color:#bebebe; }
                        div.dossiercontent div.container div.item div.item-meta span.collapse.true:hover i { color:#303030; }

                
                    /* 
                    SYSTEM 
                    ****/

                    /* icon */
                    div.dossiercontent div.container div.item.system div.item-meta i.icon {
                        width:50px; display:block; float:right; margin:9px 0px 10px 0px;
                        border:2px solid #181b1f; border-radius:7px; -webkit-border-radius:7px;
                    }
                    /* system name */
                    div.dossiercontent div.container div.item.system div.item-meta span.system-name {
                        width:auto; height:42px; display:block; float:right; line-height:52px; font-size:16px; font-weight:bold;
                        margin:0px 10px 0px 20px;
                    }
                    /* date */
                    div.dossiercontent div.container div.item.system div.item-meta span.date {
                        width:auto; height:42px; display:block; float:right; line-height:52px; font-size:12px;
                        margin:0px 5px 0px 20px;
                        }
                        div.dossiercontent div.container div.item.system div.item-meta span.date i { color:#3cee94; }
                    /* status */
                    div.dossiercontent div.container div.item.system div.item-meta span.status {
                        width:auto; height:16px; display:block; float:right; line-height:16px; font-size:13px; margin-right:65px;
                        clear:both; margin-top:-32px;
                        }
                        div.dossiercontent div.container div.item.system div.item-meta span.status i { color:#317fec; }
                    /* collapse */
                    div.dossiercontent div.container div.item.system div.item-meta span.collapse {
                        width:30px; height:30px; display:block; position:absolute; left:10px; top:21px;
                        background-color:#1c2025; border-radius: 4px; -webkit-border-radius: 4px; text-align:center;
                        }
                        div.dossiercontent div.container div.item.system div.item-meta span.collapse i { color:#fff; color:#404853; width:30px; padding-top:7px; }
                        div.dossiercontent div.container div.item.system div.item-meta span.collapse:hover   { background-color:#ffffff; }
                        div.dossiercontent div.container div.item.system div.item-meta span.collapse:hover i { color:#303030; cursor:pointer; }

                        div.dossiercontent div.container div.item.system div.item-meta span.collapse.true         { color:#303030; cursor:pointer; background-color:#ffffff; }
                        div.dossiercontent div.container div.item.system div.item-meta span.collapse.true:hover   { background-color:#e3e3e3; }
                        div.dossiercontent div.container div.item.system div.item-meta span.collapse.true:hover i { color:#303030; }


                    /* item content */
                    div.dossiercontent div.container div.item div.item-content {
                        display:block; clear:both; width:auto; padding:10px 15px 10px 15px;
                                border-radius: 12px;
                        -webkit-border-radius: 12px; 
                        }
                        
                        div.dossiercontent div.container div.item div.item-content p a.embed { 
                            text-align: center;
                            display: block;
                            width: 100%;
                            margin-top: -10px;
                        }

                        div.dossiercontent div.container div.item div.item-content p img.embed { 
                            max-width: 50%;
                            min-height: 20px;
                            min-width: 20px;
                            margin: 0 auto 0 auto;
                            display: inline-block;
                            border-radius:4px; -webkit-border-radius:4px; border:2px solid #cfcfcf;
                            -webkit-box-shadow: 0px 0px 3px 0px #303030;
                                    box-shadow: 0px 0px 3px 0px #303030;
                        }
                        div.dossiercontent div.container div.item div.item-content p img.embed:hover { 
                            border:2px solid #317fec;
                        }

                        div.dossiercontent div.container div.item div.item-content p span { line-height:24px; }
                        div.dossiercontent div.container div.item div.item-content p {
                            line-height:24px !important; margin:10px 0px 10px 0px; font-weight:200;
                        }
                        div.dossiercontent div.container div.item div.item-content div.attachment {
                            border-top:1px dotted #a7a7a7; line-height:30px !important; margin-top:15px; padding-top:8px;
                            }
                        div.dossiercontent div.container div.item div.item-content div.attachment i.icon-cloud-download {
                            margin-left:8px;
                        }
                        div.dossiercontent div.container div.item.client div.item-content div.attachment { border-top:1px dotted #4f5c6a; }





/*
**
** LOGIN PAGE
**
*/
div.container { /*border-left:1px solid yellow; border-right:1px solid yellow;*/ }
div.container.logo { margin-top:150px; }
div.container.logo a img#ipublogo { margin-left:-4px; }
div.fullwidth.login { margin:10px 0px 0px 0px; }

/*div.fullwidth.login a { display:block; }*/

div.fullwidth.login div#login-container { height:180px; background:rgba(0,0,0,0.25); }

div.fullwidth.login div#login-container .span5,
div.fullwidth.login div#login-container .span7 {  }



div.fullwidth.login div#login-container div#login-title {
    height:180px; display:block; float:left; line-height:180px;
    width:auto; /*padding:0px 50px 0px 50px;*/
}
div.fullwidth.login div#login-container div#login-title i { 
    height:180px; width:auto; display:block; float:left; font-size:50px; color:#eebd58; margin-right:10px;
}
div.fullwidth.login div#login-container div#login-title span { 
    height:180px; width:auto; display:block; float:left; font-size:42px; color:#fff; font-weight:900; line-height:180px;
}

div.fullwidth.login div#login-container div#login { 
    height:180px; display:block; float:left; padding-left:20px; 
    border-left:1px solid #4a4d50;
}
div.fullwidth.login div#login-container div#login div#message { 
    height:70px; width:auto;
    margin:20px 0px 0px 0px;
    border-bottom:1px solid #363a3f;
} 
div.fullwidth.login div#login-container div#login div#message h1 { font-size:23px; line-height:30px; color:#fff; } 
div.fullwidth.login div#login-container div#login div#message p { font-size:15px; line-height:22px; color:#a9aaab; }
div.fullwidth.login div#login-container div#login div#message span.name { color:#eebd58; }

div.fullwidth.login div#login-container div#login form { /*margin:20px 0px 0px 30px;*/ } 
div.fullwidth.login div#login-container div#login form input { margin-right:30px; width:170px; } 

div.fullwidth.login div#login-container div#login div.alert { 
    display:block; clear:both; margin-top:35px; margin-left:0px;
    background-color:#d51c1c; border-color:#b71717; color:#fff;
    text-shadow: 0 1px 0 rgba(187, 26, 26, 0.8);
} 
div.fullwidth.login div#login-container div#login div.alert button { margin-top:-2px; }


div.fullwidth.login div#login-container div#login div#companypicker { 
    display:block; float:left; clear:both; width:100%;
}

/* ***************************************************************************************************** */

/*
**
** MIJN ACCOUNT
**
*/

div.fullwidth.incident.mijnaccount { /*border-bottom:1px solid #50555a;*/ }

/* accoutmenu */
div.fullwidth.incident.mijnaccount div.bg.accountmenu { height:80px; background:rgba(0,0,0,0.2); }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul    {  height:60px; margin:5px 0px 5px 15px; }

div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li {
    display:table; height:60px; margin:0px; position:relative; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li div { display:table-cell; vertical-align:middle;  }

div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li div i { font-size:35px; display:inline-block; margin-bottom:-3px; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li div span {font-size:21px; font-weight:700;  }

div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li a { color:#fff; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.active a,
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li:hover a { color:#317fec; /*color:rgba(56,216,135,1);*/ cursor:pointer; text-decoration:none; } 

div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.separator {
    width:1px; height:60px; display:block; background-color:#494a4e; 
    margin:5px 20px 5px 20px; padding:0px;
}

div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.disabled { color:#525962; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.disabled:hover { cursor:default; }


/* NOTE beschikbaar */
li:hover span.note { opacity:1; }
span.note { 
    position:absolute; font-size:12px !important; font-weight:normal !important; opacity:0; z-index:701; 
    background-color:#317fec; padding:5px 10px 5px 10px; border:1px solid #56a1ff;
    color:#fff; margin:25px 0px 0px 40px; margin:25px 0px 0px -75px; left:50%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-transition: all .15s ease;
       -moz-transition: all .15s ease;
        -ms-transition: all .15s ease;
         -o-transition: all .15s ease;
            transition: all .15s ease;
}
span.note i.icon-caret-up {
    position:absolute !important; left:37%; top:0px; color:#317fec !important; margin:-10px 0px 0px 0px !important; font-size:25px !important;
}
/* faq header menu note tweak */
div.container.header ul#menu li span.note { left:52%; width:130px; margin-top:35px;  }



/*
** Wachtwoord Aanpassen
*/

div.fullwidth.incident div.form.wachtwoord    { display:block; }
div.fullwidth.incident div.form.wachtwoord h2 { font-size:25px; }
div.fullwidth.incident div.form.wachtwoord button.btn-custom-succes { float:left !important; margin:15px 0px 0px 0px; clear:none; }
div.fullwidth.incident div.form.wachtwoord button.btn-custom-succes i { margin-right:10px; }


/* ***************************************************************************************************** */













/* ***************************************************************************************************** */    

/*
***
*** ZOEKEN
***
*/

/*
div#header-container div#zoeken {
    width:auto; height:85px; margin:0px; padding:0px 20px 0px 20px;
    display:none; position:relative; z-index:1000 !important;
    }
    div#header-container div#zoeken i { height:75px; width:50px; display:block; text-align:center; line-height:75px; color:#fff; font-size:35px; position:absolute; right:20px; top:0px;  }
    div#header-container div#zoeken i:hover { cursor:pointer; color:#3cee94;  }
    div#header-container div#zoeken input {
        width:1200px; height:75px; display:block; padding:0px 20px 0px 20px; margin:20px 0px 0px 0px; border:0px; border-left:1px solid #9c9c9c;
        font-size:20px; font-weight:200; color:#fff; line-height:55px; outline:none;
        background-color:transparent;
        background:rgba(255,255,255,0.10);
    }
*/


/* ***************************************************************************************************** */






        

            



/*
***
*** Loading overlay
***
*/

section#overlay-loading {
    position: fixed;
    color: #000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1337;
    text-align: center;
}

section#overlay-loading.show {
    display: table;
}

section#overlay-loading div.middle-align {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

section#overlay-loading div.middle-align img.ipub-icon-logo {
    display: inline-block;
}

section#overlay-loading div.middle-align h2 {
    font-size: 1.6em;
    line-height: 2.8em;
}

section#overlay-loading div.middle-align h5 {
    color: #c0c0c0;
    font-weight: 200;
    font-size: 1.1em;
    line-height: 1.1em;    
}

img.ipub-icon-logo {
  animation: spin 1.7s ease infinite normal;
  -moz-animation: spin 1.7s ease infinite normal;
  -webkit-animation: spin 1.7s ease infinite normal;
}

/*
***
*** Login Process
***
*/

div.fullwidth.login div#login-container div#login div.alert.login-error {
    display: none;
}

.alert-error.nonjs {
    line-height: 1.5em;
    text-align: center;
    margin-top: 57px;
}

/* ***************************************************************************************************** */

/*
***
*** JS Login Company Picker
***
*/



body.companypicker div.fullwidth.login div#login-container           { height:auto; }
body.companypicker div.fullwidth.login div#login-container div#login { height:auto; }

                   div#companypicker { display: none; }
body.companypicker div#companypicker div.closeCompanySwitcher { display:none; }

body.companypicker div#companypicker div.incidentrow                 { font-size:1.5em; height:2.5em; padding-left:60px; }
body.companypicker div#companypicker div.incidentrow:hover a         { color: rgb(70,215,128); }
body.companypicker div#companypicker div.incidentrow div.span10 span { line-height:2em; }
body.companypicker div#companypicker div.incidentrow i.client-company-logo    { position:absolute; margin-top:-2px; margin-left:-60px; }
body.companypicker div#companypicker div.incidentrow button.custom-ipub-btn   { margin:0px 0px 0px -112px; width:145px; font-size:0.8em; }
body.companypicker div#companypicker div.incidentrow button.custom-ipub-btn i { font-size:1em; margin-left:0.4em; margin-right:0.1em; }

body.companypicker div#companypicker div.row-fluid.incidentheader { font-size:1.2em; margin-top:0.5em; margin-bottom:0.5em; }


/* company pick after refresh */
div#import-content div.incidentrow                 { font-size:1.5em; height:2.5em;  }
div#import-content div.incidentrow:hover a         { color: rgb(70,215,128); }
div#import-content div.incidentrow div.span10 span { display: inline-table; margin:-15px 0px 0px 10px; }
div#import-content div.incidentrow i.client-company-logo    { display:inline-block; margin:5px 0px 0px 5px; }
div#import-content div.incidentrow button.custom-ipub-btn   { width:145px; font-size:0.8em; margin:7px 7px 0px 0px; float:right; }
div#import-content div.incidentrow button.custom-ipub-btn i { font-size:1em; margin-left:0.4em; margin-right:0.1em; }

/* ***************************************************************************************************** */


/*
***
*** Gepruts van Wietse tot Triss het mooi maakt.
*** TODO!!!
***
*/

/* Welkoms message */

div.lineheight   { position:relative; z-index: 500; } 
div.keuze   { 
    width:auto; height:auto; display:block; position:absolute; top:20px; right:50px; padding:5px 15px 7px 15px;
    background:#22292f; text-align:right; line-height:22px; font-weight:200; font-size:14px;
    border:1px solid #7e7e7e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #222222;
            box-shadow: 0px 0px 5px 0px #222222;
    z-index: 700;
}
div.keuze i.icon { color:#0088cc; font-size:18px; display:inline-block; margin-left:5px; margin-bottom:-5px; text-align:right; }


div.container.home h2 { font-size:25px; }
div.container.home h3 { color: #4eee9d; line-height: 32px; }
div.container.home.mijnaccount h3 { color: #317fec; line-height: 32px; }

div.container.home.mijnaccount h2 { line-height: 32px; border-bottom: 1px solid #50555a; padding-bottom:20px; }
div.container.home.mijnaccount h2 span.project-detail-org,
div.container.home.mijnaccount h2 span.project-detail-per { font-size:18px; color:#a7a7a7; float:right; margin-left:20px; line-height: 32px; }


div.container.home ul    { list-style:circle; margin-left:35px; }
div.container.home ul li { font-size:14px;  line-height:25px; font-weight:300; font-style:italic; }


/* ***************************************************************************************************** */

/*
** alert styling
*/

div.alert.incidentcurrent-show.show {
    /* We invert the class */
    display: none;
}

div.alert.incidentcurrent-hide.hide {
    /* We invert the class */
    display: block;
}

div.alert.alert-info { display:block; padding-left:15px; padding-right:15px; margin-top:10px;  }

div.alert { line-height:24px; margin-top:10px; margin-bottom:10px; }
div.alert button.close { color:#fff; opacity:0.3; }

div.alert.alert-block,
div.alert.alert-block.alert-error { background:rgba(255,0,0,0.3); border:1px solid rgba(255,0,0,0.4); color:#fff; text-shadow: 0 1px 0 #350300; text-align:center; }
div.alert.alert-block h4,
div.alert.alert-block.alert-error h4 { font-size:20px; font-weight:bold; display:inline-block; color:#fff; }

div.alert.alert-success,
div.alert.alert-block.alert-success    { background:rgba(70,215,128,0.4); border:1px solid rgba(85,239,147,0.5); color:#fff; text-shadow: 0 1px 0 #14331a; text-align:center; }
div.alert.alert-success a  { color:#7ad79c; }
div.alert.alert-success a:hover  { color:#91ffb9; }
div.alert.alert-success h2  { font-size:20px; font-weight:bold; margin-bottom:10px; margin-top:10px; }
div.alert.alert-success span.badge  { background-color:#46d780; font-size:16px; font-weight:bold; padding:4px 10px 4px 10px; }

/* ***************************************************************************************************** */


   div.newcomment-button, 
div.closeincident-button { clear:both; position:relative; display:block; }
   div.newcomment-button span.reactie, 
div.closeincident-button span.reactie { padding-left: 20px !important; }
div.closeincident-button span.reactie:hover { color:rgba(56,216,135,1) !important; }

div.dossiercontent div.container div.write                         { margin-top:20px; }
div.dossiercontent div.container div.write.close-incident          { margin-bottom:30px; margin-top:20px; }
div.dossiercontent div.container div.write.close-incident textarea { width:97%; padding-right:0; }

span.waardering { display:inline-block; float:left; text-align:right; padding:3px 10px 0px 15px; font-size:15px; line-height:20px;  }

hr.line { clear:both; float:left; display:block; width:565px; margin-top:15px !important; }

/*
a.btn-custom-succes.small { width:20px; }*/

div.incident div.form { padding-bottom:5px !important; }
div.incident div.form label { cursor:default; }
div.incident div.form label.higher { height:50px; line-height:53px; }   

div.keuze-filter      { display:none; /* Keuzes bij bepaalde typen incidents */ }
div.keuze-filter.show { display:block; }



/* ***************************************************************************************************** */

/*
** incident onderwerp label
*/

div.container.incidentoverzicht div.incidentrow div.onderwerp span.label {
    font-weight:normal; font-size:14px; line-height:22px;
    display: inline-block;
    margin:0px 4px 0px 0px; padding:0px 8px 0px 0px;
    float: none; color:#7ad79c;
    vertical-align: baseline; border-right:1px solid #7ad79c;
    background-color:rgba(255,255,255,0.1) !important;
    background-color:transparent !important;
    border-radius:0px;
}

div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp  { position:relative; }
div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp i.icon-beaker { position:absolute; right:0px; top:23px; font-size:30px; }
div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp span.label {
    clear:both; display:block; border-right:0px;
}



/* ***************************************************************************************************** */

/*
**
** DATA FIELDSET COMMENT
**
*/

div.dossiercontent div.item.client div.item-content fieldset {
    padding:10px 15px 10px 15px; margin:20px 0px 20px 0px;
    border:1px solid #414c58;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.dossiercontent div.item.client div.item-content fieldset legend {
    width: 100%; padding:0px 15px 0px 15px; margin-left:-16px;
    line-height:28px; font-size:14px; font-weight:800;
    background-color:#2f3840; border:1px solid #414c58; color:#fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.dossiercontent div.item.client div.item-content fieldset table                { width:100%; }
div.dossiercontent div.item.client div.item-content fieldset table td             { width:70%; }
div.dossiercontent div.item.client div.item-content fieldset table tr             { border-bottom:1px dashed #3e3e3e; }
div.dossiercontent div.item.client div.item-content fieldset table tr:last-child  { border-bottom:none; }
div.dossiercontent div.item.client div.item-content fieldset table td:first-child {
    min-width: 155px; width:30%; 
    line-height: 30px;
    color:#999; text-align:left; padding-right:10px; color:#317fec;
}

div.dossiercontent div.item.client div.item-content fieldset table thead { display:none; }


/* ***************************************************************************************************** */

/*
**
** RECENT REACTION STYLE
**
*/

.recent-reaction div.item-meta i.icon-star-empty { color:#eebd58; }
.recent-reaction div.item-content {
    border:2px solid #317fec;
    -webkit-box-shadow: 0px 0px 15px 0px #317fec !important;
            box-shadow: 0px 0px 15px 0px #317fec !important;
}
.recent-reaction div.item-content p { font-weight:bold; }


/* ***************************************************************************************************** */

/*
**
** COMPANY SWITCHER
**
*/

div#companySwitcher {
    position: absolute;
    
    width:420px; height:auto; min-height:54px; display:block; margin:79px 0px 0px 99px; margin:79px 0px 0px 99px; padding:54px 0px 0px 0px;
    border: 2px solid #46505c;
    /*background:rgba(0,0,0,0.3);*/
    background:#181b1f;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0px 0px 5px 0px #222222;
            box-shadow: 0px 0px 5px 0px #222222;
    z-index:800;
    display:none;
}

/* CLOSE BUTTON */

div.closeCompanySwitcher { 
    background:rgba(255,255,255,0.15); color:#fff; width:25px; height:25px; position:absolute; right:11px; top:22px;
    text-align:center; line-height:25px; border:1px solid #46505c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:none;
}
div.closeCompanySwitcher:hover {
    background:rgba(255,255,255,0.1); border:1px solid #363e47;
    color:#eebd58; text-decoration:none; cursor:pointer;
}
div#companySwitcher div.closeCompanySwitcher { display:block; }

/***************************/

div#companySwitcher div.row-fluid.incidentheader div.span10 { display:block; line-height:40px; font-weight:200; padding-left:65px; padding-top:7px; }

div#companySwitcher div.row-fluid.incidentrow              { border-top:1px solid #252b31; padding:0px 0px 0px 0px; }

div#companySwitcher div.row-fluid.incidentrow a  { /*border:1px solid green;*/ display:block; height:60px; }
div#companySwitcher div.row-fluid.incidentrow a div.span10  { width:270px; }
div#companySwitcher div.row-fluid.incidentrow a div.span2   { width:130px; }
div#companySwitcher div.row-fluid.incidentrow a div.span10 span { 
    display:inline-block; height:50px; line-height:50px; margin:5px 0px 0px 10px; 
}
div#companySwitcher div.row-fluid.incidentrow a div.span10 i img  { 
    border:2px solid #414a54; margin-top:-2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div#companySwitcher div.row-fluid.incidentrow:hover       { background:rgba(255,255,255,0.05); }
div#companySwitcher div.row-fluid.incidentrow:hover a       { color:#fff !important; }
div#companySwitcher div.row-fluid.incidentrow:hover a div.span10 i img { border:2px solid #4c5662; }

div#companySwitcher div.row-fluid.incidentrow:last-child:hover { 
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

div#companySwitcher div.incidentrow div.span10 span {
    /*border:1px solid red; margin-top:10px;*/
}

/* ***************************************************************************************************** */
























/* ***************************************************************************************************** */

/*
**
** ALL BUTTONS!!! BUTTONS BUTTONS BUTTONS AND SOME MORE BUTTONS!
**
*/

/* ***************************************************************************************************** */

/*
** CUSTOM BUTTON
*/
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn,  
button.custom-ipub-btn {
    width:200px; display:block; margin:25px 0px 0px 220px; position:relative;
    color:#fff; font-size:18px; line-height:40px; text-align:center; text-decoration:none; 
    text-shadow: 1px 1px 2px rgba(47,151,102, 0.99);
    
    background-color: rgba(56,216,135,1) !important;
    border:0px;
    
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
    -webkit-transition: all .06s ease;
       -moz-transition: all .06s ease;
        -ms-transition: all .06s ease;
         -o-transition: all .06s ease;
            transition: all .06s ease;
}
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn i,
button.custom-ipub-btn i { font-size:25px; margin:-6px 14px 0px -5px; }
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn:hover,
button.custom-ipub-btn:hover   { background-color:rgba(61,233,146,1); cursor:pointer; top:0px; }
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn:active,
button.custom-ipub-btn:active  {
    -webkit-box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
}

/* ***************************************************************************************************** */

/* 
** CUSTOM BUTTON EXECPTIONS
*/

/* add incident big button */
div.fullwidth.incident button.custom-ipub-btn   { margin-left:220px; margin-top:20px; }

/* company switcher */
div#companySwitcher    button.custom-ipub-btn   { width:120px; line-height:36px; text-align:center; margin: 7px 0px 0px 5px; }
div#companySwitcher    button.custom-ipub-btn i { font-size:20px; margin:-2px 5px 0px 0px; }

/* dossier header */
div.fullwidth.dossier  button.custom-ipub-btn   { width:auto; line-height:36px; padding:0px 10px 0px 10px; margin:20px auto 0px auto; right:-15px; position:relative; z-index:999; }
div.fullwidth.dossier  button.custom-ipub-btn i { margin:-7px 10px 0px 10px; font-size:28px; }

div.fullwidth.dossier  button.custom-ipub-btn.addcomment {
    background-color: rgba(237, 189, 76,1) !important;
    -webkit-box-shadow: 0px 4px 0px rgba(200, 160, 67,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(200, 160, 67,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(200, 160, 67,1), 0px 5px 10px rgba(0,0,0,.7);
    text-shadow: 1px 1px 2px rgba(222,106,26, 0.99);
}
div.fullwidth.dossier  button.custom-ipub-btn.addcomment:hover   { background-color: rgba(250, 201, 87,1); }
div.fullwidth.dossier  button.custom-ipub-btn.addcomment:active  {
    -webkit-box-shadow: 0px 2px 0px rgba(200, 160, 67,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(200, 160, 67,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(200, 160, 67,1), 0px 2px 6px rgba(0,0,0,.9);
}
/*
div.fullwidth.dossier  button.custom-ipub-btn.addcomment:hover {
    background-color: rgba(224,166,25,1);
}
*/

/* login and incidentrow width fix */
div.fullwidth.login             button.custom-ipub-btn,
div.container.incidentoverzicht button.custom-ipub-btn { width:150px; line-height:36px; }





/* ***************************************************************************************************** */

/* CUSTOM BUTTON SUCCES */

a.btn-custom-succes,
button.btn-custom-succes { 
    position: relative; 
    color:rgba(255,255,255,1); text-decoration:none;
    color:#fff; font-size:18px; line-height:25px;
    background-color: rgba(56,216,135,1);
    text-shadow: 1px 1px 2px rgba(47,151,102, 0.99);

    display:block; float:right;
    border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(47,151,102,1), 0px 5px 10px rgba(0,0,0,.7);
    margin: 0px 0px 0px 0px; padding:8px 12px 8px 12px; 
    width:140px;
    text-align: center;
    
    -webkit-transition: all .06s ease;
    -moz-transition: all .06s ease;
    -ms-transition: all .06s ease;
    -o-transition: all .06s ease;
    transition: all .06s ease;
}
a.btn-custom-succes:hover,
button.btn-custom-succes:hover  { cursor:pointer; background-color: rgba(61,233,146,1); top: 0px; }
a.btn-custom-succes:active,
button.btn-custom-succes:active {
    -webkit-box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(47,151,102,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
    
}


/* ***************************************************************************************************** */

/* CUSTOM BUTTON CANCEL */

a.btn-custom-cancel { 
    position:relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    color:#fff; font-size:15px; line-height:24px;
    background-color: rgba(216,24,13,1);
    text-shadow: 1px 1px 2px rgba(162,22,14, 0.99);

    display: block; float:left;
    border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(162,22,14,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(162,22,14,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(162,22,14,1), 0px 5px 10px rgba(0,0,0,.7);
    margin: 0px 0px 0px 0px; padding:2px 4px 2px 4px;
    width:100px;
    text-align: center;
    
    -webkit-transition: all .06s ease;
    -moz-transition: all .06s ease;
    -ms-transition: all .06s ease;
    -o-transition: all .06s ease;
    transition: all .06s ease;
}
a.btn-custom-cancel:hover  { cursor:pointer; background-color: rgba(240,27,15,1); top:0px; }
a.btn-custom-cancel:active {
    -webkit-box-shadow: 0px 2px 0px rgba(162,22,14,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(162,22,14,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(162,22,14,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
}

a.btn-custom-cancel.big { line-height:25px; padding:8px 4px 8px; } 

/* ***************************************************************************************************** */

/* CUSTOM BUTTON UPLOAD */

a.btn-custom-upload { 
    position:relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    color:#fff; font-size:15px; line-height:24px; font-weight:200;
    background-color: rgba(49,127,236,1);
    text-shadow: 1px 1px 2px rgba(42,105,194,1);

    display: block; /*float:right;*/ float:left;
    border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(42,105,194,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(42,105,194,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(42,105,194,1), 0px 5px 10px rgba(0,0,0,.7);
    margin: 6px 12px 0px 95px; /*top:40px;*/  padding:2px 10px 2px 10px;
    width:auto;
    text-align: center;
    
    -webkit-transition: all .06s ease;
    -moz-transition: all .06s ease;
    -ms-transition: all .06s ease;
    -o-transition: all .06s ease;
    transition: all .06s ease;
}
a.btn-custom-upload i { margin:-2px 3px 0px 0px; }
a.btn-custom-upload:hover  { cursor:pointer; background-color: rgba(84,155,255,1); /*top:40px;*/ }
a.btn-custom-upload:active {
    -webkit-box-shadow: 0px 2px 0px rgba(42,105,194,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(42,105,194,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(42,105,194,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
    /*top: 40px;*/
}

/* ***************************************************************************************************** */

/* CUSTOM BUTTON CLOSE */

a.btn-custom-close { 
    position:relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    color:#fff; font-size:15px; line-height:24px;
    background-color: rgba(40,47,56,1);
    text-shadow: 1px 1px 2px rgba(162,22,14, 0.99);

    display:inline-block; float:right;
    border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(31,36,42,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(31,36,42,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(31,36,42,1), 0px 5px 10px rgba(0,0,0,.7);
    margin: 0px 0px 0px 0px; padding:2px 10px 2px 10px;
    width:100px;
    text-align: center;
    
    -webkit-transition: all .06s ease;
    -moz-transition: all .06s ease;
    -ms-transition: all .06s ease;
    -o-transition: all .06s ease;
    transition: all .06s ease;
}
a.btn-custom-close:hover  { cursor:pointer; background-color: rgba(54,63,75,1); top:0px; }
a.btn-custom-close:active {
    -webkit-box-shadow: 0px 2px 0px rgba(31,36,42,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(31,36,42,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(31,36,42,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
}

/* ***************************************************************************************************** */

/* CUSTOM BUTTON GOUD */

button.btn-custom-goud, a.btn-custom-goud { 
    position: relative; 
    color:rgba(255,255,255,1); text-decoration:none;
    color:#443c2d; color:#fff; font-size:18px; line-height:25px;
    background-color: rgba(238,189,88,1);
    text-shadow: 1px 1px 2px rgba(197,141,26, 0.99);

    display:block; float:right;
    border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 0px rgba(197,141,26,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(197,141,26,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(197,141,26,1), 0px 5px 10px rgba(0,0,0,.7);
    margin: 0px 0px 0px 0px; padding:8px 12px 8px 12px; 
    width:140px;
    text-align: center;
    
    -webkit-transition: all .06s ease;
    -moz-transition: all .06s ease;
    -ms-transition: all .06s ease;
    -o-transition: all .06s ease;
    transition: all .06s ease;
}

button.btn-custom-goud:hover, a.btn-custom-goud:hover  { cursor:pointer; background-color: rgba(255,213,127,1); top: 0px; }

button.btn-custom-goud:active, a.btn-custom-goud:active {
    -webkit-box-shadow: 0px 2px 0px rgba(197,141,26,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(197,141,26,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(197,141,26,1), 0px 2px 6px rgba(0,0,0,.9);
    position: relative;
}

/* ***************************************************************************************************** */




div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn,
div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn { 
    margin:10px 0px 0px 0px; width:130px; height:auto !important; font-size:18px;
    float:right;
}
div.container.incidentoverzicht.testbevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn i,
div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn i { margin-left:5px; margin-top:-9px; margin-right:0px; }

/* Andere stylen */
div.container.incidentoverzicht div.incidentrow.statuscode-0007 div.id,
div.container.incidentoverzicht div.incidentrow.statuscode-exta div.id,
div.container.incidentoverzicht div.incidentrow.statuscode-extp div.id        { color:#fff; }

div.container.incidentoverzicht.testbevindingen div.incidentrow  button.custom-ipub-btn,
div.container.incidentoverzicht div.incidentrow.statuscode-0007  button.custom-ipub-btn,
div.container.incidentoverzicht div.incidentrow.statuscode-extp  button.custom-ipub-btn,
div.container.incidentoverzicht div.incidentrow.statuscode-exta  button.custom-ipub-btn { 
    background-color: rgba(208,208,208,1) !important;
    text-shadow: 1px 1px 2px rgba(100,100,100,1);

    -webkit-box-shadow: 0px 4px 0px rgba(150,150,150,1), 0px 5px 10px rgba(0,0,0,.7);
       -moz-box-shadow: 0px 4px 0px rgba(150,150,150,1), 0px 5px 10px rgba(0,0,0,.7);
            box-shadow: 0px 4px 0px rgba(150,150,150,1), 0px 5px 10px rgba(0,0,0,.7);
}
div.container.incidentoverzicht.testbevindingen div.incidentrow  button.custom-ipub-btn:hover,
div.container.incidentoverzicht div.incidentrow.statuscode-0007  button.custom-ipub-btn:hover,
div.container.incidentoverzicht div.incidentrow.statuscode-extp  button.custom-ipub-btn:hover,
div.container.incidentoverzicht div.incidentrow.statuscode-exta  button.custom-ipub-btn:hover  { background-color: rgba(240,240,240,1); }

div.container.incidentoverzicht.testbevindingen div.incidentrow  button.custom-ipub-btn:active,
div.container.incidentoverzicht div.incidentrow.statuscode-0007  button.custom-ipub-btn:active,
div.container.incidentoverzicht div.incidentrow.statuscode-extp  button.custom-ipub-btn:active,
div.container.incidentoverzicht div.incidentrow.statuscode-exta  button.custom-ipub-btn:active {
    -webkit-box-shadow: 0px 2px 0px rgba(150,150,150,1), 0px 2px 6px rgba(0,0,0,.9);
       -moz-box-shadow: 0px 2px 0px rgba(150,150,150,1), 0px 2px 6px rgba(0,0,0,.9);
            box-shadow: 0px 2px 0px rgba(150,150,150,1), 0px 2px 6px rgba(0,0,0,.9);
}




/* ***************************************************************************************************** */




a.collapseall { top:28px; height:28px; width:35px; padding-left:10px; margin-left:1105px; display:block; position:absolute; line-height:30px; margin-top:0px; display:none; }
a.collapseall:hover { top:28px; }
a.collapseall:active { top:28px; position: absolute; }
a.faqlink u { text-decoration: underline; color : #4eee9d; color: #eebd58;  font-weight: bold; }
a.faqlink:hover, a.faqlink:hover u { text-decoration: none; }

div.container.incidentoverzicht.incidentheader.faqoverzichtdetails div.row-fluid div.span1 { color: #eebd58; }
div.container.incidentoverzicht.incidentheader.faqoverzichtdetails, div.container.incidentoverzicht.incidentheader.faqoverzichtdetails div.row-fluid.incidentrow { cursor: default; }
div.container.subheader.faq { height: auto; }
div.container.subheader.faq div.fake-span12 { width: 100%; }
ul.bb { margin:0; padding: 0; list-style: circle;  }
li.bb { padding:0; margin:0 0 0 20px; font-weight: 300; font-style: italic; color:#b9b9b9; font-size:15px !important;  }

p.faq-container { line-height: 1.5em; margin-top: 1em; width:96%; padding:0 2% 0 2%; }
p.faq-container b, div.container b { font-weight:600; }
p.faq-container e, div.container e { font-weight:600; color:#eebd58; }
p.faq-container c, div.container c { color:#fff; background-color:rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.25); border:1px dotted grey; padding:0px 5px 3px 5px; font-weight:300; white-space: nowrap; }
div.incident div.item c { color: #317fec; background-color: #f0f0f0; border-radius: 2px; }

i.faq.icon.icon-file-alt { color: #4eee9d; color: #eebd58;  }
a.btn-custom-goud.faq {
    height: 2em !important;
    line-height: 2em;
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
    margin-right: 5px;
    margin-top: 6px;
}
div.fullwidth.header.unauthorized-hide { display: none; }

/* Wietse voegt nog wat toe, 14-06-2013: */

.hide { display: none !important; }
.font-red { color: #F22146; }
.font-blue { color: #317fec; }
.font-green { color: #7ad79c; }
.font-orange { color: #eebd58; }

p.project-description { margin-top: 1.3em; }
div.fullwidth.incident.project-incident div.form { display: block; }

/* Wietse voegt nog wat toe, 17-06-2013: */

section#screenshot-notification { width: 100%; min-height: 100px; position: relative; }
#screenshot-notification-bar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #EDBD4C;
    -webkit-box-shadow: 0px 4px 4px 0px #22272e;
    box-shadow: 0px 4px 4px 0px #22272e;
    padding: 15px 20px 5px 20px;
}

/* Google Chrome Screenshot & File Upload (new Incident) functionality */

#screenshot-notification-bar img { max-width: 150px; max-height: 90px; margin-right: 20px; margin-bottom: 10px; float: left; }
#screenshot-notification-bar h1 { font-weight: 600; margin-bottom: 5px; }
#screenshot-notification-bar p { display: block; font-size: 0.9em; line-height: 1.2em; clear: right; margin-bottom: 12px; }
#screenshot-notification-bar b { font-weight: bold }
#screenshot-notification-bar span.clear { display: block; margin: 0; padding: 0; line-height: 1px; clear: both; }
#screenshot-notification-bar button.dismiss:hover { text-decoration: none; opacity: .5; }
#screenshot-notification-bar button.dismiss { 
    color: #000;
    opacity: .3;
    font-size: 1.5em;
    font-weight: bold;
    float: right;
    cursor: pointer;
    line-height: 1.5em;
    margin-top: -12px;
    display: block;
    margin-right: 15px;
}

div.well.screenshot-upload {
    margin-top: -10px;
}

div.well.screenshot-upload div#uploaded-images {
    position: relative;
    display: block;
    margin-left: -22px;
    margin-top: -10px;
    color: #fff;
}

div.well.screenshot-upload div#uploaded-images ul.images {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

div.well.screenshot-upload div#uploaded-images ul.images li {
    display: inline-block;
    vertical-align: top;
}

div.well.screenshot-upload div#uploaded-images ul.images img {
    max-width: 100px;
    max-height: 80px;
    margin-right: 2px;
    cursor: pointer;
    margin: 2px;
    opacity: .75;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.well.screenshot-upload div#uploaded-images ul.images img:hover, 
div.well.screenshot-upload div#uploaded-images ul.images img.img-picked { 
    border: 2px solid #eebd58; position: relative; margin: 1px; opacity: 1; 
}

input#fileupload { display: block; position: absolute; opacity: 0.001; z-index: 999; width: 430px; height: 42px; }

a.btn.file-upload {
    height: 40px;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
    border: 2px solid #a1a1a1;
    border-left: none;
}

label.not-higher { line-height: 10px !important; }
input.filebrowser { cursor: pointer; }
.images-upload-container { clear: both; }
.extra-top20 { margin-top: 20px; }
.extra-top20 div.well.screenshot-upload { margin-top: 0px; }
.extra-top20 label.not-higher { line-height: 30px !important; }
div.well.screenshot-upload div#uploaded-images ul.images img.img-picked { border: 2px solid #317fec; }

/* * * * * * * */

div.reaction div.well.real-upload-container {
    padding-left: 12px !important;
    padding-right: 20px !important;
}

div.reaction div.well.real-upload-container label {
    color: #fff;
    margin-bottom: 10px;
    margin-top: -10px;
}

div.reaction div.well.real-upload-container a.btn.file-upload {
    height: 28px;
    line-height: 28px;
    border: 1px solid #a1a1a1;
}

div.reaction div.well.screenshot-upload {
    margin-top: -1px;
}

div.reaction div.images-upload-container label.not-higher {
    display: none;
}

.container ol { list-style: decimal; margin-left: 35px; list-style: upper-roman; }
.container ol li { line-height: 1.5em; }
a.bb-link { text-decoration: none; }
a.bb-link:hover, a.bb-link:hover u { text-decoration: none; color: #fff !important; }
a.bb-link i.icon { color: #fff; font-size: 0.7em; }

.alert-error-imp {
color: #b94a48 !important;
background-color: #f2dede !important;
border-color: #eed3d7 !important;
}