/**
 * Project settings
 *
 * @author: Iain van der Wiel <iain@e-sites.nl>
 * @since: 03-01-2017
 *//* Max widths of the various breakpoints *//**
 * Functions and mixins for project
 *//**
 * Functions for project
 *//**
 * Mixins for project
 *//**
 * Spacing mixins
 *//**
* Button color mixin
*//**
* Button mixins
*//**
 * List mixins to add base styling
 *//**
 * Vendor imports
 *
 * @author: Iain van der Wiel <iain@e-sites.nl>
 * @since: 03-01-2017
 */body{color:#1a1919;font-family: 'Open Sans', sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;font-weight:normal;font-size:1rem;line-height:1.2;margin:0 0 10px}h1{font-size:3.13843rem}h2{font-size:2.59374rem}h3{font-size:2.14359rem}h4{font-size:1.77156rem}h5{font-size:1.4641rem}h6{font-size:1.21rem}p{margin:0 0 10px}b,strong{font-weight:bold}a{color:#166ecc;fill:currentColor;transition:color 150ms ease}a:active,a:focus,a:hover{text-decoration:none}:link:focus{outline:0;box-shadow:0 0 1px #166ecc}hr{border-bottom:1px solid #E0E0E4;border-left:0;border-right:0;border-top:0;margin:20px 0}img,picture{display:block;margin:0;max-width:100%;height:auto}iframe{border:0}/**
 * Site objects
 */.color-primary{color:#166ecc}.fill-primary{fill:#166ecc}.bg-primary{background-color:#166ecc}/* Status */.status{display:block;width:11px;height:11px;text-indent:-3000em;margin:auto}.statusGreen{background-position:0 0}.statusOrange{background-position:-11px 0}.statusRed{background-position:-22px 0}/**
 * Button classes
 */.btnOrange{display:block;background-image:none !important;background:#fff;padding:0 4px 0 6px;color:#71b1b3;font-weight:bold;height:27px;line-height:2.6;text-decoration:none;border:2px solid #71b1b3;border-radius:3px;cursor:pointer}.btnOrange:before{content:'';display:inline-block;width:10px;height:10px;border:5px solid transparent;border-left-color:#71b1b3;box-sizing:border-box;position:relative;bottom:-1px}.btnOrange:hover{border-color:#549b9d;color:#549b9d}.btnPrimary{background:#166ECC;border:3px solid #166ECC;border-radius:3px;padding:3px;margin-left:5px;display:inline-block;text-decoration:none;font-size:11px;line-height:1.45;font-weight:normal;color:white;cursor:pointer}.btnPrimary:hover{background:#11559e;border-color:#11559e;color:white}.newProject,.newRelation{margin:2px 2px 0 0;float:right}.newProject{width:auto}.noFrm .newProject{margin-top:10px}.saveNewProject{width:80px;float:left;margin:30px 0 0 304px}.saveNewProject:hover{box-shadow:0 0 8px 2px #aaa}.arrows{width:23px;height:16px;text-indent:-3000em;display:block;float:left;margin:4px 0 0 5px;overflow:hidden}.grayPrev{background-position:0 -24px}.grayPrev:hover{background-position:-46px -24px}.grayNext{background-position:-23px -24px}.grayNext:hover{background-position:-69px -24px}.grayUp{background-image:url(/images/icons/up.png)}.grayDown{background-image:url(/images/icons/down.png)}/**
 * Layout wrappers
 */#wrapper{width:100%;min-width:990px;font-size:110%}/**
 * General site components
 *//**
 * Top + main navigation
 */#header{width:100%;overflow:hidden}/* top */#top{background:#166ECC;padding:24px 15px}#top a{color:#fff;text-decoration:none}#top a:hover{color:#1a1919}#top .welcome{float:right;color:#fff;line-height:40px}#top .welcome span{float:left;color:#fff;margin-left:15px}#top #messages{float:right;color:#f00;margin-right:130px}#top .menu{list-style-type:none;margin:0;padding:0;overflow:hidden}#top .menu li{float:left;height:40px;line-height:40px}#top .menu li a{display:block;text-align:center;margin-left:16px;font-size:14px}#top .menu li a.teamstats{color:#f90}#top .menu li a.teamstats:hover{text-decoration:underline}#top .menu li.logo{margin-right:10px}/* top nav --- are these actually being used? */#topNav li{margin-right:10px}#topNav li a{display:block;height:22px;text-indent:-3000em;overflow:hidden}#topNav .planning{width:60px}#topNav .planning a:hover,#topNav .planning .active{background-position:0 -22px}#topNav .uren{width:93px;background-position:-70px 0}#topNav .uren a:hover,#topNav .uren .active{background-position:-70px -22px}#topNav .projecten{width:68px;background-position:-170px 0}#topNav .projecten a:hover,#topNav .projecten a.active{background-position:-170px -22px}#topNav .relaties{width:58px;background-position:-246px 0}#topNav .relaties a:hover,#topNav .relaties .active{background-position:-246px -22px}#topNav .gebruikers{width:76px;background-position:-396px 0}#topNav .gebruikers a:hover,#topNav .gebruikers .active{background-position:-396px -22px}#topNav .dashboard{width:72px;background-position:-314px 0}#topNav .dashboard a:hover,#topNav .dashboard .active{background-position:-314px -22px}/* sub */.sub{height:auto;background:#fff; border-bottom: 1px solid #dee2e6;color:#000;padding:7px 15px;overflow:hidden}.sub form{margin:0}.sub input,.sub label,.sub select{margin-right:5px;float:left}.sub .checkbox{margin-right:5px}.sub label.large{width:110px}.sub .btnPrimary{float:right;padding:3px;vertical-align:middle}/* subNav */.subNav{padding:15px;float:left}.subNav li{margin:0 7px}.subNav a{color:#fff;text-decoration:none}.subNav a:hover{text-decoration:underline}.subExtraHeight{height:80px}/**
 * Footer
 */#footer{border-top:0 solid #bcbcbc;margin-top:20px;padding-bottom:15px}/**
 * Login
 */.login{background-color:#F5F5F6}.login .login__login--panel{padding-top:50px}.login .logo{margin:0 auto}.login form{border:1px solid #E0E0E4;min-width:250px;width:30%;margin:40px auto;padding:25px;font-size:120%;background:#fff;text-align:center}.login form input{width:200px}.login form .stay{display:block;margin:0 auto}.login form .submit{width:120px;margin:20px auto 0}.login form .checkbox{width:auto;margin-left:30%}.login form label{width:30%}#gSignInWrapper{margin-top:125px;width:400px;position:absolute;left:50%;margin-left:-200px;font-size:14px}.loginButton{text-align:center;margin-top:30px}.loginButton h1{text-align:center;font-size:22px;color:#999;margin-bottom:25px}#gooleLoginButton{display:inline-block;background:white;color:#444;width:190px;border-radius:5px;border:thin solid #888;box-shadow:1px 1px 1px grey;white-space:nowrap}#gooleLoginButton:hover{cursor:pointer}span.label{font-weight:normal}span.icon{background:url("/assets/img/g-normal.png") transparent 5px 50% no-repeat;display:inline-block;vertical-align:middle;width:42px;height:42px}span.buttonText{display:inline-block;vertical-align:middle;padding-left:42px;padding-right:42px;font-size:14px;font-weight:bold}/**
 * Content
 */#content{padding:15px;height:100% !important}#content.gray{background:#e6e6e6 url(/images/backgrounds/grayBg.png) repeat-y 80%;padding:0}#content.noPadding{padding:0}#content h1{font-size:16px;color:#000;float:left}#content h1 .edit{font-size:12px;font-weight:normal;padding:3px;vertical-align:middle;color:#999}#leftContent{width:80%;float:left;overflow-x:hidden}#rightContent{float:left;display:block;width:20%}.white{background:#fff}.overflow{overflow:auto}.threeCols{clear:both;margin-top:20px}.threeCols .col{width:33%;min-width:390px;float:left;position:relative}.twoCols{clear:both}.col{font-size:110%}.col dt{float:left;width:140px;padding:5px 0}.col .activityHours dt{width:260px}.col dd{padding:5px 0}.col dd .red{color:#f00}.col h2{padding:15px 0 5px 0}.gradientHeader{background:#efefef;background:-moz-linear-gradient(center top, whitesmoke 0%, #e9e9e9 100%)}.greenGradientHeader,.ui-dialog-titlebar{position:absolute;height:18px;border:1px solid #666;margin:1px;font-size:12px;color:#fff;padding:5px 10px;font-weight:bold;margin:0;background:#caca00;background:-moz-linear-gradient(center top, #caca00 0%, #9b9b00 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #caca00), color-stop(0.8, #9b9b00))}.ui-icon-closethick,.close{position:absolute;right:10px;top:4px;color:#fff;text-decoration:none;font-weight:bold}.close:hover{color:#fff}/* Two cols - details */.twoCols{border-bottom:1px solid #ccc;margin-left:-15px;margin-right:-15px;overflow:hidden}.twoCols .col{float:left;padding-left:15px;width:40%;border:1px solid #ccc;border-bottom:none;border-right:none;margin-bottom:-1000px;padding-bottom:1010px}.twoCols .col h2{width:35%}.twoCols .col table{font-size:11px}.twoCols .col table h2{width:auto}.twoCols .col:nth-child(odd){border-left:none}.twoCols .selectOption{float:right;position:relative;margin-top:-30px;margin-right:10px;width:60%}.twoCols .halfWidthFullTable{margin-left:-15px;margin-bottom:5px;border-bottom:none}#customerDetails .fullTable{margin-right:-15px}.smallFont{font-size:100%}/**
 * Calendar
 */#leftContent .wc-header,#rightContent .header{background:#efefef;background:-moz-linear-gradient(center top, whitesmoke 0%, #e9e9e9 100%);height:32px;border-bottom:1px solid #bcbcbc;width:100%;font-size:11px;table-layout:fixed}#rightContent .header{line-height:30px;height:31px;display:block;text-align:center;position:relative}#rightContent .arrows{position:absolute;top:3px}#rightContent .grayPrev{left:3px}#rightContent .grayNext{right:3px}#leftContent .wc-header td{width:13.5%}#leftContent .wc-header td:first-child{width:4%}#leftContent .wc-header .wholeWeek{width:6% !important}#leftContent .wc-header .wc-scrollbar-shim{width:0}/* Calendar grid */.wc-container{margin-top:-17px}.wc-nav .wc-prev,.wc-nav .wc-next{position:absolute;margin-top:5px;width:23px;height:16px;border:none;text-indent:-3000em;font-size:0;cursor:pointer}.wc-nav .wc-prev{left:30px;background-position:0 -24px}.wc-nav .wc-prev:hover{background-position:-46px -24px}.wc-nav .wc-next{right:18%;background-position:-23px -24px;z-index:255}.wc-nav .wc-next:hover{background-position:-69px -24px}.wc-scrollable-grid{overflow:hidden;overflow-x:hidden !important;overflow-y:auto !important;position:relative;background-color:#fff;width:100%}.wc-header .wc-today{font-weight:bold}.wc-time-slots .wc-today{background-color:#e7edf3}.wc-day-column-header{height:30px;text-align:center}.wc-header .wc-time-column-header{width:6%}.wc-header .wc-scrollbar-shim{width:16px}.wc-day-column{width:13.5%;border-left:1px solid #ddd;overflow:visible;vertical-align:top}.wc-day-column-inner{width:100%;position:relative}.wc-time-slot-wrapper{position:relative;height:1px;top:1px}.wc-time-slots{position:absolute;width:100%}.wc-time-header-cell{padding:5px;height:80px}.wc-time-slot{border-bottom:1px dotted #ddd}.wc-hour-header{text-align:right}.wc-hour-end,.wc-hour-header{border-bottom:1px solid #ccc;color:#555}.wc-business-hours{background-color:#E6EEF1;border-bottom:1px solid #ccc;color:#333;font-size:1.4em}.wc-time-slot-header .wc-header-cell{text-align:right;padding-right:10px}.wc-cal-event{border-radius:5px;position:relative;z-index:3}.wc-cal-event div{padding:0 5px}.wc-container .ui-draggable .wc-time{cursor:move}.wc-cal-event .wc-title{position:relative}.wc-container .ui-resizable-s{position:absolute;width:95%;height:10px;bottom:0;cursor:s-resize}.wc-cal-event:hover .ui-resizable-s{background:url(/images/backgrounds/calendarResize.png) center no-repeat}.wc-container .ui-draggable-dragging{z-index:1000}table.wc-time-slots{width:100%;table-layout:fixed;cursor:default}.wc-grid-timeslot-header{width:6%;background:#eee}.wc-day-header-cell{vertical-align:middle;padding:4px}.wc-time-header-cell{font-size:11px;background:#efefef}.wc-business-hours .wc-time-header-cell{background:#fff}.wc-container table{border-collapse:collapse;border-spacing:0}.wc-container table td{margin:0;padding:0}.wc-day-column .wc-cal-event{background-color:#fff;border:1px dashed #666;/* filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; */position:absolute;margin:-1px 0 0 -1px;text-align:center;overflow:hidden;cursor:pointer;color:#fff;width:99%;font-size:11px !important;background-image:-moz-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.12)),-moz-linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)) !important;background-position:left top,left bottom;background-size:100% 15px,100% 150px;background-repeat:repeat-x;box-shadow:0 0 2px rgba(0, 0, 0, 0.65) inset}.wc-cal-event .wc-time{background:#fff;color:#666;text-align:left;border-bottom:1px solid #666;padding:5px}.wc-cal-event .wc-title{color:#666;text-align:left;padding:4px;line-height:15px}.wc-day-column .ui-draggable{background:#666;border:none;border-top:1px solid #fff;border-bottom:1px solid #fff}.ui-draggable .wc-time{background:none;color:#fff;border-bottom:none}.ui-draggable .wc-title{color:#fff;line-height:14px}.ui-draggable .trans{font-size:90%;color:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}.ui-draggable .time{position:absolute;bottom:-10px;right:5px;display:none}.wc-cal-event:hover .time{display:block}/* Add/edit activity window */.ui-dialog{width:500px !important}#event_edit_container{border:1px solid #676767;background:#fff;display:none;width:400px;padding:7px 0 35px 0}#event_edit_container form{margin:0}.ui-dialog-titlebar{width:478px;cursor:move}#event_edit_container .sub{height:25px;padding:0 0 5px 10px}#event_edit_container .timeBar{background:#f5f5f5;border-bottom:1px solid #666;height:30px;padding-left:10px}#event_edit_container .timeBar label{width:130px}#event_edit_container .regular{padding:10px;margin-bottom:10px;margin:auto}#event_edit_container .regular input,#event_edit_container .regular select,#event_edit_container .regular textarea{float:none;width:465px}#event_edit_container .regular select{width:475px}#event_edit_container .regular textarea{width:465px}#event_edit_container input{width:400px}#event_edit_container .checkbox{width:auto}#event_edit_container .small{width:60px;margin-left:5px;margin-right:5px;float:left}#event_edit_container #loader{position:absolute;left:14px;bottom:14px}.ui-dialog-buttonpane{position:absolute;right:10px;bottom:10px}.ui-dialog-buttonpane button{background:url(/images/sprites/btn.png) 0 -40px no-repeat;cursor:pointer;border:none;text-align:left;width:96px;height:24px;font-size:13px;font-weight:bold;padding:0 0 3px 17px;color:#fff;text-transform:lowercase;margin-left:5px}#event_edit_container .regular input.small{width:360px;margin-left:0}#event_edit_container .regular .butonSizeSmall{margin:0 7.5px 0 7.5px;width:85px}#zdErrorField{margin:5px 0 5px 0}/* calendarTable */.calendarTable{margin:auto}.calendarTable th,.calendarTable td{padding:0;text-align:center}.calendarTable th{padding:7px 0;text-transform:uppercase}.calendarTable a{padding:5px 8px;display:block;border:1px solid #fff;color:#333;background:#fff;text-decoration:none}.calendarTable a:hover,.calendarTable .weekend a:hover,.calendarTable .selectedWeek a:hover{border:1px solid #ccc}.calendarTable .otherMonth a{color:#999}.calendarTable .selectedWeek a{background:#fff0d9;border:1px solid #fff0d9}.calendarTable .weekend a{background:#f1f1f1;border:1px solid #f1f1f1}.calendarTable .today a{background:#bcbcbc;color:#fff;border:1px solid #bcbcbc;font-weight:bold}.calendarTable .week{font-size:80%;color:#666;padding:0 5px}/**
 * Projects
 *//* Projects table */.projectsTable{margin-bottom:20px;border-bottom:1px solid #ccc}.projectsTable .expand td{border-bottom:1px solid #ccc}.projectsTable .red{color:#f00}.projectsTable .deployed{width:13px;height:13px}/* projectDetailsTable */.projectDetailsTable td{border-bottom:1px solid #bcbcbc;position:relative;z-index:1}.projectDetailsTable .active{background-image:url(/images/backgrounds/activeWeek.png);background-position:center left;background-repeat:no-repeat}.projectDetailsTable .days1{background-position:80% center}.projectDetailsTable .days2{background-position:60% center}.projectDetailsTable .days3{background-position:40% center}.projectDetailsTable .days4{background-position:20% center}.projectDetailsTable .days5{background-position:0% center}.projectDetailsTable .first.days1{background-position:-80% center}.projectDetailsTable .first.days2{background-position:-60% center}.projectDetailsTable .first.days3{background-position:-40% center}.projectDetailsTable .first.days4{background-position:-20% center}.projectDetailsTable .first.days5{background-position:0% center}.projectDetailsTable .thisWeek.stuffed{opacity:1}.projectDetailsTable .thisWeek{border:2px solid #aaa;border-top:0;border-bottom:0;width:21px}.thisWeek{font-weight:bold;background:#e1e1e1}/**
 * Planning
 *//* Planning Table */.planningFilter legend{display:inline;float:left;padding:0.2em;margin:0.5em 5px 0 0}.planningFilter select{color:#333;border-color:#7f8c8d;-webkit-appearance:none;border-radius:0;width:150px;margin-right:0;background:#eee url("/images/icons/caret-down.png") no-repeat right center;background-size:15px 7px}.planningFilter .select-small{width:80px}.planningFilter .clearFilter{color:#666;border:1px solid #7f8c8d;background-color:#eee;float:left;margin:0.5em 10px 0 0;padding:0.2em;text-decoration:none}.planningFilter .clearFilter:hover{color:#333;text-decoration:underline}.planningFilter .btnPrimary{float:none}/* Planning overview S&S input fields */.sensInsert{width:36px;height:43px;padding:0 !important}.sensInsert input{width:100%;height:100%;padding:0;margin:0;text-align:center;border:0;float:left}.thisWeek input{background:#e1e1e1}#planningWrapper{margin:0;overflow:hidden;position:relative}.planningTable{width:100%;border:1px solid #aaa}.planningTable th,.planningTable td{padding:7px;border:1px solid #ccc;border-top:none;border-bottom:0;text-align:center}.planningTable th:last-child,.planningTable td:last-child{border-right:none}.planningTable tr:hover{background-color:#dfdfdf}.planningTable .icon{position:absolute;left:205px}.planningTable tr.active:hover td,.planningTable .active td{border:none;background:#666}.planningTable .active .stuffed{background:#666}.planningTable .stuffed{background:#d5dd4c;border-color:#d5d54c;color:#444}.planningTable tr:hover .stuffed{background:#c3c300}.planningTable .expand td:first-child{padding-left:30px}.planningTableNoPadding td:first-child{padding-left:0}.planningTable .thisWeek{border:2px solid #aaa;border-top:0;border-bottom:0;font-weight:bold}.planningTable #planningTableHeader{z-index:1;margin-top:-125px}.planningTable tr td:first-child{text-align:left}.planningTable th.firstTd,.planningTable td.firstTd{text-align:left;padding-left:10px;min-width:220px;max-width:220px}.planningTable th.firstTd{text-align:left;border-color:#fff;background:#fff}.planningTable .firstTd .projectAnchor{width:155px;display:block;float:left}.planningTable .firstTd .projectAnchorPlanning{width:145px;float:left}.planningTable .largeTd{min-width:40px;max-width:40px;padding:0 5px;color:#666}.planningTable .active .largeTd{color:#fff}.planningTable .darkBorderRight{border-right:1px solid #999}.planningTable th.largeTd{border-color:#fff;background:#fff}.planningTable .weekcell{min-width:22px;max-width:22px;padding:0 7px}.planningTable th.weekcell{border-color:#fff;background:#fff}.planningTable .weekcell a{display:block}.planningTable .blue{color:#166ECC}.planningTable .red{color:#f00}.planningTable .weeklyUpdateCheckbox{width:13px}.planningTable .success{background-color:green;z-index:50;cursor:pointer}#planningTableHeader{border-bottom:1px solid #666}.planningTable tr.recurring-number-summary{background-color:#e1e1e1;border:1px solid #aaa}.fixed{padding-left:8px;top:0;background:#fff;z-index:999}.topMargin{margin-top:30px}.formNoPadding{padding:0;font-size:110%}.formNoPadding td{padding:0;font-size:110%}.formNoPadding tr{padding:0;font-size:110%}.formNoPadding th{padding:0;font-size:110%;font-weight:bold}#debugging{display:none;border:2px solid red;position:fixed;bottom:0;width:200px;height:50px;background:#fff}/* Reservedhours */.user .reservedHours{width:102%}.reservedHours{min-width:102%;max-width:102%;color:#333;margin-left:-2%;border-top:none}.reservedHours th{border-bottom:1px solid #ccc}.reservedHours th:first-child,.reservedHours td:first-child{text-align:left;border-left:none;padding-left:2%;min-width:7%;max-width:7%}.reservedHours th:last-child,.reservedHours td:last-child{border-right:1px solid #ccc}.reservedHours th,.reservedHours td{min-width:7%;max-width:7%;padding:5px 0}/* Planning Month Table */.planningMonthTable th,.planningMonthTable td{border:1px solid #bcbcbc;border-left:none;border-top:none;vertical-align:top}.planningMonthTable td{text-align:left;position:relative;padding:0;background:url(/images/backgrounds/planningMonthTableBg.gif) repeat-y right}.planningMonthTable .tdContainer{position:relative;overflow:auto;padding:5px;margin-bottom:5px;min-height:150px}.planningMonthTable .tdContainer:hover{width:250px}.planningMonthTable .date{position:absolute;top:0;left:0;border:1px solid #ccc;border-top:0;border-left:0;padding:0 3px;font-weight:bold}.planningMonthTable dl{margin-top:20px;padding:0;color:#999;font-style:italic}.planningMonthTable dt{float:left;clear:both;width:90%}.planningMonthTable dd{float:right}.planningMonthTable dt:first-child,.planningMonthTable dd:first-child,.planningMonthTable .thisWeek{margin-top:0;color:#333;font-style:normal}.planningMonthTable .total{font-weight:bold}.planningThisWeek td{min-width:16.6%;max-width:16.6%}/* Overflow & popupWrapper */#overlay,.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;background:#666;z-index:2}#overlay{display:none}.popupContent{display:none;background:#fff;overflow:hidden;border:1px solid #666;z-index:10}.popupPlanning{width:805px;min-height:300px;max-height:450px;overflow-y:auto;position:fixed;top:50%;left:50%;margin:-200px 0 0 -402px}.popupContent form{margin:0}.greenGradientHeader{position:relative;width:786px;border:none}.popupContent .data{float:left;width:805px}.popupContent #popupPlanningTable{width:100%;border-bottom:1px solid #ccc}.popupContent #popupPlanningTable .detail{font-size:smaller}.popupContent #popupPlanningTable .red{color:#f00}.popupContent #popupPlanningTable .blue{color:#00f}.popupContent #popupPlanningTable .delUser{font-weight:bold;text-decoration:none;color:#666;margin:0 0 0 2px}.popupContent .data input,.popupContent .data select{margin:0.3em 0}.popupContent .data select{width:160px}.popupContent .data td,.popupContent .data th{padding:3px;border-left:1px solid #ccc;text-align:center;width:12%}.popupContent .data th:first-child,.popupContent .data td:first-child{border:none;text-align:left;padding-left:10px;width:28%}.popupContent .delete{display:block;float:right;width:14px;height:14px;background-position:-95px -25px;margin:4px;text-indent:-3000em}.popupContent .delete:hover{background-position:-110px -25px}.popupContent .disabled{background:#f1f1f1}.popupContent .disabled input{display:none}.popupContent .disabled input[type=submit]{display:inline}.popupContent .data input{width:30px;text-align:center}.popupContent .data input[type=submit]{width:140px}.popupContent .grayPrev{float:right;margin:0}.popupContent .grayNext{float:left;margin:0}.popupContent .info{float:left;width:230px;margin:auto;padding-top:25px}.userDetail td{background:#666;color:#fff;padding:7px}.userIndent td{font-size:90%;color:#666}.popupContent .userIndent td:first-child{padding-left:20px}.popupContent .first td{padding-top:10px}.popupContent .last td{padding-bottom:10px}.popupContent .data .last td{border-bottom:1px solid #ccc}.popupContent .total td{height:45px;border-top:1px solid #ccc}.popupContent .total td:first-child{border-top:1px solid #ccc}.borderBottom{border-bottom:1px solid #ccc !important}/**
 * Dashboard
 *//* Dashboard */#dashboardMessages{margin:0;padding:5px 15px;list-style:none}#dashboardMessages li{margin:10px 0 0 0}#dashboardMessages span{background:#a8c4bc;padding:5px 25px 5px 5px;position:relative;border-radius:5px}#dashboardMessages .closeMessage{width:14px;height:14px;position:absolute;top:5px;right:8px;background-position:-126px -25px;text-indent:-3000em}.dashboardInfo h1,.dashboardInfo h2{padding:10px 0 5px 15px;display:block}.dashboardInfo .btnRight{padding:0 120px 0 0;position:relative}.dashboardInfo .goTo{background:#166ecc;border:3px solid #166ecc;border-radius:3px;padding:10px;margin-left:5px;display:inline-block;text-decoration:none;font-size:11px;font-weight:normal;color:#fff}.dashboardInfo .goTo:hover{background:transparent;color:#166ecc}hr.clear{margin:10px 0 10px 0}/* horizontalBar */.horizontalBarWrapper{overflow-x:auto;overflow-y:hidden;margin:10px 0}.horizontalBar{white-space:nowrap}.userCol{width:120px;float:left;padding:10px;border-right:1px solid #bcbcbc;margin-bottom:-1000px;padding-bottom:1010px}.userCol .red{color:#f00}.userCol .orange{color:#f90}.userCol input[type=checkbox]{float:right;clear:right;width:auto;margin:2px 0 2px 0}.horizontalBar .spacer{width:51px;height:10px;float:left}/* zzDay */.zzDay{padding:5px;font-size:110%;border:1px solid #bcbcbc;margin:10px 0}.zzDay .largeDate{font-size:160%;line-height:100%;float:right;color:#aaa}.zzDay .hour{width:80px;display:inline-block;padding-left:5px;line-height:190%}.zzDay .gray{color:#666}/* User */#newPlanningrule{display:none}/* Facturatie */#facturatieWrapper{font-size:12px}#facturatieWrapper .contentWrapper{margin:auto;width:1024px;padding:5px 5px 25px 5px}#facturatieWrapper .btn-dark{border:0;font-weight:normal;background:#555;color:#fff}#facturatieWrapper .btn-light{border:0;font-weight:normal;background:#166ecc;width:125px;color:#fff}#facturatieWrapper #facturatieFilterForm select{width:305px;margin-right:5px}#facturatieWrapper #facturatieFilterForm select.smallSelect{width:60px}#facturatieWrapper #facturatieFilterForm select.last{width:235px;margin-right:0px}#facturatieWrapper #ignoreCacheInputBox{width:25px}#facturatieWrapper #ignoreCacheLabel{width:100px;float:none;display:inline}#facturatieWrapper .highlight,#facturatieWrapper .highlightTable{clear:both;border:1px solid #ddd;padding:10px;overflow:hidden;font-size:14px;font-weight:bold;background-color:#f3f3f3}#facturatieWrapper .highlight{margin-bottom:20px}#facturatieWrapper .highlightTable{border-bottom:0}#facturatieWrapper #facturatieTotal p{padding:10px}#facturatieWrapper .customerTotal{margin:10px 10px 20px}#facturatieWrapper .customerTotal input{margin-top:0}#facturatieWrapper .projectBlock{margin-bottom:50px}#facturatieWrapper .ticketStatus a.default,#facturatieWrapper .ticketStatus a.open,#facturatieWrapper .ticketStatus a.unresolved,#facturatieWrapper .ticketStatus a.new,#facturatieWrapper .ticketStatus a.pending{color:#f00;text-decoration:underline}#facturatieWrapper .ticketStatus a.resolved,#facturatieWrapper .ticketStatus a.closed{color:#74BD00}#handledItems{background-color:#74BD00;border:1px solid #74BD00;padding:10px;margin-bottom:10px}#handledItemsError{background-color:#f00;border:1px solid #f00;padding:10px;margin-bottom:10px;color:#ffffff}#facturatieWrapper .facturatieTable{width:100%}#facturatieWrapper .facturatieTable select{margin:0;width:auto}#facturatieWrapper .facturatieTable,#facturatieWrapper .facturatieTable th,#facturatieWrapper .facturatieTable tr,#facturatieWrapper .facturatieTable td{border:1px solid #ddd}#facturatieWrapper .facturatieTable tr{vertical-align:top}#facturatieWrapper .facturatieTable th,#facturatieWrapper .facturatieTable td{word-wrap:break-word;padding:4px}#facturatieWrapper .facturatieTable th{font-size:13px;line-height:2}#facturatieWrapper .facturatieTable input.invoiceHours{width:50px;margin:0;padding:3px}#facturatieWrapper .facturatieTable label{width:auto;float:none;display:inline}#facturatieWrapper .readOnly,#facturatieWrapper .readOnly textarea,#facturatieWrapper .readOnly input{color:#999}#facturatieWrapper .rowIcons input[type="radio"]{margin:3px;width:10px}#facturatieZoekFilter{margin:0 0 20px 0}#facturatieZoekFilter input{width:300px}#facturatieZoekFilter .searchButton{width:110px}#facturatieWrapper span.error{color:#f00;font-weight:bold}#facturatieWrapper .facturatieTable .headerRowIcons{width:75px}#facturatieWrapper .comDescription{width:300px;max-width:300px;height:75px;display:block;margin-top:0}#facturatieWrapper .generateInvoiceDisabled{cursor:default;background:#eee;color:#999}/**
 * Import legacy CSS, this should be rewritten in SCSS...
 *//**
 * @section   : Global CSS
 * @project   : EIAv2
 * @author    : John van Hulsen <john@e-sites.nl>
 * @media     : all
 * @version   : 1.1
 *//* Reset CSS */blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,label,li,ul,ol,p,pre,textarea,table,td,th{margin:0;padding:0;font-weight:normal}/* html + body element */html,body{width:100%;height:100%;background:#fff;box-sizing:border-box}body{font:normal 62.5%/1.5 Arial,sans-serif;color:#000}/* Headings */h1,h2,h3,h4,h5,h6{font-weight:bold}h1,.h1{font-size:160%}h2,.h2{font-size:140%}h3,.h3{font-size:140%}h4,.h4{font-size:120%}h5,.h5{font-size:120%}h6,.h6{font-size:120%}/* Paragraphs */p{margin:0 0 1.2em 0}/* Anchors */a{color:#1a1919;text-decoration:underline}a:focus,a:hover{color:#166ecc}a:active{outline:none}/* Images */img{border:none;margin:0;padding:0;display:block}a img{border:none}/* Lists */ul{list-style-type:disc}ol{list-style-type:decimal}ul,ol{margin:0 0 1.2em 1.2em;padding:0 0 0 1.2em}li ul,li ol{margin:0 0 0 1em}/* Semantic inline and block-level elements */strong{font-weight:bold}em{font-style:italic}sup,sub{line-height:0}address{font-style:normal}hr{background-color:#dadada;border-width:0;color:#dadada;height:1px;line-height:0}/* Standard horizontal list */.horizontal{list-style:none;margin:0;padding:0}.horizontal li{position:relative;float:left}/* Alternative flash content */.flashObjPlaceholder{display:none}/* Avoiding DOM flickering */.hideIfJS{display:block}#hasJS .hideIfJS{display:none}.showIfJS{display:none}#hasJS .showIfJS{display:block}/* Cross-browser styling form elements */form{margin:1em 0;padding:0;border:none}form br{clear:left}fieldset{margin:0;border:none}legend{font-weight:bold;border:none;display:none}label{display:block;float:left;margin-top:0.9em}label,.submit{cursor:pointer}.rightLbl{width:auto;margin:0.85em 1em 0 0.5em}input,select,textarea{width:110px;margin:0.5em 0 0 0;padding:0.4em;border:1px solid #ccc;color:#555;font:1em Arial,sans-serif}select{height:23px;width:134px;padding:0.2em}textarea{height:100px}input[type=text]:focus,select:focus,textarea:focus{background:#f1f1f1}input[type=submit]{cursor:pointer}/*screw you and your one-line css, it's 2015 for crying out loud */button.fixed-width{width:200px}.radio,.checkbox{position:relative;border:none;margin-top:1em;line-height:0;width:auto;background:none;float:left}.submit{width:234px;margin-left:110px;padding:0}.addBtn{width:auto;display:block;margin:10px 0 0 0;padding:0 25px 0 5px;font-size:11px;background-position:right -81px;height:26px;color:#fff;border:1px solid #fff}a.addBtn{display:block;width:150px;line-height:26px;text-decoration:none;color:#fff}.labelLeft{margin-left:140px}.roundedCorners{border-radius:7px}.boxShadow{box-shadow:0px 0px 8px #999}/* Error message handling */p.error,p.success{padding:10px;font-weight:bold;color:#f00;border:1px solid #f00;background:#fff0f0}p.success{border:1px solid #285629;background:#c9e7ca;color:#285629}p.succes{padding:5px;color:#285629;border:1px solid #285629;background:#c9e7ca}label.error{color:#f00;font-weight:bold}input.error{border:1px solid #f00}span.error{color:#f00;font-weight:bold}/* cleanUpContent fix */.text-align-left{text-align:left !important}.text-align-right{text-align:right}.text-align-center{text-align:center}.text-align-justify{text-align:justify}/* Tables */table{border-collapse:collapse}table th,table td{padding:5px 15px}table.smallPadding th,table.smallPadding td{padding:5px}table.smallPadding th:first-child,table.smallPadding td:first-child{padding-left:15px}table th{text-align:left}table .even{background:#eee}table .icon{vertical-align:text-bottom}.fullTable{width:100%;margin-left:-15px}table .thead th{border-bottom:1px solid #bcbcbc}table .tfoot td{border-top:1px solid #bcbcbc}.tdWidth30{width:30px}.tdWidth40{width:40px}.tdWidth50{width:50px}.tdWidth60{width:60px}.tdWidth65{width:65px}.tdWidth70{width:70px}.tdWidth85{width:85px}.tdWidth100{width:100px}.tdWidth120{width:120px}.tdWidth140{width:140px}.tdWidth150{width:150px}.tdWidth160{width:160px}.tdWidth170{min-width:170px;max-width:170px}.tdWidth180{width:180px}.tdWidth250{width:250px !important}.tdWidth270{width:270px}.tdWidth400{width:400px !important}.tdWidth25p{width:25%}.tdWidth40p{width:40%}.tableWidth100p{width:100%}.weekNumber{width:22px;padding:0;border:1px solid #bcbcbc;border-top:none;text-align:center}.totalHours{width:22px;padding:0;text-align:left}/* Global classes */.first{margin-left:0;padding-left:0}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}.inline{display:inline}.center{margin:0 auto;text-align:center}.clear{clear:both}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.lt-ie9 .clearfix{zoom:1}.floatLeft{float:left}.floatRight{float:right}.imgLeft{float:left;margin:4px 10px 4px 0}.imgRight{float:right;margin:4px 0 4px 10px}.strong{font-weight:bold}.emphasis{font-style:italic}.underline{border-bottom:1px solid}.marginLeft1px{margin-left:1px}.marginLeft5px{margin-left:5px}.hide{display:none}.noBg{background:none}.noMargin{margin:0}.noPadding{padding:0}.noIndent{margin-left:0;padding-left:0}.noBullet{list-style:none;list-style-image:none}.moreMargin{margin-top:10px;margin-bottom:10px}.placehoder{color:#555}abbr{border-bottom:1px dotted #000}span.warning{font-weight:600;color:#ff0000}/**
 * @section   : Lay-out CSS
 * @project   : EIAv2
 * @author    : John van Hulsen <john@e-sites.nl>
 * @media     : all
 * @version   : 1.0
 *//* Global table sets */table tr.active{background:#666;color:#fff}table tr.active a{color:#fff}table .last td{border-bottom:1px solid #777600}/* statusmailconfig */#statusmailconfigWrapper{margin:50px}#statusmailconfigWrapper .groupDiv{margin-top:50px}#statusmailconfigWrapper #statusmailconfigForm label{width:auto}#statusmailconfigWrapper #statusmailconfigForm input[type=text]{margin-left:40px;width:250px}/* Status bar */.statusBox{margin:10px auto;width:210px}.statusBar{width:210px;height:10px;background:#fff;text-indent:-3000em;margin:5px 0;position:relative;overflow:hidden}.statusBar .block{position:absolute;top:0;left:0;display:block;height:10px;width:100%}.statusBar .red{background:#f00}.statusBar .orange{background:#fc0}.statusBar .green{background:#6c0}.statusBox .sum{border-bottom:1px solid black}.statusBox td,.statusBox th{padding:0 6px 3px 0}.statusBox th{padding-top:5px}.statusBox .projectName{width:300px}/* Autocomplete */.ac_results{padding:0px;border:1px solid #ccc;background-color:Window;overflow-x:hidden;max-height:250px}.ac_results iframe{display:none}.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}.ac_results li{margin:0px;padding:0 5px;cursor:pointer;display:block;width:350px;font-size:11px;overflow:hidden;height:18px;line-height:18px}.ac_over{background-color:Highlight;color:HighlightText}.ac_loading{background:url(/images/misc/loader.gif) no-repeat right}/* Datepicker */#ui-datepicker-div{background:#fff;border:1px solid #ccc;display:none;z-index:255}.ui-datepicker{width:17em;padding:0.2em 0.2em 0}.ui-datepicker .ui-datepicker-header{position:relative;padding:0.2em 0;background:#a4a400;color:#fff;height:25px;font-size:12px}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:4px;width:1.8em;color:#fff;height:25px;cursor:pointer;text-align:center;font-size:13px;text-decoration:none;font-weight:bold}.ui-datepicker .ui-datepicker-next{right:0}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:25px;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:12px;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:11px;border-collapse:collapse;margin:0 0 0.4em}.ui-datepicker th{padding:0.7em 0.3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:0.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:0.7em 0 0 0;padding:0 0.2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:0.5em 0.2em 0.4em;cursor:pointer;padding:0.2em 0.6em 0.3em 0.6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker-calendar td a{border:1px solid #eee;color:#666;text-align:center}.ui-datepicker-calendar td a:hover{background:#ccc}.ui-datepicker-calendar td .ui-state-active{background:#a4a400;color:#fff}.ui-datepicker-calendar td .ui-state-active:hover{background:#ffa164;border:1px solid #a4a400}/* with multiple calendars */.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto 0.4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%}.day-1,.day-2,.day-3,.day-4,.day-5{background:url(/images/backgrounds/pauze.png) 0 235px repeat-x}.hours24{background-position:0 572px}.day-6,.day-7{background:#eee}/* Add newbase numbers */.newbasenrs{float:left;margin:0}.small-submit{float:left;background-position:-23px -24px;width:23px;height:16px;display:block;text-indent:-9999em;margin:4px 0 0 5px}/* Forms */#nieuwProjectFrm,#projectDetails{padding-bottom:15px}#nieuwProjectFrm label,#projectDetails label{width:110px;margin-left:5px;margin-right:15px}textarea.large,input.large{width:375px}select.large{width:387px}input.medium,textarea.medium{width:300px}textarea.medium{height:50px}select.medium{width:312px}input.xxs{width:50px}select.xxs{width:50px}input.xs{width:45px}select.xs{width:60px}input.small{width:125px}select.small{width:90px}select.smallish{width:80px}input.smaller{width:60px}select.smaller{width:60px}input.smallHours{width:17px}input.micro{width:8px;padding:auto 5px;text-align:center}input.mini{width:23px;font-size:10px;padding:5px 3px}input.projectFilter{width:123px}input.hoursChecked{padding:0;border:0;margin:0}/* Sprites */#topNav li,#topNav li a:hover,#topNav li .active{background:url(/images/sprites/nav.png) no-repeat}.base{background-image:url(/images/sprites/base.png)}.btn{background-image:url(/images/sprites/btn.png)}.available{color:blue}.unavailable{color:red}/* timeregistration > maintenance hours overview */.currentTimeLine{display:none;position:absolute;top:0;border-top:1px dotted #333;width:100%;z-index:250;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}.ie .currentTimeLine{display:block}.loaderDiv{position:absolute;width:80%;height:610px;left:0;top:156px;z-index:555;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;background:#fff url(/images/misc/largeLoader.gif) center center no-repeat;display:none}tr.maintenance{color:blue}.selectedTimeRegistration{position:absolute;top:91px;left:250px}.indenting{width:16px;float:left}.relationContactList{clear:both;margin:0 0 0 20px;padding:10px 0 0}ul.facturatieSub{list-style-type:none;margin:0;margin-left:30px;padding:0;height:50px;line-height:50px;vertical-align:middle}ul.facturatieSub li{float:left;margin-left:10px;margin-right:10px}ul.facturatieSub li a{color:#ffffff;text-decoration:none}ul.facturatieSub li a:hover{text-decoration:underline}.maintenanceTotals table{border-spacing:0;border:0px;float:right}#shareRegistrationBox label{display:inline-block;float:none;margin-left:5px;margin-top:5px}#shareRegistrationBox input[type="checkbox"]{display:inline;float:left;width:auto}.year-and-week-selector{margin-right:40px}#header .sub label.label-small{width:50px;text-align:right}.year-and-week-selector .small-date-select{width:60px}.clearBlock{clear:both}.maintenanceTotals tr.hoursRemaining{border-top:1px solid #000000}.maintenanceTotals tr td{text-align:right}.pdfGenerationForm{width:700px}.pdfGenerationForm textarea{width:688px;height:220px;display:block}.pdfGenerationForm input[type="file"]{width:568px;display:inline;height:24px}.pdfGenerationForm input[id="uploadAttachment"]{float:right;height:36px;display:inline-block}.pdfGenerationForm input[type="submit"]{float:right;height:36px}.pdfGenerationProgress,.csvGenerationProgress,.quarterOverviewGenerationProgress,.monthOverviewGenerationProgress,.ecreditsOverviewGenerationProgress{clear:both}.pdfGenerationProgress .progress,.csvGenerationProgress .progress,.quarterOverviewGenerationProgress .progress,.monthOverviewGenerationProgress .progress,.ecreditsOverviewGenerationProgress .progress{display:none}#quarterOverviewGenerateMissingData{display:none}#pdfGenerateStatus img,#csvGenerateStatus img,#quarterOverviewGenerateStatus img{display:inline}.pdfLoading,.csvLoading,.quarterOverviewLoading{color:orangered}#submitQuarterOverviewGenerate{width:166px;margin-right:3px}#submitCsvGenerate{margin-left:3px}
/*# sourceMappingURL=styles.css.map */