.dropdown{position:relative}.dropdown.dark-menu .menu-link-icon{border-color:rgba(129,121,144,0.4)}.dropdown .menu-link-icon{width:30px;height:30px;border:1px solid #dfdee2;text-decoration:none;font-size:13px;background:white;border-radius:500px;flex-wrap:wrap;align-items:center;justify-content:center;display:flex}.dropdown .menu{position:absolute;z-index:1;top:100%;right:-20px;width:240px;margin-top:10px;padding:15px;background:white;box-shadow:0 0 5px #e4e4e4;border:1px solid #e4e4e4;border-radius:3px}.dropdown .menu:before{content:"";position:absolute;bottom:100%;right:26px;margin-bottom:-5px;padding:5px;border:solid #e4e4e4;border-width:0 1px 1px 0;background:white;transform:rotate(-135deg)}.dropdown .menu li{color:#8f80ab}.dropdown .menu li+li{padding-top:8px}.dropdown .menu li.disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.dropdown .menu li a{text-decoration:none}

.login .bloc-grey{margin:30px auto;text-align:center}

.tooltip{position:relative}.tooltip.right .tooltip-content{right:100%;margin-right:10px;border-left:5px solid #b5b0bf}.tooltip.right .tooltip-content:before,.tooltip.right .tooltip-content:after{content:"";width:0;height:0;right:-8px;border-style:solid;border-width:7px 0 7px 8px;position:absolute;top:50%;transform:translate(0, -50%)}.tooltip.right .tooltip-content:before{border-color:transparent transparent transparent #dfdee2}.tooltip.right .tooltip-content:after{right:-7px;border-color:transparent transparent transparent #f4f4f8}.tooltip.left .tooltip-content{left:0}.tooltip .tooltip-content{position:absolute;top:50%;transform:translate(0, -50%);white-space:nowrap;padding:10px 12px;font-size:14px;text-align:center;color:#b5b0bf;border:1px solid #e4e1ea;background:#f4f4f8;border-radius:5px}

label{display:block;color:#817d8c}*:not(.flex)>input{margin-bottom:0}*:not(.flex)>input+input,*:not(.flex)>input+*[class*='btn-']{margin-top:10px}*:not(.flex)>input.input-icon{max-width:90px;flex:0 0 90px}input[type=text],input[type=password],input[type=email],input[type=name]{padding:12px 15px;text-align:center;border:1px solid #e4e1ea;box-shadow:none;color:#8f80ab;border-radius:500px}input[type=text]:focus,input[type=text]:active,input[type=password]:focus,input[type=password]:active,input[type=email]:focus,input[type=email]:active,input[type=name]:focus,input[type=name]:active{outline:none;border-color:#dfdee2}::placeholder{color:#b5b0bf;font-style:italic;font-size:14px;opacity:1}::-ms-input-placeholder{color:#b5b0bf;font-style:italic;font-size:14px}.fake-check{width:100%;height:28px;cursor:pointer;outline:none !important;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}.fake-check:after{position:absolute;visibility:visible;content:"";width:28px;height:28px;display:block;border:1px solid #e4e1ea;border-radius:500px}.completed .fake-check:after{content:"\f00c";border-color:#dfdee2;color:#817990;line-height:19px;flex-wrap:wrap;align-items:center;justify-content:center;display:flex;font-size:15px;font-weight:900;font-family:"FontAwesome", serif}.flex-form{display:flex}.flex-form input{border-radius:0}.flex-form input:first-child{border-radius:500px 0 0 500px}.flex-form .vdp-datepicker input{margin-left:-1px;border-radius:0 500px 500px 0}.flex-form .vdp-datepicker .vdp-datepicker__calendar{margin-top:5px;padding:10px;border-color:#e4e1ea;color:#8f80ab;box-shadow:0 0 5px #e7e6ea;border-radius:3px}.flex-form .vdp-datepicker .vdp-datepicker__calendar .prev,.flex-form .vdp-datepicker .vdp-datepicker__calendar .next,.flex-form .vdp-datepicker .vdp-datepicker__calendar .cell.day.today{font-weight:bold;background:#f1f0f5;border-radius:500px}.flex-form .vdp-datepicker .vdp-datepicker__calendar .prev:after{border-right-color:#8f80ab}.flex-form .vdp-datepicker .vdp-datepicker__calendar .next:after{border-left-color:#8f80ab}.todolist{width:550px;max-width:100%;margin:auto;text-align:center}.todolist .input-checkbox{max-width:40px;flex:0 0 40px}.todolist input{width:100%;margin:0}.todolist input.red,.todolist input.red+.vdp-datepicker input{border-color:red}.todolist .vdp-datepicker{max-width:100px;flex:0 0 100px;position:relative}.todolist .vdp-datepicker.empty{max-width:50px;flex:0 0 50px}.todolist .vdp-datepicker.empty input{background:none}.todolist .vdp-datepicker.empty:after{content:'\f073';color:#8f80ab;z-index:-1;margin-top:-2px;margin-left:-2px;font-size:15px;font-weight:900;font-family:"FontAwesome", serif;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.todolist .vdp-datepicker .vdp-datepicker__calendar{right:0}.todolist .delete-all-done{margin-bottom:10px;padding-left:30px}.todolist .delete-all-done a{color:#afafaf}.todolist .delete-all-done .fa-level-down-alt{position:relative;bottom:5px;margin-right:10px;transform:rotate(180deg)}.todolist .check-all{margin-top:15px;text-align:left;color:#b5b0bf}.todolist .check-all:before{content:"\f3bf";display:inline-block;margin-right:4px;position:relative;bottom:-2px;font-size:13px;font-weight:900;font-family:"FontAwesome", serif;transform:rotate(180deg)}.todolist .task-list{margin:10px 0 0;list-style:none}@media only screen and (max-width: 768px){.todolist .task-list{margin-left:-15px;margin-right:-15px}}.todolist .task-list .todo{position:relative;border-left:1px solid #e4e1ea;border-right:1px solid #e4e1ea;text-align:left}.todolist .task-list .todo>*{min-height:63px;padding:10px}.todolist .task-list .todo:first-child{border-top:1px solid #e4e1ea}@media only screen and (min-width: 769px){.todolist .task-list .todo:first-child{border-radius:3px 3px 0 0}}.todolist .task-list .todo:last-child{border-bottom:1px solid #e4e1ea}@media only screen and (min-width: 769px){.todolist .task-list .todo:last-child{border-radius:0 0 3px 3px}}.todolist .task-list .todo.sortable-ghost{background:#f1f0f5}.todolist .task-list .todo+li{border-top:1px solid #e4e1ea}.todolist .task-list .todo input[type=text]{width:100%;text-align:left}.todolist .task-list .todo label:not(.hide){color:#8f80ab;word-break:break-word;flex-wrap:wrap;align-items:center;display:flex}.todolist .task-list .todo.completed label{text-decoration:line-through;color:#afafaf}.todolist .task-list .todo .line-todo.is-editing{visibility:hidden}.todolist .task-list .todo .editing-form{width:100%;padding-left:52px;padding-right:10px;position:absolute;top:50%;left:0;margin-top:-21px}.list-todo .icon{width:65px;height:65px;color:#8f80ab;background:#e4e1ea;flex-wrap:wrap;align-items:center;justify-content:center;display:flex;border-radius:500px}.list-todo .icon i{font-size:18px}.list-todo .icon.big{width:80px;height:80px}.list-todo .icon+.main{align-self:center}@media only screen and (max-width: 768px){.menu-tab>li>a{width:100%}.menu-tab>li>a .icon{width:100%;height:100%}.menu-tab>li>a .icon i{font-size:22px}.menu-tab>li>a:after{content:"";display:block;padding-bottom:100%}}@media only screen and (max-width: 319px){.menu-tab.sm-4>li>a .icon i{font-size:18px}}

.manage-list .bloc-violet{position:relative}.manage-list .edit-list{position:absolute;top:50%;transform:translate(0, -50%);right:20px}.manage-list .list-todo>li.is-target{background:rgba(147,135,173,0.3)}.manage-list .list-todo>li.is-target .icon.big{background:rgba(147,135,173,0.5)}.manage-list .list-todo>li.is-target *{pointer-events:none}.manage-list .list-line{position:relative;background:rgba(241,240,245,0.8);border-radius:500px}.manage-list .list-line label{color:#8f80ab}.manage-list .list-line.is-editing .icon.big,.manage-list .list-line.is-editing>.main{visibility:hidden}.manage-list .list-line.is-editing .editing-form{width:100%;padding:0 25px;position:absolute;left:0;top:50%;margin-top:-21px}

