@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Light.otf)
}

.tab_gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fff), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #fff 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 5%, #ededed 100%);
    background: -o-linear-gradient(top, #fff 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #fff 5%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0)
}

.tab_gradient_reverse {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #fff));
    background: -moz-linear-gradient(top, #ededed 5%, #fff 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #fff 100%);
    background: -o-linear-gradient(top, #ededed 5%, #fff 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #fff 100%);
    background: linear-gradient(to bottom, #ededed 5%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0)
}

body {
    font-size: 12px !important;
    font-family: Montserrat !important;
    background: #f0f4f7;
    color: #354052
}

#logo_id {
    margin: 20px 10px 30px;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    font-family: Dosis, sans-serif
}

#logo_id span {
    color: #A4D377
}

@media (min-width:992px) {
    .container {
        width: 1020px
    }
}

header .navbar-default {
    background-color: #f36c00
}

header .navbar-default #myNavbar {
    padding-left: 0;
    padding-right: 0
}

header .navbar-default #myNavbar .dropdown-toggle {
    position: relative;
    padding-left: 50px
}

header .navbar-default #myNavbar .dropdown-toggle .login_img {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 4px
}

.calender_form {
    position: relative;
    margin-left: 15px
}

.calender_form .custom_calender {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #354052;
    font-size: 16px;
    cursor: pointer;
    pointer-events: none
}

.calender_form .custom_date {
    background: 0 0;
    padding-left: 17px;
    padding-right: 17px
}

.date_bar {
    text-align: right;
    padding: 0 25px 15px;
    background-color: #fff
}

.date_bar button a {
    color: #97a5bc
}

.date_bar button a:hover {
    text-decoration: none
}

.date_bar #day_week {
    margin-left: 15px
}

@media (max-width:768px) {
    .date_bar {
        text-align: left;
        padding: 0 20px 15px
    }
}

#myNavbar ul li {
    cursor: pointer
}

.nav_left {
    font-size: 1.2em;
    font-weight: 600
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    height: 50px
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #fd7100;
    color: #fff
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #da6100;
    color: #fff
}

#Tabview {
    position: relative;
    padding: 0
}

#Tabview #iframe2 {
    width: 100%;
    margin-top: -52px;
    display: none
}

#create-user {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    top: 58px;
    border-radius: 5px;
    padding: 0
}

#create-user .text {
    color: #b6c0d0;
    font-size: 11px;
    text-align: center;
    margin: 10px 0;
    display: block;
    white-space: nowrap
}

#create-user:before {
    background-image: url(../images/add.png);
    background-size: contain;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle
}

#create-user span.ui-button-text {
    padding: 0 !important
}

@media (max-width:479px) {
    .new_track_btn {
        position: absolute;
        right: 15px;
        bottom: -50px
    }
}

.button-new-time-entry {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: 1px solid #a7b2c6;
    color: #fff
}

.button-new-time-entry:focus {
    outline: 0
}

.button-new-time-entry:active {
    background-color: #97cb5f !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.button-new-time-entry:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

#tabs {
    position: static;
    border: none;
    display: none;
    border-radius: 0;
    padding: 0;
    background: 0 0;
    font-family: Montserrat;
    color: #354052
}

#tabs .ui-tabs-nav {
    border: 1px solid #ccc;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding: 0;
    background: #fff !important;
    background: -webkit-linear-gradient(#fff, #f3f3f5) !important;
    background: -o-linear-gradient(#fff, #f3f3f5) !important;
    background: -moz-linear-gradient(#fff, #f3f3f5) !important;
    background: linear-gradient(#fff, #f3f3f5) !important
}

#tabs .ui-tabs-nav li {
    margin: 0;
    border: none;
    background: 0 0;
    border-right: 1px solid #ccc;
    border-radius: 0
}

#tabs .ui-tabs-nav li a {
    color: #354052;
    font-size: 15px;
    text-align: left;
    width: 100%;
    padding: 17px 25px
}

#tabs .ui-tabs-nav li a:focus {
    outline: 0
}

#tabs .ui-tabs-nav li a span {
    color: #c4d0de
}

@media (min-width:480px) {
    #tabs .ui-tabs-nav li a {
        font-weight: 600
    }

    #tabs .ui-tabs-nav li a span {
        font-size: 14px
    }
}

@media (max-width:768px) {
    #tabs .ui-tabs-nav li a {
        padding: 12px 2px;
        font-weight: 100;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:992px) {
    #tabs .ui-tabs-nav li a {
        padding: 12px 8px
    }
}

#tabs .ui-tabs-nav li:last-child {
    border-right: none;
    margin-top: 8px;
    margin-left: 6px
}

#tabs .ui-tabs-nav li:last-child a {
    color: #b6c0d0;
    font-weight: 100;
    text-align: right
}

#tabs .ui-tabs-nav li:last-child a b {
    font-weight: 500;
    color: #333
}

@media (min-width:480px) and (max-width:768px) {
    #tabs .ui-tabs-nav li:last-child a b {
        font-size: 15px
    }
}

@media (max-width:479px) {
    #tabs .ui-tabs-nav li:last-child a b {
        font-size: 12px
    }
}

#tabs .ui-tabs-nav li:last-child a .total_members,
#tabs .ui-tabs-nav li:last-child a .total_projects,
#tabs .ui-tabs-nav li:last-child a .total_right {
    color: #14a1f1;
    display: inline-block;
    margin-left: 20px
}

#tabs .ui-tabs-nav li:last-child a .total_members .total_week_time,
#tabs .ui-tabs-nav li:last-child a .total_projects .total_week_time,
#tabs .ui-tabs-nav li:last-child a .total_right .total_week_time {
    color: #354052;
    font-weight: 600
}

@media (min-width:480px) and (max-width:768px) {

    #tabs .ui-tabs-nav li:last-child a .total_members,
    #tabs .ui-tabs-nav li:last-child a .total_projects,
    #tabs .ui-tabs-nav li:last-child a .total_right {
        text-align: left
    }
}

@media (max-width:1350px) {

    #tabs .ui-tabs-nav li:last-child a .total_members,
    #tabs .ui-tabs-nav li:last-child a .total_projects,
    #tabs .ui-tabs-nav li:last-child a .total_right {
        margin-left: 10px;
        font-size: 14px
    }
}

@media (max-width:767px) {

    #tabs .ui-tabs-nav li:last-child a .total_members,
    #tabs .ui-tabs-nav li:last-child a .total_projects {
        display: none
    }
}

@media (max-width:480px) {
    #tabs .ui-tabs-nav li:last-child a .total_right {
        margin-left: 2px;
        font-size: 10px
    }
}

#tabs .ui-tabs-nav li:last-child a .total_left {
    float: right
}

@media (min-width:480px) and (max-width:768px) {
    #tabs .ui-tabs-nav li:last-child a .total_left {
        text-align: left
    }
}

@media (max-width:767px) {
    #tabs .ui-tabs-nav li:last-child a {
        padding: 0;
        font-size: 16px
    }

    #tabs .ui-tabs-nav li:last-child a .total_right {
        float: none !important;
        text-align: center;
        margin-left: 0
    }

    #tabs .ui-tabs-nav li:last-child a .total_right .total_week_time {
        display: block
    }

    #tabs .ui-tabs-nav li:last-child a .total_left {
        float: none !important
    }
}

@media (max-width:479px) {
    #tabs .ui-tabs-nav li:last-child a {
        font-size: 12px
    }
}

@media (min-width:480px) and (max-width:768px) {
    #tabs .ui-tabs-nav li:last-child {
        margin-left: 14px;
        margin-top: 14px
    }
}

@media (max-width:479px) {
    #tabs .ui-tabs-nav li:last-child {
        margin-left: 3px;
        margin-top: 13px
    }
}

@media (max-width:1430px) {
    #tabs .ui-tabs-nav li:last-child {
        width: 35.5% !important
    }
}

@media (max-width:767px) {
    #tabs .ui-tabs-nav li:last-child {
        width: 5% !important
    }
}

@media (max-width:768px) {
    #tabs .ui-tabs-nav li {
        width: 12% !important
    }
}

@media (min-width:768px) and (max-width:1220px) {
    #tabs .ui-tabs-nav li {
        width: 7.5% !important
    }
}

#tabs li.ui-tabs-active {
    padding-bottom: 0;
    border: 1px solid #32a142;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1px
}

#tabs .ui-tabs-panel {
    position: static;
    padding: 0;
    margin-top: 55px
}

#tabs .ui-tabs-panel .entry_tab {
    padding: 5px 15px;
    border: 1px solid #e7e7e7;
    margin-bottom: 6px;
    border-radius: 3px;
    font-family: Montserrat
}

#tabs .ui-tabs-panel .date_shown {
    position: absolute;
    top: -5px;
    font-weight: 600;
    font-size: 21px;
    font-family: Lato, sans-serif !important
}

#tabs .ui-tabs-panel .date_shown .light_date {
    color: #e5e8ee;
    font-weight: 600
}

@media (min-width:768px) and (max-width:1200px) {
    #tabs .ui-tabs-panel .date_shown {
        top: 5px
    }
}

@media (max-width:768px) {
    #tabs .ui-tabs-panel .date_shown {
        top: -50px
    }
}

@media (min-width:1201px) {
    #tabs .ui-tabs-panel .date_shown {
        font-size: 30px
    }
}

@media (max-width:768px) {
    #tabs .ui-tabs-panel {
        margin-top: 40px
    }
}

#tabs .total {
    display: none;
    text-align: right;
    padding-right: 9.5em;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0;
    color: #97a5bc
}

#tabs .total .total_span {
    font-weight: 500;
    margin-right: 30px;
    font-size: 18px;
    color: #d5dbe4
}

.ui-state-default.ui-corner-top {
    background: #fff !important;
    background: -webkit-linear-gradient(#fff, #f3f3f5) !important;
    background: -o-linear-gradient(#fff, #f3f3f5) !important;
    background: -moz-linear-gradient(#fff, #f3f3f5) !important;
    background: linear-gradient(#fff, #f3f3f5) !important
}

.ui-state-default.ui-corner-top a {
    color: #9b9b9b;
    font-weight: 600
}

.ui-state-default.ui-corner-top a span {
    font-weight: 100
}

@media (max-width:768px) {
    .ui-state-default.ui-corner-top a span {
        font-size: 10px
    }
}

#tabs .ui-state-active,
#tabs .ui-widget-content .ui-state-active,
#tabs .ui-widget-header .ui-state-active {
    background: #36af46 !important;
    background: -moz-radial-gradient(center, ellipse cover, #36af46 0, #32a142 100%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, #36af46 0, #32a142 100%) !important;
    background: radial-gradient(ellipse at center, #36af46 0, #32a142 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36af46', endColorstr='#32a142', GradientType=1) !important;
    cursor: default !important;
    outline: 0;
    z-index: 1
}

#tabs .ui-state-active a,
#tabs .ui-widget-content .ui-state-active a,
#tabs .ui-widget-header .ui-state-active a {
    cursor: default !important;
    color: #fff !important
}

#tabs .ui-state-active a span,
#tabs .ui-widget-content .ui-state-active a span,
#tabs .ui-widget-header .ui-state-active a span {
    opacity: .6 !important
}

.entry_tab {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #354052
}

.entry_tab .left_group {
    padding-left: 0;
    position: relative
}

.entry_tab .left_group h1 {
    font-weight: 600;
    font-size: 14px
}

.entry_tab .left_group h1 .client_name {
    color: #b3b3b3;
    font-weight: 100
}

@media (max-width:480px) {
    .entry_tab .left_group h1 .client_name {
        display: block;
        margin-top: 6px
    }
}

.entry_tab .left_group .task_name {
    display: inline-block;
    position: absolute;
    right: -115px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 4px 17px;
    font-weight: 600;
    color: #354052
}

@media (max-width:1200px) {
    .entry_tab .left_group .task_name {
        position: static;
        transform: translate(0);
        border-color: transparent;
        padding: 4px 0;
        display: block;
        right: -60px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .entry_tab .left_group .task_name {
        right: -100px
    }
}

.entry_tab .left_group .task_desc {
    overflow-wrap: break-word;
    font-weight: 500;
    color: #a6a6a6
}

.entry_tab .left_group .task_desc .task_desc_padding {
    padding-bottom: 5px
}

@media (min-width:1200px) {
    .entry_tab .left_group .task_desc {
        padding-right: 80px
    }
}

@media (max-width:768px) {
    .entry_tab .left_group {
        display: inline-block;
        width: 50%;
        flex: 1
    }
}

.entry_tab .right_group {
    padding-left: 115px;
    text-align: right;
    flex: 1
}

.entry_tab .right_group .task_timer {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    margin: 0 25px
}

@media (min-width:1200px) and (max-width:1299px) {
    .entry_tab .right_group .task_timer {
        margin: 0 10px
    }
}

@media (min-width:768px) {
    .entry_tab .right_group .task_timer {
        width: 47px
    }
}

@media (max-width:480px) {
    .entry_tab .right_group .task_timer {
        display: block;
        margin: 10px 0
    }
}

.entry_tab .right_group .edit_delete {
    display: inline-block;
    vertical-align: middle
}

.entry_tab .right_group .edit_delete .action_btn {
    font-family: Montserrat;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.entry_tab .right_group .edit_delete .dropdown-menu li {
    cursor: pointer
}

.entry_tab .right_group .btn_custom {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: #adadad;
    color: #fff;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 1;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 1px;
    cursor: pointer;
    border: 0;
    margin-left: 40px
}

.entry_tab .right_group .btn_custom i {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%)
}

.entry_tab .right_group .btn_custom:disabled {
    cursor: not-allowed
}

@media (max-width:1399px) {
    .entry_tab .right_group .btn_custom {
        margin-left: 0
    }
}

.entry_tab .right_group .btn_custom_green {
    background: #97cb5f;
    position: relative;
    -webkit-animation: background 2s cubic-bezier(.25, .1, .25, 1) infinite;
    animation: background 2s cubic-bezier(.25, .1, .25, 1) infinite
}

.entry_tab .right_group .btn_custom_green i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@-webkit-keyframes background {
    0% {
        background-color: #97cb5f
    }

    50% {
        background-color: #323A45
    }

    100% {
        background-color: #97cb5f
    }
}

@keyframes background {
    0% {
        background-color: #97cb5f
    }

    50% {
        background-color: #323A45
    }

    100% {
        background-color: #97cb5f
    }
}

@media (max-width:767px) {
    .entry_tab .right_group a .edit_btn_pencil {
        margin-right: 0
    }
}

@media (max-width:1200px) {
    .entry_tab .right_group {
        padding: 0
    }
}

@media (max-width:768px) {
    .entry_tab {
        min-height: 115px
    }
}

.btn_custom_stop {
    -moz-box-shadow: inset 0 1px 0 0 #629be0;
    -webkit-box-shadow: inset 0 1px 0 0 #629be0;
    box-shadow: inset 0 1px 0 0 #629be0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #49a3fd), color-stop(1, #0e79dd));
    background: -moz-linear-gradient(top, #49a3fd 5%, #0e79dd 100%);
    background: -webkit-linear-gradient(top, #49a3fd 5%, #0e79dd 100%);
    background: -o-linear-gradient(top, #49a3fd 5%, #0e79dd 100%);
    background: -ms-linear-gradient(top, #49a3fd 5%, #0e79dd 100%);
    background: linear-gradient(to bottom, #49a3fd 5%, #0e79dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49a3fd', endColorstr='#0e79dd', GradientType=0);
    background-color: #49a3fd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #2d69bd;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 11px;
    text-decoration: none
}

.btn_custom_stop:focus {
    outline: 0
}

.btn_custom_stop i.fa-spinner {
    font-size: 20px;
    margin-right: 4px
}

.btn_custom_stop:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #0e79dd), color-stop(1, #49a3fd));
    background: -moz-linear-gradient(top, #0e79dd 5%, #49a3fd 100%);
    background: -webkit-linear-gradient(top, #0e79dd 5%, #49a3fd 100%);
    background: -o-linear-gradient(top, #0e79dd 5%, #49a3fd 100%);
    background: -ms-linear-gradient(top, #0e79dd 5%, #49a3fd 100%);
    background: linear-gradient(to bottom, #0e79dd 5%, #49a3fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e79dd', endColorstr='#49a3fd', GradientType=0);
    background-color: #0e79dd
}

.btn_custom_stop:active {
    position: relative;
    top: 1px
}

.btn_custom:active,
.btn_custom:focus {
    outline: 0 !important
}

.btn_custom_start {
    -moz-box-shadow: inset 0 1px 0 0 #fcfcfc;
    -webkit-box-shadow: inset 0 1px 0 0 #fcfcfc;
    box-shadow: inset 0 1px 0 0 #fcfcfc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f0f0f0), color-stop(1, #d9d9d9));
    background: -moz-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #f0f0f0 5%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d9d9d9', GradientType=0);
    background-color: #f0f0f0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #bababa;
    display: inline-block;
    cursor: pointer;
    color: #5c5c5c;
    font-family: Arial;
    font-size: 13px;
    padding: 9px 11px;
    text-decoration: none
}

.btn_custom_start:focus {
    outline: 0 !important
}

.btn_custom_start:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #d9d9d9), color-stop(1, #f0f0f0));
    background: -moz-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #d9d9d9 5%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#f0f0f0', GradientType=0);
    background-color: #d9d9d9
}

.btn_custom_start:active {
    position: relative;
    top: 1px
}

.btn_custom_edit {
    padding: 5px 10px !important;
    -moz-box-shadow: inset 0 1px 0 0 #fcfcfc;
    -webkit-box-shadow: inset 0 1px 0 0 #fcfcfc;
    box-shadow: inset 0 1px 0 0 #fcfcfc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f0f0f0), color-stop(1, #d9d9d9));
    background: -moz-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #f0f0f0 5%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #f0f0f0 5%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d9d9d9', GradientType=0);
    background-color: #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bababa;
    display: inline-block;
    cursor: pointer;
    color: #5c5c5c;
    font-family: Arial;
    font-size: 13px;
    text-decoration: none
}

.btn_custom_edit:focus {
    outline: 0
}

.btn_custom_edit:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #d9d9d9), color-stop(1, #f0f0f0));
    background: -moz-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #d9d9d9 5%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #d9d9d9 5%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#f0f0f0', GradientType=0);
    background-color: #d9d9d9
}

.btn_custom_edit:active {
    position: relative;
    top: 1px
}

.right_group .a_btn {
    display: none;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #c4d0e0
}

.right_group .a_btn:last-child {
    margin-right: 0
}

.right_group .edit_btn_bin,
.right_group .edit_btn_pencil {
    cursor: pointer;
    width: 27px;
    height: 27px;
    padding: 5px
}

#toast {
    width: 100px;
    height: 20px;
    height: auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 50px;
    background-color: #323A45;
    color: #F0F0F0;
    font-size: 13px;
    padding: 7px;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 24px -1px #383838;
    -moz-box-shadow: 0 0 24px -1px #383838;
    box-shadow: 0 0 24px -1px #383838;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (max-width:992px) {
    #toast {
        left: 50%
    }
}

#toast.opacityClass {
    opacity: 0
}

.top_line {
    margin: 15px 0
}

.top_line .date_top span {
    font-size: 26px;
    font-weight: 600
}

.top_line .top_buttons {
    text-align: right
}

.week-view-table {
    width: 100%;
    margin: 55px auto 0;
    border-collapse: separate;
    color: #666;
    font-size: 15px;
    position: relative
}

.week-view-table .week-view-entry {
    background-color: #fff
}

.week-view-table thead .name {
    width: 403px;
    padding-left: 10px;
    text-align: left
}

.week-view-table thead td {
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 10px 5px
}

.week-view-table td {
    line-height: normal;
    vertical-align: middle;
    border-bottom: 1px solid #e7e7e7;
    text-align: right;
    padding: 12px 5px
}

.week-view-table .day>a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 5px 1px;
    text-decoration: none;
    color: #354052;
    outline: 0
}

.week-view-table .day>input {
    font-weight: 600;
    padding: 0 5px;
    text-align: right
}

.week-view-table .day {
    width: 70px
}

.week-view-table .day span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #c4d0de
}

.week-view-table .name {
    padding-left: 10px;
    text-align: left;
    font-size: 13px
}

.week-view-table .name .project-client {
    color: #222;
    font-weight: 600;
    margin-bottom: 3px
}

.week-view-table input {
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: #555;
    display: inline-block;
    font-size: 15px;
    height: 35px;
    padding: 0 10px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.week-view-table input:focus {
    outline: 0
}

.week-view-table .week-view-entry td:last-child input {
    border: 0;
    box-shadow: none;
    font-weight: 500;
    cursor: default
}

.table_foot {
    text-align: right;
    padding: 21px;
    width: 97%;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7
}

.table_foot .total {
    font-size: 16px;
    margin-right: 10px;
    font-weight: 500
}

.table_foot span {
    font-size: 16px;
    font-weight: 600
}

.modal-content .modal-header {
    text-align: center
}

.modal-content .custom_edit_footer {
    color: #354052;
    text-align: left
}

.modal-content .custom_edit_footer .btn-delete-user {
    line-height: 1.9;
    color: inherit;
    padding: 3px 10px !important;
    border-color: transparent !important
}

.modal-content .custom_edit_footer .btn-delete-user:hover {
    border-color: #ccc !important;
    background: 0 0 !important
}

.modal-content .custom_edit_footer .btn-delete-user .x-remove {
    top: 2px;
    margin-right: 4px;
    color: inherit
}

.modal-content .custom_edit_footer #editdate {
    display: inline-block;
    width: 35%;
    margin-left: 2px;
    margin-right: 10px;
    text-align: center;
    height: 25px;
    font-size: 12px;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    cursor: pointer
}

.modal-content .custom_edit_footer #editdate:hover {
    border: 1px solid #fff
}

.modal-content .custom_edit_footer #editdate:focus {
    outline: 0
}

@media (max-width:480px) {
    .modal-content .custom_edit_footer #editdate {
        width: 40%;
        margin-right: 0
    }
}

.modal-content .custom_edit_footer .btns_right {
    display: inline-block;
    float: right;
    text-align: right
}

@media (max-width:480px) {
    .modal-content .custom_edit_footer .btns_right {
        width: 60%
    }
}

#myModalEdit .modal-dialog {
    width: 330px
}

@media (max-width:480px) {
    #myModalEdit .modal-dialog {
        width: 305px
    }
}

#myModal .modal-backdrop.in,
#myModalEdit .modal-backdrop.in {
    opacity: 1 !important
}

