﻿@font-face {
    font-family: 'OpenSans-Light';
    src: url('/Assets/Fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}

body {
    font-family: 'OpenSans-Light';
}

h1, h2, h3, h4, h5, h6, span, div, ul, li, a, p {
    font-family: 'OpenSans-Light';
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-text {
    font-family: 'OpenSans-Light';
}
/* Custom Classes */
.kt-width-40 {
    width: 40px !important;
}

.kt-height-40 {
    height: 40px !important;
}

.text-trim {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.noborder {
    border: 0;
}

.pv-control.pv-tags-input .tt-menu {
    min-width: 450px !important;
}

.dropdown-icon {
    display: inline;
    margin-left: .5rem;
    position: relative;
    font-size: 0.9rem;
}

.input-without-style {
    padding: 0;
    height: auto;
    background: transparent !important;
    border: 0;
}

.fit-header {
    margin-left: -25px;
    margin-right: -25px;
    padding: 0 25px 10px;
    border-bottom: 1px solid #ebedf2;
}

.text-trim {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}
/* NEW TEMPLATE */
.btn-animate-side.btn-sm span > .icon {
    left: 3px;
}

.btn-animate-side span > .icon {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    -webkit-transition: opacity .2s ease-out 0s;
    -o-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    -webkit-transform: translate(-20px,-50%);
    -ms-transform: translate(-20px,-50%);
    -o-transform: translate(-20px,-50%);
    transform: translate(-20px,-50%);
    opacity: 0;
}

.btn .icon {
    line-height: inherit;
    width: 1em;
    margin: -1px 3px 0;
    text-align: center;
}



.btn-animate span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    transform: translate(0px,0px);
}

.btn-animate-side:hover span > .icon {
    opacity: 1;
}

.btn-animate-side:hover span {
    -webkit-transform: translate(10px,0px);
    -ms-transform: translate(10px,0px);
    -o-transform: translate(10px,0px);
    transform: translate(10px,0px);
}

.btn-animate-side span {
    -webkit-transition: -webkit-transform .2s ease-out 0s;
    -o-transition: -o-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
}

.btn-animate-side.btn-sm:hover span {
    -webkit-transform: translate(8px,0px);
    -ms-transform: translate(8px,0px);
    -o-transform: translate(8px,0px);
    transform: translate(8px,0px);
}

.btn-animate-side.btn-sm {
    padding: .429rem 1.572rem;
}
/* Customization Style */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on#radarPanel {
        width: 800px !important
    }
    #radarPanel .kt-demo-panel{width:100%!important}
}

    .accordion.accordion-toggle-plus .card .card-header .card-title:after {
        font-family: "Font Awesome 5 Pro";
        content: "-";
        font-size: 32px;
    }

    .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after {
        content: '+';
        font-size: 20px;
    }

    .card.v-card {
        -webkit-box-orient: horizontal !important;
        flex-direction: row !important;
    }

    .localization-list.kt-notification .kt-notification__item:after,
    .modal .modal-content .modal-header .close:before {
        display: none;
    }

    .v-form-group .kt-checkbox-list .kt-checkbox {
        display: inline-block;
        margin-right: 15px;
    }

    .providers-table .dropdown-menu > .dropdown-item, .providers-table .dropdown-menu > li > a {
        display: block;
    }

    .kt-paging {
        padding: 25px;
        padding-bottom: 0;
    }

    .table-scroll-content {
        display: block;
        min-height: 500px;
        max-height: 500px;
        overflow: hidden;
        overflow-y: auto;
    }

        .table-scroll-content::-webkit-scrollbar {
            width: 5px;
        }

        .table-scroll-content::-webkit-scrollbar-thumb {
            background-color: #666;
            border-radius: 10px;
        }

        .table-scroll-content::-webkit-scrollbar-track {
            background-color: #ccc;
        }

    .providers-table tr td:first-child, .providers-table tr th:first-child {
        max-width: 350px;
    }

    .sms-template {
        margin-top: 80px;
        margin-left: 18px;
        white-space: pre-line !important;
        margin-right: 30px;
        padding: 8px !important;
    }

    .blockui.blockOverlay {
        display: inherit;
        z-index: auto;
    }

    .blockui > span {
        display: inline-block;
    }

    .layout-customed .kt-header {
        background-color: rgba(255, 255, 255, 0);
    }

    .font-size-30 {
        font-size: 30px;
    }

    .layout-customed .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--search .kt-quick-search .kt-quick-search__form {
        margin-bottom: 0 !important;
    }

    .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
        background: rgba(32, 6, 56, 0);
    }

    .layout-customed .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link {
        background-color: #f9f9fc;
    }

    .layout-customed .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
        border-radius: 4px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    @media (min-width: 1025px) {
        .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__hor-arrow {
            width: 15px;
            margin-top: 5px;
        }
    }

    .w-20 {
        width: 25px;
        height: 25px;
        margin-top: 5px;
    }

    .kt-menu__link-text {
        display: block;
        max-width: 100%;
        margin-top: 2px;
        color: #fff;
    }

    .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__link {
        display: block;
    }

    .layout-customed .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text.brand-primary-menuitem-color {
        color: #fff;
    }

    .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-text {
        text-transform: capitalize;
        white-space: nowrap;
    }

    .layout-customed .kt-header .kt-header__bottom, .kt-header-menu .kt-menu__nav > .kt-menu__item {
        height: 60px;
    }

    @media (max-width: 1024px) {
        .kt-menu__link center {
            width: auto !important;
        }

        .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
            color: #666565;
        }

        .kt-menu__link img {
            margin-right: 5px;
            margin-top: 5px;
        }

        .kt-header-menu-mobile .kt-menu__nav .kt-menu__item > .kt-menu__heading, .kt-header-menu-mobile .kt-menu__nav .kt-menu__item > .kt-menu__link {
            display: flex !important;
        }

        .position-absolute-add {
            padding: 30% 10% !important;
        }
    }

    @media (min-width: 1025px) {
        .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
            padding: 0 22px;
        }
    }

    .layout-customed .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link .kt-menu__link-text, .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text {
        font-weight: 900;
    }

    .font-size-12 {
        font-size: 12px;
    }

    .kt-ribbon--success .kt-ribbon__target {
        background-color: #0abb87;
    }

    .kt-ribbon--dark .kt-ribbon__target {
        background-color: #bbbbbb
    }

    .info-img-size, .height-image-trends {
        max-width: 100%;
    }

    .font-size-14 {
        font-size: 14px !important;
    }

    .color-date {
        color: #a4a4a4
    }

    .portlet-customed {
        background: transparent !important;
        box-shadow: none !important;
    }

    .kt-portlet-circles-brand {
        background: #716aca !important;
    }

    .kt-widget24.progess-portlets {
        padding: 10px 25px;
        border-radius: 5px;
    }

    .kt-portlet.kt-portlet--solid-success.kt-portlet-circles-brand .kt-portlet__foot {
        background: rgba(25, 174, 159, 0);
    }

    .flex-start .kt-widget5 .kt-widget5__item .kt-widget5__content:last-child {
        justify-content: flex-start;
        text-align: left;
    }

    .title-notifications {
        background: #fff;
        padding: 10px;
        font-weight: 600;
    }

    .notifications-card-design.kt-head {
        padding: 0rem 1rem;
    }

        .notifications-card-design.kt-head.kt-head--skin-light {
            background-color: #ffffff;
        }

        .notifications-card-design.kt-head .kt-head__title {
            padding-left: 10px;
            text-align: left;
            font-weight: 600;
        }

        .notifications-card-design.kt-head.kt-head--fit-x {
            padding-left: 0;
            padding-right: 0;
        }

        .notifications-card-design.kt-head .nav {
            margin: 0.5rem 0 0 0
        }

    @-moz-document url-prefix() {
        .layout-customed .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
            padding: 0 23px;
        }
    }

    @media (min-width: 1025px) {
        .kt-header-menu .kt-menu__nav > .kt-menu__item.auto-nav-more {
            align-items: center;
            background-color: transparent;
        }

            .kt-header-menu .kt-menu__nav > .kt-menu__item.auto-nav-more center {
                width: auto !important;
                margin-right: 10px;
            }

        .kt-header-menu ul.auto-nav-more-list li.kt-menu__item a.kt-menu__link center img.img-replace {
            display: block !important
        }

        .kt-header-menu ul.auto-nav-more-list li.kt-menu__item a.kt-menu__link center img.current-img {
            display: none;
        }

        .h-md-100 {
            height: 100%
        }
    }

    .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
        font-size: 10px;
    }

    .irs--round .irs-min, .irs--round .irs-max {
        font-size: 10px;
    }

    .padding-label .col-form-label {
        padding-top: 0;
    }

    .filtersopen-styles {
        background: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 4px 13px;
        display: inline-flex;
        align-items: center;
    }

        .filtersopen-styles i {
            vertical-align: middle;
            font-size: 13px;
        }

    .borders-button {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 1px solid transparent;
    }

    .chart-borders-button {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .filters-button {
        background: #e1e3ec !important;
        border: 1px solid #eee !important;
    }

    .chart-button {
        background: #e1e3ec !important;
        border: 1px solid #eee !important;
    }

    .margin-bottom-subheader {
        margin-bottom: 0;
    }

    .h-60 {
        height: 60px;
    }

    .irs-from:after, .irs-to:after, .irs-single:after {
        border-top-color: #fff !important;
    }

    .filters-box .form-group label {
        font-size: 1.2rem;
    }

    .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__userpic > img.img-owner {
        height: 4.2rem;
        width: 4.2rem
    }

    .font-size-16 {
        font-size: 16px !important;
    }

    #kt_quick_panel_Notes.kt-quick-panel {
        width: 800px !important;
        height: 100%;
    }

    .switch-button-enhancement .pv-toggleswitch {
        margin-right: 10px;
        float: right;
    }

        .switch-button-enhancement .pv-toggleswitch .input-form-group {
            text-align: right
        }

        .switch-button-enhancement .pv-toggleswitch label {
            font-weight: 800
        }

    .kt-quick-panel--right .kt-quick-panel {
        right: -800px;
    }

    .w-30 {
        width: 30%
    }

    .filters-important .pv-toggleswitch {
        width: 100%;
        display: inline-block;
    }

    .padding-11 {
        padding: 11px 15px
    }

    .filters-important .form-group, .file-upload-style .form-group {
        margin-bottom: 0;
    }

    .file-upload-style .fileUploadParent {
        padding: 0;
    }

    .kt-demo-panel {
        width: 100% !important
    }

    @media (max-width: 1024px) {
        #kt_quick_panel_Notes.kt-quick-panel {
            width: 375px !important;
        }

        .switch-button-enhancement .form-group {
            margin-bottom: 0;
        }

        .switch-button-enhancement label, .switch-button-enhancement .input-form-group {
            width: 30%;
        }

        .mobile-padding {
            padding-bottom: 0 !important
        }

        .kt-header-menu-mobile .kt-menu__nav .kt-menu__subnav {
            background: #eee;
        }

        .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__ver-arrow:before {
            -webkit-transform: rotateZ(90deg) /*rtl:ignore;; */;
            transform: rotateZ(90deg) /*rtl:ignore;; */;
        }
    }

    .filter-form-group .form-group {
        margin-bottom: 0;
    }

    .tt-suggestion:hover {
        background-color: #716aca !important;
    }

    .kt-widget19.tt-suggestion:hover .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__username {
        color: #fff !important;
    }

    .kt-widget19.tt-suggestion .kt-widget19__wrapper {
        margin-top: 1rem
    }

    .overlay-add {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .overlay-background {
        color: #fff;
        background: rgba(0,0,0,.5);
        text-align: center;
        font-size: 0;
        border-radius: 5px;
    }

    .position-absolute-add {
        padding: 13%;
    }

    .overlay-background .btn.btn-icon {
        height: 7rem;
        width: 7rem;
    }

    .w-15 {
        width: 15%
    }

    .kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form {
        margin: 1rem auto !important;
    }

    .b-loadmore-control a:hover {
        color: #fff !important;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .kt-widget24.progess-portlets {
            padding: 15px 15px 70px 15px;
        }

        .span-plan td span.kt-badge.kt-badge--lg.date-badge {
            width: 75px !important;
        }

        .switch-button-enhancement .kt_chat__tools {
            display: flex;
        }

        .switch-button-enhancement i.fa-file {
            margin-top: 15px;
        }

        .remove-margin-bottom .b-loadmore {
            white-space: nowrap;
        }

        .kt-padding-ie {
            padding: 25px 25px 60px 25px !important;
        }

        #library-table .pv-control.pv-checkbox {
            margin-top: -15px;
        }

        .btn-animate span {
            height: auto !important;
        }

        .kt-todo .kt-todo__list .kt-todo__body .kt-todo__items .kt-todo__item .kt-todo__info .kt-todo__actions, .kt-todo .kt-todo__list .kt-todo__body .kt-todo__items .kt-todo__item .kt-todo__info {
            min-width: 20px !important;
            padding: 2px 0 !important;
            margin-top: 0px;
        }

        .kt-todo .kt-todo__list .kt-todo__body .kt-todo__items .kt-todo__item .kt-todo__details {
            margin-top: 10px !important;
        }

        .h-md-100 {
            height: auto!important;
        }
    }

    @supports (-ms-ime-align: auto) {
        .btn-animate span {
            height: auto !important;
        }
    }

    .editor-zindex .note-editor.note-frame .note-editing-area {
        z-index: 0;
    }

    .kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form {
        margin: 1rem auto !important;
    }

    .h-90px {
        height: 90px;
    }

    .remove-margin-bottom .b-loadmore-control {
        margin-bottom: 0 !important;
    }

    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content {
        background-color: #fff !important;
    }

    .w-20px {
        width: 20px;
        height: 20px;
    }

    .text-grey {
        color: #9c9fb2
    }

    .text-black {
        color: #000 !important
    }

    .service-portlet .kt-widget__files .kt-widget__desc {
        font-size: 1.5rem;
        padding-top: 0rem;
        padding-bottom: 15px;
    }

    .category-img-size {
        height: 65px
    }

        .category-img-size img {
            height: 100%
        }

    .btn.dropdown-toggle:after {
        display: none;
    }

    .arabic-login-text {
        text-align: right;
    }

    .brand-color {
        color: #716aca;
        font-weight: 600;
    }

    .btn-brand {
        background-color: #716aca;
        border-color: #716aca;
    }

    .brand-pagination .kt-font-info {
        color: #716aca !important;
    }

    .brand-pagination .kt-pagination.kt-pagination--info .kt-pagination__links .kt-pagination__link--active {
        background: #716aca;
    }

    .brand-pagination .kt-pagination.kt-pagination--info .kt-pagination__links li:hover {
        background: #716aca;
    }

    .scenarios .kt-portlet, .road-map .kt-portlet {
        box-shadow: none
    }

    .sparks .kt-portlet, .road-map .kt-portlet {
        box-shadow: none
    }

    .black {
        color: #000;
    }

    .font-size-15 {
        font-size: 15px !important;
    }

    .border-radius {
        border-radius: 5px;
    }

    .avatar-height.kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__pic > img {
        height: 4rem;
    }

    .h-120 {
        height: 120px;
    }

    .g4-background {
        background: #3F5CAD;
    }

    .blocks {
        padding: 10px;
        color: #4f4f4f;
        text-align: center;
        font-size: 25px;
        margin: 0px;
        margin-bottom: 15px;
    }

    .blocks-aside {
        padding: 10px;
        color: #fff;
        text-align: center;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .vertical-align-middle-blocks .kt-portlet__body {
        height: 100%
    }

        .vertical-align-middle-blocks .kt-portlet__body:before {
            display: inline-block;
            height: 55%;
            content: '';
            vertical-align: middle;
        }

    .vertical-align-middle-blocks .kt-widget7 .kt-widget7__desc {
        vertical-align: middle;
        margin-top: 0;
    }

    .vertical-align-middle-blocks .font-size-0 {
        font-size: 0;
    }

    .activityItem {
        border-radius: 5px;
        background: #fff;
        list-style: none;
    }

        .activityItem .kt-portlet__head {
            border-left: 3px solid #0abb87
        }

    .kt-portlet.activityItem .kt-portlet__head, .modal-body .kt-portlet.activityItem .kt-portlet__head {
        min-height: 40px;
    }

    .modal-expand .modal-dialog.modal-xl {
        width: 100% !important;
    }

    .modal-expand .modal-xl {
        max-width: 100% !important;
    }

    .remove-border {
        border: 0 !important
    }

    .modal-expand .modal-dialog {
        margin: 0 !important;
    }

    .modal.modal-expand .modal-content {
        height: 100%
    }

    .activity-progress .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress {
        max-width: 100%
    }

    .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom.no-border-top {
        border-top: 0 !important;
    }

    .overlay-background-activity-notStarted {
        background: rgba(0,0,0,.5);
        position: relative;
        width: 100%;
        border-radius: 5px;
    }

    .overlay-background-activity-inProgress {
        background: rgba(255,184,34,.8);
        position: relative;
        width: 100%;
        border-radius: 5px;
    }

    .overlay-background-activity-completed {
        background: rgba(10,187,135,.8);
        position: relative;
        width: 100%;
        border-radius: 5px;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .kt-portlet__body.kt_sortable_portlets, .scroll-paragraph, .overflow-auto {
            scrollbar-base-color: #fff;
            scrollbar-face-color: #eee;
            scrollbar-3dlight-color: #eee;
            scrollbar-highlight-color: #eee;
            scrollbar-track-color: #fff;
            scrollbar-arrow-color: #fff;
            scrollbar-shadow-color: #eee;
            scrollbar-dark-shadow-color: #eee;
        }
        .listing-progress-badge .pie-progress-sm .pie-progress-number{margin-top:-65px}
        .subheader-info-circles.module-subheader .kt-subheader__main {
            display: flex !important;
            width: 100%;
        }
        .kt-quick-panel--right .kt-portlet .kt-quick-panel.kt-quick-panel--on#radarPanel{width:400px!important;right:0!important}
        #chart{height:450px!important}
        #radarPanel.kt-quick-panel {
            width: 800px !important
        }

        .overview-style .pie_progress__svg {
            height: 35px !important;
        }

        .scenarios-ie-listing .kt-widget2 .kt-widget2__item {
            justify-content: flex-start !important
        }

        #RelatedSparksListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedSparksListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #RelatedScenariosListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedScenariosListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #RelatedStrategicDriversListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedStrategicDriversListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #RelatedTrendsListingParent .kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedTrendsListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #RelatedRoadMapsListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedRoadMapsListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #RelatedInitiativesListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #RelatedInitiativesListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #StrategicGoalsListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #StrategicGoalsListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title, #StrategicObjectivesListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info, #StrategicObjectivesListingParent.kt-widget2 .kt-widget2__item .kt-widget2__info .kt-widget2__title {
            display: block
        }

        #previewListing.h-md-100, #previewListing .h-md-100, .bg-white.border-radius.h-md-100, .bg-white.border-radius .h-md-100 {
            height: 100% !important;
        }
        .kt-widget4.circle-img-list{padding:0 5px;}
        .kt-pagination .kt-pagination__links li a {
            padding: 0.5rem
        }

        #libraryView .form-group {
            margin-top: 7px !important;
        }

        .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
            width: calc(50% - .25rem) !important;
        }

        .kt-portlet__body.kt_sortable_portlets:after {
            content: "";
            height: 32px;
            display: block;
        }

        .risk .kt-widget.kt-widget--user-profile-2 .kt-widget__body {
            flex: auto
        }

        .maxwidth-container {
            width: 100%
        }

        .width-vertical {
            width: 13.66% !important
        }

        .arrow-image {
            height: 16px;
            margin-top: 5px
        }

        .members-ie .kt-widget.kt-widget--user-profile-2 .kt-widget__body {
            flex: none;
        }

        .vertical-align:before {
            height: auto !important;
        }

        .kt-demo-panel {
            width: 800px !important
        }

        .kt-demo-panel--right .kt-quick-panel.kt-quick-panel--on .kt-demo-panel.kt-demo-panel--on {
            right: 0px !important;
        }

        .kt-demo-panel--right .kt-quick-panel .kt-demo-panel.kt-demo-panel--on {
            right: -807px !important;
        }

        .kt-widget2 .kt-widget2__item:before {
            top: 0;
        }

        .switch-button-enhancement .pv-toggleswitch {
            width: 20%;
        }

        .margin-ie {
            margin-right: 25px !important
        }

        .parameters-manage .pv-control.pv-dropdown .btn.dropdown-toggle {
            padding: 5px
        }

        #RelatedParametersListingParent .kt-widget12 .kt-widget12__content .kt-widget12__item {
            display: ruby;
        }

        #RelatedParametersListingParent .kt-widget12__info {
            margin-bottom: 25px;
        }

        .tooltip.bs-tooltip-top.show {
            top: 0 !important
        }
    }

    .margin-top-filters {
        margin-top: -9px;
        border-radius: 5px;
    }

    @media (max-width: 1024px) {
        .margin-service-mobile {
            margin-top: -1px;
        }

        .margin-spark-mobile {
            margin-top: -4px;
        }

        .margin-top-listing-mobile {
            margin-top: -2px;
        }

        .margin-top-listing-mobile-spark {
            margin-top: -4px;
        }

        .layout-customed .kt-header .kt-header__bottom, .kt-header-menu .kt-menu__nav > .kt-menu__item {
            height: auto
        }

        .kt-sc .kt-sc__bottom .kt-sc__form .input-group {
            width: 100%!important;
        }
    }

    .Loadmore-margin-bottom .b-loadmore-control {
        margin-top: 30px;
    }

    .color-dark-blue {
        color: #646c9a !important;
    }

    .border-badge {
        border-radius: 5px;
    }

    .font-size-13 {
        font-size: 13px !important;
    }

    .font-size-12 {
        font-size: 12px !important;
    }

    .h-40px {
        height: 40px;
    }

