.modal-footer {
            padding: 0px 0px;
            border-top: 0px solid #EFF2F7;
        }
        
        .email-templete-var-box {
            min-height: 305px;
        }
        
        .client-box {
            min-height: 202px;
        }
        
        .employee-box {
            min-height: 362px;
        }
        
        .attendance-btn {
            position: absolute;
            bottom: 6px;
            right: 25px;
        }
        
        .avatar-sm {
            width: 30px;
            height: 2.4375rem;
            font-size: 0.75rem;
            border-radius: 0.2rem;
        }
        
        .select2-results__option:hover {
            color: #8492A6 !important;
            background-color: #EFF2F7 !important;
        }
        
        .select2-container--default .select2-results__option[aria-selected="true"] {
            color: #8492A6 !important;
            background-color: #EFF2F7 !important;
        }
        
        .lead-common-box {
            max-height: 300px;
            min-height: 300px;
        }
        
        .strike>a {
            text-decoration: line-through;
        }
        
        .filter-css {
            justify-content: flex-end !important;
            align-items: center;
        }
        
        .breadcrumb-font {
            font-size: 13px;
        }
        
        .navbar-nav-docs a:hover {
            color: #ffff;
        }
        
        .nav .active a {
            color: #ffff;
        }
        /*.div-mega > ul.navbar-nav div ul.nav li a {*/
        /*    padding: 5px 60px;*/
        /*}*/
        
        .inner-arrow {
            position: absolute;
            right: 30px;
            top: 34.5%;
            opacity: .3;
        }
        
        .avatar-custom {
            width: 35px;
            height: 35px;
        }
        
        .project-box {
            min-height: 494px;
        }
        /*.project-detail-box {
    min-height: 341px;
}*/
        
        .project-detail-common-box {
            max-height: 564px;
            min-height: 564px;
        }
        
        .project-task-kanban-box {
            min-height: 564px;
        }
        /*Custom Scrollbar*/
        
         ::-webkit-scrollbar {
            width: 7px;
            height: 5px;
            overflow: visible;
        }
        
         ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
            background-color: transparent;
        }
        
         ::-webkit-scrollbar-thumb:hover {
            background-color: #0f59ee;
        }
        
         ::-webkit-scrollbar-thumb {
            background-color: #051c4b;
            border-radius: 8px;
            transition: 1s;
        }
        
        .scrollbar-inner.scroll-content {
            max-height: 100% !important;
        }
        
        .scrollbar-inner {
            height: 90%;
            overflow: auto;
        }
        
        .navbar-nav .svg-inline--fa {
            position: absolute;
            right: 175px;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .support-reply-box {
            max-height: 400px;
        }
        
        .event-box {
            min-height: 880px;
            max-height: 880px;
        }
        
        .plan-box {
            min-height: 295px;
        }
        
        #card-element {
            border: 1px solid #E4E6FC;
            border-radius: 5px;
            padding: 10px;
        }
        
        .coupon-apply-btn {
            align-self: flex-end;
        }
        
        .payment-box {
            min-height: 355px;
        }
        
        .plan-stripe-box {
            min-height: 427px;
        }
        
        .colorinput {
            margin: 0;
            position: relative;
            cursor: pointer;
        }
        
        .colorinput-input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }
        
        .colorinput-color {
            background-color: #fdfdff;
            border-color: #e4e6fc;
            border-width: 1px;
            border-style: solid;
            display: inline-block;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 3px;
            color: #fff;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }
        
        .colorinput-color:before {
            content: '';
            opacity: 0;
            position: absolute;
            top: .25rem;
            left: .25rem;
            height: 1.25rem;
            width: 1.25rem;
            transition: .3s opacity;
            background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
        }
        
        .colorinput-input:checked~.colorinput-color:before {
            opacity: 1;
        }
        
        .gu-transit {
            opacity: .2;
        }
        
        .h-1220 {
            height: 1300px !important;
        }
        
        .dashboard-box {
            min-height: 434px;
            max-height: 434px;
        }
        /*10 Dec 2020*/
        
        .auth-logo {
            height: 70px;
        }
        
        .project-detail-box .progress-wrapper {
            padding-top: 12px;
        }
        
        .main-content .page-content {
            min-height: 758px;
        }
        
        .logo-div {
            padding: 10px 20px;
            color: #8492A6;
            border-color: #8492A6;
            background-color: #8492A6;
            border-radius: 0.25rem;
            box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        }
        
        .breadcrumb-item.active {
            display: block;
        }
        
        .kanban-board .kanban-col .card-list-title {
            padding: 10px 20px;
            border-color: #8492A6;
            background-color: #8492A6;
            border-radius: 0.25rem;
            box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        }
        
        .auth-lang {
            position: absolute;
            right: 0;
            top: 20px;
        }
        
        .alert-notify {
            display: flex !important;
            max-width: 400px;
            width: auto;
            padding-right: 80px;
            box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);
        }
        
        .custom-sidenav .scrollbar-inner {
            padding: 0 !important;
        }
        
        .div-mega {
            min-height: 98%;
        }
        
        .navbar-nav-docs {
            position: relative;
            min-height: 100%;
        }
        
        @media only screen and (max-width: 480px) {
            .rating>label:before {
                margin: 3px;
            }
        }