#myModal .modal-content {
    border-radius: 4px;
    box-shadow: none;
    margin-top: 100px;
}

#myModal .modal-content .modal-header {
    padding: 13px 25px;
    background: #fefeff;
    background: -webkit-linear-gradient(#fff, #f3f4f8);
    background: -o-linear-gradient(#fff, #f3f4f8);
    background: -moz-linear-gradient(#fff, #f3f4f8);
    background: linear-gradient(#fff, #f3f4f8);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#myModal .modal-content .modal-header .modal-title {
    text-align: left;
    font-size: 15px;
    font-weight: 600
}

#myModal .modal-content .modal-header .close {
    color: #354052;
    opacity: 1;
    margin-top: 0
}

#myModal .modal-content .modal-header .close:focus {
    outline: 0
}

#myModal .modal-content .modal-body {
    padding: 30px 25px 40px !important
}

#myModal .modal-content .modal-body #label_project_modal {
    font-size: 15px;
    margin-bottom: 7px
}

#myModal .modal-content .modal-body #project,
#myModal .modal-content .modal-body #task {
    height: 35px;
    color: #354052;
    font-weight: 600;
    box-shadow: none
}

#myModal .modal-content .modal-body .active_play_btn {
    width: 22px;
    height: 22px;
    vertical-align: text-bottom;
    margin-left: 5px
}

#myModal .modal-content .modal-body .track_plus_icon {
    font-size: 13px;
    margin-right: 9px;
    opacity: .3
}

@media (max-width:768px) {
    #myModal .modal-content .modal-body {
        padding: 20px 10px !important
    }
}

#myModal .modal-content .modal-body .project_clients {
    font-weight: 600
}

#myModal .modal-sm-fixed {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px
}

@media (min-width:768px) {
    #myModal .modal-sm-fixed {
        width: 330px
    }
}

@media (max-height:600px) {
    #myModal .modal-sm-fixed {
        top: 5%;
        transform: translate(-50%, 0);
        height: 100%;
        overflow-y: auto
    }
}

#myModalEdit .modal-content {
    border-radius: 4px;
    box-shadow: none
}

#myModalEdit .modal-content .modal-header {
    padding: 13px 25px;
    background: #fefeff;
    background: -webkit-linear-gradient(#fff, #f3f4f8);
    background: -o-linear-gradient(#fff, #f3f4f8);
    background: -moz-linear-gradient(#fff, #f3f4f8);
    background: linear-gradient(#fff, #f3f4f8);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#myModalEdit .modal-content .modal-header .modal-title {
    text-align: left;
    font-size: 15px;
    font-weight: 600
}

#myModalEdit .modal-content .modal-header .close {
    color: #354052;
    opacity: 1;
    margin-top: 0
}

#myModalEdit .modal-content .modal-header .close:focus {
    outline: 0
}

#myModalEdit .modal-content .modal-body {
    padding: 30px 25px 40px !important
}

#myModalEdit .modal-content .modal-body #label_project_edit_modal {
    font-size: 15x;
    margin-bottom: 7px
}

#myModalEdit .modal-content .modal-body #project_edit,
#myModalEdit .modal-content .modal-body #task_edit {
    height: 35px;
    color: #9b9fa8;
    font-weight: 600;
    box-shadow: none
}

@media (max-width:768px) {
    #myModalEdit .modal-content .modal-body {
        padding: 20px 10px !important
    }
}

#myModalEdit .modal-sm-fixed {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px
}

@media (min-width:768px) {
    #myModalEdit .modal-sm-fixed {
        width: 330px
    }
}

@media (max-height:600px) {
    #myModalEdit .modal-sm-fixed {
        top: 5%;
        transform: translate(-50%, 0);
        height: 100%;
        overflow-y: auto
    }
}

#myModalEdit .update_edit_timar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: none;
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    height: 35px;
    padding: 0 15px;
    color: #fff
}

#myModalEdit .update_edit_timar:focus {
    outline: 0
}

#myModalEdit .update_edit_timar:active {
    background-color: #97cb5f !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

#myModalEdit .update_edit_timar:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.track_new_btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: none;
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    height: 35px;
    padding: 0 15px 0 10px;
    color: #fff
}

.track_new_btn:focus {
    outline: 0
}

.track_new_btn:active {
    background-color: #97cb5f !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.track_new_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.main_userprofile .container_reports .tabs_reports {
    background-color: #fff
}

.main_userprofile .container_reports .bg_reports_summary_bar .reports_summary_bar {
    padding: 7px 0 !important
}

.main_userprofile .login-container-holder {
    text-align: center;
    background: #fff
}

.main_userprofile .login-container-holder .login-container {
    white-space: normal;
    text-align: left;
    width: 628px;
    display: inline-block;
    vertical-align: middle;
    padding: 55px 65px 50px;
    border-radius: 6px;
    color: #555b5c;
    background: #fff
}

.main_userprofile .login-container-holder .login-container h1 {
    margin: 0 0 15px
}

.main_userprofile .login-container-holder .login-container h2 {
    font-size: 18px;
    font-family: Montserrat;
    margin: 0 0 15px
}

.main_userprofile .login-container-holder .login-container form .hint {
    padding-top: 35px
}