.parameters-manage .bootstrap-select > .dropdown-toggle {
    padding: 0.35rem 0.9rem;
}

    .h-55px {
        height: 55px
    }

    .roadmap-yearsblock {
        border: 1px solid #ebedf2;
        margin-bottom: 0px;
    }

    .row.row-no-padding > div {
        border-bottom: 0;
    }

    .scrollable-design .row.row-no-padding > div {
        border-bottom: 1px solid #ebedf2;
    }

    .row.row-col-separator-lg.border-horizontal > div {
        border-bottom: 1px solid #ebedf2;
        border-right: 1px solid #ebedf2;
        border-top: 1px solid #ebedf2;
        border-left: 1px solid #ebedf2;
    }

    #BBSFLibraryListingParent tr td i.fa-file-pdf {
        margin-right: 5px
    }

    .text-wraping {
        max-width: 85%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trends-evaluation .irs-with-grid .irs-grid {
        display: none !important;
    }

    .irs-line {
        width: 99%;
    }

    i.fa-search, .kt-subheader__search svg {
        cursor: pointer;
    }

    #BBSFLibraryListingParent tr td a i {
        margin-right: 5px;
    }

    .kt-widget19__text .d-none-desc {
        display: none !important;
    }

    .kt-portlet > form > .alert-InvalidValidation {
        margin: 25px 25px 0 25px;
    }

    #toast-container > .toast-error {
        background-image: none !important;
    }

    .pv-control.pv-tags-input .bootstrap-tagsinput .tag {
        vertical-align: middle;
    }

    .twitter-typeahead {
        vertical-align: middle;
    }

    .kt-menu__item kt-menu__item--rel.kt-menu__item--active img.current-img {
        fill: #58077f;
    }

    .row.row-col-separator-lg.border-horizontal > div {
        border-bottom: 1px solid #ebedf2;
        border-right: 1px solid #ebedf2;
        border-top: 1px solid #ebedf2;
        border-left: 1px solid #ebedf2;
    }

    #BBSFLibraryListingParent tr td i.fa-file-pdf {
        margin-right: 5px
    }

    .text-wraping {
        max-width: 85%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item.remove-spacebet .kt-widget__contact {
        justify-content: flex-start;
    }

    .trends-evaluation .irs-with-grid .irs-grid {
        display: none !important;
    }

    .irs-line {
        width: 99%;
    }

    i.fa-search, .kt-subheader__search svg {
        cursor: pointer;
    }

    .cursor {
        cursor: pointer;
    }

    #BBSFLibraryListingParent tr td a i {
        margin-right: 5px;
    }

    .kt-scroll::-webkit-scrollbar {
        width: 5px
    }

    .kt-widget19__text .d-none-desc {
        display: none !important;
    }

    .kt-portlet > form > .alert-InvalidValidation {
        margin: 25px 25px 0 25px;
    }

    #toast-container > .toast-error {
        background-image: none !important;
    }

    .pv-control.pv-tags-input .bootstrap-tagsinput .tag {
        vertical-align: middle;
    }

    .twitter-typeahead {
        vertical-align: middle;
    }

    .kt-menu__item kt-menu__item--rel.kt-menu__item--active img.current-img {
        fill: #58077f;
    }

    .kt-portlet__body.scrollable-body {
        overflow: auto
    }

    .trends-ribbon .kt-ribbon--ver .kt-ribbon__target {
        height: 60px;
        width: 40px;
    }

    .progess-portlets.kt-widget24 .kt-widget24__action .kt-widget24__number {
        color: rgba(150, 150, 153, 0.8784313725490196);
        font-weight: 700;
    }

    .pv-control-margin .pv-control {
        margin-top: 40px;
    }

    .pv-control-bg .pv-control.pv-dropdown .btn.dropdown-toggle {
        background: #e7e7e7;
    }

    .border-filter-box {
        border-radius: 5px
    }

    .w-100px {
        width: 100px;
    }

    .card-image-related .kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__pic img {
        width: 8.5rem;
        height: 5.5rem;
    }

    .repeater-dgep-create thead th {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .table td.repeater-controls {
        vertical-align: middle
    }

    .repeater-dgep-create .form-group {
        margin-bottom: 0 !important;
    }

    .height-200px {
        height: 200px;
    }

    .right-timeline.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
        right: 3.8rem;
    }

    .right-timeline.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
        margin-top: 50px !important
    }

    .kt-widget19 .kt-widget19__pic.height-image-trends-listing {
        background-position: center;
    }

    .kt-demo-panel--right .kt-demo-panel.kt-demo-panel--on {
        overflow: hidden;
        height: 100%;
    }

    .sparks .kt-portlet:hover, .road-map .kt-portlet:hover, .scenarios .kt-portlet:hover, .road-map .kt-portlet:hover, .risk .kt-portlet:hover, .iniative .kt-portlet:hover {
        box-shadow: 1px 2px 2px 2px #d4d4d4;
        -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .sparks .kt-portlet .kt-portlet__body, .road-map .kt-portlet .kt-portlet__body, .scenarios .kt-portlet .kt-portlet__body, .road-map .kt-portlet .kt-portlet__body, .risk .kt-portlet, .iniative .kt-portlet .kt-portlet__body {
        -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .help-block-error {
        font-size: 12px;
    }

    .parameters-manage.table td, .table th {
        vertical-align: middle
    }

    .tt-suggestion.tt-cursor {
        color: rgba(0,0,0,.5) !important
    }

    .sp-replacer {
        background: #ffffff !important;
        color: #ffffff !important;
        border-radius: 5px !important;
        height: 100% !important;
        padding: 8px !important;
    }

    .kt-menu__item--rel:hover .kt-menu__link img.current-img, .kt-menu__item--active .kt-menu__link img.current-img {
        display: none;
    }

    .kt-menu__item--rel:hover .kt-menu__link img.img-replace, .kt-menu__item--active .kt-menu__link img.img-replace {
        display: block !important;
    }

    .text-copy-to-clipboard .fa-copy {
        margin-left: 10px;
        font-size: 14px;
        float: right;
    }

    .trends-evaluation label {
        padding-top: 25px;
    }

    .trends-evaluation .formgroup {
        margin-bottom: 20px;
    }

    .auto-nav-more:hover a.more-btn {
        padding: 21px !important;
    }

    .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.more-btn {
        -webkit-transition: none;
        transition: none;
    }

    .sp-dd {
        color: #232323;
    }

    .scrollable-design .kt-widget25 .kt-widget25__items .kt-widget25__item:not(:first-child):not(:last-child) {
        margin: 0;
    }

    .offsetoneactivity {
        margin-left: 13%
    }

    .scroll-paragraph {
        height: 100px;
        overflow-y: auto
    }

        .kt-portlet__body.kt_sortable_portlets.kt-portlet__body.scrollable-body .overflow-auto::-webkit-scrollbar, .scroll-paragraph::-webkit-scrollbar {
            width: 10px;
        }

        .kt-portlet__body.scrollable-body .overflow-auto::-webkit-scrollbar, .scroll-paragraph::-webkit-scrollbar {
            width: 5px;
        }

    .scrollable-design .kt-widget25 {
        margin: 0rem 0;
    }

    .kt-portlet__body.scrollable-body .overflow-auto::-webkit-scrollbar-thumb, .scroll-paragraph::-webkit-scrollbar-thumb {
        background-color: #eee !important;
        border-radius: 10px;
    }

    .kt-portlet__body.scrollable-body .overflow-auto::-webkit-scrollbar-track, .scroll-paragraph::-webkit-scrollbar-track {
        background-color: #fff;
    }

    @media (max-width: 1024px) {
        .kt-header-menu-wrapper {
            background: #7d3f9c;
        }

        .kt-header-mobile {
            height: 73px;
        }

        .w-80 {
            width: 80%;
        }

        #libraryView .clickable a {
            display: flex;
            align-items: center;
            margin-top: 10px;
        }

        .check-box-align th {
            display: flex !important
        }

        .check-box-align .td > .kt-checkbox.kt-checkbox--single, th > .kt-checkbox.kt-checkbox--single {
            top: 0 !important
        }

        #TaskPortal {
            position: absolute;
        }

        .w-sm-50 {
            width: 50%
        }

        div#TasksIndexDiv {
            max-width: 100% !important
        }

        .info-view .full-table-none {
            display: none !important
        }

        .kt-widget.kt-widget--project-1 .kt-widget__body {
            height: auto;
        }

        .kt-subheader__search.input-expand {
            width: 250px !important;
            -webkit-transition: width 0.5s ease-in-out;
            transition: width 0.5s ease-in-out;
        }
    }

    .remove-spacebet .kt-widget__data {
        direction: ltr
    }

    .scrollable-design .remove-border-row.row.row-col-separator-lg > div {
        border-right: none
    }

    button.btn-modaladd {
        background-color: #716aca !important;
    }

    .deactived-icon {
        background: #fd397a;
        padding: 10px;
        border-radius: 20px;
    }

        .deactived-icon i {
            color: #fff;
            font-size: 10px;
        }

    .admin-user-pagination .kt-pagination {
        padding: 30px !important
    }

