@font-face{
    font-family:"Password";
    src:url('../font/Password.eot');
    src:local('☺'), url('../font/Password.eot?#iefix') format('embedded-opentype'), url('../font/Password.woff') format('woff'), url('../font/Password.ttf') format('truetype'), url('../font/Password.svg#Password') format('svg')
}
html{
    font-family:Roboto, Arial, Helvetica, sans-serif
}
body{
    background:#F8F9F9;
    color:#1a1a1a;
    font-size:14px;
    line-height:normal
}
a{
    color:#008AFF
}
a:hover{
    color:#0061b3
}
.center{
    max-width:980px
}
h1,h2,h3,h4,h5,h6{
    font-family:Roboto, Arial, Helvetica, sans-serif;
    color:#0b181e;
    letter-spacing:.02em
}
h1{
    font-weight:300;
    font-family:Roboto, Arial, Helvetica, sans-serif
}
h2{
    font-weight:400
}
h3{
    font-weight:700
}
h4{
    font-weight:700
}
h5{
    font-weight:700
}
h6{
    font-weight:400;
    font-size:.928em
}
.color-dark,.color-dark h1,.color-dark h2,.color-dark h3,.color-dark h4,.color-dark h5,.color-dark h6{
    color:#111;
    color:rgba(0, 0, 0, 0.95)
}
.color-light,.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6{
    color:#fafafa;
    color:rgba(255, 255, 255, 0.95)
}
.color-white,.color-white h1,.color-white h2,.color-white h3,.color-white h4,.color-white h5,.color-white h6{
    color:#fff
}
.font-1{
    font-family:Roboto, Arial, Helvetica, sans-serif
}
.font-2{
    font-family:Roboto, Arial, Helvetica, sans-serif
}
.color-0{
    color:#1a1a1a
}
.color-1{
    color:#3c3cb4
}
.color-2{
    color:#2BC06C
}
.color-3{
    color:#0E5D9A
}
.color-4{
    color:#0b181e
}
.color-5{
    color:#aaaaaa
}
.color-6{
    color:#bbbbbb
}
.bg-0{
    background:#ffffff
}
.bg-1{
    background:#f2f2f2
}
.bg-15{
    background:rgba(242, 242, 242, 0.5)
}
.bg-2{
    background:#D5D5D5
}
.bg-3{
    background:#bbc9d0
}
.bg-4{
    background:#1c2649
}
.bg-5{
    background:#E5EBEE
}
.bg-6{
    background:#008AFF
}
.bg-7{
    background:#D2EFED
}
.bg-8{
    background:#ffeb9c
}
.bd-0{
    border:1px solid #ffffff
}
.bd-1{
    border:1px solid #f2f2f2
}
.bd-2{
    border:1px solid #D5D5D5
}
.bd-3{
    border:1px solid #bbc9d0
}
.bd-4{
    border:1px solid #1c2649
}
.bg-c-0{
    background:#1a1a1a
}
.bg-c-1{
    background:#3c3cb4
}
.bg-c-2{
    background:#2BC06C
}
.bg-c-3{
    background:#0E5D9A
}
.bg-c-4{
    background:#0b181e
}
.bg-c-5{
    background:#aaaaaa
}
.bg-c-6{
    background:#bbbbbb
}
.bg-6 a:not(.btn){
    color:#0061b3
}
.bg-6 a:not(.btn):hover{
    color:#004580
}
.fw-200{
    font-weight:200
}
.fw-300{
    font-weight:300
}
.fw-400{
    font-weight:400
}
.fw-600{
    font-weight:600
}
.fw-700{
    font-weight:700
}
.fs-36{
    font-size:1.71rem
}
.fs-30{
    font-size:1.42rem
}
.fs-28{
    font-size:1.33rem
}
.fs-26{
    font-size:1.23rem
}
.fs-24{
    font-size:1.14rem
}
.fs-18{
    font-size:0.857rem
}
.fs-14{
    font-size:1.000rem
}
.fs-13{
    font-size:0.928rem
}
.fs-normal{
    font-style:normal
}
.ls-02{
    letter-spacing:.025em
}
.ls-05{
    letter-spacing:.05em
}
.ls-1{
    letter-spacing:.1em
}
.ls-2{
    letter-spacing:.2em
}
.ls-3{
    letter-spacing:.3em
}
.ls-4{
    letter-spacing:.4em
}
.ls-5{
    letter-spacing:.5em
}
.lh-10{
    line-height:1.0em
}
.lh-12{
    line-height:1.2em
}
.lh-14{
    line-height:1.4em
}
.lh-16{
    line-height:1.6em
}
.lh-18{
    line-height:1.8em
}
.lh-20{
    line-height:2.0em
}
.lh-22{
    line-height:2.2em
}
.lh-24{
    line-height:2.4em
}
.lh-26{
    line-height:2.6em
}
#layout-wrap{
    display:block;
    width:100%;
    height:100%
}
#layout-side{
    width:180px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    overflow:hidden;
    z-index:999;
    background:#1c2649;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