.main_userprofile .login-container-holder .login-container .simple_form input {
    outline: 0 !important
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group {
    position: relative;
    margin-bottom: 25px
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .subdomain_name {
    width: 60%;
    display: inline-block
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .parentdomain {
    width: 35%;
    display: inline-block
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .subdomain_error {
    font-weight: 600;
    font-size: 12px;
    color: #ff0404;
    position: relative;
    left: 5px;
    top: 3px
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .form-control {
    display: block;
    font-family: Montserrat;
    width: 100%;
    height: 48px;
    padding: 12px 18px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #595B5B;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbc3c6;
    border-radius: 3px;
    box-shadow: none;
    transition: none;
    -webkit-transition: none;
    -webkit-appearance: none
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .upload_button {
    position: relative;
    color: grey;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .upload_button #uploadBtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .upload_button:hover {
    opacity: .75;
    text-decoration: none;
    outline: 0
}

.main_userprofile .login-container-holder .login-container .simple_form .form-group .upload_button:active {
    position: relative;
    top: 1px
}

.main_userprofile .login-container-holder .login-container .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px
}

.main_userprofile .login-container-holder .login-container .links-holder {
    margin: 30px 0 15px
}

.main_userprofile .login-container-holder .login-container .links-holder .oval-btn {
    min-width: 106px;
    background: #27b6ba;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid transparent;
    height: 42px;
    padding: 0 20px;
    border-radius: 21px;
    text-align: center
}

.main_userprofile .login-container-holder .login-container .links-holder .oval-btn:hover {
    opacity: .75;
    text-decoration: none;
    outline: 0
}

.main_userprofile .login-container-holder .login-container .links-holder .oval-btn:focus {
    outline: 0
}

.main_userprofile .login-container-holder .login-container .links-holder a {
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600
}

@media (max-width:628px) {
    .main_userprofile .login-container-holder .login-container {
        padding: 25px 15px 35px;
        border-radius: 3px;
        width: 100%
    }
}

.main_userprofile .login-container-holder .login-container .hint {
    font-size: 10px;
    color: #889194;
    padding-top: 35px
}

@media (max-width:628px) {
    .main_userprofile .login-container-holder {
        width: 100%
    }
}

.main_userprofile .project-div .projects-lists {
    padding: 0;
    margin-bottom: 0
}

.main_userprofile .project-div .projects-lists li {
    border-top: 1px solid #f2f2f2;
    font-size: 14px;
    padding: 11px 15px;
    vertical-align: middle;
    background: #fff
}

.main_userprofile .project-div .projects-lists li.project-client {
    padding: 9px 15px !important;
    font-size: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #f7f9fb;
    color: #10203d;
    border-color: #c6cdda;
    font-weight: 600
}

.userprofile {
    margin-top: 55px
}

.userprofile .btn-profile-update {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #71c152), color-stop(1, #2e8d11));
    background: -moz-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -webkit-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -o-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -ms-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: linear-gradient(to bottom, #71c152 5%, #2e8d11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c152', endColorstr='#2e8d11', GradientType=0);
    background-color: #71c152;
    border: 1px solid #a7b2c6;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 5px
}

.userprofile .btn-profile-update:focus {
    outline: 0
}

.userprofile .btn-profile-update:active {
    background-color: #2e8d11 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.userprofile .btn-profile-update:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.userprofile .tabs-left,
.userprofile .tabs-right {
    border-bottom: none;
    padding-top: 2px
}

.userprofile .tabs-left {
    border-right: 1px solid #ddd
}

@media (min-width:768px) {
    .userprofile .tabs-left {
        padding-bottom: 300px
    }
}

.userprofile .tabs-right {
    border-left: 1px solid #ddd
}

.userprofile .tabs-left>li,
.userprofile .tabs-right>li {
    float: none;
    margin-bottom: 0
}

.userprofile .tabs-left>li {
    margin-right: -1px
}

.userprofile .tabs-right>li {
    margin-left: -1px
}

.userprofile .tabs-left>li.active>a,
.userprofile .tabs-left>li.active>a:focus,
.userprofile .tabs-left>li.active>a:hover {
    color: #354052 !important;
    border-color: transparent
}

.userprofile .tabs-right>li.active>a,
.userprofile .tabs-right>li.active>a:focus,
.userprofile .tabs-right>li.active>a:hover {
    border: 0
}

.userprofile .tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    font-weight: 600;
    color: #aaa;
    border-right: 0
}

.userprofile .tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0
}

.nav-tabs>li>a:hover {
    border-color: transparent;
    background-color: transparent;
    color: #777
}

.tabs-left {
    border-top: 1px solid #ddd;
    padding-top: 0 !important
}

.tabs-left li {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.tabs-left li a {
    padding-left: 0
}

.tabs-left li:hover {
    background: 0 0
}

.tabs-left li.active {
    background: #F1F2F6;
    background: -webkit-linear-gradient(left, #f1f2f6, #fff);
    background: -o-linear-gradient(right, #f1f2f6, #fff);
    background: -moz-linear-gradient(right, #f1f2f6, #fff);
    background: linear-gradient(to right, #f1f2f6, #fff)
}

.tabs-left li.active>a,
.tabs-left li.active>a:focus,
.tabs-left li.active>a:hover {
    background: 0 0
}

.userprofile .left .image {
    padding-bottom: 15px;
    border-right: 1px solid #ddd
}

.userprofile .left .image img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    margin-right: 10px
}

.userprofile .left .image span {
    white-space: nowrap;
    font-weight: 600;
    font-size: 15px
}

.userprofile .right h3 {
    font-weight: 600;
    margin-bottom: 20px
}

.userprofile .right .form-group label {
    text-align: left;
    padding-top: 4px;
    color: #777
}

.userprofile .right .form-group input {
    font-size: 14px !important;
    height: 26px !important
}

.userprofile .right .btn-hr {
    margin-top: -10px
}

.userprofile .projects-lists {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 12px
}

.userprofile .projects-lists li {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.userprofile .projects-lists .project-client {
    padding: 4px 10px;
    background-color: #efefef
}

.date_bar .users_btn,
.top_buttons .users_btn {
    display: inline-block;
    float: left;
    position: relative
}

.date_bar .users_btn .view_all,
.top_buttons .users_btn .view_all {
    margin-right: -5px;
    font-weight: 600;
    font-size: 14px
}

@media (max-width:767px) {

    .date_bar .users_btn,
    .top_buttons .users_btn {
        display: block;
        float: none
    }
}

.date_bar .team_btn_drop,
.top_buttons .team_btn_drop {
    background: 0 0;
    font-family: inherit;
    color: #14a1f1;
    font-weight: 600;
    padding-left: 5px;
    box-shadow: none
}

.date_bar .team_btn_drop:active,
.top_buttons .team_btn_drop:active {
    box-shadow: none
}

.date_bar .team_btn_option li,
.top_buttons .team_btn_option li {
    cursor: pointer
}

.date_bar .team_btn,
.top_buttons .team_btn {
    margin-right: 15px
}

@media (max-width:992px) {

    .date_bar .team_btn,
    .top_buttons .team_btn {
        margin-left: 0
    }
}

.date_bar #ddlViewBy,
.date_bar .btn_date_bar_bg,
.top_buttons #ddlViewBy,
.top_buttons .btn_date_bar_bg {
    position: relative;
    height: 37px;
    padding: 7px 14px;
    color: #354052;
    font-weight: 600;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.date_bar #ddlViewBy .directional_arrows,
.date_bar .btn_date_bar_bg .directional_arrows,
.top_buttons #ddlViewBy .directional_arrows,
.top_buttons .btn_date_bar_bg .directional_arrows {
    color: #c4d0de;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

@media (max-width:768px) {

    .date_bar #ddlViewBy,
    .date_bar .btn_date_bar_bg,
    .top_buttons #ddlViewBy,
    .top_buttons .btn_date_bar_bg {
        padding: 7px 6px
    }
}

.date_bar #ddlViewBy,
.top_buttons #ddlViewBy {
    border: 0;
    background: 0;
    box-shadow: none;
    color: #14a1f1;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 7px 14px 7px 7px
}

.date_bar .ddlviewbox,
.top_buttons .ddlviewbox {
    position: relative
}

.date_bar .ddlviewbox:after,
.top_buttons .ddlviewbox:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 12px;
    color: #14a1f1
}

.date_bar #datepicker,
.top_buttons #datepicker {
    padding: 5px 18px;
    border: 1px solid #ccc;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

@media (max-width:992px) {

    .date_bar #day_week,
    .top_buttons #day_week {
        display: none
    }
}

#modal_custom_width {
    width: 1055px;
    margin: 0 auto
}

#date_jugaad {
    position: absolute;
    padding: 5px 18px;
    z-index: -2
}

.sheelakijawani .page {
    padding: 15px 0 0
}

.sheelakijawani .modalButton {
    display: block;
    margin: 15px auto;
    padding: 5px 15px
}

.sheelakijawani .modal-dialog {
    width: 1040px
}

@media (max-width:1000px) {
    .sheelakijawani .modal-dialog {
        width: 768px
    }
}

.sheelakijawani .modal-body {
    padding: 5px
}

.sheelakijawani .modal-dialog .close-button {
    overflow: hidden
}

.sheelakijawani .modal-dialog .close-button button.close {
    font-size: 30px;
    line-height: 30px;
    padding: 7px 4px 7px 13px;
    text-shadow: none;
    filter: alpha(Opacity=70);
    opacity: .7;
    color: #fff
}

.sheelakijawani .modal-dialog .close-button button.close span {
    display: block
}

.sheelakijawani .modal-dialog .close-button button.close:focus,
.sheelakijawani .modal-dialog .close-button button.close:hover {
    filter: alpha(enabled=false);
    opacity: 1;
    outline: 0
}

.sheelakijawani .modal-dialog .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: 0
}

.sheelakijawani .modal-dialog .modal-content iframe {
    display: block;
    margin: 0 auto
}

@media (max-width:768px) {
    #timesheet .modal-dialog {
        width: auto !important;
        padding-left: 10px;
        padding-right: 10px
    }

    #timesheet .embed-responsive {
        padding-bottom: 480px
    }
}

.userdashboard .dash_head {
    font-size: 20px;
    font-weight: 600;
    color: #333
}

.userdashboard .no_padding {
    padding: 0
}

.userdashboard .dash_hr {
    margin-top: 10px
}

.userdashboard .outer_box .box_head {
    padding: 0 10px 5px;
    font-size: 13px;
    font-weight: 600;
    color: #97a5bc;
    line-height: 1.7
}

.userdashboard .outer_box .inner_box .mini_box {
    position: relative;
    padding: 10px 10px 3px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.userdashboard .outer_box .inner_box .mini_box .hours_head {
    display: block;
    font-size: 11px;
    color: #b6c0d0
}

.userdashboard .outer_box .inner_box .mini_box .hours_info {
    font-size: 22px
}

.userdashboard .outer_box .inner_box .mini_box .hours_amt {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5
}

.userdashboard .outer_box .inner_box .mini_box .hours_amt_red {
    color: #c7041b
}

.userdashboard .outer_box .inner_box .mini_box .invoices {
    font-size: 10px
}

.userdashboard .outer_box .inner_box .mini_box .arrow_icon {
    color: #f4f6f8;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.userdashboard .outer_box .inner_box .mini_box:last-child {
    border-right-color: transparent
}

.userdashboard .outer_box .links {
    padding: 10px 10px 20px;
    background-color: #fff
}

.userdashboard .outer_box .links span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #8898b2;
    line-height: 1.4
}

.userdashboard .outer_box .links span .fa-angle-double-right {
    font-size: 10px
}

.userdashboard .outer_box .links span a {
    color: inherit
}

.userdashboard .right_div {
    margin-left: 20px
}

.userdashboard .right_div .mini_box {
    padding: 10px !important
}

.userdashboard .right_div .mini_box .fa-play-circle {
    right: 5px !important
}

.links {
    padding: 20px 10px
}

.links span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #8898b2;
    line-height: 1.4
}

.links span .fa-angle-double-right {
    font-size: 10px
}

.links span a {
    color: inherit
}

.navbar.navbar-default {
    margin-bottom: 0
}

.link_bar {
    padding-top: 14px;
    padding-bottom: 14px
}

.link_bar .link_btns {
    padding-left: 15px;
    padding-right: 15px
}

.link_bar .link_btns .add_new_btn {
    margin-left: 5px;
    padding: 4px 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #71c152), color-stop(1, #2e8d11));
    background: -moz-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -webkit-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -o-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -ms-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: linear-gradient(to bottom, #71c152 5%, #2e8d11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c152', endColorstr='#2e8d11', GradientType=0);
    background-color: #71c152;
    border: 1px solid #a7b2c6;
    color: #fff
}

.link_bar .link_btns .add_new_btn:focus {
    outline: 0
}

.link_bar .link_btns .add_new_btn:active {
    background-color: #2e8d11 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.link_bar .link_btns .add_new_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.link_bar .link_btns .add_new_btn .fa-plus {
    font-size: 12px;
    margin-right: 4px
}

.projects .light_dropdown {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.projects .light_dropdown:active {
    position: relative;
    top: 1px
}

.projects .light_dropdown:focus {
    outline: 0
}

.projects .top_btn {
    margin: 40px 0 0
}

.projects .table-responsive,
.projects .table-responsive12 {
    margin-top: 25px;
    overflow: visible
}

.projects .table-responsive table th,
.projects .table-responsive12 table th {
    padding: 9px 8px !important;
    font-size: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #f7f9fb;
    color: #111112;
    border-color: #c6cdda;
    font-weight: 600;
    text-align: right
}

.projects .table-responsive table td,
.projects .table-responsive12 table td {
    border-top: 1px solid #f2f2f2;
    font-size: 14px;
    padding: 11px 8px;
    text-align: right;
    vertical-align: middle;
    background: #fff
}

.projects .table-responsive table td.name,
.projects .table-responsive table th.name,
.projects .table-responsive12 table td.name,
.projects .table-responsive12 table th.name {
    text-align: left
}

.projects .table-responsive table .meter,
.projects .table-responsive12 table .meter {
    position: relative;
    width: 16%;
    padding: 0
}

.projects .table-responsive table .meter .horizontal,
.projects .table-responsive12 table .meter .horizontal {
    height: 8px;
    border-radius: 6px;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: hidden
}

.projects .table-responsive table .meter .horizontal .blue_bar,
.projects .table-responsive12 table .meter .horizontal .blue_bar {
    background-color: #007DFF;
    height: 8px
}

.projects .table-responsive table .actions form,
.projects .table-responsive12 table .actions form {
    margin: 0
}

.projects .table-responsive table .actions .dropdown,
.projects .table-responsive12 table .actions .dropdown {
    display: inline-block !important
}

.projects .table-responsive table .actions .button_custom_li,
.projects .table-responsive12 table .actions .button_custom_li {
    width: 100%;
    background-color: #fff;
    padding: 2px 12px;
    border-radius: 0
}

.projects .table-responsive table .actions .button_custom_li:hover,
.projects .table-responsive12 table .actions .button_custom_li:hover {
    background-color: #347bd3;
    color: #fff
}

.projects .table-responsive table .actions .light_dropdown_action,
.projects .table-responsive12 table .actions .light_dropdown_action {
    font-size: 12px;
    border-radius: 4px
}

.projects .table-responsive table .actions .dropdown_style,
.projects .table-responsive12 table .actions .dropdown_style {
    min-width: 0
}

.projects .table-responsive table .actions .dropdown_style li a:hover,
.projects .table-responsive12 table .actions .dropdown_style li a:hover {
    background-color: #347bd3;
    color: #fff
}

.projects .table-responsive table.project_tasks_table td,
.projects .table-responsive table.project_tasks_table th,
.projects .table-responsive12 table.project_tasks_table td,
.projects .table-responsive12 table.project_tasks_table th {
    text-align: left
}

#username_modal {
    padding: 10px;
    background-color: #323A45;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px
}

.projects .projects_lists {
    margin-top: 25px
}

.projects .projects_lists .live-search-box {
    width: 290px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    padding: 7px 15px;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.projects .projects_lists .live-search-box:focus {
    outline: 0
}

.projects .projects_lists tr.animate_hide {
    opacity: 0
}

.manage_bar {
    background-color: #f2f2f2;
    border-bottom: 1px solid #bbb;
    display: none
}

.manage_bar .manage_btns {
    padding-left: 15px;
    padding-right: 15px
}

.manage_bar .manage_btns a {
    line-height: 40px;
    display: inline-block;
    padding: 0 15px;
    font-weight: 600;
    color: #c6cdda;
    text-decoration: none
}

.manage_bar .manage_btns a:hover {
    color: #97a5bc
}

.manage_bar .manage_btns .active,
.manage_bar .manage_btns .active:hover {
    color: #354052
}

.manage_bar .manage_btns .active {
    position: relative
}

.manage_bar .manage_btns .active:after,
.manage_bar .manage_btns .active:before {
    bottom: -1px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.manage_bar .manage_btns .active:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.manage_bar .manage_btns .active:before {
    border-color: rgba(187, 187, 187, 0);
    border-bottom-color: #bbb;
    border-width: 9px;
    margin-left: -9px
}

.manage .top_btn {
    margin: 40px 0 20px
}

.manage .top_btn .pack h3 {
    font-weight: 600
}

.manage .top_btn .pack .add_new_btn {
    margin-top: 5px;
    font-size: 12px;
    padding: 4px 13px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #71c152), color-stop(1, #2e8d11));
    background: -moz-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -webkit-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -o-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: -ms-linear-gradient(top, #71c152 5%, #2e8d11 100%);
    background: linear-gradient(to bottom, #71c152 5%, #2e8d11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c152', endColorstr='#2e8d11', GradientType=0);
    background-color: #71c152;
    border: 1px solid #a7b2c6;
    color: #fff
}

.manage .top_btn .pack .add_new_btn:focus {
    outline: 0
}

.manage .top_btn .pack .add_new_btn:active {
    background-color: #2e8d11 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.manage .top_btn .pack .add_new_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.manage .top_btn .pack .add_new_btn .fa-plus {
    font-size: 10px;
    margin-right: 5px
}

.manage .people_list {
    margin-top: 55px
}

.manage .people_list ul {
    list-style: none;
    padding: 0
}

.manage .people_list ul .emp {
    position: relative;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff
}

.manage .people_list ul .emp span {
    font-weight: 100
}

.manage .people_list ul .emp:first-child {
    border-top: 1px solid #e7e7e7
}

.manage .people_list ul .emp .emp_list_left {
    margin-top: 5px;
    overflow-wrap: break-word;
}

.manage .people_list ul .emp .emp_list_left .client_name {
    font-size: 14px;
    font-weight: 600;
    width: 30px;
}

.manage .people_list ul .emp .emp_list_left .client_name.archived_client {
    color: #bfbfbf
}

.manage .people_list ul .emp .emp_list_right {
    text-align: right
}

.manage .people_list ul .emp .emp_list_right .manage_drop_btn {
    font-family: Montserrat;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9);
    font-size: 12px
}

.manage .people_list ul .emp .emp_list_right .dropdown {
    display: inline-block
}

.manage .people_list ul .emp .emp_list_right .dropdown .drop_action_btn {
    padding: 5px 0
}

.manage .people_list ul .emp .emp_list_right .dropdown .drop_action_btn li {
    cursor: pointer
}

.manage .people_list ul .employee_list .task_segregated {
    font-size: 14px;
    font-weight: 600
}

.manage .people_list ul .employee_list li {
    position: relative;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff
}

.manage .people_list ul .employee_list li .btn_edit_custom {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #354052;
    padding: 2px 9px;
    text-decoration: none;
    margin-right: 10px;
    font-family: Montserrat;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9);
    font-size: 12px
}

.manage .people_list ul .employee_list li .btn_edit_custom:active {
    position: relative;
    top: 1px
}

.manage .people_list ul .employee_list li .btn_edit_custom:focus {
    outline: 0
}

.manage .people_list ul .employee_list li .employee_name {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

.manage .people_list ul .employee_list li .employee_name.archived_user {
    color: #bfbfbf
}

.manage .people_list ul .employee_list li .if_admin {
    cursor: default;
    font-size: 8px;
    padding: 3px 5px;
    margin-left: 5px;
    border-radius: 3px;
    color: #14a1f1;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width:480px) {
    .manage .people_list ul .employee_list li .if_admin {
        display: block;
        margin-left: 0;
        padding-left: 0
    }
}

.manage .people_list ul .employee_list li .if_not_admin_btn {
    border: none;
    padding: 0;
    float: right;
    background: 0 0;
    color: #000
}

.manage .people_list ul .employee_list li .if_not_admin_btn:hover {
    background: 0 0;
    color: #00f
}

.manage .people_list ul .employee_list li .if_not_admin_btn .if_not_admin {
    font-size: 10px;
    padding: 0 5px;
    text-decoration: underline
}

.manage .people_list ul .employee_list li .make_them_admin {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 4px 7px;
    font-size: 11px;
    border-radius: 4px;
    color: #999;
    border: 1px solid #e4e4e4;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.manage .people_list ul .employee_list li:first-child {
    border-top: 1px solid #e7e7e7
}

.manage .people_list ul .employee_list .e_list_left {
    margin-top: 5px
}

.manage .people_list ul .employee_list .e_list_right {
    text-align: right
}

.manage .people_list ul .employee_list .e_list_right .dropdown {
    display: inline-block
}

.manage .people_list ul .employee_list .e_list_right .dropdown .manage_drop_btn {
    font-family: Montserrat;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9);
    font-size: 12px
}

.manage .people_list ul .employee_list .e_list_right .dropdown .drop_action_btn {
    padding: 5px 0
}

.manage .people_list ul .employee_list .e_list_right .dropdown .drop_action_btn li {
    padding: initial;
    border: 0;
    cursor: pointer
}

.manage .people_list ul .employee_list.employee_list_tasks li:first-child {
    border-top: none
}

.manage .people_list .peoplelist_li {
    background: #e0e0e0
}

.manage .people_list .peoplelist_li .btn_edit_client {
    margin-right: 13px;
    font-weight: 100;
    font-size: 10px;
    cursor: pointer
}

.manage .people_list .peoplelist_li .original_name {
    font-weight: 600
}

.manage .people_list .peoplelist_li .input_name {
    display: none;
    padding: 0 5px
}

.manage .people_list .peoplelist_li .input_name_btn {
    padding: 1px 6px;
    vertical-align: top;
    margin-left: 10px;
    display: none
}

.manage .people_list #tasks_heading {
    padding: 9px 8px !important;
    font-size: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #f7f9fb;
    color: #c6cdda;
    border-color: #c6cdda;
    font-weight: 600;
    margin-bottom: 0
}

.manage .people_list.people_list_no_1 {
    margin-top: 25px
}

.add_new_form .form-group label {
    text-align: left;
    font-size: 18px
}

.add_new_form .form-group .permission_label {
    font-size: 12px;
    font-weight: 100
}

.add_new_form .form-group #permission,
.add_new_form .form-group .permission_class {
    padding: 2px 12px !important;
    height: 25px !important
}

.add_new_form .hr_client_form {
    margin-top: 10px;
    margin-bottom: 15px
}

.add_new_form .add_new_btn {
    padding: 7px 18px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: transparent;
    color: #fff
}

.add_new_form .add_new_btn:focus {
    outline: 0
}

.add_new_form .add_new_btn:active {
    background-color: #2e8d11 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.add_new_form .add_new_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746
}

.add_new_form .cancel_btn {
    font-family: Montserrat;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9);
    font-size: 14px;
    margin-left: 5px;
    border-color: #ccc
}

.add_new_form .cancel_btn:focus {
    outline: 0
}

.add_new_form .cancel_btn:active {
    background-color: #ededed !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2)
}

.add_new_form .cancel_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #e7e6e6));
    background: -moz-linear-gradient(top, #ededed 5%, #e7e6e6 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #e7e6e6 100%);
    background: -o-linear-gradient(top, #ededed 5%, #e7e6e6 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #e7e6e6 100%);
    background: linear-gradient(to bottom, #ededed 5%, #e7e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e7e6e6', GradientType=0);
    background-color: #ededed
}

.manage .top_btn .pack .panel-default .panel-collapse {
    border: 1px solid #afc9e6;
    margin-top: 10px;
    background: #f1f5fb
}

.manage .top_btn .pack .panel-default .panel-collapse #new_task {
    width: 35% !important
}

.panel_group_edit {
    margin: 0
}

.panel_group_edit .update_form {
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7
}

.panel_group_edit .update_form .form_class {
    margin-bottom: 0
}

.panel_group_edit .update_form .form_class .updated_task {
    height: 28px !important
}

.panel_group_edit .update_form .form_class .left {
    display: inline-block;
    vertical-align: top
}

.panel_group_edit .update_form .form_class .left .btn_delete_task {
    padding: 4px 6px;
    border-radius: 7px;
    color: #c6cdda;
    border: 1px solid #fff;
    margin-right: 10px;
    margin-top: 1px;
    background-color: #fff
}

.panel_group_edit .update_form .form_class .left .btn_delete_task:focus {
    outline: 0
}

.panel_group_edit .update_form .form_class .right {
    display: inline-block
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled {
    margin-bottom: 10px
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio {
    display: none
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio+label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio:checked+label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
    text-shadow: 0;
    left: 3px;
    font-size: 32px
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio:checked+label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio+label:active,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .regular-radio:checked+label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container_add_new {
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container .radio_div,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container .radio_div_add_new,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container_add_new .radio_div,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container_add_new .radio_div_add_new {
    display: inline-block;
    vertical-align: middle
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container .radio_label,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container_add_new .radio_label {
    vertical-align: middle;
    padding-left: 10px
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container:last-child,
.panel_group_edit .update_form .form_class .right .radio_new_task_styled .radio_container_add_new:last-child {
    float: right
}

.panel_group_edit .update_form .form_class .right .radio_new_task_styled .form-group:last-child {
    margin-bottom: 0
}

.addnewproject .add_project_form .form-group .permission_label {
    color: #97a5bc
}

.addnewproject .add_project_form .form-group .controlled_width {
    display: inline-block;
    width: 30%
}

.addnewproject .add_project_form .form-group .span_right {
    margin-left: 10px;
    display: inline-block;
    color: #d5dbe4
}

.addnewproject .add_project_form .form-group #client {
    display: inline-block;
    width: 60%
}

.addnewproject .add_project_form .form-group .width60 {
    width: 60%;
    display: inline-block
}

.addnewproject .add_project_form .form-group .span_or {
    margin: 0 10px
}

.addnewproject .add_project_form .form-group .span_or_date {
    vertical-align: super
}

.addnewproject .add_project_form .form-group .date_height {
    height: 45px;
    padding-top: 15px
}

.addnewproject .add_project_form .form-group .project_budget {
    margin: 15px 0;
    padding: 20px;
    background-color: #fff
}

.addnewproject .add_project_form .form-group .budget_style {
    width: 15%;
    display: inline-block;
    margin: 0 5px
}

.addnewproject .add_project_form .form-group .date_div {
    position: relative;
    display: inline-block;
    width: 25%
}

.addnewproject .add_project_form .form-group .date_div label {
    position: absolute;
    font-size: 9px;
    top: 0;
    top: 4px;
    left: 6px;
    color: #f4f6f8
}

.addnewproject .add_project_form .form-group .cancel_btn {
    display: inline-block;
    vertical-align: top
}

.addnewproject .add_project_form .form-group .cancel_btn .fa-plus {
    font-size: 10px;
    margin-right: 5px
}

.addnewproject .add_project_form .add_pro_btn {
    margin-bottom: 60px
}

.addnewproject .add_project_form input[type=radio] {
    margin-top: 2px
}

.slideThree {
    width: 75px;
    height: 26px;
    background: #b2b2b2;
    position: relative;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2)
}

.bg_color {
    background: #3f9d2e !important
}

.slideThree:after {
    content: 'OFF';
    transform: translateY(-13px);
    color: #354052;
    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .15)
}

.slideThree:before {
    content: 'ON';
    color: #fff;
    position: absolute;
    left: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: 700
}

.slideThree label {
    display: block;
    width: 34px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
}

.slideThree input[type=checkbox] {
    visibility: hidden
}

.slideThree input[type=checkbox]:checked+label {
    left: 38px
}

.btn:focus {
    outline: 0 !important
}

.container_reports .head_bar,
.userdashboard .head_bar {
    padding: 0 25px 15px;
    background-color: #fff;
    color: #354052;
    font-size: 15px;
    font-weight: 600
}

.container_reports .head_bar .head_bar_block .date_display,
.userdashboard .head_bar .head_bar_block .date_display {
    display: inline-block;
    vertical-align: middle
}

.container_reports .head_bar .head_bar_block .date_display .date,
.userdashboard .head_bar .head_bar_block .date_display .date {
    font-weight: 600;
    font-size: 20px;
    margin-left: 7px
}

.container_reports .head_bar .head_bar_block .date_display .date span,
.userdashboard .head_bar .head_bar_block .date_display .date span {
    font-weight: 100;
    margin-left: 7px;
    color: #97a5bc
}

@media (max-width:768px) {

    .container_reports .head_bar .head_bar_block .date_display .date span,
    .userdashboard .head_bar .head_bar_block .date_display .date span {
        display: block
    }
}

.container_reports .head_bar .head_bar_block .duration_btn_drop,
.userdashboard .head_bar .head_bar_block .duration_btn_drop {
    background: 0 0;
    font-family: inherit;
    color: #14a1f1;
    font-weight: 600;
    padding-left: 5px;
    box-shadow: none
}

.container_reports .head_bar .head_bar_block .duration_btn_drop:active,
.userdashboard .head_bar .head_bar_block .duration_btn_drop:active {
    box-shadow: none
}

.container_reports .head_bar .head_bar_block .duration_btn_option li,
.userdashboard .head_bar .head_bar_block .duration_btn_option li {
    cursor: pointer
}

.container_reports .head_bar .head_bar_block .currently_view_blue,
.userdashboard .head_bar .head_bar_block .currently_view_blue {
    position: relative
}

.container_reports .head_bar .head_bar_block .currently_view_blue .dropdown_btn,
.userdashboard .head_bar .head_bar_block .currently_view_blue .dropdown_btn {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #14a1f1;
    font-size: 15px;
    background: 0 0
}

.container_reports .head_bar .head_bar_block .currently_view_blue .dropdown_btn .dropdown-menu,
.userdashboard .head_bar .head_bar_block .currently_view_blue .dropdown_btn .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    min-width: 110px !important
}

.container_reports .head_bar .head_bar_block .currently_view_blue .dropdown_btn:focus,
.userdashboard .head_bar .head_bar_block .currently_view_blue .dropdown_btn:focus {
    outline: 0
}

.container_reports .head_bar .head_bar_block .currently_view_blue:after,
.userdashboard .head_bar .head_bar_block .currently_view_blue:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 12px;
    color: #14a1f1
}

.container_reports .custom_hr,
.userdashboard .custom_hr {
    margin-top: 10px
}

.container_reports .reports_summary .hours_tracked,
.userdashboard .reports_summary .hours_tracked {
    padding-left: 0
}

.container_reports .reports_summary .hours_tracked .hours_head,
.userdashboard .reports_summary .hours_tracked .hours_head {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 1.6
}

.container_reports .reports_summary .hours_tracked .hours_value,
.userdashboard .reports_summary .hours_tracked .hours_value {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600
}

.container_reports .reports_summary .billable_percent,
.userdashboard .reports_summary .billable_percent {
    padding-right: 0
}

.container_reports .reports_summary .billable_percent .circle,
.userdashboard .reports_summary .billable_percent .circle {
    display: inline-block
}

.container_reports .reports_summary .billable_percent .circle .chart,
.userdashboard .reports_summary .billable_percent .circle .chart {
    position: relative;
    width: 100px;
    height: 100px
}

.container_reports .reports_summary .billable_percent .circle canvas,
.userdashboard .reports_summary .billable_percent .circle canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.container_reports .reports_summary .billable_percent .circle span,
.userdashboard .reports_summary .billable_percent .circle span {
    color: #354052;
    display: block;
    line-height: 80px;
    text-align: center;
    width: 80px;
    font-family: sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin-left: 2px
}

.container_reports .reports_summary .billable_percent .circle input,
.userdashboard .reports_summary .billable_percent .circle input {
    width: 200px
}

.container_reports .reports_summary .billable_percent .chart_data,
.userdashboard .reports_summary .billable_percent .chart_data {
    display: inline-block;
    vertical-align: top
}

.container_reports .reports_summary .billable_percent .chart_data .billable_hours,
.userdashboard .reports_summary .billable_percent .chart_data .billable_hours {
    font-size: 14px;
    color: #97a5bc;
    margin-bottom: 10px;
    padding: 5px 0
}

.container_reports .reports_summary .billable_percent .chart_data .billable,
.container_reports .reports_summary .billable_percent .chart_data .non_billable,
.userdashboard .reports_summary .billable_percent .chart_data .billable,
.userdashboard .reports_summary .billable_percent .chart_data .non_billable {
    font-size: 14px;
    font-weight: 600;
    color: #354052;
    margin-bottom: 5px
}

.container_reports .reports_summary .billable_percent .chart_data .billable span,
.container_reports .reports_summary .billable_percent .chart_data .non_billable span,
.userdashboard .reports_summary .billable_percent .chart_data .billable span,
.userdashboard .reports_summary .billable_percent .chart_data .non_billable span {
    font-weight: 100;
    font-size: 12px;
    margin-left: 4px
}

.container_reports .reports_summary .billable_percent .chart_data .billable:before,
.container_reports .reports_summary .billable_percent .chart_data .non_billable:before,
.userdashboard .reports_summary .billable_percent .chart_data .billable:before,
.userdashboard .reports_summary .billable_percent .chart_data .non_billable:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.container_reports .reports_summary .billable_percent .chart_data .billable:before,
.userdashboard .reports_summary .billable_percent .chart_data .billable:before {
    color: #41B419
}

.container_reports .reports_summary .billable_percent .chart_data .non_billable:before,
.userdashboard .reports_summary .billable_percent .chart_data .non_billable:before {
    color: #b5e5a5
}

.container_reports .bg_reports_summary_bar,
.userdashboard .bg_reports_summary_bar {
    background-color: #f4f8f9;
    border: 1px solid #cdcdcd;
    border-right: 0;
    border-left: 0
}

.container_reports .bg_reports_summary_bar .reports_summary_bar,
.userdashboard .bg_reports_summary_bar .reports_summary_bar {
    padding: 16px 10px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary {
    width: 390px;
    font-weight: 600;
    font-size: 14px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_div,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_div {
    display: inline-block
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .non_billable_div,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .non_billable_div {
    display: inline-block;
    float: right
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .fig_blue,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .fig_blue {
    color: #14a1f1;
    padding-left: 3px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent {
    margin-top: 12px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container {
    position: relative;
    padding: 0;
    height: 7px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container .horizontal_bar,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container .horizontal_bar {
    position: absolute;
    height: 7px;
    width: 100%;
    border-radius: 25px;
    left: 0;
    overflow: hidden;
    background-color: #a0dcff
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container .horizontal_bar .blue_bar,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary .billable_percent .bar_container .horizontal_bar .blue_bar {
    background-color: #14a1f1;
    height: 7px;
    border-radius: 25px
}

@media (max-width:768px) {

    .container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary,
    .userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary {
        margin: 0 auto 20px
    }
}

@media (max-width:480px) {

    .container_reports .bg_reports_summary_bar .reports_summary_bar .left_div_summary,
    .userdashboard .bg_reports_summary_bar .reports_summary_bar .left_div_summary {
        width: 100%;
        font-size: 12px
    }
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary {
    text-align: left;
    margin-top: 8px
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours {
    display: inline-block;
    margin-left: 25px;
    font-size: 15px;
    font-weight: 600
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours .fig_blue,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours .fig_blue {
    color: #14a1f1;
    display: block
}

.container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours.right_div_hours_tracked,
.userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours.right_div_hours_tracked {
    text-align: left
}

@media (min-width:480px) and (max-width:767px) {

    .container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours,
    .userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours {
        font-size: 12px;
        margin-left: 5px
    }
}

@media (max-width:479px) {

    .container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours,
    .userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary .right_div_hours {
        display: block;
        font-size: 12px;
        margin-left: 0;
        line-height: 1.7
    }
}

@media (max-width:991px) {

    .container_reports .bg_reports_summary_bar .reports_summary_bar .right_div_summary,
    .userdashboard .bg_reports_summary_bar .reports_summary_bar .right_div_summary {
        text-align: center !important
    }
}

.container_reports .bg_reports_summary_bar.dashboard_summary,
.userdashboard .bg_reports_summary_bar.dashboard_summary {
    background-color: transparent;
    border: 0
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar {
    padding: 0
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary {
    margin-top: 0;
    text-align: left
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary .right_div_hours,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary .right_div_hours {
    margin-left: 0;
    margin-right: 25px
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary.dash_right_div_summary,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .right_div_summary.dash_right_div_summary {
    margin-top: 6px
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right {
    text-align: right;
    color: #ccc
}

@media (max-width:991px) {

    .container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal,
    .userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal {
        text-align: center;
        margin: 10px 0
    }
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal .input_from,
.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal .input_to,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal .input_from,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_cal .input_to {
    display: inline-block
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf {
    position: relative
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf .cal_icon,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf .cal_icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #354052;
    cursor: pointer
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf .down_icon,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .input_tf .down_icon {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    color: #c6cdda;
    cursor: pointer
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .btn_cal,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .btn_cal {
    color: transparent;
    text-shadow: 0 0 0 #354052;
    text-align: center;
    width: 125px;
    padding: 8px 20px 8px 25px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fefefe;
    background: -webkit-linear-gradient(#fefefe, #f4f5f9);
    background: -o-linear-gradient(#fefefe, #f4f5f9);
    background: -moz-linear-gradient(#fefefe, #f4f5f9);
    background: linear-gradient(#fefefe, #f4f5f9)
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right #update_btn,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right #update_btn {
    margin-left: 10px;
    padding: 7px 18px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: transparent;
    color: #fff
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .slack_configure,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .slack_configure {
    display: inline-block;
    display: none
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn {
    margin-left: 15px
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn #new_project,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn #new_project {
    padding: 6px 17px 8px 12px;
    font-size: 15px;
    border-radius: 4px;
    font-weight: 500;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: transparent;
    color: #fff
}

.container_reports .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn #new_project .new_track_plus_icon,
.userdashboard .bg_reports_summary_bar.dashboard_summary .reports_summary_bar .dash_right .new_project_btn #new_project .new_track_plus_icon {
    margin-right: 7px;
    font-size: 14px;
    opacity: .4
}

.container_reports .tabs_reports,
.userdashboard .tabs_reports {
    margin-top: 55px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.container_reports .tabs_reports .nav-tabs,
.userdashboard .tabs_reports .nav-tabs {
    position: relative;
    background-color: #fff
}

.container_reports .tabs_reports .nav-tabs .printer,
.userdashboard .tabs_reports .nav-tabs .printer {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 50%;
    right: 15px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.container_reports .tabs_reports .nav-tabs .printer:active,
.userdashboard .tabs_reports .nav-tabs .printer:active {
    top: 52%
}

.container_reports .tabs_reports .nav-tabs li,
.userdashboard .tabs_reports .nav-tabs li {
    padding: 0
}

.container_reports .tabs_reports .nav-tabs li a i,
.userdashboard .tabs_reports .nav-tabs li a,
.container_reports .tabs_reports .nav-tabs a {
    font-size: 15px;
    font-weight: 600;
    color: #354052;
    padding: 21px 0
}

.container_reports .tabs_reports .nav-tabs li a .tabs_count,
.userdashboard .tabs_reports .nav-tabs li a .tabs_count {
    margin-left: 9px;
    color: #c6cdda
}

@media (max-width:479px) {

    .container_reports .tabs_reports .nav-tabs li a .tabs_count,
    .userdashboard .tabs_reports .nav-tabs li a .tabs_count {
        margin-left: 0
    }
}

.container_reports .tabs_reports .nav-tabs li a .tabs_name,
.userdashboard .tabs_reports .nav-tabs li a .tabs_name {
    display: block;
    width: 100%;
    border-right: 1px solid #e7e7e7;
    padding: 0 25px
}

@media (max-width:479px) {

    .container_reports .tabs_reports .nav-tabs li a .tabs_name,
    .userdashboard .tabs_reports .nav-tabs li a .tabs_name {
        padding: 0 8px
    }
}

.container_reports .tabs_reports .nav-tabs li:last-child a .tabs_name,
.userdashboard .tabs_reports .nav-tabs li:last-child a .tabs_name {
    border: 0
}

.container_reports .tabs_reports .nav-tabs li.active,
.userdashboard .tabs_reports .nav-tabs li.active {
    border-bottom: 3px solid #354052
}

.container_reports .tabs_reports .nav-tabs li.active a,
.userdashboard .tabs_reports .nav-tabs li.active a {
    border: 0
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer {
    float: right
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer .btn_printer,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer .btn_printer {
    padding: 4px 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    background-color: #ccc;
    background-image: -webkit-linear-gradient(#f0f0f0 20%, #d4d4d4);
    background-image: linear-gradient(#f0f0f0 20%, #d4d4d4);
    border: 1px solid #bbb;
    color: grey
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer .btn_printer:hover,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer .btn_printer:hover {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #ddd);
    background-image: linear-gradient(#f4f4f4 20%, #ddd)
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer .btn_printer:focus,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer .btn_printer:focus {
    outline: 0;
    background-image: -webkit-linear-gradient(#d4d4d4 20%, #f0f0f0);
    background-image: linear-gradient(#d4d4d4 20%, #f0f0f0)
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer .checkbox_check_active,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer .checkbox_check_active {
    margin-right: 15px;
    font-size: 11px
}

.container_reports .tabs_reports .nav-tabs .checkbox_printer .checkbox_check_active input,
.userdashboard .tabs_reports .nav-tabs .checkbox_printer .checkbox_check_active input {
    margin-top: 1px
}

@media (max-width:767px) {

    .container_reports .tabs_reports .nav-tabs,
    .userdashboard .tabs_reports .nav-tabs {
        margin-bottom: 15px
    }
}

.container_reports .tabs_reports .tab-content .table-responsive,
.container_reports .tabs_reports .tab-content .table-responsive1,
.userdashboard .tabs_reports .tab-content .table-responsive,
.userdashboard .tabs_reports .tab-content .table-responsive1 {
    border: 0
}

.container_reports .tabs_reports .tab-content .table-responsive .table,
.container_reports .tabs_reports .tab-content .table-responsive1 .table,
.userdashboard .tabs_reports .tab-content .table-responsive .table,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table {
    margin: 0
}

.container_reports .tabs_reports .tab-content .table-responsive .table th,
.container_reports .tabs_reports .tab-content .table-responsive1 .table th,
.userdashboard .tabs_reports .tab-content .table-responsive .table th,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table th {
    font-size: 13px;
    background-color: #f7f8fa;
    text-align: right;
    color: #354052;
    padding: 8px 10px;
    border-top: 0
}

.container_reports .tabs_reports .tab-content .table-responsive .table th button,
.container_reports .tabs_reports .tab-content .table-responsive1 .table th button,
.userdashboard .tabs_reports .tab-content .table-responsive .table th button,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table th button {
    border: none;
    background-color: transparent
}

.container_reports .tabs_reports .tab-content .table-responsive .table th button .fa,
.container_reports .tabs_reports .tab-content .table-responsive1 .table th button .fa,
.userdashboard .tabs_reports .tab-content .table-responsive .table th button .fa,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table th button .fa {
    color: #354052
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td a,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td a,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td a,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td a {
    color: #354052
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td a:hover,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td a:hover,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td a:hover,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td a:hover {
    text-decoration: none
}

@media (max-width:767px) {

    .container_reports .tabs_reports .tab-content .table-responsive .table tr:first-child,
    .container_reports .tabs_reports .tab-content .table-responsive1 .table tr:first-child,
    .userdashboard .tabs_reports .tab-content .table-responsive .table tr:first-child,
    .userdashboard .tabs_reports .tab-content .table-responsive1 .table tr:first-child {
        display: none
    }
}

.container_reports .tabs_reports .tab-content .table-responsive .table .name,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .name,
.userdashboard .tabs_reports .tab-content .table-responsive .table .name,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .name {
    width: 55%;
    text-align: left;
    padding-left: 25px
}

.container_reports .tabs_reports .tab-content .table-responsive .table .name_tab_b,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .name_tab_b,
.userdashboard .tabs_reports .tab-content .table-responsive .table .name_tab_b,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .name_tab_b {
    width: 40%;
    text-align: left
}

.container_reports .tabs_reports .tab-content .table-responsive .table .clients,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .clients,
.userdashboard .tabs_reports .tab-content .table-responsive .table .clients,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .clients {
    width: 15%
}

.container_reports .tabs_reports .tab-content .table-responsive .table .hours,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .hours,
.userdashboard .tabs_reports .tab-content .table-responsive .table .hours,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .hours {
    width: 10%
}

.container_reports .tabs_reports .tab-content .table-responsive .table .bar,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .bar,
.userdashboard .tabs_reports .tab-content .table-responsive .table .bar,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .bar {
    width: 20%
}

.container_reports .tabs_reports .tab-content .table-responsive .table .bhours,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .bhours,
.userdashboard .tabs_reports .tab-content .table-responsive .table .bhours,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .bhours {
    width: 15%;
    padding-right: 13px
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td {
    border: 0;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    padding: 13px 8px;
    text-align: right;
    vertical-align: middle;
    font-weight: 400
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td.last_right,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td.last_right,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td.last_right,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td.last_right {
    padding-right: 25px
}

@media (max-width:767px) {

    .container_reports .tabs_reports .tab-content .table-responsive .table tr td.last_right,
    .container_reports .tabs_reports .tab-content .table-responsive1 .table tr td.last_right,
    .userdashboard .tabs_reports .tab-content .table-responsive .table tr td.last_right,
    .userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td.last_right {
        padding-right: 8px
    }
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td.first_left,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td.first_left,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td.first_left,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td.first_left {
    text-align: left;
    padding-left: 25px
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr td.first_left b,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr td.first_left b,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr td.first_left b,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td.first_left b {
    font-weight: 400
}

@media (max-width:767px) {

    .container_reports .tabs_reports .tab-content .table-responsive .table tr td.first_left,
    .container_reports .tabs_reports .tab-content .table-responsive1 .table tr td.first_left,
    .userdashboard .tabs_reports .tab-content .table-responsive .table tr td.first_left,
    .userdashboard .tabs_reports .tab-content .table-responsive1 .table tr td.first_left {
        text-align: right;
        padding-left: 8px
    }
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr.staff-tasks,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr.staff-tasks,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr.staff-tasks,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr.staff-tasks {
    cursor: pointer
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr.inner-lists,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr.inner-lists,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr.inner-lists,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr.inner-lists {
    background-color: #f7f8fa
}

.container_reports .tabs_reports .tab-content .table-responsive .table tr.inner-lists td,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tr.inner-lists td,
.userdashboard .tabs_reports .tab-content .table-responsive .table tr.inner-lists td,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tr.inner-lists td {
    padding: 7px 8px 7px 25px;
    color: #495871
}

.container_reports .tabs_reports .tab-content .table-responsive .table .bar_container,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .bar_container,
.userdashboard .tabs_reports .tab-content .table-responsive .table .bar_container,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .bar_container {
    position: relative;
    width: 95%;
    padding: 0
}

.container_reports .tabs_reports .tab-content .table-responsive .table .bar_container .horizontal_bar,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .bar_container .horizontal_bar,
.userdashboard .tabs_reports .tab-content .table-responsive .table .bar_container .horizontal_bar,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .bar_container .horizontal_bar {
    height: 12px;
    border-radius: 25px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #a0dcff;
    overflow: hidden
}

.container_reports .tabs_reports .tab-content .table-responsive .table .bar_container .horizontal_bar .green_bar,
.container_reports .tabs_reports .tab-content .table-responsive1 .table .bar_container .horizontal_bar .green_bar,
.userdashboard .tabs_reports .tab-content .table-responsive .table .bar_container .horizontal_bar .green_bar,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table .bar_container .horizontal_bar .green_bar {
    background-color: #14a1f1;
    height: 12px;
    border-radius: 25px
}

@media (max-width:768px) {

    .container_reports .tabs_reports .tab-content .table-responsive .table .bar_container,
    .container_reports .tabs_reports .tab-content .table-responsive1 .table .bar_container,
    .userdashboard .tabs_reports .tab-content .table-responsive .table .bar_container,
    .userdashboard .tabs_reports .tab-content .table-responsive1 .table .bar_container {
        width: 90%
    }
}

.container_reports .tabs_reports .tab-content .table-responsive .table tfoot,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tfoot,
.userdashboard .tabs_reports .tab-content .table-responsive .table tfoot,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tfoot {
    display: none
}

.container_reports .tabs_reports .tab-content .table-responsive .table tfoot td,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tfoot td,
.userdashboard .tabs_reports .tab-content .table-responsive .table tfoot td,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tfoot td {
    border-bottom-color: #fff !important
}

.container_reports .tabs_reports .tab-content .table-responsive .table tfoot .total_fig,
.container_reports .tabs_reports .tab-content .table-responsive1 .table tfoot .total_fig,
.userdashboard .tabs_reports .tab-content .table-responsive .table tfoot .total_fig,
.userdashboard .tabs_reports .tab-content .table-responsive1 .table tfoot .total_fig {
    padding-right: 20px;
    font-size: 14px;
    font-weight: 600
}

@media (max-width:767px) {

    .container_reports .tabs_reports,
    .userdashboard .tabs_reports {
        border: 0;
        margin-top: 35px
    }
}

.manage #billablecheck {
    margin-top: 2px
}

@media print {
    #header {
        display: none
    }

    .container_left {
        margin-left: 0 !important
    }

    .head_bar>.btn-group {
        display: none
    }

    .reports_summary .billable_percent,
    .reports_summary .hours_tracked {
        display: inline-block
    }

    td a[href]:after,
    tfoot {
        display: none !important
    }
}

.trelloModal .api_span {
    color: #b6c0d0;
    text-align: right
}

.trelloModal .api_span a {
    text-decoration: none
}

.slack_configure {
    text-align: right
}

.slack_img,
.trello_img {
    width: 27px;
    margin-left: 5px;
    cursor: pointer
}

.slack_img_grey,
.trello_img_grey {
    width: 27px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#modalalert .modal-footer,
.trelloModal .modal-content .modal-footer {
    text-align: right
}

.home_home {
    background: #323a45
}

.home_home .container_home .box {
    position: relative;
    padding: 20px;
    max-width: 375px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
    margin: 10px auto 0;
    border-radius: 3px
}

.home_home .container_home .box .left {
    display: block;
    position: absolute;
    vertical-align: top;
    top: 50%;
    -ms-transform: translate(15%, -50%);
    -webkit-transform: translate(15%, -50%);
    transform: translate(15%, -50%)
}

.home_home .container_home .box .left .social_icons {
    margin-right: 10px;
    font-size: 21px;
    vertical-align: middle
}

.home_home .container_home .box .left img {
    width: 340px
}

.home_home .container_home .box .left .link_icon_btns {
    display: block;
    margin: 20px 0;
    padding: 12px;
    font-size: 12px;
    width: 221px;
    border-radius: 7px
}

@media (max-width:768px) {
    .home_home .container_home .box .left {
        position: static;
        transform: translate(0);
        display: table-footer-group
    }

    .home_home .container_home .box .left .link_icon_btns {
        margin: 20px auto
    }
}

.home_home .container_home .box .right {
    display: block;
    vertical-align: bottom
}

.home_home .container_home .box .right span {
    line-height: 1.5;
    margin-left: 6px;
    color: red
}

.home_home .container_home .box .right .signin_btn {
    width: 45%;
    float: right;
    background-color: #98cb5f;
    color: #fff;
    height: 50px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500
}

.home_home .container_home .box .right .signin_btn:hover {
    background-color: #3a7103
}

.home_home .container_home .box .right .reset_btn {
    width: 45%;
    margin-top: 12px;
    float: none;
    background-color: #98cb5f;
    color: #fff
}

.home_home .container_home .box .right .reset_btn:hover {
    background-color: #3a7103;
    color: #fff
}

.home_home .container_home .box .right .sign_in_heading {
    font-size: 16px;
    display: block;
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: right;
    font-weight: 600;
    color: #3e6373
}

.home_home .container_home .box .right .form_format {
    padding-left: 15px;
    padding-right: 15px
}

.home_home .container_home .box .right .form_format .checkbox {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 30px
}

.home_home .container_home .box .right .form_format .checkbox .remember {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right .form_format .margin_bottom {
    margin-bottom: 7px
}

@media (max-width:768px) {
    .home_home .container_home .box .right .form_format {
        padding-left: 0
    }
}

.home_home .container_home .box .right .register_span {
    color: #fe5b5e;
    margin-left: 0;
    padding-right: 30px;
    border-right: 1px solid #9b9b9b
}

.home_home .container_home .box .right .forgot_span {
    color: #9b9b9b
}

.home_home .container_home .box .right #email,
.home_home .container_home .box .right #pwd {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    box-shadow: none;
    background: #eee;
    border: transparent;
    color: #1a1a1a;
    font-weight: 600
}

.home_home .container_home .box .right #email::-webkit-input-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #email:-moz-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #email::-moz-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #email:-ms-input-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #pwd::-webkit-input-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #pwd:-moz-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #pwd::-moz-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right #pwd:-ms-input-placeholder {
    color: #3e6373;
    font-weight: 600
}

.home_home .container_home .box .right .fb_iframe_widget {
    display: none
}

@media (max-width:768px) {
    .home_home .container_home .box .right {
        padding-left: 0;
        border: none;
        margin: 0 auto;
        width: 80%
    }
}

@media (max-width:768px) {
    .home_home .container_home .box {
        display: table;
        width: 80%
    }
}

@media (max-width:480px) {
    .home_home .container_home .box {
        width: 100%
    }

    .home_home .container_home .box .left {
        display: table-footer-group;
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .home_home .container_home .box .right {
        display: block;
        width: 100%;
        padding-left: 0;
        border: 0
    }
}

.home_home .container_home .madlo_circle {
    position: absolute;
    top: 50%;
    right: 50%;
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border: 1px solid #e7e7e7;
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    color: #3e6373
}

@media (max-width:768px) {
    .home_home .container_home .madlo_circle {
        display: none
    }
}

.home_home .container_home .tyme_logo_home {
    text-align: center;
    margin-top: 120px
}

.home_home .container_home .tyme_logo_home img {
    width: 35%
}

@media (min-width:480px) and (max-width:768px) {
    .home_home .container_home .tyme_logo_home img {
        width: 250px
    }
}

@media (max-width:480px) {
    .home_home .container_home .tyme_logo_home img {
        width: 200px
    }
}

@media (max-width:768px) {
    .home_home .container_home .tyme_logo_home {
        margin-top: 0
    }
}

@media (max-width:768px) {
    .home_home .container_home {
        margin: 20px 0
    }
}

#myModal #description {
    resize: none;
    border-color: #e1e1e1;
    box-shadow: none;
    font-size: 13px;
    color: #354052;
    font-weight: 600
}

#myModal #timestartid {
    height: 35px;
    border-color: #e1e1e1;
    box-shadow: none;
    color: #354052;
    font-weight: 600
}

#myModalEdit #description_edit {
    resize: none;
    border-color: #e1e1e1;
    box-shadow: none;
    font-size: 13px;
    color: #354052;
    font-weight: 600
}

#myModalEdit #timestartid_edit {
    height: 35px;
    border-color: #e1e1e1;
    box-shadow: none;
    color: #354052;
    font-weight: 600
}

#myModalEdit #desc {
    width: 77%;
    display: inline-block
}

#myModalEdit #edittimestartid {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    height: 54px;
    font-size: 26px;
    text-align: right;
    margin-left: 9px
}

#tabs .quotes_section {
    display: none;
    background-color: #fff;
    position: relative
}

#tabs .quotes_section .quote_centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 95%;
    color: #9b9b9b
}

@media (min-width:768px) {
    #tabs .quotes_section .quote_centered {
        font-size: 18px
    }
}

@media (max-width:992px) {
    .responsive_header_bar {
        position: fixed;
        top: 0;
        width: 100%;
        height: 60px;
        background-color: #323A45;
        z-index: 99
    }
}

#header {
    background-color: #323A45;
    width: 240px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding-right: 35px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#header .header_cover {
    height: 100%;
    position: relative
}

#header .header_cover .tyme_logo {
    padding-left: 15px
}

#header .header_cover .tyme_logo a:hover {
    text-decoration: none
}

#header .header_cover .tyme_logo img {
    width: 155px;
    margin: 20px 10px
}

#header .header_cover #tyme_sidebar ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

#header .header_cover #tyme_sidebar ul li {
    position: relative;
    margin: 0
}

#header .header_cover #tyme_sidebar ul li a {
    cursor: pointer;
    display: block;
    padding-left: 30px;
    line-height: 42px;
    text-decoration: none;
    font-size: 15px;
    color: #fff
}

#header .header_cover #tyme_sidebar ul li:hover {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

#header .header_cover #tyme_sidebar ul li.active {
    position: relative;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

#header .header_cover #tyme_sidebar ul li.active:before,
#header .header_cover #tyme_sidebar ul li:hover:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    color: #14a1f1;
    font-size: 9px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

#header .header_cover #tyme_sidebar ul li.no_hover:hover:before {
    display: none
}

#header .header_cover #tyme_sidebar ul .manage_ul li a {
    font-size: 13px;
    padding-left: 70px
}

#header .header_cover #tyme_sidebar ul .manage_ul li:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#header .header_cover #tyme_sidebar ul .manage_ul li:last-child {
    border-bottom-right-radius: 20px
}

#header .header_cover #tyme_sidebar .header_icons {
    margin-right: 17px;
    vertical-align: middle;
    width: 20px;
    height: auto
}

@media screen and (max-height:414px) {
    #header .header_cover #tyme_sidebar {
        height: 300px;
        overflow: auto
    }
}

@media screen and (max-height:375px) {
    #header .header_cover #tyme_sidebar {
        height: 264px;
        overflow: auto
    }
}

@media screen and (max-height:320px) {
    #header .header_cover #tyme_sidebar {
        height: 215px;
        overflow: auto
    }
}

#header .user_name {
    padding-left: 25px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    width: 100%
}

#header .user_name .a-link {
    display: block;
    margin-left: 35px;
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 13px
}

#header .user_name .a-link:hover {
    background: #262c35
}

#header .user_name .a-link:last-child {
    border-bottom-right-radius: 20px
}

#header .user_name .a-link .fa-hand-o-right {
    margin-right: 5px
}

#header .user_name .dp_image {
    width: 30px;
    height: 30px;
    margin-right: 17px;
    border-radius: 50%;
    vertical-align: middle
}

#header .user_name:hover {
    background: #2A313B;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

#header .user_name a {
    color: #fff
}

#header .user_name a:hover {
    text-decoration: none
}

@media (max-width:992px) {
    #header .user_name {
        bottom: 0
    }
}

@media (max-width:992px) {
    #header {
        left: -240px
    }

    #header.toggled {
        left: 0
    }
}

.container_left {
    position: relative;
    margin-left: 240px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.container_left .container_right {
    margin-bottom: 75px
}

@media (min-width:1610px) {
    .container_left .container_right.customized_width1 {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media (min-width:1499px) and (max-width:1610px) {
    .container_left .container_right.customized_width1 {
        padding-left: 12%;
        padding-right: 12%
    }
}

@media (min-width:992px) and (max-width:1499px) {
    .container_left .container_right.customized_width1 {
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (min-width:1550px) {
    .container_left .container_right.customized_width {
        width: 1250px !important
    }
}

.container_left .top_bar_date_bg {
    position: relative;
    background: #fff;
    padding: 10px 25px 15px;
    color: #354052
}

.container_left .top_bar_date_bg .top_bar_date {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7
}

.container_left .top_bar_date_bg .top_bar_date .date_left_top {
    display: inline-block;
    font-size: 26px;
    margin-top: 5px;
    margin-right: 14px
}

.container_left .top_bar_date_bg .top_bar_date .date_left_top .date_display .date,
.container_left .top_bar_date_bg .top_bar_date .date_left_top .light_date {
    font-weight: 600
}

.container_left .top_bar_date_bg .top_bar_date .date_left_top .date_display .date span {
    font-weight: 100
}

@media (max-width:480px) {
    .container_left .top_bar_date_bg .top_bar_date .date_left_top {
        font-size: 16px
    }
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right {
    text-align: right;
    position: relative;
    z-index: 999
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown {
    display: inline-block;
    cursor: pointer
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .dp_img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle
}

@media (max-width:480px) {
    .container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .dp_img {
        display: none
    }
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .name_div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-right: 10px
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .name_div .name {
    font-size: 16px;
    font-weight: 600;
    color: #14a1f1;
    letter-spacing: .6px
}

@media (max-width:480px) {
    .container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .name_div .name {
        font-size: 14px
    }
}

.container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .name_div .admin {
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 600;
    letter-spacing: .6px
}

@media (max-width:480px) {
    .container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .name_div .admin {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .container_left .top_bar_date_bg .top_bar_date .user_logout_right .dropdown .dropdown-menu {
        min-width: 130px
    }
}

@media (max-width:992px) {
    .container_left .top_bar_date_bg {
        padding: 75px 20px 15px
    }
}

@media (max-width:992px) {
    .container_left {
        margin-left: 0
    }

    .container_left.blur {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px)
    }

    .container_left.blur #overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99
    }
}

#Tabview {
    font-family: Montserrat;
    color: #354052
}

#Tabview .date_bar #create-user1 {
    padding: 6px 17px 8px 12px;
    border: transparent;
    margin-left: 15px;
    font-size: 16px;
    border-radius: 4px;
    font-weight: 500
}

#Tabview .date_bar #create-user1 .new_track_plus_icon {
    margin-right: 7px;
    font-size: 14px;
    opacity: .4
}

#menu-toggle {
    display: none;
    position: absolute;
    padding: 0;
    left: 15px;
    top: 20px;
    webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#menu-toggle .icon-bar {
    background: #323A45
}

#menu-toggle1 {
    display: block;
    position: absolute;
    padding: 0;
    top: 14px;
    right: -50px;
    cursor: pointer
}

#menu-toggle1 .icon-bar {
    background: #323A45
}

@media (min-width:993px) {
    #menu-toggle1 {
        display: none
    }
}

.menu_icon_left {
    left: 250px !important
}

.ui-datepicker-month,
.ui-datepicker-year {
    width: 45%;
    color: #354052;
    font-size: 12px !important;
    background: 0 0;
    border: none
}

.ui-datepicker .ui-widget {
    font-family: "Helvetica Neue", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    background: #f0f4f7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.ui-datepicker {
    padding: 0;
    border-radius: 0;
    border: 1px solid #e5e8ee;
    margin-top: 15px;
    margin-left: -25px;
    font-size: 15px;
    font-family: Montserrat;
    color: #354052;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e5e8ee;
    border-radius: 0;
    color: #354052;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #f5f4f9);
    background: -o-linear-gradient(#fff, #f5f4f9);
    background: -moz-linear-gradient(#fff, #f5f4f9);
    background: linear-gradient(#fff, #f5f4f9)
}

.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
    background-position: -96px -17px
}

.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
    background-position: -33px -17px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    top: 4px;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-title {
    font-size: 12px;
    border-right: 1px solid #e5e8ee;
    border-left: 1px solid #e5e8ee;
    padding: 6px 0;
    margin: 0 2.6em;
    color: #354052
}

.ui-datepicker .ui-datepicker-header .ui-state-hover {
    background: 0 0;
    border-color: transparent
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px
}

.ui-datepicker table {
    width: 90%;
    margin: 12px
}

.ui-datepicker th {
    color: #c6cdda;
    font-size: 9px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    text-transform: uppercase;
    font-weight: 400;
    border: none
}

.ui-datepicker td {
    border: none;
    padding: 0;
    background: #fff
}

.ui-datepicker tr:first-child td {
    border-top: none
}

.ui-datepicker td:last-child {
    border-right: none
}

.ui-datepicker td .ui-state-default {
    border: 0;
    text-align: center;
    color: #354052;
    margin: 5px;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    height: 20px;
    width: 20px
}

.ui-datepicker td.ui-state-disabled .ui-state-default {
    text-shadow: none;
    opacity: .8;
    color: #6c7173
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
    border-radius: 50%;
    background-color: #1a91ed;
    color: #fff
}

.projects_lists .name a {
    color: inherit;
    text-decoration: none
}

.graph_container .btn_year_wrapper {
    text-align: right;
    margin-bottom: 10px
}

.graph_container .btn_year_wrapper .btn-group .btn_date_bar_bg {
    border-radius: 0;
    border-color: #e6e6e6;
    color: #8d8d8d
}

.graph_container .btn_year_wrapper .btn-group .btn_date_bar_bg.btn_date_bar_bg_year {
    cursor: default
}

.graph_container .btn_year_wrapper .btn-group .btn_date_bar_bg.btn_date_bar_bg_year:active,
.graph_container .btn_year_wrapper .btn-group .btn_date_bar_bg.btn_date_bar_bg_year:hover {
    background-color: inherit;
    box-shadow: none
}

.graph_container #chartdiv .amcharts-main-div a {
    display: none !important
}

.graph_container .chart_bottom {
    padding: 10px;
    color: #8d8d8d;
    border: 1px solid #e6e6e6;
    border-top-color: transparent
}

.graph_container .chart_bottom .chart_1 {
    width: 30%
}

.graph_container .chart_bottom .chart_1 .total_hours {
    font-size: 22px;
    color: #000;
    margin-bottom: 7px
}

.graph_container .chart_bottom .chart_1 .total_text {
    font-size: 13px
}

.graph_container .chart_bottom .chart_1 .bill_figures,
.graph_container .chart_bottom .chart_1 .labels_bills {
    color: #000
}

@media (max-width:768px) {
    .graph_container .chart_bottom .chart_1 {
        width: 60%
    }
}

@media (max-width:480px) {
    .graph_container .chart_bottom .chart_1 {
        width: 100%
    }
}

.billable_task_div {
    background: #fff;
    margin-top: 20px
}

.billable_task_div .project_tasks_table th {
    background: #E6E6E6;
    font-size: 11px;
    border-top: 1px solid #b3b3b3 !important;
    border-bottom: 1px solid #b3b3b3 !important;
    width: 50%
}

.billable_task_div .project_tasks_table td {
    line-height: 1.9
}

.chosen-container-single .chosen-single {
    padding: 0 12px;
    height: 35px;
    font-size: 13px;
    font-weight: 600;
    color: #354052;
    line-height: 33px;
    border-color: #e1e1e1;
    box-shadow: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b,
.chosen-container-single .chosen-single div b {
    display: none;
    background-position-y: 8px
}

.chosen-container .chosen-results li.group-result {
    color: #000
}

#description::-webkit-input-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#description:-moz-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#description::-moz-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#description:-ms-input-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#timestartid::-webkit-input-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#timestartid:-moz-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#timestartid::-moz-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

#timestartid:-ms-input-placeholder {
    color: #9b9fa8;
    font-weight: 600
}

.previous_timer {
    display: inline-block;
    background-color: #fff;
    text-align: left
}

.previous_timer .previous_timer_text {
    display: block;
    padding: 5px 25px 0 0;
    border-right: 0;
    border-left: 0
}

.previous_timer .previous_timer_text .date_link a {
    color: inherit;
    text-decoration: none
}

.previous_timer .previous_timer_text .date_link a:hover {
    color: #b3b3b3
}

.previous_timer .previous_timer_text .date_link:after {
    content: ", "
}

.previous_timer .previous_timer_text .date_link:last-child:after {
    content: "."
}

.previous_timer .previous_timer_text .date_link:nth-last-child(2):after {
    content: " & "
}

@media (max-width:767px) {
    .previous_timer {
        display: none
    }
}

.previous_timer.ful_width {
    display: none
}

@media (max-width:767px) {
    .previous_timer.ful_width {
        display: block
    }

    .previous_timer.ful_width .previous_timer_text {
        padding: 15px 0 5px
    }
}

#freewall .brick,
#freewall .cell {
    cursor: default;
    border: 1px solid #fff
}

#freewall .brick .handle,
#freewall .cell .handle {
    color: #354052;
    padding: 15px;
    border: none;
    cursor: move;
    border-bottom: 1px solid #fff
}

#freewall .brick .cover1,
#freewall .cell .cover1 {
    height: 100%
}

#freewall .brick .content,
#freewall .cell .content {
    padding: 15px;
    height: 84%;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

#freewall .brick .content.content_column,
#freewall .cell .content.content_column {
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

#freewall .brick .mini_box,
#freewall .cell .mini_box {
    position: relative;
    padding: 0 15px;
    background-color: #fff;
    border-right: 1px solid #ddd
}

#freewall .brick .mini_box .head_info_container,
#freewall .cell .mini_box .head_info_container {
    padding: 12px 0
}

#freewall .brick .mini_box .hours_head,
#freewall .cell .mini_box .hours_head {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    color: #354052
}

#freewall .brick .mini_box .hours_info,
#freewall .cell .mini_box .hours_info {
    font-size: 25px;
    color: #b6c0d0
}

#freewall .brick .mini_box:last-child,
#freewall .cell .mini_box:last-child {
    border-right-color: transparent
}

#freewall .brick.cell1,
#freewall .cell.cell1 {
    border-top: 2px solid #ff4f23
}

#freewall .brick.cell2,
#freewall .cell.cell2 {
    border-top: 2px solid #40bad9
}

#freewall .brick.cell3,
#freewall .cell.cell3 {
    border-top: 2px solid #45b34a
}

#freewall .brick.cell4,
#freewall .cell.cell4 {
    border-top: 2px solid #ffbb42
}

#freewall .circle {
    display: inline-block
}

#freewall .circle .chart {
    position: relative;
    width: 100px;
    height: 100px
}

#freewall .circle canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

#freewall .circle span {
    color: #354052;
    display: block;
    line-height: 80px;
    text-align: center;
    font-family: sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin-left: 2px
}

#freewall .circle input {
    width: 200px
}

#freewall .chart_data {
    display: inline-block;
    vertical-align: top
}

#freewall .chart_data .billable_hours {
    font-size: 14px;
    color: #97a5bc;
    margin-top: 5px;
    margin-bottom: 10px
}

