/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	/*body { border-top:3px solid yellow; }*/
	body { padding-left:0px; padding-right:0px; background:url('../images/bg.jpg') top center scroll repeat-x; }

    div.lineheight   { padding:0 5% 0 5%; } 
	
	div.container.header div#welcome { height:125px; width:auto; padding:0px 15px 0px 15px; border-bottom:1px solid #50555a; }
    div.container.header div#welcome span#welcome-message { font-size:15px; margin-top:27px; height:60px; line-height:70px; margin:0px 5px 0px 0px; }
    div.container.header div#welcome span#client-name     { font-size:22px; margin-top:23px; height:60px; line-height:70px; margin:0px; }
    div.container.header div#welcome a#switch { margin:22px 0px 0px 20px; float:left !important; clear:none; }

    div.container.header div#welcome span#clearleft { }

    div.container.header div#welcome i.client-company-logo { margin-top:0px; margin-left:0px; width:55px; height:55px; }
    div.container.header div#welcome img#client-company-logo { width:35px; height:35px; } 
    div.container.header div#welcome span#client-company { font-size:14px; margin:20px 0px 0px 10px; }
    div.container.header div#welcome span#stripe { margin:17px 10px 0px 10px; font-size:20px;}
    div.container.header div#welcome a#signout {
            display:inline-block; float:left; width:auto; margin:0px 10px 0px 0px; margin-top:20px;
            color:#969696; font-size:13px; font-weight:400; text-align:left; text-decoration:none;
            }
            div.container.header div#welcome a#signout i { margin:2px 5px 0px 0px; font-size:20px; }

    div.keuze { display:none; }
	