#layout-main,#layout-title{
    margin-left:180px;
    position:relative
}
#layout-title-height{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:1px
}
#layout-title{
    z-index:999;
    background:#ffffff
}
#layout-main .center{
    margin:0;
    max-width:100%;
    padding-left:20px;
    padding-right:20px
}
#layout-main #m .center{
    padding:0
}
body.framed #layout-side,body.framed #side-toggle,body.framed .timers-floating{
    display:none!important
}
.w-480{
    width:100%;
    max-width:480px
}
.w-720{
    width:100%;
    max-width:720px
}
.w-900{
    width:100%;
    max-width:900px
}
.w-1100{
    width:100%;
    max-width:1100px
}
.w-1600{
    width:100%;
    max-width:1600px
}
#layout-side #s{
    height:100%;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-bottom:10px
}
#layout-side:hover #s{
    overflow-y:auto
}
#layout-side #s>.column{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    width:180px
}
#logo a{
    padding:26px 20px;
    display:block;
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    -ms-transition:0.3s ease all;
    transition:0.3s ease all
}
#logo img{
    max-width:100%
}
#logo a:hover{
    background:#3c3cb4
}
#s #profile{
    margin-bottom:15px;
    padding-bottom:0
}
#s #profile>li>a{
    color:#fff;
    padding:0 10px 0 0;
    background:rgba(0, 0, 0, 0.35)
}
#s #profile>li>a strong{
    padding:10px;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:e;
    text-overflow:e;
    max-width:100%
}
#s #profile .user-avatar{
    margin:0;
    max-width:100%
}
.side-menu{
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4)
}
.side-menu>li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:10px 10px 10px 10px;
    color:rgba(255, 255, 255, 0.8);
    text-decoration:none;
    font-size:.928rem;
    line-height:1.65em
}
.side-menu>li a>.fa{
    font-size:1.4rem;
    margin-right:10px;
    margin-top:1px;
    width:20px;
    text-align:center
}
#profile>li>a:focus,#profile>li>a:hover,.side-menu>li>a:focus,.side-menu>li>a:hover{
    background:#3c3cb4;
    color:#ffffff;
    border-left-color:#3c3cb4
}
#profile>li>a.current-menu-item,.side-menu>li>a.current-menu-item.menu-item-has-children{
    background:rgba(0, 0, 0, 0.4);
    color:#fff;
    border-left-color:#3c3cb4
}
.side-menu>li ul{
    background:#23305b;
    display:none;
    border-bottom:1px solid rgba(0, 0, 0, 0.5)
}
.side-menu>li>ul li a{
    font-size:.928rem;
    color:rgba(255, 255, 255, 0.6);
    padding-left:10px
}
.side-menu>li>ul li a:hover{
    background:#3c3cb4;
    color:#ffffff;
    border-left-color:#3c3cb4
}
.side-menu>li>a.current-menu-ancestor+ul,.side-menu>li>a.current-menu-item+ul{
    display:block
}
.user-client .side-menu>li ul{
    display:block
}
.pace{
    -webkit-pointer-events:none;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.pace-inactive{
    display:none
}
.pace .pace-progress{
    background:#2BC06C;
    box-shadow:0 0 4px 0 #2BC06C;
    -ms-box-shadow:0 0 4px 0 #2BC06C;
    -moz-box-shadow:0 0 4px 0 #2BC06C;
    -webkit-box-shadow:0 0 4px 0 #2BC06C;
    position:fixed;
    z-index:9999999;
    top:0;
    right:100%;
    width:100%;
    height:3px;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    opacity:1
}
#t{
    position:absolute;
    left:0;
    top:0;
    right:0;
    padding:20px 20px 0;
    background:#E5EBEE
}
#t:before{
    content:"";
    position:absolute;
    bottom:0px;
    left:10px;
    right:10px;
    height:1px;
    background:#D5D5D5;
    display:none
}
#t #title{
    padding:0 0 20px;
    white-space:normal;
    -o-text-overflow:inherit;
    text-overflow:inherit;
    letter-spacing:0
}
#t #title-has-crumbs #title-crumbs{
    display:block;
    font-size:.928rem;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    position:absolute;
    top:6px
}
#t #title-has-crumbs #title-crumbs a{
    color:#1a1a1a
}
#crumbs{
    padding:15px 10px;
    color:#1a1a1a;
    font-size:.928rem;
    line-height:normal;
    background:#D5D5D5
}
#crumbs span{
    padding:2px 10px
}
#crumbs a{
    color:#0b181e;
    max-width:180px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:inline-block
}
#crumbs i.fa{
    padding:2px 0;
    vertical-align:baseline;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    opacity:0.6
}
#t #side-toggle{
    display:none;
    margin:0 5px 0 0;
    color:#bbc9d0
}
#t #side-toggle:focus{
    color:#0E5D9A
}
#t #side-toggle:hover{
    color:#2BC06C
}
#t .page-tabs{
    margin:0 -20px
}
#t .emp{
    top:11px;
    position:relative;
    margin-left:5px;
    display:inline-block
}
#t .btn-row{
    padding-top:3px;
    left:0
}
.content ol{
    margin:.5em 0 .5em 26px;
    counter-reset:li
}
.content ul{
    margin:.5em 0 .5em 26px;
    counter-reset:li
}
.content li{
    position:relative;
    margin:2px 0
}
.content ul li:before{
    content:"\f10c";
    font-family:FontAwesome;
    font-size:10px;
    color:#bbbbbb;
    position:absolute;
    left:-18px;
    top:0
}
.content ul li ul li:before{
    content:"\f111"
}
.content ol li:before{
    content:counter(li) ".";
    counter-increment:li;
    color:#bbbbbb;
    font-size:.88em;
    font-weight:600;
    position:absolute;
    left:-18px;
    top:-1px;
    font-family:Roboto, Arial, Helvetica, sans-serif
}
#m{
    padding:20px
}
#m hr{
    border-top-color:rgba(0, 0, 0, 0.1)
}
#m .bg-1 hr{
    border-top-color:rgba(0, 0, 0, 0.1)
}
#m .bg-2 hr{
    border-top-color:rgba(0, 0, 0, 0.1)
}
.rotate-left,.rotate-right{
    color:#bbbbbb
}
.rotate-left:hover,.rotate-right:hover{
    color:#3c3cb4
}
#profile h1 .user-avatar{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    width:50px;
    height:50px;
    margin:-6px 4px -6px 4px
}
.threads .item{
    border-bottom:1px solid #D5D5D5;
    background:#ffffff
}
.threads .item .thread-meta{
    padding:0 0 10px 60px;
    position:relative;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
    font-size:.9rem
}
.threads .item .thread-meta a{
    color:#0b181e
}
.threads .item .thread-meta a img{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    width:45px
}
.threads .item .thread-meta a .default-wrap,.threads .item .thread-meta a>img{
    position:absolute;
    left:0;
    top:0
}
.threads .item .thread-meta strong{
    display:inline-block;
    font-size:1rem
}
.threads .item .thread-message{
    padding-top:.5em
}
.threads .item .thread-message p{
    padding:.5em 0
}
.threads .item .thread-message>:last-child{
    padding-bottom:0
}
.threads .item .thread-text td .emp{
    margin-left:3px
}
.threads .item .thread-cta{
    margin:20px 0 -20px
}
.threads .item:nth-child(2n){
    background:#f2f2f2
}
.participants .item{
    position:relative;
    font-size:.92rem;
    line-height:1.4em
}
.participants .item .btn-remove{
    position:absolute;
    right:5px;
    top:50%;
    -webkit-transform:translate3d(0, -50%, 0);
    -moz-transform:translate3d(0, -50%, 0);
    -o-transform:translate3d(0, -50%, 0);
    -ms-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0);
    color:#1a1a1a;
    line-height:1em
}
.participants .item .btn-remove:hover{
    color:#3c3cb4
}
.participants .item .profile{
    display:table;
    text-decoration:none
}
.participants .item .profile img{
    display:table-cell;
    min-width:30px;
    width:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    -ms-border-radius:40px;
    border-radius:40px;
    vertical-align:middle;
    text-align:left
}
.participants .item .profile .text{
    display:table-cell;
    padding-left:10px;
    vertical-align:middle;
    text-align:left
}
.projects-item .inner{
    padding:20px;
    background:#ffffff;
    border:1px solid #D5D5D5;
    box-shadow:3px 3px 0px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:3px 3px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow:3px 3px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow:3px 3px 0px rgba(0, 0, 0, 0.04);
    position:relative
}
.projects-item .inner:hover{
    border-color:#3c3cb4
}
.projects-item .inner:hover a{
    color:#3c3cb4
}
.projects-item .projects-item-link{
    position:absolute;
    z-index:9;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, 0)
}
.projects-item .projects-item-title{
    padding:0 0 10px
}
.projects-item .projects-item-description{
    padding:0 0 10px
}
.projects-item .projects-item-thumbnail{
    position:absolute;
    left:20px;
    bottom:20px;
    width:60px
}
.projects-item .projects-item-thumbnail img{
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    -ms-border-radius:30px;
    border-radius:30px
}
.projects-item .projects-item-company{
    padding:10px 0 5px 70px;
    border-bottom:1px solid #D5D5D5;
    text-align:right;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap
}
.projects-item .projects-item-deadline{
    padding:6px 0 0 70px;
    text-align:right
}
.projects-item .project-item-people{
    padding:;
    font-size:0;
    display:inline-block
}
.projects-item .project-item-people a{
    display:inline-block;
    font-size:.92rem;
    margin-left:-10px
}
.projects-item .project-item-people a img{
    display:inline-block;
    min-width:34px;
    width:34px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    -ms-border-radius:40px;
    border-radius:40px;
    vertical-align:middle;
    text-align:left;
    border:2px solid #ffffff
}
.projects-item .project-item-people a:first-child{
    margin-left:0
}
.project-user-list{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    box-shadow:0 0 0.8rem rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0 0 0.8rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0 0.8rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 0.8rem rgba(0, 0, 0, 0.1)
}
.project-user-list-item{
    padding:4px 4px 0 0;
    font-size:0;
    display:inline-block
}
.project-user-list-item a{
    display:table;
    font-size:.92rem
}
.project-user-list-item a img{
    display:table-cell;
    min-width:30px;
    width:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    -ms-border-radius:40px;
    border-radius:40px;
    vertical-align:middle;
    text-align:left
}
.project-user-list-item a .name{
    display:table-cell;
    padding-left:10px;
    vertical-align:middle;
    text-align:left
}
.item-milestone .inner{
    background:#ffffff;
    border:4px solid #f2f2f2;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}
.item-milestone-head{
    padding:5px 10px;
    border-bottom:1px solid #f2f2f2
}
.item-milestone-head h4 a{
    color:#0b181e;
    display:inline-block;
    margin-left:6px
}
.item-milestone-head h4 a:hover{
    color:#2BC06C;
    text-decoration:none
}
.item-milestone-head .item-milestone-count{
    margin-top:4px
}
.item-milestone-head .item-milestone-count span{
    margin:2px 0 0 6px;
    font-size:1rem
}
.item-milestone-head .item-milestone-icon-link{
    color:#bbbbbb;
    display:inline-block;
    padding-right:10px
}
.item-milestone-head .item-milestone-icon-link:hover{
    color:#3c3cb4
}
.item-milestone-head .item-milestone-count{
    letter-spacing:0;
    color:#aaaaaa;
    font-weight:300
}
.item-milestone-body .tbl{
    margin:0
}
.item-milestone-body .tbl thead{
    display:none
}
.item-milestone-body .tbl td{
    border-color:#f2f2f2!important;
    padding:10px 8px
}
.item-milestone-body .tbl tr:last-child td{
    border-bottom:0
}
.item-milestone-body .tbl tr:hover td{
    background:#FFFFEC;
    border-color:#D5D5D5!important
}
.item-milestone-body .tbl-fixed-scroll{
    display:none
}
.attachments-fancy{
    font-size:0;
    font-family:Roboto, Arial, Helvetica, sans-serif
}
.attachments-fancy:after{
    content:"";
    display:table;
    clear:both
}
.attachments-fancy .attachment-item{
    display:inline-block;
    font-size:.927rem;
    width:225px;
    max-width:100%;
    padding-right:5px;
    padding-bottom:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    position:relative
}
.attachments-fancy .attachment-item a{
    display:table-cell;
    width:80px;
    color:#0b181e
}
.attachments-fancy .attachment-item a:hover{
    color:#2BC06C
}
.attachments-fancy .attachment-item a.attachment-item-info{
    padding:2px 2px 2px 8px;
    width:auto
}
.attachments-fancy .attachment-item a.attachment-item-info .attachment-item-name{
    display:block
}
.attachments-fancy .attachment-item a.attachment-item-info .attachment-item-size{
    display:block;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;
    opacity:0.6
}
.attachments-fancy .attachment-item a.attachment-item-info i{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity:0.2;
    -webkit-opacity:0.2;
    opacity:0.2
}
.attachments-fancy .attachment-item a.attachment-item-image span{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    display:block;
    width:80px;
    height:80px;
    position:relative;
    z-index:5
}
.attachments-fancy .attachment-item a.attachment-item-image span:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/media/default.png) rgba(0, 0, 0, 0.05) no-repeat center center;
    background-size:40%;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    z-index:1;
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    -ms-transition:0.3s ease all;
    transition:0.3s ease all
}
.attachments-fancy .attachment-item a.attachment-item-image span img{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    position:relative;
    z-index:2;
    -webkit-transition:0.3s ease opacity;
    -moz-transition:0.3s ease opacity;
    -o-transition:0.3s ease opacity;
    -ms-transition:0.3s ease opacity;
    transition:0.3s ease opacity
}
.attachments-fancy .attachment-item a.mime-svg span img{
    width:100%;
    max-height:100%
}
.attachments-fancy .attachment-item a.attachment-item-image:hover span img{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity:0.25;
    -webkit-opacity:0.25;
    opacity:0.25
}
.attachments-fancy .attachment-item a.mime-image span:before{
    background-image:none;
    background-color:none
}
.attachments-fancy .attachment-item a.mime-image:hover span:before{
    background-image:url(../images/media/zoom.png);
    background-color:#000
}
.attachments-fancy .attachment-item a.mime-eps span:before,.attachments-fancy .attachment-item a.mime-ico span:before,.attachments-fancy .attachment-item a.mime-tiff span:before{
    background-image:url(../images/media/image.png);
    background-color:#EAE0FE
}
.attachments-fancy .attachment-item a.mime-rar span:before{
    background-image:url(../images/media/rar.png);
    background-color:#FEEECB
}
.attachments-fancy .attachment-item a.mime-zip span:before{
    background-image:url(../images/media/zip.png);
    background-color:#FEEECB
}
.attachments-fancy .attachment-item a.mime-doc span:before,.attachments-fancy .attachment-item a.mime-docx span:before,.attachments-fancy .attachment-item a.mime-msword span:before,.attachments-fancy .attachment-item a.mime-text span:before{
    background-image:url(../images/media/doc.png);
    background-color:#D6EAFF
}
.attachments-fancy .attachment-item a.mime-csv span:before,.attachments-fancy .attachment-item a.mime-spreadsheet span:before,.attachments-fancy .attachment-item a.mime-xls span:before,.attachments-fancy .attachment-item a.mime-xlsx span:before{
    background-image:url(../images/media/csv.png);
    background-color:#DEFFE0
}
.attachments-fancy .attachment-item a.mime-powerpoint span:before,.attachments-fancy .attachment-item a.mime-ppt span:before,.attachments-fancy .attachment-item a.mime-pptx span:before{
    background-image:url(../images/media/powerpoint.png);
    background-color:#ffe8da
}
.attachments-fancy .attachment-item a.mime-mp3 span:before,.attachments-fancy .attachment-item a.mime-music span:before,.attachments-fancy .attachment-item a.mime-wav span:before{
    background-image:url(../images/media/music.png);
    background-color:#FFD6FB
}
.attachments-fancy .attachment-item a.mime-mov span:before,.attachments-fancy .attachment-item a.mime-mp4 span:before,.attachments-fancy .attachment-item a.mime-video span:before,.attachments-fancy .attachment-item a.mime-wmv span:before{
    background-image:url(../images/media/video.png);
    background-color:#C4E9EB
}
.attachments-fancy .attachment-item a.mime-pdf span:before{
    background-image:url(../images/media/pdf.png);
    background-color:#FFDEDE
}
.attachments-fancy .attachment-item a.mime-psd span:before{
    background-image:url(../images/media/psd.png);
    background-color:#CBD4FF
}
.attachments-fancy .attachment-item a.mime-ai span:before{
    background-image:url(../images/media/ai.png);
    background-color:#FFE7C3
}
.attachments-fancy .attachment-item a.mime-indd span:before{
    background-image:url(../images/media/indd.png);
    background-color:#FFBFF8
}
.default-wrap{
    display:inline-block;
    position:relative
}
.default-wrap .default-text{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
    -o-transform:translate3d(-50%, -50%, 0);
    -ms-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    color:#ffffff;
    font:400 1.3rem/1em Roboto, Arial, Helvetica, sans-serif;
    letter-spacing:.05em;
    text-shadow:none
}
.form .field .field-label{
    color:#1a1a1a;
    font-size:.928em;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:.02em
}
.form .field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]),.form .field select{
    height:42px;
    text-transform:none;
    letter-spacing:normal
}
.form .field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]),.form .field select,.form .field textarea{
    background:#ffffff;
    border:1px solid #D5D5D5;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    color:#0b181e
}
.form .field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):focus,.form .field select:focus,.form .field textarea:focus{
    border-color:#2BC06C;
    background:#ffffff;
    color:#000
}
.form .field .field-invalid,.form .field.field-invalid input,.form .field .wpcf7-not-valid{
    border-color:#F33!important
}
.form .field .trumbowyg-box{
    margin:0;
    border:0
}
.form .field .trumbowyg-box .trumbowyg-button-pane{
    background:#f2f2f2;
    border:1px solid #D5D5D5;
    border-bottom:0px
}
.form .field .trumbowyg-box .trumbowyg-editor{
    border:1px solid #D5D5D5;
    background:#ffffff;
    color:#0b181e
}
.form .field .trumbowyg-box .trumbowyg-editor:active,.form .field .trumbowyg-box .trumbowyg-editor:focus{
    border:1px solid #2BC06C;
    color:#000
}
.form .field .trumbowyg-box .trumbowyg-editor p{
    padding:0;
    margin-bottom:1em
}
.form .field .trumbowyg-box .trumbowyg-editor hr{
    border-top-color:#0b181e!important;
    margin-top:0
}
.form .field .trumbowyg-box .trumbowyg-editor p hr{
    margin:0
}
.form .field select option{
    padding-left:6px
}
.form .field-checks{
    min-height:42px;
    line-height:1.6em
}
.form .field-checks .field-check{
    font-size:.928rem;
    margin-top:5px;
    margin-bottom:3px
}
.form .field-checks .field-check.checked{
    background:#2BC06C;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15)
}
.form .field-checks .field-check .input-checkbox,.form .field-checks .field-check .input-radio{
    top:5px
}
.date-picker-set a.date-picker-current,.date-picker-set a:active,.rangeslider__fill,.rangeslider__value{
    background:#0E5D9A
}
.rangeslider__handle{
    border-color:#0E5D9A
}
.tt-menu .tt-suggestion.tt-cursor,.tt-menu .tt-suggestion:hover{
    background:#0E5D9A
}
.field-pad-5 .field{
    padding:5px 0
}
.form .field input:disabled,.form .field select:disabled,.form .field textarea:disabled{
    border-color:#bbc9d0!important;
    background:#bbc9d0!important;
    box-shadow:none!important;
    -ms-box-shadow:none!important;
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    cursor:not-allowed
}
#field-n-tw_projects{
    height:488px
}
body .form-login{
    background:#E5EBEE;
    border:0px!important;
    margin:0 0 20px 0!important;
    padding:15px!important
}
.tbl-meta{
    font-size:.9em
}
.tbl-meta th{
    color:#1a1a1a;
    text-align:left;
    font-weight:normal;
    padding:2px 2px 2px 0
}
.tbl-meta td{
    color:#0b181e;
    text-align:left;
    padding:2px
}
.tbl-meta .cln_{
    position:relative;
    padding-right:8px;
    display:block
}
.tbl-meta .cln{
    position:absolute;
    top:-1px;
    right:1px;
    text-align:right
}
.tbl-data{
    table-layout:fixed;
    min-width:99.9%;
    max-width:99.9%
}
.tbl-data th{
    padding:8px;
    background:#ffffff;
    border:1px solid #bbc9d0;
    color:#0b181e;
    font-size:.9rem;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    vertical-align:middle
}
.tbl-data td{
    padding:16px 8px;
    background:none;
    border:1px solid #D5D5D5;
    border-width:0 0 1px;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-size:.928rem;
    color:#1a1a1a;
    vertical-align:middle
}
.tbl-data .row-f th{
    padding:0;
    font-size:1rem;
    background:#f2f2f2
}
.tbl-data thead tr:first-child th{
    border-bottom-width:1px
}
.tbl-data thead tr:last-child th{
    border-bottom-width:1px;
    box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.06);
    -ms-box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.06)
}
.tbl-data thead .row-sort-by{
    background:#FFF8EF
}
.tbl-data thead .row-sort i.sort-icon{
    color:rgba(0, 0, 0, 0.4)
}
.tbl-data .field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]),.tbl-data .field select,.tbl-data .field textarea{
    background:none;
    border-color:transparent;
    box-shadow:none!important;
    -ms-box-shadow:none!important;
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    -moz-border-radius:0!important;
    -webkit-border-radius:0!important;
    -ms-border-radius:0!important;
    border-radius:0!important;
    color:rgba(0, 0, 0, 0.8);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    height:40px
}
.tbl-data .field .twitter-typeahead{
    background:none
}
.tbl-data .field-focus .twitter-typeahead{
    background:#fff
}
.tbl-data tbody tr:hover td{
    background:#FFF8EF
}
.tbl-data .row-nobg-f{
    background-image:url(../images/striped.png)!important;
    background-repeat:repeat!important
}
.tbl-data td.row-avatar_name img{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    max-width:50px;
    margin:-8px 0;
    text-decoration:none
}
.tbl-data td.row-avatar_name span{
    display:inline-block;
    vertical-align:middle;
    padding:4px 4px 4px 8px
}
.tbl-data td.row-helpdesk{
    padding-top:2px;
    padding-bottom:2px
}
.tbl-data td.row-time_{
    text-align:right
}
.tbl-data td.row-no-pad{
    padding-top:4px;
    padding-bottom:4px
}
.tbl-data td.row-w-50{
    max-width:50px;
    min-width:50px
}
.tbl-data td.row-w-60{
    max-width:60px;
    min-width:60px
}
.tbl-data td.row-w-100{
    max-width:100px;
    min-width:100px;
    white-space:normal
}
.tbl-data td.row-w-105{
    max-width:105px;
    min-width:105px;
    white-space:normal
}
.tbl-data td.row-w-110{
    max-width:110px;
    min-width:110px;
    white-space:normal
}
.tbl-data td.row-w-200{
    max-width:200px;
    min-width:120px;
    white-space:normal
}
.tbl-data td.row-w-flex{
    width:50%;
    white-space:normal
}
.tbl-data td.row-w-100 td,.tbl-data td.row-w-105 td,.tbl-data td.row-w-110 td,.tbl-data td.row-w-200 td{
    white-space:normal
}
.tbl-data td.row-nowrap{
    white-space:normal
}
.tbl-head-filter td{
    background:#E5EBEE!important
}
.tbl .row-nobg-f{
    background-image:url(../images/striped.png)!important;
    background-repeat:repeat!important
}
.tbl .row-num-plus:last-child .row-num:after{
    content:"+"
}
.tbl-input{
    table-layout:fixed;
    min-width:100%
}
.tbl-input th{
    padding:8px;
    background:#f2f2f2;
    border:1px solid #D5D5D5;
    color:#0b181e;
    font-size:.9em;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight:normal;
    vertical-align:middle
}
.tbl-input td{
    padding:0;
    background:#fff;
    border:1px solid #D5D5D5;
    font-size:1rem;
    color:#1a1a1a;
    vertical-align:middle
}
.tbl-input .row-s td.row-text{
    padding:6px 8px;
    color:#0b181e
}
.tbl-input .row-s td.row-b{
    background:#ffffff
}
.tbl-input .row-s td.row-num{
    background:#ffffff;
    padding:4px;
    color:#0b181e
}
.tbl-input .row-s td.row-remove{
    padding:0 4px;
    background:#ffffff
}
.tbl-input .row-s td.row-remove a{
    color:#aaaaaa
}
.tbl-input .row-s td.row-remove a:hover{
    color:#3c3cb4
}
.tbl-input .row-s td.row-no-bdr{
    border:0px
}
.tbl-input .selected-end td{
    padding:6px 0;
    background:none
}
.selected-end a.select-from:hover{
    color:#2BC06C;
    border-color:#2BC06C
}
.form .tbl-input .field input,.form .tbl-input .field select,.form .tbl-input .field textarea{
    border-color:#D5D5D5
}
.form .tbl-input .field input:focus,.form .tbl-input .field select:focus,.form .tbl-input .field textarea:focus{
    border-color:#2BC06C
}
.form .tbl-input .field input:disabled,.form .tbl-input .field select:disabled,.form .tbl-input .field textarea:disabled{
    border-color:#bbc9d0!important;
    background:#ffffff!important
}
.tbl-mini td,.tbl-mini th{
    font-size:.92rem
}
.color-dark .tbl-meta th{
    color:rgba(0, 0, 0, 0.75)
}
.color-dark .tbl-meta td{
    color:rgba(0, 0, 0, 0.95)
}
.color-dark .tbl-data th{
    color:#0b181e
}
.color-dark .tbl-data td{
    color:#0b181e
}
.btn{
    color:#fff;
    letter-spacing:.02em;
    background:#3c3cb4;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    border:0px;
    font-weight:bold;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    text-transform:uppercase
}
.btn-hover,.btn:hover{
    color:#fff;
    background:#0E5D9A
}
.btn-active,.btn:active{
    color:#fff;
    background:#0b181e
}
.btn-alt,.btn-upload{
    color:#fff;
    background:#008AFF
}
.btn-alt:hover,.btn-upload:hover{
    color:#fff;
    background:#0E5D9A
}
.btn-alt:active,.btn-upload:active{
    color:#fff;
    background:#0b181e
}
.btn-dark{
    color:#fff;
    background:rgba(0, 0, 0, 0.5)
}
.btn-light{
    color:rgba(0, 0, 0, 0.6);
    background:rgba(0, 0, 0, 0.15)
}
.btn-blue{
    color:#fff;
    background:#2BC06C
}
.btn-shadow{
    box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.2)
}
.btn-shadow:active{
    box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
.btn-no-text.btn-icon{
    padding-left:1.5em
}
.page-tabs{
    background:#E5EBEE
}
.page-tabs .tabs{
    margin:0;
    display:block!important
}
.page-tabs .tabs li{
    display:inline-block;
    float:left
}
.page-tabs .tabs li a{
    display:inline-block;
    padding:11px 20px 14px;
    border-bottom:2px solid transparent;
    position:relative;
    top:0;
    font:1.1em/1.2 Roboto, Arial, Helvetica, sans-serif;
    color:#0b181e;
    -webkit-transition:0.4s all ease;
    -moz-transition:0.4s all ease;
    -o-transition:0.4s all ease;
    -ms-transition:0.4s all ease;
    transition:0.4s all ease;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity:0.75;
    -webkit-opacity:0.75;
    opacity:0.75
}
.page-tabs .tabs li a:hover{
    text-decoration:none;
    border-color:#2BC06C;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    opacity:1
}
.page-tabs .tabs li a.open-tab{
    border-color:#3c3cb4;
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    opacity:1
}
.page-tabs .tab{
    padding:10px
}
.page-tabs .tabs li.drop-menu li{
    display:block;
    float:none
}
.page-tabs .tabs li.drop-menu li a{
    display:block;
    border:0px;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    opacity:1
}
.page-tabs .tabs li.drop-menu li a:hover{
    background:#2BC06C;
    color:#ffffff
}
.page-tabs .tabs li.drop-menu li a.current{
    background:#3c3cb4;
    color:#ffffff
}
.boxed-tabs .tabs{
    border-bottom:1px solid #D5D5D5;
    margin:0 -1px;
    display:block!important
}
.boxed-tabs .tabs li{
    display:inline-block;
    float:left
}
.boxed-tabs .tabs li a,.boxed-tabs .tabs li label{
    display:inline-block;
    padding:11px 20px 14px;
    border:1px solid transparent;
    border-bottom:0px;
    position:relative;
    top:1px;
    font:1.1em/1.2 Roboto, Arial, Helvetica, sans-serif;
    color:#0b181e
}
.boxed-tabs .tabs li a.open-tab{
    border-color:#D5D5D5;
    border-top-color:#3c3cb4;
    background:#fff;
    padding-top:17px;
    margin-top:-6px
}
.boxed-tabs .tab{
    padding:10px 0
}
.alert-rev{
    margin:-20px -20px 20px
}
.paging{
    clear:both;
    margin:1em 0 1em!important;
    font:bold 0.928em/1.2em Roboto, Arial, Helvetica, sans-serif;
    line-height:normal;
    text-align:center;
    position:relative;
    padding:0;
    display:table
}
.paging li{
    list-style:none;
    padding:0;
    margin:0;
    border:0;
    background:none!important;
    display:inline
}
.paging a,.paging span{
    padding:6px 10px 6px;
    margin:1px;
    display:inline-block;
    border:0;
    text-decoration:none;
    outline:none;
    color:#0b181e;
    background:#E5EBEE
}
.paging .gap{
    background:none
}
.paging .title{
    display:none
}
.paging a:active,.paging a:focus,.paging a:hover{
    color:#fff;
    background:#2BC06C
}
.paging span.page{
    color:#fff;
    background:#3c3cb4
}
.paging .fa{
    position:relative
}
.paging .prev .fa{
    padding-right:2px
}
.paging .next .fa{
    padding-left:2px
}
.emp{
    color:rgba(0, 0, 0, 0.5);
    text-transform:uppercase;
    font-weight:600;
    font-size:.875rem;
    padding:0 2px;
    position:relative;
    z-index:1
}
.emp:before{
    content:"";
    position:absolute;
    left:-3px;
    top:-3px;
    right:-3px;
    bottom:-3px;
    background:#2BC06C;
    z-index:-1;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px
}
.emp-hd-status-p-100:before{
    background:#FFF38B
}
.emp-hd-status-p-90:before{
    background:#FFB58B
}
.emp-hd-status-p-80:before{
    background:#FFF38B
}
.emp-hd-status-p-60:before{
    background:#D2B29D
}
.emp-hd-status-p-50:before{
    background:#6DFCEC
}
.emp-hd-status-p-40:before{
    background:#98f8aa
}
.emp-hd-status-p-10:before{
    background:#cccccc
}
.emp-hd-priority-low:before{
    background:#FF7DCA
}
.emp-hd-priority-normal:before{
    background:#77CBFF
}
.emp-hd-priority-high:before{
    background:#FF8589
}
.emp-us-status-deactivated:before{
    background:#FF8589
}
.emp-us-status-active:before{
    background:#98f8aa
}
.emp-tt-division-tickets:before{
    background:#FFF38B
}
.emp-tt-division-daily:before{
    background:#D2B29D
}
.emp-tt-division-creative:before{
    background:#77CBFF
}
.emp-tt-division-inbound:before{
    background:#FF8589
}
.emp-tt-division-video:before{
    background:#98f8aa
}
.emp-tt-division-other:before{
    background:#cccccc
}
.emp-pr-status-active:before{
    background:#98f8aa
}
.emp-pr-status-archived:before{
    background:#cccccc
}
.emp-tk-status-pending:before{
    background:#FFF38B
}
.emp-tk-status-in-progress:before{
    background:#77CBFF
}
.emp-tk-status-review:before{
    background:#FF7DCA
}
.emp-tk-status-complete:before{
    background:#98f8aa
}
 .emp-in-status-pending:before {
    background:#FFF38B;
}
 .emp-in-status-paid:before {
    background:#98f8aa;
}
 .emp-in-status-void:before {
    background:#cccccc;
}
.copy{
    padding:2px 4px;
    margin:-2px -4px;
    display:inline-block;
    -webkit-transition:0.25s background ease;
    -moz-transition:0.25s background ease;
    -o-transition:0.25s background ease;
    -ms-transition:0.25s background ease;
    transition:0.25s background ease;
    cursor:copy
}
.copy:before{
    content:"\f0c5";
    padding-right:5px;
    display:inline-block;
    font-family:FontAwesome;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    -webkit-opacity:0.4;
    opacity:0.4
}
.copy-hidden:before{
    padding-right:0
}
.copy:hover{
    background:rgba(0, 0, 0, 0.1);
    color:#0b181e
}
.copy-copied,.copy-copied:hover{
    background:#F37BFF;
    color:#0b181e
}
.copy-pw{
    font-family:"Password";
    letter-spacing:.1em
}
.copy-pw:hover{
    font-family:Roboto, Arial, Helvetica, sans-serif;
    letter-spacing:0
}
.timer-mini{
    display:block;
    margin-bottom:5px
}
.timer-mini-item{
    background:#1c2649;
    color:#ffffff;
    font-size:1rem;
    width:100%
}
.timer-mini-item td{
    padding:8px 10px;
    vertical-align:middle
}
.timer-mini-item td a{
    color:#ffffff
}
.timer-mini-item .timer-mini-item-buttons{
    font-size:0;
    width:90px;
    text-align:center;
    padding:0px
}
.timer-mini-item .timer-mini-item-buttons i{
    vertical-align:baseline
}
.timer-mini-item .timer-mini-item-buttons .button{
    padding:10px 15px;
    color:#ffffff;
    background:#0E5D9A;
    line-height:normal;
    display:inline-block;
    font-size:1rem;
    cursor:pointer;
    vertical-align:top;
    height:40px;
    width:45px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
.timer-mini-item .timer-mini-item-buttons .button.button-play{
    background:#0E5D9A
}
.timer-mini-item .timer-mini-item-buttons .button.button-save{
    background:#2BC06C
}
.timer-mini-item .timer-mini-item-buttons .button:hover{
    background:#3c3cb4
}
.timer-mini-item .timer-mini-item-clock{
    font-weight:bold;
    font-size:1.2em;
    letter-spacing:.08em;
    width:80px
}
.timer-mini-item .timer-mini-item-user{
    width:120px;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.timer-mini.timer-paused .timer-mini-item{
    background:rgba(187, 201, 208, 0.5);
    color:#0b181e
}
.timer-mini.timer-paused td a{
    color:#0b181e
}
.timers-instance .timer-mini-item-task{
    display:none
}
.timers-instance .timer-mini-item-user{
    display:none
}
.timers-instance-super .timer-mini-item-user{
    display:table-cell
}
.timers-instance #timers-details{
    margin-top:20px
}
.timers-hide-user .timer-mini-item-user{
    display:none
}
.timers-hide-task .timer-mini-item-task{
    display:none
}
.timers-hide-spacer .timer-mini-item-spacer{
    display:none
}
.timers-totals th{
    text-transform:uppercase;
    color:#0b181e;
    font-weight:bold
}
.timers-floating{
    position:fixed;
    bottom:0;
    right:0;
    z-index:99;
    width:528px;
    max-width:100%
}
.timers-floating .timers-quick-buttons{
    font-size:0;
    float:right
}
.timers-floating .timers-quick-buttons .button{
    display:inline-block;
    min-width:32px;
    height:20px;
    line-height:20px;
    padding:10px 6px;
    text-align:center;
    background:#3c3cb4;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    text-decoration:none
}
.timers-floating .timers-quick-buttons .button-paused{
    background:#1c2649;
    font-size:.85rem
}
.timers-floating .timers-quick-buttons .button:hover{
    background:#2BC06C
}
.timers-floating .timers-quick-buttons .button span{
    font-size:.85rem
}
.timers-floating .timer-mini{
    max-width:440px;
    width:80%;
    float:right;
    margin:0
}
.timers-floating .timer-mini td{
    padding:8px 10px
}
.timers-floating .timer-mini .timer-mini-item-buttons{
    padding:0
}
.timers-floating .timer-mini .timer-mini-item-task{
    overflow:hidden
}
.timers-floating .timer-mini .timer-mini-item-task-description{
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:230px;
    display:block;
    font-size:.85rem;
    vertical-align:middle
}
.timers-floating .timer-mini .timer-mini-item-spacer{
    display:none
}
.timers-floating .timer-mini .timer-save{
    background:#D5D5D5;
    margin-right:-44px;
    width:700px;
    padding:10px;
    float:right
}
.timers-floating .timer-mini-item-user{
    display:none
}
.s3-bar{
    display:block;
    margin:0 -20px;
    padding:0 10px;
    font-size:0
}
.s3-crumbs{
    list-style:none;
    margin:0
}
.s3-crumbs li{
    display:inline-block
}
.s3-crumbs li:before{
    display:none
}
.s3-crumbs li.active,.s3-crumbs li a{
    display:inline-block;
    position:relative;
    font:1.1rem/1.2 Roboto, Arial, Helvetica, sans-serif;
    padding:11px 10px 14px;
    text-decoration:none;
    border-bottom:2px solid transparent
}
.s3-crumbs li a:after{
    content:"/";
    color:#bbbbbb;
    position:absolute;
    right:-2px
}
.s3-crumbs li a:hover{
    border-bottom-color:#2BC06C
}
.s3-table td{
    vertical-align:middle
}
.s3-table td:first-child{
    padding:0
}
.s3-table td .fa{
    cursor:default;
    font-size:1.2em;
    vertical-align:middle;
    display:block;
    text-align:center;
    padding:16px 6px
}
.s3-table td .fa-folder{
    color:#FFC50A
}
.s3-table td .fa-file-o{
    color:#0b181e
}
.s3-table td .fa-check{
    color:#ffffff;
    background:#D5D5D5;
    font-size:1em;
    padding-left:4px;
    padding-right:4px
}
.s3-table td .fa-plus{
    color:#ffffff;
    cursor:pointer;
    background:#2BC06C
}
.s3-table td .fa-plus:before{
    content:"+"
}
.s3-table td .fa-plus:hover{
    background:#3c3cb4
}
.attachments-fancy+.s3-attachments{
    margin-top:10px
}
.s3-attachments a{
    color:#0b181e;
    display:inline-block;
    padding:4px 8px;
    background:rgba(0, 0, 0, 0.08);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    margin-bottom:1px;
    font-size:.927rem
}
.s3-attachments a:hover{
    color:#ffffff;
    background:#0E5D9A;
    text-decoration:none
}
.s3-attachments a:before{
    content:"\f019";
    padding-right:6px;
    font-family:FontAwesome
}
.field-upload+.btn-s3{
    position:absolute;
    left:100px;
    top:37px
}
i.fa{
    vertical-align:initial
}
.modal-box{
    background:#F8F9F9;
    font-size:1rem
}
.page-element{
    -webkit-transition:opacity 0.5s ease, transform 0.5s ease;
    -moz-transition:opacity 0.5s ease, transform 0.5s ease;
    -o-transition:opacity 0.5s ease, transform 0.5s ease;
    -ms-transition:opacity 0.5s ease, transform 0.5s ease;
    -webkit-transition:opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:opacity 0.5s ease, transform 0.5s ease;
    transition:opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease
}
.page-element.delay-1{
    transition-delay:0.25s;
    -webkit-transition-delay:0.25s;
    -moz-transition-delay:0.25s;
    -ms-transition-delay:0.25s;
    -o-transition-delay:0.25s
}
.page-element.delay-2{
    transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s
}
.page-element.delay-3{
    transition-delay:0.75s;
    -webkit-transition-delay:0.75s;
    -moz-transition-delay:0.75s;
    -ms-transition-delay:0.75s;
    -o-transition-delay:0.75s
}
.page-element.delay-4{
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -ms-transition-delay:1s;
    -o-transition-delay:1s
}
.navigating .page-element{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    -webkit-opacity:0;
    opacity:0;
    -webkit-transform:translate3d(0, -50px, 0);
    -moz-transform:translate3d(0, -50px, 0);
    -o-transform:translate3d(0, -50px, 0);
    -ms-transform:translate3d(0, -50px, 0);
    transform:translate3d(0, -50px, 0)
}
@media (min-width:1010px){
    #h{
        position:fixed;
        left:0;
        top:0
    }
}
@media (max-width:1010px){
    .center{
        padding-left:20px;
        padding-right:20px
    }
    .parallax{
        background-position:0 0!important;
        background-attachment:scroll!important
    }
    .rotate-left{
        left:-15px
    }
    .rotate-right{
        right:-15px
    }
}
@media (max-width:880px){
    .admin-bar #layout-side,.admin-bar #layout-title{
        top:32px
    }
    #layout-title{
        position:fixed;
        top:0;
        width:100%
    }
    #layout-title #t{
        padding-top:10px
    }
    #layout-title #t #title{
        padding-bottom:10px
    }
    #layout-side{
        position:fixed;
        left:-180px;
        -webkit-transition:0.5s transform ease;
        -moz-transition:0.5s transform ease;
        -o-transition:0.5s transform ease;
        -ms-transition:0.5s transform ease;
        -webkit-transition:0.5s -webkit-transform ease;
        transition:0.5s -webkit-transform ease;
        transition:0.5s transform ease;
        transition:0.5s transform ease, 0.5s -webkit-transform ease
    }
    #layout-main,#layout-title{
        margin-left:0;
        -webkit-transition:0.5s transform ease;
        -moz-transition:0.5s transform ease;
        -o-transition:0.5s transform ease;
        -ms-transition:0.5s transform ease;
        -webkit-transition:0.5s -webkit-transform ease;
        transition:0.5s -webkit-transform ease;
        transition:0.5s transform ease;
        transition:0.5s transform ease, 0.5s -webkit-transform ease
    }
    #side-toggle{
        display:inline-block!important
    }
    .open-side #layout-wrap{
        overflow-x:hidden
    }
    .open-side #layout-side{
        -webkit-transform:translate3d(180px, 0, 0);
        -moz-transform:translate3d(180px, 0, 0);
        -o-transform:translate3d(180px, 0, 0);
        -ms-transform:translate3d(180px, 0, 0);
        transform:translate3d(180px, 0, 0)
    }
    .open-side #layout-main,.open-side #layout-title{
        -webkit-transform:translate3d(180px, 0, 0);
        -moz-transform:translate3d(180px, 0, 0);
        -o-transform:translate3d(180px, 0, 0);
        -ms-transform:translate3d(180px, 0, 0);
        transform:translate3d(180px, 0, 0)
    }
    .open-side #side-toggle .fa:before{
        content:"\00d7"
    }
    .tbl-scrollable{
        overflow:visible
    }
    .tbl-fixed-wrap{
        overflow:visible
    }
    .tbl-fixed-scroll{
        display:none
    }
    .timers-totals td,.timers-totals th{
        display:inline-block
    }
    .timers-totals th.spacer{
        display:block
    }
    .timers-floating{
        width:100%!important
    }
    .timers-floating .timer-mini{
        width:82%;
        max-width:82%
    }
    .timers-floating .timer-mini .timer-mini-item-clock{
        font-size:.85rem;
        width:50px
    }
    .timers-floating .timer-mini .timer-mini-item-task-description{
        max-width:100%
    }
    .timers-floating .timer-mini .timer-save{
        margin-left:0;
        width:100%
    }
}
@media (max-width:782px){
    .admin-bar #layout-side,.admin-bar #layout-title{
        top:46px
    }
}
@media (max-width:600px){
    .boxed-tabs .tabs li a{
        font-size:1em;
        padding-left:12px;
        padding-right:12px
    }
}
@media (min-width:1400px){
    .grid.xl-grid-1>.item{
        width:100%
    }
    .grid.xl-grid-2>.item{
        width:50%
    }
    .grid.xl-grid-3>.item{
        width:33.3335%
    }
    .grid.xl-grid-4>.item{
        width:25%
    }
    .grid.xl-grid-5>.item{
        width:20%
    }
    .grid.xl-grid-6>.item{
        width:16.66667%
    }
    .grid.xl-grid-1>.item{
        clear:none
    }
    .grid.xl-grid-2>.item{
        clear:none
    }
    .grid.xl-grid-3>.item{
        clear:none
    }
    .grid.xl-grid-4>.item{
        clear:none
    }
    .grid.xl-grid-5>.item{
        clear:none
    }
    .grid.xl-grid-6>.item{
        clear:none
    }
    .grid.xl-grid-1>.item{
        clear:both
    }
    .grid.xl-grid-2>.item:nth-child(odd){
        clear:both
    }
    .grid.xl-grid-3>.item:nth-child(3n+1){
        clear:both
    }
    .grid.xl-grid-4>.item:nth-child(4n+1){
        clear:both
    }
    .grid.xl-grid-5>.item:nth-child(5n+1){
        clear:both
    }
    .grid.xl-grid-6>.item:nth-child(6n+1){
        clear:both
    }
}