#freewall .chart_data .billable,
#freewall .chart_data .non_billable {
    font-size: 14px;
    font-weight: 600;
    color: #354052;
    margin-bottom: 5px
}

#freewall .chart_data .billable span,
#freewall .chart_data .non_billable span {
    font-weight: 100;
    font-size: 12px;
    margin-left: 4px
}

#freewall .chart_data .billable:before,
#freewall .chart_data .non_billable:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 5px;
    vertical-align: text-bottom
}

#freewall .chart_data .billable:before {
    color: #41B419
}

#freewall .chart_data .non_billable:before {
    color: #b5e5a5
}

#freewall .cell3 {
    color: #333
}

#freewall .cell3 .project_active_number {
    font-size: 70px;
    line-height: 1;
    display: block
}

#freewall .cell3 .project_active_text {
    font-size: 13px;
    color: #fff
}

#freewall .cell3 .active_project_right_bottom,
#freewall .cell3 .active_project_right_top {
    margin-bottom: 30px
}

#freewall .cell3 .active_project_right_bottom .active_all_time,
#freewall .cell3 .active_project_right_bottom .inactive_all_time,
#freewall .cell3 .active_project_right_top .active_all_time,
#freewall .cell3 .active_project_right_top .inactive_all_time {
    font-size: 15px
}