/*
    div.container.header ul#menu {
        height:100px; display:block; float:left; list-style:none; margin:10px 0px 0px 0px;
    }
    div.container.header ul#menu li { 
        width:20%; height:auto; display:block; float:right; margin:0px auto 0px auto;
    }
    div.container.header ul#menu li a {
	    width:100%; height:auto; padding-top:30px;
	    text-align: center;
	}
	div.container.header ul#menu li a i {
		display:block; margin:0px auto;
        font-size:40px; position:relative; margin-bottom:20px;
    }
    */

    /*
    ** Mobile Menu
    */
    div.container.header i.icon-reorder {
        position:relative; top:0px; width:auto; height:50px; display:block; text-align:left; line-height:50px !important; font-size:30px; color:#fff;
        background: rgba(0,0,0,0.4); border-bottom:1px solid #444; padding:0px 20px 0px 20px;
        z-index:9999;
    }
    div.container.header i.icon-reorder:active,
    div.container.header i.icon-reorder.active { background: rgba(255,255,255,1); border:1px solid #444; color:black; }
    div.container.header i.icon-reorder i { float:right; } 
    
    div.container.header ul#menu li.sep,
    div.container.header ul#menu li#notifications     { display:none !important; }

    div.container.header ul#menu        { 
        width:100% !important; height:auto !important; padding:0px; border-bottom:5px solid #1e2225;
        position:relative; z-index: 999; display:none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    div.container.header ul#menu li     { 
        width:100% !important; height:50px !important; float:left; margin:0px 0px 0px 0px !important;
    }
    div.container.header ul#menu li#mijn        { background:rgba(0,0,0,0.05); border-bottom:1px solid #15181b; }
    div.container.header ul#menu li#insturen    { background:rgba(0,0,0,0.08); border-bottom:1px solid #15181b; }
    div.container.header ul#menu li#support     { background:rgba(0,0,0,0.12); border-bottom:1px solid #15181b; }
    div.container.header ul#menu li#project     { background:rgba(0,0,0,0.15); border-bottom:1px solid #15181b; }
    div.container.header ul#menu li#faq         { background:rgba(0,0,0,0.18); border-bottom:1px solid #15181b; }

    div.container.header ul#menu li a   { 
        width:100% !important; height:50px !important; display:block; margin:0px; padding:0px !important; text-align:left !important;
        line-height:50px !important; 
    }
    div.container.header ul#menu li a i {
        display:block !important; float:left; margin:0px 10px 0px 10px !important; padding:0px !important; font-size:40px; position:relative; 
        height:50px; width:50px; line-height:50px !important; text-align:center;
    }
    div.container.header ul#menu li.active a i { font-size:40px; }
    div.container.header ul#menu li.active:hover  a   { color: #fff; font-weight:900; }
    div.container.header ul#menu li.active:hover  a i { color: #fff; font-weight:normal; }
    div.container.header ul#menu li:hover  a   { color: #bcc1c7; font-weight:normal; }
    div.container.header ul#menu li:hover  a i { color: #727b89; font-weight:normal; }


    div.container.home div.keuze { display:none; }

    div.middle-align h2 { font-size:16px !important;  }

    div.alert { width:80%; text-align:center; margin:0 auto; }

    /*
    ** Subheader
    */

    div.container.subheader { height:auto; }
    div.container.subheader div {
        width:auto; height:85px; margin:0px; padding-left:20px; padding-right:20px;
        }
        
        div.container.subheader div span {
            height:85px; display:block; float:left; font-size:15px; font-weight:700; line-height:85px; margin:0px 5px 0px 0px; color:#fff; 
            }
        div.container.subheader div i {
            height:85px; display:block; float:left; font-size:13px; font-weight:normal; line-height:90px !important; margin:0px 5px 0px 0px; color:#b2b2b2;
            }
        div.container.subheader div span:first-child { color:#b2b2b2; }

    /* faw show pagina */
    div.container.incidentoverzicht.incidentheader.faqoverzichtdetails div.row-fluid div.project { margin-right:9px; }
    a.btn-custom-goud.faq { float:left; }
    div.container.incidentoverzicht.incidentheader.faqoverzichtdetails div.incidentrow { border-left: 0px solid transparent; }
    div.container.incidentoverzicht.incidentheader.faqoverzichtdetails:hover div.incidentrow { border-left: 0px solid transparent !important; }

    div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul { margin-top:0px; }
    div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken { width:100%; }
    div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken div input { height:58px; width:60%; font-size:17px; margin-bottom:10px; }
    div.fullwidth.incident.mijnaccount.faq div.bg.accountmenu div.container div.row ul li.zoeken div input:focus { height:58px; width:60%; }
    div.autocomplete-suggestions { width: 53% !important; }

    div.container.faqoverzicht { margin:15px 15px 30px 15px; margin-bottom:30px; margin-top:15px; border-top:1px solid #757575;  }

    div.container.faqoverzicht div.incidentrow { border-left:0px !important; }
    div.container.faqoverzicht:hover div.incidentrow { border-left:0px !important; }
    div.container.faqoverzichtheader div.incidentheader { display:none; }
    

    div.fullwidth.dossier.incident hr, hr.split { clear:both; }

/* ACCOUNT MENU*/

div.fullwidth.incident.mijnaccount div.bg.accountmenu { height:auto; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li { width:95%; clear:both; border-top:1px solid #494a4e; padding:0px; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li:first-child { border-top:0px; }
div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.separator { display:none; }


/* SUPPORT */

div.fullwidth.incident div.bg { width:90%; padding-left:5%; padding-right:5%; }

div.fullwidth.incident div.bg.third div.container div.row  ul li { font-size:16px; font-weight:400; }

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


div.fullwidth.incident div.form  { width:90%; padding-left:5%; padding-right:5%; }
div.fullwidth.incident div.form h4 { margin: 0px 0px 10px 0px;  }
div.fullwidth.incident div.form p.note { margin: 0px 0px 25px 0px; }

/*
div.fullwidth.incident div.form div.input-prepend { width:100%; display:block; clear:both; }
*/
div.fullwidth.incident div.form span.add-on { clear:both; }

div.fullwidth.incident div.form div.radiogroup { display:block; float:left; width:100%; min-height:40px; overflow: hidden; margin-bottom:20px; }
div.fullwidth.incident div.form div.radiogroup input { width:auto; /*margin:0px; */}
div.fullwidth.incident div.form div.radiogroup label.radio { clear:none; /*margin:0px;*/ margin:-4px 20px 0px 0px; }

div.fullwidth.incident div.form label { width:100%; display:block; clear:both; height:20px; line-height:20px; margin-bottom:5px; margin-top:10px; }
div.fullwidth.incident div.form input { width:100%; height:44px; margin-top:0px; }
div.fullwidth.incident div.form select { width:99%; height:44px; }

div.fullwidth.incident div.form textarea { width:95%; height:200px; }
div.fullwidth.incident div.form button[type="submit"] { width:98%; margin: 25px 0px 0px 0px; }



/* SUPPORT INCIDENT OVERZICHT */

/**** incident header */
div.container.incidentoverzicht div.incidentheader       { 
    width:20%; height:auto; display:block; float:left; padding:0px; border:1px solid red;
    text-align: right;
    display:none;
}
div.container.incidentoverzicht div.incidentheader div i { display:none;}
div.container.incidentoverzicht div.incidentheader div   {
    line-height:35px; font-size:14px; font-weight:400; color:#4eee9d; white-space:nowrap;
}

/**** incident row */
div.container.incidentoverzicht.afgehandeld div.incidentrow,
div.container.incidentoverzicht div.incidentrow {
    width:90%; height:auto; display:block; float:left; margin-bottom:40px; padding:0 5% 0 5%;
    border:0px;
    border-top:1px solid #50555a;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
div.container.incidentoverzicht.afgehandeld div.incidentrow:hover,
div.container.incidentoverzicht div.incidentrow:hover { border:0px; border-top:1px solid #50555a; } 

div.container.incidentoverzicht div.incidentrow div { line-height:35px; height:auto !important; }
div.container.incidentoverzicht div.incidentrow div span { line-height:35px; height:auto; }

div.container.incidentoverzicht div.incidentrow div.id { display:block; float:left; }

div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn { width:90%; margin:0 5%; }





/* PROJECT PAGE */

div.fullwidth.dossier div.dossierheader  {
        width:90%; padding-left:5%; padding-right:5%;
        }
div.dossiercontent div.container { width:90%; padding-left:5%; padding-right:5%; }
div.dossiercontent div.container div.item { margin-bottom:50px; }


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.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;
    }


/* LOGIN PAGINA */
div.container div.offset2 { margin-left:0px; }
div.container.logo { padding-top:30px; margin-top:0px; }
div.container.logo a img#ipublogo { margin-left:3%; width:300px; }

div.fullwidth.login div#login-container { min-height:365px; }
div.fullwidth.login div#login-container div.container { width:90%; }
div.fullwidth.login div#login-container div#login-title { height:90px; line-height:90px; width:100%; border-bottom:1px solid #4a4d50; border-right:0px; }
div.fullwidth.login div#login-container div#login-title i { height:90px; font-size:50px; }
div.fullwidth.login div#login-container div#login-title span { height:90px; line-height:90px; font-size:35px; }

div.fullwidth.login div#login-container div#login { height:90px; width:100%; display:block; float:left; border-left:0px; padding-left:0px; }
div.fullwidth.login div#login-container div#login div#message { height:auto; width:auto; margin:10px 0px 10px 0px; border-bottom:0px; } 

div.fullwidth.login div#login-container div#login button { clear:both; float:left; margin:0px; } 

div.fullwidth.login div#login-container div#login form span.add-on { clear:both; }
div.fullwidth.login div#login-container div#login form input { margin-right:20px; width:85%; display:block; float:left; }
div.fullwidth.login div#login-container div#login form input:last-child { margin-right:0px; }

div.fullwidth.login div#login-container div#login div.alert { 
    display:block; clear:both; float:left; margin-top:25px; 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; }


body.companyPicker div.fullwidth.login div#login-container div#login-title { height:90px !important; }

body.companypicker div.fullwidth.login div#login-container div#login div#companypicker .row-fluid div.span10 {
    float:left !important; display:block; clear:both; width:80%;
}
body.companypicker div.fullwidth.login div#login-container div#login div#companypicker .row-fluid div.span10 span {
    margin-bottom:10px; line-height:auto;
}
body.companypicker div.fullwidth.login div#login-container div#login div#companypicker .row-fluid div.span2 {
    width:auto !important; float:left !important; display:block;
}
body.companypicker div.fullwidth.login div#login-container div#login div#companypicker .row-fluid  { 
    height:auto !important;
    margin-bottom:20px !important;
}

/*
ul#menu { display:none !important; }
*/



	

}