@supports (-ms-ime-align:auto) {
    .library-table.table td, .table th {
            padding: 1.2rem
        }
    }

    .widget-custom-size.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic {
        width: 80px !important;
        height: 80px;
    }

    #membersDiv .kt-media-group .kt-media:first-child {
        margin-left: -10px;
    }

    .remove-spacebet .kt-widget__label {
        white-space: nowrap;
    }

    .parameters-manage li.selected a {
        padding-right: 30px !important
    }

    .sp-replacer {
        border: 1px solid #e2e5ec !important;
    }

    .kt-badge.kt-badge--lg.date-badge {
        font-weight: 900;
        padding: 5px;
    }

    .modal-footer .btn-success {
        background-color: #716aca !important;
        color: #fff !important;
        border-color: #716aca !important
    }

    .modal-footer .btn-default, #BBSFLibraryListingParent .btn-default {
        background-color: #e4eaec !important;
    }

    .modal-footer .btn.btn-default:active, .modal-footer .btn.btn-default:hover {
        color: #74788d;
        border-color: #e4eaec !important
    }

    #BBSFLibraryListingParent .pv-checkbox label.b-label {
        margin: 0 !important;
    }

    .boxshadow-vertical {
        box-shadow: 2px 2px 2px #eee;
        background: #eee;
    }

    .onhoverline.kt-link:hover:after {
        border-bottom: 0;
    }

    .text-decoration-line {
        text-decoration: underline
    }

    .text-align-webhost .kt-widget5__section {
        text-align: left
    }

    .box-style-roadmap {
        border-radius: 5px;
        padding: 10px;
    }

    .dd-handle {
        height: auto !important;
    }

    .vertical-align-middle {
        font-size: 1rem;
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }

    .vertical-align:before {
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle;
    }

    .box-style-roadmap {
        box-shadow: 2px 3px 3px #eee;
        border-radius: 5px;
    }

    .counter {
        text-align: center;
        /*font-size: 0;*/
    }

    .counter-number {
        color: #fff;
        text-align: center;
    }

    .draggable-portlet .activityItem {
        border: 1px solid #eeeaea;
        overflow: auto;
    }

        .draggable-portlet .activityItem::-webkit-scrollbar {
            width: 5px;
        }
        /* Track */
        .draggable-portlet .activityItem::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        /* Handle */
        .draggable-portlet .activityItem::-webkit-scrollbar-thumb {
            background: #d1d0d0;
        }
            /* Handle on hover */
            .draggable-portlet .activityItem::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

    .draggable-portlet .stage-container {
        margin-bottom: 10px;
    }

    .draggable-portlet .group-container {
        margin-bottom: 6px
    }

    .blocks-aside {
        padding: 6px;
        text-align: center;
        margin: 0px;
        margin-bottom: 15px;
    }

    .dd-handle {
        box-shadow: 3px 3px 3px #eee;
    }

    .draggable-portlet .btn.btn-icon.btn-sm, .draggable-portlet .btn-group-sm > .btn.btn-icon {
        height: 1.8rem;
        width: 1.8rem;
    }

    .maxwidth-container .row, .group-container .row, .row.group-container {
        flex-wrap: inherit;
    }

    .width-vertical {
        width: 16.66667%;
        margin-right: 8px
    }
    /* Roadmap */
    .circle-roadmap-table th,
    .circle-roadmap-table td {
        min-height: 100px;
        max-width: 200px;
    }

    .circle-roadmap-table thead th {
        max-width: 400px;
    }

    .widget-custom-size .kt-media.kt-media--circle {
        width: 65px !important;
    }

    .widget-custom-size .kt-media.kt-media--lg img {
        max-width: 65px !important;
    }

    .widget-custom-size.kt-widget.kt-widget--user-profile-2 {
        height: auto !important;
    }

    #toast-container > div {
        opacity: 1;
    }

    .h-45px {
        height: 45px
    }

    .kt-widget.kt-widget--project-1 .kt-widget__footer .kt-widget__wrapper.initiative-listing .kt-widget__section .kt-widget__blog i {
        font-size: 0.9rem;
    }

    .arrow-image {
        width: 16px;
    }

    .line-height.kt-widget19__text {
        line-height: 1.2em !important;
    }

    .span-plan td span.kt-badge.kt-badge--lg.date-badge, .span-task td span.kt-badge.kt-badge--lg.date-badge {
        height: 25px;
        width: 70px;
        border-radius: 0;
        font-size: 11px;
    }

    .span-plan tr:hover .accordion.accordion-light .card .card-header {
        background-color: #fafbfc;
    }

    .table-hover tbody tr.loadmore-tr:hover {
        background: #fff;
    }

    .table-hover tbody tr.loadmore-tr td {
        border-top: 0;
    }

    .table #TaksListing td, .table th {
        padding: .75rem;
        vertical-align: middle;
    }

    .icons-color i {
        color: #a2a5b9
    }

    .icons-color .kt-nav__item:hover i {
        color: #716aca
    }

    tr:first-of-type .add-select {
        background-color: #f4f6f9;
        position: relative;
    }

        tr:first-of-type .add-select::after {
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
            height: 0;
            width: 0;
            border: solid transparent;
            position: absolute;
            border-left-color: #f4f6f9;
            border-width: 1rem;
        }

    tr.todo-sign td {
        background-color: #f4f6f9;
        position: relative;
    }

        tr.todo-sign td:hover:after {
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
            height: 0;
            width: 0;
            border: solid transparent;
            position: absolute;
            border-left-color: #f4f6f9;
            border-width: 1rem;
        }

        tr.todo-sign td::after {
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
            height: 0;
            width: 0;
            border: solid transparent;
            position: absolute;
            border-left-color: #f4f6f9;
            border-width: 1rem;
        }

    .attribute-id .fa-star, .attribute-id .far.fa-star {
        color: #ffb822;
    }

    .kt-ribbon__target {
        top: 10px;
        right: 0px;
    }

    .invoice-ribbon.kt-ribbon__target {
        top: 55px;
    }

    .kt-invoice__logo img {
        height: 80px;
        width: 80px;
    }

    .span-plan .kt-media img {
        width: 50px;
    }

    .w-90 {
        width: 90%
    }

    .border-bottom-login.kt-link:hover:after {
        border-bottom: 0;
    }

    #libraryView .form-group button.btn-default {
        box-shadow: 0 4px 16px 0 rgba(88,103,221,.15);
    }

        #libraryView .form-group button.btn-default:hover {
            box-shadow: 1px 2px 2px 2px #d4d4d4 !important;
        }

    #libraryView .btn.btn-default.btn-tall.active i, #libraryView .btn.btn-default.btn-tall:active i, #libraryView .btn.btn-default.btn-tall:hover i, #libraryView .show > .btn.btn-default i, #libraryView .btn.btn-default.btn-tall i {
        color: #716aca
    }

    @media (min-width: 1024px) {
        .kt-container--fluid.subheader-info-circles, .kt-widget__head.taskflow, .kt-invoice-1 .kt-invoice__head .kt-invoice__brand {
            flex-wrap: nowrap !important;
        }

        .subheader-info-circles .dropdown.dropdown-inline,
        .subheader-info-circles .kt-subheader__wrapper {
            display: flex;
        }

        .subheader-info-circles .btn-success {
            width: 150px;
        }

        .kt-subheader__search.input-expand {
            width: 260px;
        }

        .subheader-info-circles .kt-subheader__main {
            display: block
        }

        .kt-widget19__content.info-content {
            position: absolute;
            top: calc(100% + -68px);
            width: 92%;
        }
        .initiative-creator {
            top: calc(100% + -73px) !important;
            width: calc(100% + -70px) !important;
        }
        
        .progress-info {
            position: absolute;
            top: calc(100% + -130px) !important;
            width: calc(100% + -69px) !important;
        }
        .w-lg-50{width:50%}
   
    }

    .kt-subheader .subheader-info-circles .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link, .subheader-innerpage .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link, .subheader-info-circles .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link, .breadcurmb-bold .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link, .subheader-info-circles .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link {
        font-weight: 900
    }

    .kt-header-menu .kt-menu__nav > .kt-menu__item.onhover-item:hover .kt-menu__submenu {
        display: block !important;
    }

    #sendInvitesBody form, form {
        margin-bottom: 0
    }

    .kt-subheader__search.input-expand {
        width: 550px;
        -webkit-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
    }

    .kt-subheader__search {
        width: 175px;
        -webkit-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
    }

    .h-40 {
        min-height: 40px !important;
    }

    .kt-invoice-1 .kt-invoice__head .kt-invoice__brand {
        flex-wrap: nowrap !important;
    }

    #sendInvitesBody #tst_ValidationDiv, #LinkToSparkBody #tst_ValidationDiv, #LinkToScenarioBody #tst_ValidationDiv, #LinkToTrendBody #tst_ValidationDiv, #StratigicDriversBody #tst_ValidationDiv, #LinkToRoadMapBody #tst_ValidationDiv, #addBBSFLibraryFilesModalBody #tst_ValidationDiv, #tst_ValidationDiv {
        margin: 20px 16px 0 16px
    }

    #chatSBReply2125 #tst_ValidationDiv, .NoteReply #tst_ValidationDiv {
        margin: 0 0 20px 0;
    }