#freewall .cell3 .active_project_right_bottom .active_all_time_no,
#freewall .cell3 .active_project_right_bottom .inactive_all_time_no,
#freewall .cell3 .active_project_right_top .active_all_time_no,
#freewall .cell3 .active_project_right_top .inactive_all_time_no {
    font-size: 12px;
    color: #fff
}

#freewall .canvasjs-chart-credit {
    display: none
}

#freewall .dash_members {
    width: 100%
}

#freewall .dash_members .active_users {
    margin-bottom: 20px
}

#freewall .dash_members .count_active {
    display: inline-block;
    line-height: 1;
    font-size: 70px;
    width: 35%;
    margin-right: 20px;
    text-align: right;
    vertical-align: middle
}

#freewall .dash_members .text_active {
    display: inline-block;
    width: 55%;
    color: #b6c0d0
}

#header .bar1,
#header .bar2,
#header .bar3 {
    width: 33px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: .4s
}

#header .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
    transform: rotate(-45deg) translate(-5px, 5px)
}

#header .change .bar2 {
    opacity: 0
}

#header .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px)
}

.forgot_pass_body .forgot_pass_div {
    max-width: 450px;
    padding: 20px;
    width: 100%;
    margin: 20% auto 0;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
    border-radius: 3px
}

.forgot_pass_body .forgot_pass_div .span_text {
    display: block;
    margin: 15px 0 20px
}

.forgot_pass_body .forgot_pass_div .error_msg {
    color: red;
    margin-top: 5px
}

.customized_dash_width {
    margin-top: 35px
}

.customized_dash_width .dash_summary .summary_container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.customized_dash_width .dash_summary .summary_container .summary_count {
    position: relative;
    height: 175px;
    width: 255px;
    background-color: #36af46;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    text-transform: uppercase;
    margin: 0 10px
}

.customized_dash_width .dash_summary .summary_container .summary_count .first_half {
    height: 75%;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding: 22px 15px
}

.customized_dash_width .dash_summary .summary_container .summary_count .first_half .text {
    display: inline-block;
    opacity: .7;
    width: 80%
}

.customized_dash_width .dash_summary .summary_container .summary_count .first_half .icon {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 20%
}

.customized_dash_width .dash_summary .summary_container .summary_count .first_half .icon img {
    width: 35px;
    height: 35px;
    margin-top: -10px;
    margin-right: -8px;
    opacity: .4
}

@media (max-width:1199px) {
    .customized_dash_width .dash_summary .summary_container .summary_count .first_half .icon img {
        width: 25px;
        height: 25px
    }
}

@media (max-width:1199px) {
    .customized_dash_width .dash_summary .summary_container .summary_count .first_half .icon {
        right: 3px
    }
}

.customized_dash_width .dash_summary .summary_container .summary_count .first_half .figure {
    font-size: 36px
}

@media (max-width:1199px) {
    .customized_dash_width .dash_summary .summary_container .summary_count .first_half {
        padding: 12px 0
    }
}

.customized_dash_width .dash_summary .summary_container .summary_count .second_half {
    height: 25%;
    padding-top: 15px;
    padding-left: 10px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.customized_dash_width .dash_summary .summary_container .summary_count .second_half span {
    display: block;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    align-content: center
}

@media (max-width:1199px) {
    .customized_dash_width .dash_summary .summary_container .summary_count .second_half {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .customized_dash_width .dash_summary .summary_container .summary_count {
        margin: 0 auto 25px
    }
}

.customized_dash_width .dash_summary .summary_container .summary_count.archived_projects,
.customized_dash_width .dash_summary .summary_container .summary_count.total_projects,
.customized_dash_width .dash_summary .summary_container .summary_count.totalhours_tracked {
    background-color: #354052
}

@media (max-width:767px) {
    .customized_dash_width .dash_summary .summary_container {
        display: block
    }
}

@media (min-width:1499px) {
    .customized_dash_width {
        padding-left: 3%;
        padding-right: 3%
    }
}

.graph_section {
    margin: 25px 10px
}

.graph_section #line_graph {
    display: inline-block;
    width: 100%
}

.graph_section #line_graph .highcharts-container {
    border: 1px solid #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.graph_section #line_graph .highcharts-container .highcharts-tooltip text {
    fill: #fff !important;
    text-align: center !important
}

.graph_section #line_graph .highcharts-container .highcharts-tooltip text tspan:first-child {
    font-size: 12px !important;
    display: block !important
}

.graph_section #line_graph .highcharts-container .highcharts-tooltip text tspan:nth-child(3) {
    display: block !important
}

.graph_section #line_graph .highcharts-button,
.graph_section #line_graph .highcharts-container .highcharts-tooltip+text {
    display: none
}

@media (max-width:767px) {
    .graph_section #line_graph {
        max-width: 100% !important;
        width: 100%
    }
}

.graph_section #line_graph_btn_container {
    position: relative;
    display: inline-block;
    width: 74%;
    background: #fff;
    padding: 20px
}

.graph_section #line_graph_btn_container tspan {
    font-family: Montserrat
}

.graph_section #line_graph_btn_container .graph_form {
    position: absolute;
    top: 24px;
    right: 28px
}

.graph_section #line_graph_btn_container .graph_form .graph_dates .graph_date_btn {
    color: #354052;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px
}

.graph_section #line_graph_btn_container .graph_form .graph_dates .btn-group.open .dropdown-toggle,
.graph_section #line_graph_btn_container .graph_form .graph_dates .graph_date_btn:active {
    box-shadow: none
}

.graph_section #line_graph_btn_container .graph_form .graph_dates .dropdown-menu {
    min-width: 85px
}

.graph_section #line_graph_btn_container .graph_form .graph_dates .dropdown-menu li {
    cursor: pointer
}

.graph_section #line_graph_btn_container .graph_form .graph_dates #graph_submit_btn {
    margin-left: 5px;
    padding: 4px 11px;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: transparent;
    color: #fff
}

@media (max-width:400px) {
    .graph_section #line_graph_btn_container .graph_form {
        top: 30px
    }
}

@media (max-width:767px) {
    .graph_section #line_graph_btn_container {
        max-width: 100% !important;
        width: 100%
    }
}

.graph_section .total_summary {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    background-color: #fafbfd;
    border: 1px solid #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

.graph_section .total_summary .t_income {
    padding: 25px;
    border-bottom: 1px solid #f4f6f8
}

.graph_section .total_summary .t_income .summ {
    font-size: 20px
}

.graph_section .total_summary .t_income .total {
    font-size: 12px;
    font-weight: 600;
    line-height: 2.7;
    color: #d5dbe4
}

.graph_section .total_summary .t_income .income_figure {
    font-size: 26px
}

.graph_section .total_summary .timeframe {
    margin: 25px;
    font-weight: 600;
    overflow: hidden
}

.graph_section .total_summary .timeframe .right {
    text-align: right
}

.graph_section .total_summary .timeframe .frame_row {
    padding: 7px 0;
    border-bottom: 1px solid #f4f6f8
}

.graph_section .total_summary .timeframe .frame_row:first-child {
    border-bottom: 0;
    margin-bottom: 5px
}

.graph_section .total_summary .timeframe .frame_row:first-child .left {
    color: #d5dbe4
}

.graph_section .total_summary .timeframe .frame_row:first-child .right {
    color: #14a1f1
}

.graph_section .total_summary .timeframe .frame_row:last-child {
    border-bottom: 0;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .graph_section .total_summary {
        display: block;
        width: 100%
    }
}

@media (min-width:767px) {
    .graph_section .total_summary {
        height: 511px
    }
}

.graph_section#project_timeline_container {
    margin: 50px 0 0
}

.graph_section#project_timeline_container #line_graph_btn_container {
    width: 100%
}

@media (max-width:767px) {
    .graph_section {
        display: block
    }
}

.column_graph_section .highcharts-container {
    border: 1px solid #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.column_graph_section .highcharts-container .highcharts-tooltip text {
    fill: #fff !important;
    text-align: center !important
}

.column_graph_section #container_column_graph {
    max-width: 70%;
    margin: 10px !important;
    background: #fff;
    padding: 20px
}

.column_graph_section #container_column_graph tspan {
    font-family: Montserrat
}

.column_graph_section #container_column_graph .highcharts-series-0 rect {
    fill: #269cf4 !important;
    stroke-width: 0
}

.column_graph_section #container_column_graph .highcharts-series-0 rect:hover {
    fill: #55d542 !important
}

.column_graph_section #container_column_graph .highcharts-series-1 rect {
    fill: #3470af !important;
    stroke-width: 0
}

.column_graph_section #container_column_graph .highcharts-series-1 rect:hover {
    fill: #369b25 !important
}

.column_graph_section #container_column_graph .highcharts-button,
.column_graph_section #container_column_graph .highcharts-tooltip+text {
    display: none
}

@media (max-width:991px) {
    .column_graph_section #container_column_graph {
        max-width: 100%
    }
}

#add_person_modal .radio_container,
#add_person_modal .radio_container_add_new,
#edit_project_modal .radio_container,
#edit_project_modal .radio_container_add_new,
#duplicate_project_modal .radio_container,
#duplicate_project_modal .radio_container_add_new,
#new_client_modal .radio_container,
#new_client_modal .radio_container_add_new,
#new_project_modal .radio_container,
#new_project_modal .radio_container_add_new,
#new_task_modal .radio_container,
#new_task_modal .radio_container_add_new {
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block
}

#add_person_modal .radio_container .radio_div,
#add_person_modal .radio_container .radio_div_add_new,
#add_person_modal .radio_container_add_new .radio_div,
#add_person_modal .radio_container_add_new .radio_div_add_new,
#edit_project_modal .radio_container .radio_div,
#edit_project_modal .radio_container .radio_div_add_new,
#edit_project_modal .radio_container_add_new .radio_div,
#edit_project_modal .radio_container_add_new .radio_div_add_new,
#duplicate_project_modal .radio_container .radio_div,
#duplicate_project_modal .radio_container .radio_div_add_new,
#duplicate_project_modal .radio_container_add_new .radio_div,
#duplicate_project_modal .radio_container_add_new .radio_div_add_new,
#new_client_modal .radio_container .radio_div,
#new_client_modal .radio_container .radio_div_add_new,
#new_client_modal .radio_container_add_new .radio_div,
#new_client_modal .radio_container_add_new .radio_div_add_new,
#new_project_modal .radio_container .radio_div,
#new_project_modal .radio_container .radio_div_add_new,
#new_project_modal .radio_container_add_new .radio_div,
#new_project_modal .radio_container_add_new .radio_div_add_new,
#new_task_modal .radio_container .radio_div,
#new_task_modal .radio_container .radio_div_add_new,
#new_task_modal .radio_container_add_new .radio_div,
#new_task_modal .radio_container_add_new .radio_div_add_new {
    display: inline-block;
    vertical-align: middle
}

#add_person_modal .radio_container .radio_label,
#add_person_modal .radio_container_add_new .radio_label,
#edit_project_modal .radio_container .radio_label,
#edit_project_modal .radio_container_add_new .radio_label,
#new_client_modal .radio_container .radio_label,
#new_client_modal .radio_container_add_new .radio_label,
#new_project_modal .radio_container .radio_label,
#new_project_modal .radio_container_add_new .radio_label,
#new_task_modal .radio_container .radio_label,
#new_task_modal .radio_container_add_new .radio_label,
#duplicate_project_modal .radio_container .radio_label,
#duplicate_project_modal .radio_container_add_new .radio_label {
    vertical-align: middle;
    padding-left: 10px
}

#add_person_modal .radio_container:last-child,
#add_person_modal .radio_container_add_new:last-child,
#edit_project_modal .radio_container:last-child,
#duplicate_project_modal .radio_container:last-child,
#edit_project_modal .radio_container_add_new:last-child,
#duplicate_project_modal .radio_container_add_new:last-child,
#new_client_modal .radio_container:last-child,
#new_client_modal .radio_container_add_new:last-child,
#new_project_modal .radio_container:last-child,
#new_project_modal .radio_container_add_new:last-child,
#new_task_modal .radio_container:last-child,
#new_task_modal .radio_container_add_new:last-child {
    float: right
}

#add_person_modal .radio_container_add_new,
#edit_project_modal .radio_container_add_new,
#duplicate_project_modal .radio_container_add_new,
#new_client_modal .radio_container_add_new,
#new_project_modal .radio_container_add_new,
#new_task_modal .radio_container_add_new {
    padding-top: 0
}

#add_person_modal .custom_edit_footer1,
#edit_project_modal .custom_edit_footer1,
#duplicate_project_modal .custom_edit_footer1,
#new_client_modal .custom_edit_footer1,
#new_project_modal .custom_edit_footer1,
#new_task_modal .custom_edit_footer1 {
    text-align: right
}

#add_person_modal .custom_edit_footer1 .update_edit_timar,
#edit_project_modal .custom_edit_footer1 .update_edit_timar,
#duplicate_project_modal .custom_edit_footer1 .update_edit_timar,
#new_client_modal .custom_edit_footer1 .update_edit_timar,
#new_project_modal .custom_edit_footer1 .update_edit_timar,
#new_task_modal .custom_edit_footer1 .update_edit_timar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66b746), color-stop(1, #28880a));
    background: -moz-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -webkit-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -o-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: -ms-linear-gradient(top, #66b746 5%, #28880a 100%);
    background: linear-gradient(to bottom, #66b746 5%, #28880a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66b746', endColorstr='#28880a', GradientType=0);
    background-color: #66b746;
    border: none;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    height: 35px;
    padding: 0 15px;
    color: #fff
}

#duplicate_project_modal .regular-radio,
#edit_project_modal .regular-radio,
#new_client_modal .regular-radio,
#new_project_modal .regular-radio,
#new_task_modal .regular-radio {
    display: none
}

#add_person_modal .regular-radio+label,
#duplicate_project_modal .regular-radio+label,
#edit_project_modal .regular-radio+label,
#new_client_modal .regular-radio+label,
#new_project_modal .regular-radio+label,
#new_task_modal .regular-radio+label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative
}

#add_person_modal .regular-radio:checked+label:after,
#edit_project_modal .regular-radio:checked+label:after,
#duplicate_project_modal .regular-radio:checked+label:after,
#new_client_modal .regular-radio:checked+label:after,
#new_project_modal .regular-radio:checked+label:after,
#new_task_modal .regular-radio:checked+label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
    text-shadow: 0;
    left: 3px;
    font-size: 32px
}

#add_person_modal .regular-radio:checked+label,
#edit_project_modal .regular-radio:checked+label,
#duplicate_project_modal .regular-radio:checked+label,
#new_client_modal .regular-radio:checked+label,
#new_project_modal .regular-radio:checked+label,
#new_task_modal .regular-radio:checked+label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)
}

#add_person_modal .regular-radio+label:active,
#add_person_modal .regular-radio:checked+label:active,
#edit_project_modal .regular-radio+label:active,
#edit_project_modal .regular-radio:checked+label:active,
#duplicate_project_modal .regular-radio+label:active,
#duplicate_project_modal .regular-radio:checked+label:active,
#new_client_modal .regular-radio+label:active,
#new_client_modal .regular-radio:checked+label:active,
#new_project_modal .regular-radio+label:active,
#new_project_modal .regular-radio:checked+label:active,
#new_task_modal .regular-radio+label:active,
#new_task_modal .regular-radio:checked+label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

#add_person_modal .graph_calender .ui-datepicker-calendar,
#edit_project_modal .graph_calender .ui-datepicker-calendar,
#new_client_modal .graph_calender .ui-datepicker-calendar,
#new_project_modal .graph_calender .ui-datepicker-calendar,
#new_task_modal .graph_calender .ui-datepicker-calendar {
    display: none
}

#add_person_modal .modal-dialog,
#edit_project_modal .modal-dialog,
#duplicate_project_modal .modal-dialog,
#new_client_modal .modal-dialog,
#new_project_modal .modal-dialog,
#new_task_modal .modal-dialog {
    width: 330px
}

@media (max-width:480px) {

    #add_person_modal .modal-dialog,
    #edit_project_modal .modal-dialog,
    #duplicate_project_modal .modal-dialog,
    #new_client_modal .modal-dialog,
    #new_project_modal .modal-dialog,
    #new_task_modal .modal-dialog {
        width: 305px
    }
}

#add_person_modal .modal-backdrop.in,
#edit_project_modal .modal-backdrop.in,
#duplicate_project_modal .modal-backdrop.in,
#new_client_modal .modal-backdrop.in,
#new_project_modal .modal-backdrop.in,
#new_task_modal .modal-backdrop.in {
    opacity: 1 !important
}

#add_person_modal .modal-content,
#edit_project_modal .modal-content,
#duplicate_project_modal .modal-content,
#new_client_modal .modal-content,
#new_project_modal .modal-content,
#new_task_modal .modal-content {
    border-radius: 4px;
    box-shadow: none
}

#add_person_modal .modal-content .modal-header,
#edit_project_modal .modal-content .modal-header,
#duplicate_project_modal .modal-content .modal-header,
#new_client_modal .modal-content .modal-header,
#new_project_modal .modal-content .modal-header,
#new_task_modal .modal-content .modal-header {
    padding: 13px 25px;
    background: #fefeff;
    background: -webkit-linear-gradient(#fff, #f3f4f8);
    background: -o-linear-gradient(#fff, #f3f4f8);
    background: -moz-linear-gradient(#fff, #f3f4f8);
    background: linear-gradient(#fff, #f3f4f8);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#add_person_modal .modal-content .modal-header .modal-title,
#edit_project_modal .modal-content .modal-header .modal-title,
#duplicate_project_modal .modal-content .modal-header .modal-title,
#new_client_modal .modal-content .modal-header .modal-title,
#new_project_modal .modal-content .modal-header .modal-title,
#new_task_modal .modal-content .modal-header .modal-title {
    text-align: left;
    font-size: 15px;
    font-weight: 600
}

#add_person_modal .modal-content .modal-header .close,
#edit_project_modal .modal-content .modal-header .close,
#duplicate_project_modal .modal-content .modal-header .close,
#new_client_modal .modal-content .modal-header .close,
#new_project_modal .modal-content .modal-header .close,
#new_task_modal .modal-content .modal-header .close {
    color: #354052;
    opacity: 1;
    margin-top: 0
}

#add_person_modal .modal-content .modal-header .close:focus,
#edit_project_modal .modal-content .modal-header .close:focus,
#duplicate_project_modal .modal-content .modal-header .close:focus,
#new_client_modal .modal-content .modal-header .close:focus,
#new_project_modal .modal-content .modal-header .close:focus,
#new_task_modal .modal-content .modal-header .close:focus {
    outline: 0
}

#add_person_modal .modal-content .modal-body,
#edit_project_modal .modal-content .modal-body,
#duplicate_project_modal .modal-content .modal-body,
#new_client_modal .modal-content .modal-body,
#new_project_modal .modal-content .modal-body,
#new_task_modal .modal-content .modal-body {
    padding: 25px !important
}

