html{width:100%;height:100%;}
body{background-color: #d6d6d6;width:100%;height:100%;overflow: hidden;margin: 0;font-family: 'IBM Plex Sans';color: #606060;}
form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}
p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}
input[type="submit"]{outline-width: 0;}
div.mainContainer{position:relative;width:100%;min-height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden; white-space: nowrap;}
div.mainContainer.login{background-image: url(images/bg.jpg); background-repeat: no-repeat; background-size: cover;}
form#logForm{margin: 0 0 0px 0px;text-align: center;}
form#logForm input{display: inline-block; vertical-align: middle;}
form#logForm input[type="text"]{padding: 0.5vw 1vw; width: 20vw; margin: 0 1vw 0 1vw; border: 1px solid #555; font-size: 2vw;}
form#logForm input[type="password"]{padding: 0.5vw 1vw; width: 20vw; margin: 0 1vw 0 1vw; border: 1px solid #555; font-size: 2vw;}
form#logForm input[type="submit"]{text-align: center; padding: 0.812vw 1vw; font-size: 2vw; line-height: 2vw; font-weight: 400; width: 16vw; background-color: #0071BB; border-radius: 0; border: 1px solid #0071BB; color: #fff; margin: 0 1vw 0 1vw;}
form#logForm input[type="submit"]:hover{background-color: #662D90;border: 1px solid #662D90;}
form#logForm div.warning{padding: 10px; text-align: center;}
img#logoMain{display: block; width: 50vw; height: 22vw; margin: 25vh auto 3vh auto;}
header{position: relative;border-bottom: 1px solid #606060; background-color: #fff; z-index: 100;}
div#logoSmall{display: inline-block; vertical-align: middle;background-image: url(images/logo_small_white.svg); background-repeat: no-repeat; background-size: 6vw 6vw; background-position: center; background-color: #606060; height: 8vh; width: 8vw;}
header div.portrait{display: inline-block; vertical-align: middle; height: 8vh; width: 8vh;background-repeat: no-repeat; background-size: cover;}
header div.salutation{display: inline-block; vertical-align: middle;font-size: 2vw; line-height: 2vw;margin: 0 0 0 1vw; color: #0071BB;}
header div.right{position: absolute; top:0; right: 0; text-align: right;}
header div.right div.date{display: inline-block; vertical-align: middle;font-size: 1.5vw; line-height: 2vw;margin: 0.2vh 0 0 0; color: #0071BB;}
div.right div.workStation{display: inline-block; vertical-align: middle; font-size: 1.5vw; line-height: 2vw; margin: 0.2vh 4vw 0 0; color: #0071BB;}
div#userSwitch{display: inline-block; vertical-align: middle;background-image: url(images/icon_switch-user_blue.svg); background-repeat: no-repeat; background-size: 5vh 5vh; background-position: center; height: 8vh; width: 8vh; cursor: pointer;}
div.admin header div.right{padding: 0.4vw;}
div.admin header a.logOut{position: absolute; top: 2.5vw; right: 0.4vw; font-size: 1.5vw; text-decoration: none; color: #0071BB;}
div.admin header a.magasin{position: absolute; top: 1.5vw; right: 21vw; font-size: 1.5vw; text-decoration: none; color: #0071BB;}
div.admin header a.magasin span{font-size: 1vw; padding-bottom: 0.2vw; display: inline-block; vertical-align: middle;}
div#userSwitchBox{height: 4vw;transition:300ms ease-in-out;-webkit-transition:300ms ease-in-out;-moz-transition:300ms ease-in-out;-webkit-backface-visibility:hidden;background-color: #fff;text-align: right;overflow: hidden;}
div#userSwitchBox.hidden{height: 0;}
form#userSwitchForm input{display: inline-block; vertical-align: middle;}
form#userSwitchForm input[type="text"]{padding: 0.5vw; width: 15vw; margin: 0.5vw 1vw; border: 1px solid #555; font-size: 1.5vw; line-height: 1.5vw;}
input#userSwitchLog{font-size: 0; line-height: 0; background-image: url(images/arrow_right_white.svg); background-repeat: no-repeat; background-size: 2.5vw 2.5vw; background-position: center; width: 4vw; height: 3.11vw; background-color: #0071BB; border: 1px solid #0071BB; margin: 0 1vw 0 0;}
div#userSwitchBox select{display: inline-block; vertical-align: middle; font-size: 1.5vw; line-height: 1.5vw; margin: 0.5vw 1vw; border: 1px solid #555; height: 3.1vw; width: 24vw; background-position: 21vw 0.5vw;}
div#userSwitchBox div.warning{display: inline-block; vertical-align: middle; padding: 0 5px 0 0;}
div#leftMenu{display: inline-block; vertical-align: top; width: 8vw; background-color: #606060; height: 92vh;}
a#tasksBtn{display: block;background-image: url(images/icon_left1_white.svg); background-repeat: no-repeat; background-size: 4vw 4vw; background-position: center; width: 8vw; height: 8vw;margin: 0 0 1vw 0;}
a#tasksBtn.HL{background-image: url(images/icon_left1_grey.svg); background-color: #fff;}
a#usersBtn{display: block;background-image: url(images/icon_left2_white.svg); background-repeat: no-repeat; background-size: 4vw 4vw; background-position: center; width: 8vw; height: 8vw;margin: 0 0 1vw 0;}
a#usersBtn.HL{background-image: url(images/icon_left2_grey.svg); background-color: #fff;}
a#reportsBtn{display: block;background-image: url(images/icon_left3_white.svg); background-repeat: no-repeat; background-size: 4vw 4vw; background-position: center; width: 8vw; height: 8vw;margin: 0 0 1vw 0;}
a#reportsBtn.HL{background-image: url(images/icon_left3_grey.svg); background-color: #fff;}
a.UIBtn:hover{opacity: 1;}
div#lastAction{position: absolute; top: 8vh; left: 8vw; width: 90vw; height: 2vw; padding: 1vw; margin-top: 1px; border-bottom: 1px solid #606060; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; webkit-ackface-visibility: hidden; background-color: #fff; text-align: left; overflow: hidden; z-index: 200; font-size: 1.5vw; line-height: 2vw; color: #0071BB;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms;-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms;animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms;}
div#lastAction a{display: block; position: absolute; top: 1vw; right: 1vw; text-decoration: none;}
div#lastAction.hidden{display: none;}
div.admin div#lastAction{top: 8vh; left: 0vw; width: 98vw;}
div.panelCon{position: absolute; top: 0vh; left: 8vw; width: 45vw; height: 100vh; background-color: #fff; z-index: 200; border-right: 1px solid #606060;}
div.panelCon.hidden{display: none;}
div.scrollCon{overflow: auto; height: 84.6vh;}
form#tasksForm{padding: 1vw 3vw 1vw 3vw;}
form#tasksForm div.halfField{display: inline-block; vertical-align: top;margin: 0 2vw 0vw 0; width: 18.5vw;}
form#tasksForm div.halfField.radio label{display: block; font-size: 1.2vw; padding: 0.5vw 0vw; border: 1px solid #d6d6d6; text-align: center; margin: 0 0 2vw 0;}
form#tasksForm div.halfField.radio label.HL{background-color: #0071BB; color: #fff;}
form#tasksForm div.halfField.radio input{display: none;}
form#tasksForm select{width: 39vw; background-position: 36.5vw 0.2vw; margin: 0 0 2vw 0;}
form#tasksForm div.halfField.date select{width: 5.4vw; background-size: 1vw 1vw; background-position: 3.5vw 0.6vw; margin: 0 1vw 2vw 0; padding: 0.5vw 1.5vw 0.5vw 0.5vw;}
form#tasksForm div.halfField.date select#dueTimeY{}
form#tasksForm div.halfField.date select#dueTimeMonth{}
form#tasksForm div.halfField.date select#dueTimeDay{}
form#tasksForm div.halfField.time{text-align: right;}
form#tasksForm div.halfField.time select{width: 5.4vw; background-size: 1vw 1vw; background-position: 3.5vw 0.6vw; margin: 0 1vw 2vw 0; padding: 0.5vw 1.5vw 0.5vw 0.5vw;}
form#tasksForm div.halfField.time select#dueTimeM{margin-right: 0;}
form#tasksForm div.thirdField{display: inline-block; vertical-align: top;width: 10vw; margin: 0;}
form#tasksForm div.thirdField.mid{display: inline-block; vertical-align: top; width: 20vw; margin: 0; text-align: center;}
form#tasksForm div.thirdField.end{display: inline-block; vertical-align: top;width: 10vw; margin: 0;text-align: right; float: right;}
form#tasksForm div.thirdField input#alloue{width: 8.5vw;}
form#tasksForm div.thirdField.radio label{display: block; font-size: 1.2vw; padding: 0.5vw 0vw; border: 1px solid #d6d6d6; text-align: center; margin: 0 0 2vw 0;}
form#tasksForm input#transferable{width: 2vw; height: 2vw; display: inline-block; vertical-align: middle; margin: 0 1vw 0 0;}
form#tasksForm label#transferableFor{display: inline-block; vertical-align: middle; font: 1vw 'IBM Plex Sans';}
form#tasksForm input#recurrent{width: 2vw; height: 2vw; display: inline-block; vertical-align: middle; margin: 0 1vw 0 0;}
form#tasksForm label#recurrentFor{display: inline-block; vertical-align: middle; font: 1vw 'IBM Plex Sans';}
form#tasksForm input#everyone{width: 2vw; height: 2vw; display: inline-block; vertical-align: middle; margin: 0 1vw 2vw 0;}
form#tasksForm label#everyoneFor{display: inline-block; vertical-align: middle; font: 1vw 'IBM Plex Sans'; margin: 0 0vw 2vw 0;}
form#tasksForm div#everyoneChk{display: block;}
form#tasksForm div#everyoneChk.hidden{display: none;}
form#tasksForm textarea{display: block; width: 35.9vw; height: 30vh; border: 1px solid #bfbfbf; color: #606060; font: 1vw 'IBM Plex Sans'; padding: 0.5vw 2.5vw 0.5vw 0.5vw; margin: 0 0 2vw 0;}
form#tasksForm textarea#descriptionTask{height: 12vh;}
form#tasksForm textarea.hidden{display: none;}
form#tasksForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 100%;font-size: 1vw;}
form#tasksForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#taskFields.hidden{display: none;}
div#taskPerson.disabled label#taskForSwitch1Label{background-image: url(images/icon_user_grey.svg);}
div#taskPerson.disabled select{pointer-events: none; opacity: 0.3;}
div#taskStation.disabled label#taskForSwitch2Label{background-image: url(images/icon_workstation_grey.svg);}
div#taskStation.disabled select{pointer-events: none; opacity: 0.3;}
form#tasksForm label#taskForSwitch1Label{border: 0; background-image: url(images/icon_user_blue.svg); background-repeat: no-repeat; background-size: 5vw 5vw; background-position: center; width: 100%; height: 6vw; margin: 0 0 1vw 0;}
form#tasksForm label#taskForSwitch2Label{border: 0; background-image: url(images/icon_workstation_blue.svg); background-repeat: no-repeat; background-size: 5vw 5vw; background-position: center; width: 100%; height: 6vw; margin: 0 0 1vw 0;}
form#tasksForm div.halfField select{width: 18.5vw; background-position: 16vw 0.2vw;}
form#tasksForm select:disabled{opacity: 0.3;}
div#userList{width: 80%; height: 85%; margin: 10%;}
div#userList.hidden{display: none;}
div#userList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
div#userList a.listing div.portrait{display: inline-block; vertical-align: middle; border: 1px solid #000; background-repeat: no-repeat; background-size: cover; margin: 0 1vw 0 0;width: 5vw; height: 5vw;}
div#userList a.listing.add div.portrait{background-image: url(images/icon_add_blue.svg);background-size: 4vw 4vw; background-position: center;}
form#userForm{padding: 1vw 3vw 1vw 2vw;}
form#userForm input{display: block;}
form#userForm input[type="text"]{width: 18vw;}
form#userForm.hidden{display: none;}
form#userForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#userForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#userForm div.halfField input{width: 18vw;}
form#userForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 100%;font-size: 1vw;}
form#userForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#imgArea{clear: both; float: right; position: relative; display: inline-block; vertical-align: top; width: 20vw; height: 13.7vw; margin: 0 0 1vw 0vw; overflow: hidden;}
div#imgFeedBack{text-align: right;height: 100%;}
div#imgArea div#imgFeedBack img{height: 100%;max-width: 100%;}
div#imgTools{position: absolute; bottom: -0.5vw; right: 2.2vw; width: auto; height: 2.2vw; background-color: #fff; color: #222;}
div#imgTools a{text-decoration: none;color:#fff;}
div#imgTools a.change{display: inline-block; font: 2vw 'Open Sans'; padding: 0 0 0 0px; background-position: center; background-size: 1.5vw 1.5vw; width: 2.2vw; height: 2vw; background-repeat: no-repeat; background-image: url(images/edit_icon.svg);}
div#imgTools a.dlScreen{display: inline-block; font: 12px/30px 'Open Sans'; padding: 0 0 0 30px; background-position: 7px 6px; background-size: 17px auto; height: 30px; background-repeat: no-repeat; background-image: url(images/download_icon.svg); margin-left: 20px;}
div#imgPop{position: absolute;bottom: 0;left: 0; display: none; border: 1px solid #d6d6d6; height: 2vw; background-color: #fff; white-space: nowrap; -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms;}
div#imgPop.shown{display: block;}
div#imgPop label{font: 1vw/2vw 'Open Sans'; padding: 0 1vw;}
div#imgPop input{display: none;}
div#dash.u3{display: inline-block; vertical-align: top;}
div#dash.u3{width: 91vw; height: 90vh; margin: 1vw 0 0 1vw;}
div#dash h2{color: #fff; font-size: 1.5vw; line-height: 2vw; background-color: #0071BB; padding: 0.5vw 2vw; font-weight: 400; margin: 0 0 0.5vw 0;}
div#dash.u3 div#myTasks{display: inline-block; vertical-align: top; width: 24vw; margin: 0 1vw 0 0;}
div#dash.u3 div.myTask{position: relative; background-color: #fff; border-bottom: 1px solid #d6d6d6;}
div#dash.u3 div.myTask div.timeButton{cursor: pointer; overflow: auto;}
div#dash.u3 div.myTask.started div.timeButton{background-color: #0071BB; color: #fff;}
div#dash.u3 div.myTask div.date{position: absolute; top: 0.3vw; left: 1vw; font-size: 1.2vw; line-height: 2vw;}
div#dash.u3 div.myTask div.tempsAlloue{position: absolute; top: 0.3vw; right: 1vw; font-size: 1.2vw; line-height: 2vw; color: #0071BB;}
div#dash.u3 div.myTask div.description{font-size: 1.3vw; line-height: 1.5vw; margin: 3vw 1vw 1vw 1vw; white-space: normal; overflow: hidden; }
div#dash.u3 div.myTask div.managerTaskTools{height: 5vw;}
div#dash.u3 div.myTask div.notDoableBtn{display: inline-block; vertical-align: middle; width: 5vw; height: 5vw; margin: 0 1vw 0 0; background-image: url(images/icon_unable_light-grey.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center;cursor: pointer;}
div#dash.u3 div.myTask div.transferBtn{display: inline-block; vertical-align: middle; width: 5vw; height: 5vw; margin: 0 1vw 0 0; background-image: url(images/icon_transfer_light-grey.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center;cursor: pointer;}
div#dash.u3 div.myTask div.helpBtn{display: inline-block; vertical-align: middle; width: 5vw; height: 5vw; margin: 0 1vw 0 0; background-image: url(images/icon_help_light-grey.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center; cursor: pointer;}
div#dash.u3 div.myTask div.checkMark{display: inline-block; vertical-align: middle; width: 5vw; height: 5vw; margin: 0 0vw 0 0; background-image: url(images/icon_check_grey.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center;}
div#dash.u3 div.myTask.done{background-color: #d6d6d6; border: 1px solid #888; margin-top: 0.2vw;}
div#dash.u3 div.myTask.done div.checkMark{background-image: url(images/icon_check_blue.svg);position: absolute; bottom: 0; right: 1vw;}
div#dash.u3 div#toutesTasks{display: inline-block; vertical-align: top; width: 47vw; margin: 0 1vw 0 0;}
div#dash.u3 div#toutesTasks h2{background-color: #606060;}
div#dash.u3.bulk div#toutesTasks{display: inline-block; vertical-align: top; width: 90vw; margin: 0 0vw 0 8vw;}
div#dash.u3.bulk div.allTask div{font-size: 0.8vw !important; line-height: 1vw !important;}
div#dash.u3.bulk div.allTask div.description{padding: 1.4vw 0.5vw 0.5vw 2.2vw; margin: 0;}
div#dash.u3.bulk div.allTask input[type="checkbox"]{position: absolute; top: 1.1vw; left: 0.5vw;}
div#dash.u3.bulk div.allTask div.tempsAlloue{position: absolute; top: 0.3vw; left: 30vw;}
div#dash.u3 div.allTask{position: relative; background-color: #fff; border-bottom: 1px solid #d6d6d6;}
div#dash.u3 div.allTask div.manageButton{overflow: auto;cursor: pointer;}
div#dash.u3 div.allTask div.name{position: absolute; top: 0.3vw; left: 1vw; font-size: 1.2vw; line-height: 2vw; color: #0071BB; text-transform: uppercase;}
div#dash.u3 div.allTask div.date{position: absolute; top: 0.3vw; left: 16vw; font-size: 1.2vw; line-height: 2vw;}
div#dash.u3 div.allTask div.description{font-size: 1.3vw; line-height: 1.5vw; margin: 3vw 1vw 1vw 1vw; white-space: normal; overflow: hidden; max-height: 5vh;}
div#dash.u3 div.allTask div.managerTaskTools{position: absolute;top:0; left:0; width: 100%; height: 100%; background-color: #0071bbd6; z-index: 100;}
div#dash.u3 div.allTask div.managerTaskTools.hidden{display: none;}
div#dash.u3 div.allTask div.removeBtn{position: absolute; top: 0; left: 18vw; z-index: 100; width: 5vw; height: 100%; margin: 0 1vw 0 0; background-image: url(images/icon_delete_white.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center;cursor: pointer;}
div#dash.u3 div.allTask div.transferBtn{position: absolute; top: 0; right: 15vw; z-index: 100; width: 5vw; height: 100%; margin: 0 1vw 0 0; background-image: url(images/icon_transfer_light-grey.svg); background-repeat: no-repeat; background-size: 3.5vw 3.5vw; background-position: center;cursor: pointer;}
div#dash.u3 div.allTask div.managerTaskTools div.clickSpace{cursor: pointer; position: relative; z-index: 10; width: 100%; height: 100%;}
div#dash.u3 div.allTask.done{background-color: #d6d6d6; border: 1px solid #c2c2c2; margin-top: 1px;}
div#dash.u3 div.allTask.done div.name{color: #606060;}
div#dash.u3 div.allTask.done div.manageButton{pointer-events: none;}
div#dash.u1{width: 91vw; height: 90vh; margin: 1vw 0 0 1vw;}
div#dash.u1 div#toutesTasks{display: inline-block; vertical-align: top; width: 32vw; margin: 0 1vw 0 0;}
div#dash.u1 div#toutesTasks h2{background-color: #606060;}
div#dash.u1 div.allTask{position: relative; background-color: #fff; border-bottom: 1px solid #d6d6d6; overflow: auto;}
div#dash.u1 div.allTask div.name{position: absolute; top: 0.3vw; left: 1vw; font-size: 1.2vw; line-height: 2vw; color: #0071BB; text-transform: uppercase;}
div#dash.u1 div.allTask div.date{position: absolute; top: 0.3vw; left: 16vw; font-size: 1.2vw; line-height: 2vw;}
div#dash.u1 div.allTask div.description{font-size: 1.3vw; line-height: 1.5vw; margin: 3vw 1vw 1vw 1vw; white-space: normal; overflow: hidden; max-height: 5vh;}
div#dash.u1 div#myTasks{display: inline-block; vertical-align: top; width: 47vw; margin: 0 1vw 0 0;}
div#dash.u1 div.myTask{position: relative; background-color: #fff; border-bottom: 1px solid #d6d6d6;}
div#dash.u1 div.myTask div.timeHL{width: 32.5vw;}
div#dash.u1 div.myTask.started div.timeHL{background-color: #0071BB; color: #fff;}
div#dash.u1 div.myTask div.timeButton{cursor: pointer; overflow: auto;width: 30vw;}
div#dash.u1 div.myTask div.date{position: absolute; top: 0.3vw; left: 1vw; font-size: 1.2vw; line-height: 2vw;}
div#dash.u1 div.myTask div.tempsAlloue{position: absolute; top: 0.3vw; right: 1vw; font-size: 1.2vw; line-height: 2vw; color: #0071BB;text-align: center; width: 12vw;}
div#dash.u1 div.myTask div.description{font-size: 1.3vw; line-height: 1.5vw; margin: 3vw 1vw 1vw 1vw; white-space: normal; overflow: hidden; min-height: 7vh;}
div#dash.u1 div.myTask div.circles{position: absolute; top: 0; right: 14vw; width: 1vw; height: 100%; background-image: url(images/icon_circles_grey.svg); background-repeat: no-repeat; background-size: 3vw 3vw; background-position: center; cursor: pointer;}
div#dash.u1 div.myTask div.checkMark{position: absolute; top: 2.5vw; right: 3vw; width: 9vw; height: 5vw; background-image: url(images/icon_check_grey.svg); background-repeat: no-repeat; background-size: 6vw 6vw; background-position: center; cursor: pointer;}
div#dash.u1 div.myTask div.employeeTaskTools{position: absolute; top:0vw; right:0vw; width: 14vw; height: 100%; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; webkit-ackface-visibility: hidden; background-color: #fff; text-align: left; overflow: hidden; z-index: 200; font-size: 1.5vw; line-height: 2vw; color: #0071BB;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms;-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms;animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms;}
div#dash.u1 div.myTask div.employeeTaskTools.hidden{display: none;}
div#dash.u1 div.myTask div.notDoableBtn{position: absolute; top:0; left:0; width: 4vw; height: 4vw; background-image: url(images/icon_unable_grey.svg); background-repeat: no-repeat; background-size: 3vw 3vw; background-position: center;cursor: pointer;}
div#dash.u1 div.myTask div.transferBtn{position: absolute; top:2vw; left:5vw; width: 4vw; height: 4vw; background-image: url(images/icon_transferr_grey.svg); background-repeat: no-repeat; background-size: 3vw 3vw; background-position: center;cursor: pointer;}
div#dash.u1 div.myTask div.helpBtn{position: absolute; bottom:0; right:0; width: 4vw; height: 4vw; background-image: url(images/icon_help_grey.svg); background-repeat: no-repeat; background-size: 3vw 3vw; background-position: center; cursor: pointer;}
div#dash.u1 div.myTask.done{background-color: #d6d6d6; border: 1px solid #888; margin-top: 0.2vw;}
div#dash.u1 div.myTask.done div.checkMark{background-image: url(images/icon_check_blue.svg);}
div#notifications{display: inline-block; vertical-align: top; width: 17vw; margin: 0 0vw 0 0;}
div#dash div#notifications h2{background-color:#662D90;}
div#dash div.notification{background-color: #662D90; color: #fff; border-radius: 0.7vw; font-size: 1.3vw; line-height: 1.5vw; padding: 1vw; margin: 0.5vw 0vw 0vw 0vw; white-space: normal; cursor: pointer;}
div#dash div.notification.seen{background-color: #888;}
div#notDoablePop{position: absolute; top: 18vh; left: 30vw; background-color: #fff; text-align: center; width: 40vw; height: 34vw; border: 1px solid #606060; box-shadow: 9px 9px 14px -4px #888; -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms; -ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms; animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms; z-index: 200;}
div#notDoablePop textarea{display: block; width: 34.9vw; height: 22vh; border: 1px solid #bfbfbf; color: #606060; font: 1vw 'IBM Plex Sans'; padding: 0.5vw 0.5vw 0.5vw 0.5vw; margin: 1vw auto 2vw auto;}
div#notDoablePop input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 36vw;font-size: 1vw;}
div#notDoablePop a.cancel{position: absolute; bottom: 3vh; left: 15vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#notDoablePop.hidden{display: none;}
div#transferPop{position: absolute; top: 18vh; left: 30vw; background-color: #fff; text-align: center; width: 40vw; height: 34vw; border: 1px solid #606060; box-shadow: 9px 9px 14px -4px #888; -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms; -ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms; animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms; z-index: 200;}
div#transferPop div.scrollCon{height: 37vh; text-align: left; padding: 1vw 2vw;}
div#transferPop a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
div#transferPop a.listing div.portrait{display: inline-block; vertical-align: middle; border: 1px solid #000; background-repeat: no-repeat; background-size: cover; margin: 0 1vw 0 0;width: 5vw; height: 5vw;}
div#transferPop a.cancel{position: absolute; bottom: 3vh; left: 15vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#transferPop.hidden{display: none;}
div#helpPop{position: absolute; top: 18vh; left: 30vw; background-color: #fff; text-align: center; width: 40vw; height: 34vw; border: 1px solid #606060; box-shadow: 9px 9px 14px -4px #888; -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 200ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 200ms; -ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 200ms; animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 200ms; z-index: 200;}
div#helpPop a.closeBtn{position: absolute; top: 0; right: 1vw; z-index: 200; color: #fff; text-decoration: none; font-size: 2vw; line-height: 3vw;}
div#helpPop.hidden{display: none;}
div#content{position: relative; z-index: 5; display: block; vertical-align: top; padding: 20px 20px 100px 20px; font-size: 16px; line-height: 20px; color: #555; width: 940px; white-space: normal; margin: 0px auto 0px auto;}
div#content h2{margin: 0 0 20px 0;color: #a41f16; font-size: 20px; line-height: 26px; font-weight: 600;}
h2.centered{text-align: center;}
div#content strong{font-weight: 600;}
div.admin div.scrollCon{height: 92vh; background-color: #989898;}
div.admin div.adminSection{border: 1px solid #606060; margin: 1vw; background-color: #d6d6d6;}
div.admin div.adminSection h2{background-color: #606060; font-size: 1.5vw; text-decoration: none; color: #fff; margin: 0; padding: 0.5vw 1vw;}
div.admin a.switchLog{position: absolute; top: 0; right: 0; display: block; background-image: url(images/icon_switch-user_blue.svg); background-repeat: no-repeat; background-size: 2.5vw 2.5vw; background-position: right 0.5vw; padding: 0.5vw 2.5vw 0.5vw 0.5vw; font-size: 1.5vw; line-height: 2.5vw; text-decoration: none; color: #0071BB;}
div.admin textarea{width: 38.9vw; border-radius: 0px; border: 1px solid #bfbfbf; color: #606060; margin: 0 0 1vw 0; font: 1vw 'IBM Plex Sans'; padding: 0.5vw;}
div#accountList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#accountList.hidden{display: none;}
div#accountList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#accountForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#accountForm input{display: block;}
form#accountForm input[type="text"]{width: 39vw;}
form#accountForm.hidden{display: none;}
form#accountForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#accountForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#accountForm div.halfField input{width: 18vw;}
form#accountForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#accountForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#storeList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#storeList.hidden{display: none;}
div#storeList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#storeForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#storeForm input{display: block;}
form#storeForm input[type="text"]{width: 39vw;}
form#storeForm.hidden{display: none;}
form#storeForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#storeForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#storeForm div.halfField input{width: 18vw;}
form#storeForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#storeForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#departmentList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#departmentList.hidden{display: none;}
div#departmentList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#departmentForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#departmentForm input{display: block;}
form#departmentForm input[type="text"]{width: 39vw;}
form#departmentForm.hidden{display: none;}
form#departmentForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#departmentForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#departmentForm div.halfField input{width: 18vw;}
form#departmentForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#departmentForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#stationList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#stationList.hidden{display: none;}
div#stationList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#stationForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#stationForm input{display: block;}
form#stationForm input[type="text"]{width: 39vw;}
form#stationForm.hidden{display: none;}
form#stationForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#stationForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#stationForm div.halfField input{width: 18vw;}
form#stationForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#stationForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#taskTypeList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#taskTypeList.hidden{display: none;}
div#taskTypeList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#taskTypeForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#taskTypeForm input{display: block;}
form#taskTypeForm input[type="text"]{width: 39vw;}
form#taskTypeForm.hidden{display: none;}
form#taskTypeForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#taskTypeForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#taskTypeForm div.halfField input{width: 18vw;}
form#taskTypeForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#taskTypeForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
div#taskList{width: 50%; height: auto; margin: 2vw; overflow: auto;}
div#taskList.hidden{display: none;}
div#taskList a.listing{display: block; text-decoration: none; font-size: 1.5vw; line-height: 2vw; color: #222; margin: 0 0 2vh 0;}
form#taskForm{position: relative; padding: 1vw 3vw 7vw 2vw; background-color: #fff;}
form#taskForm input{display: block;}
form#taskForm input[type="text"]{width: 39vw;}
form#taskForm.hidden{display: none;}
form#taskForm label{display: block; font-size: 0.8vw; padding: 0px 0 2px 4px;}
form#taskForm div.halfField{display: inline-block; vertical-align: top; margin: 0 1vw 0 0; width: 20vw;}
form#taskForm div.halfField input{width: 18vw;}
form#taskForm input[type="submit"]{background-color: #0071BB; color: #fff;border: 0; padding: 1vw 0; width: 40vw;font-size: 1vw;}
form#taskForm a.cancel{position: absolute; bottom: 4vh; left: 17vw; display: block; width: 10vw; font-size: 1vw; text-decoration: none; color: #999; background-color: #d6d6d6; margin: 0 auto; text-align: center; padding: 1vw 0;}
input[type="text"],input[type="password"]{border-radius: 0px;border: 1px solid #bfbfbf;color:#606060;margin: 0 0 1vw 0;font: 1vw 'IBM Plex Sans';padding: 0.5vw;}
input[type="submit"]{cursor:pointer;}
select{border-radius: 0px;border: 1px solid #bfbfbf;color:#606060;margin: 0 0 1vw 0;font: 1vw 'IBM Plex Sans';padding: 0.5vw 2.5vw 0.5vw 0.5vw;-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';cursor:pointer;background-image:url(images/down_arrow_grey.svg); background-size: 2vw 2vw; background-repeat: no-repeat; background-position: top right;}
a.backLink{display: block; text-decoration: none; position: absolute; top: 200px; left: 20px; color: #555; font-size: 18px;}
input.toggleBtn{display:none;}
span.addtocalendar > a{background-image: url(images/calendar.svg) !important; background-repeat: no-repeat; background-size: 120px 52px; padding: 0 0 0 130px; min-height: 52px; font-weight: 600;}
.toggled{display:inline-block;}
.toggled.disabled{opacity:0.4;pointer-events:none;}
.toggled.disabled.hidden{display:none;}
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
div.table{display:table;border:0px;border-collapse:collapse;margin-bottom: 20px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell;padding: 0.5vw;}
div.tableRow.head div.tableCell{border:1px solid #fff;background-color:#15244b;color:#fff;font-weight: 600;}
div.tableRow.noPad div.tableCell{padding:0;}
div.pieLabel{padding: 0 0 0 0;}
div.feedGraph{position: relative;display: inline-block;vertical-align: top;width: 380px; height: 390px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
div#feedGraph1 {margin-right: 20px;}
div.learningResults div.feedGraph{display: none; vertical-align: top; width: 450px; height: 335px;}/* display: inline-block; */
div.theLegend{position: absolute; top: 40px; left: 500px; width: 280px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'IBM Plex Sans', Arial; font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 16px/16px 'IBM Plex Sans', Arial; font-weight: 600;color: #061d49;}
div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}
.fsSmall{font-size: 21px;}
.fsSmallpx{font-size: 14px;}
.w100{width: 100%;}
.floatLeft{float:left;margin: 0 20px 20px 0;}
.floatRight{float:left;margin: 0 0px 20px 20px;}
.centered{text-align: center;}
div.blocked{display: inline-block;vertical-align: top;max-width: 46vw;}
div.blocked p{margin:0px 0px 10px 0px;}
div.lrgBlue{font-size: 40px;line-height: 40px;font-weight: 700;color: #182954;width: 212px;text-align: center;}
@media all and (max-width: 700px) {
}
div#footer{}
div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px 'Montserrat', Arial;font-weight:400;text-shadow: 1px 1px #fff;}
.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
color: red !important;
}
.warn::-moz-placeholder { /*Firefox */
color: red !important;
}
.warn:-ms-input-placeholder { /* IE */
color: red !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: transparent !important;
background-image: inherit !important;
}
.fade-enter-active, .fade-leave-active{
transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
opacity: 0;
}
@keyframes scrollIn1 {
0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }
@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }