.todo-section *{box-sizing:border-box}.todo-section{margin:5px 10px 10px;cursor:pointer;position:relative}.todo-section i{display:inline-block;background:url(https://cdn.codechef.com/images/home/todo.svg) no-repeat -2px 0;opacity:.8;width:21px;height:24px}.todo-section .notification-counter{position:absolute;top:0;left:10px;width:15px;line-height:1.1;background-color:red;text-align:center;color:#fff;font-weight:800;border-radius:30%;font-size:10px;box-shadow:1px 2px 1px 0 rgba(0,0,0,.4)}.todo-section .notification-listbox{box-shadow:0 5px 8px 0 rgba(0,0,0,.4);position:absolute;border:1px solid #d8d6d6;width:190px;display:none;top:35px;left:-10px;z-index:10000;min-height:50px}.todo-section .notification-listbox::after,.todo-section .notification-listbox::before{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.todo-section .notification-listbox::before{border-color:transparent transparent #c0bfbf;border-width:11px;margin-left:-11px}.todo-section .notification-listbox::after{border-color:transparent transparent #e5e4e2;border-width:10px;margin-left:-10px}.todo-section .notification-listbox ul{margin:0;padding:0}.todo-section .notification-listbox ul li{border-bottom:1px solid #dfdfdf;background-color:#f9f8f6;cursor:default;list-style-type:none;padding:0 0 4px 0}.todo-section .notification-listbox ul li:hover{background:#f2f1ee}.todo-section .notification-listbox ul li.notification-listbox-head{background-color:#e5e4e2;padding:5px 0 5px 8px;font-weight:700;color:#2c3539;font-size:12px;cursor:default;text-align:center}.todo-section .notification-listbox ul li .notification-listbox-time{display:inline-block;font-size:11px;color:#999;font-style:italic;width:100%;text-align:center}.todo-section .notification-listbox ul li a{padding:5px 10px;text-decoration:none;display:inline-block;height:20px;width:98%;font-size:11px}.todo-section .notification-listbox ul li a span{display:inline-block;margin-top:5px}.todo-section .notification-listbox ul li a span.left{width:30%}.todo-section .notification-listbox ul li a span.right{text-align:right;color:#999;font-style:italic;width:65%}.todo-section .notification-listbox ul .notification-listbox-loader{padding:8px;background:url(../images/loader-icon.gif) no-repeat center #fff;border-bottom:1px solid #dfdfdf}.todo-section .notification-listbox .notification-listbox-seeall{background-color:#f9faf8;text-align:center;font-size:12px;padding:7px;font-weight:700;cursor:default;display:inline-block;width:100%}.todo-section .notification-listbox .notification-listbox-seeall a{display:inline-block;width:100%}.todo-section .notification-listbox .notification-listbox-seeall a:hover{text-decoration:underline}