#add_person_modal .modal-content .modal-body #label_new_task_modal,
#add_person_modal .modal-content .modal-body .label_styles,
#edit_project_modal .modal-content .modal-body #label_new_task_modal,
#edit_project_modal .modal-content .modal-body .label_styles,
#duplicate_project_modal .modal-content .modal-body #label_new_task_modal,
#duplicate_project_modal .modal-content .modal-body .label_styles,
#new_client_modal .modal-content .modal-body #label_new_task_modal,
#new_client_modal .modal-content .modal-body .label_styles,
#new_project_modal .modal-content .modal-body #label_new_task_modal,
#new_project_modal .modal-content .modal-body .label_styles,
#new_task_modal .modal-content .modal-body #label_new_task_modal,
#new_task_modal .modal-content .modal-body .label_styles {
    margin-bottom: 7px
}

#add_person_modal .modal-content .modal-body #new_task,
#add_person_modal .modal-content .modal-body .input_style,
#edit_project_modal .modal-content .modal-body #new_task,
#duplicate_project_modal .modal-content .modal-body #new_task,
#edit_project_modal .modal-content .modal-body .input_style,
#duplicate_project_modal .modal-content .modal-body .input_style,
#new_client_modal .modal-content .modal-body #new_task,
#new_project_modal .modal-content .modal-body #new_task,
#new_project_modal .modal-content .modal-body .input_style,
#new_task_modal .modal-content .modal-body #new_task,
#new_task_modal .modal-content .modal-body .input_style {
    height: 35px;
    border-color: #e1e1e1;
    box-shadow: none;
    color: #354052;
    font-weight: 600
}

#add_person_modal .modal-content .modal-body #details,
#edit_project_modal .modal-content .modal-body #details,
#duplicate_project_modal .modal-content .modal-body #details,
#new_client_modal,
#edit_client_modal .modal-content .modal-body #details,
#new_project_modal .modal-content .modal-body #details,
#new_task_modal .modal-content .modal-body #details {
    resize: none;
    border-color: #e1e1e1;
    box-shadow: none;
    color: #354052;
    font-weight: 600
}

@media (max-width:768px) {

    #add_person_modal .modal-content .modal-body,
    #edit_project_modal .modal-content .modal-body,
    #duplicate_project_modal .modal-content .modal-body,
    #new_client_modal,
    #edit_client_modal .modal-content .modal-body,
    #new_project_modal .modal-content .modal-body,
    #user_project_modal .modal-content .modal-body,
    #new_task_modal .modal-content .modal-body {
        padding: 20px 10px !important
    }
}

#add_person_modal .modal-sm-fixed,
#edit_project_modal .modal-sm-fixed,
#duplicate_project_modal .modal-sm-fixed,
#new_client_modal,
#edit_client_modal .modal-sm-fixed,
#new_project_modal .modal-sm-fixed,
#new_task_modal .modal-sm-fixed {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    overflow-x: hidden
}

@media (min-width:768px) {

    #add_person_modal .modal-sm-fixed,
    #edit_project_modal .modal-sm-fixed,
    #duplicate_project_modal .modal-sm-fixed,
    #new_client_modal,
    #edit_client_modal .modal-sm-fixed,
    #new_project_modal .modal-sm-fixed,
    #new_task_modal .modal-sm-fixed,
    #user_project_modal .modal-sm-fixed {
        width: 330px
    }
}

@media (max-height:680px) {

    #add_person_modal .modal-sm-fixed,
    #edit_project_modal .modal-sm-fixed,
    #duplicate_project_modal .modal-sm-fixed,
    #new_client_modal,
    #edit_client_modal .modal-sm-fixed,
    #new_project_modal .modal-sm-fixed,
    #new_task_modal .modal-sm-fixed,
    #user_project_modal .modal-sm-fixed {
        top: 5%;
        transform: translate(-50%, 0);
        height: 95%;
        overflow-y: auto
    }
}

#edit_project_modal #modal_body_padding,
#duplicate_project_modal #modal_body_padding,
#new_project_modal #modal_body_padding,
#user_project_modal #modal_body_padding {
    padding: 15px 25px !important
}

#edit_project_modal .modal-content,
#new_project_modal .modal-content,
#duplicate_project_modal .modal-content {
    overflow-y: scroll;
    margin-right: -17px
}

#edit_project_modal .slideThree,
#duplicate_project_modal .slideThree,
#new_project_modal .slideThree {
    margin-top: 5px
}

#edit_project_modal .form-group,
#duplicate_project_modal .form-group,
#new_project_modal .form-group {
    margin-bottom: 10px
}

#edit_project_modal .label_reduce_size,
#duplicate_project_modal .label_reduce_size,
#new_project_modal .label_reduce_size {
    font-size: 11px;
    text-align: center
}

#edit_project_modal #budget,
#duplicate_project_modal #budget,
#new_project_modal #budget,
#duplicate_project_modal #budgetd {
    margin-bottom: 5px
}

#edit_project_modal #newclientbtn,
#duplicate_project_modal #newclientbtn,
#new_project_modal #newclientbtn {
    background: 0 0;
    font-size: 12px;
    display: block;
    padding: 10px 3px 0;
    text-decoration: none;
    cursor: pointer
}

#edit_project_modal .permission_label.span_right,
#duplicate_project_modal .permission_label.span_right,
#new_project_modal .permission_label.span_right {
    display: block;
    padding: 5px 3px 0;
    color: #b3b3b3
}

#edit_project_modal .date_div,
#duplicate_project_modal .date_div,
#new_project_modal .date_div {
    width: 40%;
    display: inline-block
}

#edit_project_modal .date_div.date_div_right,
#duplicate_project_modal .date_div.date_div_right,
#new_project_modal .date_div.date_div_right {
    float: right
}

#edit_project_modal .span_or_date,
#duplicate_project_modal .span_or_date,
#new_project_modal .span_or_date {
    padding: 0 16px
}

#edit_project_modal #notes,
#new_project_modal #notes,
#duplicate_project_modal #notes {
    resize: none;
    border-color: #e1e1e1;
    box-shadow: none;
    color: #354052;
    font-weight: 600
}

#project_timeline_container {
    margin-top: 55px
}

#task_graph {
    width: 80%;
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
    align-content: space-around
}

#task_graph .graph-hover {
    height: 30px;
    position: relative
}

#task_graph .task-last {
    background-color: transparent
}

#task_graph .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

#task_graph .tooltiptext {
    min-width: 80px;
    background-color: #323a45;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    padding: 10px 15px;
    font-size: 11px;
    border-radius: 5px;
    top: -41px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    z-index: 1
}

#task_graph .tooltiptext .toolarrow {
    position: relative
}

#task_graph .tooltiptext .toolarrow:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: solid 10px #323a45;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent
}

#task_graph .tooltiptext.opacity {
    opacity: 0
}

#task_graph .tooltip:hover .tooltiptext {
    visibility: visible
}

.overview-container .activecards {
    margin: 55px 10px 0
}

.overview-container .activecards .card {
    min-height: 160px;
    border-radius: 4px;
    padding: 20px;
    background-color: #36af46;
    color: #fff;
    margin-bottom: 20px
}

.overview-container .activecards .card .card-content {
    font-size: 14px;
    margin-bottom: 10px;
    word-break: break-all
}

.overview-container .activecards .card .custom-label {
    opacity: .7
}

.overview-container .activecards .noactivecards {
    background-color: #354052;
    color: #fff;
    border-radius: 4px;
    padding: 20px
}

.overview-container .activecards .noactivecards .noactivetext {
    font-size: 24px;
    text-align: center
}

@media (min-width:768px) {
    .overview-container .activecards .col-sm-3.custom-width {
        width: 20%
    }
}

.container_overview .view_all {
    color: #354052
}

.container_overview .view_all .fig_blue {
    color: #14a1f1
}

.container_overview .dash_left .team_btn_drop {
    background: 0 0;
    font-family: inherit;
    color: #14a1f1;
    font-weight: 600;
    padding-left: 3px;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none
}

.container_overview .dash_left .team_btn_option li a {
    cursor: pointer
}

.overview-container .activecards .cardd {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px
}

.overview-container .activecards .cardd .image-name {
    position: relative
}

.overview-container .activecards .cardd .image-name .display-picture {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 180px
}

.overview-container .activecards .cardd .image-name .name {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.overview-container .activecards .cardd .image-name .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    opacity: .7;
    background: -moz-linear-gradient(top, rgba(53, 64, 82, 0) 0, #354052 100%);
    background: -webkit-linear-gradient(top, rgba(53, 64, 82, 0) 0, #354052 100%);
    background: linear-gradient(to bottom, rgba(53, 64, 82, 0) 0, #354052 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00354052', endColorstr='#354052', GradientType=0)
}

.overview-container .activecards .cardd .info {
    color: #fff;
    background-color: #36af46
}

.overview-container .activecards .cardd .info .first-half {
    padding: 15px 20px
}

.overview-container .activecards .cardd .info .first-half .card-content {
    margin-bottom: 8px;
    font-size: 13px;
    word-break: break-all
}

.overview-container .activecards .cardd .info .first-half .card-content .custom-label {
    opacity: .7
}

.overview-container .activecards .cardd .info .first-half .card-content .more {
    cursor: pointer
}

.overview-container .activecards .cardd .info .first-half .card-content .more .morecontent span {
    display: none
}

.overview-container .activecards .cardd .info .first-half .card-content .more .morelink {
    display: block
}

.overview-container .activecards .cardd .info .first-half .card-content .more .morelinkcontent {
    color: #fff
}

.overview-container .activecards .cardd .info .first-half .card-content .more .morelinkcontent:focus,
.overview-container .activecards .cardd .info .first-half .card-content .more .morelinkcontent:hover {
    text-decoration: none
}

.overview-container .activecards .cardd .info .first-half .card-content:last-child {
    margin-bottom: 0
}

.overview-container .activecards .cardd .info .second-half {
    border-top: 1px solid rgba(255, 255, 255, .4);
    padding: 15px 0;
    margin: 0 20px
}

.overview-container .activecards .cardd .info .second-half .time-text {
    margin-top: 4px;
    opacity: .7
}

.overview-container .activecards .cardd .info .second-half .time-fig {
    text-align: right;
    font-size: 18px
}

.overview-container .activecards .list_panel .list_group {
    max-width: 900px;
    margin: 0 auto 5px;
    cursor: pointer
}

.overview-container .activecards .list_panel .panel-default .panel-heading {
    background-color: #fff
}

.overview-container .activecards .list_panel .panel-default .panel-heading .panel-title {
    font-weight: 600
}

.overview-container .activecards .list_panel .panel-default .panel-heading .panel-time {
    text-align: right
}

.overview-container .activecards .list_panel .panel-default .panel-body .list-content-list {
    padding-bottom: 10px;
    font-size: 13px;
    word-break: break-all
}

.overview-container .activecards .list_panel .panel-default .panel-body .list-content-list-desc {
    font-size: 13px;
    word-break: break-all
}

.overview-container .activecards .list_panel .panel-default .panel-body .light_color_span {
    opacity: .7
}

.overview-container .activecards.hide_grid_view .grid_cover,
.overview-container .activecards.hide_list_view .list_panel {
    display: none !important
}

@media screen and (max-width:767px) {

    .projects_lists .first_row,
    .tabs_reports .first_row {
        display: none !important
    }

    .projects_lists table,
    .tabs_reports table {
        border: 0
    }

    .projects_lists table thead,
    .tabs_reports table thead {
        display: none
    }

    .projects_lists table tr,
    .tabs_reports table tr {
        margin-bottom: 15px;
        display: block
    }

    .projects_lists table tr:after,
    .tabs_reports table tr:after {
        content: "";
        display: table;
        clear: both
    }

    .projects_lists table tr:before,
    .tabs_reports table tr:before {
        display: block;
        border-bottom: 2px solid #ddd
    }

    .projects_lists table td,
    .tabs_reports table td {
        box-sizing: border-box;
        display: block;
        float: left;
        clear: left;
        width: 100%;
        text-align: right !important;
        font-size: 13px;
        border-bottom: 1px dotted #ccc
    }

    .projects_lists table td:last-child,
    .tabs_reports table td:last-child {
        border-bottom: 0
    }

    .projects_lists table td:before,
    .tabs_reports table td:before {
        content: attr(data-label);
        float: left;
        font-weight: 500;
        color: #b3b3b3
    }
}

.chosen-container-single .chosen-default {
    color: #9b9fa8;
}

#new_project_modal .modal-content .modal-body .input_style option:disabled {
    color: #1e63d4;
}

textarea {
    resize: none;
}

#user_project_modal .modal-sm-fixed {
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: auto;
    transition: height 0.3s ease;
}

#new_project_modal .modal-body,
#edit_project_modal .modal-body,
#duplicate_project_modal .modal-body {
    max-height: 700px;
    overflow-y: auto;
    padding: 10px;
}

.modal-footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 1;
}

.container_reports .tabs_reports .nav-tabs .excelcsv {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 20%;
    right: 180px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.container_reports .tabs_reports .nav-tabs #exportxl {
    background-color: #8bdfc0;
    /* Green */
    position: absolute;
    width: 75px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    right: 140px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5px;
}

#new_client_modal .modal-content .modal-body .input_style {
    height: 50px;
    min-width: 280px;
    max-width: 100%;
    transition: width 0.2s ease;
}

#edit_client_modal .modal-content .modal-body .input_style {
    height: 70px;
    min-width: 280px;
    max-width: 100%;
    transition: width 0.2s ease;
}

#client {
    max-width: 300px;
    white-space: nowrap;
    /*Prevent text wrapping */
    overflow: hidden;
    /* Hide overflowing text */
    text-overflow: ellipsis;
    color: pink;
}

.container_reports .tabs_reports .nav-tabs {
    position: relative;
}

.container_reports .tabs_reports .nav-tabs .excel {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 20%;
    right: 90px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

#previousImage,
#imagePreview {
    width: 30%;
    height: 15%;
}

.container_reports .tabs_reports .nav-tabs .dropdown-menu a {
    color: #5a5a65;
    display: block;
    padding: 6px 20px;
    clear: both;
    font-size: 13px;
    line-height: 1.42857143;
    white-space: nowrap;
    font-family: Montserrat !important;
}

.container_reports .tabs_reports .nav-tabs .dropdown {
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: 45px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dropdown-menu .dropdown-item {
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #333;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #f0f0f0;
    border-radius: 4px;
    color: #000;
}

.export-link i {
    margin-right: 1px;
}

.export-link:hover {
    text-decoration: none;
}

.radio_add_person_styled_duplicate {
    display: flex;
    gap: 10px;
    /* Space between the radio buttons */
    align-items: center;
    /* Align vertically centered */
}

.radio_container {
    display: flex;
    align-items: center;
    gap: 5px;
    /* Space between the radio button and its label */
}

.radio_label {
    font-size: 16px;
    cursor: pointer;
    /* Makes the label clickable */
}

#duplicate_project_modal .modal-content {
    margin-right: -17px
}

.input_hours {
    color: #00f
}

.project-input,
.project-cost-input {
    margin-top: 13px;
}

#fiter_section {
    background-color: #efe7e7;
    border-radius: 10px;
    padding: 10px;
}

#fiter_section .chosen-choices {
    width: 80%;
    border-radius: 10px;
}

#filter_btn {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 10px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 150px;
    cursor: pointer;
    border-radius: 10px;
}

#show_archived_items_checkbox {
    margin: 5px;
    padding-left: 150px;
}

#timeframe_chosen {
    background-color: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #ccc;
    font-family: Montserrat !important;
    width: 80% !important;
}

#action-button {
    display: none;
    margin: 10px;
    padding: 10px 15px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#action-button:hover {
    background-color: #0056b3;
}

.project_show_budget_to_all {
    margin-left: 5px;
    color: #5f5757
}

.projectyype {
    margin-top: 14px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: black;
}

.seldrop {
    border-color: #b9b0b0 !important;
    margin: 10px;
    width: 225px;
}

.sdiv {
    border: 1px solid #e1e1e1;
    border-radius: 9px;
}

.pds-input {
    height: 34px;
    margin: 25px 0px 0px 5px;
    border-radius: 6px;
}

.btn-gradient {
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    border: none;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.btn-gradient:hover {
    opacity: 0.8;
}

.approval_button {
    width: 159px;
    margin-top: 11px;
    height: 35px;
    border-radius: 12px;
    background-color: #5a8198;
    color: black;
}

.filter_btn {
    margin: 25px 0px;
    font-size: large;
}

.pds-h5 {
    padding: 5px;
    margin: 10px;
    border-radius: 30px;
    text-align: center;
}


.tabular{
    font-size: 15px;
    color:#000000;
}