/* @import url('https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css'); */

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(fonts/segoeui/segoeui.ttf) format("woff2"), font-weight: 600;
}



i {
    color: #b5b5b5;
}

.orange {
    color: #000;
}

a {
    color: #3276b1;
    text-decoration: none;
}

.mar-btm0 {
    margin-bottom: 0px !important;
}

.default {
    cursor: default;
}

 ::placeholder {
    /* Most modern browsers support this now. */
    color: #bdbdbd !important;
}
 :disabled {
    cursor: not-allowed !important;
}

.black {
    color: #000;
}

.clear {
    clear: both !important;
}

.dashboard.page-header {
    width: 100%;
}

.page-header {
    width: 100%;
}

h1.page-title {
    width: 94%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666 !important;
}

.disabled {
    cursor: not-allowed !important;
}

body {
    color: #666 !important;
    font-family: "Inter", sans-serif;
    font-weight:400;
}

*:focus {
    outline: none !important;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }
    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }
    1% {
        -moz-transform: rotate(30deg);
    }
    3% {
        -moz-transform: rotate(-28deg);
    }
    5% {
        -moz-transform: rotate(34deg);
    }
    7% {
        -moz-transform: rotate(-32deg);
    }
    9% {
        -moz-transform: rotate(30deg);
    }
    11% {
        -moz-transform: rotate(-28deg);
    }
    13% {
        -moz-transform: rotate(26deg);
    }
    15% {
        -moz-transform: rotate(-24deg);
    }
    17% {
        -moz-transform: rotate(22deg);
    }
    19% {
        -moz-transform: rotate(-20deg);
    }
    21% {
        -moz-transform: rotate(18deg);
    }
    23% {
        -moz-transform: rotate(-16deg);
    }
    25% {
        -moz-transform: rotate(14deg);
    }
    27% {
        -moz-transform: rotate(-12deg);
    }
    29% {
        -moz-transform: rotate(10deg);
    }
    31% {
        -moz-transform: rotate(-8deg);
    }
    33% {
        -moz-transform: rotate(6deg);
    }
    35% {
        -moz-transform: rotate(-4deg);
    }
    37% {
        -moz-transform: rotate(2deg);
    }
    39% {
        -moz-transform: rotate(-1deg);
    }
    41% {
        -moz-transform: rotate(1deg);
    }
    43% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    60% {
        transform: scale(1.3);
        opacity: 0.4;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.navbar-brand.escalon-logo-mid {
    float: none !important;
    text-align: center !important;
}

.navbar-brand.escalon-logo-mid .navbar-brand-logo {
    height: 38px;
}

.ebs-brand-logo {
    height: 38px!important;
    position: absolute;
    left: 50px;
}

.brand-logo-eg {
    height: 30px!important;
    position: absolute;
    left: 50px;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

span.badge-pulse {
    background: #fe195e;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(254, 25, 94, .4);
    animation: BadgePulse 1.8s infinite;
}

.pulsate-badge {
    display: inline-block;
    background-color: #ff6666;
    border-radius: 50%;
    color: #fff;
    top: -13px !important;
    position: relative;
    margin-top: 11px !important;
}

.bell-notificationpdd0 {
    padding-bottom: 0px !important;
}

.pulsate::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: pulse 1s ease infinite;
    animation: pulse 1s ease infinite;
    border-radius: 50%;
    border: 4px double#ff6666;
}

.swing {
    transform-origin: top center;
    animation-name: swing;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}
.team-transition-font{
    font-size: 13px !important;
}

.la-bell::before {
    content: "\f140";
}

.icon.bell-font {
    font-size: 21px !important;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

 ::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.page-content {
    clear: both !important;
    min-height:440px;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none !important;
}

.responsive {
    width: 100%;
    max-width: 251px;
    height: auto;
}

.eg-login-logo {
    max-width: 355px;
}

.hub-mail-logo {
    height: 70px !important;
}

h3 {
    color: #666 !important;
}

.row.white-background {
    background-color: #fff;
}

.foot-sidebar {
    padding-left: 12px;
    line-height: 65px;
}

.hamburger {
    font-size: 17px !important;
}

.nav_redo_border_left li {
    border-right: 1px solid #e8e8e8;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-container.container-fluid {
    padding-left: 0rem !important;
}

.nav_redo_border_right li {
    border-right: 1px solid #e8e8e8;
    padding-left: 10px;
    padding-right: 10px;
}

.nav_redo_border_right li.last {
    border-right: none !important;
}

.site-menubar-unfold .site-navbar .navbar-brand-logo.sitelogonone {
    display: none;
}

.site-menubar-fold.site-menubar-hover .site-navbar .sitelogonone {
    display: none;
}

.tophead-tabl {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #f7f7f7;
    overflow: hidden;
}

p.calendar-head {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 5px 11px
}

.list_poptext_shh {
    border: 1px solid #eee;
    margin-bottom: 12px;
    padding: 10px;
}

.information-dash {
    position: absolute;
    left: 0;
}

.information-dash i {
    color: #a0a0a0;
}

.progress-thead {
    width: 12%;
}

.dash-time {
    color: #8fb190;
}

.progress-thead .example {
    margin-top: 5px;
    margin-bottom: 5px;
}

.opentask-tblopn {
    height: 522px !important;
}

.navbar-default .navbar-toggler {
    color: #757575 !important;
}

.thead-bgcolor {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 5px 11px;
}

.fc-today-button.fc-state-default {
    background-color: #f7813d !important;
    border: none !important;
    color: #fff !important;
    padding: 1px 6px !important;
    text-align: center !important;
    font-size: 14px !important;
    margin: 0px !important;
    opacity: 1 !important;
    transition: 0.3s !important;
    cursor: pointer !important;
    background-image: -moz-linear-gradient(top, #f7813d, #f7813d) !important;
    text-shadow: 0 1px 1px #f7813d !important;
    box-shadow: inset 0 1px 0 #f7813d, 0 1px 2px #f7813d !important;
}

.dashboard.page-header.h-300.mb-30 .font-size-50.blue-grey-800 {
    padding-top: 29px;
}

.legendset ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.legendset ul li {
    display: inline-block;
    padding-top: 10px;
    margin-right: 59px;
    margin-right: 24px !important;
}

.legendset ul li span.leave {
    background-color: rgb(172, 82, 135);
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.legendset ul li span.holiday {
    background-color: #be4bdb;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.legendset ul li span.futureTask {
    background-color: #a5daf5;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 5px;
    margin-left: 5px;
}

html[xmlns*=""] body:last-child.legendset ul li span.futureTask {
    background-color: #a5daf5;
    width: 15px;
    height: 15px;
    float: none !important;
    margin-top: -10px;
    margin-left: 5px;
    position: absolute;
    right: 259px;
}

.legendset ul li span.totalEstimatedHrs {
    background-color: #f5cf82;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.legendset ul li span.botTasks {
    background-color: #f2f2f2;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.legendset ul li span.optionalHoliday {
    background-color: #3ad437;
    width: 15px;
    height: 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}


/*-------------------------- Start Status color ---------------------------*/

.ticket_status {
    width: 12px;
    height: 12px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    border-radius: 0px !important;
}

.ticket_status_new {
    background-color: #ff6f69;
}

.ticket_status_working {
    background-color: #ffcc5c;
}

.ticket_status_closed {
    background-color: #88d8b0;
}

.status-active {
    background-color: #739e73;
}

.status-block {
    background-color: #c46a69;
}

.status-archive {
    background-color: #f68634;
}

.template-flag {
    border-left: 2px solid #3276b1 !important;
    position: relative;
    top: 9px;
    left: -15px;
}

.client_in_talk {
    background-color: #fff28c;
}

.client_not_setup {
    background-color: #e9d109;
}

.client_in_process {
    background-color: #9cda9c;
}

.client_termination_in_process {
    background-color: #fd9191;
}

.client_completed {
    background-color: #739e73;
}

.invoice_line_verified {
    background-image: url(../images/review-invoice-icons/check-mark.png);
    width: 25px !important;
    background-repeat: no-repeat;
    height: 20px !important;
}

.client_on_hold {
    background-color: #ffbc8b;
}

.invoice_line_not_verified {
    background-image: url(../images/review-invoice-icons/check-orange.png);
    width: 25px !important;
    background-repeat: no-repeat;
    height: 20px !important;
}

.client_sent_to_collection_agency {
    background-color: #f58b3f;
}

.client_terminated,.cil_discard {
    background-color: #fb6666;
}
.cil_closed {
    background-color: #098843;
}
.cil_open {
    background-color: #f8cd24;
}
.user_active {
    background-color: #739e73;
}

.user_blocked {
    background-color: #c46a69;
}

.user_archived {
    background-color: #f68634;
}

.client_all {
    background-color: #72706f;
}

.user_all {
    background-color: #72706f;
}

.all {
    background-color: #72706f;
}

.status-terminated {
    background-color: #c46a69;
}

.dependent-tickid {
    background-color: #e5ebed;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 500px;
    max-width: 100%;
    margin-bottom: 21px !important;
}

.client_search_in_process {
    color: #9cda9c !important;
}

.client_search_completed {
    color: #739e73 !important;
}

.client_search_on_hold {
    color: #ffbc8b !important;
}

.client_search_terminated {
    color: #fb6666 !important;
}

.client_search_in_talk {
    color: #fff28c !important;
}

.client_search_not_setup {
    color: #e9d109 !important;
}

.client_search_sent_to_collection_agency {
    color: #f58b3f !important;
}

.client_search_termination_in_process {
    color: #fd9191 !important;
}


/*-------------------------- End Status color ---------------------------*/

#square-red-blocked {
    width: 7px;
    height: 7px;
    background: #bf6a67;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    text-align: center;
}

.user-list-pagination {
    margin-top: 10px;
    padding-bottom: 10px;
}

.user-list-pagination ul li.arrow-pdd {
    padding-top: 7px;
}

.user-list-pagination ul li.arrow-pdd-cd {
    padding-top: 4px;
}

.user-list-pagination ul li a {
    color: #3276b1 !important;
    cursor: pointer;
}

.user-list-pagination ul li input {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
    height: 23px;
    padding-top: 10px;
}

.note-popover .popover-content>.btn-group,
.panel-heading.note-toolbar>.btn-group {
    margin-top: 5px !important;
    margin-right: 2px !important;
    margin-left: 0 !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.user-information-dropdown {
    margin-left: -170px !important;
}

.add-new-plus {
    background-color: #f7813d;
    border: none;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer;
    height: 30px;
    color: #fff !important;
    font-style: normal;
}

.add-new-plus i {
    color: #fff;
}

.user-information-icon i {
    font-size: 1.43rem !important;
    padding-right: 0px !important;
}

.user-information-icon i.setup-caret-fa {
    font-size: 12px !important;
}

.user-information-icon {
    margin-top: -7px;
}

.user-invoicehours-icon {
    padding-top: 15px;
}

.topsearch#content {
    position: absolute;
    height: 50px;
    width: 50px;
    margin-left: 254px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 15px;
}

.topsearch #content.on {
    -webkit-animation-name: in-out;
    animation-name: in-out;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.topsearch input {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    background: none;
    color: #b5b5b5;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.topsearch .search {
    background: none;
    position: absolute;
    top: 0px;
    left: 0;
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.topsearch .search:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #b5b5b5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 14px;
    margin-left: 23px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.topsearch .close {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.topsearch .close:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 4px;
    margin-top: -1px;
    margin-left: -13px;
    background-color: #b5b5b5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.topsearch .close:after {
    content: "";
    position: absolute;
    width: 27px;
    height: 4px;
    background-color: #b5b5b5;
    margin-top: -1px;
    margin-left: -13px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.topsearch .square {
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    width: 300px;
    height: 50px;
    border: 4px solid #b5b5b5;
    border-radius: 0;
    background: none;
    color: #b5b5b5;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s, 0s, 0.4s;
    transition-delay: 0.4s, 0s, 0.4s;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.userlist-search {
    margin-top: 0px !important;
}

.userlist-search i {
    cursor: pointer;
}

.toggle-element .switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 25px;
}

.toggle-element .switch input {
    display: none;
}

.toggle-element .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #739e73;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-element .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.ticket-list-custommrg {
    margin-left: -41px !important;
}

.toggle-element input:checked+.slider {
    background-color: #c46a69;
}

.email-to-user label {
    width: 100%;
}

.toggle-element input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggle-element input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.toggle-element .slider.round {
    border-radius: 34px;
}

.toggle-element .slider.round:before {
    border-radius: 50%;
}

.email-toggle h4 {
    float: left;
    margin-left: -7px !important;
}

.switch-email-user {
    float: right;
}

.email-toggle {
    padding: 13px 13px 13px 20px;
}

.email-to-user {
    padding: 13px;
}

.btn.hvr-shadow.share-filebtn-nobg:hover {
    box-shadow: 0 0px 0px 0px rgba(100, 254, 255, 255) !important;
}

.btn.hvr-shadow:hover,
.btn.hvr-shadow:focus,
.btn.hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
}

.foot-button {
    padding-left: 13px;
    padding-bottom: 13px;
}

p.notification-message {
    overflow-wrap: break-word;
    margin-bottom: 0rem !important;
    padding-left: 5px;
}

.media-heading-not {
    color: #3276b1;
}
 
.tasklist-weak-row {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    margin-bottom: 13px;
}
.das-edit-action .team-edit-ellipse .user-invoicehours-icon i {
    font-size: 20px !important;
    margin-top: 6px !important;
}
.user-invoicehours-icon {
    padding-top: 15px;
}
ul.weak-list {
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0rem !important;
}

ul.weak-list li {
    float: left;
    margin-right: 20px;
    padding: 7px 8px;
}

ul.weak-list li a {
    color: #666 !important;
}

ul.weak-list li a:hover {
    color: #3276b1 !important;
}

ul.weak-list li.active {
    background-color: #eee !important;
}

.arrow-list {
    list-style: none;
    padding-right: 10px !important;
    margin-top: 7px;
    margin-bottom: 0px !important;
    padding-top: 10px;
}

ul.arrow-list li {
    float: left;
    padding-left: 16px;
}

ul.arrow-list li a {
    border: 2px solid #f4f4f4;
    padding: 8px 12px;
}

.progress-task-list {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: auto !important;
}

.timer-dtl-icon {
    color: #e1e1e1;
}

.running-clock {
    background: url(../images/clock.gif) no-repeat scroll 0 0/21px 21px rgba(0, 0, 0, 0);
    background-size: 21px 21px;
    display: block;
    float: left;
    height: 22px;
    margin: 1px 0 0 2px;
    width: 25px;
    background-size: contain;
}

#dtl-high-priority {
    width: 0;
    height: 0;
    border-top: 30px solid #c46a69;
    border-right: 30px solid transparent;
    margin-left: 0px;
    margin-top: -45px;
}

.priority {
    margin-left: -15px;
    margin-top: -7px;
    border-right: 22px solid transparent;
    width: 0;
    height: 0;
}

.resource-priority {
    margin-left: -10px;
    margin-top: -7px;
    border-right: 22px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
}

.dtl-high-priority {
    border-top: 18px solid #c46a69;
}

.dtl-completed {
    border-top: 18px solid #739e73;
}

.dtl-medium-priority {
    border-top: 18px solid #f68634;
}

.dtl-low-priority {
    border-top: 18px solid #f4df2d;
}

.ticket-priority {
    margin-left: -10px;
    border-right: 22px solid transparent;
    width: 0;
    height: 0;
}

.ticket_high_priority {
    border-top: 16px solid #c46a69;
}

.ticket_completed {
    border-top: 18px solid #292b29;
}

.ticket_medium_priority {
    border-top: 18px solid #f68634;
}

.ticket_low_priority {
    border-top: 18px solid #f4df2d;
}

.dtl-table-sawstip td span {
    padding: 10px 0px !important;
}

.dtl-table-sawstip td span i {
    font-size: 18px !important
}

.dtl-table-sawstip tbody tr {
    border-bottom: 1px solid #f4f4f4;
}

.resource-top-headright {
    padding-right: 0px !important;
}

.dtl-top-headright {
    padding-right: 34px !important;
    width: auto !important;
}

.arrow-display {
    display: none !important;
}

.invoice-form {
    display: inline-block;
}

.button-bg {
    background-color: #f7813d;
    color: #fff;
    border: 1px solid #f7813d;
    cursor: pointer;
}

.button-hours input {
    padding-bottom: 5px;
    padding-top: 3px;
}

.invoice-form-group {
    margin-left: 12px;
    width: 206px;
}

.invoice-form-btn {
    margin-left: 12px;
}

.invoice-un-verified {
    width: 0;
    height: 0;
    border-top: 30px solid #c46a69;
    border-right: 30px solid transparent;
    margin-left: 0px;
    margin-top: -18px;
}

.invoice-verified {
    width: 0;
    height: 0;
    border-top: 30px solid #c46a69;
    border-right: 30px solid transparent;
    margin-left: 0px;
    margin-top: -18px;
}

.verify {
    margin-left: -10px;
    border-right: 22px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 53px;
}

.invoice-un-verify {
    border-top: 18px solid #c46a69;
}

.invoice-service-list {
    margin-left: 0px;
    padding-left: 0px;
    display: block;
    width: 100%;
    border-right: 1px solid #fff !Important;
}

.invoice-service-list li {
    display: inline-block;
    border: 1px solid #eaeaea;
    padding: 0px 0px !important;
    width: 43px;
    margin-right: 12px !important;
    margin-bottom: 10px !important;
    text-align: center;
}

.invoice-service-list li a {
    padding: 0px !important;
    background-color: #fff !important;
    color: #666 !important;
    border-right-color: #fff !important;
}

.invoice-service-list li a.active {
    background-color: #eaeaea !important;
    border-radius: 0px !important;
    padding: 0px !important;
    border: 0px solid transparent !important;
}

.staff-invoice-hours {
    border-right: 1px solid #eaeaea;
    width: 28%;
}

.invoice-content-sec {
    margin-top: -95px;
}

.invoice-content-secone {
    margin-top: -59px;
}

.team-list-invoice {
    margin-left: 0px;
    padding-left: 0px;
    float: left;
    list-style: none !important;
}

.team-list-invoice li {
    list-style: none !important;
    display: inline-block;
    padding-right: 20px;
}

.invoice-team-associate {
    color: #edd60d;
}

.invoice-team-manager {
    color: #749e6e;
}

.invoice-team-lead {
    color: #f78a4c;
}

.text-bold {
    font-weight: 600;
    color: #877f7f;
}

.select-pdd0 {
    padding-left: 2px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 27px !important;
    font-size: 13px !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff) !important;
}

.team-selectpadd0 {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 27px !important;
    font-size: 13px !important;
    background-color: #fafafa !important;
    border-top: 1px solid #fafafa !important;
    border-left: 1px solid #fafafa !important;
    border-right: 1px solid #fafafa !important;
}

.top-headpdd0 {
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
}

.search-list span.client-filtext {
    color: #f7813d;
}

.invoice-list-unorder ul {
    list-style: none !important;
    float: right;
}

.invoice-list-unorder ul li {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #f4f4f4;
    padding-left: 15px;
}

.invoice-list-unorder ul li.last {
    border-right: 0px solid #fff;
}

#main-list-div .panel {
    overflow: hidden;
}

.tab-infoicon {
    margin-top: -4px;
    margin-left: 11px;
}

.invoice-list-unorder ul li span {
    padding-left: 2px;
}

.invoice-box {
    text-align: left;
    color: #666;
    line-height: 19px;
    padding: 3px 10px;
    height: 28px;
}

.invoice-box h4 {
    padding-left: 18px;
}

.invoice-collapse {
    width: 100%;
}

.nav-link.active {
    background-color: #eee !important;
}

.nav-tabs .nav-link {
    border-top-left-radius: .0rem !important;
    cursor: pointer;
    border-top-right-radius: .0rem !important;
}

.no-padding {
    padding-left: 0px !important;
}

.no-padd-chrome:not(*:root) {
    padding-left: 14px !important;
}

.table-text-right {
    text-align: right !important;
}

.user-assignmrg-top .form-control:disabled span.select2 .select2-selection__rendered {
    padding-left: 4px !important;
}

.daterange-button {
    color: #f7813d;
    border: none;
    color: #fff;
    padding: 1px 6px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    opacity: 1;
    transition: 0.3s;
}

.taskreport-information-icon {
    margin-right: 10px;
}

.range-reportext {
    margin: 0px 0px 8px 2px;
    overflow: hidden;
    display: block;
    float: left;
}

.bonusrange-reportext {
    margin: 7px 0px 8px 2px;
    overflow: hidden;
    display: block;
    float: left;
}

.bonus-select {
    margin-right: 20px;
    margin-top: 3px;
}

.client-budget-arrowup {
    margin-top: -6px;
}

.client-budget-arrowuptwo {
    margin-top: -8px;
}

.get-invoice-bttnmrg {
    padding-right: 8px;
}

.taskreport-information-icon i {
    font-size: 1rem !important;
    color: #f7813d !important;
}

.taskreport-information-icon a.daterange-button {
    color: #f7813d !important;
}

.report-table-sawstip tbody tr {
    border-bottom: 1px solid #f4f4f4;
}

table tr.ticket-attachment-row {
    height: auto !important;
}

.tickettab-text .tab-pane table tbody tr.ticket-attachment-row td.ticket-checkbox-paddattach {
    padding-left: 11px !important;
}

.bulk-upload-content {
    padding-bottom: 13px !important;
    display: block;
}

table tr {
    height: auto !important;
    max-height: 65px !important;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
}

table tr.user-head-tbl {
    height: 39px !important;
    overflow: hidden;
    border-bottom: 0px solid #eaeaea;
    background-color: #f7f7f7 !important;
}

.fc td.fc-widget-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 23px !important;
}

.about-userlist tr {
    height: auto !important;
    overflow: hidden;
    border-bottom: 0px solid #eaeaea;
}

table tr:hover {
    background-color: #f5f5f5 !important;
}

.fc-view-container table tr:hover {
    background-color: #fff !important;
}

.nav-tabs-inverse .tab-content {
    padding-left: 0px !Important;
    overflow: visible !important;
}

.userlist-search .results {
    margin-left: -65px !important;
}

.sidebar-header {
    float: left;
    position: fixed;
    top: 8px;
    left: 0px;
    font-size: 16px;
}

.clientsubbtn_w3_sh i {
    color: #fff !important;
}

.availableCompnies {
    margin-bottom: 15px;
    margin-left: 1px;
    margin-top: 2px;
    padding: 12px;
    width: 100% !important;
    border: 1px solid #f2f2f2 !important;
    padding-left: 0px;
    padding-right: 0px;
}

.busns_srvc_shh h4 {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    margin-left: 14px;
    padding-left: 10px;
    margin-left: -13px;
    margin-right: -12px;
    margin-top: -13px;
    overflow: hidden;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 0;
    float: left;
}

.client-company-isprntsec {
    display: block;
}

table.clientlist_w3_sh tr {
    height: auto !important;
    float: left;
    margin-right: 16px;
    border-bottom: 0px solid #fff;
}

table.clientlist_w3_sh tr:hover {
    background-color: #fff !important;
}

.closeTab {
    cursor: pointer;
}

.clparent_w3_shh {
    overflow: hidden;
}

.busns_srvc_shh p {
    font-size: 12px !important;
    color: #666 !important;
}

.padding-right {
    padding-right: 0px;
}

.padding-top-2 {
    margin-top: 2%;
}

.padding-bottom-2 {
    margin-bottom: 2%;
}

.tab-innercontent {
    padding-top: 2%;
}

.full-width-btn {
    width: 100%;
    display: block;
}

.full-width {
    width: 100%;
    float: left;
}

.white-bg {
    background-color: #fff;
}

.forenderlisttabl-w3sh {
    width: 100%;
}

* html .sidebar-header {
    position: relative !important;
}

* html .modal-header .close span {
    margin-right: 6px;
}

* html .user-profile-sidebar {
    padding-left: 0px !important;
}

* html .modal-sidebar button.close {
    right: 38px !important;
}

*:first-child+html .sidebar-header {
    position: relative !important;
}

*:first-child+html .modal-header .close span {
    margin-right: 6px;
}

*:first-child+html .user-profile-sidebar {
    padding-left: 0px !important;
}

*:first-child+html .modal-sidebar button.close {
    right: 38px !important;
}

@supports (-ms-accelerator: true) {
    .sidebar-header {
        position: relative !important;
    }
}

@supports (-ms-accelerator: true) {
    .modal-header .close span {
        margin-right: 6px;
    }
}

@supports (-ms-accelerator: true) {
    .user-profile-sidebar {
        padding-left: 0px !important;
    }
}

@supports (-ms-accelerator: true) {
    .modal-sidebar button.close {
        right: 38px !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .sidebar-header {
        position: relative !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .modal-header .close span {
        margin-right: 6px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .user-profile-sidebar {
        padding-left: 0px !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .modal-sidebar button.close {
        right: 38px !important;
    }
}

.ie10 .selector {
    .sidebar-header {
        position: relative !important;
    }
    .modal-header .close span {
        margin-right: 6px;
    }
    .user-profile-sidebar {
        padding-left: 0px !important;
    }
}

* html .sidebar-header {
    position: relative !important;
}

*:first-child+html .sidebar-header {
    position: relative !important;
}

.sidebar-header-qbo {
    float: left;
    position: fixed;
    top: 19px;
    left: 9px;
    font-size: 13px;
}

.close {
    font-size: 13px;
}

.sidebar-body-text {
    position: fixed;
    top: 62px;
    left: 8px;
    width: 100%;
    padding-right: 14px;
}

.sidebar-box-content {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.sidebar-box-content>* {
    overflow-wrap: break-word;
}

.notificationDate {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-bottom: 1px;
    padding-top: 0px;
}

.task-detail-bttn {
    background-color: #fff !important;
    border: none !important;
    margin-top: 9px;
}

.user-profile-editbg {
    color: #f7813d !important;
    border-radius: 0px !important;
    padding: 0 9px 5px 9px !important;
    margin-top: 16px !important;
    margin-right: 10px;
}

ul.little-intro-top {
    list-style: none;
    padding-left: 0px;
}

ul.little-intro-top li {
    float: left;
    margin-right: 70px;
}

.num-skp-detail ul.list-group {
    border-bottom: 1px solid #eee;
}

.invoice-calendar-input {
    padding: 10px !important;
    padding-top: 10px;
    height: 29px;
    margin-top: 6px;
    background-color: #fff !important;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 18px !important;
    font-size: 19px;
    border-top: 0px;
    border-left: 0px;
    border-radius: 0px;
}

.cil-date-calendar {
    width: 100% !important;
}

.rinvoice-hours-admin {
    margin-right: -7px;
    margin-top: 2px;
}

.review-admin-tb0 td {
    width: 10%;
}

.review-admin-tb0 th {
    width: 10%;
}

.review-admin-tb0 th a i {
    color: #3276b1;
}

p.panelrev-client-head {
    float: left;
    padding-left: 10px;
}

.review-text {
    float: left;
    padding: 0px;
    color: #666;
    text-align: left;
    margin-left: 0px;
}

.reviewed-button {
    float: right;
}

.reviewed-button-active {
    background-color: #f7813d;
    border-color: #f7813d;
}

.reviewed-button-deactive {
    background-color: #fcb68e;
    border-color: #fcb68e;
    color: #fff;
}

.dtl-table-sawstip td .reviewed-button span {
    padding: 0px !important;
}

.reviewed-button:hover {
    background-color: #fcb68e;
    border-color: #fcb68e;
}

.icon-addaval-btn {
    margin-right: 7px;
}

.invoice-review-select {
    margin-top: -6px !important;
}

i.invoice-hrs-expand {
    padding-top: 17px;
    font-size: 19px;
}

.btn-whitebg {
    background-color: #fff !Important;
    border: 1px solid #e0e0e0;
    color: #666;
}

.btn-whitebg:hover {
    color: #666 !important;
    border: 1px solid #e0e0e0;
}

.share-login-page {
    overflow: hidden;
    min-height: calc(100% - 4px) !important;
    background-image: url(../images/file-sharing.png);
    opacity: 0.9;
}

.syn-bttn {
    margin-top: 10px;
}

.dtl-infomarg0 {
    padding-right: 0px !important;
}

.dtl-infomarg0 div .user-information-icon i {
    padding-right: 0px !important;
}

.dtl-infodrop-mrg0 {
    margin-left: -135px !important;
}

.topnav {
    display: none;
}

.dd-list.nested {
    border: 1px solid #e3e3e3;
    padding: 0 10px;
    margin-bottom: 10px;
}

.dd-list.nested ol {
    padding-left: 0px !important;
}

.mng-right-section div.col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    display: inline-block;
    float: none;
}

.mng-right-section {
    white-space: nowrap;
}

.managersSection {
    padding-left: 0px !important;
    background-color: #fff;
    padding-right: 12px;
}

.team-plus-btn {
    width: 26px;
    height: 27px;
}

.resource-slcsearch-material span span.selection span {
    border-bottom-color: #e0e0e0 !important;
}

.resource-allocationform {
    width: 230px;
    float: right;
}

.filter-dropdown li {
    display: block;
    float: none;
    overflow: hidden;
    padding-right: 10px;
    cursor: pointer;
    padding-left: 6px;
}

.filter-dropdown li a p {
    float: left;
}

.user-list-new-plus {
    width: 28px;
    background-color: #f7813d;
    height: 30px;
    border-radius: 0px;
}

.user-list-new-plus:hover {
    background-color: #f7813d;
}

.input:-internal-autofill-selected {
    background-color: #fff !important;
}

.dropdown-item.user-list-new-plus.add-new-plus {
    background-color: #f7813d !important;
}

.userlist-tabsecrgt .modal-content {
    position: absolute;
    top: 5px;
    min-height: 100%;
    max-height: auto;
    overflow: hidden;
}

.userlist-tabsecrgt .modal-content .modal-body .test-de {
    height: 100%;
}

.userlist-tabsecrgt .modal-content .modal-header h4 {
    left: 0px !important;
}

_:-ms-fullscreen,
 :root .userlist-tabsecrgt .modal-content .modal-header {
    padding: 0px 10px !important;
}

_:-ms-fullscreen,
 :root .modal-sidebar button.close {
    right: 45px !important;
}

_:-ms-fullscreen,
 :root .modal-sidebar button.close {
    top: 27px !important;
}

.userlist-tabsecrgt .modal-content .modal-header {
    padding: 15px 13px 28px 13px !important;
}

.userlist-sidetab {
    width: 153% !Important;
    padding-left: 0px !important;
    background-color: #fff !important;
}

.switch-tabright {
    overflow: hidden;
    display: inline-block;
}

.mng-right-section .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    border-right: 15px solid #fafafa;
}

.mng-right-section .col-xs-3.col-sm-3.col-md-3.col-lg-3.last {
    border-right: 1px solid #fff !Important;
}

.email-title img {
    width: 12% !important;
    margin-left: 13px;
}

.welcome-content {
    background-image: url("images/gozilla_403.gif") repeat;
}

.page-background-white {
    background-color: #fff !important;
}

#divAlertBoxes {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 99999;
}

.alert.alert-dismissible {
    width: 300px;
}

#divAlertBoxes .alertBoxes {
    display: none;
}

@keyframes pop-up {
    0% {
        transform: translateY(80%);
        opacity: 0;
    }
    60% {
        transform: translateY(-10px);
        opacity: 1;
    }
    80% {
        transform: translateY(5px)
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes blink {
    20% {
        transform: scaleY(1);
    }
    25% {
        transform: scaleY(0.1);
    }
    30% {
        transform: scaleY(1);
    }
}

@keyframes blink-fancy {
    0%,
    25%,
    28.33%,
    45%,
    48.33%,
    51.67%,
    93.33%,
    96.67% {
        transform: scaleY(1);
    }
    26.67%,
    46.67%,
    50%,
    95% {
        transform: scaleY(0.1);
    }
}

@keyframes looky-loo {
    0%,
    42.31%,
    50%,
    69.23%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    7.69%,
    23.08% {
        transform: translate3d(-5px, 0, 0);
    }
    26.92%,
    38.46% {
        transform: translate3d(5px, 0, 0);
    }
    53.85%,
    65.38% {
        transform: translate3d(0, -10px, 0);
    }
}

@keyframes looky-loo-ears {
    0%,
    42.31%,
    50%,
    69.23%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    7.69%,
    23.08% {
        transform: translate3d(3px, 0, 0);
    }
    26.92%,
    38.46% {
        transform: translate3d(-3px, 0, 0);
    }
    53.85%,
    65.38% {
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes looky-loo-beard {
    50%,
    69.23%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    53.85%,
    65.38% {
        transform: translate3d(0, -10px, 0);
    }
}

@keyframes cloud-right {
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cloud-left {
    50% {
        transform: translateX(-8px);
    }
    100% {
        transform: translateX(0);
    }
}

circle.blinking-eyes {
    animation: blink-fancy 6s linear infinite;
}

#Dave {
    animation: pop-up 1s ease-in-out 1;
}

#Eyes,
#unibrow,
#moustache,
#Blush {
    animation: looky-loo 13s ease-in-out infinite;
    animation-delay: 2s;
}

#Ears {
    animation: looky-loo-ears 13s ease-in-out infinite;
    animation-delay: 2s
}

#beard-lower,
#beard-innershadow,
#Neck-Innershadow {
    animation: looky-loo-beard 13s ease-in-out infinite;
    animation-delay: 2s;
}

#cloud-right {
    animation: cloud-right 5s ease-in-out infinite;
}

#cloud-left {
    animation: cloud-left 5s ease-in-out infinite;
    animation-delay: 1s
}

#easter-egg {
    opacity: 0;
    transition: all 0.1s ease-in-out;
}

svg:hover #easter-egg {
    opacity: 1;
    transition: all 0.1s ease-in-out;
}

#notfound {
    position: relative;
    height: 65vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 560px;
    width: 100%;
    padding-left: 160px;
    line-height: 1.1;
}

.notfound .notfound-404 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 140px;
    height: 140px;
    background-image: url('../images/emoji.png');
    background-size: cover;
}

.notfound .notfound-404:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    border-radius: 50%;
    background-color: #f2f5f8;
    z-index: -1;
}

.notfound .notfound-503 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 140px;
    height: 140px;
    background-image: url('../images/blank-emoji.png');
    background-size: cover;
}

.notfound .notfound-503:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    border-radius: 50%;
    background-color: #f2f5f8;
    z-index: -1;
}

.no-record-inv-diff .notfound .notfound-404:before {
    content: '';
    position: absolute;
    width: 70%;
    height: 70%;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    border-radius: 50%;
    background-color: #f2f5f8;
    z-index: -1;
    left: 20px;
    top: 20px;
}

.notfound h1 {
    font-family: 'Nunito', sans-serif;
    font-size: 65px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #151723;
    text-transform: uppercase;
}

.notfound h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 21px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    color: #151723;
}

.notfound p {
    font-family: 'Nunito', sans-serif;
    color: #999fa5;
    font-weight: 400;
}

.notfound a {
    font-family: 'Nunito', sans-serif;
    display: inline-block;
    font-weight: 700;
    border-radius: 40px;
    text-decoration: none;
    color: #388dbc;
}

.share-ticketselct-picker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 107px !important;
    margin-top: 10px;
    margin-right: 11px;
    color: #fff !important;
}

.share-ticketselct-picker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button {
    color: #fff !important;
    background-color: #fff !important;
    border: 1px solid #eee;
    margin-top: 0px;
}

.share-ticketselct-picker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button.dropdown-toggle::after {
    color: #666 !important;
}

.share-ticketselct-picker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button .filter-option .filter-option-inner .filter-option-inner-inner {
    color: #666 !important;
}

.share-ticketselct-picker .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) button.active {
    border: 1px solid #e0e0e0;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.form-user-profile {
    width: 100%;
    margin-top: 10px;
}

.form-user-profile label {
    margin-bottom: 0px;
}

.form-user-profile input {
    margin-bottom: 0px;
    height: 2rem !important;
}

.form-user-profile .form-material {
    margin-bottom: 10px !important;
}

.select-userpasswrd button {
    border-bottom: 1px solid #e4eaec !important;
    padding-left: 0px;
}

.filter-dropdownwth {
    width: 207px !important;
}

.datepicker-days table tr {
    height: auto !important;
    border-bottom: 1px solid #fff !important;
}

.project-selector::after {
    display: none !important;
}

.dashboard-listinfo li i {
    color: #fff !important;
    padding-right: 10px;
}

.page-forgot-password {
    background-color: #fafafa
}

.page-forgot-password p {
    color: #9e9e9e
}

.page-forgot-password form {
    width: 250px;
    margin: 30px auto
}

.reset-bttn {
    color: #fff !Important;
}

.page-content.vertical-align-middle.forgot-passwpadd-top {
    padding-top: 150px;
}

.cancel-buttonbg {
    background-color: #fff;
    border: 1px solid #e4eaec;
    color: #666 !important;
}

.cancel-buttonbg.focus,
.cancel-buttonbg.hover,
.cancel-buttonbg:focus,
.cancel-buttonbg:hover {
    background-color: #fff;
    border: 1px solid #e4eaec;
    color: #666 !important;
}

.cancel-buttonbg:not([disabled]):not(.disabled):active:focus,
.cancel-buttonbg:not([disabled]):not(.disabled):active:hover {
    background-color: #fff;
    border: 1px solid #e4eaec;
    color: #666 !important;
}

.review-getinvoicebtn {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.section_schedule_container {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 40%;
    margin-bottom: 0;
    padding: 4px;
    position: absolute;
    width: 360px;
}

#CEM_table tr td a.btn.btn-light {
    background: transparent !important;
    box-shadow: 0 0px 0px 0 #fff !important;
    border-color: transparent !important;
}

#CEM_table tr td button.btn.btn-light:hover {
    box-shadow: 0 0px 0px 0 #fff !important;
    border-color: transparent !important;
}

#CEM_table tr td button.btn.btn-link:hover {
    box-shadow: 0 0px 0px 0 #fff !important;
    border-color: transparent !important;
}

#form-invoicesh .col-md-3 {
    padding-left: 0px !important;
}


/*----------------- Start SVG -----------------*/

svg {
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

#php-tiny {
    -webkit-animation: fall-8 8s ease-in infinite;
    opacity: .5;
    -webkit-animation: fall-10 10s ease-in infinite;
}

#hotel-top {
    -webkit-animation: fall-8 8s ease-in infinite;
    opacity: .5;
}

#left-martini-page {
    -webkit-animation: fall-8 8s ease-in infinite;
    opacity: .5;
}

#top-spa {
    -webkit-animation: fall-7 7s ease-in infinite;
    opacity: .75;
}

#chemistry-big {
    -webkit-animation: fall-12 12s ease-in infinite;
}

#comp-big {
    animation: fall-13 13s ease-in infinite;
    opacity: .5;
}

#martini-bottom {
    animation: fall-12 12s ease-in infinite;
}

#spa-bottom {
    animation: fall-10 10s ease-in infinite;
}

#hotel-bottom {
    -webkit-animation: fall-10 10s ease-in infinite;
    opacity: .25;
}

#error-php {
    -webkit-animation: fall-10 6s ease-in infinite;
    opacity: .25;
}

#bug-php {
    -webkit-animation: fall-10 6s ease-in infinite;
}

#chemistry-little {
    -webkit-animation: fall-8 8s ease-in infinite;
}

#hotel-tiny {
    -webkit-animation: fall-10 10s ease-in infinite;
}

