:root{
--border:#CCCCCC;
--td-bkd-odd:#F5F5F5;

--border-dark:#555555;
--dark-td-bkd:#333333;
--dark-headttl:#222222;
--dark-td-bkd-odd:#292929;
--btn-hover:#DDDDDD;
--dark-btn-hover:#111111;

--cst-bkg:#F5F5F5;

--maxwidh:1178px;
}

html{
    font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
}
body.layout{background:var(--cst-bkg)}
body.layout.timesheet,
body.layout.usersview,
body.layout.monitorbackups,
body.layout.setup,
body.layout.clientlist{background:#FFFFFF}

div[c]{text-align:center}


body {
    font-family: inherit;
    line-height: inherit;
}
b{font-weight:bold}
.flash-message{position:fixed;z-index:99999;}
.flash-message.top-left{top:20px;left:-1000px;transition: left 0.5s ease-in-out}
.flash-message.open.top-left{left:20px}
.flash-message>div{background-color:yellow;padding:20px 25px;white-space:nowrap;border-radius:0.25rem;box-shadow:0 2px 3px 0 rgba(0,0,0,0.4)}

body{/*min-width:1408px;* /min-width:var(--maxwidh);*/margin:0;padding:0;min-height:100vh;position:relative;font-weight:300;line-height:1.8}
a{color:#0000FF}
strong{font-weight:bold;}
div.page_title{background:#222222;color:#FFFFFF;border-bottom:1px solid #CCCCCC;padding:3px 5px 3px 210px}

.mb0{margin-bottom:0}
.small{font-size:75%;}

.rel{position:relative}
.abs{position:absolute}

.hidden{display:none!important}
.block{display:block!important}

div.clear{clear:both}

.gencover,.icon.bookmark{cursor:pointer}

.gencover{position:fixed;top:0;bottom:0;right:0;left: 0;background: #000000a8;z-index:9;color:#FFFFFF;padding:45vh 20px 0 20px;text-align:center;font-size:30px;font-weight:bold;text-shadow:0 0 5px black}
.modalcontainer.boks{overflow-y:auto;position:fixed;bottom:0;right:0;left:0;height:45%;padding:20px;box-shadow:0 -2px 15px 0 rgba(0,0,0,0.8);background-color:#FFFFFF}

.modalcontainer.boks .basic-table tr.th td{top:-20px}
.modalcontainer.boks .basic-table td{border-bottom:0.5px solid rgba(0,0,0,0.05) !important}

/*
div.menu{cursor:grabbing;transition: width 0.5s;position:fixed;top:0;left:50px;width:40px;height:100vh;background-color:#313779;color:#FFFFFF;border-right:1px solid #000000;box-shadow:0 4px 7px 1px rgba(0,0,0,0.7);z-index:10}
div.menu.extended{width:220px;}
div.menu .menu-items-collection{width:205px;position:absolute;right:0;height:100%}

div.menu .navbar-toggler-icon{opacity:0.5;margin-right:-9px;cursor:pointer;display:inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
div.menu:hover .navbar-toggler-icon{opacity:1}

div.menu.extended .navbar-toggler-icon{margin-right:-4px;margin-top:1px}

div.menu .menu-items-collection .navbar-toggler-icon{float:right}

div.menu ul.nav{padding:0;margin-right:42px}
div.menu.extended ul.nav{padding:0;margin-right:0}
div.menu ul.nav li{list-style-type:none;margin-left:-15px;}

div.menu ul.nav li a:hover{background-color:rgba(0,0,0,0.25)}
*/


div.menu{position:fixed;padding-top:2.5px;left:0;top:0;right:0;height:60px;
    background-color:#313779;color:#FFFFFF;z-index:10;min-width:var(--maxwidh)}
div.menu a{margin:0 10px;line-height:20px;vertical-align:bottom;
    display:inline-block;color:#FFFFFF;text-decoration:none;
    padding:35px 0 0 0;position:relative;height:50px;font-size:70%;
    text-transform:uppercase;}
div.menu a:after{width:100%;height:30px;top:5px;left:0;right:0;left:50%;margin-left:-50%;}

div.menu span.sep{display:inline-block;width:0.5px;height:60%;
    background-color:#FFFFFF;margin-bottom:-3px}

.userselector{display:inline-block;height:54px;position:relative;width:56px}
.userselector>div{position:absolute;top:0;height:50px;overflow:hidden}
.userselector:hover>div{height:auto;background-color:#313779;box-shadow:0 2px 5px 0 rgba(0,0,0,0.4)}

.usericon{background-size:contain;position:absolute;box-sizing:initial;
    background-color:#694262;color:#ffffff;margin:6px 6px 10px 6px;
    border-radius:5px;height:40px;width:40px;border:1px solid #00000064;
    line-height:40px;font-weight:bold;font-size:18px;text-align:center;}
.usericon.off{}
.usericon.switch{cursor:pointer}

.slide-right{float:right}


div.menu a.project{position:relative;}
div.menu a.project .bullet{z-index:10;position:absolute;background:#db0000;color:#FFF;display:block;top:0;right:0;width:24px;height:24px;text-align:center;line-height:24px;border-radius:100px;font-weight:bold;font-size:16px}
div.menu a.project .preview{z-index:10;position:absolute;background:#fff;color:#000;display:block;top:60px;left:0;padding:5px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.4);min-width:300px;min-height:30px;max-height:500px;border-radius:2px}
div.menu a.project .preview span{display:block;margin:10px 0}
div.menu a.project .preview span:hover{background:#F5F5F5;}
/* div.menu ul.nav li a:hover{background-color:rgba(0,0,0,0.25)} */

/*div.menu div.user-data{position:absolute;bottom:0;padding:0;left:-15px;right:8px;transition: right 0.5s}
div.menu.extended div.user-data{right:15px !important;}
div.menu .power-off svg{float:right;opacity:0.5}
div.menu:hover .power-off svg{opacity:1}*/
.stick-bottom{position:absolute;left:0;right:0;bottom:0}
.yellow{color:yellow}


.fs130p{font-size:130%}

.red{color:red}
.blue{color:darkorchid}

.priority-control{width:2rem;float:left}
.priority-control>*{float:left}

div.page_content{/*min-width:1408px;*/padding-bottom:60px;position:relative;z-index:1;margin-left:10px;margin-right:10px;padding-top:123px;}
div.page_content.login{margin:0;padding-bottom:0;min-width:initial}
body.userlogin div.page_content{padding-top:0;}

.breadcrumbs{margin-bottom:30px;min-height:1.8rem}

h1.xmod{margin:0px;position:fixed;top:60px;z-index:27;background:#ffffff;right:0;left:0;
text-align:center;font-weight:90;font-weight:bold;border-bottom:2px solid #000000}

div.page-login{text-align:center;height:100vh}
div.page-login h1{color:#FFFFFF;text-shadow:2px 2px 3px #000000}
form.login{width:340px;margin:0 auto;text-align:left;background:rgba(255,255,255,0.8);padding:30px;border-radius:5px;box-shadow:0 5px 15px 0 rgba(0,0,0,0.4)}
form.login table{width:100%}
form.login table tr td:first-child{width:31%;text-align:right}
form.login input[type="text"],form.login input[type="password"]{padding:5px 10px}
.invisible{opacity:0}
.nvad{transition:opacity 0.25s}



.rj{text-align:right}
.lj{text-align:left}
.cj{text-align:center}

/* svg icons * /
.fal{background-repeat:no-repeat;display:inline-block;}
.fal.fa-power-off{background-image:url("/assets/css/svgs/power-off-solid.svg");}*/
.card{border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.4);}
.card>div{padding:15px}

.rel{position:relative;}

div.pagination{position:fixed;text-align:center;z-index:5;bottom:0;right:0;left:0;padding:10px;border-top:1px solid #cccccc;background:#EEEEEE }
div.pagination a,div.pagination span{display:inline-block;}
div.pagination a{background:#FFDDDD;border-radius:3px;padding:1px 10px;text-decoration:none}
div.pagination a:hover{background:#CCCCCC;}
div.pagination a,div.pagination span{margin:0 3px;}

.cc{text-align:center;vertical-align:middle;}

.svg{color:#ffffff}

span.sicon{display:inline-block;height:inherit;position:relative;background-color:red;width:3.5rem}
span.sicon::before{background-color:inherit;color:inherit;content:"";position:absolute;top:0;
margin-top:-50%;bottom:-0.25rem;width:50%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.sicon.bookmark::before{-webkit-mask-image:url('/icons/bookmark.svg');mask-image:url('/icons/bookmark.svg');}
.sicon.crons::before{-webkit-mask-image:url('/icons/cogs.svg');mask-image:url('/icons/cogs.svg');}
.sicon.setup::before{-webkit-mask-image:url('/icons/cog.svg');mask-image:url('/icons/cog.svg');}
.sicon.tasks::before{-webkit-mask-image:url('/icons/tasks.svg');mask-image:url('/icons/tasks.svg');}
.sicon.timesheet::before{-webkit-mask-image:url('/icons/clock.svg');mask-image:url('/icons/clock.svg');}
.sicon.clients::before{-webkit-mask-image:url('/icons/handshake.svg');mask-image:url('/icons/handshake.svg');}
.sicon.projects::before{-webkit-mask-image:url('/icons/project.svg');mask-image:url('/icons/project.svg');}
.sicon.users::before{-webkit-mask-image:url('/icons/user.svg');mask-image:url('/icons/user.svg');}
.sicon.backups::before{-webkit-mask-image:url('/icons/hdd.svg');mask-image:url('/icons/hdd.svg');}
.sicon.recurent::before{-webkit-mask-image:url('/icons/clipboardcheck.svg');mask-image:url('/icons/clipboardcheck.svg');}
.sicon.loghelp::before{-webkit-mask-image:url('/icons/info.svg');mask-image:url('/icons/info.svg');}


.grayout{color:#BBBBBB}


.button,input[type="button"],input[type="submit"],
button{background-color:#333333;color:#CCCCCC;border-radius:2px;border:none;padding:5px 15px;
    font-weight:bold;text-transform:uppercase;cursor:pointer;text-decoration:none;font-size:14px}
.button:hover,input[type="button"]:hover,button:hover{background-color:#000000;color:#EEEEEE;box-shadow:-1px -1px 2px 0 rgba(255,255,255,0.5),1px 1px 2px 0 rgba(0,0,0,0.5)}
.button:active,input[type="button"]:active,button:active{box-shadow:0 0 2px 0 rgb(240,0,0) inset}

table.classic{border:1px solid var(--border);width:100%;border-spacing:0;}
table.classic th{text-align:left;background:#DDDDDD}
table.classic th,table.classic td{padding:3px 6px}
table.classic tr:nth-child(odd) td{background:var(--td-bkd-odd)}
table.classic tr.total td{background:#d7d7f9}
table.classic tr.grand.total td{font-size:150%;background:#d7d7f9;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
table.classic td{border-top:1px dotted var(--border);}
table.classic.small{font-size:80%}

.cover{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);z-index:10}


.closeedit{position:absolute;right:50px;top:10px;cursor:pointer}
.modalcontainer{position:relative;z-index:15/* over menus */}


.functions{padding:3px 0 3px;min-height:34px}

.timesheet .calendar:hover .month span{text-decoration:underline;}
.timesheet .calendar:hover .day.x.y{text-decoration:underline;}


.modalcontainer.inuse{background:#00000090;position:fixed;top:0;bottom:0;left:0;right:0;transition: background .3s}


body.dark .cover{background:rgba(255,255,255,0.3)}
body.dark table.classic{border-color:var(--border-dark)}
body.dark table.classic th{background:#222222}
body.dark table.classic td{border-top:1px dotted var(--border-dark);background:var(--dark-td-bkd)}
body.dark table.classic tr:nth-child(odd) td{background:var(--dark-td-bkd-odd)}
body.dark table.classic tr.total td{background-color:#1e1e27;color:#FFFF44}
body.dark table.classic tr.grand.total td{background-color:#462435;border-color:var(--border-dark);color:#FFFF44}
body.dark .button,body.dark input[type="button"],
body.dark button{background-color:#333333;color:#CCCCCC;}
body.dark div.pagination a{background:#444444;}
body.dark div.pagination a:hover{background:#111111;}
body.dark .un-pinned{background:#2f0e0e}
/* icons.css */

.icon::after{content:"";width:24px;height:24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
-webkit-mask-position:center;mask-position:center;display:block;z-index:5;position:absolute;background-color:#FFFFFF}
.menu.extended .icon::after{right:14px}
.icon.tasks::after{-webkit-mask-image:url('/icons/tasks.svg');mask-image:url('/icons/tasks.svg');}
.icon.project::after{-webkit-mask-image:url('/icons/project.svg');mask-image:url('/icons/project.svg');}
.icon.moon::after{-webkit-mask-image:url('/icons/moon.svg');mask-image:url('/icons/moon.svg');}
.icon.sun::after{-webkit-mask-image:url('/icons/sun.svg');mask-image:url('/icons/sun.svg');}
.icon.user::after{-webkit-mask-image:url('/icons/user.svg');mask-image:url('/icons/user.svg');}
.icon.clock::after{-webkit-mask-image:url('/icons/clock.svg');mask-image:url('/icons/clock.svg');}
.icon.books::after{-webkit-mask-image:url('/icons/books.svg');mask-image:url('/icons/books.svg');}
.icon.handshake::after{-webkit-mask-image:url('/icons/handshake.svg');mask-image:url('/icons/handshake.svg');}
.icon.edit::after{-webkit-mask-image:url('/icons/edit.svg');mask-image:url('/icons/edit.svg');}
.icon.close::after{-webkit-mask-image:url('/icons/close.svg');mask-image:url('/icons/close.svg');}
.icon.cogs::after{-webkit-mask-image:url('/icons/cogs.svg');mask-image:url('/icons/cogs.svg');}
.icon.setup::after{-webkit-mask-image:url('/icons/cog.svg');mask-image:url('/icons/cog.svg');}
.icon.bookmark::after{-webkit-mask-image:url('/icons/bookmark.svg');mask-image:url('/icons/bookmark.svg');}
.icon.recurent::after{-webkit-mask-image:url('/icons/clipboardcheck.svg');mask-image:url('/icons/clipboardcheck.svg');}
.icon.loghelp::after{-webkit-mask-image:url('/icons/info.svg');mask-image:url('/icons/info.svg');}

.icon.hdd::after{-webkit-mask-image:url('/icons/hdd.svg');mask-image:url('/icons/hdd.svg');}
.icon.power-off::after{-webkit-mask-image:url('/icons/power-off.svg');mask-image:url('/icons/power-off.svg');}
.icon.file-copy::after{-webkit-mask-image:url('/icons/file-copy.svg');mask-image:url('/icons/file-copy.svg');}
.icon.cloud-upload::after{-webkit-mask-image:url('/icons/cloud-upload.svg');mask-image:url('/icons/cloud-upload.svg');}
.icon.delete::after{-webkit-mask-image:url('/icons/bin.svg');mask-image:url('/icons/bin.svg');background-color:red;display:block;width:22px;height:22px;cursor:pointer}

.icon:hover::after{opacity:1}


.icons{position:relative;margin:0 7px;display:inline-block;width:20px;height:20px;-webkit-mask-repeat:no-repeat;mask-repeat: no-repeat;background:#000000}
/* .icons::after{background:#000000;top:0;right:-10px;opacity:1} */
body.dark .icons::after{background:#CCCCCC;}
/* end: icons.css */
body.dark{color:#CCCCCC;background-color:#333333}
body.dark a{color:#a4d663}
body.dark h1.xmod {color:#CCCCCC;background:rgba(32,32,64,1);  background: linear-gradient(90deg, rgba(32,32,64,1) 0%, rgba(49,55,121,1) 100%);}

body.dark table.basic-table th{color:#CCCCCC}
body.dark input{background-color:#333333;color:#CCCCCC}
body.dark select{background-color:#333333;color:#CCCCCC}
/* tailwind css */
.w-0{width:0px}
.w-px{width:1px}
.w-0.5{width:0.125rem}
.w-1{width:0.25rem}
.w-1.5{width:0.375rem}
.w-2{width:0.5rem}
.w-2.5{width:0.625rem}
.w-3{width:0.75rem}
.w-3.5{width:0.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-28{width:7rem}
.w-32{width:8rem}
.w-36{width:9rem}
.w-40{width:10rem}
.w-44{width:11rem}
.w-48{width:12rem}
.w-52{width:13rem}
.w-56{width:14rem}
.w-60{width:15rem}
.w-64{width:16rem}
.w-72{width:18rem}
.w-80{width:20rem}
.w-96{width:24rem}
.w-auto{width:auto}
.w-1/2{width:50%}
.w-1/3{width:33.333333%}
.w-2/3{width:66.666667%}
.w-1/4{width:25%}
.w-2/4{width:50%}
.w-3/4{width:75%}
.w-1/5{width:20%}
.w-2/5{width:40%}
.w-3/5{width:60%}
.w-4/5{width:80%}
.w-1/6{width:16.666667%}
.w-2/6{width:33.333333%}
.w-3/6{width:50%}
.w-4/6{width:66.666667%}
.w-5/6{width:83.333333%}
.w-1/12{width:8.333333%}
.w-2/12{width:16.666667%}
.w-3/12{width:25%}
.w-4/12{width:33.333333%}
.w-5/12{width:41.666667%}
.w-6/12{width:50%}
.w-7/12{width:58.333333%}
.w-8/12{width:66.666667%}
.w-9/12{width:75%}
.w-10/12{width:83.333333%}
.w-11/12{width:91.666667%}
.w-full{width:100%}
.w-screen{width:100vw}
.w-min{width:min-content}
.w-max{width:max-content}
.h-0{height:0px}
.h-px{height:1px}
.h-0.5{height:0.125rem}
.h-1{height:0.25rem}
.h-1.5{height:0.375rem}
.h-2{height:0.5rem}
.h-2.5{height:0.625rem}
.h-3{height:0.75rem}
.h-3.5{height:0.875rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-28{height:7rem}
.h-32{height:8rem}
.h-36{height:9rem}
.h-40{height:10rem}
.h-44{height:11rem}
.h-48{height:12rem}
.h-52{height:13rem}
.h-56{height:14rem}
.h-60{height:15rem}
.h-64{height:16rem}
.h-72{height:18rem}
.h-80{height:20rem}
.h-96{height:24rem}
.h-auto{height:auto}
.h-1/2{height:50%}
.h-1/3{height:33.333333%}
.h-2/3{height:66.666667%}
.h-1/4{height:25%}
.h-2/4{height:50%}
.h-3/4{height:75%}
.h-1/5{height:20%}
.h-2/5{height:40%}
.h-3/5{height:60%}
.h-4/5{height:80%}
.h-1/6{height:16.666667%}
.h-2/6{height:33.333333%}
.h-3/6{height:50%}
.h-4/6{height:66.666667%}
.h-5/6{height:83.333333%}
.h-full{height:100%}
.h-screen{height:100vh}


.align-baseline{vertical-align:baseline}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}
.align-text-top{vertical-align:text-top}
.align-text-bottom{vertical-align:text-bottom}

.has-text-centered{text-align:center}

/* END:tailwind css */
/* table css */

.basic-table{width:100%;border-spacing:0;}
.basic-table td{padding:5px 10px;font-size:85%}
/*.basic-table tr:nth-child(even){background-color:rgba(210,210,210,0.5)}*/
/* .basic-table tr:hover{background-color:rgba(30,30,30,0.7)} */

.basic-table tr.th td{background: rgb(245,245,245);font-weight:bold;background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(210,210,210,1) 100%);
    color:#000000;
    padding:5px 10px;
    position:sticky;
    top:158px;
    z-index:26;

    border-width:0.5px!important;
    border-top-width:1.5px!important;
    border-color:#b7b7b7!important;
    border-style: solid;
    border-left-width: 0px!important;
    border-right-width: 0px !important;
}


.basic-table tr{background:#FFFFFF}

.basic-table td{border-bottom:0.5px solid rgba(0,0,0,0.05);vertical-align:top;line-height: 140%;}



/* .basic-table tr:not(.sep):not(.dt):not(.hd):not(.th) td:first-child{border-left:0.5px solid transparent !important}
.basic-table tr:not(.sep):not(.dt):not(.hd):not(.th):hover td:first-child{border-left:0.5px solid #eeeeee !important} */

.basic-table tr:not(.sep):not(.dt):not(.hd):not(.th) td:last-child{border-right:0.5px solid transparent !important}
/* .basic-table tr:not(.sep):not(.dt):not(.hd):not(.th):hover td:last-child{border-right:0.5px solid #eeeeee !important} */

.basic-table tr.th td:first-child{border-left-width:0px !important;}
.basic-table tr.th td:last-child{border-right-width:0px !important;}

tr.hd{border-radius:0.25rem 0.25rem 0 0}
tr.hd td:nth-child(1){border-radius:0.25rem 0 0 0}
tr.hd td:last{border-radius:0 0.25rem 0 0}
/* tr.hd.oggi{background-color:#40b77a;color:#FFFFFF;} */

/* .basic-table .dtr:nth-child(2n) {background-color: #8afafa;} */
/* .basic-table tr:not(.is-selected){background-color: #ffffff;} */

/* .basic-table tr.odd:not(.is-selected){background-color: #e5e5e5;} */
/* .basic-table tr.even:not(.is-selected){background-color: #f5f5f5;} */
.basic-table:not(.tasks) tr:not(.sep):not(.dt):not(.hd):hover{background-color:#f5f5f5;color:black}
/*#d0d0d0*/

.basic-table tr.sep{background-color:transparent;}
.basic-table tr.sep td{background-color:transparent;border:none}

.basic-table tr[t] td{font-weight:bold}

body.dark .basic-table tr:nth-child(even){background-color:rgba(30,30,30,0.5)}
td[c]{text-align:center;}
td[r]{text-align:right;}
td[l]{text-align:left;}
td[vab]{vertical-align:bottom;}
.tooltip {
    z-index:25;

    visibility: hidden;
    position: absolute;

    border-radius: 0.5rem 0.5rem 0.5rem 0;

    margin-top: -2.5rem;
    margin-left: 0.5rem;

    padding-top: 0.25rem;
    padding-bottom: 0.25rem;

    padding-left: 0.75rem;
    padding-right: 0.75rem;

    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));

    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));

    white-space:nowrap;
}
.tooltip .arrow{position:absolute;width:10px;height:10px;overflow:hidden;left:0;bottom:-10px}
.tooltip .arrow:after{
    position:absolute;
    content:"";
    display:block;
    width:1rem;
    height:1rem;
    box-shadow:-10px -10px 0 0 rgb(0,0,0);
    top:-0.5px;
    left:0;
    border-radius:50%
}
.has-tooltip{z-index:25 !important;}
.has-tooltip:hover .tooltip{visibility:visible}
.duration-picker-cover{z-index:999998;position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.4)}
.duration-picker{box-shadow:0 2px 10px 0 rgba(0,0,0,0.4);border-radius:2px;z-index:999999;position:fixed;padding:15px;border:1px solid #DDDDDD;height:452px;background:#F5F5F5;color:#444444;bottom:10px}
.duration-picker div.scr{overflow-y:scroll;position:absolute;bottom:15px;left:15px;right:0;top:55px}
.duration-picker .toprow{height:40px}
.duration-picker .toprow:after{clear:both}
.duration-picker .toprow .step{width:30px;margin:1px;border:1px solid #DDDDDD;float:left;clear:right;height:36px;line-height:36px;width:60px;text-align:center}
.duration-picker .toprow .step.nb{border-color:transparent}
.duration-picker .row:after{clear:both}
.duration-picker .row .step{width:30px;margin:1px;border:1px solid #DDDDDD;float:left;clear:right;height:36px;line-height:36px;width:60px;text-align:center}
.duration-picker .row .step:hover{cursor:pointer;border-color:#ffb600;color:#6262ff}

body.dark .duration-picker{background-color:#333333;border-color:#333333}
body.dark .duration-picker .row .step{color:#CCCCCC;border-color:#555555}
body.dark .duration-picker .row .step:hover{border-color:#ffb600;color:#6262ff}
body.dark .duration-picker .row .step:hover{border-color:#ffb600;color:#6262ff}
.duration-picker .row{margin-left:0}
.duration-picker-5-cover{z-index:999998;position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.4)}
.duration-picker-5{box-shadow:0 2px 10px 0 rgba(0,0,0,0.4);border-radius:2px;z-index:999999;position:fixed;padding:15px;
    border:1px solid #A9A9A9;height:467px;background:#fbfafa;color:#444444;bottom:10px}
.duration-picker-5 div.scr{overflow-y:scroll;position:absolute;bottom:15px;left:15px;right:0;top:55px}
.duration-picker-5 .toprow{height:40px}
.duration-picker-5 .toprow:after{clear:both}
.duration-picker-5 .toprow .step{width:30px;margin:1px;border:1px solid #DDDDDD;float:left;clear:right;height:36px;line-height:36px;width:60px;text-align:center}
.duration-picker-5 .toprow .step.nb{border-color:transparent}
.duration-picker-5 .row{padding:0 15px;margin-right:0;margin-left:-15px}
.duration-picker-5 .row:after{clear:both}
.duration-picker-5 .row .step{position:relative;width:30px;margin:1px;border:1px solid #DDDDDD;float:left;clear:right;min-height:36px;line-height:30px;width:60px;text-align:center;padding:0 0 10px 0;border-radius:2px}
.duration-picker-5 .row .step span{position:absolute;font-size:70%;color:#aaaaaa;bottom:-8px;left:0;right:0;text-align:center}
.duration-picker-5 .row .step:hover{cursor:pointer;border-color:#ffb600;color:#6262ff;background:#E8E8E8}

body.dark .duration-picker-5{background-color:#333333;border-color:#333333}
body.dark .duration-picker-5 .row .step{color:#CCCCCC;border-color:#555555}
body.dark .duration-picker-5 .toprow .step {opacity:0.5}
body.dark .duration-picker-5 .row .step:hover{border-color:#ffb600;color:#6262ff}