/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	/*body { border-top:3px solid red; }*/

	div.container.header div#welcome { height:120px; width:96%; border-bottom:1px solid #50555a;  }
	div.container.header div#welcome span#welcome-message { font-size:17px; margin-top:27px; height:120px; line-height:125px; margin:0px 5px 0px 0px; }
	div.container.header div#welcome span#client-name 	  { font-size:24px; margin-top:23px; height:120px; line-height:125px; margin:0px; }
	div.container.header div#welcome a#switch { margin:56px 0px 0px 20px; float:left !important; clear:none; }

    div.container.header div#welcome span#clearleft { clear: none; }

    div.container.header div#welcome i.client-company-logo { margin-top:35px; margin-left:10px; 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:16px; margin:55px 0px 0px 10px; }
	div.container.header div#welcome span#stripe { margin:52px 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:55px;
            color:#969696; font-size:14px; 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.fullwidth.header {
        background: rgba(0,0,0,0.1) !important; padding-bottom:20px;
    }
    div.container.header ul#menu {
        width:100%;
        height:155px; display:block; float:left; clear:both; list-style:none; margin:15px 0px 0px 18px;
        text-align:center;
    }
    
    div.container.header ul#menu li.sep  { display:none; }
    div.container.header ul#menu li { width:115px; height:110px; display:inline-block; float:right; margin:0px 5px 0px 0px !important; }
    div.container.header ul#menu li a { width:110px; height:160px; padding-top:0px; } 
    div.container.header ul#menu li a i { 
        width:110px; height:60px; font-size:45px; position:relative; padding-top:50px;
        background:rgba(255,255,255,0.1);
        border-radius:50% 50%;
    }
    div.container.header ul#menu li a:hover,
    div.container.header ul#menu li a:active, { font-weight:normal !important; }

    div.container.header ul#menu li.active a i { 
        font-size:60px; background:rgba(255,255,255,1); color:#282f36; color:#a7a2a7;
    }
    


    div.container.header ul#menu li#notifications { margin-right:20px !important; }
    div.container.header ul#menu li#notifications a span.aantal {
            right:23px;
            
        }
        div.container.header ul#menu li#notifications:hover a span.aantal { 
            right:23px;
        }
        


    /* form styles */

    div.fullwidth.incident div.form h4 { margin: 0px 0px 10px 20px; }
	div.fullwidth.incident div.form p.note { margin: 0px 0px 25px 20px; }

    div.fullwidth.incident div.form input.input-xxlarge { width:400px; }
    div.fullwidth.incident div.form textarea { width: 654px; }

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



    /* SUPPORT INCIDENT OVERZICHT */

    div.dossiercontent div.container div.item.client { padding-left:9px; }
    div.dossiercontent div.container div.item.system { padding-right:9px; }

    div.container.incidentoverzicht div.incidentrow div.project   { padding-left:10px; }
    div.container.incidentoverzicht div.incidentrow div.actie     { font-size:12px; }
    div.container.incidentoverzicht div.incidentrow div.datum     { font-size:11px; white-space:nowrap; }

    div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn { font-size:14px; text-align:center; margin:3px auto 15px auto; }
    div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn i { margin-left:0px; margin-top:-9px; font-size:16px; }

    /* LOGIN PAGINA */
    div.container div.offset2 { margin-left:20px; }
    div.container.logo a img#ipublogo { margin-left:0px; }

    div.fullwidth.login div#login-container { height:235px; }
    div.fullwidth.login div#login-container div#login-title { height:90px; line-height:90px; width:100%; margin-bottom:5px; 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; }

    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:0px 0px 0px 0px; border-bottom:0px; } 

    div.fullwidth.login div#login-container div#login form input { margin-right:20px; width:160px; }

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

    /* mijn account menu */
    div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li div i    { font-size:25px; }
    div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li div span { font-size:14px; }
    div.fullwidth.incident.mijnaccount div.bg.accountmenu div.container div.row ul li.separator { margin: 5px 5px 5px 7px; }

    /* faw show pagina */
    div.container.incidentoverzicht.incidentheader.faqoverzichtdetails div.row-fluid div.project { margin-right:9px; }

   
    /* PROJECT PAGE */
    div.container.incidentoverzicht.bevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn,
    div.container.incidentoverzicht.bevindingen div.incidentrow button.custom-ipub-btn,
    div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn { width:100px !important; font-size:14px !important; margin:10px 0px 0px 0px; }

    div.container.incidentoverzicht.bevindingen div.incidentrow.statuscode-e3 button.custom-ipub-btn i,
    div.container.incidentoverzicht.bevindingen div.incidentrow button.custom-ipub-btn i,
    div.container.incidentoverzicht div.incidentrow button.custom-ipub-btn i { font-size:14px !important; }



    div.container.incidentoverzicht.projecten div.incidentrow { clear:both; margin-bottom:20px;}

    div.container.incidentoverzicht div.incidentrow div.id,
    div.container.incidentoverzicht.projecten div.incidentrow div.id { width:60px; }

    div.container.incidentoverzicht div.incidentrow div.project,
    div.container.incidentoverzicht.projecten div.incidentrow div.project { width:150px; }

    div.container.incidentoverzicht div.incidentrow div.onderwerp,
    div.container.incidentoverzicht.projecten div.incidentrow div.onderwerp { width:400px;  }

    div.container.incidentoverzicht div.incidentrow div.actie           { clear:both; width:565px; }
    div.container.incidentoverzicht.afgehandeld div.incidentrow div.actie,
    div.container.incidentoverzicht.projecten div.incidentrow div.actie { clear:both; width:480px; }

    div.container.incidentoverzicht div.incidentrow div.klaar,
    div.container.incidentoverzicht.projecten div.incidentrow div.button { float:right !important; margin-right:10px; }
    
    div.container.incidentoverzicht div.incidentrow div.button button,
    div.container.incidentoverzicht.projecten div.incidentrow div.button button { margin-bottom:20px; }




}