.table tbody + tbody.TaksListing {
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    -moz-box-shadow: 0px 0px 13px 0px rgba(82,63,105,0.05);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(82,63,105,0.05);
    -ms-box-shadow: 0px 0px 13px 0px rgba(82,63,105,0.05);
    border-bottom: 2px solid #fff;
    border-top: 0 !important;
}

#listingMilesStone.table tbody + tbody.TaksListing tr:first-of-type td {
    padding-top: .75rem !important;
}
#listingMilesStone.table tbody + tbody.TaksListing tr:last-of-type td {
    padding-bottom: .75rem !important;
}
         #listingMilesStone.table tbody + tbody.TaksListing tr td {
    padding-top: 10px !important;
}

#listingMilesStone.table tbody + tbody.TaksListing tr td {
    border: 0;
    padding: .75rem;
}
    #listingMilesStone.table tbody + tbody.TaksListing tr td:first-of-type {
        padding-left: 45px !important;
    } 
    .memebers--img-size .kt-media.kt-media--circle.kt-media--info span, .memebers--img-size .kt-media.kt-media--circle.kt-media--info img {
        height: 35px !important;
        width: 35px !important;
    }
.table.span-plan.library-table td.memebers--img-size {
    padding-top: 10px!important;
}
.table.span-plan.library-table td, .table.library-table th {
    padding-top: 25px !important;
}

    .popover-body {
        padding: 0 !important
    }

    .widget-custom-size-popover.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic {
        width: 60px;
        height: 60px;
    }

    .popover {
        width: 300px;
        font-size: 13px;
    }

        .popover .kt-portlet__head {
            min-height: 40px !important
        }

    .loading-profile-preview {
        height: 254px;
        text-align: center;
    }

    .loading-gif {
        width: 50px;
        margin-top: 100px;
    }

    .popover .kt-portlet__head {
        min-height: 40px !important
    }

    th {
        font-size: 14px
    }

    td {
        font-size: 14px;
    }

    .span-plan .accordion .card a {
        color: black;
        font-weight: 600;
    }

    .TaksListing a {
        color: #424040
    }

    .toolbar-taskflow {
        align-items: center;
    }

    .subheader-innerpage .kt-badge.kt-badge--lg, #optionsForListing .kt-badge.kt-badge--lg, .manage-roadmaps .kt-badge.kt-badge--lg, .badge-size .kt-badge.kt-badge--lg {
        height: 33px;
        width: 33px;
    }

    .modal-content th, .repeater-dgep-create th {
        color: #fff;
    }

    .filters-box .last-control .form-group {
        margin-bottom: 0;
    }

    .filters-box label {
        padding-top: 0
    }

    @media (max-width: 768px) {
        .kt-grid > .kt-grid__item {
            max-width: 100%;
            margin-top: 5px;
        }

        .w-95 {
            width: 80% !important;
        }
        #listingTraining, #LessonsListing {
            width: 770px
        }
    }

    .kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar.tools-toolbar {
        align-items: center
    }

    .Custom_danger-txt {
        color: rgb(249,178,166);
    }

    .Custom_success-txt {
        color: rgb(84,197,189);
    }

    .Custom_Brand-txt {
        color: rgb(160,183,220);
    }

    .Custom_warning-txt {
        color: rgb(248,209,163);
    }

    .blockUI-width .blockElement {
        width: 50% !important
    }

    .blockUI-trendwidth .blockElement {
        width: 40% !important
    }

    .blockUI-fullwidth .blockElement {
        width: 20% !important
    }

    #libraryView .form-group button {
        color: #716aca !important;
        background-color: #e1e3ec !important;
        border-color: #e1e3ec !important;
    }

    .bg-white a.b-anchor {
        color: #000 !important;
    }

    .tool-info-padding .input-form-group label {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
        -ms-flex: 0 0 calc(50% - .25rem) !important;
        flex: 0 0 calc(50% - .25rem) !important;
    }

    .StormComment_Text textarea, .StormComment_Text {
        width: 100%;
    }

    .check-box-align td > .kt-checkbox.kt-checkbox--single, th > .kt-checkbox.kt-checkbox--single {
        top: 5px;
    }

    #addBBSFLibraryModalBody .btn.btn-primary {
        background-color: #716aca !important;
        color: #fff;
    }

    .w-p90 {
        width: 90px;
    }

    .widget-custom-size-popover .kt-media.kt-media--circle {
        width: 65px !important;
    }

    .widget-custom-size-popover .kt-media.kt-media--lg img {
        max-width: 100% !important;
    }

    #library-table th.w-p10 {
        width: 5%;
    }

    .info-two-rows .d-flex {
        flex-wrap: inherit;
    }

    .memebers--img-size h3 {
        font-size: 14px;
    }

    .fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title, .fc-unthemed .fc-event .fc-time, .fc-unthemed .fc-event-dot .fc-time {
        color: #fff !important;
        font-weight: 900;
    }

    .fc-unthemed .fc-event-dot.fc-start .fc-content:before, .fc-unthemed .fc-event.fc-start .fc-content:before {
        background: #ffffff;
    }

    .kt-widget.kt-widget--project-1 {
        height: auto !important;
    }

    #libraryView .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.3rem !important;
    }

        #libraryView .breadcrumb-item + .breadcrumb-item::before {
            padding-right: 0.3rem !important;
        }

  

    #TasksIndexDiv.full-table table thead tr th:nth-child(n+3), #TasksIndexDiv.full-table tbody td:nth-child(n+3) {
        display: table-cell !important
    }

    #TasksIndexDiv.full-table-none table thead tr th:nth-child(n+3), #TasksIndexDiv.full-table-none tbody td:nth-child(n+3) {
        display: none
    }

.readmore-btn:hover, .read-less:hover, .readmore-btn-mission:hover, .read-less-mission:hover, .readmore-btn-vision:hover, .read-less-vission:hover, .readmore-btn-lesson:hover, .read-less-lesson:hover, .readmore-btn-course:hover, .read-less-course:hover {
    text-decoration: underline !important;
}

    .trend-desc {
        height: 100px
    }

    .hover-title:hover {
        color: #281daf !important;
    }

    .w-95 {
        width: 95%;
    }

    .right-onclose {
        right: 2% !important;
        transition: right 0.5s ease-in-out;
    }
    /*.bootstrap-tagsinput {
    padding: 4px 0px;
}*/
    .form-control.is-invalid, .was-validated :invalid.form-control {
        background-image: inherit;
    }

    .h-300px {
        height: 300px;
    }

    .height-desc {
        height: calc(100vh - 440px);
    }
    /*.height-desc-equal {
    height: calc(100vh - 498px);
}*/
    /*Massage chat room style*/
    .upload-file-info {
        text-align: left !important;
        width: 100%
    }

    .fileInfoContainer .download-link {
        display: flex
    }

    .fileInfoContainer span.addon-icon {
        padding-top: 0 !important
    }

    .kt-chat__message .kt-chat__text .kt-chat__datetime {
        font-size: 85%;
        font-weight: 700;
    }

    .kt-chat__text p {
        font-size: 14px !important;
        text-align: left
    }

    .kt-chat__datetime {
        text-align: right !important
    }

    .kt-chat .kt-chat__messages .kt-chat__message .kt-chat__text {
        width: 100%
    }

    .modal.modal-sticky-bottom-right.chat-room {
        max-height: calc(100vh - 90px);
    }

    .expand-modal {
        max-width: 760px !important
    }

        .expand-modal .kt-chat {
            height: 750px
        }

        .expand-modal .sideCustomScroll {
            height: 450px !important
        }

    .modal.modal-sticky-bottom-right.expand-modal .modal-dialog {
        max-width: 760px !important;
    }

    .titleSelector {
        font-size: 18px;
    }
    /*Massage chat room style*/
    .icon-entity-notifications .kt-notification__item-icon.badge {
        height: 50px;
        width: 50px;
    }

    .icon-entity-notifications .current-img {
        margin-right: 1.3px;
    }

    .hidden-activities {
        max-width: initial !important;
        overflow: visible !important
    }

    .kt-notes .kt-notes__items .kt-notes__item {
        margin: 0px 27px 0 5px;
    }

    .kt-widget__pic img {
        border-radius: 50%
    }

    .kt-header__topbar-item--user .kt-widget__pic {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 16px;
        border: 1px solid rgba(255,255,255,.2);
        display: inline-block;
        text-align: center;
        padding-top: 7px;
    }

        .kt-header__topbar-item--user .kt-widget__pic:hover {
            border: 1px solid #ff006c;
        }

    .list-avatar-card .kt-widget__pic {
        background: rgba(85,120,235,.1);
        color: #5578eb !important;
        border: none;
    }

        .list-avatar-card .kt-widget__pic:hover {
            border: none;
        }

    .kt-portlet.task-owners {
        background-color: transparent;
        box-shadow: none;
    }

    .no-border-top {
        border-top: 0 !important;
    }

    .font-size-10 {
        font-size: 10px;
    }

    .description-max-height {
        height: 105px;
        overflow: hidden
    }

.description-max-height-inlisting, .description-max-height-vision, .description-max-height-mission, .description-max-height-lesson, .description-max-height-course {
    height: 105px;
    overflow: hidden
}

    .kt-subheader__title {
        font-size: 18px !important;
    }

    #libraryView .btn-elevate .fa-folder {
        margin-left: 15px !important;
    }

    #libraryView .form-group {
        margin-top: 10px;
    }

    .kt-chat .kt-chat__input .kt-chat__editor textarea {
        color: #52535a;
    }

    .kt-badge.kt-badge--lg.date-badge {
        height: 40px;
        width: 80px;
        font-size: 0.9em;
        font-weight: 900;
        padding: 5px;
    }

    .ps {
        padding-right: 10px;
    }

    /*#libraryView {
        padding: 20px
    }*/

    .fc-day-grid-event .fc-content {
        white-space: inherit;
    }

    .kt-header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
        color: #c8cad5;
        font-size: 1.3rem;
    }

    .kt-portlet__content.calc-height {
        height: calc(100vh - 565px);
    }

    .ps__rail-y {
        opacity: 1 !important
    }

    .circle-img-list.kt-widget4 .kt-widget4__item .kt-widget4__pic img, .circle-img-list.kt-widget4 .kt-widget4__item .kt-widget4__pic .kt-widget__pic {
        height: 2.5rem;
        border-radius: 50%;
    }

    .circle-img-list.kt-widget4 .kt-widget4__item .kt-widget4__pic .kt-widget__pic {
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
    }

    .badge-category.kt-badge.kt-badge--lg {
        height: 18px;
        width: 53px;
        font-size: 10px;
    }

    .color-category {
        color: #838181;
    }

    .title-color {
        color: #797979 !important
    }

    .h-315px {
        height: 315px
    }

    .height-160px {
        height: 160px
    }

    .h-100px {
        height: 100px
    }

    .h-65px {
        height: 65px
    }

    .h-34px {
        height: 34px
    }

    .h-80px {
        height: 80px
    }

    .card-img.kt-user-card .kt-user-card__avatar .kt-badge, .card-img.kt-user-card .kt-user-card__avatar img {
        border-radius: 50%
    }

    .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover {
        color: #716aca;
        border-bottom: 1px solid #716aca;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs {
        margin-right: 0.25rem !important;
    }

    .kt-header__topbar .kt-header__topbar-item.notification-panel {
        margin-right: 1.5rem !important
    }

    [landing-page="remove-menu-landing-page"] .kt-aside {
        display: block !important
    }

    .kt-aside {
        background: #000
    }

    .kt-header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
        color: #ffffff;
    }

    .kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary-brand {
        height: 46px;
        display: inline-block;
        text-align: center;
        padding-left: 4rem;
        padding-right: 4rem;
        margin-top: .8rem;
        border-radius: 60px;
        background: 0 0;
    }

    .kt-login .list-group {
        border: 1.5px solid rgba(255, 255, 255, 0.25882352941176473);
        border-radius: 4px;
        box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
        margin-top: 28px !important;
        padding: 10px;
    }

    .kt-login .list-group-item {
        color: rgba(255, 255, 255, 0.7215686274509804);
        border: none;
        background-color: transparent;
        text-align: center;
        margin-bottom: 5px;
        font-size: 10px;
        padding: 2px 1px;
    }

    @media (max-width: 1024px) {
        .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
            color: #74788d !important;
        } .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon {
            color: #fff !important;
        }

        /*.description-max-height {
            height: 82px !important;
        }*/
        .kt-portlet__body.portlet-body-scroll {
            padding: 25px 10px 25px 10px!important;
        }
        .description-max-height-vision, .description-max-height-mission {
            height: 100px;
        }
        .table-mobile-width{width:550px}
        .centreditems-mobile #previewListing, .centreditems-mobile .kt-media-group {
            position: relative;
            height: 100%
        }
        table#library-table{width:665px!important;}
        .date-format-mobile .float-right {
            float: left !important;
        }

        .date-format-mobile {
            padding-left: 0px;
        }           
        .kt-widget--user-profile-3.h-80px{height:110px}
        }
#UsersProgress .kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__progress {
    padding-right: 10px;
}
    #libraryView .pv-paging {
        padding: 15px;
    }

    .kt-portlet__body.portlet-body-scroll {
        padding: 25px 10px 25px 25px;
    }

    .badge {
        white-space: initial
    }

    .kt-widget19 .kt-widget19__wrapper .kt-widget19__content.trend-listing .kt-widget19__info .kt-widget19__username:hover {
        color: #595d6e !important
    }

    .custom_cancle-btn {
        background-color: #e4eaec
    }

    .kt-widget.remove-hover-style.kt-widget--user-profile-4 .kt-widget__body .kt-widget__item:hover {
        background: #fff;
    }

    .min-height-edit {
        min-height: 45px !important
    }

    @media (max-width: 1024px) {
        .kt-app .kt-app__aside {
            padding: 0;
            background-color: transparent !important;
        }
        .kt-notes .kt-scroll {
            height: calc(100vh - 240px) !important;
        }
        .kt-app__aside {
            position: relative !important;
            left: 0;
            width: 100% !important
        }
        .pv-control.pv-tags-input .tt-menu {
            min-width: 165px!important;
        }
        /*.description-max-height-vision, .description-max-height-mission {
            height: 135px !important;
        }*/

        .vertical-header {
            transform: rotate(-90deg);
        }

        .vertical-head-box {
            padding: 40px 25px !important;
        }

        .billing-img-control .profile-userpic-imgWrapper {
            display: table-caption !important
        }
        .description-max-height-trend {
            height: 205px!important;
        }
        .filters-dropdown{margin-bottom:10px!important;}
        .kt-widget12 #RelatedParametersListingParent.kt-widget12__content .kt-widget12__item {
            height: 100px;
            margin-bottom: 0;
        }
        .kt-header-menu-wrapper.kt-header-menu-wrapper--on {
            top: 45px;
        }
       
        }
      .kt-widget12 #RelatedParametersListingParent.kt-widget12__content .kt-widget12__item {
                  margin-bottom: 1.5rem;
              }
    .btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover, .show > .btn-light.dropdown-toggle {
        background-color: #f7f8fa !important;
        border-color: #f7f8fa !important;
    }

    .kt-sc.module-content .kt-sc__bottom .kt-sc__form .input-group .form-control {
        padding: 1.5rem 0;
        font-size: 0.89rem;
    }

    .kt-sc.module-content .kt-sc__bottom .kt-sc__form .input-group {
        width: 263px;
    }

    .overview-style .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed img {
        transform: rotateX(180deg);
    }

    .overview-style .card {
        background: transparent
    }

    .overview-style .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
        color: #fff;
    }

    .overview-style .accordion.accordion-toggle-arrow .card .card-header .card-title {
        color: #fff;
    }

    span.no-style {
        width: 25px;
        height: 25px;
        border: 1.5px solid #eee;
        border-radius: 50%;
        padding: 0 7px;
        margin-right: 10px;
        margin-top: 10px
    }

    .w-15px {
        width: 15px;
    }

    .overview-style .accordion.accordion-light .card {
        border: 0;
        border-top: 1px solid rgba(238, 238, 244, 0.35);
    }

        .overview-style .accordion.accordion-light .card .card-header {
            padding: 15px 15px;
        }

        .overview-style .accordion.accordion-light .card .collapse {
            background: transparent;
        }

    .overview-style .card-body .kt-notification .kt-notification__item {
        padding: 1.1rem 2.1rem;
    }

    .time-style {
        margin-left: 40px;
        font-size: 10px;
        color: rgba(205, 205, 205, 0.9411764705882353);
    }

    .paging .kt-svg-icon {
        height: 94px;
        width: 94px;
    }

    .brand-mobile-bg.kt-header-menu-wrapper .kt-header-menu-mobile {
        background: transparent !important;
    }

    #libraryView table thead tr th:nth-child(2) {
        width: 35% !important;
    }

    .kt-widget17.widget-style .kt-widget17__stats {
        margin: 0;
        width: 100%;
    }

    .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img.image-size, .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .image-size {
        max-width: 70px;
        width: 70px;
        height: 70px;
    }

    .kt-badge.kt-badge--outline.kt-badge--primary.brand-badge-outline {
        border-radius: 0 !important;
    }

    .width-blockUI .blockUI {
        width: 50% !important;
    }

    .width-blockUI .blockOverlay {
        box-shadow: none
    }

    .custom-profile .kt-widget5 .kt-widget5__item .kt-widget5__content:last-child {
        justify-content: flex-start;
    }

    .example .pie-progress-lg .pie-progress-number {
        font-size: 14px;
        font-weight: 800;
        margin-bottom: 2px;
    }

    .example.col-lg-2 {
        max-width: 35px !important;
        padding: 0;
        margin-right: 6px;
        height: 20px;
    }

    .overview-style .kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
        font-size: 0.8rem;
        margin-left: 25px;
    }

    .overview-style .accordion.accordion-light .card .card-header .card-title {
        padding: 0rem 1rem 0rem 0;
    }

    .overview-style .accordion.accordion-light .card:last-child {
        margin-bottom: 0rem;
    }

    .overview-style .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
        content: ""
    }

.pie_progress__svg ellipse[stroke-width], .pie_progress__svg path[stroke] {
    stroke-width: 10px !important;
    stroke: #b2b2b2!important;
}

    .table #ModulesListing td {
        border-top: 0px solid #ebedf2 !important;
    }

    .modal-body hr {
        border-top: 0 !important;
        margin-top: 3rem;
    }

    .duration-color {
        color: #8e8b8b
    }

    .checked-duration {
        color: #c8c7c8;
    }

    .checked-img-size {
        height: 15px;
        width: 20px;
    }

    .line-height-text {
        line-height: 1.5 !important
    }

    .color-desc {
        color: #9392a0
    }

    .title-color-info-box {
        color: #7a7a7a !important
    }

    .border-faded {
        border-bottom: 1px solid rgba(238, 238, 244, 0.35) !important;
    }

.progress-color .pie_progress__svg path[stroke] {
    stroke: #fff !important;
}


    .pie_progress__svg svg {
        overflow: visible;
    }

    .image-angle-size {
        width: 60px;
        height: 85px;
    }

    .left-angle {
        transform: rotateY(190deg);
        margin-top: 5px;
    }

    .remove-boxshadow {
        box-shadow: none !important
    }

    .overview-style .kt-notification .kt-notification__item .kt-notification__item-details {
        width: 100%
    }

    span.date-color {
        color: #74788d !important;
    }

    .kt-widget19 .kt-widget19__wrapper .kt-widget19__content.created-date .kt-widget19__stats .kt-widget19__comment:hover {
        color: #74788d !important;
    }

    .category-image .kt-widget__files .kt-widget__media img {
        height: 5rem
    }

    .h-60px {
        height: 60px
    }

    .license-style .kt-login__title.hideOnSuccess {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .license-style #formParent .btn-sm.btn-success {
        height: 46px;
        display: inline-block;
        text-align: center;
        padding-left: 4rem;
        padding-right: 4rem;
        margin-top: .8rem;
        border-radius: 60px;
        background: 0 0;
        padding-top: 12px;
        font-size: 13px;
    }

    .license-style a.float-left {
        font-weight: bold
    }

    .font-size-25 {
        font-size: 25px
    }

    .text-wraping {
        max-width: 85%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #addUserModal.modal {
        overflow-y: auto !important
    }

    .vertical-head-box {
        position: sticky;
        left: 0;
        z-index: 1;
    }

    .kt-portlet .zoomin-image .kt-widget19__pic {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.5s;
    }

        .kt-portlet .zoomin-image .kt-widget19__pic:hover {
            transform: scale(1.1);
        }

    .trends-ribbon .kt-portlet__body {
        overflow: hidden
    }
  
    .menuimage-size img.img-responsive {
        width: 100%
    }

    .white-image-bg .fileinput-new {
        background: #e4eaec
    }

    .fileinput-new {
        padding: 10px;
    }

    .table-icon {
        border: 1px solid #e4eaec;
        padding: 15px;
    }

        .table-icon:nth-last-child(3), .table-icon:nth-last-child(2) {
            border-top: 0
        }

        .table-icon:nth-last-child(2) {
            border-left: 0;
        }

        .table-icon:nth-child(-n+6) {
            border-bottom: 0;
        }

        .table-icon:nth-child(-n+12) {
            border-right: 0;
        }

    .menuimage-size .form-group {
        margin-bottom: 0 !important;
    }

    .table-icon .pv-controlg.pv-imageUpload .img-upload-overlay i.icon, .pv-control.pv-imageCropperUpload .overlay-panel i.icon {
        top: 20% !important;
        left: 10% !important;
    }

    .h-30px {
        height: 30px !important;
        margin-right: 5px;
    }

    .line-height-fix {
        line-height: 1.3 !important
    }

    .table.span-plan.library-table .loadmore-tr td {
        padding: 0 !important;
        padding-top: 0 !important;
    }

    .loadmore-tr .b-loadmore-control a {
        margin: 15px
    }

    .badge-bottom {
        position: absolute;
        top: calc(100% + -68px);
    }

    .w-120px {
        width: 120px
    }

    .top-close-radar {
        top: 6.5px !important
    }

    div.tooltip.show, div.tooltip.fade {
        background: none !important
    }

    .kt-demo-panel.kt-scroll {
        padding: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

.kt-quick-panel--right #radarPanel.kt-quick-panel.kt-quick-panel--on {
    right: 5px;
    top: 1px !important;
    -webkit-transition: right 0.9s ease-in-out;
    -ms-transition: right 0.9s ease-in-out;
    -moz-transition: right 0.9s ease-in-out;
    -o-transition: right 0.9s ease-in-out;
    transition: right 0.9s ease-in-out!important;
    width: 450px !important;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.kt-quick-panel--right #radarPanel.kt-quick-panel {
    right: -800px;
    top: 1px !important;
    /* max-width: 620px !important; */
    -webkit-transition: right 0.9s ease-in-out;
    -ms-transition: right 0.9s ease-in-out;
    -moz-transition: right 0.9s ease-in-out;
    -o-transition: right 0.9s ease-in-out;
    transition: right 0.9s ease-in-out!important;
    height: auto;
    position: absolute !important;
    width: 450px !important;
}
.kt-portlet .kt-quick-panel .zoomin-image .kt-widget19__pic:hover {
    transform: scale(1) !important;
}
#radarSideBarParent{height:100%}
.category-box {
    height: 15px;
    width: 15px;
    background: #d55d5d;
    border-radius: 20%;
}

    .trend-radar.kt-notification .kt-notification__item {
        padding: 7px;
        border-bottom: 0;
    }

        .trend-radar.kt-notification .kt-notification__item .kt-notification__item-icon {
            flex: 0 0 2rem;
        }

        .trend-radar.kt-notification .kt-notification__item:hover, .trend-radar.kt-notification .kt-notification__item.active-item {
            background: #f4f6f9;
            border-radius: 4%;
            border: none;
        }

            .trend-radar.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title, .trend-radar.kt-notification .active-item.kt-notification__item .kt-notification__item-details .kt-notification__item-title {
                color: #797979 !important;
                font-weight: 600;
                font-size: 12px;
            }

        .trend-radar.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
            font-size: 12px;
        }

        .trend-radar.kt-notification .kt-notification__item::after {
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
            height: 0;
            width: 0;
            border: solid transparent;
            position: absolute;
            border-left-color: #f4f6f9;
            border-width: 1rem;
        }

    .trends-ribbon.kt-portlet .kt-portlet__body {
        border-radius: 0 !important
    }

    .trends-ribbon .border-top {
        border-top: 1px solid rgba(222, 226, 230, 0.35) !important;
    }

.description-max-height-trend {
    height: 195px;
    overflow: hidden;
    line-height: 1.6;
}

    .kt-widget19__wrapper {
        overflow: hidden;
    }

    .pragraph-vision, .hidden-pragraph-vision, .pragraph-mission, .hidden-pragraph-mission, .pragraph-desc, .hidden-pragraph, .pragraph-desc-list-trend, .hidden-pragraph-list-trend, .pragraph-desc-list-members, .hidden-pragraph-list-members {
        white-space: pre-line
    }

    .filter-font-color {
        color: #3b3b3b !important;
        background: rgba(113,106,202,0.1) !important;
        border: rgba(113,106,202,0.1);
    }

    .w-75px {
        width: 75px
    }

    .desc-color, .desc-color:hover {
        color: #74788d;
    }

    .radar-img {
        width: 18px;
        margin-right: 5px
    }

    .dropdown-inline .kt-badge--unified-success.kt-badge.kt-badge--lg {
        height: 33px;
    }

    .w-135px {
        width: 135px
    }
.layout-customed .kt-header.kt-header--fixed {
    z-index: 1
}
.chart-max-height {
    min-height: 350px
}
@-moz-document url-prefix() {
    .chart-max-height {
        max-height:500px
    }
}
    /*#chart {
        height: 100%
    }*/

    .subheader-info-circles .kt-subheader__toolbar {
        display: block
    }

.listing-progress-badge {
    max-width: 40px !important;
    padding: 10px 5px;
    margin-right: 6px;
    background: #716aca;
    float: right;
    width: 100%;
    height: 50px;
    border-bottom-right-radius: 5%;
    border-bottom-left-radius: 5%;
    position: absolute;
    top: 0;
    right: 15px;
}

        .listing-progress-badge .pie-progress-sm .pie-progress-number {
            font-size: 9px;
            color: #fff;
        }
.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .brand-primary-opacity-color-dropdown.form-control {
    background: transparent
}
    .kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .brand-primary-opacity-color-dropdown.form-control button {
        border: none;
        border-radius: 46px !important;
        height: 46px;
        padding: 1rem 1.5rem 1.5rem 1.1rem;
        margin-top: 0.4rem;
    }
.kt-form  .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 16px
}
.margin-b-13{margin-bottom:13px!important}
.bg-design-color {
    background: #fff
}
@supports (-ms-ime-align:auto) {
    #chart {
        height:450px;
    }
}
.img-svg {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    margin-bottom: 4px;
}
@media (min-width: 3000px) {
.kt-quick-panel--right #radarPanel.kt-quick-panel.kt-quick-panel--on {
    width: 480px !important}
}
@media (min-width: 3500px) {
    .kt-quick-panel--right #radarPanel.kt-quick-panel.kt-quick-panel--on{width:980px!important;}
}
.info-two-rows .kt-ribbon .kt-ribbon__target {
    z-index: 0
}
.subheader-info-circles .kt-subheader__main {
    display: block;
}
.kt-demo-panel.kt-portlet .kt-notes__dropdown {
    margin-left: 5px;
}
.kt-chat__right{display:inline-flex}
.kt-chat__left{width:100%}
@media (max-width: 1024px) {
    .kt-quick-panel--right #radarPanel.kt-quick-panel.kt-quick-panel--on {
        width: 330px !important;
    }

    #libraryView {
        width: 500px
    }

    #library-table th.w-p10 {
        width: 1%;
    }

    #libraryView table thead tr th:nth-child(2), #libraryView table thead tr th:nth-child(3), #libraryView table thead tr th:nth-child(4) {
        width: 30% !important;
    }

    #listingMilesStone, .span-task {
        width: 775px
    }

        #listingMilesStone .w-p30, .span-task .w-p30 {
            width: 15%
        }

       table#listingMilesStone thead tr th:nth-child(1), table.span-task thead tr th:nth-child(1) {
           width: 30%
       }
       table#listingMilesStone thead tr th:nth-child(5), table.span-task thead tr th:nth-child(1) {
           width: 10%
       }
    .chat-room.modal.modal-sticky-bottom-right, .chat-room.modal.modal-sticky-bottom-right .modal-dialog {
        width: 100%
    }
    .table-inovioce{width:360px!important}
    .kt-invoice-1 .kt-invoice__body table thead tr th{width:30%!important}
    .labels-mobile .col-lg-4{width:33%!important}
}
.w-16px{width:16px}
.trim-text-rtl{direction:rtl}
#libraryView .align-middle a {
align-items: center;
}
.last-control .input-form-group{height:35px!important}
.font-size-11{font-size:11px}
.font-size-9{font-size:9px}
.kt-badge-initiative{width:16px;height:16px}
.kt-ribbon--warning .kt-ribbon__target {
    color: #fff;
}
.max-width-btn {
    max-width: 135px
}
.kt-invoice-1 .kt-invoice__footer .kt-invoice__bank .kt-invoice__title {
    font-size: 1.6rem!important;
}
.kt-invoice-1 .kt-invoice__body table tbody tr td:not(:first-child), .kt-invoice-1 .kt-invoice__body table thead tr th:not(:first-child) {
    text-align: center !important;
}
.w-10{width:10%}
.w-35{width:35%}
.w-40{width:40%}
.kt-widget.kt-widget--user-profile-2.position-relative{height:auto!important}
@media (max-width: 768px) {
    .kt-invoice-1 .kt-invoice__head .kt-invoice__brand {
        flex-direction: inherit;
    }
    .w-mobile{width:90%!important}
    .example .pie-progress-lg .pie-progress-number{margin-bottom:0!important}
    .kt-header__topbar-icon.profile-media{padding-top:2px}
    .kt-header__topbar-item--langs .kt-header__topbar-icon{padding-top:3px}
}
.kt-portlet__head-title.kt-margin-t-5{margin-top:0!important}
.z-index-0{z-index:0!important;}
.kt-portlet.overview-style .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    margin: 15px 0;
}
.notifications-no {
    top: 5px!important;
}
.buttons-portlets:before {
    display: inline-block;
    height: 6%;
    content: '';
    vertical-align: middle;
}
.table.span-plan.library-table td, .table.library-table th {
    padding-top: 25px !important;
}
    .table.span-plan.library-table td.memebers--img-size a span {
        padding-top: 0px
    }.table.span-plan.library-table td.memebers--img-size  span {
        padding-top: 20px;
    }
.close-bar{position:absolute;right:0px;top:0;}
.close-bar button:hover{background:transparent!important}
    .close-bar .btn.btn-icon {
        height: 2rem;
        width: 2rem;
    }
.info-view .table.library-table th {
    padding-top: 0px !important;
}
.directionLtr-taskflow table {
    width: 97.5% !important
}
/*.info-view .ps {
    padding-left: 25px !important;
}*/