#chemistry-top-right {
    -webkit-animation: fall-10 10s ease-in infinite;
}

#comp-little {
    -webkit-animation: fall-7 7s ease-in infinite;
}

.page-fall2 {
    -webkit-animation: fall-12 12s ease-in infinite;
}

.page-fall3 {
    -webkit-animation: fall-13 13s ease-in infinite;
    opacity: .5;
}

@-webkit-keyframes fall-13 {
    from {
        transform: translateY(-700px);
    }
    to {
        transform: translateY(800px)
    }
}

@-webkit-keyframes fall-7 {
    from {
        transform: translateY(-700px);
    }
    to {
        transform: translateY(800px)
    }
}

@-webkit-keyframes fall-8 {
    from {
        transform: translateY(-700px);
    }
    to {
        transform: translateY(800px)
    }
}

@-webkit-keyframes fall-10 {
    from {
        transform: translateY(-700px);
    }
    to {
        transform: translateY(800px)
    }
}

@-webkit-keyframes fall-12 {
    from {
        transform: translateY(-700px);
    }
    to {
        transform: translateY(800px)
    }
}

.white_page {
    fill: #fff;
}

.dark_gray_page {
    fill: #a9a9a9;
}

.medium_gray {
    fill: #ccc;
}

.light_orange {
    fill: #fca671;
}

.top-martini {
    fill: #fdd2b8;
}

.dark_navy {
    fill: #1b2c3d;
}

.green {
    fill: #a48801;
}

.med-blue {
    fill: #395d6d;
}

.light-blue {
    fill: #e8eaec;
}

.extra-light-o {
    fill: #fce7dc;
}

.extra2-light-o {
    fill: #fff2ea;
}

.navy-light {
    fill: #e4eaec;
}

.light-green {
    fill: #bfac4d;
}

.light-bubbles {
    fill: #e1e7e9;
}

input,
textarea,
select,
button {
    font-size: 13px !important;
}


/*----------------- End SVG -----------------*/

.team-mng-copy {
    padding: 0px 7px !important;
}

.team-mng-copy i {
    font-size: 18px;
    padding: 3px;
}

span.copy-faa {
    float: right;
    margin-left: 10px;
}

.search-topdash input {
    padding: 10px;
    padding-left: 10px;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #b5b5b5 !important;
    border-radius: 0px !important;
    padding-left: 0px;
}

table.client-srvcpopup {
    border: 1px solid #eaeaea;
}

table.client-srvcpopup tr {
    height: auto !important;
}


/*---------------------------- Start Profile ----------------------------*/

.page-profile .card-block {
    padding: 13px 15px;
    background-color: #fff
}

.page-profile .card-footer {
    padding: 10px;
    background-color: #f6f9fd;
    border-top: none
}

.page-profile .card .avatar {
    width: 130px;
    margin-bottom: 10px
}

.page-profile .profile-user {
    margin-bottom: 0px;
    color: #212121
}

.page-profile .departmentname {
    font-size: 12px;
}

.page-profile .profile-job {
    margin-bottom: 0px;
    color: #9e9e9e
}

.page-profile .profile-social {
    margin: 25px 0
}

.page-profile .profile-social .icon {
    margin: 0 10px;
    color: rgba(66, 66, 66, .4)
}

.page-profile .profile-stat-count {
    display: block;
    margin-bottom: 3px;
    color: #616161;
    font-size: 20px;
    font-weight: 100
}

.page-profile .profile-stat-count+span {
    color: #9e9e9e
}

.page-profile .page-content .list-group-item {
    padding: 25px 15px;
    border-top-color: #e0e0e0
}

.page-profile .page-content .list-group-item:first-child {
    border-top: transparent
}

.page-profile .page-content .list-group-item:last-child {
    border-bottom-color: #e0e0e0
}

.page-profile .page-content .list-group-item .media .avatar {
    width: 50px
}

.page-profile .page-content .list-group-item .media small {
    color: #9e9e9e
}

.page-profile .page-content .list-group-item .media-heading {
    font-size: 16px
}

.page-profile .page-content .list-group-item .media-heading span {
    margin-left: 5px;
    color: #757575;
    font-size: 1rem
}

.page-profile .page-content .list-group-item .media .media:first-child {
    border-top: none
}

.page-profile .profile-readMore {
    margin: 40px 0
}

.page-profile .profile-brief {
    margin-top: 20px
}

.page-profile .profile-uploaded {
    float: left;
    max-width: 220px;
    width: 100%;
    max-height: 150px;
    padding: 0 20px 20px 0
}

.profile-email-list {
    list-style: none !important;
    padding-left: 0px !important;
    padding-bottom: 10px;
}

.profile-email-list li {
    display: block;
    margin-right: 12px;
    float: left;
}

.profile-team ul {
    list-style: none !important;
    padding-left: 10px !important;
}

.profile-team li {
    display: inline-block;
    padding: 6px 8px;
}

.profile-team li img {
    width: 48px;
    border-radius: 10000px;
}

.about-userlist {
    list-style: none;
    padding-left: 0px;
}

.about-userlist tr:hover {
    background-color: #fff !important;
}

.nav-tabs-line .nav-link {
    padding-left: 0px !important;
}

.nav-tabs-line .nav-link.active {
    color: #666 !important;
    border-bottom: 2px solid #f7813d !important;
    background-color: #fff !important;
}

.user-edit-profile {
    right: 72px;
}

.userprofile-edit {
    right: 51px;
    font-size: 20px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #fff !important;
}

.select2-container--default .select2-selection {
    border: 1px solid #fff !important;
}

.profile-team-management .select2-container--default .selection span ul {
    padding-left: 0px;
}

select.profile-select2material {
    width: 100% !important;
}

select.profile-select2material.col-lg-12 {
    padding-left: 0px !important;
}

.profile-select2material.col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #e4eaec;
}

.profile-select2material.col-lg-10 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #e4eaec;
}

.btn {
    box-shadow: 0 1px 4px 0 transparent !important;
    padding: 0.2rem 0.5rem !important;
}

.btn-light {
    background-color: transparent !important;
    border-color: transparent !important;
}

.user-bttn-edit {
    margin-right: 10px;
    margin-top: 10px;
}

.error {
    border-bottom: 1px solid red;
}

.col-lg-6.ticket-white-background {
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    width: 49%;
    margin-bottom: 10px;
    min-height: 430px;
}

.pie-chart-ticket {
    list-style: none;
    float: right;
    bottom: 73px;
    position: absolute;
    right: 76px;
}

.pie-chart-ticket ul li {}

.date-range-section.ticket-white-background {
    background-color: #fff;
    display: block;
    z-index: 1;
    position: relative;
    height: 42px;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.designation {
    font-size: 12px;
    color: #9e9c9c;
    clear: both;
    display: block;
    margin-top: -4px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add-droplus {
    margin-left: 14px;
    padding: 4px 0 0 5px !important;
    color: #3276b1 !Important;
}

.add-droplus i {
    padding: 0px;
}

a.team-copyanch {
    color: #3276b1 !Important;
}

.infromation-dropdown ul {
    border: 1px solid #d5d5d5;
    padding-bottom: 5px !important;
    margin-top: -10px !important;
}

img.team-profile-picture {
    width: 36px;
    border-radius: 10000px;
    float: left;
    margin-right: 10px;
}

.team-backgroundwhite {
    background-color: #fafafa;
}

.team-navigation-tab {
    border-bottom: 1px solid #fafafa !important;
}

.ellipse-table {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 109px;
    display: inline-block;
    margin-top: 14px;
}

.footable-toggle.fooicon.fooicon-minus {
    float: right;
    right: 32px;
    position: absolute;
    font-size: 23px !Important;
}

.footable span.fooicon {
    float: right;
    right: 32px;
    position: absolute;
    font-size: 23px !Important;
}

table tr.footable-detail-row {
    border-bottom: 1px solid #fff !important;
}

.footable-details.tbl-clientbudget tbody tr th {
    width: 177px;
}

.tbl-clientbudget tbody tr td table {
    height: 100% !important;
    margin-bottom: 0px;
}

.go-pagination {
    padding-top: 0 !important;
    display: block;
    margin-top: -21px;
    margin-left: 11px;
}

.edit-client-budget {
    padding-top: 14px !important;
    display: block;
}

.responsive-bttnmrg0 {
    margin-left: 10px;
}

.fc-widget-header table thead tr {
    height: auto !important;
}

.dashboard.page-header {
    background-image: url("../images/dashboard2-header.jpg");
    background-size: cover;
    background-position: 131px;
}


/* --------------------------- End Profile ----------------------------- */

.teamng-panel-body {
    background-color: #fafafa;
}

.teamng-panel-body .nav-tabs-inverse .tab-content.taskreport-content-accordian {
    background-color: #fafafa;
    ;
}

#primary_nav_wrap .infromation-dropdown li i {
    padding-right: 0px !important;
    padding-top: 8px;
}


/* --------------------------- start teammng ----------------------------- */

.teammanag-scroll {
    width: 98% !important;
    height: 500px !important;
    background-color: #fafafa;
}

.node {
    fill: transparent !important;
}

.team-infoicon-parent {
    margin-top: -6px;
    margin-right: 5px;
}

.team-infoicon-parent .dropdown-menu a {
    margin-left: 0px !important;
    color: #666 !important;
    text-align: left;
    padding: 0px !important;
    overflow: hidden;
}

.team-service-mng {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px !important;
}

.managerClass {
    display: inline-block;
    margin-bottom: 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    float: left;
}

.team-listing-boxshadow {
    box-shadow: 0px 0px 0px 0px #000;
    margin-top: 3px !important;
}

.getnext-hrchy-icon {
    font-size: 23px !important;
    margin-top: -2px;
    cursor: pointer;
    margin-left: -31px !important;
}

#tree svg .link {
    stroke-width: 1px !important;
}

.team-primary-nav ul ul a {
    padding: 2px 0 1px 8px !important;
}

#user_hierarchy_services_start_date {
    padding-top: 13px;
}


/* --------------------------- End teammng ----------------------------- */

.designation {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-add-droplus {
    margin-left: 4px !important;
    color: #666 !important;
    text-align: left !important;
    padding: 0px !important;
    margin-top: -8px;
    font-size: 13.5px !important;
}

.team-listing-boxshadow .user-information-dropdown {
    height: 52px !important;
    margin-top: -9px;
}

.team-listing-boxshadow .user-information-dropdown {
    padding: 9px 0 0 0;
    margin-top: -22px;
    max-width: 100%;
    min-width: 159px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: 84px !important;
}

.team-infoicon-parent .user-information-dropdown {
    /* height: 52px !important; */
    padding: 0px !important
}

.teamng-nestlist {
    padding-top: 32px;
    padding-left: 14px;
}

.teammng-nested ol {
    margin-bottom: 1px;
    list-style: none !important;
}

.teammng-nested ol li div.dd3-content {
    margin-top: 8px;
    max-height: 100%;
    height: 42px;
}

.dd-list.nested.teammng-nested {
    padding-left: 8px;
}

.search-elemntlist input {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #e4eaec;
    padding: 10px 0;
    border-radius: 0px !important;
    color: #666;
}

#primary_nav_wrap {
    z-index: 99;
    margin-top: 5px;
}

#primary_nav_wrap ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul a {
    display: block;
    color: #666;
    text-decoration: none;
    line-height: 32px;
    padding: 0 15px;
    text-align: left;
}

#primary_nav_wrap ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul li i {
    padding-right: 0px !important;
    cursor: pointer;
}

#primary_nav_wrap ul li.current-menu-item {
    background: #ddd
}

#primary_nav_wrap ul ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .1);
    z-index: 999;
}

#primary_nav_wrap ul ul li {
    display: block;
    width: 200px;
    cursor: pointer;
}

#primary_nav_wrap ul ul li:hover {
    background-color: #eee;
}

#primary_nav_wrap ul ul a {
    line-height: 100%;
    padding: 10px 15px;
    color: #666 !important;
    cursor: pointer;
}

#primary_nav_wrap ul ul a.dropdown-item:focus,
a.dropdown-item:hover {
    background-color: #eeeeee !important;
}

#primary_nav_wrap ul ul ul {
    top: 0;
    right: 100%;
}

#primary_nav_wrap ul li:hover>ul {
    display: block
}

#tree svg foreignObject .mng-right-section .team-backgroundwhite .dd-list.nested.teammng-nested {
    margin-top: 15px;
}


/* ------- Start Dashboar Elements ------------*/

#primary_nav_wrap ul.export-dash-element {
    list-style: none !important;
    position: relative !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

.budgethours-nav-wrap {
    margin-top: -5px !important;
}

#primary_nav_wrap ul.export-dash-element a {
    display: block !important;
    color: #666 !important;
    text-decoration: none !important;
    line-height: 32px !important;
    padding: 0 15px !important;
}

#primary_nav_wrap ul.export-dash-element li {
    position: relative !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

#primary_nav_wrap ul.export-dash-element li.current-menu-item {
    background: #ddd !important;
}

#primary_nav_wrap ul.export-dash-element ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fff !important;
    padding: 0 !important;
    z-index: 9999;
}

#primary_nav_wrap ul.export-dash-element ul li {
    float: none !important;
    width: 200px !important;
    background-color: #fff;
}

#primary_nav_wrap ul.export-dash-element ul a {
    line-height: 120% !important;
    padding: 10px 15px !important;
}

#primary_nav_wrap ul.export-dash-element ul ul {
    top: 0 !important;
    left: 100% !important;
}

#primary_nav_wrap ul.export-dash-element li:hover>ul {
    display: block !important;
}

.dash-satsun-color {
    color: #f7813d;
}

.dash-holiday-color {
    color: #A90329;
}

.item.currentdate.unsubmitDasDates em {
    background: #fff !important;
}

.item.customCurr.unsubmitDasDates em {
    background: #fff !important;
}

#primary_nav_wrap ul.export-dash-element li:hover>ul {
    display: block !important;
}


/* ------- End Dashboar Elements ------------*/

.setup-caret-fa {
    font-size: 12px !important;
    float: right;
}

.select-pdd0 button {
    border-bottom: 1px solid #e4eaec !Important;
    padding-left: 0px !important;
}

.select-bottom-border button {
    border-bottom: 1px solid #e4eaec !Important;
    padding-left: 0px !important;
}

.modal-sm {
    width: 46% !important;
}

.scrollable-vertical.is-enabled .scrollable-container {
    overflow-y: scroll !important;
}

.btn-margin-right {
    margin-right: 3px;
}

.ticket-listorder {
    padding-left: 0px;
}

.ticket-listorder li {
    list-style: none;
    background-color: #fff;
    padding: 5px 7px 9px 7px;
}

.ticket-listorder li span {
    font-size: 12px;
    margin-top: -4px;
    display: block;
}

.ticket-listorder li p {
    margin-bottom: 0px;
}

.ticket-checkbox {
    float: left;
}

.search-list .badge {
    padding-left: 0px;
    font-weight: 200;
    font-size: 14px !important;
}


/* No-records */

.no-records .badge {
    padding-left: 0px;
    font-weight: 200;
    font-size: 14px !important;
}

.badge span[data-role="remove"]::after {
    padding: 0 2px;
    content: "x";
    cursor: pointer !important;
}

#resetClientSearchFilter {
    cursor: pointer !important;
}

.badge {
    display: inline-block;
}

.search-list-elements {
    margin-bottom: 10px;
}

.search_top {
    border-bottom: 1px solid #eaeaea !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -2px;
}

.search_top span.select2-container {
    border-bottom: 1px solid #fff !important;
    z-index: 999999 !important;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.search_top span span span {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 6px !important;
    z-index: 999999 !important;
    float: left;
}

.search_top span {
    width: 226px !important;
}

.navbar-toolbar-right li {
    padding-left: 6px;
}

.user-profile-editbg.dropdown-item:focus,
.user-profile-editbg.dropdown-item:hover {
    background-color: #f7813d !important;
    color: #fff !important;
}

.select2-container--default .select2-dropdown {
    border-color: #eaeaea !important;
    z-index: 999999;
    margin-top: 0 !important;
}

.example-loading {
    z-index: 9999999 !important;
}

.search_top span span span b {
    left: 234px !important;
    top: 22px !important;
}

.search_top span.select2-container.select2-container--default {
    z-index: 999999 !important;
}

.search_top span.select2-container.select2-container--default .select2-dropdown.headerSearchInputContainer {
    z-index: 999999 !important;
}

.btn-primary:not([disabled]):not(.disabled):active:hover {
    color: #fff !important;
    background-color: #f7813d !important;
    border-color: #f7813d !important;
}

.filter-dropdown li:hover {
    background-color: #f7f7f7;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    border-bottom: 1px solid #e0e0e0 !important;
    float: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.form-material .form-control:-webkit-autofill~.floating-label {
    font-weight: 200 !important;
}

.login-error {
    color: #f44336;
}

.login-close {
    color: #f44336 !important;
    font-size: 14px !important;
    margin-top: 4px;
    opacity: .8 !important;
}

.client-budgetdrop li {
    padding-left: 10px !important;
}

.client-budgetdrop a {
    float: left;
    padding-left: 0px !important;
}

#updateUserSubmit {
    margin-top: 12px;
}

h4.profile-user {
    margin-top: 0px !important;
}

.user-drop-content {
    overflow: initial !important;
    padding-top: 10px !important;
}

.user-drop-content .dropdown-menu li:hover {
    background-color: #eee !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #eee !important;
}

.notification-bell-dropdown:focus,
.notification-bell-dropdown:hover {
    background-color: transparent !important;
}

.notification-bell-dropdown {
    height: 94px;
}

.notification-bell-dropdown .media {
    padding-bottom: 0px;
}

.dropdown-menu-media .notification-bell-dropdown .media:hover {
    background-color: #eee !important;
}

.icon {
    font-size: 14px !important;
}

h4.profile-user {
    margin-top: 0px !important;
}

.edit-user-profile {
    float: left !important;
    margin-left: 15px;
}

.userprofile-listord {
    margin-top: 37px;
}

.select2-selection--multiple ul {
    padding-left: 0px !important;
}

.select2-selection--multiple ul li {
    padding-right: 10px !important;
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.user-littleabt {
    margin-bottom: 0px !important;
}

.user-littleabt i {
    color: #666 !Important;
}

.comapny-coluser-content {
    background-color: #f3f7f9;
}

.comapny-coluser-content:before {
    position: absolute;
    top: 14px;
    left: -7px;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    background-color: #f3f7f9;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter-option-inner-inner {
    color: #666;
}

.page-profile .user-profile-lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.client-hierarchy-assign.alert-danger {
    color: #c4bcbd !important;
    background-color: #f7f7f7 !important;
    border-color: #e4eaec !important;
    border-bottom-color: #e4eaec !important;
}

.client-box.alert-danger {
    color: #c4bcbd !important;
    background-color: #f7f7f7 !important;
    border-color: #e4eaec !important;
    border-bottom-color: #e4eaec !important;
}

.alert.dark.alert-success i {
    color: #fff !important;
}

.alert.dark.alert-success .close span {
    color: #fff !important;
}

.alert.dark.alert-danger i {
    color: #fff !important;
}

.alert.dark.alert-danger .close span {
    color: #fff !important;
}

.alert.dark.alert-icon .close span {
    color: #666;
}

.alert.dark.alert-warning i {
    color: #fff !important;
}

.alert.dark.alert-warning .close span {
    color: #fff !important;
}

.alert.dark.alert-danger {
    background-color: #fb7a79 !important;
    border-color: #fb7a79 !important;
    color: #fff !important;
}

.alert.dark.alert-success {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: #fff !important;
}

.alert.dark.alert-warning {
    background-color: #f39e60 !important;
    border-color: #f68634 !important;
    color: #fff !important;
}

.alert.dark.alert-info {
    background-color: #fff;
    border-color: #b5b5b5;
    color: #666 !important;
}

.card-block a {
    cursor: context-menu;
}

.fc-day-grid-event .fc-content {
    cursor: pointer !important;
}

.fc-day-number {
    font-size: 14px !important;
}

.openuser-subtxt {
    font-size: 13px;
}

.input-form-error {
    color: #f44336;
    width: 100%;
    margin-top: 0px;
    font-size: 12px;
}

.client-filtext {
    color: #f7813d;
    font-size: 14px;
}

.search-list {
    background-color: #fff;
}

.navbar-toggler i.md-search {
    display: none !important;
}

.dropdown-menu-footer a i.md-settings {
    display: none !important;
}

span#resetClientSearchFilter::after {
    font-size: 15px !important;
}

.dtl-unapproved-list {
    padding-left: 0px;
    border: 1px solid #eee;
}

.dtl-unapproved-list li {
    list-style: none;
    padding: 5px 5px 10px 5px;
    border-bottom: 1px solid #eee;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}

label {
    text-transform: capitalize;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #757575 !important;
    color: #fff !important;
}

.dropdown-item {
    border-radius: 0rem !important;
    cursor: pointer;
}

.form-user-profile .input-group .input-group-prepend .invoice-calendar-input {
    margin-top: -2px !important;
}

.modal-header .close span {
    margin-right: 6px;
}

.form-servcmng {
    margin-bottom: 0px;
}

.bootbox-confirm-footer {
    padding: 6px 11px 12px !important;
}

.modal-body.userlist-pop-modal-body {
    padding: 10px 12px 1px 11px !important;
}

.modal-body {
    padding: 10px 12px 17px 11px !important;
}

.modal-body.useralrt-pop-modal-body {
    padding: 0px 12px 1px 12px !important;
}

.list-group-item {
    padding: 0rem !important;
}

.edit-profmrg-edit {
    margin-right: -7px;
}

.user-profile-sidebar {
    padding-left: 10px;
}


/* need to review */

.review-form-invoice .col-xl-3 {
    display: inline-flex;
}

.hamburger.hamburger-close.navbar-toggler-left {
    margin-left: -5px !important;
}

.navbar-toggler.collapsed .md-more {
    margin-right: -28px;
}

.table.table-striped.table-forum.table-responsive.client-listpopup-bord0 {
    display: table;
}


/* need to review */

.tablesaw td input {
    background-color: transparent !important;
    border-left: transparent !important;
    border-top: transparent !important;
    border-right: transparent !important;
}

.tablesaw td.dash-tasktxt {
    width: 50% !important;
}

.tablesaw td.opntask-tasktxt {
    width: 100% !important;
}

#management {
    width: 65%;
}

#personal {
    width: 65%;
}

#general {
    width: 65%;
}

.icon-addaval-btn button {
    float: right;
}

.icon-addaval-btn button span {
    padding: 0px !important;
}

.review-bttnpdd0 .icon-addaval-btn {
    float: right;
}

.review-invoicenotes-form button {
    margin-top: 10px !Important;
}

.icon-addaval-btn button {
    float: right;
}

.icon-addaval-btn button span {
    padding: 0px !important;
}

.review-bttnpdd0 .icon-addaval-btn {
    float: right;
}

.review-invoicenotes-form button {
    margin-top: 10px !Important;
}

.no-padding-right {
    padding-right: 0px;
}

.review-invoice-details-head {
    width: 101% !important
}

.review-invoice-details-head .header-invoice {
    display: inline-block;
    padding-right: 20px;
}

.review-invoice-details-head .header-invoice span {
    font-size: 12px !important;
}

.review-invoice-details-head .header-invoice span.black {
    font-size: 16px !important;
}

.add-note-invoice {
    background-color: #f5f8fe !important;
    padding-left: 7px !important;
    padding-top: 5px;
    padding-bottom: 6px;
    border-radius: 5px;
    width: 130px;
    margin-right: 15px;
    cursor: pointer;
}

.review-notes-bg span {
    cursor: pointer;
}

.review-notes-bg {
    background-color: #f5f8fe !important;
    padding: 3px 5px 6px 5px;
}

.review-notes-bg img {}

.popover {
    width: 252px;
}

.popover-header h4 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.review-user-edit-note {
    margin-bottom: 10px !important;
    clear: both;
    overflow: auto;
}

#main-list-div .invoice-list-unorder ul li .status-button {
    background: #fff;
    border: solid 1px #eeeeee;
    display: block;
    border-radius: 20px;
    text-align: left;
    color: #666;
    line-height: 19px;
    padding: 2px 6px 3px 8px;
    height: 28px;
    margin: -1px 0 0;
}

#main-list-div .invoice-list-unorder ul li .status-circle {
    width: 0px;
    height: 13px;
    background: #fff;
    border: solid 2px #51b464;
    border-radius: 100%;
    text-align: left;
    display: inline-block;
    padding: 4px;
    margin: 4px;
}

#main-list-div .invoice-list-unorder ul li .status-circle span {
    margin-top: -10px !important;
    float: left;
    color: #666;
    margin-left: 11px;
    width: 105px !important;
}

.circle-review-status {
    width: 100%;
}

#main-list-div .invoice-list-unorder ul li .status-reviewed {
    border: solid 2px #a13fff;
}

#main-list-div .invoice-list-unorder ul li .status-pushed {
    border: solid 2px #5195b4;
}

#main-list-div .invoice-list-unorder ul li .status-verify {
    border: solid 2px #3fac54;
}

.review-invoice-details-head .header-invoice.last {
    padding-right: 0px;
    padding-right: 0px !important;
    border-right: 0px solid !important;
}

.review-invoice-details-head .header-invoice .form-group {
    margin-bottom: 0px !important;
}

.review-invoice-details-head .header-invoice .form-group .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
}

.review-invoice-details-head .header-invoice strong {
    font-weight: 700;
}

.review-invoice-details-head .header-right .header-invoice {
    float: right;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 15px;
}


/* .review-invoice-details-head .header-right .header-invoice:hover span{
    color: #f7813d;
} */

.actions-icon a {
    cursor: pointer;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 15px;
    cursor: pointer;
}

#main-list-div .seprater {
    border-left: solid 1px;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
}

#main-list-div .panel-heading .inline-invoice-check .form-group {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
}

#main-list-div .inline-invoice-check {
    display: inline-block;
    padding-left: 15px;
}

#main-list-div .inline-invoice strong {
    font-weight: 700;
}

#main-list-div .invoice-list-unorder strong {
    font-weight: 700;
}

#main-list-div .actions-icon a {
    padding-right: 4px;
}

.expand-icon {
    margin-top: 17px;
    padding-left: 0px;
}

.verify-on {
    color: #959595;
}

.opentask-tblopn .scrollable-container .scrollable-content table.tablesaw td {
    width: 55% !important;
}

.opentask-tblopn .scrollable-container .scrollable-content table.tablesaw td.opntask-tasktxt {
    width: 95% !important;
}

body.site-gridmenu-active {
    overflow: visible !Important;
}

.fc-icon-right-single-arrow {
    color: #666 !important;
}

.fc-icon-left-single-arrow {
    color: #666 !important;
}

#dashboard-calendar .fc-header-toolbar .fc-center h2 {
    margin-top: -19px;
    display: block;
    font-size: 14px !important;
}

.scrollable.is-enabled {
    z-index: 999 !important;
}

.example-loading.example-well.h-150.vertical-align.text-center.pageMask {
    position: fixed !important;
}

.record-bttnmrg {
    margin-left: 15px;
}

.record-bttnmrg i {
    color: #fff !important;
}

.defect-save {
    display: inline-block;
    float: right;
    padding-left: 16px !important;
}

.date-range .btn.nextbtn {
    padding: .429rem !important;
}

.date-range .btn.prevbtn {
    padding: .429rem !important;
}

.note-editable b {
    font-weight: 800;
}

.pie-progress-xs .pie-progress-number {
    font-size: 14px !important;
    color: #666 !important;
}

.bttno-cancel {
    background-color: #fff;
    color: #666;
    border: 1px solid #eee;
}

.bttno-cancel:hover,
.bttno-cancel:active,
.bttno-cancel:focus {
    background-color: #fff !important;
    color: #666 !important;
    border: 1px solid #eee !important;
}

#create-defect-form .form-group .dropdown .dropdown-menu {
    left: 0px !important;
}

#management .form-group .dropdown.bootstrap-select .dropdown-menu {
    left: 0px !important;
    min-width: 99% !important;
    width: 99% !important;
}

.get-invoice-bttnmrg button {
    margin-top: 5px !important;
}

.bootbox-confirm-footer button.bootbox-accept:not([disabled]):not(.disabled):active:hover {
    background-color: #f7813d !important;
    color: #fff !important;
    border: 0px solid #eee !important;
}

.bootbox-confirm-footer button.bttno-cancel:not([disabled]):not(.disabled):active:hover {
    background-color: #fff !important;
    color: #666 !important;
    border: 1px solid #eee !important;
}

.bootbox-confirm-footer button.bootbox-accept:hover,
.bootbox-confirm-footer button.bootbox-accept:active,
.bootbox-confirm-footer button.bootbox-accept:focus button.bootbox-accept.active {
    background-color: #f7813d !important;
    color: #fff !important;
    border: 0px solid #eee !important;
}

.bootbox-confirm-footer button.bttno-cancel:hover,
.bootbox-confirm-footer button.bttno-cancel:active,
.bootbox-confirm-footer button.bttno-cancel:focus {
    background-color: #fff !important;
    color: #666 !important;
    border: 1px solid #eee !important;
}

.page-login-main h2 {
    font-size: 27px !important;
}

.team-reportmanag {
    display: block !important;
}

.user-pagination-txt {
    margin-top: 14px !important;
}

.client-listtblpopup tr {
    height: auto !important;
    text-transform: capitalize;
}

.clntlist-modaltatle {
    margin-top: -6px !important;
}

.emailswitchbttn .form-group.form-material {
    float: right;
}

.email-bttn-cancel .form-group {
    margin-right: 10px !important;
}

#emailSettingForm .form-group .col-sm-6.col-md-6.col-lg-6.col-xl-6 {
    padding-left: 0px !important;
}

#emailSettingForm .form-group .col-sm-10.col-md-10.col-lg-10.col-xl-10 {
    padding-left: 0px !important;
}

.bonus_client_sh {
    border-top: 2px solid #65b4ed !important;
}

.bonus_quality_sh {
    border-top: 2px solid #dd92fe !important;
}

.bonus_productivity_sh {
    border-top: 2px solid #9cb4c5 !important;
}

.bonus_efficiency_sh {
    border-top: 2px solid #9cb4c5 !important;
}

.bonus_working_hours_sh {
    border-top: 2px solid #4aaa7a !important;
}

tr.bonus_manspangsec_sh {
    background-color: #dffbff !important
}

tr.bonus_teambgcolor_sh {
    background-color: #fef6d4 !important;
}

.budget-addaval-btn {
    margin-top: 33px;
}

.panel-default .panel-heading {
    background-color: #fff !important;
}

.note-editor.note-frame {
    border: 1px solid #e4eaec !important;
}

.note-btn-group .btn-default {
    color: #666 !important;
    background-color: #fff !important;
    border-color: #eee !important;
    margin-right: 7px;
    margin-top: 0px !important;
}

.dropzone {
    border: 1px solid #eee !important;
}

.dz-message span span span span i.text-danger {
    color: #666 !important;
}

#create-ticket-form .note-editor .note-toolbar .note-btn-group button span.note-icon-caret::after {
    display: none !important;
}

.note-icon-caret::after {
    display: none !important;
}

.bonus-head-tbl {
    height: 39px !important;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #999;
    background-color: #fff;
}

.arrowSpan {
    cursor: pointer;
}

.bonus-admin-table .col-sm-12.col-md-12.col-lg-12.col-xl-12 {
    padding-right: 9px;
}

.bonus-admin-table table.tablesaw td {
    width: auto !important;
}

#tree svg {
    width: 100% !important;
    background-color: #fff;
    padding-left: 10px;
}

.note-editor .note-toolbar .note-btn-group .dropdown-toggle::after {
    display: none;
}

.table-condensed thead tr {
    height: auto !important;
}

.table-condensed tfoot tr {
    height: auto !important;
}

.clientpro-listdrop .dropdown-menu {
    width: 249px !important;
}

.note-editor .note-toolbar .note-btn-group .btn-group .dropdown-menu>li>a {
    padding: 0px !important;
}

.defect-general-width {
    width: 100% !Important;
}

.userlist-sidetab div .form-group .bootstrap-select .dropdown-menu {
    min-width: 99% !important;
    margin-left: 2px !important;
}

.select-pdd0 .select-error-padd0-app {
    border-bottom: 1px solid #f44336 !important;
}

.select-error-padd0 {
    color: #f44336;
    font-size: 11px !important;
}

.rowcreatenotes_input .input-group-prepend {
    margin-top: 1px;
}

.select-error-padd0-app {
    border-bottom: 1px solid #f44336;
}

tr.application-new-row:hover {
    background: transparent !important;
}

button.table-quick-button-font {
    padding: 0px !important;
}

.form-material .form-control::placeholder {
    color: #666 !important;
}

.canceltransw30sh form fieldset {
    margin-left: 3px !important;
}

.transsection_5w30 .sonata-ba-field .transict_managw30sh span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
    width: 100% !important;
}

.transsection_5w30 .sonata-ba-field .transict_managw30sh span.select2-container.select2-container--default.select2-container--open {
    width: 100% !important;
}

.form-group p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


/*-----------------------------  Client dashboard -------------------------------*/

.client-dashboard-navigation {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative !important;
    overflow: visible;
    width: 100%;
    display: block;
}

.client-dashboard-navigation ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.client-dashboard-navigation ul li {
    list-style: none !important;
    line-height: 42px;
    display: inline-block;
    padding: 0px 0px 7px 11px;
}

.client-dashboard-navigation ul li a {
    padding-right: 68px;
}

.client-dashboard-navigation ul li ul {
    padding-right: 0px !important;
    width: 12%;
}

.client-dashboard-navigation ul li ul li a {
    padding-right: 32px;
}

.client-dashboard-navigation ul.dropdown-menu {
    position: absolute !important;
    top: 41px;
}

.client-dashboard-navigation ul.dropdown-menu .dropdown-submenu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.client-profile-nav {
    padding-left: 0px;
}

.client-profile-nav li {
    display: inline-block;
    list-style: none;
}

.client-navinfo-profile.dropdown-menu-media {
    width: 161px !important;
}

.client-navinfo-profile.dropdown-menu-media.cil-dropdown-round {
    z-index: 999999;
}

.client-navinfo-profile.dropdown-menu-media div div div a {
    font-size: 14px !important;
    padding-bottom: 10px !important;
    width: 100%;
    padding-left: 10px !important;
}

.client-navinfo-profile.dropdown-menu-media.cil-dropdown-round div div div a {
    overflow: hidden;
}

.profile-nav-link {
    padding: 11px 4px 15px 4px !important;
    margin-right: 54px;
    color: #666 !important;
}

.profile-nav-link:hover,
.profile-nav-link:focus,
.profile-nav-link:active {
    background-color: #fff !important;
}

.client-profile-navlink {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 10px 0 0px 0;
    padding-left: 0px !important;
}

.profile-box {
    border: 1px solid #eee;
    height: 300px;
    /* margin-right: 9px; */
    padding: 0px;
}

.profile-box.col-sm-4 {
    width: 24% !important;
    flex: auto !important;
}

.iconbox {
    vertical-align: middle;
    float: none !important;
    padding: 9px !important;
    display: block;
}

.iconbox img {
    width: 100%;
    height: 280px;
}

.about-client-box {
    border: 1px solid #eee;
    height: 300px;
    /* margin-right: 9px; */
    padding: 9px !important;
}

.about-client-box.col-sm-4 {
    width: 24% !important;
    flex: auto !important;
}

.service-request-box {
    border: 1px solid #eee;
    height: 300px;
    /* margin-right: 9px; */
    /* width: 24%; */
    padding: 9px !important;
    display: inline-block;
}

.service-request-box.col-sm-4 {
    width: 24% !important;
    flex: auto !important;
}

.service-request-box ol {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.srvclist-requestw30 {
    display: inline-block;
    padding: 10px 1px 0px 0px;
}

.srvclist-requestw30 .dd-handle {
    width: 62px !important;
    background: white none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    padding: 7px 6px !important
}

.service-request-dd span.serviceAbb {
    border: 1px solid #e1e0e0;
    padding: 4px;
    cursor: default;
    width: 39px !important;
    overflow: hidden !important;
    display: block;
    height: 33px;
    text-align: center;
}

.Client-dash-contactbox {
    border: 1px solid #eee;
    padding: 9px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.service-request-dd span.serviceAbb:hover {
    opacity: 0.6;
}

.about-client-box p {
    padding-right: 15px;
    word-break: break-all;
}


.contact-profile-w {
    width: 100%;
}

.contactslidew30 {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 16px;
    display: block;
    color: #666 !important;
    height: 36px;
}

.dgg {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#sparks {
    display: block;
    list-style: none;
    margin: 27px 0 0;
    padding: 0;
}

#sparks li {
    display: inline-block;
    max-height: 47px;
    text-align: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-left: 1px dotted #c7c7c7;
    padding: 0 10px;
    margin-bottom: 17px;
}

#sparks li h5 {
    color: #666;
    float: left;
    font-weight: 400;
    margin: -3px 0 0;
    padding: 0;
    border: 0;
    text-transform: uppercase;
}

.sparks-info .sparkline {
    display: block;
    float: right;
    margin: 3px 0 0 20px;
}

#sparks li span {
    color: #636363;
    display: block;
}

.sparks-info span {
    font-size: 14px !important;
}

.srvcrequst-w30 {
    margin-top: 0px;
}

.accountsetip-dash {
    margin-top: 10px;
    width: 100%;
}

.clientdash-tabox {
    border: 1px solid #eee;
}

.nav-tabs-inverse .tab-content.clientdash-tabox {
    padding-left: 12px !Important;
}

.accountab-list {
    list-style: none;
    padding-left: 0px;
}

.accountab-list li {
    list-style: none;
    display: inline-block;
    margin-right: 14px;
}

.accountab-list li img {
    width: 69px;
    max-width: 100%;
    height: 75px;
    border: 2px solid #ececec;
}

.client-profile-navlink .navbar-collapse.collapse {
    height: 48px !important;
}

.dash-text {
    padding-left: 0px;
    margin-left: -15px;
}

.modal-footer.new-form {
    padding-right: 4px;
}

.syn-lastnext {
    padding-left: 0px !important;
    clear: both;
    margin-bottom: 0px;
}

.syndateqbo {
    display: block;
}

.syn-lastnext li {
    list-style: none !important;
}

.qbo-nav-tab li a .badge {
    padding: 3px 5px;
    opacity: .5;
    margin-left: 5px;
    min-width: 17px;
    font-weight: 400;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    background-color: #999;
    border-radius: 10px;
}

.qbo-nav-tab {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 1600px;
    margin-top: 12px;
    border-bottom: 1px solid #ddd;
    height: 26px;
}

.qbo-nav-tab li {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    color: #efefef;
    vertical-align: middle;
}

.qbo-nav-tab li a {
    padding: 4px 10px;
    color: #666 !important;
}

.qbo-nav-tab li a.active {
    box-shadow: 0 -2px 0 #f7813d;
    border-top-width: 0 !important;
    margin-top: 1px !important;
    font-weight: 200;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: pointer;
    color: #666;
}

.qbo-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 40px;
}

.qbo-sidebar-left {
    margin-right: 10px !important;
}

.qbo-sidebar-left li {
    float: none;
    margin-bottom: -1px;
    padding: 0px 0px 5px 0;
    margin-bottom: 5px !important;
}

.qbo-sidebar-left li a {
    color: #666 !important;
}

.qbo-overviewtblsaw {
    margin-top: 10px;
}

.qbo-sidebar-left li.active {
    -webkit-box-shadow: -2px 0 0 #e78a30 !important;
}

.qbo-sidebar-left li a.active {
    -webkit-box-shadow: -2px 0 0 #f7813d !important;
    -moz-box-shadow: -2px 0 0 #f7813d !important;
    box-shadow: -2px 0 0 #e78a30 !important;
    border-top-width: 1px !important;
    border-left: 1px solid #e4eaec !important;
    border-top: 1px solid #e4eaec !important;
    border-bottom: 1px solid #e4eaec !important;
    border-right: 0px solid #e4eaec !important;
    margin-left: 1px !important;
    max-width: 199px;
    width: 199px;
    padding: 7px 0;
    display: block;
}

.qbo-sidebar-left li a .badge {
    padding: 3px 5px;
    opacity: .5;
    margin-left: 5px;
    min-width: 17px;
    font-weight: 400;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #666 !important;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    background-color: #999;
    border-radius: 10px;
    margin-right: 5px
}

.qbo-trnsact-list {
    margin-top: 10px;
}

.qbo-sidebar-left .tab-content {
    background-color: #eee !important;
}

.qbo-trnsact-list .tab-content {
    background-color: #fff !important;
    padding-top: 0px !important;
}

.qbo-scroll {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
    float: left;
}

.qbo-scroll-left {
    float: left;
}

.qbo-scroll-right {
    float: right;
}

#form-invoicesh .invoice-userlist span span {
    padding-left: 0px !important;
    padding-top: 10px;
}

#form-invoicesh .invoice-userlist span span b {
    margin-top: 4px !important;
}

.mt-20 {
    margin-top: 0px !important;
}

.render-bot-leftpdd.pull-left {
    float: none;
}

.select.crm_notetbasic_selectw30.selectcomp-clientpadd.col-md-12 {
    padding-left: 0px;
}

.clientnote_notesleft_shhw30.clientnote_bascinfo_shhw30.pull-left {
    padding-left: 0px;
}

.add-new-plus:active:focus {
    color: #fff !important;
    background-color: #f7813d !important;
    border-color: #f7813d !important;
    box-shadow: none !important;
}

.add-new-plus:active {
    color: #fff !important;
    background-color: #f7813d !important;
    border-color: #f7813d !important;
    box-shadow: none !important;
}

.add-new-plus:hover {
    color: #fff !important;
    background-color: #f7813d !important;
    border-color: #f7813d !important;
    box-shadow: none !important;
}

.profile-nav-link:hover,
.profile-nav-link.active {
    background-color: #f5f5f5 !important;
}

.profile-nav-link:active {
    background-color: #f5f5f5 !important;
}

.invoice-calendar-input i.icon.md-calendar {
    margin-top: -10px;
}

.background-reviewhite {
    background-color: transparent !important;
    box-shadow: 6px 0px 2px 0px transparent !important;
}

.reviewinvo-box {
    margin-top: 50px;
}

.checkbox-review-invoice {
    margin-left: 9px;
}

.expand-icon i {
    cursor: pointer;
}

.modal-open .select2-container {
    z-index: 999 !important;
}

.modal-open .select2-container--open {
    z-index: 9999 !important;
}
.reviewed-ui-marg0 {
    margin-top: 0px !important;
}

.Review-error-text {
    margin-top: -8px;
    float: left;
}

.waves-ripple {
    background-color: transparent !important;
}

.cycle-drplist {
    cursor: pointer;
}

button.archive-btn {
    padding: 0px !important;
}

button.edit-btn {
    padding: 0px !important;
}

.client-applink li a {
    padding-left: 3px !important;
}

.creditcard_w30sh_bttn {
    float: right !important;
    background-color: #e78a30;
    color: #fff !important;
    border: none !important;
    margin-top: 6px;
    margin-right: -4px;
    margin-top: 13px;
    border-radius: 0px !important;
}

.payroll_headsh {
    border-bottom: 1px solid #fff !important;
    padding-left: 7px;
    color: #666;
    padding-bottom: 6px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 4px;
    display: inline-block;
    font-size: 14px !important;
}

.basic-head-infotext {
    border-bottom: 1px solid #fff !important;
    padding-left: 0px;
    color: #666;
    padding-bottom: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 6px;
    display: inline-block;
    font-size: 1.286rem !important;
}

.creditcard_w30sh_bttn i {
    color: #fff !important;
}

.clientapp-buttons {
    margin-left: 15px;
    margin-bottom: 6px;
}

.fiscal-yearpdd {
    padding-left: 0px;
    padding-right: 0px;
}

.fiscal-yearpdd .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.client-basic-leftnull {
    padding-left: 0px;
    padding-left: 16px;
}

.accounting-methode {
    clear: both;
    padding-top: 17px;
}

.naics-codemarg {
    padding-top: 9px;
    padding-left: 16px;
}

.credittopgheadw30 {
    display: inline-block;
    padding-left: 0px;
}

.creditcardmappw30 {
    padding-left: 0px;
}

.qbo-mapping-heading {
    margin-top: 31px !important;
}

.mapping-field-fullwidth {
    width: 100% !important;
}

#mappingSet {
    width: 102%;
}

.qbo-importbttns-right {
    margin-right: 24px;
}

.qbotable-scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

h2.row-seperator-header {
    font-size: 16px !important;
    margin-bottom: 30px;
}

.mapping-defined-list h3 {
    font-size: 14px;
}

.start-process-btn {
    margin-top: 20px;
}

.crm-basicinfor-lftrgt {
    margin-right: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 10px !important;
    clear: both;
}

.instruct-history-padd {
    color: #3276b1 !important;
}

.crm_history_link {
    padding: 0px !important;
}

.clientinstruc-tblsec tbody tr td {
    border-top: 0px solid #e0e0e0 !important;
}

.clientnote_notesleft_shhw30 label.basicin_lblw30 {
    width: 100% !important;
    padding-right: 0px;
    margin: 0 auto;
    padding-bottom: 5px;
    float: left;
}

.clientnote_notesleft_shhw30 label {
    padding-right: 0px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    float: left;
}

.text-danger {
    color: #b94a48;
}

.infohistoryw30 {
    float: left;
    margin-top: 0px;
}

.addhistoryw30link .addNotePercrmsh {
    word-wrap: break-word;
    border-bottom: 0px;
    cursor: pointer;
    float: left;
    margin-right: 13px;
    text-align: center;
    font-size: 10px;
    color: #3276b1 !important;
}

.usermatrix-processw-label30:hover .addhistoryw30link {
    display: block !important;
}

.addhistoryw30link {
    word-wrap: break-word !important;
    border-bottom: 0px !important;
    cursor: pointer !important;
    float: right !important;
    margin-right: -4px !important;
    text-align: center !important;
    font-size: 10px !important;
    display: none !important;
}

.company-listcnfrm {
    list-style: circle;
}

.company-listcnfrm li {
    list-style: circle;
    margin-left: -9px;
}

.account-bottomrg {
    padding-bottom: 9px;
}

.scrollable-bar {
    z-index: 99;
}

.scrollable-bar-handle {
    z-index: 99;
}

.list-group {
    background-color: #fff;
}

.scrollable-bar-vertical {
    width: 7px !important;
}

.list-group .media-heading {
    font-size: 14px;
    color: #3276b1 !important;
    margin-bottom: 0px !important;
}

.notification-media-btm {
    padding-bottom: 10px;
}

.notofication-page-cont {
    overflow: hidden;
}

.notification-h300 {
    height: 680px !important;
    padding: 10px 0px !important;
}

.notification-h300 .list-group .media {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #d7d7d7;
    padding-left: 10px;
}

.icon-notificationall {
    padding-right: 15px;
}

.media-notfctn {
    float: left;
}

.edit_clientsbtn_shw30 {
    padding-left: 21px !important;
}

.foot-notecon {
    padding-left: 0px !important;
    float: left;
}

.foot-notecon a {
    font-size: 11px;
    cursor: pointer;
    color: #3276b1 !important;
}

.crm_notet_shw30 {
    overflow: hidden !important;
    padding-left: 21px !important;
    padding-top: 26px;
}

.clientnote_notesleft_shhw30 .form-group {
    margin-bottom: 0px !important;
}

.frequecy-payrollpdd {
    padding-left: 0px !important;
    font-size: 10px;
    clear: both;
}

.frequecy-payrollpdd b {
    font-weight: 300 !important;
    font-size: 11px;
}

#client-profile-container {
    width: 100%;
    display: inline-block;
}

#controller-form {
    z-index: 1;
}

#client-bot-container {
    width: 100%;
    display: inline-block;
}

/*------------------------------------------ Assignment -------------------------*/

.clntssgn_mntw30sh {
    margin-top: 10px;
}

.client-info-nav {
    background-color: #edf1f5;
    margin-right: 14px;
    list-style: none;
}

.clntssgn_mntw30sh li {
    cursor: pointer;
}

.client-info-nav>li.active>a {
    background-color: #fff !important;
    font-weight: normal !important;
    box-shadow: 0 -2px 0 #fff;
    -webkit-box-shadow: 0 -2px 0 #ffba60;
    -moz-box-shadow: 0 -2px 0 #fff;
    color: #666 !important;
    border-bottom: 1px solid #ccc;
}


/*----------------------------------------- Dashboard ---------------------------*/

.dash-client-main #paddingWrapperWidget {
    margin: 15px;
    background: #fff;
    padding: 0 15px;
    border: 1px solid #eaeaea;
}

.dash-client-main .ui-layout-west,
.ui-layout-east,
.ui-layout-center {
    padding-top: 15px;
    /*padding-bottom: 15px;*/
}

.dash-client-main .column {
    overflow: hidden !important;
}

.dash-client-main .ui-layout-center {
    border-left: 5px solid #ccc;
    border-right: 5px solid #ccc;
}

.dash-client-main .jspContainer {
    min-height: 1020px !important;
}

.dash-client-main .jspVerticalBar {
    position: absolute;
    right: 0;
}

.dash-client-main .modal {
    z-index: 99991;
}

.dash-client-main .modal-backdrop {
    z-index: 9999;
}

.dash-client-main .navbar-right .dropdown-menu {
    right: 0 !important;
}

.dash-client-main .dragbox-content {
    /*display: block !important;*/
}

.dash-client-main .widget-textshh-head {
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

.dash-client-main .widget-textshh-head .select-none {
    font-size: 14px;
}

.dash-client-main .rgtbtn-navsec i {
    background: #fff !important;
    border: none;
    padding: 1px 0px 0px 13px;
}

.dash-client-main .jarviswidget-delete-btn {
    display: none;
}

.dash-client-main .dragbox {
    -webkit-box-shadow: 0px 5px 5px #ccc;
    -moz-box-shadow: 0px 5px 5px #ccc;
    box-shadow: 0px 5px 5px #ccc;
}

.dash-client-main .jspPane {
    left: 0 !important;
}

.dash-client-main .dragbox p {
    margin-bottom: 0px;
    padding: 5px 10px 0 7px;
}

.teamwidgtpanelhr p {
    padding: 5px 0px 0 !important;
}

.dash-client-main .dropdown-menu li a {
    cursor: pointer;
    color: #777777 !important;
}

.dash-client-main table tr {
    height: 30px !important;
}

.dash-client-main table tr th {
    text-align: left !important;
}

.dash-client-main table tr td {
    text-align: left !important;
    font-weight: 400;
}

form.dashboard-ui-layout span.select2-container--default .select2-selection--single {
    background-color: #fafafa !important;
    border: 1px solid #fafafa !important;
    padding: 0.429rem 1.93rem 0.429rem 0rem !important;
}

.go-arrowpaddw30 button i {
    color: #fff !important;
}

.dash-top-sectionselect span span span {
    padding: 0px !important;
}

#Sidebarclient-sh {
    height: 649px;
    background: #2f333e;
    width: 27%;
    float: right;
    overflow: hidden;
}

.sidebar-client-sh {
    margin: 0 auto;
    max-height: 100%;
    height: 649px;
    overflow: auto;
    background: #2f333e;
    background-size: 50% auto;
    padding: 11px !important;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: relative;
    border: none !important;
    margin-top: 18px;
}

.sidebar-client-sh p {
    color: #fff !important;
    font-size: 14px;
    padding: 10px 0 0 0;
    margin: 11px 15px 10px -10px;
}

input#xAxis {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 9px 25px 9px 15px;
    background-color: #fff;
    color: #3a3a3a;
    border: 1px solid #fff;
    border-radius: 0px 4px 4px 0px;
    ;
    border: none;
    font-size: 1rem;
    font-family: inherit;
}

.cancle_sheet {
    background-color: #565656;
    color: #fff;
    padding: 10px;
    width: 100px;
    border: 0px;
    cursor: pointer;
    border: 1px solid #fff;
}

span.comparsn_sh {
    padding-top: 3px;
    overflow: hidden;
    display: inline-block;
}

.cancle_sheet:hover {
    background-color: #73777a;
}

.save_sheet {
    background-color: #73777a;
    color: #fff;
    padding: 10px;
    width: 100px;
    border: 0px;
    margin-left: 10px;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
    border: 1px solid #b9b9b9;
}

.save_sheet:hover {
    background-color: #565656;
}

.bottom_bar .widget_cancel_sh {
    width: 95px;
    float: left;
    margin-left: 7%;
    padding: 11px 0px;
}

.bottom_bar .widget_save_sh {
    width: 95px;
    float: left;
    margin-left: 10%;
    padding: 11px 0px;
}

.labels_spread {
    margin-top: 14px;
    padding-bottom: 5px;
    font-size: 17px;
}

.border_spread input {
    margin-top: 14px;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 8px;
    width: 100%;
    margin-top: 5px
}

.side-xaxis-sh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 14px;
    border-radius: 5px 4px 4px 5px;
}

.axisfiels-sh {
    color: #666;
    float: left;
    width: 40%;
    position: relative;
    z-index: 1;
    display: block;
    min-height: 40px;
    padding-left: 12px;
    border-radius: 4px 0 0 4px;
    background-color: #e5e5e5;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    text-align: center;
}

.inputx-axis {
    width: 60%;
    display: flex;
}

.labelclient-sh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    padding: 3px;
    display: inline-block;
    width: 97%;
}


/* The switch - the box around the slider_sidebsr_sh */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
    float: right;
}


/* Hide default HTML checkbox */

.switch input {
    display: none;
}


/* The slider_sidebsr_sh */

.slider_sidebsr_sh {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 8px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider_sidebsr_sh:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider_sidebsr_sh {
    background-color: #76dc89;
}

input:focus+.slider_sidebsr_sh {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider_sidebsr_sh:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.accnt_rowsec_w30sh {
    clear: both;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 2px;
    clear: both;
}

.clientnote_notesleft_shhw30 {
    padding-left: 0px;
    display: inline-block;
    width: 50%;
    height: auto;
    margin-bottom: 0px;
}


/* Rounded slider_sidebsr_shs */

.slider_sidebsr_sh.round {
    border-radius: 34px;
}

.slider_sidebsr_sh.round:before {
    border-radius: 50%;
    border-radius: 8px;
}

.radioInputdash-sh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 14px;
    background-color: #fff;
    position: relative;
    border-radius: 5px 4px 4px 5px;
}

.radiodash-sh {
    width: 41px;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 4px 0 0 4px;
    background-color: #585858;
    pointer-events: none;
    z-index: 2;
    transition: all .18s cubic-bezier(.23, 1, .32, 1);
}

.radiodash-sh:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #fff;
    vertical-align: -6px;
}

#comparison-sparklinedash-sh {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.labeldash-sh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 1;
    min-height: 30px;
    padding: 6px 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 56px;
    color: #3e4553;
    background-color: transparent;
}

#labelclientdsh-sh {
    margin-bottom: 15px;
}

#labelclientdsh-sh legend {
    width: 98%;
}

.radioInputdash-sh span.active {
    background-color: #76dc89;
}

#left-Sidebarclient-sh {
    float: left;
    background-color: #e5e5e5;
    height: 350px;
    width: 100%;
}

.client-title-sh {
    padding-left: 15px;
    padding-top: 28px;
}

.client-title-sh h1 {
    margin: 0 auto;
}

.updownclient-sh {
    margin-right: .3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-flex;
}

.tooltipclient-sh {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    cursor: pointer;
    padding: 3px;
}

.hoverTargetclient-sh {
    position: relative;
    z-index: 2;
}

.notRounded---2BtiR.first---1TUZu {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.optionButtonclient-sh.lightclient-sh-two,
.optionButtonclient-sh.lightclient-sh-two:focus,
.optionButtonclient-sh.lightclient-sh-two:hover:not(:disabled) {
    color: #717779;
    background-color: #f2f3f5;
    border-color: rgba(0, 0, 0, .125);
}

.texterror {
    color: red;
    margin-bottom: 0px;
}

.h-servicemag-scroll {
    height: 718px;
}

.optionButtonclient-sh.active---2VfaJ,
.optionButtonclient-sh.active---2VfaJ:hover {
    background-color: #717779;
    color: #fff;
    cursor: default;
}

body.integration-list-page * {
    box-sizing: border-box;
}

.notRounded---2BtiR {
    border-radius: 0;
}

.small---1uTJc {
    font-size: 1.2rem !important;
}

.optionButtonclient-sh,
.optionButtonclient-sh:focus,
.optionButtonclient-sh:hover:not(:disabled) {
    color: inherit;
    border-color: #717779;
}

.optionButtonclient-sh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: transparent;
    color: inherit;
    border-width: 1px 0 1px 1px;
    border-style: solid;
}

.buttonclient-sh {
    transition: background-color .1s;
    transition: all .2s cubic-bezier(.23, 1, .32, 1);
    padding: 0.2em 1em;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    font-size: 1rem;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1.25;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
}

.tooltip-client-sh {
    position: relative;
    cursor: pointer;
}

.percentage-sh {
    margin-left: 15px;
    margin-top: 24px;
}

.percentage-sh span {
    font-size: 21px;
    font-weight: bold;
    color: #3e4553;
}

.percentage-sh .arrow-up-sh {
    font-size: 29px !important;
    float: left;
    padding-right: 11px;
}

.percentage-sh .arrow-text-sh {
    padding: 8px 0 0 0;
    display: inline-block;
}

.sidebar-clientbuttons-sh {
    -webkit-box-pack: end;
    flex: wrap;
    flex: 1 0 0;
    min-width: 254px;
    right: 0;
    ;
    bottom: 0;
    margin-top: 94px;
}

.chart-list-sh {
    background-color: #edf2f5;
    width: 100%;
    height: 35px;
    padding: 0px;
}

.chart-list-sh ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px !important;
    overflow: hidden;
}

.graphicn-sh img {
    width: 20px;
}

.chart-list-sh ul li button {
    background-color: #edf2f5;
    border: none;
    color: #666;
}

#chartlist_section-sh {
    margin: 0 auto;
    padding: 0px;
    width: 73%;
    float: left;
}

.graph-section-sh {
    margin-top: 28px;
}

.right-fplusbttnw30sh {
    background-color: #f7813d;
    border: none;
    color: #fff;
    padding: 0px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer;
    height: 30px;
    color: #fff !important;
}

.widget-company-name {
    padding-left: 7px;
    padding-bottom: 0px;
    word-wrap: break-word;
    padding-top: 7px !important;
}

.adwidget_spredshh a {
    border-bottom: 1px solid #e0e0e0;
    display: block;
    padding: 3px !important;
}

.adwidget_spredshh:hover a {
    background: #f0f0f0;
}

.adwidget_spredshh p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #666;
}

.head-same-font {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #3276b1 !important;
}

.service_listing ul.srvc-nlist-shhh {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.service_listing ul.srvc-nlist-shhh li {
    flex: 50%;
    padding: 5px 0px 9px;
}

.srvc-lscintsrvc-shhh img {
    width: 19px;
    padding: 2px;
    height: 19px;
}

#billpay_secshh {
    padding: 0;
    text-align: left;
    float: left;
    margin-top: 0px;
    list-style: none;
    width: 48%;
    margin-bottom: 0px;
}

#billpay_secshh p {
    padding-left: 0!important
}

#billpay_secshh li {
    text-align: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding: 0 10px;
    margin: 0px 0px 10px 0px;
    cursor: default;
    list-style: none !important;
}

#billpay_secshh li,
#invoicpay_secshh li {
    display: inline-block;
    border-left: 1px dotted #c7c7c7;
    min-width: 115px;
    float: left;
    overflow: hidden;
    padding-left: 3px;
    margin-bottom: 10px;
}

#billpay_secshh li span.sparkcolorsh {
    color: #7da2f5!important;
    padding-left: 1px;
    cursor: pointer
}

#billpay_secshh li span,
#invoicpay_secshh li span {
    font-weight: 500;
    font-size: 12px
}

p.unpaidInvoiceSection {
    padding-left: 0!important
}

#invoicpay_secshh {
    padding: 0;
    text-align: left;
    float: left;
    width: 48%;
}

.bill_paddingbtmw30sh {
    padding-bottom: 7px;
}

.wdgtgrid_destxt_shh {
    padding-top: 10px;
}

.contntdivService {
    padding-left: 8px;
}

.aj-content-service {
    padding-left: 5px;
}

.wdgtgrid_destxt_shh p {
    padding-left: 9px;
    margin-bottom: 0;
    padding-bottom: 10px;
    word-wrap: break-word;
    padding-right: 10px;
    text-align: justify
}

p.unpaidInvoiceSection {
    padding-left: 0 !important;
}

.defctlist_justsh .card {
    margin-bottom: 0rem !important;
}

.temwdgt_secshhh {
    padding-bottom: 12px;
}

.rgtbtn-navsec i {
    color: #b5b5b5 !important;
}

.ticket_listing_shh {
    overflow: hidden;
    visibility: visible;
    width: 96% !important;
    margin-left: 6px;
}

.qbobalanc_shhw30 thead td {
    text-align: left !important;
}

.qbobalanc_shhw30 {
    margin-left: 10px;
    width: 92% !important;
    margin-bottom: 10px;
}

.dash-client-main table tr td.newticktw30 {
    text-align: center !important;
}

.email_widgt_dpdownsh {
    clear: both;
    display: inline-block;
    position: relative;
    padding-top: 3px
}

.email_widgt_dpdownsh ul li {
    overflow: hidden;
    padding-bottom: 0px
}

.email_widgt_dpdownsh ul li a {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    padding-left: 3px;
}

.email_widgt_dpdownsh ul li a:hover,
.email_widgt_dpdownsh ul li a:focus {
    background-color: #ddd !important;
    color: #666 !important;
}

.email_widgt_dpdownsh ul li span {
    float: right;
    padding-top: 4px;
    padding-left: 4%;
    width: 10%
}

.cd-adwidgt-poup {
    width: 45% !important;
    border-top: 1px solid #fff !important;
}

.cd-innadwidgt-poup {
    width: 30% !important;
    border-top: 1px solid #fff !important;
    margin-left: 0px;
}

.cd-adwidgt-poup li {
    margin-left: 10px;
}

.cd-adwidgt-poup li a {
    margin-left: -68px !important;
    padding: 8px 0px !important;
}

.cd-innadwidgt-poup li a {
    margin-left: -68px !important;
    padding: 8px 0px !important;
}

.widget-sidebarpdd {
    margin-left: 8px;
    margin-right: 15px;
}

.addwidget-content-accordian {
    background-color: #fff !important;
    width: 102% !Important;
}

.cd-adwidgt-sidetab {
    background-color: #fff !important;
    width: 100% !important;
    padding-left: 0px !important;
}


/*-----------------------------  POPup large width -----------------------*/

.lgSidebarModal .modal-lg {
    max-width: 80%;
    width: 100%;
}

.review-input {
    margin-left: 0;
    margin-top: -17px;
    float: right;
    margin-right: 93px;
}

.review-input input {
    padding: 16px 0 0 0;
}

.totaldue-input {
    margin-left: 16px;
    margin-top: -12px;
}

.invoice-number-total {
    margin-bottom: 4px !important;
    overflow: hidden;
    display: block;
}


/***** Client dashboad - edit popup changes *******/

.smart-form .input-group-prepend.input-group-prepend-onlycd {
    width: 100%;
}

.jarviswidget-sortable .smart-form .radio-custom {
    margin-right: 40px;
    display: inline-block;
}

.form-froup-margin {
    margin-bottom: 0.5rem !important;
}

.userlist-tabsecrgt .modal-content .modal-header.modal-header-onlycd {
    padding: 15px 10px 15px 10px !important;
}


/***** Client dashboad - edit popup changes end *******/

.input-group-text.invoice-calendar-input {
    border-right: 0px aliceblue;
    margin-top: 3px;
    background: transparent !important;
}

.intotal-ivoice .row {
    padding-left: 14px;
    padding-right: 10px;
}

.modal-sidebar button.close {
    top: 22px !important;
    right: 32px !important;
}

.invoice-number-total p {
    margin-top: 10px;
}

.review-invoice-popup {
    padding: 0px;
}

.invoice-popup-txtfrm {
    padding: 0px;
}

.naics-code-acc {
    margin-top: 10px;
}

.ficformw30 {
    text-align: center;
    float: left;
    margin-right: 3px;
}

.amcharts-graph-column-element {
    cursor: pointer;
}

.inntask-reportbg {
    background-color: #fff !important;
    padding: 0px !important;
}

.select2-container--default .select2-selection--single {
    padding: 0px !important;
}

.ticket-savebtton-pddrgt {
    margin-top: 10px;
}

.cashonhand-company-namesh {
    overflow: hidden;
}

.userlist-tabsecrgt .modal-content .modal-header.wdgtset_modal_sh {
    padding: 15px 9px !important;
}

.ticketsummary_shh .input {
    width: 100%;
    border-bottom: 1px solid #e4eaec;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.ticketsummary_shh .input input {
    width: 92% !Important;
}

.add_client_user_shhw30 .nav-tabs .nav-item.show .nav-link {
    background-color: #fff !important;
    color: #666 !important;
    border-bottom-color: #f7813d !important;
}

.add_client_user_shhw30 ul li a.nav-link:focus,
a.nav-link:hover {
    border-bottom-color: #f7813d !important;
    background-color: #fafafa !important;
}

.add_client_user_shhw30 ul li a.nav-link.active {
    background-color: #fff !important;
    color: #666 !important;
    border-bottom-color: #f7813d !important;
}

.add_client_user_shhw30 ul li {
    margin-right: 10px;
}

.add_client_user_shhw30 ul li.active {
    border-bottom-color: #f7813d !important;
    background-color: #fff !important;
}

.add_client_user_shhw30 ul li a {
    padding-left: 3px !important;
    padding-right: 8px !important;
}

.clientsel-form select {
    background-color: transparent !important;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
}

.daterange-text {
    color: #f7813d !important;
}

.daterange-text i {
    color: #f7813d !important;
    cursor: pointer;
}

.daterange-dropdown li:hover {
    background-color: #f5f5f5 !important;
}

.daterange-dropdown li a {
    color: #666;
    padding-left: 10px;
}

.nextprev-one-sh {
    margin-left: 10px;
    margin-top: -3px;
    margin-bottom: 0px;
}

.tickettab-text {
    width: 100%;
    padding-left: 0px !important;
    background-color: #f9f9f9;
    margin-top: -1px !important;
    padding: 11px 10px 10px 10px !important;
    display: inline-block;
    margin-bottom: 10px;
}

.checklist-tickettab-text .ticketsum-checklist {
    width: 100% !important;
}

.checklist-tickettab-text .ticketsum-checklist .container-fluid {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.checklist-tickettab-text .ticketsum-checklist .divticketcTable .div-ticketc-Body .div-ticketc-Row .div-ticketc-Cell .checlist-text {
    width: 136px !important;
}

iframe.ticket-iframe {
    width: 100%;
    border: 1px solid #fff;
    float: left;
    margin-left: -9px;
    height: 100px;
    margin-top: -7px;
}

iframe.ticket-iframe p.MsoNormal,
li.MsoNormal,
div.MsoNormal {
    text-align: left !important;
    direction: ltr !important;
}

iframe.ticket-iframe html body {
    margin: 0px !important;
    padding: 0px !important;
}

p.MsoNormal,
li.MsoNormal,
div.MsoNormal {
    color: #666 !Important;
}

.messagetsumm-box {
    width: 95%;
    color: #666;
    overflow: hidden;
    border: 1px solid #fff;
    float: right;
}

.messagetsumm-box-left {
    max-width: 75%;
    float: left;
}

.comment-box-msg-left {
    padding: 8px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 6px;
    color: #666;
    position: relative;
    background-color: #fff;
    min-height: 39px;
    max-height: 100%;
}

.comment-box-msg-left p, .comment-box-msg-right p {
    margin-bottom: 0px !important;
    width: 100%;
    word-break: break-word;
}

.comment-box-msg-left cite {
    z-index: 999;
    position: relative;
    padding-right: 10px;
}

.messagetsumm-box-right {
    max-width: 75%;
    float: right;
    margin-right: 5px;
}

.comment-box-msg-right {
    padding: 8px;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 6px;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff !important;
    min-height: 39px;
    max-height: 100%;
}

.cmntbox-paddinn {
    padding-left: 12px;
    padding-right: 24px;
}

.comment-box-msg-right::before {
    position: absolute;
    width: 72px;
    height: 40px;
    left: auto;
    right: -40px;
    top: -1px;
    bottom: auto;
    border: 0px solid;
    border-color: #fff transparent transparent transparent;
}

.date-comment-box {
    margin-left: 6px;
}

.maessage-badge-profilecom img {
    width: 30px;
    border-radius: 50px;
    height: 30px;
    border: 2px solid #dee2e7;
}

.msgbox-badge-secrgt img {
    width: 40px;
    border-radius: 50px;
    height: 40px;
    margin-right: 42px;
}

.maessage-badge-profilecom.pull-left {
    margin-top: 23px !important;
    margin-right: 10px;
}

.maessage-badge-profilelftsec {
    margin-top: 9px;
    margin-right: 10px;
}

.msgbox-badge-sectop img {
    margin-right: 0px !important;
}

.editor-comment-ticket {
    border-bottom: 1px solid #eaeaea !important;
    background-color: #fff !important;
    -webkit-box-shadow: -2px -5px 8px -4px #cccccc;
    -moz-box-shadow: -2px -5px 8px -4px #cccccc;
    box-shadow: -2px -5px 8px -4px #cccccc;
    border-bottom: 1px solid #eaeaea !important;
}

.comment-post-btn span {
    position: relative;
    z-index: 1;
}

.comment-post-btn {
    color: #fff !important;
    background-color: #f7813d !important;
    border-color: #f7813d !important;
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    padding: 5px 25px !important;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20);
    margin-top: 10px !important;
}

.load-ellipse-vertical {
    width: .5em !important;
    height: .5em !important;
    padding: 0px !important;
    font-size: 21px;
}

.comment-post-btn:hover::after {
    -webkit-transform: translateX(-9%) translateY(-45%) rotate(90deg);
    transform: translateX(-9%) translateY(-45%) rotate(90deg);
}

.comment-post-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 372%;
    width: 223%;
    background: #2f3131;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.ql-editor.ql-blank::before {
    font-family: "Inter", sans-serif;
    color: #666 !important;
    font-style: normal !important;
}

.maessage-badge-profilecom.pull-right {
    margin-top: 23px;
    margin-left: 10px;
    margin-right: 36px;
}

.userlist-tabsecrgt .comment-box {
    width: 47% !important;
}

.comment-box {
    margin-top: -266px;
    position: absolute !important;
    bottom: 50% !important;
    left: 0 !important;
    width: 27%;
    background: #fff;
    padding: 5px 0;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.comment-box a.selectable-box {
    overflow: hidden;
    margin-bottom: 4px;
    padding: 4px 0;
}

.datebox-comnt-right {
    float: right;
}

.datebox-ajxcomnt-right {
    float: right;
}

.comment-hours {
    float: right;
    font-size: 10px;
}

#comment_table tr {
    border-top: 0px solid #fff !important;
    border-bottom: 0px solid #fff !important;
}

#comment_table tr td {
    padding-left: 0px !important;
    border-top: 0px solid #fff !important;
}

.messagetsumm-box #document html body {
    color: #666 !important;
}

.billpay-due {
    width: auto !important;
}

.billpay-duetotal li {
    margin-right: 45px;
}

.tickettab-attach {
    width: 100%;
    float: left;
    margin-left: -5px;
}

.messagetsumm-box html body {
    color: #666 !important;
}

.ticketsum-logs {
    width: 100%;
    float: left;
}

.ticketsum-logs table tbody tr td p {
    margin-bottom: 0px !important;
}

.tick-checkbox-pdd.ticket_checkboxw30 {
    float: left;
    margin-right: 13px;
}

i.media_del {
    top: -23px !important;
    right: 10px;
}

.attachments-anchor-text {
    width: 98%;
    display: block;
}

.client-respdd0 .panel .panel-body {
    padding-top: 0px !important;
}

.login-remember {
    margin-top: -3px;
}

.checkbox-custom label.login-remember::before {
    top: 3px !important;
}

.invoice-clientres {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.exclude-individualpd label {
    padding-top: 10px !important;
}

.exclude-individualpd select {
    padding-bottom: 10px !important;
}

.clientsrvcmatrixw30tbl tbody tr td {
    padding: 10px 0px !important;
}

.tablesaw td {
    padding: 10px 15px !important;
    width: 2%;
    word-wrap: break-word;
    vertical-align: top !important;
    font-size: 13px;
}

.tablesaw th {
    padding: 0px 12px !important;
}

.dorpdown-primary {
    margin-top: 18px !important;
}

.dorpdown-primary ul ul {
    left: 0px !important;
    width: 209px;
}

.dorpdown-primary ul ul ul {
    left: 100% !important;
}

.review-admin-tb0 tr th .form-group {
    margin-bottom: 0px !important;
}

.invoice-clientres .panel .panel-body {
    padding-top: 0px !important;
}

.form-material .form-control:disabled,
.form-material .form-control[disabled],
fieldset[disabled] .form-material .form-control {
    border-bottom: 1px solid #eaeaea !important;
}

.datepick-calendar .input-group input {
    margin-top: 0px;
}

.qbogenerate-bttn {
    margin-top: 10px;
    margin-right: 10px;
}

.invoicei-text {
    margin-top: -21px;
    float: right;
    overflow: hidden;
    display: inline-block;
}

.generateinvoice-tbl {
    padding-right: 10px !important;
}

.intotal-ivoice .review-invoice-popup .input-form-error {
    overflow: hidden;
}

.clientdocument tr:hover td section label.crm_notetxt_selectw30 select {
    background-color: transparent !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.clientdocument tr:hover td section label.clientnotes_label_shw30 textarea {
    background-color: transparent !important;
    border-top: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.client-prepuserlist {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-left: 13px;
    margin-top: 10px;
}

.client-prepuserlist li {
    list-style: circle !important;
    margin-bottom: 10px !important;
}

.client-prepuserlist li p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.client-prepuserlist li.notificationDate {
    padding-left: 0px !important;
}

.updatereport-bttn {
    overflow: hidden;
    display: block;
    margin-left: 10px;
    margin-top: -2px;
}

.date-rangedatetxt {
    margin-left: 10px;
}

.custom-formclick {
    clear: both;
}

.custom-formclick .ticket-list-mrg {
    margin-top: 0px !important;
}

.custom-formclick .ticket-list-mrg .date-range {
    margin-right: 0px;
}

.ticketlistedit-frame {
    margin-left: 10px;
}

.editbtnwebw30 {
    padding-right: 6px;
}

.disable-click {
    opacity: .65;
    pointer-events: none !important;
    color: #666;
}

.disable-checkbox-assignment {
    opacity: .65;
    cursor: not-allowed !important;
}

.payroll-edit-right {
    padding-right: 0px !important;
}

.payroll-edit-left {
    padding-left: 0px !important;
}

.payroll-editbttn {
    margin-top: 0px !important;
}

.crm_notetxt_selectw30 {
    width: 86.7%;
    float: left;
    padding-left: 1px;
}

.crmtextfield-notes {
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 2px 0 !important;
}

.select.transict_managw30sh {
    margin-top: -7px;
}

.clientassigned_savebtn {
    padding-right: 0px !important;
    margin-top: 34px;
}

.service-rowpdd td {
    width: auto !important;
}

.client-assigndrop i::after {
    display: none !important;
}

.infodropdwnw30 {
    margin-left: -78px !important;
}

.navcllps_listsh_info {
    padding-right: 0px !important;
}

.client-assigndrop i {
    margin-top: 10px !important;
}

.servcprovide_w30shh {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.clientassign-no-padd {
    padding-right: 0px !important;
}

.fuelux .wizard {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #f0f1f1 !important;
    -moz-box-shadow: 0 1px 4px #fff !important;
    box-shadow: 0 1px 4px #fff !important;
}

.fuelux .wizard ul {
    width: 50%;
    padding: 0;
    margin: 0;
    list-style: none outside none;
    padding: 10px 0;
}

.teamassgnservice_well_sh30 .fuelux .wizard ul li {
    padding-left: 10px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #f1f0f0;
    padding-right: 10px !important;
    cursor: pointer;
}

.fuelux .wizard ul li.active {
    color: #3276b1 !important;
    background: #fff !important;
}

.fuelux .wizard .actions {
    position: absolute;
    right: 9px;
    z-index: 2;
    float: right;
    padding-right: 11px !important;
    padding-left: 15px !important;
    line-height: 46px;
    vertical-align: middle;
    background-color: transparent;
    border-left: 1px solid #fff;
    z-index: 0 !important;
    top: -1px;
}

.team-btnassignment-w30btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.Servicesteamw_30shh {
    background-color: #fff;
    margin-top: 10px !important;
}

.headstaff_w30shh {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 25px;
    padding-left: 2px;
}

.transsection_5w30 {
    border: 1px solid #ececec;
    padding: 5px 9px 9px 9px;
}

.teamassign-type {
    float: right;
}

.labelw30clientsh .radio-custom {
    margin-left: 29px;
    float: left;
}

.teamassign-type span {
    margin-left: 31px;
}

.new-assignment-box {
    background-color: #fff;
    padding: 9px 10px 10px 10px;
    margin-bottom: 0px;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
}

.new-assignment-box div div p {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.transict_managw30sh {
    display: block;
    flex: inherit;
    width: 100%;
    overflow: hidden;
}

.transict_managw30sh select {
    border-top: 1px solid #f9fafc !important;
    border-right: 1px solid #f9fafc !important;
    border-left: 1px solid #f9fafc !important;
}

.transition-benefits-marg0 .pl0 .checkbox-custom {
    margin-top: 4px;
    float: left;
}

.pl0 {
    padding-left: 0 !important;
}

.transition-benefits-marg0 {
    float: right;
}

.transenablesh-checkout {
    float: right;
    margin-top: -4px;
}

.tran-modushw30 {
    border: 1px solid #ececec;
    overflow: hidden;
}

.tempadd13w30-head {
    background-color: #f9fafc;
    width: 100%;
    padding-left: 18px;
    padding: 5px 16px;
    text-transform: capitalize;
}

.tran-modushw30 .col-lg-12 {
    padding-left: 17px;
    padding-bottom: 3px;
    padding-top: 6px;
}

.tran-modushw30 .tranpadd13w30 {
    padding-left: 33px;
    overflow: hidden;
}

.benefits-add {
    float: left;
    display: inline-block;
    padding-right: 11px;
    padding-top: 5px;
    overflow: hidden;
}

.transition-label {
    padding: 0px !important;
}

.transition-clndrpdd {
    height: 36px !important;
    border-bottom: 1px solid #d1d7da !important;
}

.transition-form-calendar {
    width: 64%;
    float: right;
    margin-top: -10px;
}

.teamtxthedw30 {
    margin-top: 10px !important;
}

.team-trnsstafw30 {
    width: 100% !important;
}

.team-trnsstafw30 span.select2-container {
    width: 100% !important;
}

.billing-form-full {
    width: 100% !important;
}

.billing-example-type {
    width: 100% !important;
}

.effective-widthdate {
    width: 87px;
}

.search-heading {
    cursor: pointer;
    color: #3276b1;
    padding: 10px 10px 10px 15px;
    font-size: 15px;
}

.edit-frame {
    cursor: pointer;
}

.edit-frame:hover {
    text-decoration: underline;
}

.date-text {
    font-size: 14px;
}

#def_list_view th {
    font-size: 14px !important;
    font-weight: bold;
}

.search-heading .tag {
    color: #fff;
    display: inline-block;
    margin: 3px 0 3px 2px;
    position: relative;
    background: #3276b1 none repeat scroll 0 0;
    border: 1px solid #285e8e;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 28px 4px 8px;
    cursor: default;
}

.search-heading .tag [data-role="remove"]::after {
    content: "�?�";
    font-family: fontAwesome;
    font-size: 15px;
    line-height: 17px;
    padding: 2px 1px;
    text-align: center;
}

.search-heading .tag [data-role="remove"] {
    cursor: pointer;
    display: block;
    height: 22px;
    padding: 3px 4px 3px 5px;
    position: absolute;
    right: 0;
    top: -1px;
    width: 23px;
}

.paginate_button {
    cursor: pointer;
}

.rate_mount {
    cursor: pointer;
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
}


/*----------------------------------------- Billing Section -------------------------*/

.tasklist-weak-row ul li a i {
    font-size: 16px !important;
}

.hidd.en-xs.hidden-sm.ratetype_sh {
    border-radius: 6px 6px 0px 0px;
    padding-top: 0;
    margin-top: -21px;
    text-align: left;
    width: 22% !important;
}

.select_rateamount_sh {
    background-color: #f8f8f8;
    border-radius: 0px;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.table-forum thead tr {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e3e2e2;
}

.billing_sh_cl {
    background-color: #fff !important;
}

.rateamt_sh {
    border-radius: 6px 6px 0px 0px;
    padding-top: 0;
    margin-top: -21px;
    text-align: left;
    width: 22% !important;
}

.service-rate {
    background-color: #e5e5e5;
    border-radius: 0px;
}

.rate_amount_sh {
    background-color: #fcfcfc;
    border-radius: 0px;
    border-right: 1px solid #eaeaea;
}

.rate_mount_sh {
    background-color: #fcfcfc;
    border-radius: 0px;
}

.samerate_sh {
    border-radius: 5px 0px 0px 0px;
    width: 11% !important;
}

.billrate_sh {
    border-radius: 0px 5px 0px 0px;
}

.billrate_r_sh {
    text-align: right;
    border-right: 1px solid #eaeaea;
}

.clickorrate_sh {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.clickorrate_sh .input a {
    font-size: 11px;
    color: #2990f1;
}

.clickorrate_sh_bill {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.inprocess_sh_timer {
    color: #f7813d;
    font-size: 11px;
    margin-bottom: 0px !important;
}

.timer_img_sh {
    padding-right: 10px;
}

.service_taxation_list_sh {
    border-top: 1px solid #fff !important;
}

.taxation_sh_brdr {
    border-bottom: 1px solid #fff5f5;
}

.will_pay_sh {
    background-color: #eaeaea;
    border-radius: 6px 6px 0px 0px;
    padding-top: 0;
    margin-top: -21px;
    text-align: center;
    width: 15% !important;
}

.rate_bil_sh {
    background-color: #e2f4c3;
    border-radius: 6px 6px 0px 0px;
    padding-top: 0;
    margin-top: -21px;
    text-align: center;
    width: 15% !important;
}

.pay_mount_sh {
    background-color: #eaeaea;
    border-radius: 0px;
}

.appratetxt_mount_sh {
    background-color: #e2f4c3;
}

a.default_val_shh {
    font-size: 11px;
}

.srvcrate_shh {
    background-color: #e2f4c3;
    border-radius: 6px 6px 0px 0px;
    padding-top: 0;
    margin-top: -21px;
    text-align: center;
    width: 15% !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff !important;
}

.clientdate-w30shhh .project-selector {
    text-transform: capitalize;
}

.clientdate-w30shhh {
    overflow: hidden;
    padding-left: 0px;
}

.clientdate-w30shhh div .date-text {
    float: left;
}

.arrowdaterange-w30shh a {
    margin-top: -3px !important;
}

table tbody tr.taxation_sh_brdr:hover {
    background-color: #fff !important;
}

table tbody tr.clientbill-ajrow:hover {
    background-color: #fff !important;
}

table tbody tr.exception-row-hover:hover {
    background-color: #fff !important;
}

table tbody tr.billing_sh_cl:hover {
    background-color: #fff !important;
}

.client-docrow-size {
    width: 5% !important;
}

.detail-ticket {
    width: 100% !important;
}

.ticket-verified-picker {
    margin-top: 9px !important;
}

.transsection_5w30 div .sonata-ba-field-standard-natural {
    overflow: hidden;
}

.invoice-elemetspicker .input-group.form-group input#selected-date {
    padding-top: 14px !important;
    color: #666 !important;
}

.invoice-elemetspicker .form-group .input-group-prepend span i {
    margin-top: 0px !important;
}

.fuelux .step-content .step-pane {
    display: none;
}

.fuelux .step-content .active {
    display: block;
}

.tickettab-text .tab-pane table tbody tr td {
    padding-right: 0px !important;
}

.stat-time-dtl .form-group #add-to-dtl-btn {
    margin-right: 10px;
}

.task-billable-switch {
    margin-left: 10px;
}

.select.crm_editschdle_selectw30 {
    width: 100%;
    float: left;
    padding-left: 3px;
}

.MonthDayEachBlock .monthtext {
    float: left;
    display: block;
    width: 100%;
}

.MonthDayEachBlock {
    display: block;
    padding-left: 0px;
}

#MonthDayBlockNe .MonthDayEachBlock .editsched-containersh {
    float: left;
}

.select_edit_schedulew3sh.day.form-control {
    margin-top: 0px;
    padding-left: 0px;
}

.editsched-containersh {
    padding-right: 0px !important;
}

#create-ticket-form .form-material .switch-tabright {
    margin-left: 0px;
}

.removeInstruction {
    margin-right: -23px;
    cursor: pointer;
}

.clientinstruc-tblsec tbody tr:hover {
    background-color: #fff !important;
}

.comment {
    padding: 20px 18px 9px 0 !important;
}

.invoice-ellipse-top {
    margin-top: 5px;
}

.markedagainst_sh .repvoid_list li span a {
    color: #c2d9ed !important;
}

.repvoid_list {
    padding-left: 0px;
}

ul.repvoid_list li {
    list-style: none;
    float: left;
    padding: 0 16px 0px 0;
}

ul.repvoid_list li {
    list-style: none;
}

.crm-field-pddrgt {
    width: 100% !important;
}

.notification-h300 .list-group .media:hover {
    background-color: #f5f5f5 !important;
}

.basicinfofield div {
    margin-bottom: 7px !important;
}

#form-invoicesh .input-group {
    margin-bottom: 0px !important;
    margin-top: 20px;
}

button#save-invoice-btn {
    margin-right: 8px;
}

tr.review-admin-tb0 td .form-group select.select-pdd0 {
    background-color: transparent !important;
    border-right: transparent !important;
    border-top: transparent !important;
    border-left: transparent !important;
}

tr.review-admin-tb0 td input {
    background-color: transparent !important;
    height: 28px;
}

tr.review-admin-tb0 td .form-group select.select-pdd0:hover {
    background-color: transparent !important;
}

.userlist-tabsecrgt .form-group button {
    margin-top: 10px;
}

.userlist-tabsecrgt .form-group .grossasset_w30 button {
    margin-top: 6px !important;
}

.clientnotes_textarea_shw30 {
    height: 42px !important;
}

.client-respdd0 table tr:hover td textarea {
    background-color: transparent !important;
    border-left: transparent !important;
    border-top: transparent !important;
    border-right: transparent !important;
}

.client-respdd0 table tr:hover td .form-material div div.select-pdd0 button .filter-option {
    background-color: transparent !important;
    border-left: transparent !important;
    border-top: transparent !important;
    border-right: transparent !important;
}

.rowcreatenotes_input {
    margin-top: 0px !important;
    overflow: hidden;
    display: inline-flex;
}

.rowcreate_textarea_shw30 {
    height: 37px !important;
    margin-top: -11px;
}

.btn-primary:not([disabled]):not(.disabled):active:focus {
    color: #fff;
    background-color: #f7813d;
    border-color: #f7813d;
}

.secure-datapadd {
    padding-right: 0px !important;
}

.encryption-docs-close {
    margin-top: 10px !important;
}

.secure-datalog-list {
    border: 1px solid #eee;
    padding: 0 5px;
    margin-bottom: 10px;
}

.secure-datapadd .crmSecureDataForm .panel {
    margin-bottom: 0px !important;
}

.secure-textright {
    padding-right: 0px !important;
}

.modal-body .bootbox-body {
    margin-left: 0px !important;
}

.custom-disconnect .bootbox-body {
    margin-left: 10px !important;
}

.userlist-tabsecrgt .modal-content .modal-body .col-sm-12.col-md-12.col-lg-12.col-xl-12 .panel {
    margin-bottom: 0px !important;
}

.manage-file-access {
    padding-right: 0px !important;
}

.account-payright {
    padding-right: 0px !important;
}

.client-docrow-size .select-pdd0 {
    background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent) !important;
    background-color: transparent !important;
}

.client-docrow-size textarea {
    background-color: transparent !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
}

.client-docrow-size .select-pdd0 select {
    background-color: transparent !important;
}

.usermatrix-processw30 {
    clear: both;
}

.modal-footer.encrypt-footer {
    margin: 6px -19px 20px !important;
}

.securedata-contectbox {
    padding-top: 14px;
    padding-right: 47px;
}

.fileViewClose .encryption-docs-close {
    margin-top: 10px !important;
}

.exclude-individualpd span.select2 {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.insurance-editbtn {
    float: right !important;
    background-color: #e78a30;
    color: #fff !important;
    border: none !important;
    margin-right: -4px;
    margin-top: 0px;
    border-radius: 0px !important;
}

.insurance-editbtn i {
    color: #fff !important;
}

.insurance-listhand {
    cursor: pointer;
}

.client-service-text textarea {
    height: 37px;
}

.serviceinsurance-textarea textarea {
    height: 37px !important;
}

.servinsur-history {
    margin-top: 0px;
    float: right !important;
    display: inline-block;
    margin-left: 60px;
}

#upload-ticket-file {
    clear: both;
    display: inline-block;
    width: 100% !Important;
}

.row.white-background.task-addbtn {
    margin-left: 0px !important;
    margin-right: 7px;
}

.attachment_listw30 {
    cursor: pointer;
    width: 95%;
    float: left;
}

.attachment_listw30 a {
    width: 100%;
    display: block;
    color: #666 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.attachment_listw30 small {
    color: #f7813d;
}

.crm-wrapper textarea::-webkit-scrollbar {
    width: 0 !important
}

textarea {
    overflow: -moz-scrollbars-none;
}

textarea {
    -ms-overflow-style: none;
}

.dtl-top-headleft {
    padding-left: 0px !important;
}

_::content,
_:future,
.notification-m-right:not(*:root) {
    left: -22px !important;
}

.delete-note-width {
    cursor: pointer;
}

.note-style .btn-default:not([disabled]):not(.disabled).active,
.btn-default:not([disabled]):not(.disabled):active,
.open>.btn-default.dropdown-toggle,
.show>.btn-default.dropdown-toggle {
    color: #757575;
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    box-shadow: none;
}

.difference-detail tbody tr {
    height: auto !Important;
    width: 100% !important;
}

.review-expand-icon {
    margin-top: 21px;
    padding-right: 0px;
    cursor: pointer;
}

.review-expandbtn-rgt {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.timer-spantxt {
    margin-left: -5px !important;
}

.show-internalmrg {
    margin-right: 12px;
}

.tasklist-search {
    margin-bottom: 10px;
}

.tasklist-search span.select2-container span span {
    padding-top: 3px !important;
}

.tasklist-search span.select2-container span span span b {
    padding-top: 3px !important;
}

.tasklist-addlist {
    margin-left: 10px;
}

#submit_dtl.disable_subsh,
#mainSubmitDiv button.disabled {
    background-color: #f8ac80 !important;
    color: #fff;
    padding: 4px !important;
}

.select-secdropshh {
    margin-top: 9px !important;
    background-color: #f8ac80 !important;
    color: #fff;
    margin-left: -6px;
    padding: 4px 7px !important;
}

#submit_dtl {
    margin-top: 9px;
    margin-right: 5px;
}

#exampleHoverDropdown2 {
    cursor: pointer;
}

.dtl-starttimer-task .form-group button {
    margin-right: 10px !important;
}

.dtl-dropdown {
    margin-left: -154px !important;
    padding-left: 10px !important;
}

.select-secdropshh:after {
    color: #fff !important;
}

.clientexception-nopdd {
    padding-right: 0px !important;
}

.billing-info-message .alert-info {
    background-color: #dadada !important;
    border-color: #e1e1e1 !important;
    padding: 2px !important;
    border-radius: 0px !important;
    color: #666 !important;
}

.billing-info-message {
    padding-left: 0px !important;
    margin-top: 10px;
    width: 50%;
}

.client-billing-missing {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.basic-statusclient .select-pdd0.clientstatus .dropdown-menu .inner ul li a {
    margin-bottom: 10px !important;
}

.end-monthselect {
    margin-top: 10px;
}

.notification-foot-menu {
    background-color: #fff !important;
}

.dropdown-menu-media .notification-foot-menu .dropdown-item {
    padding: 5px 8px !important;
    color: #3276b1 !important;
}

.teamuser-managment {
    margin-top: -2px !important;
}

.dtl-subunsub-bttn.pull-right {
    margin-top: 10px;
}

.taskbttn-edittask {
    overflow: hidden;
}

.search-teamedit {
    margin-bottom: 0px !important;
}

ul.weak-list li {
    cursor: pointer;
}

.user-invoicehours-icon i {
    padding-left: 0px !important;
}

.entertime-dropdown i {
    margin-top: 10px !important;
}

.qbo-navwrap-list {
    margin-right: 30px !important;
    margin-left: -198px !important;
}

.qbo-navwrap-listone {
    left: 100% !important;
    float: left !important;
    margin-left: -412px !important;
}

.sales-label-edit {
    padding-bottom: 0px !important;
    margin-bottom: -3px !important;
}

.review-addlines-ad td {
    padding-left: 0px !important;
}

ul.repvoid_list li span a.active {
    color: #51a5ed !important;
}

.addwhy-overflow {
    clear: both;
}

.defect-pagination-go {
    margin-left: -4px;
    margin-top: 21px;
}

.records-pagination {
    margin-top: -22px;
    margin-left: 23px;
    color: #666;
    cursor: text !important;
}

.ticket-infoicon .btn-group i {
    margin-top: 10px !important;
}

.ticket-listbtn {
    margin-right: 15px !important;
    margin-top: 3px !important;
}

.clear-ticket a {
    overflow: hidden;
    display: block;
    clear: both;
}

.note-editor.note-frame .note-editing-area .note-editable {
    color: #666 !important;
}

.note-editor.note-frame .note-editing-area .note-editable p i {
    color: #666 !important;
}

.note-editor.note-frame .note-editing-area .note-editable p b {
    color: #666 !important;
}

.note-editor .note-editing-area .note-editable {
    width: 595px !important;
}

.client-budgetdrop.crm_row_link.addNotePercrmsh.notification-m-right.dropdown-menu.show:hover {
    overflow: hidden;
}

.task-info-report {
    margin-top: 9px !important;
}

.special-class {
    -webkit-transform: none !important;
    will-change: unset!important;
}

.team-mang-add .top-headpdd0 .add-new-plus {
    margin-left: 10px;
    margin-top: 10px;
}

.page-profile .card .card-block a img {
    width: 200px !important;
    height: 130px !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 999999 !important;
}

.userlist-tablrgtpdd-resp.customDateFilterBlock .panel-body {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.client-listexport-btn {
    margin-bottom: 10px;
}

.ticket-btnplus-top {
    margin-top: -5px;
}

.defect-search-list {
    clear: both;
}

.crm_selectfield_action .dropdown-menu .inner ul li:last-child a span {
    padding-bottom: 10px !important;
}

.dtl-tasklist td a {
    cursor: pointer;
}

.client-dtl-name {
    color: #393838 !important;
}

a.task-dtl {
    color: #3276b1 !important;
}

.dropdown-toggle::after {
    color: #817f7f !important;
}

.dropdown-toggle::before {
    color: #817f7f !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #666 transparent transparent transparent !important;
}

.list-group .media.active {
    background-color: #f8f8f8;
}

.form-material.form-group .form-control-label {
    color: #000 !important;
}

.teamsubmit-marg {
    margin: 0 11px;
}

.teamtxt-padd-left {
    padding-left: 15px !important;
}

.fc .fc-toolbar h2 {
    font-size: 14px !important;
}

h3.tax-head-text {
    font-size: 1.20rem !important;
    margin-top: 0px !important;
}

.basic-history .addhistoryw30link {
    padding-top: 6px !important;
}

.deleteMatrixBtn-action {
    cursor: pointer;
}

.noteap_inventory ul {
    padding-left: 13px;
}

.search-report {
    margin-right: 10px;
}

.search-report i {
    color: #fff !important;
}

.task-report-bttn {
    padding-right: 3px !important;
    padding-bottom: 0px !important;
}

.userlist-tabsecrgt .task-report-bttn .form-group button {
    margin-top: 0px !important;
}

.task-search-resetbtn {
    margin-bottom: 0px !important;
}

.gross-refresh {
    cursor: pointer;
}

.shareledger-dropdown li {
    padding-left: 8px;
}

.shareledger-dropdown li a {
    color: #666;
}

.shareledgertext {
    font-size: 14px;
    font-weight: normal;
}

.schedule-btmtext {
    color: #393838 !important;
    font-weight: 300;
}

.task-report-range {
    margin-top: -35px;
}

.task-datein-report {
    margin-top: 5px !important;
}

.task-report-range .input-group {
    margin-bottom: 0px !important;
}
.es-search-qbo-master{
    margin-left: 15px;
}
.get-invoices-btn button {
    margin-top: 5px;
}
.del-invoices-btn button {
    margin-right: 5px;
}
.del-invoicesLines-btn{
    margin-top: 7px;
}
.del-invoicesLines-btn button {
    margin-right: 5px;
}
.dropdown-menu a {
    cursor: pointer;
    padding-left: 5px;
}

.rcatab-text div form .form-group textarea {
    height: 33px;
}

.dtl-dropdown li span {
    cursor: pointer;
}

td.exclude-individualpd:hover .select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
    border: transparent !important;
    height: 35px !important;
}

.invoice-headingtxt {
    color: #393838 !important;
}

.form-group.form-material.clear-ticket {
    margin-top: -16px;
}

.client-account input {
    width: 94%;
}

.matrix-header th {
    padding-left: 5px;
}

.clientass_w30effctdate {
    padding-top: 10px;
}

.calander-dashboard .panel-body .calendar-container {
    height: 522px !important;
}

.calander-dashboard .panel-body .calendar-container .fc-view-container .fc-view table tbody td.fc-widget-content .fc-scroller {
    height: 379px !important;
}

.add-matrix-container.pull-left.usermatrix-processw-addbtn30 {
    margin-left: 98px;
}

.info-icon-clientlist {
    margin-top: -9px !important;
}

.info-button-clientlist {
    margin-top: -4px !important;
}

button.add-new-plus::after {
    color: #fff !important;
    display: none;
}

.shareledger-dropdown li:hover {
    background-color: #f5f5f5 !important;
}

.arleft_paddw30 {
    padding-left: 7px;
}

.cashon_hand_w30 {
    margin-left: 7px;
}

.ticketsummary_shh .input.quality-eidt-border input {
    width: 100% !important;
    border-bottom: 0px solid #fff !important;
}

.add-widget-userlit {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.add-widget-userlit ul {
    border-bottom: 00px solid #fff;
}

.t-quick-view {
    color: #3276b1 !important;
    cursor: pointer;
    font-size: 14px;
}

.attachment-box-scroll {
    border: 1px solid #eee;
    padding: 10px;
}

.attachment-box-scroll .attachment_listw30 {
    padding-bottom: 5px;
}

.attachment-box-scroll .attachment_listw30 a {
    display: block;
}

.bulk-bttn-mrg {
    margin-top: 10px;
}

.tickettab-text .tab-pane table.cil-ticket-defect tbody tr td {
    padding: 0px 15px !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-right: 7px !important;
    text-overflow: ellipsis;
}

.travel-exptextarea p {
    width: 397px !important;
}

.cd-bttn-uploadmrg0 {
    margin-top: 0px !important;
}

.sharefile-notfound {
    padding-top: 36px !important;
}


/*-------------------------------------------------- Project overlay ----------------------------------------*/

.overlay-project {
    margin-top: 11px;
    position: absolute;
    right: 0;
}

#overlayhelpOptions.dropdown-menu {
    margin-top: 11px;
}


/*------------------------------------------- Credential Upload ---------------------------------------------*/

#alerts_listing {
    position: relative;
    height: 57vh;
}

.credential-upload {
    position: absolute;
    left: 41%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 690px;
    width: 100%;
    padding-left: 160px;
    line-height: 1.1;
    clear: both;
}

.credential-upload-border {
    width: 100%;
    margin-left: 5%;
    text-align: center !important;
    padding: 10%;
    background: #fff;
    border: 3px solid #eee;
}

.credential-upload-border p input {
    margin-left: 10%;
}

.credential-upload-border .row {
    margin-left: 0;
    margin-right: 0;
    display: block;
    text-align: center;
}

.upload-credclint-list {
    margin-left: 0px !important;
    margin-top: 24px;
}

.hidden {
    display: none;
}

.credential-upload#start {
    float: left;
    clear: both;
    width: 100%;
}

.credential-upload #file-image {
    display: inline;
    margin: 0 auto .5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}

#file-image {
    display: inline;
    margin: 0 auto .5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}

.credential-upload #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.credential-upload #start i.fa {
    font-size: 50px;
}


/* --------------------- Sorting --------------------------*/

.sort-by-dsc {
    padding-right: 18px;
    position: relative;
}

.sort-by-dsc:before,
.sort-by-dsc:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 4px;
    top: 49%;
    position: absolute;
    width: 0;
}

.table-quick-button-font {
    clear: both;
}

.sort-by-dsc:before {
    border-bottom-color: #c9c9c9;
    margin-top: -9px;
}

.nav-tabs.taskreport-nav-border {
    border-bottom: 1px solid #fff !important;
}

.report-calendar-pd {
    margin-top: 15px;
}

.task-search {
    margin-right: 10px;
    margin-top: 34px !important;
}

.staffexportLink {
    margin-right: 0px !important;
    /* margin-top: 26px !important; */
}

.task-report-right.no-padding {
    padding-right: 0px !important;
    padding-left: 5px !important;
}

.report-heading h3 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}

.task-report-range.customDateFilterBlock.pull-left.no-padding {
    margin-top: -18px;
}

.task-search i {
    color: #fff !important;
}

.report-heading {
    padding-left: 0px !important;
}

.select-taskmrg {
    margin-left: -10px;
}

.ajx-namepdd {
    padding-left: 50px;
    padding-right: 0px !important;
}

.ajx-export-head {
    margin-left: -15px !important;
    padding-left: 0px !important;
}

.add-new-plus:active:hover {
    color: #fff;
    background-color: #f7813d;
    border-color: #f7813d;
}

.sort-by-dsc:after {
    border-top-color: #666;
    margin-top: 1px;
}

.sort-by-asc {
    padding-right: 18px;
    position: relative;
}

.sort-by-asc:before,
.sort-by-asc:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 4px;
    top: 49%;
    position: absolute;
    width: 0;
    cursor: pointer;
}

.sort-by-asc:before {
    border-bottom-color: #666;
    margin-top: -9px;
}

.sort-by-asc:after {
    border-top-color: #c9c9c9;
    margin-top: 1px;
}

.sort-by {
    padding-right: 18px;
    position: relative;
}

.sort-by:before,
.sort-by:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    height: 0;
    left: 4px;
    top: 49%;
    position: absolute;
    width: 0;
    cursor: pointer;
}

.sort-by:before {
    border-bottom-color: #c9c9c9;
    margin-top: -9px;
}

.tablesaw .sorting-padding-left th {
    padding: 0px 16px !important;
    cursor: pointer;
}

.sort-by:after {
    border-top-color: #c9c9c9;
    margin-top: 1px;
}

.card-userpermission {
    margin-bottom: 10px !important;
}

.card-userpermission .card-header {
    padding: 7px 8px 0px 8px;
    background-color: #fff;
    border: 1px solid #eee;
    height: 39px;
}

.card-userpermission .card-header .pull-right .form-group .checkbox-custom.checkbox-primary {
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.acc-content-bord {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.acc-content-bord .card-body {
    padding-top: 0px !important;
    padding-left: 9px;
}

.acc-content-bord .assignuser-heading {
    padding-bottom: 12px !important;
    padding-top: 10px;
    clear: both;
}

.assign-border-btm {
    border-bottom: 1px solid #f4f4f4;
}

.assign-border-btm .col-sm-3.col-md-3.col-lg-3.col-xl-3 .form-group .checkbox-custom label {
    word-break: break-all;
}

.acl-foot-buttons {
    padding-right: 0px !important;
}

.assign-body {
    padding-top: 0px !important;
}

h3.ticket-card-title {
    font-size: 16px;
    color: #3276b1 !important;
    padding-bottom: 2px;
    padding-top: 20px;
}

.headerSearchInputContainerClient {
    width: 475px !important;
    margin: -176px;
}

.headerSearchInputContainerNotification {
    width: 475px !important;
    margin-left: -186px;
}

markread {
    border-left: 1px solid blue;
}

.notification-checkbox-all {
    float: left;
}

.notification-anchor-texthead {
    padding-left: 5px;
}

.notification-rgticket {
    margin-left: 10px;
}

.notification-rgticket a h6 {
    padding-left: 0px !important;
}

.notification-rgticket p {
    padding-left: 0px !important;
}


/* User Profile */

#image-preview {
    width: 97%;
    height: 200px;
    border: 1px solid #E8E7E7;
    margin: auto;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    color: #ecf0f1;
    background-size: contain!important;
    background-position: center center!important;
    background-repeat: no-repeat;
}

#image-preview input {
    line-height: 200px;
    opacity: 0;
    z-index: 10;
    width: 100%;
    height: 200px!important;
}

#image-preview label {
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
    color: black;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

i.fa.fa-edit {
    font-size: 20px;
    color: white;
    border: none;
}

.image-upload>input {
    display: none;
}

.image-upload img {
    width: 80px;
    cursor: pointer;
}

input#prflUpload {
    width: 100%;
    visibility: hidden;
    background-color: #F7813E!important;
    border: 1px solid #F7813E;
    margin-top: 10px;
}

#myModal .modal-dialog {
    width: 550px;
}

label#lblChangeImage {
    width: 97%;
    margin: auto;
    text-align: center;
    color: white;
    font-size: 17px;
}

#prflUpload {
    margin-right: 10px;
}

#picext {
    color: #f44336!important;
    margin-bottom: -16px;
    margin-top: 4px;
    margin-left: 7px;
}

button#removePic {
    float: right;
    margin-right: 10px;
}

#bootboxModal .form-group.form-material.pull-right {
    margin-bottom: 0px;
}

.avatar-lg:hover .fa.fa-edit.profile-edit-fa {
    opacity: 1;
    background-color: #403c3c8f;
}

.profile-edit-fa {
    opacity: 0;
}

#ImageErrorShow {
    margin-bottom: -16px;
    margin-top: 10px;
    margin-left: 7px;
}

.fa.fa-edit.profile-edit-fa {
    width: 131px;
    height: 131px;
    top: 0px;
    padding-top: 50px;
    padding-left: 3px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    font-size: 22px !important;
}

.fa.fa-edit.profile-edit-fa:hover {
    transition: 1s;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.state-error input,
.state-error select,
.state-error .select2 {
    border-bottom: 1px solid red !important;
}

.profile-bootbox {
    color: #666 !important;
    margin: -2px -2px 0px -2px;
}

.change-av-btn {
    margin-left: 15px !important;
}

.avatar img {
    /* width:256px !important; */
    height: 100%!important;
}

.navbar-avatar .avatar {
    width: 35px!important;
    height: 35px!important;
}

.wrap-upload-profile {
    width: 555px !important;
}

.wrap-upload-profilebootbox {
    margin-bottom: 21px;
}

.picetext-profile {
    margin-top: 13px !important;
    margin-left: 0px !important;
}

.avtar-choose-text {
    background-color: none !important;
    border: none !important;
}

.wrap-upload-profilebootbox #ImageErrorShow {
    margin-left: 0px !important;
}

.disable_add_btn {
    background-color: #f8ac80 !important;
}

.disable_add_btn:hover {
    background-color: #f8ac80 !important;
}

.emai-setting-mrg0 {
    margin-top: -2px;
}


/*  */


/*----------------------------------------- Responsive ---------------------------*/

span.user-add-ticket {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -10px;
    background-color: #fff;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    position: relative;
}

.cil-user-added {
    margin-top: 7px;
}

.cil-user-added .btn {
    width: 16px !important;
    height: 16px !important;
    right: 0 !important;
    background-color: #979797;
}

.ciltab-white-bg {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff !important;
    margin-top: 10px;
}

span.user-added .btn {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -7px;
    right: -4px !important;
    padding: 0px !important;
    background-color: #979797;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

span.user-added:hover .btn {
    visibility: visible;
    opacity: 1;
}

span.user-added .btn .icon {
    font-size: 11px !important;
    color: #ffffff;
}

.cil-summ-ifont li span.user-added button i.cil-close {
    margin-left: -6px !important;
    font-size: 11px !important;
    margin-top: -3px !important;
    display: block;
    vertical-align: middle;
}

.cil-summ-ifont li span.user-added button i.cil-close-dropwatch {
    color: #666 !important;
    padding-top: 4px !important;
}

#watchers-id-sub-count {
    padding-left: 3px;
    margin-left: 0px;
    color: #fff;
    font-size: 12px !important;
}

#contributors-id-sub-count {
    padding-left: 3px;
    margin-left: 0px;
    color: #fff;
    font-size: 12px !important;
}

#contributors-id-sub-plus {
    color: #fff;
    width: auto !important;
    padding-left: 2px;
}

span#watchers-id-sub-plus {
    color: #fff;
    width: auto !important;
    padding-left: 2px;
}

.cil-edit-ifont {
    margin-left: 110px;
    margin-top: 2px;
}

.update_button_cil {
    margin-left: 10px;
}

.cil-tabtick-view .summary-listing .easy-tree {
    margin-top: 0px !important;
}

.selected-users-list {
    margin-left: -2px !important;
}

.status {
    width: 12px;
    height: 12px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    border-radius: 0px !important;
    margin-left: -1px !important;
}

.status-progress-working {
    color: #00af50;
}

.div-cil-Head .pointer-text {
    padding-left: 5px;
}

.div-cil-bg-row {
    background-color: #fff;
    padding: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.no-customer-logfound {
    width: 100%;
    background-color: #fff;
    padding: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.group-summary-cil {
    width: 100%;
    padding-left: 0px !important;
    padding-top: 14px;
    padding-right: 0px !important;
}

.customer-cross-text {
    color: #666 !important;
}

.customer-cross-icon {
    padding: 7px 0;
}

.cil-info {
    padding: 0px 0;
    display: inline-block;
    width: 29%;
    margin-right: 2px;
}

.cil-info li {
    width: 100%;
    float: left;
    list-style: none !important;
}

.cil-info li p {
    margin: 0px;
    line-height: 30px;
}

.cil-info li span {
    width: 50%;
    float: left;
    color: #000;
}

.cil-info-ulist {
    padding: 0px 0;
    display: inline-block;
    width: 100%;
}

.cil-info-ulist li {
    width: 100%;
    float: left;
    list-style: none !important;
}

.cil-info-ulist li p {
    margin: 0px;
    line-height: 30px;
}

.cil-info-ulist li div.resolution-text {
    width: 10% !important;
    float: left;
    color: #000;
}

.cil-info-ulist li div.description-resolution {
    width: 85%;
    float: left;
    margin-left: 54px;
}

.create-cil-textcheckbox {
    font-size: 12px !important;
    margin-top: 0px;
}

.create-cil-textcheckbox .form-group {
    margin-bottom: 0px !important;
}

.clearfix {
    clear: both;
}


/*--------------------------------------------- Ticket Template ---------------------------------------------*/

.ticket-information-icon i {
    font-size: 1.43rem !important;
}

.ticket-panel-body {
    background-color: transparent !important;
}


/** Easy Tree style */

.easy-tree {
    color: #666;
    border: none;
    border-top: none;
    padding-bottom: 15px;
    margin-top: 16px;
}

.easy-tree>ul {
    padding-left: 0px;
}

.easy-tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 0px 0 0px;
    position: relative;
}

.easy-tree li::before,
.easy-tree li::after {
    content: '';
    left: -30px;
    position: absolute;
    right: auto
}

.easy-tree li::before {
    border-left: 2px solid #eaeaea;
    bottom: 13px;
    height: 100%;
    top: -29px;
    width: 1px
}

.easy-tree li>span {
    border: 2px solid #eaeaea;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    text-decoration: none
}

.easy-tree li.parent_li>span {
    cursor: pointer
}

.easy-tree>ul>li::before,
.easy-tree>ul>li::after {
    border: 0
}

.easy-tree li:last-child::before {
    height: 111px
}

.easy-tree li.parent_li>span:hover,
.easy-tree li.parent_li>span:hover+ul li span {
    background: #ff6c60;
    color: #fff;
}

.easy-tree li.parent_li>span:hover+ul li.li_selected span {
    background: #e5e2e1;
    color: #e56155;
}

.easy-tree li>span>a {
    color: #fff;
    text-decoration: none;
}

.easy-tree li>span>span.glyphicon-folder-close,
.easy-tree li>span>span.glyphicon-folder-open {
    margin-right: 5px;
}

.easy-tree li.li_selected>span,
.easy-tree li.li_selected>span>a {
    background: #e5e2e1;
    color: #e56155;
}

.easy-tree li.li_selected>span:hover,
.easy-tree li.li_selected>span:hover>a {
    background: #fafafa;
    color: #ff6c60;
}

.easy-tree .easy-tree-toolbar {
    background-color: #fff;
}

.easy-tree .easy-tree-toolbar>div {
    display: inline-block;
}

.easy-tree .easy-tree-toolbar>div>button {
    border-radius: 0;
    margin: 20px 5px;
}

.easy-tree .easy-tree-toolbar .create .input-group {
    top: -15px;
    margin-left: 5px;
    margin-right: 5px;
}

.easy-tree .easy-tree-toolbar .create .input-group input {
    border-radius: 0;
}

.easy-tree .easy-tree-toolbar .create .input-group button {
    border-radius: 0;
}

.ticket-card [class*="ticket-card-header-"] .ticket-card-icon,
.ticket-card [class*="ticket-card-header-"] .ticket-card-text {
    background-color: #999999;
    padding: 10px 13px 0px 13px !important;
    margin: -33px auto 0;
    width: 52px;
}

.ticket-card .ticket-card-header-info .ticket-card-icon.ticket-in-process-status,
.ticket-card .ticket-card-header-info .ticket-card-text,
.ticket-card .ticket-card-header-info:not(.ticket-card-header-icon):not(.ticket-card-header-text),
.ticket-card.bg-info,
.ticket-card.ticket-card-rotate.bg-info .front,
.ticket-card.ticket-card-rotate.bg-info .back {
    background: linear-gradient(60deg, #f7a33d, #f7a33d);
    background-color: #f7a33d;
    height: 93px;
}

.ticket-card .ticket-card-header-info .ticket-card-icon.ticket-Dependent-status,
.ticket-card .ticket-card-header-info .ticket-card-text,
.ticket-card .ticket-card-header-info:not(.ticket-card-header-icon):not(.ticket-card-header-text),
.ticket-card.bg-info,
.ticket-card.ticket-card-rotate.bg-info .front,
.ticket-card.ticket-card-rotate.bg-info .back {
    background: linear-gradient(60deg, #f04d68, #f04d68);
    background-color: #f04d68;
    height: 93px;
}

.ticket-card .ticket-card-header-info .ticket-card-icon.ticket-closed-status,
.ticket-card .ticket-card-header-info .ticket-card-text,
.ticket-card .ticket-card-header-info:not(.ticket-card-header-icon):not(.ticket-card-header-text),
.ticket-card.bg-info,
.ticket-card.ticket-card-rotate.bg-info .front,
.ticket-card.ticket-card-rotate.bg-info .back {
    background: linear-gradient(60deg, #388a38, #388a38);
    background-color: #388a38;
    height: 93px;
}

.ticket-card-icon i {
    font-size: 29px !important;
    color: #fff;
    margin-top: 19px;
}

.ticket-card-gruppdd0 {
    padding-right: 7px !important;
    width: 52px;
}

.ticket-large-section {
    padding-right: 0px;
}

.ticket-group-listsec {
    overflow: hidden;
    padding-right: 0px !important;
}

.ticket-group-rgtpd0 {
    padding-left: 5px !important;
    background-color: #fff !important;
    padding-right: 0px !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding-bottom: 3px;
}

.ticket-list-content {
    background-color: #fff !important;
    border-top: 2px solid #f7f7f7;
}

.top-head-subject-text p span {
    color: #000;
    padding-top: 10px;
}

.top-head-subject-text p {
    margin-bottom: 0px !important;
    padding: 2px 5px;
}

.top-head-ticketgrp p span {
    color: #000;
    padding-top: 10px;
}

.top-head-ticketgrp p {
    margin-bottom: 0px !important;
    padding: 7px 5px;
}

.ticket-widget-content-left {
    float: left;
    margin-right: 40px;
    margin-top: 8px;
    margin-left: 2px;
}

.check-escalate {
    background-color: #eee;
    padding: 0 10px;
    border-radius: 4px;
    margin-top: 5px;
}

.ticket-widget-subheading span.content-assign-wdth {
    color: #666 !important;
}

.content-assign-wdth {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 102px;
}

.group-tick-status {
    margin-top: 18px;
}

.group-tick-status .ticket-widget-subheading span {
    margin-left: 13px;
    margin-top: 8px;
}

.function-group-view {
    margin-right: 27px !important;
    margin-left: 30px !important;
}

.function-group-novisible {
    margin-right: 23px !important;
}

.function-group-view .ticket-widget-subheading span {
    float: left;
}

.function-group-view .ticket-widget-subheading span.content-assign-wdth {
    width: 142px !important;
    display: block;
    padding-top: 0px;
    float: right;
}

.ownership-group-view .ticket-widget-subheading span {
    float: left;
}

.ownership-group-view .ticket-widget-subheading span.content-assign-wdth {
    width: 102px !important;
    display: block;
    padding-top: 0px;
    float: right;
}

.ticket-widget-content-last {
    float: left;
    padding-top: 8px;
}

.ticket-widget-heading {
    color: #000;
}

.ticket-widget-subheading span {
    color: #000 !important;
}

.ticket-button {
    background-color: #4CAF50;
    /* Green */
    border: none;
    padding: 0px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    width: 100px !important;
    display: block;
}

.ticket-button-high-priority {
    background-color: white;
    border: 2px solid #f04d68;
    border-radius: 18px;
    font-size: 12px !important;
}

.ticket-button-low-priority {
    background-color: white;
    border: 2px solid #00af50;
    border-radius: 18px;
    font-size: 12px !important;
}

.summary-tick-h-300 {
    height: 93px !important;
    max-height: 300px;
}

.badge.up {
    margin: 0px !important;
}

.ticket-rescalendar {
    padding: 0px !important;
}

.share-file-wdt-rgtlft .list-outer .list .rescalendar table .rescalendar_day_cells span {
    width: 29px !important;
    height: 29px !important;
}

.ticket-entity-container {
    margin-top: -267px !important;
}

.tick-hours-dash {
    margin-top: -1px !important;
}

.tick-hoursdiv-dash {
    margin-top: -1px !important;
}

.share-file-wdt-rgtlft .rescalendar_day_cells span:hover {
    padding-left: 2px !important;
}

.share-file-wdt-rgtlft .list-outer .list .rescalendar table .item.customCurr {
    width: 29px !important;
    height: 29px !important;
    line-height: 29px !important;
}

.share-file-wdt-rgtlft .list-outer .list .rescalendar table .rescalendar_day_cells span:hover {
    width: 29px !important;
    height: 29px !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 29px !important;
}

.share-file-wdt-rgtlft .list-outer .list .rescalendar_day_cells td {
    width: 29px !important;
    height: 29px !important;
    line-height: 29px !important;
}

.Sharefile-drop-errored .dropzone .dz-preview .dz-error-message {
    top: 154px !important;
}


/*--------------------------------------- CIL ---------------------------------*/

.to-do-iconslist ul {
    list-style: none !important;
}

.to-do-iconslist ul li {
    display: inline-block;
    float: left;
    padding-left: 20px;
}

.to-do-wrapper li {
    display: block !important;
    float: none !important;
    padding-left: 0px !important;
}

ul.todo-filter-list {
    width: 100% !important;
    padding-left: 0px !important;
}

.todo-filter-list li {
    padding-left: 0px !important;
    display: block !important;
    float: none !important;
    padding-bottom: 10px;
}

.todo-group {
    display: flex;
    align-items: center;
    padding-left: 45px !important;
    padding-top: 12px;
    font-size: 12px;
}

.todo-group-user {
    width: 22px;
    height: 22px;
    background-color: #000;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    vertical-align: middle !important;
    padding-top: 3px;
    font-size: 10px;
}

.radio-todocustom {
    float: left;
    width: 41%;
}

.todofilter {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#primary_nav_wrap ul ul a.dropdown-item.todofilter:focus,
a.dropdown-item.todofilter:hover {
    background-color: #fff !important;
}

.todo-filter-list li:hover {
    background-color: #f5f5f5 !important;
}

.drop-todo-radiotodo {
    margin-left: -110px;
}

.second-tododrpdown {
    float: left;
    margin-left: -163px !important;
}

.filter-todo-spanafter .dropdown-toggle:after {
    display: none;
}

.second-tododrpdown li .form-group div .dropdown.bootstrap-select .dropdown-menu {
    display: none !important;
}

.todo-head {
    overflow: hidden;
}

.todo-head p {
    float: left;
    color: #000;
    margin-bottom: 0px;
}

.progress-to-right {
    font-size: 12px;
}

.progress-to-right span p {
    float: right;
    margin-left: 10px;
}

.progress-to-right span.green-todo {
    color: #7fc68b;
    font-weight: 400;
}

.progress-to-right span.red-todo {
    color: #ff6659;
    font-weight: 400;
}

.progress-to-right span {
    text-align: right;
    margin-bottom: 0px;
    color: #000;
}

.progress-todoimg {
    display: block;
    margin-top: 0px;
    clear: both;
}

.divtodoTable {
    display: table;
    width: 100%;
}

.div-todo-Row {
    display: table-row;
    background-color: #fff !important;
}

.div-todo-Cell .list-text {
    display: block;
}

.div-todo-Cell,
.div-todo-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
}

.progress-todoimg-user img {
    margin-top: -21px;
}

.progress-todoimg-user {
    display: block;
    clear: both;
}

.div-todo-Head {
    padding: 6px 10px;
    background-color: #fff;
    display: table-header-group;
}

.div-todo-Heading {
    background-color: #fff;
    display: table-row-group;
    color: #000;
    width: 100%;
}

.div-todo-Foot {
    background-color: #fff;
    display: table-footer-group;
    font-weight: bold;
}

.div-todo-Body {
    display: table-row-group;
}

.create-tick-form-element .form-material {
    margin-bottom: 0px !important;
}

.div-cil-Cell.copydata {
    cursor: pointer;
}

#addCil .top-headpdd0 .ticket-infoicon .user-information-icon .user-information-dropdown {
    left: -15px !important;
}

.div-cil-Cell.copydata i {
    margin-left: 7px !important;
}

.p-5 {
    margin-top: 5px;
}

.status-hold-waiting {
    background-color: #fd0000;
}

#addCil div .add-new-plus {
    margin: 4px 0px !important;
}

.cil-create-ticketpop .form-group {
    margin-bottom: 0px !important;
}

.cil-create-ticketpop .form-group .checkbox-custom,
.radio-custom {
    margin-bottom: 0px !important;
}

.dropfile-save-ticket label {
    font-size: 12px !important;
}

.ticket-rightno-padd {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.filter-iconrgt {
    float: right;
    width: 100%;
}

.custom-weekdate-range {
    margin-left: 5px;
}

.ticket-list-mrg .form-material {
    margin-bottom: 0px !important;
}

.updatereport-bttn .form-group {
    margin-bottom: 0px !important;
}

.task-detailright-mrg0 {
    padding-right: 0px !important;
}

.taskclient-respdd0 {
    padding-right: 14px;
    background-color: #fff9e6 !important;
}

.taskbtn-search-reset {
    margin-bottom: 0px;
}

.task-detailrightcln-mrg0 {
    padding-right: 1px !important;
}

.client-report-tb {
    width: 99.5%;
}

.reset-btn-mrg {
    margin-right: 0px !important;
}

.taskbtn-search-reset .input-group button {
    margin-top: 0px !important;
}

.tickno-message {
    padding-top: 10px;
}

.quick-view-sub {
    color: #000 !important;
}

.client-infoicon-mrg {
    margin-top: 10px;
}

.info-icon-clientlist div ul li i {
    margin-left: 10px;
}

.client-tutorial-marg {
    margin-right: 0px !important;
}

.ticket-search-tutorialmrg {
    margin-top: -3px;
}

.ticket-list-mrg .form-group {
    margin-bottom: 0px !important;
}

.dev2-regression-design .form-group select.form-control {
    padding-right: 4px !important;
}

.qbo-padding-select td .form-group select.form-control {
    padding-right: 0px !important;
}

.checkbox-primary input[type="checkbox"]:checked+input[type="hidden"]+label::before,
.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+input[type="hidden"]+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #fff !important;
    border: 1px solid #e4eaec !important;
}

.checkbox-primary input[type="checkbox"]:checked+input[type="hidden"]+label::after,
.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+input[type="hidden"]+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #666 !important;
}

.page-login-main .checkbox-custom label.login-remember::before {
    top: 0px !important;
}

.ticket-table-marg td {
    width: 8% !important;
}

p.edit-ticket-bulk {
    margin-top: -10px !important;
    font-size: 12px;
}

.reportinfo-info-icon {
    margin-right: -18px;
}

.reportinfo-infoclient-icon {
    margin-right: -2px;
}

.buttnclientmrgbtm0 {
    margin-bottom: 9px !important;
    overflow: hidden;
}

.special-add .add-new-plus {
    margin: 0px 3px 8px 0px !important;
}

.speciallist-sidetab {
    width: 153% !important;
}

.special-newform {
    padding-right: 4px !important;
}

.custom-select span.select2 span.selection .select2-selection--multiple {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0rem 1.5rem .375rem 0rem;
    line-height: 1.5;
    color: #666;
    vertical-align: middle;
    background: #fff url("../images/multi-select-arrow.png") no-repeat right .185rem center;
    background-size: auto;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.project-nametxt {
    width: 15% !important;
}

.contact-list-group {
    padding-left: 0px !important;
}

.form-contact-type {
    margin-left: 1px !important;
}

.form-group .form-control-label {
    color: #393838 !important;
}

.form-control-label {
    color: #000 !important;
}

.save-designation {
    clear: both;
    overflow: hidden;
    margin-bottom: 0px;
}

.userlist-tabsecrgt .form-group.save-designation button {
    margin-top: 0px !important;
}

.ajax-content-replace {
    padding-right: 10px;
}

.submit-dropdown-item {
    margin-right: 5px;
    margin-left: 5px;
}

.show>.btn-default.dropdown-toggle.select-secdropshh {
    background-color: #f8ac80 !important;
    color: #fff;
}

.invoice-appcabemail {
    margin-left: -2px !important;
}

.email-font-small {
    font-size: 11px !important;
    color: #393838 !important;
    font-weight: 300 !important;
}

.invoice-email-accrgt {
    padding-right: 0px !important;
}

.quantity {
    position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    /*width: 45px;*/
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
}

.quantity input:focus {
    outline: 0;
}

.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

td.user-info-btnlft {
    padding: 10px 9px !important;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}

.avoid-clicks {
    pointer-events: none;
}

.no-record-dropdown {
    padding: 5px 10px !important;
    font-size: 14px;
    display: block;
}

.reporting-foot a {
    display: inline-block;
    width: auto !important;
    padding-left: 0px;
    padding-right: 0px;
}

.edit-frq-rgt .col-sm-1.col-lg-1 {
    width: auto !important;
}

.frequency-fortnight {
    padding-right: 0px !important;
}

.edit-frq-rgt {
    display: block;
    margin-top: -19%;
    visibility: visible;
    float: left;
    margin-left: 68%;
}

.Frequency-wdth-large .crm_notetxt_selectw30 {
    margin-bottom: 0px !important;
    margin-top: 3px !important;
}

.Frequency-wdth-large .crm_notetxt_selectw30 span span.selection {
    width: 40% !important;
}

.Frequency-wdth-large .crm_notetxt_selectw30 span span.selection span span.select2-selection__rendered {
    width: 73% !important;
}

.clientIncorporation-tablrgtpdd-resp .panel .panel-body table tbody tr td .switch-tabright .float-left.mr-20 .switchery-small {
    height: 23px;
}

.clientIncorporation-tablrgtpdd-resp table tr td {
    width: auto !important;
}

.clientIncorporation-tablrgtpdd-resp table tr td.tb-report-wdt {
    width: 13% !important;
}

.clientIncorporation-tablrgtpdd-resp table tr td.sechdule-freq-wdtlarge {
    width: 22% !important;
}

.clientIncorporation-tablrgtpdd-resp table tr td.sechdule-freq-wdtlarge div div label span.select2-container {
    width: 100% !important;
}

.sechdule-freq-wdtlarge .crm_notetxt_selectw30 {
    width: 100% !important;
}

.review-no-invoice {
    margin-top: 13px !important;
    clear: both;
}

.ticket-table-marg td.ticket-client-name {
    width: 12% !important;
}

.ticket-table-marg td.ticket-date-wdth {
    width: 10% !important;
}

.select-list-tick {
    margin-bottom: 8px !important;
    margin-top: -5px;
}

.note-dropdown-day {
    z-index: 999 !important;
}

.bot-task-width {
    width: 227px;
}

.jqCron-selector-list li {
    padding: 0em 0.4em !important;
}

.edit-inminutesrgt {
    padding-right: 0px !important;
}

.tablesaw .no-record td {
    width: 100% !important;
}

.overdue-dtl-color {
    color: #c46a69;
}

.service-top-pd0 {
    padding-top: 14px;
}

.completed-green {
    color: #739e73;
}

.defect-addnew-datem {
    margin-top: -2px;
}

label.control-label {
    color: #000 !important;
}

.defect-detailtcksum {
    color: #000 !important;
}

.client-user-popmrg {
    margin-right: 13px;
}

.groupby-widgetsetting span {
    width: 100% !important;
}

.capeditpadd {
    margin-top: 10px;
}

.aright_paddw30 {
    padding-right: 29px;
    text-align: right;
}

.ap-border-double {
    border-bottom: 1px solid #fff !important;
}

.tickettemp-dropdown li a {
    color: #666 !important;
}

#ticket-share-temp {
    background-color: #f7813d !important;
    color: #fff !important;
}

.ticket-share-select {
    background-color: #f7813d !important;
    color: #fff !important;
}

.dropdown-toggle.ticket-share-select::after {
    color: #fff !important;
}

.btn.btn-default.dropdown-toggle.pull-right .linkSecond.ticket-share-select.waves-effect.waves-classic:active:hover {
    background-color: #f7813d !important;
    border-color: #f7813d !important;
}

.note-style .btn-default.ticket-share-select:not([disabled]):not(.disabled).active,
.btn-default.ticket-share-select:not([disabled]):not(.disabled):active,
.open>.btn-default.dropdown-toggle.ticket-share-select,
.show>.btn-default.dropdown-toggle.ticket-share-select {
    background-color: #f7813d !important;
    border-color: #f7813d !important;
    height: 28px !important;
    margin-top: 1px !important;
}

.btn.btn-default.dropdown-toggle.pull-right.linkSecond.ticket-share-select.waves-effect.waves-classic {
    margin-top: 0px;
}

.share-bttn-mrg {
    margin-right: 0px !important;
}

.template-flag-red {
    border-left: 2px solid #c46a69;
    position: relative;
    top: 0px;
    left: -15px;
}

.template-flag-orange {
    border-left: 2px solid #f68634;
    position: relative;
    top: 0px;
    left: -15px;
}

.template-flag-green {
    border-left: 2px solid #739e73;
    position: relative;
    top: 0px;
    left: -15px;
}

.today-dtl-color {
    color: #f68634;
}

.tickettemp-dropdown {
    left: -83px !important;
    top: -3px !important;
}

.badge-profile-round img {
    width: 27px;
    height: 28px;
    border-radius: 50px;
    margin-right: 10px;
}

.table a {
    text-decoration: none !important;
}

.accordian-panel-head p {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 16px;
    padding: 15px 0px;
}

#exampleHeadingDefaultOne {
    background-color: #f5f5f5 !important;
    padding-top: 2px !important;
}

.accordian-panel-head {
    padding: 7px 8px !important;
}

.ticket-panlbody {
    padding-left: 9px !important
}

.ticket-panlbody .scrollable-container .scrollable-content {
    padding-left: 2px !important;
    padding-right: 22px !important;
}

.panel-group .panel-collapse .panel-body.ticket-panlbody {
    padding: 15px 0 15px 9px !important;
}

.tickettab-text .tab-pane .panel-group .panel-title::after,
.panel-group .panel-title::before {
    top: 4px !important;
    right: 11px !important;
}

.tickettab-text .tab-pane .panel-group .panel .panel-heading {
    border-bottom: 1px solid #e4eaec;
    padding-top: 5px !important;
}

.tickettab-text .tab-pane .panel-group .panel .panel-heading a {
    padding: 1px 0 0px 10px;
}

.tickettab-text .tab-pane .panel-group .panel .panel-heading a p {
    padding-top: 1px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-size: 16px;
    color: #000;
}

.ticket-panlbody .scrollable-bar {
    right: -25px !important;
}

.comment-bar {
    position: absolute;
    border-radius: 0 0 10px;
    background: #fff;
    padding: 0px 0px 10px 0px;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

.comment-bar__footer {
    padding: 7px 0 0;
    height: 0px;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin-top: -5px;
}

.task-column__footer {
    position: relative;
    flex-shrink: 0;
}

.client-dashnavigation-top li a {
    cursor: pointer;
}

#comment_table {
    margin-bottom: 57px;
}

.comment-bar_active .comment-bar__footer button {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.comment-bar_active .ql-frame[service=custom] {
    width: calc(100% - 10px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.post-button-comment {
    margin-top: 10px;
    margin-right: 10px;
    width: 80px;
    border-radius: 100px;
}

.sharbttn-popup-tik {
    margin-right: -10px !important;
}

.comment-box-sharewith-tik {
    margin-top: 0px !important;
    padding-right: 0px !important;
    margin-right: -4px !important;
}

.selectable-box.selected {
    border: none !important;
    background-color: #f5f5f5 !important;
}

.synbtnqbo {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}

.form-control {
    height: 2.3rem !important;
}

.request_list_sub {
    cursor: pointer;
}

.request_new {
    background-color: #046ec2;
}

.request_open {
    background-color: #92d345;
}

.request_in_Progress {
    background-color: #00af50;
}

.request_completed {
    background-color: #fffd06;
}

.request_deployed {
    background-color: #000000;
}

.requset-form-list-desc {
    word-break: break-all;
}

.user-assignment-bg {
    background-color: #fff !important;
    padding-top: 10px;
    width: 49.9%;
    height: 619px;
    max-height: 619px;
    z-index: 99;
}

.user-assignment-view {
    display: inline-block;
}

select#action {
    width: 100% !important;
}

.user_hierarchy_assign {
    border: 1px solid #e4eaec;
    padding-top: 3px;
}

ul.user_checkbox_primary {
    margin-left: 0px !important;
    padding-left: 13px;
}

ul.user_checkbox_primary li {
    list-style: none !important;
}

.go-btnassign {
    margin-top: 1px !important;
}

.user-assignmrg-top {
    margin-top: 10px;
}

.client-assignmrg-top {
    margin-top: 58px;
}

.client-user-assign.labelw30clientsh .radio-custom {
    margin-left: 0px !important;
    margin-right: 41px;
    margin-top: 14px !important;
}

.user_hierarchy_aspnl-body {
    padding-top: 0px !important;
}

ul.client-hierarchy-assign {
    list-style-type: none;
    margin: 0;
    padding: 0px 8px;
    overflow: hidden;
    border-bottom: 1px solid #eee !important;
}

ul.client-hierarchy-assign li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

ul.client-hierarchy-list {
    list-style-type: none;
    margin: 0;
    padding: 8px;
    overflow: hidden;
    width: 23%;
}

ul.client-hierarchy-list li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.client-box {
    border-bottom: 1px solid #e4eaec;
    clear: both;
    display: block;
    overflow: hidden !important;
    padding: 0 3px !important;
}

ul.client-hierarchy-list .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
}

.more {
    cursor: pointer;
}

.datepicker-dropdown {
    z-index: 999999 !important;
}

.user-assign-action span.select2 {
    width: 282.717px !important;
}

.user-assignmrg-top span.select2 {
    width: 595px !important;
}

.save-assign-userbttn {
    margin-bottom: 15px;
}

.client-srvctop-sec {
    padding-left: 0px;
}

.user-assignment-bg form .select2-container--default .select2-selection--single {
    height: 2.1rem !important;
}

.type-assuser .select2-container {
    width: 594.583px !Important;
}

.assignment_user_hierchy {
    height: 300px !important;
}

.unassignment_user_hierchy {
    height: 379px !important;
}

.client_list_margin {
    margin-top: 25px !important;
}

.client_list {
    padding-top: 6px !important;
}

#disabled_client_message {
    /* width: 70%; */
    width: calc(100% - 55px);
    float: left;
    color: #666;
}

.go-bttn-pd0 {
    padding-right: 0px !important;
}

.filter-sectxt-w30 {
    margin-left: 15px;
    margin-top: 0px;
}

.asscociate-listhrc {
    padding-left: 15px;
}

.active-report-popup .ticket-high-active {
    font-weight: 600;
    border-left: 2px solid #f7813d;
    position: absolute;
    padding: 7px 13px !important;
}

.inner.ticketdetsumm_inn_shh .widget-body .nav.nav-tabs.nav-tabs-line {
    margin-left: 15px !important;
    margin-right: 20px !important;
}

.inner.ticketdetsumm_inn_shh .widget-body .taskreport-content-accordian.userlist-sidetab2 {
    margin-left: 4px !important;
}

.defect-lft0-email {
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 0px !important;
}

span.datesec-hist-mrg0 {
    clear: both;
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #000;
}

.pay-mrg-top0 {
    margin-top: 8px;
}

.services-assign-mrg0 .select2.select2-container {
    width: 100% !important;
}

.csm-service-assign .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
}

.client-loc-card-a .csm-service-assign .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f7ecf6 transparent transparent transparent !important;
}

.csm-service-assign span {
    border-bottom: 1px solid transparent !important;
    color: #3276b1 !important;
}

.upload-hideshow i {
    margin: 0px !important;
    color: #fff !important;
}

div#ticket-file-upload.dropfile-upload-ticket {
    padding-top: 6px !important;
}

.userlist-tabsecrgt .dropfile-save-ticket .form-group button {
    margin-top: 2px !important;
}

.dropfile-foot-text {
    font-size: 12px;
}

.client-srvc-navigation {
    overflow: hidden !important;
}

.input.assign-servc-w30shh {
    padding-left: 0px !important;
}

.attch-btnpd-top {
    display: block;
}

.upload-show-updown {
    background-color: #fff !important;
    color: #3276b1;
    border: none !important;
    padding-left: 0px !important;
}

.notification-message {
    word-wrap: break-word;
}

.hyphens {
    hyphens: auto !important;
    word-break: break-word;
    width: 100px !important;
    white-space: break-spaces !important;
}

.headerInformation {
    margin-right: -140px !important;
    font-size: 10px !important;
    padding-top: 41px !important;
}

.panel-body {
    padding-bottom: 15px !important;
}

.comment-box-ajxmsg-rgt {
    margin-top: 22px;
}

.pointer-event-none {
    pointer-events: none;
}

.post-button-comment img {
    margin-left: -5px;
    margin-top: -4px;
}


/*--------------------------------------------- Ticket Template ---------------------------------------------*/

.group-summary-ticket {
    width: 100%;
    padding-left: 10px;
    padding-top: 14px;
}

span.escalate-round {
    background-color: #800080;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    display: inline-block;
}

span.not-escalate-round {
    background-color: #f77b31;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    display: inline-block;
}

.group-summary-ticket .summary-info-icon div .user-information-dropdown {
    left: 0px !important;
}

.summary-info {
    padding: 0px 0;
    display: inline-block;
    width: 98%;
}

.summary-info li {
    width: 50%;
    float: left;
    list-style: none !important;
}

.summary-info li p {
    margin: 0px;
    line-height: 30px;
}

.summary-info li span {
    width: 50%;
    float: left;
    color: #000;
}

.info-groupicon {
    float: right;
    margin-right: 8px;
}

.btn:hover {
    box-shadow: 0 1px 4px 0 transparent !important;
}

.ticket-white-background {
    display: flex;
}

.page-white-background {
    background-color: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.format-cerditqbo-expense {
    padding-top: 15px !important;
}

.client-dashnavigation-top li div .is-enabled .scrollable-content {
    padding-top: 5px !important;
}

.generate-invoice .notfound {
    max-width: 800px;
    width: 100%;
    padding-left: 200px;
    padding-top: 20px;
    line-height: 1.1;
}

.notfound .generate-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 130px;
    height: 130px;
    background-image: url(../images/generate-invoive-diff.png);
    background-size: cover;
}

.notfound .generate-icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    border-radius: 50%;
    background-color: #f2f5f8;
    z-index: -1;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 21px;
    vertical-align: middle;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.generate-invoice .btn.js-inv-gen {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 6px 12px 6px 12px !important;
    width: 250px;
}


/*--------------- generate invoice diff loader css End ---------------*/

.generate-invoice .dropdown {
    border-bottom: 1px solid #dedede !important;
}

.box-shadow {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14);
    background: #ffffff;
}

.text-orange {
    color: #f7813d;
}

.invoice-number {
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f7813d;
    padding: 3px 6px;
    min-width: 30px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
}

.generate-invoice .div-cil-Cell,
.generate-invoice .div-cil-Head {
    border-bottom: 0px;
}


/*--------------------------------------------- Ticket Template ---------------------------------------------*/

.info-groupicon div i {
    padding-right: 0px !important;
}

.tick-whitetop-bg {
    background-color: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    margin-right: 10px;
    padding: 10px 10px;
    width: 32% !important;
}

span.ticket-text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666 !important;
}

.cil-white-bg {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff !important;
    display: flex;
}

.cil-update-cancel {
    margin-right: 10px;
}

.request-list-train {
    margin-top: 13px !important;
    padding-right: 5px;
    padding-left: 13px;
}

.textarea-dashborad {
    height: 24px !important;
    padding: 0px !important;
    margin-top: 9px !important;
}

.custom-cil-dropdown {
    width: 200px !important;
    margin-left: -13px;
}

.cil_data_edit_class.init-select-opt.cildetail-drop-wdth {
    position: absolute;
    margin-top: 40px;
    z-index: 999;
}

.cil-update-cancel #cancel_button_cil {
    z-index: 999;
}

.count-plus-cil {
    text-align: center;
    color: #fff !important;
    padding: 0 7px;
}

.cildetail-drop-wdth .select2-container {
    z-index: 999999;
}

.cildetail-drop-wdth .select2-container .selection {
    width: 200px !important;
}

.cildetail-drop-wdth .select2-container .selection .select2-selection {
    width: 200px !important;
}

.generate-invoice .div-cil-Row.actioned .div-cil-Cell:first-child {
    border-left: 2px solid #00af50;
}

.generate-invoice ul.action-icons-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.generate-invoice ul.action-icons-list li {
    font-size: 18px !important;
    color: #76838f !important;
    padding: 0px 10px !important;
    display: inline-block;
    cursor: pointer;
}

.generate-invoice ul.action-icons-list li a {
    vertical-align: middle;
    text-decoration: none;
}

.generate-invoice ul.action-icons-list li .icon.action-icons {
    font-size: 20px !important;
    color: #76838f !important;
}

.generate-invoice ul.action-icons-list li .icon.action-icons:hover {
    color: #00af50 !important;
}

.generate-invoice .icon.action-complete {
    color: #00af50;
    font-size: 20px !important;
}

table.invoice-diff {
    margin: 1%;
    width: 98%;
}

table.invoice-diff tr {
    height: auto !important;
}

table.invoice-diff tr td {
    padding: 2px 6px;
    font-size: 13px;
    color: #666666;
    margin: 0px;
}

table.invoice-diff tr td.light-bg {
    background: #f4fafe;
}

table.invoice-diff tr:hover {
    background-color: #ffffff !important;
}

table.invoice-diff tr th {
    border: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #000000;
}

table.invoice-diff tr td.inner-table-actions {
    width: 150px;
}

table.invoice-diff tr td.inner-table-itemname {
    width: 330px;
}

#invoice-diff-export-form span.input-group-text.invoice-calendar-input {
    margin-top: 2px !important;
}

.generate-invoice .btn-group.user-information-icon .dropdown-menu {
    left: -27px !important;
}

.dropzone.inv-diff-dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 30px;
    left: 130px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzone.inv-diff-dropzone .dz-preview .dz-error-message::after {
    content: '';
    position: absolute;
    top: 20px;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #be2626;
}


/*-----------invoice diff - tooltip of dropzone end  ---*/


/*----------------------------------------- To do user list ---------------------*/

.card-diff-border {
    border: 1px solid #ccc;
}

#accordionEx {
    width: 100%;
}

.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}

.overdue-todo {
    color: #dc232b;
}

.today-todo {
    color: #f66b1f;
}

.md-accordion .card .card-header {
    padding: 5px 15px 0px 9px;
    background-color: #fafafa !important;
}

.icon-arrow-updown i {
    float: left;
    font-size: 19px;
    color: #000;
    margin-top: -2px;
}

.text-todoclient {
    float: right;
}

.md-accordion {
    font-family: 'Roboto', 'Open Sans', sans-serif !important;
}

.todo-list-cotainbox .md-accordion .card {
    margin-bottom: 0px !important;
}

.to-do-iconslist .pull-right {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.divticketcTable {
    display: table;
    width: 100%;
}

.div-ticketc-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
    background-color: #fafafa;
}

.div-ticketc-Heading {
    background-color: #fff;
    display: table-header-group;
    color: #000;
}

.div-ticketc-Row {
    display: table-row;
    background-color: #fff !important;
}

.div-ticketc-Cell,
.div-ticketc-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
}

.div-ticketc-Body {
    display: table-row-group;
}

.check-one {
    margin: 9px 10px;
    color: #4c4b4b;
}

.checlist-text {
    margin: 9px 10px !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 704px;
}

.ticketcheck-head ul {
    list-style: none;
    margin-bottom: 2px;
    padding-left: 0px !important;
}

.ticketcheck-head ul li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 13px;
}

.open-check {
    width: 11px !important;
    height: 12px !important;
    background-color: #f7c646;
    float: left;
    margin-right: 10px;
    line-height: 12px !important;
}

.drop-ticketc-status {
    line-height: 12px !important;
    padding: 10px;
}

.complete-check {
    width: 11px !important;
    height: 12px !important;
    background-color: #82be39;
    float: left;
    margin-right: 10px;
    line-height: 12px !important;
}

.hold-check {
    width: 11px !important;
    height: 12px !important;
    background-color: #ff3538;
    float: left;
    margin-right: 10px;
    line-height: 12px !important;
}

.escalate-check {
    width: 11px !important;
    height: 12px !important;
    background-color: #7e2af0;
    float: left;
    margin-right: 10px;
    line-height: 12px !important;
}

.comment-fosize {
    font-size: 19px !important;
    cursor: pointer;
}

.diviticketc-center {
    text-align: left;
}

.ticketcheck-head ul li span {
    color: #f7813d;
}

.ticketcheck-head {
    padding: 10px 0;
}

.ticketcheck-head .icon.fa-clock-o {
    font-size: 16px !important;
}

.checklist-popcircle {
    border-radius: 50%;
    background-color: #fea889 !important;
    width: 29px;
    height: 29px;
    text-align: center;
    margin-right: 7px;
    display: block;
    float: left;
}

p.checklist-textdtal {
    color: #666 !Important;
    padding-top: 3px;
    font-size: 16px;
}

.checklist-popcircle i {
    color: #fff;
    padding-top: 8px;
}

.check-pop-head {
    clear: both;
    margin-bottom: 56px !important;
}

ul.comment-check-listing {
    list-style: none;
    text-align: left;
    padding-left: 0px !Important;
    color: #666 !important;
}

ul.comment-check-listing li {
    margin-bottom: 25px;
}

.Check-comment-msg p {
    margin-bottom: 0px !important;
    padding-right: 7px !important;
    color: #666 !important;
}

.new-check {
    width: 11px !important;
    height: 12px !important;
    background-color: #fff;
    float: left;
    margin-right: 10px;
    line-height: 12px !important;
    border: 1px solid #ebe8e8;
}

.ticketsum-checklist .div-ticketc-Cell,
.div-ticketc-Head {
    border-bottom: 3px solid #fafafa !important;
    display: table-cell !important;
    padding: 3px 10px !important;
    vertical-align: middle !important;
    width: auto !important;
    float: none !important;
    overflow: inherit;
}


/*------------------------------- Ticket temp tutorial --------------------------*/

.divtemptutoTable {
    display: table;
    width: 45%;
}

.div-temptuto-Row {
    display: table-row;
    background-color: #fff !important;
}

.div-temptuto-Head {
    background-color: #fff;
    display: table-header-group;
    padding: 6px 10px;
    font-weight: 600;
}

.progress-todoimg img {
    margin-top: -32px;
}

.div-temptuto-Heading {
    background-color: #fff;
    display: table-header-group;
    color: #000;
}

.div-temptuto-Foot {
    background-color: #fff;
    display: table-footer-group;
    font-weight: bold;
}

.div-temptuto-Body {
    display: table-row-group;
}

.defect-tablesaw.tablesaw td {
    width: max-content !important;
}


/*--------------------------------------- CIL ---------------------------------*/

i.activity-summ-close {
    margin-top: -7px !important;
    position: absolute;
    right: 1px;
}

span.user-added:first-child {
    margin-left: 0px;
}

.invoice-diff .div-cil-Cell,
.invoice-diff .div-cil-Head {
    vertical-align: top;
    font-size: 13px;
}

#invoicesList .divtodoTable.invoice-highlight .div-cil-Cell:first-child {
    width: 28%;
}

#invoicesList .divtodoTable.invoice-highlight .div-cil-Cell {
    width: 12%;
}

.check-ticketlst-name {
    width: 161px;
}

.enjoyhint_skip_btn {
    bottom: -10px;
}

.enjoyhint_prev_btn {
    bottom: -10px;
}

.enjoyhint_next_btn {
    bottom: -10px;
}


/*--------------------------------------------- Ticket Template ---------------------------------------------*/

table.invoice-diff tr:hover~table.invoice-diff tr td.light-bg {
    background-color: #f5f5f5 !important;
}

.div-cil-Cell.right-border {
    border-right: 1px dashed #dedede;
}

.div-cil-Cell .column-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #9b9b9b;
}

.generate-invoice ul.action-icons-list li .action-reason {
    font-size: 12px;
    clear: both;
    display: block;
}

.dropdown-menu p.title-for-dd {
    padding: 5px 10px;
    margin: 0px;
    border-bottom: 1px solid #fafafa;
    font-weight: 600;
    cursor: default;
}

.cd-textarea-dashborad {
    height: 24px !important;
    padding: 0px !important;
    margin-top: 5px !important;
}

#frmQuickFilters .select2.select2-container {
    width: 100% !important;
}

#frmQuickFilters .select2-container--default .select2-selection--single {
    height: auto;
}

#frmQuickFilters .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 30px;
}

#frmQuickFilters .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0.2rem;
}

.panel-video-bgcolor {
    background-color: #fff;
    border-radius: .286rem;
    padding: 0px 20px 20px 23px !important;
    height: 292px;
    margin-bottom: 24px;
}

.carousel-control-next,
.carousel-control-prev.dashoard-carousel-previous {
    opacity: 0.4 !important;
    z-index: 0 !important;
    height: 242px !important;
}

.panel-imgtxt-bgcolor .carousel-control-next,
.carousel-control-prev.dashoard-carousel-previous {
    margin-left: 19px !important;
}

.panel-imgtxt-bgcolor .carousel-inner .carousel-item {
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
    height: 291px !important;
}

.panel-imgtxt-bgcolor .carousel-item img {
    display: block;
    margin: 0 auto !important;
    height: 291px !important;
    width: 482px !important;
}

.panel-imgtxt-bgcolor {
    background-color: #fff;
    border-radius: .286rem;
    height: 292px;
    padding: 0px 20px 0px 23px !important;
}

.video-embed-slide {
    height: 291px;
    width: 100%;
    border: 1px solid #fff !important;
}

.carousel-caption.dash-caption-slidetext.d-none.d-md-block {
    background-color: #818181 !important;
    bottom: 0;
    padding: 0px !important;
    color: #fff !important;
}

.carousel-caption.dash-caption-slidetext h5 {
    color: #fff !important;
}

.easy-tree li::after {
    border-top: 2px solid #eaeaea;
    height: 20px;
    top: 80px;
    width: 29px;
}

.ticket-card {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    color: #333333;
    background: #fff;
    width: 100%;
    height: 93px;
    margin-left: -5px;
}

.ticket-card-header {
    margin-top: 23px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    text-align: center;
    padding: 10px 0 22px 0;
}

.ticket-card-icon.ticket-Dependent-status i {
    margin-top: 19px;
    padding: 0px 0px 6px 0px !important;
}

.summary-tick-h-300 .scrollable-container {
    margin-top: -3px !important;
    height: 124px !important;
}

.ticket-button-medium-priority {
    background-color: white;
    border: 2px solid #fdff00;
    border-radius: 18px;
    font-size: 12px !important;
    padding: 0px;
    text-align: center;
}

.ticket-button-emergency-priority {
    background-color: white;
    border: 2px solid #fb0400;
    border-radius: 18px;
    font-size: 12px !important;
    padding: 0px;
    text-align: center;
}

.cil_data_edit_class .form-material {
    margin-bottom: 0px !important;
}

.create-cil-textcheckbox .form-group .checkbox-custom.checkbox-primary {
    margin-top: 0px;
}

.create-cil-textcheckbox .form-group .checkbox-custom.checkbox-primary label {
    color: #666 !important;
}

.ticstatus-color-new-status {
    background-color: #056dc4;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.ticstatus-color-closed-status {
    background-color: #000;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.ticstatus-color-open-status {
    background-color: #93cf55;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.ticstatus-color-resolved-status {
    background-color: #fffd04;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.ticstatus-color-pending-status {
    background-color: #00af50;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.ticstatus-color-waiting-status {
    background-color: #f10900;
    width: 14px;
    height: 14px;
    display: block;
    margin-left: 7px;
    margin-top: 5px;
}

.message-attach-ticket {
    width: 15.7% !important;
}

.message-attach-ticket .message-tick {
    padding: 37px 7px 38px 15px;
    border-left: 2px solid #f7f7f7;
}

.message-attach-ticket .attach-tick {
    border-left: 2px solid #f7f7f7;
    padding: 38px 7px 38px 15px;
    margin-left: 43px;
}

.message-attach-ticket .checklisticon-tick {
    border-left: 2px solid #f7f7f7;
    padding: 35px 7px 38px 15px;
    margin-left: 43px;
}

.table-striped tbody tr:nth-of-type(n+1) {
    background-color: #fff !important;
}

.table-striped tbody tr.ticket-attachment-row:nth-of-type(n+1) td {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #eaeaea;
}

.ticket-group-detailsumm {
    padding-right: 0px !important;
}

.group-ticket-content-fluid {
    padding: 13px 26px 31px 30px !important;
}

.comment-box-sharewith-tik-attach {
    margin-right: 8px !important;
    margin-top: 0px !important;
}

.comment-box-sharewith-attachmntbox {
    margin-top: 13px;
    margin-right: 8px !important;
}

.ticket-attach-summary table.attachments-table-forum tr td .tik-checkbox-custom {
    width: 3%;
    float: left;
}

.tik-checkbox-custom {
    width: 5%;
    float: left;
}

.clearfixboth {
    clear: both;
}

.panel-group .panel-title::after {
    color: #a4a1a1 !important;
}

.panel-group .panel-title::before {
    color: #000 !important;
}


/*--------------------------------------- CIL ---------------------------------*/

.ownership-text {
    padding-top: 5px !important;
}

.cil-info li span.user-added {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #c464ff;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    position: relative;
    margin: 0.44rem -0.64rem 0 0 !important;
    transition: all 0.4s ease;
}

span.user-added {
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #c464ff;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    position: relative;
    margin: 1.62rem -0.64rem 0 0 !important;
}

.clientservices .user-added {
    margin-top: 5px!important;
}

.serviceTooltip {
    max-height: 250px;
    overflow: auto;
    margin: -15px -15px 0;
    min-width: 250px;
}

.clientsocialicon {
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
}

.serviceTooltip strong {
    font-size: 15px;
    color: #555;
}

.serviceTooltip p {
    color: #989898;
    margin: 0;
}

.serviceTooltip ul {
    margin: 0;
    padding: 0;
    min-width: 150px;
}

.serviceTooltip ul li {
    list-style: none!important;
    padding: 10px 0 0;
    position: relative;
}

span.user-added:hover {
    margin: 23px -1px 0 0;
}

.serviceTooltip li:hover .clientsocialicon {
    display: block;
}

.serviceTooltip li i:hover {
    color: #000;
}

.serviceTooltip span {
    font-size: 13px;
    color: #000;
}

.serviceTooltip img {
    float: left;
    display: table-cell;
    margin: 6px 8px 0 0;
    width: 14px;
}

.serviceTooltip .client_service_name {
    display: table-cell;
}

.serviceTooltip i {
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}

#share-dropdown-area .selected-users-list span.user-added:first-child {
    margin-right: -7px;
}

#share-dropdown-area .selected-users-list span.user-added:first-child:hover {
    margin-right: -7px;
}

.cil-info li span.user-added:hover {
    margin-right: -.3rem;
}

.contrast_high .cu-user-group .cu-user-group__item .cu-stroke,
.dark-theme .cu-user-group .cu-user-group__item .cu-stroke {
    stroke: #b5b5b5;
}

.cu-user-group .cu-user-group__item .cu-stroke {
    stroke: #b5b5b5;
}

.cu-stroke {
    stroke: var(--theme-main-color);
    stroke: #b5b5b5;
}

.cu-fill {
    fill: #979797;
}

.edit-ifont {
    margin-right: 7px;
    margin-top: 2px;
}

.cil-disable {
    opacity: 0.7;
}

.cil-usercolor-one {
    background-color: #0575bd !important;
}

.cil-usercolor-two {
    background-color: #000000 !important;
}

.cil-usercolor-three {
    background-color: #12c26f !important;
}

.cil-usercolor-four {
    background-color: #c56a69 !important;
}

.cil-usercolor-number {
    background-color: #b5b5b5 !important;
}

.cil-no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cil-range-reportext {
    padding-top: 10px !important;
    display: inline-block;
}

.div-cil-Heading {
    display: table-header-group;
    color: #000;
}

.div-cil-Row {
    display: table-row;
}

.div-cil-Head {
    padding: 6px 10px;
    text-transform: uppercase;
    font-size: 12px;
    display: table-header-group;
}

.div-cil-Cell,
.div-cil-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 10px 10px;
    vertical-align: middle;
    font-size: 13px;
    min-width: 120px !important;
}

.div-cil-Cell span.issue-text-ellipse {
    display: inline-block;
    width: 94px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.div-cil-Cell span.client-wall {
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.invoice-highlight .div-cil-Cell span.client-wall {
    display: inline-block;
    white-space: nowrap;
}

.div-cil-Body {
    display: table-row-group;
}

.div-cil-Body .div-cil-Row {
    background-color: #fff;
    padding: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.go-marketcmp-structure {
    clear: both;
}

.summary-info-icon {
    margin-right: 0px;
    margin-left: 8px;
}

.nav-accordian-marg {
    margin-top: 10px;
}

.nav-accordian-marg .page-white-background {
    padding-left: 10px;
}

.cil-dropdown-round {
    left: -74px !important;
}

.hover_bkgr_fricc {
    cursor: pointer;
    display: none;
    height: 100%;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.hover_bkgr_fricc .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.hover_bkgr_fricc>div {
    background-color: #eee;
    display: inline-block;
    height: auto;
    max-width: 313px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: absolute;
    border-radius: 8px;
    padding: 15px 17px;
    right: 52px;
    top: -32px;
    z-index: 999;
}

.popupCloseButton {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 46px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 12px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.popupCloseButton:hover {
    background-color: #ccc;
}

.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}

.more-cil-listmemb {
    cursor: pointer;
}

.own-all-group-filter {
    list-style: none !important;
}

.own-all-group-filter li {
    float: left;
    padding-left: 10px;
}

.own-all-group-filter li a {
    cursor: pointer;
}

.own-all-group-filter li a i {
    font-size: 16px !important;
    border: 1px solid #eaeaea;
    padding: 5px 0px;
    height: 28px;
    width: 28px;
    text-align: center;
}

.own-all-group-filter li a i.active {
    color: #f7813d;
    border: 1px solid #f7813d;
}

.dashoard-carousel-next .carousel-control-next-icon {
    background: url(../images/next-icon.png) no-repeat !important;
    width: 45px;
    height: 45px;
    z-index: 999999;
}

.panel-imgtxt-bgcolor .dashoard-carousel-previous .carousel-control-prev-icon {
    background: url(../images/previous-icon.png) no-repeat !important;
    width: 45px;
    height: 45px;
    z-index: 999999;
}

.dashoard-carousel-previous .carousel-control-prev-icon {
    background: url(../images/previous-icon.png) no-repeat !important;
    width: 45px;
    height: 45px;
    z-index: 999999;
}

.dashoard-carousel-nextwo .carousel-control-next-icon {
    background: url(../images/next-icon.png) no-repeat !important;
    width: 45px;
    height: 45px;
    z-index: 999999;
}

.dashoard-carousel-previousone .carousel-control-prev-icon {
    background: url(../images/previous-icon.png) no-repeat !important;
    width: 45px;
    height: 45px;
    z-index: 999999;
    margin-left: -96px !important;
}

.carousel-item.dashboard-carousel-itemone {
    margin: 0 auto !important;
}

.top-content .carousel-control-prev {
    left: -110px;
    border-bottom: 0;
}

.top-content .carousel-control-next {
    right: -110px;
    border-bottom: 0;
}

.at-the-rate {
    float: left;
    font-size: 18px;
    margin-right: 12px;
    margin-top: 8px;
    border-radius: 50%;
    padding: 0px 5px;
    height: 30px;
    width: 30px;
    border: 1px dotted #666;
    cursor: pointer;
}

.at-the-rate a {
    color: #666 !important;
    margin-top: -1px !important;
    display: block;
}

.at-hash {
    float: left;
    font-size: 18px;
    margin-right: 12px;
    margin-top: 8px;
    border-radius: 50%;
    padding: 0px 7px;
    height: 30px;
    width: 30px;
    border: 1px dotted #666;
    cursor: pointer;
}

.at-hash a {
    color: #666 !important;
}

.comment-scroll-300 {
    height: 80px;
}

.group-comment-scroll-300 {
    height: 80px;
}


/*---------------------------------------- Start Sharefile ----------------------*/

form.share-filelogin-box {
    max-width: 423px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e9e9e9;
    padding: 40px 40px 60px 40px;
    border-radius: 10px;
    margin-bottom: 5% !important;
}

form.share-filelogin-box .form-group.form-material {
    margin-top: 22%;
}

.sharefile-cell-widthlft .div-ticketc-Cell .checkbox-custom label::before {
    height: 20px !important;
    width: 20px !important;
}

h2.head-loginshare-title {
    padding-bottom: 30px;
}

.share-signin-mrgtop {
    margin-top: 23px;
}

.share-navbreadcum-top ul {
    padding-left: 0px;
}

.share-navbreadcum-top ul li {
    list-style: none;
    display: inline;
    color: #a8a8a8;
    margin-right: 10px;
    font-size: 12px !important;
    text-transform: capitalize;
}

.share-navbreadcum-top ul li a {
    color: #a8a8a8 !Important;
}

.share-navbreadcum-top ul li a.active {
    color: #000 !Important;
}

.share-navbreadcum-top ul li.active {
    color: #000;
}

.share-file-iconsrgt li {
    list-style: none;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-left: 10px;
}

.share-file-iconsrgt ul li i:hover {
    color: #f7813d;
    border: 1px dotted #f7813d;
}

.share-file-iconsrgt ul li i.active {
    color: #f7813d;
    border: 1px dotted #f7813d;
}

.share-file-iconsrgt li i {
    width: 30px !important;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    font-size: 19px !important;
    border: 1px dotted #666;
    padding-top: 4px;
}

.sharefile-list-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    padding-left: 0;
}

.sharefile-list-group li {
    padding: 13px !important;
    background-color: #fff;
    border: 1px solid #e4eaec;
}

.share-wdhlft-listing .checkbox-custom.checkbox-default {
    padding-top: 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sharefile-list-group li span.share-wdhrgt-listing {
    max-width: 200px;
    width: 182px;
    text-align: left;
}

.sharefile-list-group li span.share-wdhlft-listing {
    max-width: 200px;
    width: 182px;
    text-align: left;
}

.sharefile-list-group:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sharefile-list-group .media:first-child {
    margin-top: 0;
}

.sharefile-list-group .fa-padding .fa {
    padding-top: 5px;
    width: 1.5em;
}

.share-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.sharefile-listop-group {
    position: relative;
    display: block;
    padding-left: 0;
    margin-bottom: 20px;
    width: 100%
}

.sharefile-listop-group li {
    padding: 8px 13px 8px 13px !important;
    background-color: #fff;
}

.sharefile-listop-group li span.share-wdhrgt-listing {
    max-width: 200px;
    width: 182px;
    text-align: left;
}

.sharefile-listop-group li span.share-wdhlft-listing {
    max-width: 200px;
    width: 182px;
    text-align: left;
}

.sharefile-listop-group:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sharefile-listop-group .media:first-child {
    margin-top: 0;
}

.sharefile-listop-group .fa-padding .fa {
    padding-top: 5px;
    width: 1.5em;
}

.size-pddrgt {
    padding-right: 13px;
}

.upload-pddrgt {
    padding-right: 34px;
}

.creater-pddrgt {
    padding-right: 9px;
}

.sharefile-wdthlft-head {
    width: 20%;
    padding-left: 10px;
}

.sharefile-wdthrgt-head {
    width: 25.4%;
}

.padding-four {
    padding: 0px;
}

.div-ticketc-Cell,
.div-sharefile-Head {
    border-bottom: 3px solid #fff !important;
    display: table-cell;
    padding: 0px !important;
    vertical-align: middle;
    width: 32%;
    background-color: #fff !important;
    float: left;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.div-ticketc-Cell.share-file-flow,
.div-sharefile-Head {
    overflow: inherit !important;
    white-space: inherit !important;
}

.div-sharefile-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 0px;
    vertical-align: middle;
    background-color: #fafafa;
}

.sharefile-cell-widthlft {
    width: 60%;
}

.sharefile-leftopt-one {
    width: 10.5%;
}

.sharefile-leftopt-two {
    width: 10.3%;
}

.sharefile-leftopt-three {
    width: 10.3%;
}

.sharefile-leftopt-four {
    width: 72%;
}

.sharefile-cell-widthlrgt {
    width: 25%;
}

.shareborder-cell {
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    display: inline-block !important;
    padding: 13px 10px 10px 9px;
}

.sharefile-cell-widthlft .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.sharefile-cell-widthlft .div-ticketc-Cell i {
    font-size: 20px !important;
}

.sharefile-wdthlft-head .div-sharefile-Head .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.shareup-pd-left {
    padding-left: 4px !important;
}

.sharecr-pd-left {
    padding-left: 8px !important;
}

.sharefile-panel-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.share-filebtn-nobg {
    background-color: #fff !important;
    border-color: #fff !important;
    float: left;
    width: auto !important;
    margin-top: -3px;
    padding-left: 0px !important;
}

.share-filebtn-nobg i {
    padding-top: 1px !important;
}

.no_results .shareborder-cell {
    width: 100% !important;
}

.no_results .shareborder-cell .sharefile-cell-widthlft {
    text-align: center !important;
    width: 100%;
}

.no_results .shareborder-cell .sharefile-cell-widthlft .empty-share-folder {
    width: 100% !important;
}

.loadNextItemFilebluetext {
    color: #3276b1;
    cursor: pointer;
}

.share-no-record .notfound h2 {
    max-width: 800px;
    width: 100%;
    padding-left: 24px;
    padding-top: 43px;
    line-height: 1.1;
}

.application-assignment-crm.tablesaw td {
    width: 2% !important;
}

.table-duedate-wdt.tablesaw td {
    width: 2% !important;
}

.popover-body ul li {
    list-style: circle;
}

.popover-body ul {
    padding-left: 9px !important;
}

.tablesaw tbody td {
    font-size: 13px;
    padding: 7px 14px 7px 15px !important;
    vertical-align: top !important;
}

.compnamedef {
    overflow: hidden;
    width: 262px !important;
    max-width: 100%;
}

.compnamedef a {
    cursor: pointer;
}

.defect-list-idfirst {
    width: 10% !important;
}

.defmark-against {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 170px !important;
    display: block;
    max-width: 100%;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-blue.comp-incop-save {
    font-size: 16px !important;
    padding-top: 8px;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-blue.comp-incop-save.comp-incop-save-poc {
    color: #919352 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-blue.comp-incop-save.comp-incop-save-users {
    color: #3f51b5 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-orange.comp-incop-save.comp-incop-save-users {
    color: #fdaf58 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-orange.comp-incop-save {
    font-size: 16px !important;
    padding-top: 8px;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-purple.comp-incop-save.comp-incop-save-users {
    color: #c983c3 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-purple.comp-incop-save {
    font-size: 16px !important;
    padding-top: 8px;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-green.comp-incop-save.comp-incop-save-users {
    color: #72a176 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-green.comp-incop-save {
    font-size: 16px !important;
    padding-top: 8px;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-mehndi.comp-incop-save.comp-incop-save-users {
    color: #919352 !important;
}

.down-up-icons li a i.icon.fa-save.saveref-icon-mehndi.comp-incop-save {
    font-size: 16px !important;
    padding-top: 8px;
}

.clients-card-a ul li a i.wb-settings {
    color: #fdaf58 !important;
}

.user-card-a ul li a i.wb-settings {
    color: #3f51b5 !important;
}

.client-loc-card-a ul li a i.wb-settings {
    color: #c983c3 !important;
}

.dev-import-data-design ul li a i.wb-settings {
    color: #72a176 !important;
}

.client-contacts-card-a ul li a i.wb-settings {
    color: #72a176 !important;
}

.clientpoc-card-a ul li a i.wb-settings {
    color: #919352 !important;
}

.navbar-default .navbar-toolbar>.open>.nav-link,
.navbar-default .navbar-toolbar>.open>.nav-link:focus,
.navbar-default .navbar-toolbar>.open>.nav-link:hover,
.navbar-default .navbar-toolbar>.show>.nav-link,
.navbar-default .navbar-toolbar>.show>.nav-link:focus,
.navbar-default .navbar-toolbar>.show>.nav-link:hover {
    background-color: #fafafa !important;
}

.select-column.mr-0 input#hours {
    margin-top: -1px !important;
}

.comp-selec-border0 .select2-container {
    border-bottom: 0px solid #fff !important;
    width: auto !important;
}

.comp-selec-border0 .select2-selection__arrow {
    display: none !important;
}

.invoice-alerts .card p {
    height: auto !important;
}

.tablesaw-width0 td {
    width: 2% !important;
}

.comp-mar-auto .select-base-head .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fafafa !important;
}

.parent-elements-mrg0 .form-control-label {
    margin-bottom: 0px !important;
}

.backlist-button-account.add-new-plus {
    margin: 4px 0px !important;
    padding: 0.1rem 0.5rem !important
}

.enjoyhint_next_btn,
.enjoyhint_prev_btn,
.enjoyhint_skip_btn {
    min-width: 85px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14px !important;
}


/*---------------------------------------- End Sharefile ----------------------*/


/* sentiments pages style */

.sentiments-container .responsebox {
    height: 82px;
    border-radius: 3px;
    background: #48c47e;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin: 30px 0;
    padding: 10px;
    cursor: pointer;
}

.sentiments-container .responsebox:hover {
    box-shadow: none;
}

.sentiments-container .responsebox h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 18px;
    text-align: left;
    color: #fff!important;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    margin: 17px 8px 5px;
}

.sentiments-container .responsebox h6 {
    font-size: 12px;
    color: #fff!important;
    margin: 0px 8px 0px;
}

.sentiments-container .responsebox span {
    width: 63px;
    height: 63px;
    background: #fff;
    opacity: 0.8;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    border-radius: 60px;
    position: absolute;
    right: 26px;
    top: 40px;
    font-size: 20px;
    text-align: center;
    padding: 17px 0;
    font-weight: 500;
}

.sentiments-container .responsebox:hover span {
    background: #fff!important;
    opacity: 1!important;
    box-shadow: none;
}

.sentiments-container .responsebox i {
    font-size: 16px;
}

.sentiments-container .heading-1 {
    font-size: 18px;
    margin: 0 0 10px;
}

.sentiments-container .listing {
    height: 56px;
    padding: 15px;
    position: relative;
    border: 1px solid #eaeaea;
    margin: 10px 0;
    background: #fff;
    cursor: pointer;
}

.sentiments-container .listing:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.sentiments-container .listing h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

.sentiments-container .listing ul {
    display: inline-block;
    float: right;
}

.sentiments-container .clientlisting ul li {
    list-style: none;
    display: inline-block;
    width: 48px;
    height: 29px;
    border-radius: 3px;
    border: 0!important;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.sentimentsBackButton {
    background: #f6803d;
    display: inline-block;
    border: 0;
    color: #fff;
    padding: 8px 25px;
    margin: 20px 0 0;
    font-size: 14px;
    border-radius: 3px;
}

.sentimentsBackButton:hover {
    box-shadow: 0 2px 6px #cacaca;
    color: #fff;
}

.sentimentsBackButton i {
    color: #fff;
    margin-right: 5px;
}

.sentiments-container .clientlisting ul li span {
    display: block;
    padding: 5px;
    border-radius: 3px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.sentiments-container .singlepagePositive {
    border-left: 3px solid #48C47E;
}

.postivelist {
    border-left: 2px solid #48C47E!important;
}

.newturallist {
    border-left: 2px solid #FDD078!important;
}

.negtivelist {
    border-left: 2px solid #FE8888!important;
}

.sentiments-container .postivelistIcon span {
    background: #48C47E;
}

.sentiments-container .newturallistIcon span {
    background: #FDD078;
}

.sentiments-container .negtivelistIcon span {
    background: #FE8888;
}

.responseboxDisable {
    opacity: 0.4
}

.sentiments-container .listing p {
    display: inline-block;
    text-align: right;
    font-size: 14px;
    color: #969595;
    margin-right: 35px;
}

.sentiments-container .selectclient {
    margin: 20px 0 0;
}

.sentiments-container .selectclient select {
    padding: 5px 10px;
    height: 43px!important;
    border: 1px solid #e6e6e6;
}


/* das import design */

.dasimportcontainer {
    margin: 8px 0 0
}

.dasimportcontainer p {
    font-size: 12px;
    color: #ababab;
    margin: 5px 0;
}

.dasimportcontainer .select2 {
    width: 100%!important;
}


/* inbox pages css */

.sentiments-container .heading-1 span {
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #f68748;
    font-weight: 400;
}

.sentiments-container .selectboxsentiments {
    width: 300px;
    margin: 0px;
}

.responsebox h2 i {
    font-size: 16px;
    color: #fff;
    font-weight: 200;
}

.sentiments-container .emaillsting li {
    list-style: none;
    color: #8c8c8c;
    display: inline-block;
}

.sentiments-container .emaillsting ul {
    position: absolute;
    right: 30px;
    top: 8px;
}

.sentiments-container .listingdate {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 500;
    display: block!important;
    text-align: right;
}

.sentiments-container .listingtime {
    display: block!important;
    text-align: right;
    font-size: 12px;
}

.sentiments-container .emaillsting p {
    float: right;
    margin-right: 200px;
    color: #8c8c8c;
    max-width: 350px;
    overflow: hidden;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* detail page design */

.sentiments-container .emailcontent {
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin: 20px 0;
    padding: 10px 0 0;
}

.sentiments-container .emailcontent h4 {
    font-weight: 500;
    font-size: 16px;
    color: #363636;
    font-size: 16px;
    margin: 10px;
}

.sentiments-container .emailcontent p {
    font-size: 14px;
    margin: 10px;
    color: #9F9F9F;
}

.sentiments-container .emailcontent ul {
    background: #F6F6F6;
    padding: 0;
    margin: 0;
}

.sentiments-container .emailcontent ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 15px 10px 0px;
    font-size: 14px;
}

.sentiments-container .tableDetail {
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin: 15px;
}

.sentiments-container .tableDetail table tr {
    height: auto;
}

.sentiments-container .tableDetail table th {
    border: 0;
    font-weight: 500;
    color: #000;
}

.sentiments-container .tableDetail td {
    font-size: 14px;
}

.sentiments-container .tableDetail .nav-item .active {
    background: #F6803D!important;
    color: #fff!important;
    border-color: #F6803D;
    border-radius: 0;
}

.sentiments-container .tableDetail .nav-item a {
    font-size: 14px;
    color: #333;
}

.sentiments-container .tab-content {
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #9F9F9F;
}

.fav-menu-list span {
    max-width: 174px;
}


/* End sentiments pages style */


/*----------------------------------------- Responsive ---------------------------*/

@media (max-width: 1182px) {
    .message-attach-ticket {
        padding: 31px 10px 29px 24px !important;
    }
}

@media (max-width: 1176px) {
    .managerClass {
        width: 33px;
    }
    .message-attach-ticket {
        padding: 31px 10px 29px 10px !important;
    }
}

@media (max-width: 900px) {
    .sentiments-container .emaillsting p {
        margin-right: 140px!important;
    }
    .fav-menu-list span {
        max-width: auto!important;
    }
}

.state-error input,
.state-error select,
.state-error .select2 {
    border-bottom: 1px solid red !important;
}

.spreadlist li {
    list-style: none;
}

input.customError[aria-invalid=true],
select.customError[aria-invalid=true]+span {
    border-bottom: 1px solid #e4eaec !important;
    background-image: none;
}

.spreadlist i.fa.fa.fa-file-text.sheet_icon {
    font-size: 22px;
    color: dimgrey;
    padding: 5px;
}

.csvLi.active i.fa {
    color: #07470a!important;
}

.chart-list-sh ul li {
    padding: 4px 23px;
    display: initial;
    float: left;
    border-right: 1px solid #e8e8e8;
}

#myExcel tr>.selected {
    border: 1px solid #666666;
}

div#myExcel table td:not(.jexcel_label) {
    border: 1px solid #2e333e;
    min-width: 50px;
}

div#chartlist_section-sh {
    overflow-x: scroll;
}

.jexcel_label {
    background: #f0f0f0;
}

.chart-list-sh .graphType.active {
    border: 1px solid #666666;
}

input#x-axis {
    height: 40px;
}

.prepdoc_sh strong {
    color: #393838 !important;
    opacity: 0.8 !important;
    font-weight: 600;
}

.tax-report-detail-link {
    color: #3276b1 !important;
}

.tax-report-detail-link:hover {
    cursor: pointer;
}

#new-contact-form input.select2-search__field {
    width: auto!important;
}

.js_merge_tickets_block .select2-search__field {
    width: auto !important;
}

.select-error-padd0-new {
    color: #f44336;
    font-size: 14px !important;
    margin-top: 10px;
}

textarea {
    margin: -6px 0 10px;
    max-width: 100%;
    width: 100%;
}

.console-start-date {
    margin-top: -6px;
}


/*----------------Start Ticket Tutorial-----------------*/

.tictpop-tutorial-input {
    background-color: #f9f9f9 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tictutorial-poph-300 {
    height: 360px !important;
}

.table-tutorial-tbrow {
    padding: 10px 0 10px 0 !important;
    display: block;
    clear: both;
}

.table-tutorial-head {
    background-color: #f4f2f2;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    overflow: hidden;
    padding: 6px 0;
    margin-top: 17px;
}

.funct-poptext-srch {
    padding: 11px 15px;
}

.anchor {
    color: #3276b1;
    cursor: pointer;
}

.client-navinfo-profile.dropdown-menu-media div div div a.ticket-watc-cont-anchor {
    cursor: auto;
}

.taskreport-content-accordian .task-addbtn .panel-body .no-padding button.add-new-plus {
    margin-left: 15px !Important;
}

.div-temptuto-Cell .list-text {
    display: block;
}

.div-temptuto-Cell,
.div-temptuto-Head {
    border-bottom: 3px solid #fafafa;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
    font-size: 12px;
}

.ticket-inst {
    font-weight: 600;
    padding: 10px;
    position: relative;
    background: #ffffff;
}

.ticket-inst::before {
    content: "\00bb";
    color: #666666;
    font-weight: bold;
    position: absolute;
    left: 0;
    font-size: 19px;
    top: 4px;
}

.ticket-inst:first-child {
    margin-bottom: 10px;
}

.ticket-inst span {
    font-weight: normal;
    padding: 0;
    display: inline-block;
}


/*----------------End Ticket Tutorial-----------------*/

#filter-label>span {
    display: none;
}

div#editor .ql-tooltip-arrow {
    display: none;
}

.taskreport-content-accordian .tab-pane table.ticket-activity-summaryTable {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ticketask-add-new-plus {
    margin: 4px 0px !important;
}

.taskreport-content-accordian .tab-pane table {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

.tickettab-text .tab-pane table tbody tr td.notask-ticket {
    padding-left: 10px !important;
}

.tickettab-text .tab-pane table.attachments-table-forum tbody tr td {
    padding-left: 10px !important;
}

table.attachments-table-forum tbody tr td {
    padding-left: 10px !important;
}

.ticket-attach-summary table tr td .attachment_listw30 {
    width: 97% !important;
}

.comment-box a span.ajticket-text {
    vertical-align: middle;
    padding-top: 3px;
    display: inline-block;
}

.ticketheight-h-300 {
    height: 957px !important;
}

.resolution-cil-text {
    padding-left: 10px;
    padding-bottom: 10px;
}

.cil_data_view_class {
    color: #666 !important;
}

.cil_data_edit_class .dropdown-menu li a span {
    color: #666 !important;
}

.contact-person-cilonedit #client_contact-error {
    width: 50%;
    float: right;
}

.form-material.contact-person-cilonedit {
    margin-bottom: 0px !important;
}

.cil_data_edit_class .dropdown-menu li a {
    overflow: hidden;
    padding: 7px 3px;
}

.external-link-font {
    font-size: 18px !important
}


/*----------------------------------------- Task-list-dropdown ---------------------------*/

.task_list_dropdown .tasklist-search span.select2 {
    width: 209px !important;
}

#report {
    position: relative;
    height: 65vh;
}

.training-report-range .date-range {
    margin-top: -15px;
    position: fixed;
    margin-left: 13.5px;
}

.training-report-range .date-range .row .col-sm-5 .input-group input {
    background-color: #fffafa !important;
}

#report .report-training {
    position: absolute;
    left: 46%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 560px;
    width: 100%;
    padding-left: 160px;
    line-height: 1.1;
}

#report .report-training .userlist-tablrgtpdd-resp {
    text-align: center;
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 80%;
}

.report-box-border {
    border: 1px solid #eaeaea;
    padding: 29px 20px;
}

.report-box-border .big_icon .report-icon {
    font-size: 78px !important;
}

.report-box-border .big_icon {
    text-align: center;
}

.report-mrg-left {
    margin-left: 10px;
}

ul.report-listuser {
    list-style: none;
    padding-left: 0px;
}

ul.report-listuser li {
    list-style: none !important;
    display: inline-block;
    margin-left: 28px;
}

.panel-video-bgcolor .carousel-control-next {
    right: 18px !important;
}

.panel-video-bgcolor .carousel-control-next,
.carousel-control-prev {
    width: 6% !important;
}

.setup_reporting {
    position: relative;
}

.setup_reporting .edit-frq-rgt {
    position: absolute;
    top: 22px;
    bottom: 0;
    right: 26px;
}

.setup_reporting .edit_clientsbtn_shw30 {
    padding-left: 0px !important;
}

.setup_reporting .frequecy-payrollpdd {
    padding-left: 0px !important;
    font-size: 11px;
    float: left !important;
    margin-top: 1px;
}

.tableReporting td {
    padding: 10px 12px !important;
}

.setup_reporting .frequecy-payrollpdd b {
    float: left;
}

.setup_reporting .frequency_1Schedule span {
    height: 19px;
    font-size: 11px;
}

.text_margin {
    margin-bottom: -2px !important;
    margin-top: 0px;
}

.invoice-widgetop .input-group-text.invoice-calendar-input {
    margin: 2px;
}

.invoice_calendar .invoice-calendar-input {
    padding: 16px 10px 7px 10px !important;
}

.InvoiceReview {
    margin-bottom: 10px !important;
}

.InvoiceReview .review-text {
    line-height: 15px;
}

.invoice_calendar .input-group-text.invoice-calendar-input {
    margin-top: 3px;
    border-bottom: none;
}

.invoice_calendar .input-group input {
    margin-top: 0px;
    background-image: none;
    border-bottom: none !important;
}

.invoice_calendar .form-material {
    border-bottom: 1px solid #e4eaec !Important
}

.invoice_calendar .form-material.save_border {
    border-bottom: none !Important
}

.invoice_calendar .form-material .form-control:disabled,
.invoice_calendar .form-material .form-control[disabled],
.invoice_calendar fieldset[disabled] .form-material .form-control {
    border-bottom: none !important;
}

.cil_close .btn {
    display: inline-block;
}

.cil-summ-ifont li span.cil_close button i.cil-close {
    margin-left: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 10px !important;
    text-align: center !important;
    line-height: 15.9px;
}

.date_input .input-group {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 3px !important;
}

.date_input .invoice-calendar-input {
    border-bottom: none !important;
}

.date_input .form-control {
    background-image: none !important;
}

.AddApplicaton .dropdown-toggle {
    padding-bottom: 4px !important;
}

.AddApplicaton .input-group-prepend {
    margin-top: 0px;
}

.AddApplicaton textarea.form-control {
    margin-top: 2px;
}

.basic_info .select-pdd0 button {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-left: 0px !important;
    border-radius: 0px !important;
}

.PrepStatus .form-group {
    margin-bottom: -8px;
}


/*----------------------------------------- Clientdshboard-HRBP-starts-here ---------------------------*/

.hrbp-box {
    border: 1px solid #eee;
    height: 300px;
    padding: 24px 27px 0px 27px!important;
}

.UserCEM_outer {
    width: 100%;
    display: table;
    padding-bottom: 15px;
}

.UserHRBP_outer {
    width: 100%;
    display: table;
    padding-bottom: 24px;
    padding-top: 23px;
}

.UserProfile {
    display: table-cell;
}

.user_pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    border: solid 1px #ddd;
}

.user_pic img {
    width: 100%;
}

.user_detail {
    vertical-align: middle;
    width: 57%;
    text-align: center;
    display: table-cell;
}

.user_detail h2 {
    font-size: 18px;
    color: #fc9254 !important;
    margin: 0px;
}

.user_detail h4 {
    font-size: 14px;
    color: #666 !important;
    margin: 0px;
}

.user_border {
    border-bottom: solid 1px #eeedec;
}


/*----------------------------------------- Clientdshboard-HRBP-ends-here ---------------------------*/

.site-menubar-fold .menu_position>.site-menu-item>a {
    height: 38px !important;
}

.menu_position>.site-menu-item>a {
    line-height: 38px !important;
}

.menu_position {
    padding-top: 8px !important;
}


/*----------------------------------------- Ticket-quick-view-starts-here ---------------------------*/

.row-one-quickpop {
    border-bottom: 1px solid #f5f9fa;
    overflow: hidden;
    margin-bottom: 12px;
    width: 93%;
}

.table-quick-tick .attachment_listw30 {
    cursor: unset;
    width: 100% !important;
}

.quick-no-meesage {
    padding-top: 2px;
}

.alerts_listing_height #alerts_listing {
    height: 100% !important;
}

.notification_alerts .list-group .media {
    padding: 12px 10px 5px 10px !important;
    border-bottom: solid 1px #eee;
}

.notification_alerts .list-group {
    border: solid 1px #eee;
    margin-top: 41px;
    height: 500px !important;
}

.notification_alerts .checkbox-custom {
    margin: 0px !important;
}

.media-meta {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 4px;
}

.notification_alerts .nt-15 {
    margin-bottom: 12px !important;
}

.notification_alerts .notification-checkbox-all {
    margin-left: 10px;
}

.notification_alerts .toggleEllipses {
    margin-right: 10px;
    float: right;
}

.notification_alerts .list-group .media:last-child {
    border-bottom: none;
}

.notification_alerts .search-list {
    float: left;
    margin-bottom: 11px;
    position: absolute;
    left: 111px;
}

.notification_alerts .no-records {
    float: left;
    margin-bottom: 11px;
}

.notification_alerts {
    position: relative;
}

.no-record {
    padding: 10px 10px 40px 10px;
    margin: 0;
}

.no-record .notfound {
    margin: 0 auto !important;
}


/*----------------------------------------- Zoho-dashboard ---------------------------*/

.dashboardTitleFont {
    font-family: 'Roboto', 'Open Sans', sans-serif !important;
    color: #000 !important;
}

.zoho_report_timer {
    font-size: 15px;
    color: #616161;
    margin-left: 4px;
    position: absolute;
    right: 18px;
    top: 26px;
    z-index: 9;
}

.zoho_date {
    font-weight: normal;
    font-size: 13px;
    margin-left: 4px;
    color: #999ca4;
}

.table-quick-tick .attachment_listw30 a {
    color: #3276b1 !important;
}

.latest-messquick-viewpop {
    margin-top: -9px !important;
}

.show-destoggle {
    color: #f7813d;
    font-size: 14px !important;
    cursor: pointer;
}

.chat-text-quick {
    padding-top: 7px !important;
    font-size: 16px !important;
}

.paper-clip-quick {
    padding-top: 7px !important;
    font-size: 16px !important;
}

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}

.frame-ticket-qickpop {
    width: 100% !important;
    float: left;
}

.messagetsumm-box-quickview {
    float: left !important;
    height: 90px;
    margin-left: -9px;
    width: 100% !important;
}

.quick-popcircle {
    border-radius: 50%;
    background-color: #fea889 !important;
    width: 29px;
    height: 29px;
    text-align: center;
    margin-right: 7px;
    display: block;
    float: left;
}

.icons-ticket-commentbtm {
    margin-left: 10px !important;
}

.quick-popcircle i {
    color: #fff;
    padding-top: 7px;
}

.quick-content-pop {
    float: left;
    width: 93%;
}

span.more-quick-popanc {
    float: right;
}

.checkbox-custom.checkbox-checklist-open label::before {
    background-color: #f7c646 !important;
    border-color: #f7c646 !important;
}

.checkbox-custom.checkbox-checklist-complete label::before {
    background-color: #82be39 !important;
    border-color: #82be39 !important;
}

.checkbox-custom.checkbox-checklist-hold label::before {
    background-color: #ff3538 !important;
    border-color: #ff3538 !important;
}

.checkbox-custom.checkbox-checklist-escalate label::before {
    background-color: #7e2af0 !important;
    border-color: #7e2af0 !important;
}

.checkbox-custom.checkbox-checklist-open label::after,
.checkbox-custom.checkbox-checklist-complete label::before,
.checkbox-custom.checkbox-checklist-hold label::before,
.checkbox-custom.checkbox-checklist-escalate label::before {
    color: #fff;
}

.div-ticketc-Cell .checkbox-custom label::before {
    height: 15px !important;
    width: 15px !important;
}

span.check-list-ticklis {
    text-transform: uppercase;
}

.h-checlist-popup {
    height: 79px!important;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 5px;
}

.h-checlist-popup-real {
    height: auto !important;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 5px;
}

.ql-editor strong {
    font-weight: bold !important;
}

.comment-box-msg-right strong {
    font-weight: bold !important;
}

.comment-box-msg-left strong {
    font-weight: bold !important;
}

.Check-comment-msg strong {
    font-weight: bold !important;
}

.ticket-date-wdth span {
    font-size: 12px;
}

.ticket-panel-body .group-summary-ticket .info-groupicon .ticket-information-icon .user-information-dropdown {
    margin-left: -161px !important;
}

.selectjs-scroll-issue .form-group .select-pdd0 .dropdown-menu {
    transform: none !important;
    min-width: 116px !important;
    width: 100% !important;
}


/*----------------------------------------- quii-dtl-editor-starts-here ---------------------------*/

.quill-dtl-editor strong {
    font-weight: bold !important;
}

div.quill-dtl-custom-editor>div.ql-editor {
    min-height: 200px;
    max-height: 200px;
}

.quill-dtl-editor .ql-toolbar.ql-snow,
.quill-dtl-editor .ql-container.ql-snow {
    border: 1px solid #e4eaec;
}

.quill-dtl-editor span.ql-formats button {
    margin-top: 0px !important;
}

.bootstrap-datetimepicker-widget {
    width: 250px !important;
    padding: 4px 0 10px 0 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    height: -0.5em !important;
    line-height: 2.0 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span:hover {
    background-color: #fff !important;
}

.bootstrap-datetimepicker-widget .picker-switch tr {
    background-color: transparent !important;
    height: 25px !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
    border-top: 1px solid #eee !important;
}

.bootstrap-datetimepicker-widget .picker-switch td .btn {
    padding: 0rem !important;
}


/*----------------------------------------- quii-dtl-editor-ends-here ---------------------------*/


/*----------------------------------------- Assigned-Profile-starts-here ---------------------------*/

.assigned_profile_outer {
    border: solid 1px #ebebeb;
    width: 100%;
    float: left;
}

.primary_contact_section {
    padding: 20px 20px;
    display: table;
    width: 100%;
    float: left;
}

.UserProfile_pic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: solid 1px #cfcfcf;
    overflow: hidden;
    /* display: inline-block;*/
}

.UserProfile_pic img {
    width: 100%;
}

.Team_info h2 {
    font-size: 14px;
    color: #666;
    float: left;
    margin: 16px 0px 5px 0px;
}

.Team_info h3 {
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 14px;
    color: #8d8d8d !important;
    font-weight: inherit;
    font-style: italic;
}

.Team_sub_info {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    color: #8d8d8d !important;
    font-weight: inherit;
    font-style: italic;
}

.Assigned_profiles {
    display: table-cell;
    float: left;
    position: relative;
}

.poc-team-link {
    position: absolute !important;
    top: 9px;
    right: 12px;
}

.Team_info {
    display: table-cell;
    margin: 0px 0px 0px 20px;
    float: left;
}

.PrimaryContact_btn {
    display: table-cell;
    float: left;
    margin-left: 25px;
}

.PrimaryContact_btn span {
    border: solid 1px #ff9800;
    background: #fff;
    color: #ff9800;
    padding: 4px 20px !important;
    margin-top: 19px;
    font-size: 12px !important;
    border-radius: 100px;
    float: left;
}

.primary_members_list {
    float: left;
    width: 100%;
    padding: 20px 20px 0px 20px;
    border-top: 1px dashed #e1e1e1;
}

.team_manager_outer {
    border-left: solid 3px #4ad7c2 !important;
    border: solid 1px #e1e1e1;
    width: 100%;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 30px;
    display: table;
}

.hierarchy_list {
    width: 65% !important;
    display: table-cell;
    vertical-align: middle;
}

.hierarchy_list h2 {
    font-size: 14px;
    color: #666;
    float: left;
    margin: 0 0px 3px 0px;
}

.hierarchy_list h3 {
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 14px;
    color: #8d8d8d !important;
    font-weight: inherit;
    font-style: italic;
}

.team_icon {
    line-height: 37px;
    border: solid 1px #e1e1e1;
    background: #eaf4fe;
    color: #8dc1ed;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    text-align: center;
    position: absolute;
    right: 14px;
    bottom: -14px;
    cursor: pointer;
}

.team_icon i {
    color: #8dc1ed;
    font-size: 24px !important;
}

.team_lead {
    border-left: solid 3px #fbaa69 !important;
}

.associate_level {
    border-left: solid 3px #848484 !important;
}

.senior_level {
    border-left: solid 3px #5ea8ff !important;
}


/* .team_manager_outer .Team_info{width:65% !important;} */

.team_icon:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.select_team_hierarchy {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.select_team_hierarchy span {
    float: left;
    font-size: 14px;
    color: #b9b9b9 !important;
    border-right: solid 1px #b9b9b9;
    padding-right: 11px;
    height: 18px;
    line-height: 20px;
}

.select_team_hierarchy i {
    float: left;
    margin-left: 10px;
    font-size: 18px !important;
    line-height: 18px;
    color: #b9b9b9;
    cursor: pointer;
}

.NotApplicable {
    margin-top: 30px;
}

.AssignedProfiles_Main {
    border-top: 0px;
    padding: 12px !important;
}

.team-hie-div {
    float: left;
    width: 100%;
}

.manager-info-div {
    float: left;
    width: 100%;
}

.btn-light-poc .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    width: 90%;
}

.btn-light-poc .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0.072rem;
}

.btn-light-poc .select2-results__options {
    font-size: 13.5px;
}

.assigned-profile-box-shadow {
    box-shadow: 0 0px 6px 2px #ddd;
    background: #fafafa;
}

.not_available {
    margin-top: 26px !important;
}


/*----------------------------------------- Assigned-Profile-ends-here ---------------------------*/


/*-----------------------------------------POC-starts-here ---------------------------*/

.ServicesMain_outer {
    border: solid 1px #ebebeb;
    width: 100%;
    float: left;
    padding: 20px;
}

.service-block {
    height: 100%;
    border: solid 1px #f1f1f1;
    /* margin-bottom: 30px; */
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 12px;
    float: left;
    width: 100%;
    position: relative;
}

.services-header {
    float: left;
    width: 100%;
}

.services-header img {
    float: left;
    margin-right: 6px;
    width: 12px;
}

.services-header label {
    float: left;
    margin-bottom: 0px;
    line-height: 13px;
    font-size: 15px;
}

.services-header i {
    font-size: 20px !important;
    color: #999595;
    float: left;
    margin-right: 9px;
}

.user_list {
    float: left;
    width: 100%;
    margin: 14px 0px 14px 0px;
}

.user_list ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.user_list ul li {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 1px #cfcfcf;
    text-align: center;
    line-height: 48px;
    font-size: 12px;
    position: relative;
    /*margin: 0.44rem -0.64rem 0 0;*/
    overflow: hidden;
    z-index: 9;
}

.user_list ul li img {
    width: 100%;
    height: 100%;
}

.user_list h5 {
    float: left;
    width: 100%;
    margin: 28px auto;
    text-align: center;
    color: #b5b5b5 !important;
    font-weight: inherit;
    font-style: italic;
}

.AssignedPoc {
    float: left;
    width: 100%;
    text-align: center;
}

.AssignedPoc h5 {
    display: inline-block;
    margin: 0;
}

.AssignedPoc h4 {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 15px 0px 6px 0px;
}

.AssignedPoc h4 i {
    float: right;
    font-size: 16px !important;
    cursor: pointer;
    color: #999595;
    margin: 0px !important;
}

.AssignedPoc span {
    float: left;
}

.EditPoc_block {
    width: 100%;
    background: linear-gradient(to right, #ffb750 0%, #ff9b51 100%);
    position: absolute;
    bottom: 0px;
    z-index: 2;
    padding: 5px 10px 10px 10px;
    color: #ffffff;
    left: 0;
}

.EditPoc_block span i {
    font-size: 18px !important;
}

.mb-30 {
    margin-bottom: 30px!important;
}


/* .EditPoc_block .btn-light {border-bottom: 1px solid #dedede !important;padding: 3px 0px !important;height: 25px;
border: none;color: #fff;} */

.EditPoc_block .btn-light-poc .select2 {
    border: none !important;
    width: 100% !important;
}

.EditPoc_block .btn-light-poc .select2 .select2-selection {
    /* background: transparent; */
    border: none !important;
    border-radius: 0px;
    border-bottom: solid 1px #fff !important;
    color: #fff !important;
    height: 25px !important;
    background-image: none !important;
}
.EditPoc_block .btn-light-poc .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0px !important;
    display: inline-flex;
    background-image: url(../images/arrow-down-grey.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 15px;
    height: 15px;
    filter: brightness(2);
    margin-top: -9px;
}
.EditPoc_block .btn-light-poc .select2 .select2-selection .select2-selection__placeholder {
    color: #fff !important;
}

.EditPoc_block p {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.edit_icon {
    display: block;
    float: left;
    margin-left: 6px;
}

.service-block:hover .edit_icon {
    display: block;
}

.EditPoc_block .btn-light-poc .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}

.user_list ul .dropdown-menu {
    left: 148px !important;
}

.poc-team-link_pic {
    top: 41px !important;
    position: absolute !important;
    transform: rotate(84deg);
    background: #f1f1f4;
    border-radius: 50%;
    text-align: center;
    width: 27px;
    height: 27px;
    right: -11px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.poc-team-link_pic::before {
    line-height: 27px;
    font-size: 12px !important;
}

.edit_icons_poc {
    float: right;
}

.edit_icons_poc a {
    float: left;
}

.edit_icons_poc a .icon {
    font-size: 17px !important;
    margin-top: 6px;
    float: left;
}


/*-----------------------------------------POC-ends-here ---------------------------*/

.group-summary-ticket .summary-info.ticket-group-list {
    background-color: #fff !important;
    padding-left: 13px;
    padding-bottom: 9px;
    padding-top: 7px;
}

.group-summary-ticket .summary-info.ticket-group-list li {
    display: block;
    float: none;
}

.group-summary-ticket .summary-info.ticket-group-list-one {
    background-color: #fff !important;
    margin-left: 10px;
    padding-left: 13px;
    padding-bottom: 9px;
    padding-top: 7px;
}

.group-summary-ticket .summary-info.ticket-group-list-one li {
    display: block;
    float: none;
}


/*------------------------------------ Rpa start -----------------------*/

.custom-navtogg.customizer-toggle {
    color: #FFF;
    display: block;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 31%;
    width: 38px;
    height: 38px;
    left: -62px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
}

.customizer-rpa {
    width: 400px;
    right: -400px;
    padding: 0;
    background-color: #FFF;
    z-index: 1051;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.rpa-bglist {
    background-color: #fff;
    border: dashed 1px #ddd;
    width: 100%;
    padding: 10px 28px !important;
    border-radius: 5px;
    font-size: 12px;
}

.rpa-highlight .div-cil-Cell .column-title {
    color: #000 !important;
    font-size: 13px;
    text-transform: capitalize;
}

.rpa-highlight .div-cil-Cell .text-grey {
    color: #666 !important;
}

.rpa-div-body.div-cil-Body .div-cil-Row {
    background-color: #fff;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.14) !important;
}

.export-import-btn .form-group {
    padding-left: 10px;
}

.rpa-export-btn-bg {
    background-color: #ffaa5c;
    width: 60px;
    height: 60px;
    border: 1px solid #fec795 !important;
}

.rpa-export-btn-bg i {
    font-size: 21px !important;
    padding-top: 12px;
    color: #fff;
}

.export-icon-pddrpa i {
    padding-top: 2px !important;
    font-size: 21px !important;
    color: #fff;
}

.btn.rpa-export-btn-bg:hover,
.btn.rpa-export-btn-bg:focus,
.btn.rpa-export-btn-bg:active {
    background-color: #ffaa5c !important;
}

.col-sm-4.col-md-4.col-lg-4.col-xl-4.pull-right.export-import-btn {
    padding-right: 0px !important;
}

.rpa-inactive-status {
    width: 10px !important;
    height: 10px !important;
    background-color: #fb6666;
    display: block;
}

.rpa-active-status {
    width: 10px !important;
    height: 10px !important;
    background-color: #9cda9c;
    display: block;
}


/*------------------------------------------Rpa end --------------------*/


/*------------------------------------------DAS starts --------------------*/

.das-export-popup .form-material {
    border-bottom: 1px solid #e8e8e8 !important;
}

.das-export-popup .invoice-calendar-input {
    border-bottom: none !important;
}

.das-export-popup .form-material .form-control {
    background-image: none !important;
}


/*------------------------------------------DAS Ends Here --------------------*/

.report-detail-sltclnt .input-group .select2-primary .select2-container {
    padding: 2px !important;
}


/*------------------------------------------ Start Company Refernce --------------------------------*/

.card.user-card-a {
    background-color: #eef4fa;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.card.user-card-a h3 {
    font-size: 16px;
    color: #3f51b5 !important;
}

.down-up-icons {
    padding-left: 0px;
}

.down-up-icons li {
    list-style: none;
    display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    margin-right: 1px;
}

.down-up-icons li i {
    font-size: 20px;
}

.team-assignment-card-a {
    background-color: #fdf4f1;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.team-assignment-card-a p {
    height: 30px;
}

.team-assignment-card-a h3 {
    font-size: 16px;
    color: #ec9995 !important;
}

.team-assignment-card-a i {
    color: #ec9995 !important;
}

i.saveref-icon-blue {
    font-size: 16px !important;
    padding-top: 8px;
}

i.wb-services {
    padding-top: 8px;
    font-size: 16px !important;
}

.upload-content {
    font-size: 12px;
}

.clients-card-a {
    background-color: #f7f5f5;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.clients-card-a h3 {
    font-size: 16px;
    color: #666 !important;
}

.clients-card-a .down-up-icons {
    padding-left: 0px;
}

.clients-card-a .down-up-icons li {
    list-style: none;
    display: inline-block;
    background-color: #fffcf7;
    width: 30px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
}

.clients-card-a .down-up-icons li i {
    font-size: 20px;
}

.card.user-card-a {
    background-color: #eef4fa;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.card.user-card-a h3 {
    font-size: 16px;
    color: #3f51b5 !important;
}

.down-up-icons {
    padding-left: 0px;
}

.client-incop-card-a {
    background-color: #e1f8dc;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.client-incop-card-a .down-up-icons li a i {
    color: #5d5e80 !important;
}

.client-incop-card-a h3 {
    font-size: 16px;
    color: #5d5e80 !important;
}

.client-loc-card-a {
    background-color: #f7ecf6;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.client-loc-card-a h3 {
    font-size: 16px;
    color: #c983c3 !important;
}

.client-contacts-card-a {
    background-color: #eefaef;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.client-contacts-card-a h3 {
    font-size: 16px;
    color: #72a176 !important;
}

.clientpoc-card-a {
    background-color: #fafbde;
    border-radius: 0.75rem;
    padding: 27px 16px 10px 16px;
    /* width: 220px; */
}

.card p {
    height: 45px;
}

.clientpoc-card-a h3 {
    font-size: 16px;
    color: #919352 !important;
}

.comp-ref-inactive {
    opacity: 0.5;
}

.comref-all-report {
    display: block;
    position: absolute;
    right: 0;
}

.comref-all-report .icon.fa-file-text-o {
    font-size: 16px !important;
}

.comp-ref-filter i.fa-filter {
    color: #3276b1 !important;
    cursor: pointer;
}

.Compref-check-pop-head {
    border-bottom: 1px solid #eee;
    overflow: auto;
    padding-bottom: 10px;
}

.Comp-reportall-unorder {
    width: 86%;
    padding-top: 10px;
}

.Comp-reportall-order ul li p {
    margin-bottom: 0px;
}

.Comp-reportall-unorder ul {
    list-style: none;
    float: right;
}

.Comp-reportall-unorder ul li {
    display: inline-block;
    padding-left: 27px;
}

.csm-service-assign .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
}

.csm-service-assign span {
    border-bottom: 1px solid transparent !important;
    color: #3276b1 !important;
}

.Comp-reportall-unorder ul li .manual-btmtext {
    font-size: 12px;
}

.Comp-reportall-unorder .manual-head {
    color: #000;
}

.Comp-reportall-unorder .name-ellipse {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76px;
}

.Comp-reportall-order.pull-left {
    width: 20%;
}

.Comp-reportall-order ul {
    padding-left: 0px !important;
    list-style: none;
}

.Comp-reportall-popup {
    border: 1px solid #eee;
    display: flex;
    padding: 6px;
}

.user-upload-content p.comp-users {
    color: #3276b1;
}

span.upload-comp-text {
    font-size: 12px !important;
}

.comp-downlarrow-pd0 {
    margin-top: -18px !important;
}

i.comp-spinner-orange {
    color: #f7813d;
    font-size: 22px !important;
    width: 78px;
}

.compref-popup-check-listing li {
    margin-bottom: 10px;
    margin-top: 10px !important;
}

.comp-spinner-orange {
    width: 58px;
}

.comp-spinner-orange i.loader-round-circle {
    font-size: 6px;
    color: #f7813d;
    margin-left: 16px;
}

.no-download {
    width: 21px;
}

.navbar_grid_logo_mid {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* width: 100%; */
}

.site-navbar .navbar-container {
    background-color: #fafafa !important;
    border-bottom: 1px solid #e8e8e8 !important;
}

.site-navbar .navbar-header {
    display: none;
}

.navbar {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .1) !important;
}

.site-navbar-small .site-navbar .navbar-brand {
    padding: 1.2rem 1.429rem !important;
    position: relative;
    margin-left: -30px;
}

.dropdown-content {
    width: 210px !important;
    padding-left: 0px !important;
}

.company-column-box-height {
    height: 111px;
}

.dropdown-content li {
    list-style: none !important;
    padding-bottom: 5px;
    padding-top: 5px;
    border-right: none !important;
}

.comapny-dropdown-menu {
    width: 210px !important;
}

.column-search-wrap {
    border-bottom: 1px solid #f0ecec !important;
    display: block;
    padding-top: 10px;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.column-search-wrap input {
    margin-left: 7px !important;
    margin-bottom: 6px;
    border: none;
    color: #666;
}

.column-search-wrap .md-form {
    width: 94% !important
}

.column-search-wrap .md-form .w-100 {
    width: 100% !important;
}

.navbar-right {
    margin-right: -2.9285rem !important;
}

.bulk-h-300 {
    max-height: 224px;
    height: auto;
    min-height: 100px;
}

.colunm.dropdown-content a:hover,
.colunm.dropdown-content a.active {
    background-color: #eee !important;
}

.colunm.dropdown-content a {
    color: #666;
    padding: 12px 8px;
    text-decoration: none;
    display: block;
}

#myInput.myinput-dropdown-colunm {
    box-sizing: border-box;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #f0ecec;
    color: #666;
}

.myinput-dropdown-colunm {
    padding: 10px 8px !important;
    width: 100%;
}

.assign-pdtop {
    padding-top: 6px;
}

.ascalnd-pdtop {
    padding-top: 3px;
}

.popup-status .select2-container--default span span {
    border-bottom: 0px solid #fff !important;
}

.profile-user-leftsec {
    float: left;
    border-right: 1px solid #e8e8e8;
    width: 20%;
    text-align: center;
    padding: 37px 23px 47px 20px !important;
}

.detail-profile-list {
    float: left;
    width: 80%;
    padding: 16px 23px 10px 20px !important;
}

.detail-profile-list .num-skp-detail ul.list-group {
    padding-top: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
}

.num-detail-dobdetail {
    padding-top: 0px;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
}

.num-detail-statedetail {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 28px;
    border-bottom: 1px solid #eee;
}

.num-detail-timezonedetail {
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 28px;
}

.page-profile .profile-card-user .card-block a img {
    width: 200px !important;
    height: 130px !important;
}

.page-profile .profile-card-user .avatar {
    width: 130px;
    margin-bottom: 10px;
}

.user-company-serice-row h2 {
    margin-bottom: 10px;
}

.user-profileupdate-btn {
    margin-top: 10px;
}

.user-company-serice-row .select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
    border-top: 0px solid #fff !important;
    border-left: 0px solid #fff !important;
    border-right: 0px solid #fff !important;
}

.profile-card-user.card-shadow {
    background-color: #fff !important;
    overflow: auto;
}

.user-company-serice-row p {
    font-size: 18px;
    padding-bottom: 0px;
    color: #f4908c !important;
}

.form-blue-select select {
    color: #3276b1;
    cursor: pointer;
    background-image: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 235px;
    padding-top: 0;
    padding-left: 10px !important;
}

.user-company-serice-row {
    margin-top: 18px;
    padding: 12px;
    padding-bottom: 12px;
    background-color: #fdf4f1;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 20px;
}

.user-company-serice-row::before {
    position: absolute;
    top: 77px;
    left: 45px;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    background-color: #fdf4f1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.user-company-serice-row .list-group-item {
    background-color: #fff !important;
    padding: 10px 10px 0px 10px !important;
}

.form-userservice-mat .select2-primary {
    margin-left: 10px;
    margin-top: -10px;
}

.company-list-rating select {
    background-image: none !important;
    color: #3276b1 !important;
    width: 53px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-userservice-mat select {
    background-image: none !important;
    color: #3276b1 !important;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-list-rating select option {
    margin-top: -10px;
}

.form-group.form-material.company-list-rating {
    margin-bottom: 0px !important;
}

.table-user-companyp10 {
    margin-top: 20px;
}

.company-list-rating.form-material.form-group .form-control-label {
    padding-top: 5px;
}

.form-userservice-mat.form-material.form-group .form-control-label {
    padding-top: 5px;
}

.form-group.form-material.form-userservice-mat {
    margin-bottom: 0px !important;
}

.userServiceDesignationBlock {
    padding-left: 10px;
}

.select-base-head .select2-container {
    border-bottom: 0px solid #f9f4f4 !important;
    margin: 14px 0px 6px 15px;
}

.select-base-head .select2-selection__arrow b {
    top: 12px!important;
    margin: 0!important;
    border-width: .286rem .286rem 0 .286rem!important;
}

.select-base-head .select2-container--default .select2-selection {
    border: 1px solid #fffafa !important;
}

.bulk-import-compsl {
    margin-right: 32px !important;
    margin-top: -4px;
}

.due_date_div {
    margin-top: -1px;
}

.company-select0 .comp-selec-border0 {
    margin-top: -3px;
}

.company-selectteamedit0 {
    margin-top: 24px;
}

.team-edit-ellipse {
    margin-left: 32px;
}

.comp-selec-border-none .select2-container--default .select2-selection {
    border: 1px solid #fff !important;
}

.team-comp-marg0 {
    margin-top: -3px;
}

.team-infoicon-parent i {
    font-size: 14px !important;
}

.tammanag-paading-right0 {
    padding-right: 0px !important;
}

.ticket-progress-bar {
    width: 49%;
}

.progress-ticket-rightsec .progress-title {
    margin-top: -4px;
    font-size: 13px;
}


/*------------------------------------------ End Company Refernce --------------------------------*/


/*------------------------------------------ User profile ---------------------------------------*/

.table-user-companyp10 tbody tr td.form-group.form-material {
    margin-bottom: 0px !important;
}

.designation-user-mac .form-control-label {
    float: left;
}

.designation-user-mac .bootstrap-select.form-control {
    float: left;
    width: 199px !important;
}

.designation-user-mac .form-group.form-material {
    margin-top: 7px !important;
    margin-bottom: 0px !important;
}

.designation-user-mac .select-pdd0 button {
    border-bottom: 0px solid #fff !Important;
}

.designation-user-mac .dropdown-toggle::after {
    color: #fff !important;
}

.designation-user-mac .btn {
    padding: 0rem 0.5rem !important;
}

.designation-user-mac .filter-option-inner-inner {
    color: #3276b1 !important;
}

table.table-user-companyp10 tr:hover {
    background-color: #fff !important;
}

.user-text-desg {
    padding: 13px 0 !important;
}

.dtl-report-compcolumn {
    margin-top: -6px;
}

.elipse-rgt-mrg0 {
    margin-left: 10px;
}


/*-------ACL-history-starts-here-------*/

.show-history {
    position: absolute;
  right: 0;
  top: 15px;
  cursor: pointer;
  color: #3276b1 !important;
}

.history-popup .tab-pane .panel-group .panel-title::after,
.panel-group .panel-title::before {
    top: 9px !important;
    right: 4px !important;
    /* display: none; */
}

.history-popup .panel-group .panel {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
    border: none;
    margin-bottom: 15px;
}

.history-popup .panel-group .panel-collapse .panel-body {
    padding: 0px !important;
}

.undo-text {
    float: right;
    color: #a8a5a5;
    margin-right: 0px !important;
    font-size: 14px;
    position: absolute;
    right: 36px;
    top: 12px;
    display: none;
}

.history-popup .panel-group .panel .panel-heading {
    padding: 12px 12px;
}

.history-popup .panel-group .panel-title {
    padding: 0px;
}

.history-popup .panel-group .panel-heading:hover .undo-text {
    display: block;
}

.undo-disabled {
    color: #cacaca !important;
    cursor: not-allowed;
}

.undo-disabled i {
    color: #cacaca !important;
    cursor: not-allowed
}

.history-popup .panel-group .panel-heading>h5 {
    margin-bottom: 2px;
    position: relative;
    font-size: 15px;
    text-shadow: none;
    color: #333 !important;
    margin-top: 0px;
}

.history-popup .panel-group .panel-heading span {
    margin-right: 8px;
    color: #888;
}

.history-popup .panel-group strong {
    font-weight: 600;
    text-shadow: none;
}

.history-popup .panel-group .panel-heading+.panel-collapse {
    border-top: 1px solid #eee;
}

.history-popup .panel-group .panel-body ul {
    float: left;
    width: 100%;
    padding: 0px;
    background: #fdfdfd;
}

.history-popup .panel-group .panel-body ul>li {
    float: left;
    padding: 16px 20px 16px 0px;
    border-bottom: dashed 1px #eee;
    list-style-type: circle;
    margin-left: 30px;
    width: 91%;
}

.history-popup .panel-group .panel-body ul>li>b {
    font-weight: 600;
}

.history-popup .panel-group .panel-body ul li:last-child {
    border-bottom: none;
}

.history-popup #style-4::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.history-popup #style-4::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 10px;
}

.history-popup .scrollbar {
    float: left;
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    background: #fdfdfd;
}


/*-------ACL-history-ends-here-------*/

.tickettab-text iframe.payroll-message-height {
    width: 100% !important;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 200px !important;
    max-height: 400px !important;
    height: 340px !important;
}


/*-----Ticket-thread-css-starts-here----*/

.email-compose .tab-pane .panel-group .panel .panel-heading a {
    padding: 2px 0px 0px 13px;
}

.email-compose .panel-group .panel-collapse .panel-body {
    padding: 15px 15px;
}

.email-icon {
    float: left;
    line-height: 21px;
    margin-right: 7px;
}

.email-compose .tab-pane .panel-group .panel .panel-heading a p {
    padding-top: 4px;
    font-size: 15px;
    color: #666;
}

.email-compose .note-editor.note-frame {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
}

.email-compose .dropzone.dz-clickable {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
}

.email-compose .dropfile-foot-text {
    color: #888;
}

.email-compose .note-editor .note-editing-area .note-editable {
    width: 100% !important;
}

.compose-email-iframe iframe {
    width: 100% !important;
}

.compose-email-iframe iframe table {
    float: left;
}

.email-compose,
.tab-pane .panel-group .panel-title::after,
.email-compose .panel-group .panel-title::before {
    top: 7px;
}


/*-----Ticket-thread-css-starts-here----*/


/*-------ap-tracker-css-starts-here----*/

.Ap-tracker-export>h5 {
    font-weight: bold;
    color: #f7813d !important;
    background: #fafafa;
    padding: 8px 10px 12px 10px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.Ap-tracker-export>h5>span {
    display: inline-block;
    margin: 8px 0px 0px 10px;
    color: #8f8e8e;
    font-weight: normal;
}

.Ap-tracker-export>p {
    color: #8f8e8e;
    float: left;
    width: 100%;
}

.Ap-tracker-export>p>span {
    font-weight: bold;
    width: 100%;
    float: left;
    color: #666;
    margin-bottom: 5px;
}

.Ap-tracker-export ul {
    padding-left: 16px;
    color: #8f8e8e;
    float: left;
}

.tracker-form .form-control {
    height: 2.38rem !important;
}


/*----------------------------------------- Review invoice ---------------------------*/

.checkbox-review-invoice .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
}

.review-all-selectbutton {
    padding-left: 0px !important;
}

.review-all-selectbutton .checkbox-custom {
    background-color: #f8fbe0 !important;
    padding-left: 33px !important;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #f7813d;
    border-radius: 5px;
    width: 127px;
}

.review-all-selectbutton .checkbox-custom label {
    border-left: 2px solid #fff !important;
}

.review-all-selectbutton .checkbox-custom label::before {
    margin-left: -29px !important;
}

.review-all-selectbutton .checkbox-custom label::after {
    margin-left: -29px !important;
}

.right-0 {
    padding-right: 0px !important;
}

.client-das-code {
    font-size: 12px !important;
    margin-bottom: 0px !important;
    padding-top: 3px;
}

.client-das-code span {
    color: #000;
}

.disable-select {
    pointer-events: none;
    opacity: 0.8;
}

table#helpChatbot tr {
    height: 35px !important;
}

input#searchData {
    float: right;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #ccc;
    color: #666;
    width: 80%;
}

.handbook-height {
    min-height: 300px;
}

#show-pdf iframe {
    border: 1px solid #ccc !important;
}


/*no result found code reusable starts*/

.no-result-outer {
    position: relative;
    padding: 150px 30px 30px 380px;
    width: 100%;
    height: 400px;
    z-index: 2;
}

.no-result-outer h2 {
    text-transform: uppercase;
    font-size: 21px;
}

.no-result-outer p {
    color: #999fa5;
}

.bg-round-icon {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #f2f5f8;
    z-index: -1;
    left: 100px;
    top: 50px;
    padding: 90px 0px 0px 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bg-round-icon .iconarea {
    width: 130px;
    height: 130px;
}

.bg-round-icon .iconarea img {
    width: 100%;
}


/*--crm-dashboard-service-request-css--*/

.crm-service-list {
    float: left;
    width: 100%;
    margin-top: 8px;
}

.crm-service-list>ul {
    float: left;
    padding: 0px;
    width: 100%;
}

.crm-service-list>ul>li {
    width: 100%;
    list-style-type: none;
    padding: 6px;
    margin-bottom: 10px;
    display: table;
}

.crm-service-list>ul>li>span {
    width: 26px;
    margin-right: 4px;
    display: table-cell;
    vertical-align: top;
}

.crm-service-list>ul>li>span>img {
    width: 60%;
    float: left;
    margin-top: 3px;
}

.crm-service-list>ul>li>span>i {
    font-size: 16px !important;
    color: #666;
}

.crm-service-list>ul>li>.service_name {
    width: -webkit-fill-available;
    display: table-cell;
}

.service_name>h4 {
    font-size: 15px;
    margin: 0;
    /* color: #333 !important; */
}

.service_name>span {
    font-size: 13px;
    color: #666;
    float: left;
}

.service_name>span>span {
    color: #989898;
    margin-left: 2px;
    text-transform: capitalize;
}

.sr-hover-icons {
    float: right;
    display: none;
}

.sr-hover-icons>i {
    color: #666;
}

.crm-service-list>ul>li:hover .sr-hover-icons {
    display: block;
}

.crm-service-list>ul>li:hover {
    background: #f3f2f2;
    cursor: pointer;
    border-radius: 4px;
}

.sr-filter-dropdown {
    margin-left: -113px !important;
}

.Invoice-summary-list {
    display: block;
    padding: 0;
    margin-top: 15px;
}

.Invoice-summary-list>li {
    display: block;
    width: 100%;
    list-style-type: none;
    margin-bottom: 18px;
}

.Invoice-summary-list>li>h5 {
    margin: 0px;
    text-shadow: none !important;
}

.Invoice-summary-list>li>h5>span {
    float: right;
    color: #a8a5a5;
}

.InvoiceBorder-bottom {
    border-bottom: dotted 1px #ccc;
}

.website-Noimg {
    background: #fdfdfd;
    text-align: center;
}

.website-Noimg img {
    width: auto !important;
    text-align: center;
}

.sr-hover-icons .not-available {
    color: #bfbfbf;
}

.progress-ticket-rightsec {
    width: 20%;
}

.client-website-img {
    width: 100%;
    height: 246px;
    float: left;
}
/*--bi report popup--*/
.client-website-img img {
    width: 100%;
    height: 100%;
}
.bireportcontainer .input-group,.bireportcontainer .date-rangeMonth {
    width: 100%;
    display: block;
}
.bireportcontainer .bireport-calendar-input {
    border: 0;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    border-right: 0px aliceblue;
    margin-top: 3px;
    background: transparent !important;
    padding: 7px 5px 6px 0!important;
    height: 28px;
}
.bireportcontainer .bi-btn-save{
    margin-left: 5px;
}
.disable_bi_btn{
    opacity: 0.7;
    pointer-events: none;
}

/*--crm-dashboard-service-request--ends-css--*/


/*-------------------------------------------------- Client Notes ----------------------------------------*/
.biellpes{
    margin-top: -2px;
}
.client-notes-input-margin20 {
    margin-right: 32px;
}

.client-notes-form0 .form-group {
    margin-bottom: 0px !important;
}

.icons-ticket-commentbtm.client-notes-form0 {
    margin-top: 15px;
    width: 600px !important;
}

.log-right-section {
    border-left: 1px solid #f3f3f5;
    background-color: #fff;
}

.input-search-dark .form-control {
    border: 1px solid #ddd !important;
}

.clientpro-listdrop .input-search.input-search-dark {
    padding-left: 10px;
}

.client-notes-comment-bar {
    width: 100% !important;
    position: relative !important;
    background: transparent !important;
}

.client-notes-right-days {
    background-color: #f3f3f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 5px 5px 11px;
    clear: both;
}

.client-notes-timeline.timeline-single::before {
    left: 0;
}

.client-notes-timeline.timeline::before {
    background-color: #e4eaec;
}

.client-notes-timeline.timeline-single::before {
    left: 0;
}

.client-notes-timeline.timeline::before {
    position: absolute;
    top: 41px;
    bottom: 0;
    left: 9px;
    width: 2px;
    margin-left: -1px;
    content: "";
    background-color: #e4eaec;
}

.crm-service-list>ul.client-notes-timeline>li.timeline-item:hover {
    background: transparent !important;
}

.client-notes-timeline.timeline {
    margin-bottom: -14px !important;
}

.client-notes-timeline {
    width: 100% !important;
    box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.14) !important;
}

.client-notes-timeline li .timeline-dot {
    background-color: #fff !important;
    border: 1px solid #d4d4d4;
    cursor: auto !important;
    margin-top: 0px !important;
}

.timeline-dot i {
    color: #666;
}

.client-notes-timeline .timeline-item {
    position: relative;
    display: block;
    cursor: auto !important;
}

#style-4::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 10px;
}

.client-notes-form-with {
    color: #3276b1;
    cursor: auto !important;
}

.client-notes-form-date {
    cursor: auto !important;
}

.timeline-feed {
    cursor: auto !important;
}

.activity-row {
    cursor: auto !important;
}

.client-notes-ql-editor .ql-editor {
    white-space: inherit !important;
    padding: 5px 5px !important;
}

.notfound.client-notes-notfound .generate-icon::before {
    width: 78% !important;
    height: 78% !important;
}

.input-search .input-type-edit {
    right: 8px;
}

.client-notes-search-list {
    padding-left: 14px;
}

.input-type-edit {
    position: absolute !important;
    top: 23%;
    z-index: 1;
    width: 2.573rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19px;
    font-size: 18px !important;
}

.Client-notes-not-found {
    padding-left: 14px;
}

.input-search-dark-Textarea i {
    padding-top: 1px;
    color: #757575;
}

.input-search-dark-Textarea input {
    height: 42px !important;
    padding-left: 36px !important;
    background-color: #fff !important;
}

.input-search .input-search-icon+.form-control {
    padding-left: 32px !important;
    background-color: #fff !important;
}

.client-notes-enter {
    padding-left: 14px;
}

.ql-container.ql-snow.client-notes-ql-editor {
    border: 0px solid #fff !important;
}

.client-notes-ql-editor .ql-editor ul {
    width: 100% !important;
    padding-left: 0px !important;
}

.client-notes-ql-editor .ql-editor ul li {
    padding-left: 0px !important;
}

.client-notes-ql-editor .ql-editor ul li span {
    width: 100% !important;
}

.client-notes-ql-editor .ql-editor p {
    clear: both;
}

.client-notes-ql-editor .ql-editor p span {
    width: 100% !important;
}

.client-notes-form-with {
    cursor: auto !important;
    color: #666 !important;
}

.client-notes-form-with b {
    color: #000 !important;
    font-weight: normal !important;
}

.crm-client-notes-btmlist {
    padding-left: 0px !important;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
}

.crm-client-notes-btmlist li {
    padding-right: 26px !important;
    float: left;
    width: auto;
}

.crm-client-notes-btmlist li span {
    width: 95% !important;
}

.notes-comment-section {
    display: block;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: -2%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 999;
    width: 457px;
    left: 18%;
}

.comment-text {
    color: #666 !important;
    margin-bottom: 0px !important;
}

.notes-comment-section .send {
    width: 80px !important;
    height: 46px !important;
    border-bottom: 1px solid #ddd !important;
}

.notes-comment-section div div input {
    height: 47px !important;
}

.notes-comment-section div .form-material {
    width: 100% !important;
}

.notes-comment-section div .send button {
    position: absolute;
    right: 4px;
    top: 10px;
    padding: 0px !important;
    width: 50px;
}

.notes-comment-section div .comment-section-append .bg-white div div .client-notes-form-with {
    font-size: 12px !important;
}

.comment-popup {
    cursor: pointer;
}

.notes-comment-section div div div div img {
    width: 40px;
    height: 40px;
}

.comment-reply-like {
    margin-left: 42px;
}

.client-notes-access-dropdown {
    margin-left: 170px;
    color: #666 !important;
    margin-top: 50px;
}

.crm-client-notes-btmlist li div span {
    color: #666 !important;
}

.cnote-triw-icon {
    padding-top: 4px;
}


/*---selct-css--*/

.client-notes.dropdowns-list {
    float: left;
    width: 100%;
}

.client-notes.dropdowns-list .dropdown-menu.show {
    top: 9px !important;
    left: -12px !important;
}

.client-notes.dropdowns-list>ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.client-notes.dropdowns-list>ul>li {
    list-style-type: none;
    float: left;
    width: 13%;
    position: relative;
    margin-right: 9px;
}

.client-notes.dropdowns-list>ul>li:last-child {
    margin-right: 0px;
}

.client-notes.dropdowns-list>ul>li:hover a {
    color: #f7813d;
}

.client-notes.dropdowns-list>ul>li:hover .add-icon-outer {
    display: none;
}

.client-notes.dropdowns-list .custom-dropdown-select:hover .add-icon-outer {
    display: none;
}

.client-notes.dropdowns-list .custom-dropdown-select {
    display: block;
    width: 120px;
    line-height: 18px;
    /* background: orangered; */
    text-align: left;
    position: relative;
    text-decoration: none;
    color: #9d9c9c;
    font-size: 14px;
    height: 14px;
}

.client-notes.dropdowns-list .custom-dropdown-select .select2-container {
    top: -20px;
    z-index: 999;
    position: relative !important;
    border-bottom: none;
    background: transparent;
    border: none;
    box-shadow: none;
}

.client-notes.select2-container--default .select2-selection--single {
    height: 1.573rem !important;
}

.client-notes.dropdowns-list .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.client-notes.dropdowns-list .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9d9c9c;
}

.client-notes.dropdowns-list .custom-dropdown-select:before,
.client-notes.dropdowns-list .custom-dropdown-select:after {
    position: absolute;
    content: "";
    transition: all .25s;
}

.client-notes.dropdowns-list .custom-dropdown-select:before {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 85%;
    height: 110%;
    right: -10px;
    bottom: -10px;
}

table#helpChatbot tr {
    height: 35px !important;
}

.client-notes.dropdowns-list .custom-dropdown-select:after {
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    width: 85%;
    height: 107%;
    top: -10px;
    left: -10px;
}

.client-notes.dropdowns-list .custom-dropdown-select:hover:before {
    width: 85%;
    height: 110%;
    border-bottom: 1px solid #f7813d;
    border-right: 1px solid #f7813d;
}

.client-notes.dropdowns-list .custom-dropdown-select:hover:after {
    width: 117%;
    height: 246%;
    border-top: 0px solid #f7813d;
    border-left: 0px solid #f7813d;
}

.client-notes.das-Select-validation>a:before {
    border-bottom: 1px solid red !important;
    border-right: 1px solid red !important;
}

.client-notes.das-Select-validation>a:after {
    border-top: 1px solid red !important;
    border-left: 1px solid red !important;
}

.client-notes.das-Select-validation .add-icon-outer>i {
    color: red !important;
}

.client-notes.dropdowns-list .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: none !important;
}

.client-notes.dropdowns-list .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: none !important;
}

.client-notes .select-columns>a>input {
    padding: 0px !important;
    border: none !important;
    z-index: 9999;
    height: 27px !important;
    position: absolute;
    top: -8px;
    color: #9d9c9c;
}

.client-notes .add-icon-outer {
    position: absolute;
    right: -14px;
    top: -13px;
    display: block;
}

.client-notes .add-icon-outer>i {
    font-size: 16px;
    color: #ccc !important;
    font-weight: normal;
    font-style: normal;
    display: block !important;
}

.tier-placement {
    margin: -5px;
}


/*---custom-selct-css---*/

.client-notes .small-widgets-list>li {
    list-style-type: none;
    display: inline;
    border-right: solid 1px #b7b7b7;
    padding: 0px 8px;
    font-size: 12px;
}

.client-notes .small-widgets-list>li:last-child {
    border-right: none;
    padding: 0px 0px 0px 8px;
}

.client-notes .small-widgets-list>li>span>strong {
    font-weight: 600;
    font-size: 16px;
    color: #616161;
}

.client-notes .small-widgets-list>li>span {
    font-weight: 500;
    color: #999ca4;
    font-size: 13px;
}

.client-notes .status-button {
    background: #fff;
    border: solid 1px #eeeeee;
    display: inline-block;
    /* width: 14%; */
    border-radius: 20px;
    text-align: left;
    color: #666;
    line-height: 18px;
    padding: 0px 17px 0px 10px;
}

.client-notes .status-circle {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    border: solid 2px #51b464;
    text-align: left;
    display: inline-block;
    margin-right: 3px;
}

.client-notes .verified {
    border: solid 2px #51b464;
}

.client-notes .not-reviewed {
    border: solid 2px #f11117;
}

.client-notes .reviewed {
    border: solid 2px #ac52fb;
}

.client-notes .pushed {
    border: solid 2px #5698b6;
}

.client-notes .add-new-invoice {
    background: #fcf6dc;
    float: left;
    padding: 3px 15px;
    border-radius: 4px;
    color: #f6884a;
    margin-left: 12px;
    font-weight: 400;
    cursor: pointer;
}

.client-notes .select-btn {
    background: #fcf6dc;
    float: left;
    padding: 3px 10px 3px 28px;
    border-radius: 4px;
    color: #f6884a;
}

.client-notes .select-btn>.checkbox-custom {
    padding: 0px;
    margin: 0px;
    border: none !important;
}

.client-notes .select-btn>.checkbox-custom label::before {
    width: 16px;
    height: 16px;
    top: 2px;
    border: none;
}

.client-notes .select-btn .checkbox-custom label {
    padding-left: 4px;
    font-weight: 400;
}

.client-notes .checkbox-outer {
    width: 20px;
    display: inline-block;
}

.client-notes-tierselct {
    width: 212px !important;
    margin-top: 7px;
    margin-left: 36px;
}

.client-note-head div div .client_instuction_well div div div .client-notes-comment-bar .ql-toolbar.ql-snow {
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    box-shadow: 0px 0px 0px #fff !important;
    border-bottom: 0px solid #fff !important;
    border-radius: 20px 20px 0 0 !important;
}

.client-note-head div div .client_instuction_well div div div .client-notes-comment-bar .ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #f7813d !important;
}

.client-note-head div div .client_instuction_well div div div .client-notes-comment-bar .ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    box-shadow: 0px 0px 0px #fff !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px 0px 20px 20px !important;
}

.client-notes-form0 div label::before,
.client-notes-form0 div label::after {
    position: absolute;
    content: "";
    transition: all .25s;
}

.client-notes-form0 div label input {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff) !important;
}

.client-notes-form0 div label::before {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 85%;
    height: 44%;
    right: -4px;
    bottom: 8px;
}

.client-notes-form0 div label:hover::before {
    width: 85%;
    height: 44%;
    border-bottom: 1px solid #f7813d;
    border-right: 1px solid #f7813d;
}

.client-notes-form0 div label::after {
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    width: 85%;
    height: 67%;
    top: -3px;
    left: -10px;
}

.client-notes-form0 div label:hover::after {
    width: 108%;
    height: 88%;
    border-top: 0px solid #f7813d;
    border-left: 0px solid #f7813d;
}

.calender-client-notes {
    width: 18% !important;
}

.tier-list-width select {
    width: 173px !important;
}

.client-notes-feed-comments {
    height: 300px;
    overflow-y: auto;
    overflow-x: clip;
}

.client-notes-timeline .timeline-feed.timeline-simple .timeline-dot {
    margin-top: 0px !important;
}

.client-notes-form-with.black {
    color: #000 !important;
    font-style: italic;
    font-weight: 600;
}

.client-flexnotes-jcontent {
    width: 325px;
    margin-left: 10px !important;
}

#tierDropdown {
    width: 225px !important;
}

.scroll_yesterday .last-element-of-commenting {
    position: absolute;
    bottom: 27px;
    left: 35px;
}

.client-notes-tierselct .select2-container .select2-selection--single .select2-selection__rendered {
    width: 127px !important;
}

.bi-error{ color : red; }
.new-spritual{
    color: #f7813d;
    font-size: 12px;
    font-weight: 500;
  }
/*----------------------------------------- Responsive ---------------------------*/

input#searchData {
    float: right;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #ccc;
    color: #666;
    width: 80%;
}

.handbook-height {
    min-height: 300px;
}

#show-pdf iframe {
    border: 1px solid #ccc !important;
}


/*no result found code reusable starts*/

.no-result-outer {
    position: relative;
    padding: 150px 30px 30px 380px;
    width: 100%;
    height: 400px;
    z-index: 2;
}

.no-result-outer h2 {
    text-transform: uppercase;
    font-size: 21px;
}

.no-result-outer p {
    color: #999fa5;
}

.bg-round-icon {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #f2f5f8;
    z-index: -1;
    left: 100px;
    top: 50px;
    padding: 90px 0px 0px 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bg-round-icon .iconarea {
    width: 130px;
    height: 130px;
}

.bg-round-icon .iconarea img {
    width: 100%;
}


/*--crm-dashboard-service-request-css--*/

.crm-service-list {
    float: left;
    width: 100%;
    margin-top: 8px;
}

.crm-service-list>ul {
    float: left;
    padding: 0px;
    width: 100%;
}

.crm-service-list>ul>li {
    width: 100%;
    list-style-type: none;
    padding: 6px;
    margin-bottom: 10px;
    display: table;
}

.crm-service-list>ul>li>span {
    width: 26px;
    margin-right: 4px;
    display: table-cell;
    vertical-align: top;
}

.crm-service-list>ul>li>span>img {
    width: 60%;
    float: left;
    margin-top: 3px;
}

.crm-service-list>ul>li>span>i {
    font-size: 16px !important;
    color: #666;
}

.crm-service-list>ul>li>.service_name {
    width: -webkit-fill-available;
    display: table-cell;
}

.service_name>h4 {
    font-size: 15px;
    margin: 0;
    /* color: #333 !important; */
}

.service_name>span {
    font-size: 13px;
    color: #666;
    float: left;
}

.service_name>span>span {
    color: #989898;
    margin-left: 2px;
    text-transform: capitalize;
}

.sr-hover-icons {
    float: right;
    display: none;
}

.sr-hover-icons>i {
    color: #666;
}

.crm-service-list>ul>li:hover .sr-hover-icons {
    display: block;
}

.crm-service-list>ul>li:hover {
    background: #f3f2f2;
    cursor: pointer;
    border-radius: 4px;
}

.sr-filter-dropdown {
    margin-left: -113px !important;
}

.crm-service-list.scrollbar {
    float: left;
    width: 100%;
    height: 226px;
    overflow-y: scroll;
}

#style-4::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 10px;
}

.Invoice-summary-list {
    display: block;
    padding: 0;
    margin-top: 15px;
}

.Invoice-summary-list>li {
    display: block;
    width: 100%;
    list-style-type: none;
    margin-bottom: 18px;
}

.Invoice-summary-list>li>h5 {
    margin: 0px;
    text-shadow: none !important;
}

.Invoice-summary-list>li>h5>span {
    float: right;
    color: #a8a5a5;
}

.InvoiceBorder-bottom {
    border-bottom: dotted 1px #ccc;
}

.website-Noimg {
    background: #fdfdfd;
    text-align: center;
}

.website-Noimg img {
    width: auto !important;
    text-align: center;
}

.sr-hover-icons .not-available {
    color: #bfbfbf;
}

.progress-ticket-rightsec {
    width: 20%;
}

.client-website-img {
    width: 100%;
    height: 246px;
    float: left;
}

.client-website-img img {
    width: 100%;
    height: 100%;
}


/*--crm-dashboard-service-request--ends-css--*/

.no-padding-right {
    padding-right: 0px;
}

.review-invoice-details-head {
    width: 101% !important
}

.review-invoice-details-head .header-invoice {
    display: inline-block;
    padding-right: 20px;
}

.review-invoice-details-head .header-invoice span {
    font-size: 12px !important;
}

.review-invoice-details-head .header-invoice span.black {
    font-size: 16px !important;
}

#main-list-div .review-text {
    margin-bottom: 13px;
}

#main-list-div .invoice-list-unorder ul li.status-review-detailbttncolor {
    overflow: visible;
}

#main-list-div .invoice-list-unorder ul li .status-reviewed {
    border: solid 2px #a13fff;
}

#main-list-div .invoice-list-unorder ul li .status-pushed {
    border: solid 2px #5195b4;
}

#main-list-div .invoice-list-unorder ul li .status-verify {
    border: solid 2px #3fac54;
}

#main-list-div .invoice-list-unorder ul li .status-not-review {
    border: solid 2px #ed0000;
}

.review-invoice-details-head .header-invoice.last {
    padding-right: 0px;
    padding-right: 0px !important;
    border-right: 0px solid !important;
}

.review-invoice-details-head .header-invoice .form-group {
    margin-bottom: 0px !important;
}

.review-invoice-details-head .header-invoice .form-group .checkbox-custom,
.radio-custom {
    margin-top: 0px !important;
}

.review-invoice-details-head .header-invoice strong {
    font-weight: 700;
}

.review-invoice-details-head .header-right .header-invoice {
    float: right;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 15px;
    cursor: pointer;
    margin-bottom: 8px;
}

#main-list-div .seprater {
    border-left: solid 1px;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
}


/* #main-list-div .panel-heading {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#main-list-div .panel-heading .inline-invoice-check .form-group {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
} */

.trendline svg:hover {
    color: #3276b1;
    cursor: pointer;
}

#main-list-div .inline-invoice {
    display: inline-block;
    padding-left: 15px;
}

#main-list-div .inline-invoice-check {
    display: inline-block;
    padding-left: 15px;
}

#main-list-div .inline-invoice strong {
    font-weight: 700;
}

#main-list-div .invoice-list-unorder strong {
    font-weight: 700;
}

.view-logs {
    width: 20px;
}

.view-edit {
    width: 13px;
}

.view-notes {
    width: 13px;
}

.view-hours {
    width: 15px;
}

.review-enter-notes-top {
    cursor: pointer;
    background: #f5f8fe !important;
    padding: 2px 4px;
    margin-top: 4px;
    border-radius: 5px;
}

.popover-header h4 {
    font-size: 14px !important;
}

#main-list-div .panel .panel-heading span .checkbox-review-invoice .form-group {
    margin-bottom: 0px !important;
}

span.client-long-lenth {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 87px;
    display: inline-block;
    float: right;
    padding-left: 4px;
}


/*----------------------------------------- Responsive ---------------------------*/
@media (max-width: 1382px) {
    .team-transition-font{
        font-size: 12px !important;
    }
}

@media (max-width: 1182px) {
    .message-attach-ticket {
        padding: 31px 10px 29px 24px !important;
    }
    .team-transition-font{
        font-size: 12px !important;
    }
}

@media (max-width: 1176px) {
    .managerClass {
        width: 33px;
    }
    .message-attach-ticket {
        padding: 31px 10px 29px 10px !important;
    }
    #main-list-div {
        font-size: 12px;
    }
    #main-list-div .invoice-list-unorder {
        width: auto !important;
        float: left;
    }
    .invoice-list-unorder ul {
        float: left !important;
        padding-left: 0px !important;
    }
  
}

@media (max-width: 1137px) {
    .ticket-widget-content-left {
        margin-right: 25px !important;
    }
   
}

@media (max-width: 1082px) {
    .ticket-widget-content-left {
        margin-right: 23px !important;
    }
}

@media (max-width: 1026px) {
    .ticket-widget-content-left {
        margin-right: 4px !important;
    }
}

@media (max-width: 1060px) {
    .widget-sidebarpdd {
        margin-left: 16px !Important;
    }
}

@media (max-width: 1058px) {
    .legendset ul li {
        margin-right: 26px;
    }
}

@media (max-width: 1030px) {
    .legendset ul li {
        margin-right: 20px;
    }
    
}

@media (max-width: 974px) {
    .calander-dashboard .panel-body .calendar-container .fc-view-container .fc-view table tbody td.fc-widget-content .fc-scroller {
        height: 573px !important;
    }
    .card p {
        height: auto !important;
    }
}

@media (max-width: 900px) {
    .reviewinvoice-tvlsaw {
        width: 98% !important;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .calander-dashboard .panel-body .calendar-container {
        height: 600px !important;
        max-height: 608px !important;
        min-height: 600px !important;
    }
    .widget-sidebarpdd {
        margin-left: 45px !Important;
    }
    .examle-wrap {
        font-size: 12px;
    }
}

@media (max-width: 984px) {
    .ticket-widget-content-left {
        margin-right: 1px !important;
    }
}

@media (max-width: 926px) {
    .ticket-widget-content-left {
        margin-right: 43px !important;
    }
    .top-head-ticketgrp {
        width: 834px;
    }
}

@media (max-width: 848px) {
    .pull-left.attach-tick {
        margin-left: 53px !important;
        margin-top: 0px;
        float: none;
    }
    .message-attach-ticket {
        padding: 20px 10px 29px 10px !important;
    }
}

@media (max-width: 800px) {
    .modal-sm {
        max-width: none !important;
    }
    .modal-header .close span {
        margin-right: 15px;
    }
    .timer-dtl-icon {
        text-align: center;
        width: 100%;
    }
    .profile-nav-link {
        margin-right: 22px !important;
    }
    .userlist-tablrgtpdd-resp {
        padding-right: 9px !important;
    }
    .priority {
        margin-top: -40px;
    }
    .arrow-list {
        float: left;
        padding-left: 0px;
        margin-left: 0px;
    }
    .user-resource-icon {
        margin-top: -9px;
        margin-right: -10px;
    }
    ul.arrow-list li {
        padding-right: 16px;
        padding-left: 0px;
    }
    .col-lg-6.ticket-white-background {
        width: 100%;
    }
    .pie-chart-ticket {
        float: none;
        bottom: 0px;
        position: relative !important;
        right: 0px !important;
    }
    .sparkline-pie-chart canvas {
        width: 264px !important;
        height: 264px !important;
    }
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .client-respdd0 {
        padding-right: 0px;
        padding-left: 11px;
    }
    .user-information-icon {
        margin-right: 3px;
    }
    #dashboard-calendar .fc-button-group {
        margin-top: -51px;
    }
    .modal-sm {
        width: 100% !important;
    }
    .modal-sidebar {
        z-index: 999999;
    }
    .reviewinvoice-tvlsaw {
        width: 98% !important;
    }
    .navbar_grid_logo_mid {
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
        /* width: 100%; */
    }
}

@media (max-width: 767.98px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .arrow-display {
        display: block;
    }
    .clientlist-filterpdd {
        padding-left: 10px !important;
    }
    .arrow-list {
        margin-left: 5px;
        margin-top: 11px;
    }
    .arrow-display ul li {
        padding-right: 9px !important;
        padding-left: 0px !important;
    }
    .arrow-hide {
        display: none;
    }
    ul.weak-list li {
        float: left;
        padding-right: 73px;
        padding-bottom: 12px;
    }
   
  
    .rinvoice-hours-admin div {
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .get-invoice-bttnmrg {
        margin-top: 10px;
    }
    .range-reportext {
        margin: 0px !important;
    }
    .page-header {
        padding-bottom: 0px !Important;
    }
    .arrow-display {
        display: block;
    }
    .notfound {
        padding-right: 15px;
        padding-top: 110px;
        max-width: 560px;
        width: 100%;
        padding-left: 160px;
        line-height: 1.1;
    }
    .user-information-icon i {
        margin-right: 4px;
    }
    #examplePositionSidebar .modal-sidebar {
        min-width: 100% !important;
    }
    .date-range-mobile .btn {
        margin-top: -8px;
    }
    .panel-heading h3.panel-title {
        padding-left: 9px !important;
    }
    .site-navbar .navbar-header {
        display: block!important;
    }
    .navbar_grid_logo_mid {
        float: left !important;
    }
    .navbar_grid_logo_mid {
        display: none;
    }
    .comp-mar-auto {
        width: 50% !important;
    }
}

@media (max-width: 700px) {
    .user-resource-icon {
        margin-top: -8px;
        margin-right: -12px;
        overflow: hidden;
    }
    .dtl-top-headright {
        padding-right: 0px !important;
        margin-right: -37px;
    }
    .invoice-widgetop .col-sm-5.col-md-5.col-lg-5.col-xl-5 {
        width: 30%;
    }
    .invoice-widgetop .col-sm-2.col-md-2.col-lg-2.col-xl-2 {
        width: 25%;
    }
    .sidebar-inn-text {
        width: 100% !important;
    }
    #primary_nav_wrap .infromation-dropdown li i {
        padding-top: 8px;
    }
    .date-range .btn.prevbtn.js_pre_month.waves-effect.waves-classic {
        margin-top: -7px;
    }
    .date-range .btn.nextbtn.js_nxt_month.waves-effect.waves-classic {
        margin-top: -7px;
    }
}

@media (max-width: 600px) {
    ul.weak-list li {
        float: left;
        padding-right: 41px;
        padding-bottom: 12px;
    }
    .user-resource-icon {
        margin-top: -29px;
        margin-right: -12px;
        overflow: hidden;
    }
    .rinvoice-hours-admin div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .respondesktop-user-profile {
        display: none;
    }
    .responsive-user-profile {
        display: block;
    }
    .page-content {
        padding: 26px 26px;
    }
    .modal-sm {
        width: 100% !important;
    }
    #divAlertBoxes {
        top: 10px !important;
    }
    .opentask-tblopn .scrollable-container .scrollable-content table.tablesaw td {
        width: 151% !important;
    }
}

@media (max-width: 510px) {
    .summary-info li {
        width: 100% !important;
    }
    .panel-body {
        padding-left: 0px !important;
    }
    .summary-info {
        width: 89%;
    }
}

@media (max-width: 500px) {
    body {
        font-size: 12px;
    }
    .font-size-50 {
        font-size: 35px !important;
    }
    .priority {
        margin-top: -51px;
    }
    .dtl-top-headright {
        padding-right: 0px !important;
        margin-right: -9px;
    }
    .top-headpdd0 .add-new-plus {
        margin: 0px 2px !important;
    }
    .invoice-list-unorder {
        padding-left: 0px;
        float: left;
    }
    #primary_nav_wrap .infromation-dropdown li i {
        padding-top: 12px;
    }
    .date-text {
        font-size: 12px;
    }
    .user-list-pagination ul li.arrow-pdd {
        padding-top: 9px;
    }
    .invoice-widgetop {
        float: right;
    }
    .invoice-list-unorder ul {
        padding-left: 0px;
    }
    .panel-group .panel {
        overflow: hidden;
    }
    .tab-infoicon {
        float: left;
    }
    .invoice-widgetop .col-sm-5.col-md-5.col-lg-5.col-xl-5 {
        width: 35% !important;
    }
    .dtl-top-headright {
        width: 100% !important;
    }
    .panel-group .panel-collapse .panel-body {
        float: left;
    }
    .taskreport-top-headpdd {
        float: left !important;
        margin-left: 7px;
    }
    .weak-list-responsive {
        display: none;
    }
    .topnav {
        overflow: hidden;
        background-color: #fff;
        position: relative;
        display: block;
    }
    .topnav #myLinks {
        display: none;
    }
    .topnav a {
        padding: 4px 8px;
        text-decoration: none;
        font-size: 14px;
        display: inline-block;
    }
    .topnav a.icon {
        background: #fff;
        display: block;
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 1.43rem !important;
    }
    .topnav a:hover {
        background-color: #fff;
    }
    .ticket-rangedth {
        width: 49%;
    }
    .dash-tasktxt {
        margin-left: 14px !important;
        overflow: hidden;
        display: inline-block;
    }
    .pie-progress {
        margin-left: 8px;
    }
    .client-budgethrs-clickedt {
        padding: 0 0 0 0px !important;
    }
    .icon-addaval-btn {
        margin-top: 0px;
    }
    #primary_nav_wrap {
        margin-top: 0px !important;
    }
    .user-profile-editbg {
        margin-top: 0px !important;
    }
    .userprofile-listord {
        margin-top: 18px !important;
    }
    #detail {
        margin-left: 54px;
        width: 90%;
    }
    #UpdatePassword {
        margin-left: 54px;
        width: 90%;
    }
    #Management {
        margin-left: 54px;
        width: 90%;
    }
    #ServiceManagement {
        margin-left: 54px;
        width: 90%;
    }
    #divAlertBoxes {
        position: absolute !important;
    }
    .panel-body,
    .panel-footer,
    .panel-title {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .date-range-mobile {
        width: 125%;
    }
    .date-range-mobile .btn {
        margin-top: -8px;
    }
    .info-range-mobile {
        width: 30% !important;
    }
    .go-pagination {
        margin-top: -19px !important;
    }
    #management .form-group .dropdown.bootstrap-select .dropdown-menu {
        min-width: 99% !important;
        width: 99% !important;
    }
    .reviewinvoice-tvlsaw {
        width: 41% !important;
    }
    .user-pagination-txt {
        float: none !important;
        margin-top: 0px !important;
    }
    .user-pull-pagination {
        float: none !important;
    }
    .user-pull-pagination .user-list-pagination .pagination {
        margin-bottom: 0px !Important;
    }
    .taskreport-mrgn {
        padding-left: 0px !important;
    }
    .taskreport-info {
        float: left !important;
    }
    .navbar_grid_logo_mid {
        display: none;
    }
}

@media (max-width: 479px) {
    .ticket-list-content .col-lg-7.col-md-7.col-sm-7 {
        float: left;
        width: 56%;
    }
    .status-ticket-mrg0 {
        float: left;
        width: 10% !important;
    }
    .nav_redo_border_left li {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 480px) {
    .modal-sm {
        max-width: none !important;
    }
}

@media (max-width: 400px) {
    ul.weak-list li {
        float: left;
        padding-right: 13px;
        padding-bottom: 12px;
    }
    .opentask-tblopn .scrollable-container .scrollable-content table.tablesaw td {
        width: 120% !important;
    }
    .dtl-top-headleft {
        width: 20%;
    }
    .dtl-top-headright {
        width: 32%;
    }
    .invoice-widgetop {
        margin-right: 15px;
    }
    .panel-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.weak-list li {
        padding-right: 3px;
    }
    .dtl-infomarg0 {
        width: 80%;
    }
    .arrow-list {
        width: 100%;
    }
    .search_top span {
        width: 166px !important;
    }
    .search_top span span span b {
        left: 174px !important;
    }
    .rinvoice-hours-admin div {
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .get-invoice-bttnmrg {
        margin-top: 10px;
    }
    .range-reportext {
        margin: 0px 8px !important;
    }
}

@media (max-width: 310px) {
    .page-login-v2 form a {
        margin-left: 0px !important;
    }
    .modal-sm {
        width: 100% !important;
    }
    #dashboard-calendar .fc-header-toolbar .fc-center h2 {
        margin-left: -49px;
    }
}

@media (max-width: 320px) {
    .group-summary-ticket {
        width: 114%;
    }
    .info-groupicon {
        margin-right: 12px;
    }
}

table#helpChatbot tr {
    height: 35px !important;
}

input#searchData {
    float: right;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #ccc;
    color: #666;
    width: 80%;
}

.handbook-height {
    min-height: 300px;
}

#show-pdf iframe {
    border: 1px solid #ccc !important;
}


/*no result found code reusable starts*/

.no-result-outer {
    position: relative;
    padding: 150px 30px 30px 380px;
    width: 100%;
    height: 400px;
    z-index: 2;
}

.no-result-outer h2 {
    text-transform: uppercase;
    font-size: 21px;
}

.no-result-outer p {
    color: #999fa5;
}

.bg-round-icon {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #f2f5f8;
    z-index: -1;
    left: 100px;
    top: 50px;
    padding: 90px 0px 0px 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.bg-round-icon .iconarea {
    width: 130px;
    height: 130px;
}

.bg-round-icon .iconarea img {
    width: 100%;
}


/*--crm-dashboard-service-request-css--*/

.crm-service-list>ul {
    float: left;
    padding: 0px;
    width: 100%;
}

.crm-service-list>ul>li {
    width: 100%;
    list-style-type: none;
    padding: 6px;
    margin-bottom: 10px;
    display: table;
}

.crm-service-list>ul>li>span {
    width: 26px;
    margin-right: 4px;
    display: table-cell;
    vertical-align: top;
}

.crm-service-list>ul>li>span>img {
    width: 60%;
    float: left;
    margin-top: 3px;
}

.crm-service-list>ul>li>span>i {
    font-size: 16px !important;
    color: #666;
}

.crm-service-list>ul>li>.service_name {
    width: -webkit-fill-available;
    display: table-cell;
}

.service_name>h4 {
    font-size: 15px;
    margin: 0;
    /* color: #333 !important; */
}

.service_name>span {
    font-size: 13px;
    color: #666;
    float: left;
}

.service_name>span>span {
    color: #989898;
    margin-left: 2px;
    text-transform: capitalize;
}

.sr-hover-icons {
    float: right;
    display: none;
}

.sr-hover-icons>i {
    color: #666;
}

.crm-service-list>ul>li:hover .sr-hover-icons {
    display: block;
}

.crm-service-list>ul>li:hover {
    background: #f3f2f2;
    cursor: pointer;
    border-radius: 4px;
}

.sr-filter-dropdown {
    margin-left: -113px !important;
}

.crm-service-list.scrollbar {
    float: left;
    width: 100%;
    height: 226px;
    overflow-y: auto;
    /*this is for overflow content on client dashboard  */
}

.notes-user {
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3c4557;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    position: relative;
}

.client-notes-commentservice-list {
    max-height: 161px !important;
    overflow-y: overlay;
}

#style-4::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 10px;
}

.Invoice-summary-list {
    display: block;
    padding: 0;
    margin-top: 15px;
}

.Invoice-summary-list>li {
    display: block;
    width: 100%;
    list-style-type: none;
    margin-bottom: 18px;
}

.Invoice-summary-list>li>h5 {
    margin: 0px;
    text-shadow: none !important;
}

.Invoice-summary-list>li>h5>span {
    float: right;
    color: #a8a5a5;
}

.InvoiceBorder-bottom {
    border-bottom: dotted 1px #ccc;
}

.website-Noimg {
    background: #fdfdfd;
    text-align: center;
}

.website-Noimg img {
    width: auto !important;
    text-align: center;
}

.sr-hover-icons .not-available {
    color: #bfbfbf;
}

.progress-ticket-rightsec {
    width: 20%;
}

.text-gray {
    color: #a3a3a3;
}

.client-website-img {
    width: 100%;
    height: 246px;
    float: left;
}

.client-website-img img {
    width: 100%;
    height: 100%;
}


/*--crm-dashboard-service-request--ends-css--*/

.site-menu-title {
    max-width: 185px;
    /*--main menu text width increased-css--*/
}

.site-menubar .favIcon {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 12px;
}

.site-menu-sub .fa-star {
    color: #F7813D;
}

.myfavbutton {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 20px 5px 0;
    display: block;
    padding: 10px 20px;
    color: #666;
}

.myfavbutton:hover {
    color: #F7813D;
}

.navbar-toolbar .favIcon {
    margin: 0px 10px 0 17px;
    cursor: pointer;
    color: #F7813D;
    position: relative;
    top: -22px;
    height: 16px;
    padding: 0!important;
}

.facmenucon {
    border-bottom: 1px solid rgba(0, 0, 0, .04);
    padding: 5px 0!important;
}

.js_add_request_form {
    margin-left: 15px;
    padding: 18px 10px !important;
}

.favlistconteiner {
    display: block;
    background: #fcfcfc;
    border: 1px solid #eee;
    padding: 0 15px;
}

.favgroup h3 {
    font-size: 18px;
    margin: 10px 0px;
}

.favgroup ul {
    padding: 0;
}

.favconteiner .modal-sm {
    width: 60%!important;
}

.favconteiner .close span {
    position: absolute;
    right: 11px;
    top: 22px;
    font-size: 22px;
}

.favheader .close {
    position: static!important;
}

.favconteiner .modal-header {
    padding: 10px;
}

.favheader h2 {
    font-size: 20px;
    margin: 8px 0 20px;
}

.favgroup li {
    list-style: none;
}

.fav-menu-list {
    border: 1px solid #e6e6e6;
    padding: 0px 10px;
    background: #fff;
    color: #8a8a8a;
    font-weight: 400;
    margin: 5px 0;
}

.fav-menu-list span {
    display: inline-block;
    margin: 8px 0 2px;
}

.favgroup li .switch-tabright {
    float: right;
    margin: 0px 0 0;
}

.favcheckbox {
    position: relative;
    height: 18px;
    line-height: 0;
    padding: 3px 0 0;
    float: left;
    margin: 21px 6px 0 3px;
    width: 24px;
}

.js_add_request_form {
    float: left;
}

.das-bulk {
    height: 2.6rem !important;
}

.favcheckbox input {
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0;
}

.favcheckbox label {
    position: relative;
    float: right;
    color: #b5b5b5;
    font-size: 10px;
    line-height: 0px;
}

.favcheckbox label:before {
    margin: 5px;
    content: "\f005";
    font-family: Font Awesome;
    display: inline-block;
    font-size: 1.5em;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.favcheckbox input:checked~label:before {
    color: #F8965D;
}

.favcheckbox label:hover~label:before {
    color: #F8965D;
}

.favcheckbox label:hover:before {
    color: #F8965D;
}

.salewarapcheckbox input {
    left: 0;
    margin-left: 0;
}

.line-select .btn-light {
    border-bottom: 1px solid #dedede !important;
    padding: 3px 0px !important;
}
.crm-switch-disable{
    pointer-events: none;
}


.rank_add.form-control {
    height: 1.70rem !important;
    padding: 0;
}
/** header timer css **/
.nav_redo_border_right li.header-timer {
    padding: 10px 25px 0 20px;
    border-left: 1px solid #e8e8e8;
    position: relative;
}
.header-timer .timer-arrow {
    position: absolute;
    right: -10px;
    border: 1px solid #E8E8E8;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
}

.header-timer p {
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    color: #343A40;
    word-wrap: break-word;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}
.header-timer .timer-left-text p:first-child {
    margin-bottom: 5px;
    font-weight: bold;
}
.header-timer p a {
    color: #343A40;
    white-space: nowrap;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
}
.header-timer p a:hover{
    text-decoration: underline;
}
.header-timer p svg {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.header-timer svg {
    height: auto;
}
.header-timer .timer-count {
    padding-left: 20px;
}
.header-timer .timer-count p {
    margin: 0 0px 0 5px;
    color: #495057;
    line-height: normal;
    font-weight: bold;
}
.timer-count .timer-icons {
    background: #F7813D;
    border-radius: 2px;
    width: 100%;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;    
    cursor: pointer;
}
.timer-count .running-clock-top{
    background: url(../images/running-clock.gif) no-repeat scroll 0 0/17px 17px rgba(0, 0, 0, 0);
    width: 17px;
    height: 17px;
    display: none;
}
.timer-count .pause-icon {
    display: none;
}
.timer-count.timer-pause .start-icon {
    display: none;
}
.timer-count.timer-pause .pause-icon {
    display: block;
}
.timer-count .clock-icon{
    fill: #CED4DA;
}
.timer-count.timer-pause .clock-icon {
    display: none;
}
.timer-count.timer-pause .running-clock-top{
    display: block;
}
.select-base-head {
    border-right: 1px solid #e8e8e8;
}
.timer-arrow-text {
    padding: 4px 0 0 20px;
}
.timer-arrow-text span{
    display: block;
}
.escalon-logo-mid a {
    transform: none;
    -webkit-mask-image: none;
    display: block;
    overflow: visible;
    position: static;
}
.timer-arrow-text {
    width: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    height: 0;
    transition: 0.3s ease all;
    padding-top: 4px;
    display: none;
}
div#site-navbar-collapse.collapsing .nav_redo_border_right li.header-timer{
    display: none;
}
#dasNotificationNoContent{
    display: flex;
}
#dasNotificationNoContent.header-timer p a {
    width: auto;
}

@media screen and (min-width: 1200px) {
    .timer-text-show span.timer-arrow {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    .timer-text-show .timer-arrow-text {
        height: auto;
        max-width: 380px;
        opacity: 1;
        visibility: visible;
        padding-left:20px;
        display: block;   
        width: auto;     
    }
}

@media screen and (max-width: 991px){
    .nav_redo_border_left li {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ebs-brand-logo {
        height: 32px!important;
    }
    .nav_redo_border_right li.header-timer {
        padding: 10px 20px 0 10px;
    }
    .header-timer p {
        font-size: 11px;
        line-height: normal;
    }
    .navbar-toolbar-right li {
        padding-left: 0;
    }
    .navbar-toolbar-right .nav-item.last .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px!important;
    }
    .js_add_request_form {
        padding: 18px 5px !important;
    }
    .header-timer .timer-count {
        padding-left: 10px;
    }
}

@media screen and (max-width:767px){
    .comp-mar-auto {
        position: static;
    }
    .nav_redo_border_right li.header-timer {
        padding: 10px 10px 10px 10px;
        position: absolute;
        bottom: 0px;
        right: 105px;
        width: auto;
        border-left: 0;
    }
    
    .header-timer .timer-arrow {
        display: none;
    }
    .nav_redo_border_right li.header-timer > span {
        justify-content: center;
    }
    .nav_redo_border_right li.header-timer#dasNotificationNoContent {
        min-height: 59px;
    }
}

@media screen and (max-width: 567px){
    .site-navbar.navbar .navbar-collapse {
        padding-bottom: 60px;
    }
    
    .nav_redo_border_right li.header-timer {
        padding: 10px 10px 0px 10px;
        bottom: 10px;
        left: 0;
        right: auto;
        width: 100%;
        border-top: 1px solid #e8e8e8;
    }
    .nav_redo_border_right li.header-timer#dasNotificationNoContent {
        min-height: 51px;
    }
    
}

.avatar .user-initials {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}
.edit_bot_popup .selectrenderadd p#user_assigned-error {
    font-size: 12px !important;
}
.client-search-dropdown-error {
    margin-bottom: -4px;
    font-size: 13px;
    margin-top: 7px;
}

.client-search-dropdown-error img {
    margin-right: 1px;
    width: 14px;
    margin-left: 2px;
}

#create-defect-form .input-group-prepend .invoice-calendar-input {
    margin: 0;
    height: 2.3rem !important;
}
#create-defect-form #defectDatePicker{
    background-image: none;
    border-bottom: 1px solid #e8e8e8;
}

.create-defect .defect-save {
    width: 100%;
}

/** sidebar search css **/

.site-menu-item.search-sidebar {
    height: 55px;
    top: 60px;
    z-index: 1401;
    position: fixed;
    width: 65px;
    background: #f7f7f7;
}

.site-menubar-fold.site-menubar-hover .search-sidebar{
    width: 260px;
}

.site-menubar .scrollable-vertical .site-menu {
    padding-top: 55px!important;
}
.site-menubar .scrollable-vertical .site-menu .facmenucon{
    border-bottom:0
}

.search-sidebar .search-sidebar-li{
    left: 13px;
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 99;
    cursor: pointer;
    top: 14px;
}

.search-sidebar .search-sidebar-li > i {
    background: #FFF;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    font-size: 16px;
    color: #FFA500;
    cursor: pointer;
}
.search-sidebar .search-sidebar-li.active {
    border-radius: 4px;
    border: 1px solid #E9ECEF;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}
.search-sidebar .search-sidebar-li.active .search-sidebar-box {
    display: block;
}
.search-sidebar .search-sidebar-li .search-sidebar-box {
    display: none;
    min-width: 210px;
    padding: 0 5px;
    position: relative;
}
.search-sidebar .search-sidebar-li.active i.ri-search-line {
    box-shadow: none;
}

.search-sidebar .search-sidebar-li.active .search-sidebar-box input[type="text"] {
    border: 0;
    color: #495057!important;
    font-size: 13px!important;
    width: 100%;
    padding: 0 20px 0 0;
}
.search-sidebar-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #495057!important;
}
.search-sidebar-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: #495057!important;
}
.search-sidebar-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #495057!important;
}
.search-sidebar-box input[type="text"]:-moz-placeholder { /* Firefox 18- */
    color: #495057!important;
}

.search-sidebar .search-sidebar-li .search-sidebar-box .search-close {
    position: absolute;
    right: 0;
    background: transparent;
    border: 0;
    height: 100%;
    top:0;
    z-index: 99;
}

.search-sidebar .search-sidebar-li .search-sidebar-box .search-close i{
    font-size: 16px;
    cursor: pointer;
}
.search-list-dropdown{
    display: none;
    position: absolute;
    top: 52px;
    left: 13px;
    width: 94%;
    min-width:248px;
    z-index: 99;
}
.search-sidebar-li.active + .search-list-dropdown {
    display: block;
}
.search-sidebar ul{
    border-radius: 4px;
    border: 1px solid #E9ECEF;
    background: #FFF;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    max-height: 145px;
    scrollbar-color: #D9D9D9 transparent;
    scrollbar-width: thin;
    overflow-x: hidden !important;
}

.search-sidebar ul::-webkit-scrollbar {
    width: 4px;
}
.search-sidebar ul::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}
.search-sidebar ul::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 8px;
}
.search-sidebar ul li{
    color: #495057;
    font-size: 14px;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    margin: 5px 0;
}
.search-sidebar ul li:hover {
    background: #F8F9FA;
}
.search-sidebar ul li > i{
    color: #868E96;
    font-size: 16px;
    width: 20px;
    margin-right: 5px;
}
.search-sidebar ul li a{
    color: #495057;
}
.search-sidebar ul li a .search-menu {
    color: #495057;
    font-size: 13px;
    display: block;
}
.search-sidebar ul li a .search-submenu {
    display: block;
    color: #868E96;
    font-size: 11px;
    margin: 2px 0 0;
}

.site-menubar .scrollable-vertical .mm-opened .mm-navbar {
    top: 55px;
}

.site-menubar .scrollable-vertical .mm-opened .site-menu-sub {
    top: 50px;
}
.search-sidebar ul li .no-found {
    font-size: 11px;
    position: relative;
    left: -7px;
}


@media screen and (max-width: 767px){
    .site-menu-item.search-sidebar{
        display: none;
    }
    .site-menubar-open .site-menu-item.search-sidebar{
        display: block;
    }
}

.clientNotSelected .icon-process {
    height: 300px !important; 
}
.clientNotSelected .icon-process .icon-font {
    font-size: 20px !important; 
}
.del-invoices-btn{
    margin-top: 7px;
}
.es-company-list-qbo{
    margin-left: -8px;
}
.es-company-list-qbo .secondaryCompanyDropdown{
    width: 108px;
    padding-top: 5px;
    padding-left: 13px;
}

.select2-container--default.es-internal-company .select2-dropdown{
    width: 49px !important;
}
#js_qbo_master_form div .input-group{
    width: 129px !important;
}
.es-version{
    span{
        a{
            color:#fff !important;
        }
    }
}

.panel-body.pe{
    padding-right:7px!important;
}
.es-create-form .btns-block {
    padding-top: 15px;
    border-top: 1px solid #DEE2E6;
    text-align: right !important;
    display: block;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
    min-height: 52px;
}
.es-create-form .btns-block .btn {
    width: 70px;
    border-radius: 2px;
    font-weight: 400;
    box-shadow: none !important;
}
.es-create-form .btns-block .btn.es-btn-cancel {
    border: 1px solid #ced4da !important;
    padding: 1px 6px !important;
    background-color: transparent;
    line-height: normal;
    height: 26px;
}
.es-create-form .btns-block .btn.es-btn-cancel:hover {
    background-color: #DEE2E6;
    color: #495057;
}
.es-create-form .btns-block .btn.btn-info {
    height: 26px;
    background: #f7813d !important;
    border: 1px solid #f7813d;
    color: #fff;
}
.es-create-form .btns-block .btn.btn-info:hover, 
.es-create-form .btns-block .btn.btn-info:active {
    background: #dc6d2c !important;
    border: 1px solid #dc6d2c !important;
    color: #fff !important;
}

.es-create-form .btns-block .es-quick-link-save {
    width: auto;
    float: none;
    padding-left: 5px !important;
    display: inline-block;
}

.es-create-form .btns-block .es-quick-link-save .form-group {
    float: none;
    margin: 0;
}
.es-create-form #file_upload_ins {
    float: none;
    display: block;
}
.es-create-form #file_ext {
    float: none;
    text-align: left;
}
.es-create-form .form-group select.form-control {
    border-bottom: 1px solid #e4eaec ! Important;
    height: auto !important;
}
span.revoked_date {
    font-size: 12px;
    margin-left: 2px;
    color: #9c9a9a !important;
}
span.assigned_message {
    margin-right: 8px;
    color: #595959 !important;
}