body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-fixed-top .navbar-brand img {
    height: 100%;
    width: 100%;
    max-width: 210px;
    max-height: 40px;
}

.navbar-fixed-top .navbar-brand {
    padding: 10px 0 !important;
    margin-left: 13px;
}

a {
    color: #28a745;
}

    a:hover, a:focus, .btn-link:hover {
        color: #2abe4c;
        text-decoration: none;
    }

select {
    height: 34px !important;
}

.search-area {
    background-color: #234c2c;
    background-image: image-set( url("../images/search-area-bg-2.avif") type("image/avif"), url("../images/search-area-bg-2.png") type("image/png") );
    background-size: cover;
    padding-top: 35px;
    float: left;
}

#carouselAnnouncement .carousel-inner {
    border-radius: 10px;
}

.form-group.col-md-12 .bor-radius50 {
    border-radius: 50%;
    padding: 0.15rem .40rem !important;
    margin-top: -1px;
    font-size: .85rem;
}

#carouselAnnouncement .carousel-control-prev {
    justify-content: flex-start !important;
    text-align: left;
    left: 10px;
}

#carouselAnnouncement .carousel-control-prev, #carouselAnnouncement .carousel-control-next {
    opacity: 1 !important;
}

    #carouselAnnouncement .carousel-control-prev span, #carouselAnnouncement .carousel-control-next span {
        opacity: 1 !important;
        text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    }


#carouselAnnouncement .carousel-control-next {
    justify-content: flex-end !important;
    text-align: right;
    right: 10px;
}

#carouselAnnouncement .carousel-img {
    display: inline-block;
    width: 30%;
    float: left;
}

.refresh-captcha {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.icon-larger {
    font-size: 1.05rem;
}

h6.number {
    font-size: 0.85rem;
    margin-bottom: 0px !important;
}

.border-8-rad {
    border-radius: 8px;
}

.category.border-8-rad .card {
    margin-bottom: 8px !important;
}

.brands .card {
    min-height: 70px;
}

.metismenu .fa-project-diagram, .metismenu .fa-cogs {
    font-size: 15px !important;
}

.carousel-text {
    display: inline-block;
    width: 60%;
    float: left;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'ubuntumedium', sans-serif !important;
}

.percent-33 {
    width: 30%;
    display: inline-block;
    float: left;
    margin-top: 2px;
}

.carousel-text p {
    font-size: 1.1rem;
}

.logo-area {
    position: relative;
}

    .logo-area img {
        border-radius: 3px;
        border: 1px solid #ebebeb;
        padding: 5px;
        height: 60px;
    }

.ola-partner-logos {
    border-radius: 5px;
    border: 1px solid #d7d7d7;
}

.cmdChangeLogo {
    position: absolute;
    right: 18px;
    bottom: 2px;
}

.company-name {
    display: inline-block;
    float: left;
    padding-top: 1px;
    font-size: 1.05rem;
    width: calc(97% - 250px);
    text-align: center;
}

.accordion .card-header label {
    margin-bottom: 0 !important;
    color: #31b96f !important;
}

.header#headerContainer .col-md-12 .btn {
    font-size: 0.8rem;
}

.main-search {
    font-size: 1.2rem;
}

.notification-count {
    position: absolute;
    top: 0;
    right: 0px;
    background-color: #dc3545;
    color: #fff;
    padding: 1px 2px !important;
    line-height: 10px;
    border-radius: 2px;
    font-size: 0.7rem;
}

.roles-list {
    list-style: none;
    max-height: 150px;
    overflow-y: auto;
}

.bor-bottom-1 {
    border-bottom: 1px solid #c9c9c9;
}

.black {
    color: #000;
}



.dashboard-tables a {
    font-weight: bold;
    color: #3387dd;
}

.editable-area {
    border: 1px solid #acacac;
}

.table .thead-dark .bg-light-navyblue {
    background-color: #52585e;
}

.table .thead-dark .border-right-2 {
    border-right: 2px solid #454d55;
}

.table.ola-table th {
    border-top: none !important;
    border-right: 1px solid #a8a3a3;
}

.bor-r-none {
    border-right: none !important;
}

.gray {
    color: #333;
}

.no-call {
    height: 38px;
}

.dashboard-tables .card .body {
    padding-bottom: 10px;
}

.card-footer.custom {
    background-color: transparent !important;
    border-top: none !important;
}

.main-card a p:last-child {
    display: block;
    width: 100%;
    white-space: nowrap;
}

.main-card {
    padding: 15px;
    text-align: center;
    position: relative;
    width: 250px;
}

    .main-card a {
        color: #595959;
    }

    .main-card i {
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 17px 11px;
        font-size: 1.2rem;
        transition: ease-in-out all .2s;
        position: absolute;
        top: -42px;
        left: 43%;
        background-color: #17b4d0;
    }

.grey-bg {
    width: 100%;
    float: left;
    background: #edf1f2;
    margin-top: 45px;
    border-bottom: 1px solid #ccc;
}

.input-group-link {
    position: absolute;
    left: 10px;
    top: 4px;
    z-index: 10;
    display: block;
    width: 85%;
    height: 27px;
}

.text-underline {
    text-decoration: underline;
    color: #007bff;
}

.search-container .input-group-append {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 41;
}

.navbar-nav .dropdown-menu {
    z-index: 42;
}

.search-container .input-group-text {
    border: none !important;
}

.search-container .input-group > .form-control:not(:last-child), .search-container .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.form-control.main-search {
    padding: 1.4rem 1rem 1.45rem 1rem !important;
    border: none !important;
}

.main-card p:last-child {
    margin-bottom: 0 !important;
}

.main-card h4 {
    font-size: 1.3rem;
    margin-top: 20px;
    width: 100%;
    display: block;
}

.main-card .badge {
    position: absolute;
    top: -65%;
    right: 35%;
    color: #fff !important;
    padding: 1px 3px !important;
}


.main-card .badge-danger {
    background-color: #dc3545;
}

.main-card .badge-success {
    background-color: #22af46;
}

.red {
    color: #dc3545;
}

.tab-pane .table th {
    border-top: none !important;
}

.main-card .badge-info {
    background-color: #17a2b8;
}

.main-card .badge-warning {
    background-color: #f09b14;
}

.main-card .badge-primary {
    background-color: #007bff;
}

.search-area .input-group-text {
    background-color: #fff;
    border-left: 0 !important;
    border-radius: 1rem;
}

.search-area .form-control {
    border-right: 0 !important;
    border-radius: 1rem;
}

.web-autocomplete-suggestions {
    border: none !important;
    border-radius: 1rem;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(151,144,144,0.87);
    -moz-box-shadow: 2px 2px 5px 0px rgba(151,144,144,0.87);
    box-shadow: 2px 2px 5px 0px rgba(151,144,144,0.87);
}

    .web-autocomplete-suggestions .autocomplete-suggestion {
        cursor: pointer;
        line-height: 2em;
        font-size: 1.2em;
    }


.home-footer {
    width: 100%;
    background-image: image-set( url("../images/search-area-bg-2.avif") type("image/avif"), url("../images/search-area-bg-2.png") type("image/png") );
    background-color: #234c2c;
    color: #fff;
    line-height: 35px;
    float: left;
    margin-top: auto;
    background-position-y: -260px;
}

.inner-footer {
    margin-top: auto;
}

.dashboard-tables .card .header {
    padding: 10px !important;
    background-color: #ededed;
}

.dashboard-tables .table th, .dashboard-tables .table td {
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
    border-top: none;
}

.index {
    height: 90.1vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.index-node {
    background-color: #eaeaea;
}

.index-inner {
    background-color: inherit !important;
}

.monitor-general .dash-header-cards .card .body {
    font-size: 1.4rem;
    color: #ffffff !important;
    padding: 5px 20px;
}

.monitor-general .card {
    margin-bottom: 0 !important;
}

.monitor-general h2 {
    font-size: 1.7rem;
    color: #7e7e7e;
    margin: 0.65rem 0;
}

.monitor-general .dash-header-cards h3 {
    margin: 0.3rem 0;
    font-size: 2.5rem;
}

.monitor-general .dash-header-cards span {
    font-size: 1.6rem;
}

.monitor-general table {
    font-size: 1.1rem;
}

.gauge-name {
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    margin-top: -13px;
    color: #4c4848;
}

.author {
    position: fixed;
    bottom: 12px;
    right: 10px;
    z-index: 1000;
    width: 98%;
    justify-content: space-between;
}

    .author p {
        margin-top: 9px;
        margin-right: 10px;
    }

.category {
    background-color: #F4F7F6;
}

    .category .card {
        cursor: pointer;
        border: 1px solid white;
    }

        .category .card .body {
            padding: 8px;
        }

    .category .selected {
        border: 1px solid #218838;
    }

    .category .bottom-badge {
        font-size: 0.7rem;
        padding: 4px 4px;
        display: inline-block;
        float: right;
    }

    .category .text {
        font-size: 0.7rem;
    }

.form-row.category .content.col-md-8 h6 {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-cut-table tr:first-child td {
    border-top: none !important;
}

.text-cut-table tr td:first-child {
    width: 5%;
}

.text-cut-table tr td:nth-child(2) {
    width: 95%;
    display: inline-block;
}

.text-cut-table tr td:last-child {
    width: 716px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding: 0.75rem !important;
}

input:read-only, .form-control[readonly] {
    background-color: white;
}

.ticket-stat .top_counter .icon:hover {
    background: #716e79;
}

.table td, .table th {
    vertical-align: middle !important;
}

.countdown {
    margin-left: auto !important;
}

.custom-footer {
    justify-content: flex-start;
}

.modal-footer .breadcrumb {
    margin-bottom: 0;
    padding: .375rem .75rem;
}

.h-90vh-auto {
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-300-auto {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-600-auto {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 222px;
}

.h-320 {
    height: 320px;
}

.m-h-260-auto {
    min-height: 260px;
    max-height: 260px;
    overflow-y: auto;
}

.max-h-200 {
    max-height: 200px;
    overflow-x: hidden;
}


.m-h-430-auto {
    min-height: 430px;
    max-height: 430px;
    overflow-y: auto;
}

.h-35 {
    height: 35px !important;
}

.h-553-auto {
    max-height: 553px;
    overflow-y: auto;
}

.call-stats h6 {
    font-size: 0.9rem;
}

.h-156 {
    height: 156px;
}


.modal-body.h-300-auto .form-row:last-child .card {
    margin-bottom: 0 !important;
}

.list-group-item {
    padding: .55rem .5rem;
}

    .list-group-item .fa {
        cursor: pointer;
    }

    .list-group-item .fa-edit {
        color: #007bff;
    }


    .list-group-item .fa-trash-alt {
        color: #de4848;
    }


    .list-group-item input[type="radio"] {
        margin-top: 5px;
    }

    .list-group-item input[type="radio"], .list-group-item label {
        float: left;
    }

.list-group-title {
    padding-left: 20px;
    font-size: 1.2em;
}

.list-group-title-border {
    border-bottom: 2px solid #ededed !important;
}

.others-def ul {
    height: 159px;
    overflow-x: auto;
}

.others-def input:not([type='radio'],.list-search) {
    height: 33px !important;
}

.others-def label {
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 0px !important;
}


.bg-red {
    background-color: #e74c3c;
}



.btn-toggle-fullwidth {
    font-size: 19px;
    margin-top: 0;
    margin-left: 9px;
    float: left;
}

.user-account .user-photo {
    height: 50px;
}

.user-account .dropdown .dropdown-menu {
    background: #2d3436;
}

.user-account .dropdown span {
    font-size: 0.8rem;
    white-space: nowrap;
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#category-container .number, #category-container .text {
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.card .header .header-dropdown .dropdown-toggle:after {
    font-weight: 900;
}

.card .header .header-dropdown i {
    font-size: 12px;
}

.sidebar-nav .metismenu > li i {
    width: 16px;
}


.days .form-control-label, .days .isActive, .days #dayTime {
    margin-top: 5px;
}

.auth-main:after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: -2;
    background: url('../images/auth_bg.svg') no-repeat right fixed;
    background-size: cover;
}

.auth-box-api {
    width: 380px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #191f28;
}

.auth-main.auth-main-api:after {
    background: #191f28 !important;
}

.bootbox .modal-header .modal-title, .note-editor .modal-header .modal-title {
    order: -1;
}

.bootbox .modal-header .close, .note-editor .modal-header .close {
    order: 1;
}

.note-group-select-from-files .form-control {
    border: none !important;
    padding-left: 0 !important;
}

.btn-info.focus, .btn-info:focus {
    color: #fff !important;
}

.bootbox-accept, .bootbox .btn-primary {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

    .bootbox-accept:hover, .bootbox .btn-primary:hover, .bootbox-accept:focus, .bootbox .btn-primary:focus {
        background-color: #2ec851 !important;
        border-color: #28a745 !important;
        box-shadow: none !important;
    }

.bootbox-accept-danger, .bootbox-accept-danger:focus, .bootbox .bootbox-accept-danger:focus {
    background-color: #dc3545 !important;
    border-color: #bb2d3b !important;
    color: whitesmoke;
}

    .bootbox-accept-danger:hover, .bootbox .bootbox-accept-danger:hover {
        background-color: #bb2d3b !important;
        border-color: #dc3545 !important;
        box-shadow: none !important;
        color: whitesmoke;
    }




.h-210-auto {
    height: 210px;
    overflow-y: auto;
}

.h-231-auto {
    height: 231px;
    overflow-y: auto;
}



.h-350-auto {
    height: 350px;
    overflow-y: auto;
}

.h-370-auto {
    height: 370px;
    overflow-y: auto;
}

.h-385-auto {
    height: 385px;
    overflow-y: auto;
}

.h-395-auto {
    height: 395px;
    overflow-y: auto;
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    display: none;
    background-color: #07f;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
}


.height-100 {
    height: 100px !important;
    overflow-y: auto;
}

.employeeNote {
    background-color: #f5f5f5;
    padding: 2px;
    display: flex;
    border-radius: 0em 0em 1em 1em;
}

.l-h-66 {
    line-height: 66px;
    vertical-align: middle;
    margin-bottom: 0px !important;
}

.form-bot-detail .form-check {
    padding-top: 6px;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aligner-item--top {
    align-self: flex-start;
}

.aligner-item--bottom {
    align-self: flex-end;
}

.form-bot-detail hr {
    margin-top: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
}

.formbot-header {
    display: flex;
    justify-content: space-between;
}

.formbot-message-container {
    border-radius: 5px;
    overflow: auto;
    border-style: outset;
    border: 1px solid #ccc;
    padding: 15px;
    height: 357px;
    width: 100%;
}

.formbot-message {
    padding: 140px 0;
    text-align: center;
}

.chat-message {
    position: relative;
}

    .chat-message .btn-group {
        position: absolute;
        top: 2px;
        right: 65px;
        z-index: 99;
        transform: scaleY(0.96);
    }

        .chat-message .btn-group .btn {
            background: #ffffff !important;
            border-color: transparent !important;
            color: #444 !important;
        }

            .chat-message .btn-group .btn-secondary.focus, .chat-message .btn-group .btn-secondary:focus, .chat-message .btn-group .btn:focus {
                box-shadow: none !important;
            }

.chart-avatar {
    width: 45px;
    height: 45px;
}

.first-row-bor-no tr:first-child td {
    border-top: none !important;
}

.circle-add-button {
    position: absolute;
    bottom: 25px;
    right: 20px;
    z-index: 999;
}

.company .card-header {
    background-color: #ededed;
}

.h-440-auto {
    height: 440px;
    overflow-y: auto;
}

.h-445-auto {
    height: 445px;
    overflow-y: auto;
    overflow-x: hidden;
}

.h-445-auto-nowrap {
    height: 445px;
    overflow-y: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.dashboard-stats-left-col [class*="clock"], .dashboard-stats-right-col [class*="clock"] {
    color: #a0a0a0;
}

.dd-handle:hover {
    color: #333;
    background: #fff;
}

.planned_task .body {
    padding-top: 10px !important;
}

.user-account .dropdown .dropdown-menu, .navbar-nav ul.notifications, .user-account .dropdown .dropdown-menu a {
    background: #f2f6f5 !important;
    color: #28a745 !important;
}

    .user-account .dropdown .dropdown-menu a:hover i {
        color: #28a745 !important;
    }

.notifications .media {
    margin-bottom: 10px !important;
}

.func-counter {
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 999;
}

.toolAddNote .dropdown-menu-right .dropdown-item {
    font-size: 0.85rem;
}

.toolAddNote .dropdown-menu {
    padding: .3rem 0 !important;
}

.table-responsive a, .konsept-grid a {
    white-space: nowrap;
    color: #28a745;
}

.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #218838 !important;
    border-color: #218838;
    color: #fff;
}


.docs .card-header .download {
    color: #2d3436;
}


.nav-tabs-new2 > li > a.active, .nav-tabs-new2 > li > a:hover, .nav-tabs-new2 > li > a:focus {
    border-bottom: 2px solid #31b96f !important;
    background-color: transparent;
    color: #31b96f;
}

.card-header .card-actions {
    float: right;
}

    .card-header .card-actions a {
        cursor: pointer;
    }

.fa-remove {
    cursor: pointer;
}

.docs .card-header, .docs .card-footer {
    padding: 8px !important;
    font-size: 0.7rem;
}

.download .header h2 {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 0.8rem;
}


.file_manager .header {
    padding: 13px;
    font-size: 1rem;
}

.file_manager.custom .file .file-name small {
    float: left;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}


.file_manager.custom .file .file-name {
    padding: 5px 9px;
}


.min-w-200 {
    min-width: 200px;
}

.w-90px {
    width: 90px;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-100 {
    width: 100%;
}

.w-2 {
    width: 2% !important;
}

.w-13 {
    width: 13% !important;
}

.auth-container {
    position: relative;
    margin-bottom: 10px !important;
}

.login-lang {
    position: absolute;
    right: 31px;
    top: 28px;
    z-index: 999;
}

.lang {
    cursor: pointer;
}

    .lang.active {
        border: 2px solid #28a745;
    }

.navbar-nav .icon-menu {
    padding: 7px 9px 0px 10px
}

    .navbar-nav .icon-menu .notification-dot {
        top: 4px;
        right: -1px;
    }

.fa-trash-o {
    color: #d9534f;
}

.fa-trash-o, .fa-download, .fa-trash {
    cursor: pointer;
}

.color-green {
    color: #31b96f !important;
}

.green {
    color: #31b96f;
}

.color-red {
    color: #dc3545 !important;
}

.color-gray {
    color: #6c757d !important;
}

.color-lightgray {
    color: #9ea4aa !important;
}

.color-primary {
    color: #007bff !important;
}

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

.border-1-blue {
    border-bottom: 1px solid #007bff;
}

.border-1-green {
    border-bottom: 1px solid #31b96f;
}

.blurry-text {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.td-begin-date, .td-end-date {
    min-width: 195px;
}

.td-price {
    min-width: 185px;
}

.td-currency {
    min-width: 103px;
}

.td-tools, .th-tools {
    min-width: 69px;
    text-align: center;
}

    .td-tools i {
        cursor: pointer;
    }

.table .thead-dark th {
    padding: 5px 15px !important;
    white-space: nowrap;
}

.card .header h2.cat-header {
    color: #31b96f !important;
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.card .header h2 span {
    line-height: 3rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -20px;
}

.cat-header i {
    font-size: 3rem;
}

.cat-header-detail, .card .header .cat-header-detail i {
    color: #31b96f !important;
    font-size: 1.6rem !important;
}

.cat-desc {
    border-left: 5px solid #31b96f;
    padding: 10px;
    background-color: #f6f6f6;
    font-size: 1.05rem;
    min-height: 70px;
    color: #737373;
}

.cat-icon {
    font-size: 1.92rem;
    margin-top: -4px;
    color: #31b96f;
}

.newsTitle {
    font-size: 1.2rem;
    line-height: 2rem;
}

.news-date {
    display: inline-block;
    margin-top: 7px;
}

.overflow-hide {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
}

.nav-tabs-new2.overflow-hide li a {
    padding: 7px 16px !important;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-tabs-new2.overflow-hide li {
    display: block;
    width: 12.5%;
}

.list-group.list-group-flush li span {
    margin-left: 10px;
    font-size: 0.80rem !important;
}

.pagination > li > a, .pagination > li > span {
    color: #218838;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        background-color: #31b96f;
        border-color: #35af50;
        color: #fff;
    }

.nav-tabs-new2 > li > a {
    height: 35px;
}


.navbar-nav ul.notifications {
    background: #2d3436;
    width: 342px;
    max-height: 570px;
    overflow-y: auto;
    padding-bottom: 0;
}


.company ul {
    list-style: none;
    padding: 8px !important;
    border: 1px solid rgba(0,0,0,.1);
    height: 257px !important;
    overflow-y: auto;
}

.company hr {
    margin-top: 5px !important;
}

.company
.accordion .card-header .btn:focus {
    text-decoration: none !important;
}

.modal-header .input-group {
    padding-right: 0;
    margin-bottom: 0;
}

.no-label-btn {
    margin-top: 28px;
}

.select-all {
    display: block;
    margin: 0 auto;
}

input[type="checkbox"], input[type="radio"] {
    transform: scale(1.5);
}

.list-group-flush .list-group-item {
    border: 1px solid rgba(146,146,146,.125);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.col-md-10-ex {
    flex: 0 0 79%;
    max-width: 79%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

#groupContainer {
    max-height: 276px;
    overflow-y: auto;
    padding-left: 10px;
}

    #groupContainer .form-check {
        padding: 5px;
        margin-left: 15px;
        width: 46%;
        float: left;
    }

.btn-outline-secondary {
    color: #6c757d;
    background: #f1f1f1;
    border-color: #ced4da;
}

.btn {
    padding: .25rem .5rem !important;
}

    .btn.no-label-btn, .btn.btn-block {
        padding: .375rem .75rem !important;
    }



.b-none {
    border: none;
}

.header-smaller {
    font-size: 1.1rem;
}

.font-smaller {
    font-size: 70%;
}

.card {
    margin-bottom: 20px;
}

    .card .header {
        padding-bottom: 0 !important;
    }

.p-desc {
    height: 75px;
}

.kb-cats {
    padding: 10px 0 10px 10px;
    margin-left: 7px;
}

    .kb-cats li {
        padding: 5px 0;
    }

.tab-content {
    min-height: 235px;
}

.sidebar .tab-content {
    padding-bottom: 69px;
}

.kb-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    min-width: 244px;
}

.card .body .tab-content, .card .body .tab-pane.container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.label-v-middle {
    line-height: 35px;
    vertical-align: middle;
}

.badge {
    padding: 3px 6px;
}

.kb-stars .fa-star {
    color: #ffc90e;
    font-size: 12px;
}

.search-result-link {
    font-size: 1.1rem;
    font-weight: 700;
    color: #28a745;
}

    .search-result-link:hover {
        color: #31be51;
    }



.card .header .header-dropdown.m-t-5 {
    margin-top: 5px !important;
}


.form-generator .form-check {
    padding-left: 2.5rem;
}
/*rating*/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

    .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before {
            content: "★";
            padding-right: 5px;
            color: #BEC3C7;
        }

        .rating span.star:hover:before, .rating span.star:hover ~ span.star:before {
            content: "★";
            color: #ffc90e;
        }

        .rating span.star.active::before, .rating span.star.active ~ span.star::before {
            color: #ffc90e;
            content: "★";
        }


/*rating end*/

.kb, .kb-items {
    margin-top: 5px;
    margin-bottom: 12px;
    height: 3px;
    background-color: rgba(14,155,226,0.2);
    border: none;
    display: block;
}

.kb-items {
    margin-bottom: 2px !important;
    height: 1px;
}
/* mixin for multiline */
.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

    .block-with-text:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .block-with-text:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
    }


h2 a, h6 a {
    color: #444;
}

.kb-date {
    font-size: 0.8rem;
}



.h220 {
    max-height: 220px;
    overflow-y: auto;
}


.table tbody tr td, .table tbody th td {
    white-space: normal;
}


.konsept-grid {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 0 !important;
}

.konsept-grid-border {
    border: 1px solid #dee2e6;
    border-top: none;
}

.konsept-grid thead {
    color: #fff;
    background-color: color-mix(in srgb, var(--theme-color), #000000 58%);
    border-color: #454d55;
}

.auth-box .top img {
    width: 200px !important;
}

.konsept-grid td, .konsept-grid th {
    padding: .75rem;
    vertical-align: top;
    border: none;
    border-top: 1px solid #dee2e6;
}

.konsept-grid nav {
    margin-right: auto;
}


.turkey-map {
    height: 447px !important;
}

.h-255 {
    height: 255px !important;
}

#turkiye g {
    fill: #dadeda;
}


.rating-report .nav-tabs-new2 {
    float: left;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: space-around;
    border-bottom: 0 !important;
}

    .rating-report .nav-tabs-new2 > li > a {
        height: 50px;
        font-size: 19px;
    }

.rating-report .tab-content {
    float: left;
    width: 75%;
    margin-left: 5%;
}

.konsept-grid .table-footer .page-info {
    margin-right: 5px;
}


.ul_point_none {
    list-style: outside none none;
}

div#spinner {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    margin: 0;
    z-index: 9998;
}

    div#spinner .db-spinner {
        width: 50px;
        height: 50px;
        position: fixed;
        top: 47%;
        left: 47%;
    }

.db-spinner {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    border-top: 2px solid #218838;
    border-bottom: 2px solid #28a745;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}

div#spinnerTransparent {
    position: fixed;
    display: none;
    text-align: center;
    background-color: rgb(80 80 80 / 4%);
    padding: 10px;
    margin: 0;
    z-index: 9998;
}

    div#spinnerTransparent .db-spinner {
        width: 60px;
        height: 60px;
        position: fixed;
        bottom: 3%;
        right: 3%;
        border: 9px solid #fff;
        border-top: 9px solid #28a745;
        border-bottom: 9px solid #28a745;
    }

.profile-photo {
    width: 120px;
    height: 120px;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #218838;
    border-color: #35af50;
}

.kb-detail-info {
    display: inline-block;
    float: right;
}

.chat {
    margin-left: 0px;
    max-height: 235px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .chat .chat-history {
        padding: 15px;
        background: #f8f9f9;
    }

        .chat .chat-history .message {
            padding: 10px;
        }

        .chat .chat-history ul li {
            margin-bottom: 20px;
        }

        .chat .chat-history .message-data img {
            height: 40px;
        }


.input-group-text {
    cursor: pointer;
    font-size: inherit;
}



.badge.badge-default {
    padding: 3px 4px 2px 4px;
    font-size: 0.5rem;
}

.navbar-nav ul.notifications li .text {
    white-space: normal;
}

.inner-page-header {
    color: #40423d;
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
}

    .inner-page-header span {
        background-color: rgb(255, 255, 255) !important;
        padding-right: 10px;
    }

    .inner-page-header .span-grey {
        background-color: rgb(244, 247, 246) !important
    }

    .inner-page-header::after {
        content: "";
        position: absolute;
        bottom: 3px;
        left: 0px;
        right: 0px;
        height: 1px;
        z-index: -1;
        border-top: 1px solid rgb(206, 212, 218);
    }

.inner-modal-header {
    color: #5A5A5A;
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 5px;
    position: relative;
    z-index: 3;
}

    .inner-modal-header span {
        background-color: rgb(255, 255, 255) !important;
        padding-right: 10px;
    }

    .inner-modal-header .span-grey {
        background-color: rgb(244, 247, 246) !important
    }

    .inner-modal-header::after {
        content: "";
        position: absolute;
        bottom: 3px;
        left: 0px;
        right: 0px;
        height: 1px;
        z-index: -1;
        border-top: 1px solid rgb(206, 212, 218);
    }

.file_manager .file .file-name p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file_manager .file:hover .hover {
    display: block;
    color: green;
    cursor: pointer;
}

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

.btn.disabled, .btn:disabled {
    opacity: .45 !important;
}

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

#left-sidebar {
    z-index: 98 !important;
}

.date-separator-modal {
    position: absolute;
    z-index: 10000;
    top: 35px;
    left: -2px;
}

.m-r-20, .navbar-fixed-top .navbar-right #navbar-search, .navbar-nav ul.notifications li > div .media .media-left, .sidebar-nav .metismenu > li i, .block-header .bh_chart, .ct-legend li, .media.mleft .media-left, .bs-example .media .media-left, .chat-widget li.right .chat-info {
    margin-right: 20px;
}

    .block-header .bh_chart:last-child {
        margin-right: 10px !important;
    }

.navbar-nav ul.notifications li > div {
    padding: 15px 0 0;
    color: #777;
}

.file-upload-area {
    border: 2px dashed #04a716;
    border-radius: 4px;
    padding: 39px 25px 32px;
    height: 179px;
    /*cursor: pointer;*/
}

#ticketDocuments .file-upload-area {
    height: 180px;
}

.card.file_manager {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
}


.konsept-grid tr.selected, .konsept-grid tr.selected a {
    background-color: #68c97e;
    color: #fff;
}

.dashboard-stats {
    padding: 10px;
}

.dashboard-stats-header {
    color: #9098ac;
    font-size: 15px;
    padding: 10px 0 0 10px;
    margin-bottom: 0;
}

.dashboard-stats-left-col {
    line-height: 64px;
    vertical-align: middle;
    text-align: center;
}

.dashboard-stats-right-col h3 {
    font-weight: bold;
}

.dashboard-stats-left-col i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
}

.stats-mini i {
    color: #85CE36;
    text-align: left;
    font-size: 1.3rem;
    padding-left: .8rem;
}

.stats-mini .dashboard-stats-left-col {
    line-height: 55px;
}

.stats-mini h6, .stats-mini h4 {
    margin: 5px 0 0 0 !important;
    font-size: 0.9rem;
}

.row.form-group:last-child, .row.form-group:last-child ul {
    margin-bottom: 0 !important;
}

.bg-yellow {
    background-color: #fbd22d !important;
}

.bg-green {
    background-color: #85CE36 !important
}

.bg-gray {
    background-color: #95a5a6 !important;
}

.bg-turquoise {
    background-color: #0fb9b1 !important;
}

.bg-orange {
    background-color: #f39c12 !important;
}

.return-list {
    border: none;
    border-bottom: 1px solid #2d3436;
    border-radius: 0 !important;
}

.knowledge-docs {
    list-style: none;
    width: 50%;
    padding: 0;
}

    .knowledge-docs li {
        padding: 5px;
        border-bottom: 1px dashed #ccc;
    }

        .knowledge-docs li a {
            text-decoration: none;
        }



#ticketDocuments .card, #employeeDocuments .card, .file_manager .card {
    border: 1px solid #dfe0e0;
}

.file-upload-area label {
    cursor: pointer;
}

.cursor-default {
    cursor: default
}

#employeeDocuments .file-upload-area label {
    height: 157px;
}


.category-cards .card .body {
    padding: 17px;
}

.category-cards .card {
    margin-bottom: 24px;
}

.h-812 {
    height: 812px;
    overflow: auto;
}

.h-350 {
    max-height: 350px !important;
    overflow-y: auto;
}

.h-330 {
    max-height: 330px !important;
    overflow-y: auto;
}

.h-483 {
    max-height: 483px !important;
    overflow-y: auto;
}

.h-535 {
    height: 535px;
}

.h-535-auto {
    height: 535px;
    overflow-y: auto;
}

.h-241 {
    height: 241px !important;
}

.h-246 {
    height: 246px !important;
    overflow-y: auto;
}

.h-86 {
    height: 86px !important;
    overflow-y: auto;
}

.h-432 {
    height: 432px;
    overflow-y: auto;
}

.h-500 {
    height: 500px;
    overflow-y: auto;
}

.h-100 {
    height: 100px !important;
    overflow-y: auto;
}
/*icon picker*/
.icon-picker-list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding-left: 0;
}

    .icon-picker-list li {
        display: flex;
        flex: 0 0 10%;
        float: left;
        width: 10%;
    }

    .icon-picker-list a {
        background-color: #f9f9f9;
        border: 1px solid #fff;
        color: black;
        display: block;
        flex: 1 1 auto;
        font-size: 12px;
        line-height: 1.4;
        min-height: 20px;
        padding: 5px;
        text-align: center;
        user-select: none;
        -webkit-user-select: none;
    }

.icon-span {
    position: absolute;
    z-index: 999;
    left: 15px;
    top: 10px;
}

.icon-picker-list a:hover,
.icon-picker-list a.active {
    background-color: #009E49;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}

.two-append-item {
    border-radius: 0px;
    margin-right: -1px;
}

.min-text {
    position: absolute;
    right: 50px;
    top: 8px;
}

.font-ubuntu {
    font-family: 'ubunturegular' !important;
}


.date-range .form-control {
    padding: .375rem .25rem !important;
}

.date-range .separator {
    position: absolute;
    right: -2px;
    top: 9px;
}

.sla-tab-header {
    font-size: 1.2em;
    font-weight: 600;
    color: darkgray;
}

.b-top-none th {
    border-top: none !important;
    text-align: center;
}

    .b-top-none th:first-child, .b-top-none td:first-child {
        text-align: left;
        flex: 1;
    }

.b-top-none td:first-child {
    text-align: left;
    flex: 1;
    vertical-align: middle !important;
    padding-bottom: 6px;
}

.b-top-none td.slavalues {
    width: 160px;
}

.b-top-none td:last-child {
    width: 100px;
}

.b-top-none td select {
    height: 31px !important;
}


.icon-picker-list .fa, .icon-picker-list .fas, .icon-picker-list .far {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.icon-picker-list .name-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.h-510-auto {
    height: 510px;
    overflow-y: auto;
}

.table-headers {
    top: 0;
    position: sticky;
    background-color: #fff;
    display: grid;
    grid-template-columns: 29% 9% 19% 15% 17% 10%;
    z-index: 97;
    font-weight: bold;
    width: 100%;
    margin-bottom: -50px;
}

    .table-headers div:first-child {
        padding-left: 2%
    }

.card .header a h2 {
    color: #007bff !important;
}


.fas:focus, .fa:focus {
    outline: none !important;
}

.popover {
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
}

.loginmessage {
    color: #dc3545;
    border: 1px dashed #dc3545;
    padding: 5px;
    border-radius: 4px;
}

.file_manager .file .icon i {
    line-height: unset !important;
}

@media screen and (forced-colors: active), (forced-colors: none) {
    .sidebar-nav .metismenu > li {
        height: auto;
    }

    .sidebar-nav .metismenu {
        display: block !important;
    }

    .h-350 {
        overflow-y: scroll;
    }
}

.right-65 {
    right: 65px !important;
}

/*margin paddings*/

.pl--1 {
    padding-left: -2.5px !important;
}

.pl--2 {
    padding-left: -5px !important;
}

.pl--3 {
    padding-left: -10px !important;
}

.pr--1 {
    padding-right: -2.5px !important;
}

.pr--2 {
    padding-right: -5px;
}

.pr--3 {
    padding-right: -10px !important;
}

.p-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-b-11 {
    padding-bottom: 11px;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-l-40 {
    padding-left: 40px;
}

.p-t-4 {
    padding-top: 4px;
}

.btn-icon {
    padding: .220rem .6rem;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-r-8 {
    padding-right: 8px !important;
}

.p-r-14 {
    padding-right: 14px !important;
}

.m-b--14 {
    margin-bottom: -14px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-17 {
    margin-top: 17px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-14 {
    margin-top: 14px;
}

.m-t--122 {
    margin-top: -122px;
}

.m-t--5 {
    margin-top: -5px;
}


.m-t--145 {
    margin-top: -145px;
}

.m-t--80 {
    margin-top: -80px;
}

.m-t-b-8 {
    margin: 8px 6px 0;
}

.m-t--120 {
    margin-top: -120px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-r-11 {
    margin-right: 11px;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-t--100 {
    margin-top: -100px;
}

.m-t-19 {
    margin-top: 19px;
}

.m-l-auto {
    margin-left: auto;
}

/*Sa*/
.overlay {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4)
}


.btn.btn-xs {
    padding: .1rem .25rem !important;
    font-size: 0.9rem;
}
/* custom  12102020*/
.card .header.bg-light.p-3 {
    padding: 0.7rem !important;
}

.right_chat .offline a:hover .media-object {
    border-color: #b5c1b8 !important;
}

.bg-light {
    background-color: #f4f7f6;
}

.low-padding {
    padding: 10px 10px 0px 10px !important;
}

.right_chat li {
    background-color: #fff;
    margin-bottom: 10px;
    border: 2px solid #ededed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    transition: all ease-in-out .2s;
}

.right_chat .online:hover .media {
    color: #007bff !important;
}

.right_chat .offline:hover {
    cursor: not-allowed;
}

.right_chat .online:hover {
    border: 2px solid #63eca1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.right_chat li .media {
    margin-bottom: 0 !important;
    padding: 5px;
}


.online.selected {
    border: 2px solid #007bff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .online.selected:hover {
        border: 2px solid #007bff;
    }


.right_chat .online .media .name, .right_chat .online .media .message {
    color: #007bff !important;
}

.media {
    position: relative;
}

.select-sign {
    display: none;
}

.online.selected .media .select-sign {
    width: 0px;
    height: 0px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #007bff;
    display: block;
    position: absolute;
    right: -2px;
    top: -10px;
    color: #007bff;
    transform: rotate(-45deg);
    z-index: 99;
}

.media .badge {
    position: absolute;
    right: 26px;
    top: 18px;
}

.media .rest-icon {
    position: absolute;
    right: 83px;
    top: 22px;
}

span.name {
    position: relative;
}

.personel-score {
    position: absolute;
    top: -3px;
    width: 15px;
    height: 15px;
    font-size: 0.65rem;
    padding: 0px 2px 0px 2px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    margin-left: 7px
}

.h-190 {
    height: 190px;
    overflow-y: auto;
}

.bg-light-green {
    background-color: #e0f7ef;
}

.bg-light-red {
    background-color: #ffcfe2;
}

.rounded-fa-icon-gray {
    background-color: #d8d8d8;
    padding: 1.1rem;
    color: #67686c;
    border-radius: 50%;
}

.bg-light-gray {
    background-color: #efefef;
}

.lower-padding-modal .modal-header, .lower-padding-modal .modal-footer, .lower-padding-modal .modal-body, .lower-padding-modal .card {
    padding: 0.7rem 0.7rem !important;
}

.lower-padding-modal .card, .lower-padding-modal .form-group {
    margin-bottom: 10px;
}

.form-check-input {
    margin-left: -1.35rem;
}

.font-1-2 {
    font-size: 0.9rem;
}

.col-md-1-5 {
    width: 12.5%;
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-4-5 {
    width: 37.5%;
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-10-5 {
    width: 87.5%;
    padding-left: 15px;
    padding-right: 15px;
}

.map-container {
    height: auto;
    overflow: hidden;
}

    .map-container svg {
        margin-top: 15px;
        margin-bottom: -100px;
    }

.footer-logo {
    width: 90px;
    height: 15px;
}

.mlx-3 {
    margin-left: 1rem !important;
}


/*Responsive Behavoirs*/
@media (max-width: 768px) {
    .col-md-10-ex {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .turkey-map {
        height: auto !important;
    }

    .m-t--80 {
        margin-top: -100px;
    }

    .percent-33 {
        width: 100%;
    }

    .float-right .input-group .btn {
        margin-bottom: inherit !important;
    }

    .header .btn:not(.input-group-append) > .btn {
        margin-bottom: 5px;
    }

    .header .btn.float-right {
        float: left !important;
    }

    .sla-tabs .m-l-20 {
        margin-left: 0 !important;
    }

    .m-l-10 {
        margin-left: 0 !important;
    }


    .block-header {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .block-header .m-t-25 {
            margin-top: 0px;
        }

    .table-headers {
        grid-template-columns: 201px 84px 135px 110px 121px 76px;
    }

        .table-headers div {
            background: #fff !important;
        }

    .main-card .badge {
        right: 40% !important;
    }

    .custom-footer {
        display: block;
    }

        .custom-footer .breadcrumb {
            margin-bottom: 15px;
        }

        .custom-footer .ml-auto {
            display: block;
            width: 135px;
        }



    .header h5 {
        font-size: 1.1rem !important;
        float: left !important;
        padding-top: 15px;
    }

    /* cenk: birisi yukarıda jenerik bir class'ı ezdiği için...*/
    .h5-float-fix .header h5 {
        float: unset !important;
    }



    .l-h-66 {
        line-height: normal;
        padding-top: 10px;
    }

    .employeeNote .m-t-15 {
        margin-top: 5px !important;
    }

    .company-name {
        font-size: 0.8rem;
        width: calc(97% - 210px);
        margin-top: 5px;
    }

    .mobile-header {
        font-size: 0.9rem !important;
    }

    .col-md-1-5 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-md-10-5 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .kbs-search .p-l-0 {
        padding-left: 15px !important;
    }

    .member-card-project .header h5 {
        font-size: 1.25rem !important;
    }

    .map-placeholder-info {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .no-label-btn {
        margin-top: 0;
    }

    .header .btn-group.float-right {
        float: none !important;
    }

    .author {
        width: 95% !important;
    }
}

@media (max-width: 767px) {
    .company-name {
        display: none !important;
    }


    .mlx-3 {
        margin-left: 0 !important;
    }

    .responsive-button {
        margin: 0 !important;
        display: block;
        width: 100%;
        margin-bottom: 0.5em !important;
    }

        .responsive-button + .dropdown-menu {
            min-width: 90%;
            border: 1px solid #28a745;
            border-bottom: none;
            padding-top: 0;
            padding-bottom: 0;
        }

            .responsive-button + .dropdown-menu > .dropdown-item {
                margin: 0;
                text-align: center;
                border-bottom: 1px solid #28a745;
                padding: 0.5rem 0;
                font-size: 0.8rem;
            }



    .issue-approvals-btn {
        margin: 0;
        display: block;
        width: 100%;
        margin-bottom: 0.3em;
        margin-left: 0 !important;
    }

    #voteContainer {
        display: block;
        margin-top: 1em;
    }

    .d-none-mobile {
        display: none;
    }
}

@media (max-width: 992px) {
    #navbar-menu .btn-group {
        display: none;
    }

    .main-card i {
        position: static;
        margin: 0 auto;
    }

    .main-card a {
        display: block;
    }

    .main-card .badge {
        position: absolute;
        top: 0px;
        right: 33%;
    }

    .text-cut-table tr td:last-child {
        width: 100% !important;
        white-space: normal !important;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .main-card .badge {
        right: 39%;
    }
}

@media (max-width: 1024px) {
    .navbar-fixed-top .navbar-right {
        width: calc(95% - 150px);
    }

    .b-top-none tr {
        display: flex;
    }

    .btn {
        font-size: 0.7rem !important;
    }
}

@media (min-width: 1440px) {
    .project-menu {
        margin-left: 16%;
    }
}

@media (max-width: 1200px) {
    .navbar-fixed-top .navbar-brand img {
        max-width: 120px;
        height: 100%;
    }

    .date-separator-modal, .btn-toggle-fullwidth {
        display: none;
    }

    .search-area {
        height: auto !important;
    }

    .main-card a p:last-child {
        white-space: normal;
    }

    .rate-cols .text-right, .rate-cols .text-center {
        text-align: left !important;
    }

    .card .header div button, .card .header button {
        margin: 0 5px;
    }
}

@media (min-width: 1200px) {
    .p-l-84 {
        padding-left: 84px !important;
    }

    .p-l-155 {
        padding-left: 155px;
    }

    .turkey-map {
        height: auto !important;
    }
}
/*sa*/
.w50 {
    width: 50px;
}

.w75 {
    width: 75px;
}

p.form-control {
    height: auto;
    min-height: 33px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    font-size: 14px
}

.clickable {
    cursor: pointer;
}

.bd-left-gray {
    border-left: #a8a3a3 solid 1px !important;
}

.bd-right-gray {
    border-right: #a8a3a3 solid 1px !important;
}


.no-resize {
    resize: none;
}

#cmdQuickAddIcon {
    color: #76aaeb;
    font-size: 1.3em;
}

.project-menu-item {
    border-color: rgba(40, 167, 69, 0.55) !important;
}

    .project-menu-item:hover .color-project-menu {
        color: whitesmoke;
    }

    .project-menu-item:focus .color-project-menu {
        color: whitesmoke;
    }

    .project-menu-item:hover #cmdQuickAddIcon {
        color: #1c7dab;
        color: whitesmoke !important;
    }

.t-d-line-through {
    text-decoration: line-through;
}

.m-08 {
    margin: .08rem !important;
}

.stickyheader > thead:nth-of-type(1) > tr:nth-of-type(1) > th {
    background: lightgrey;
    position: sticky;
    top: -1px;
    z-index: 10;
}

.alertMapTable {
    height: 18vh;
}

.chat-issues {
    max-height: 350px;
}

.cmdRemoveDoc:hover {
    color: red;
}

.new-chat-history .message:after {
    margin-left: -20px !important;
    border-width: 8px !important;
}

.new-chat-history .message-data img {
    height: 40px;
}


.chat-history-border, .chat-message-border {
    background: #f3fff3;
    border-left: 8px ridge rgba(21,164,56,0.5);
    border-right: 8px groove rgba(21,164,56,0.5);
    border-radius: 25px;
    padding: 8px;
}

.new-chat-history .message {
    padding: 10px;
    max-width: 90%;
}

.new-chat-history ul li {
    margin-bottom: 20px;
}

.chat-message-inner-border {
    background: #f3fff3;
    border-left: 8px solid #44b7aa;
    border-right: 8px solid #44b7aa;
    border-radius: 25px;
}


.chat-history-inner {
    background: #f3fff3 !important;
}

#noteText::placeholder {
    text-align: center;
    padding-top: 10px;
}

.tribute-container {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px, rgba(0, 0, 0, 0.15) 0px 0px 3px 1px;
    max-height: 281.5px;
    max-width: 1237px;
    min-width: 300px;
    overflow-y: auto;
    z-index: 9999999999;
    background: #efefef;
    margin-top: 9px;
    margin-left: 12px;
    border-radius: 8px;
    padding-top: 8px;
}

    .tribute-container .highlight {
        background: #65c5ae !important;
        color: ghostwhite;
        padding: 2px 2px 2px 6px;
        border-radius: 8px;
        margin: 3px;
    }

    .tribute-container .avatar {
        width: 2em;
        min-width: 2em;
        margin-right: 3px;
    }

    .tribute-container ul {
        list-style-type: none;
        padding-left: 8px;
    }

    .tribute-container li {
        padding: 5px;
    }

.project-dashboard-avatar {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.online .project-dashboard-avatar {
    border: 3px solid #42b12d !important;
}

.right_chat_project_dashboard, .right_chat_project_dashboard li, .right_chat_project_dashboard .online:hover {
    background-color: #fff;
    margin-bottom: unset;
    border: unset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: unset;
}

    .right_chat_project_dashboard .online .media .name, .right_chat_project_dashboard .online .media .message {
        color: unset !important;
    }

    .right_chat_project_dashboard .offline {
        cursor: pointer !important;
    }

.member-card-project {
    border-radius: 0.3rem;
}

    .member-card-project .member-img {
        margin-top: -19%;
    }

        .member-card-project .member-img img {
            width: 39%;
        }

    .member-card-project .header {
        min-height: 90px;
        height: 33%;
    }

    .member-card-project .member-name {
        font-size: 1.8vmax;
        padding-top: 6%;
    }

    .member-card-project .body {
        font-size: 1.5vh;
    }



.project-timeline .green {
    color: unset;
}

.timeline-item:before {
    content: attr(date-is);
    position: absolute;
    left: 2em;
    top: 1em;
    color: #777;
    font-size: 80%
}


.project-timeline .timeline-item {
    padding: 2em 1.5em 1em 2em;
    border-left: 2px solid #eee;
}


.project-timeline {
    height: 88%;
    overflow: auto;
}

.timeline-item:after {
    width: 15px;
    height: 15px;
    top: 1em;
    position: absolute;
    left: -8px;
    border-radius: 10px;
    content: '';
    background: #fff;
    border: 3px solid;
}

.dashboard-log-member {
    color: #00abc7 !important
}

.dashboard-log-sign {
    color: #c70000;
}

.project-plan-icon {
    font-size: 70%;
    vertical-align: super;
}


.he-100 {
    height: 100%;
}

.hidden {
    visibility: hidden;
}


.darkgrey {
    color: darkgrey !important;
}

.lightgrey {
    color: lightgrey !important;
}


.fs-15em {
    font-size: 1.5em;
}

.color-unset {
    color: unset;
}

.mh-510-auto {
    max-height: 510px;
    overflow-y: auto;
}

.mh-300-auto {
    max-height: 300px;
    overflow-y: auto;
}

.wd-30 {
    width: 30px;
}

.wd-50 {
    width: 50px;
}

.dboard-border {
    border: 3px ridge rgba(21,164,56,0.5) !important;
    border-top-left-radius: 1% !important;
    border-top-right-radius: 1% !important;
}

.new-chat-histor .chat-history {
    border-bottom: 0;
}

#chat_widget .new-chat-history {
    background-color: #f3fff3;
    max-height: unset;
}

#chat_widget .header {
    padding: 2.1%;
}

.bg-color-chat {
    background-color: #f3fff3 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23c3e6c3' fill-opacity='0.23' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E") !important;
}

#chatContainer::-webkit-scrollbar {
    width: 5px;
}

#chatContainer {
    scrollbar-width: thin;
}

.diagram-list .file .image {
    height: 180px;
}

.btn-outline-darkgoldenrod {
    color: darkgoldenrod;
    border-color: darkgoldenrod;
}

    .btn-outline-darkgoldenrod:hover {
        color: #fff;
        background-color: darkgoldenrod;
        border-color: darkgoldenrod;
    }


.btn-purple {
    color: #fff;
    background-color: purple;
    border-color: purple;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #5a005a;
        border-color: #5a005a;
    }

.btn-outline-purple {
    color: purple;
    border-color: purple;
}

    .btn-outline-purple:hover {
        color: #fff;
        background-color: purple;
        border-color: purple;
    }

.btn-cloud {
    color: #fff;
    background-color: #2f8fe1;
    border-color: #2f8fe1;
}

    .btn-cloud:hover {
        color: #fff;
        background-color: #207ac7;
        border-color: #207ac7;
    }


.color-cloud {
    color: #2f8fe1;
}


.btn-algae {
    color: #fff;
    background-color: #19a779;
    border-color: #19a779;
}

    .btn-algae:hover {
        color: #fff;
        background-color: #158762;
        border-color: #158762;
    }

.color-algae {
    color: #19a779;
}


.overflow-x-hidden {
    overflow-x: hidden !important;
}


/*-project workflow-*/


.step-transition-container {
    display: flex;
    font-family: sans-serif;
    text-decoration: uppercase;
}

    .step-transition-container.transition a {
        color: unset;
    }

    .step-transition-container .block {
        margin: 10px;
        width: 100%;
        min-height: 168px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .step-transition-container ul.connections {
        padding-left: 0px;
        border-radius: 2px;
        position: relative;
        margin-bottom: 0px !important;
    }

        .step-transition-container ul.connections .connection-item {
            margin: 10px 0;
            position: relative;
        }

    .step-transition-container.step ul.connections .connection-item {
        background-color: lightseagreen;
    }

        .step-transition-container.step ul.connections .connection-item a {
            color: white;
        }




    .step-transition-container .connections-left {
        padding-right: 25px;
    }

    .step-transition-container .connections-right {
        padding-left: 25px;
    }


    .step-transition-container ul.connections-left:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 21px;
        bottom: 20px;
        width: 40px;
        border-right: 1px solid darkgrey;
    }



    .step-transition-container .line-container {
        padding-inline-start: unset;
        width: 30px;
        margin-bottom: 0px !important;
        position: relative;
    }

    .step-transition-container .line {
        margin: 10px 0;
        height: 20px;
        position: relative;
    }

    .step-transition-container .line-container:before {
        content: '';
        position: absolute;
        right: 29px;
        top: 21px;
        bottom: 20px;
        width: 0px;
        border-left: 1px solid darkgrey;
    }


    .step-transition-container .line:before {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        bottom: -19px;
        width: 30px;
        border-top: 1px solid darkgrey;
    }


.connections.connections-left .connection-item:before {
    content: '';
    position: absolute;
    right: -26px;
    top: 9px;
    bottom: -19px;
    width: 25px;
    border-top: 1px solid darkgrey;
}


.step-transition-container .connection-item {
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}


.step-transition-container .middle-element {
    margin: 0;
}


.step-transition-container.transition .middle-element {
    color: white;
    background-color: lightseagreen;
}

.step-transition-container .connector {
    background: darkgrey;
    width: 33%;
    height: 1px;
}

    .step-transition-container .connector::before {
        border: 5px solid transparent;
        border-width: 5px 0 5px 10px;
        border-left-color: #ccc;
        content: "";
        height: 0;
        margin-right: -70%;
        margin-top: -5px;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 0;
    }

    .step-transition-container .connector::after {
        border: 5px solid transparent;
        border-width: 5px 0 5px 10px;
        border-left-color: #ccc;
        content: "";
        height: 0;
        margin-right: -30%;
        margin-top: -5px;
        position: absolute;
        right: 100%;
        top: 50%;
        width: 0;
    }


.bold {
    font-weight: bold;
}

.cyan {
    color: cyan;
}

.gold {
    color: gold;
}


/*-project workflow-*/



#screenContainer .tab-content {
    padding: 0;
}

.h-100-auto {
    max-height: 100px;
    overflow: auto;
}

.badge-pill-custom {
    color: white;
    font-size: 80%;
    padding: 7px;
}


.notification-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    position: absolute;
    top: -3px;
    right: -8px;
    background-color: #509127;
}

.position-relative {
    position: relative;
}

.min-height-unset {
    min-height: unset !important;
}


/* Syncfusion Tags */

.tagsContainer .e-multi-select-wrapper .e-chips {
    opacity: 1;
    background: #f9f9f900 !important;
    height: 28px;
}

    .tagsContainer .e-multi-select-wrapper .e-chips:hover {
        opacity: 0.7;
        cursor: pointer;
    }

    .tagsContainer .e-multi-select-wrapper .e-chips .e-chips-close.e-icon::before,
    .tagsContainer .e-multi-select-wrapper .e-chips .e-chipcontent,
    .tagsContainer .e-multi-select-wrapper .e-chips .e-chipcontent:hover {
        color: black !important;
        -webkit-text-fill-color: black !important;
    }


.tagsContainer .e-multi-select-wrapper .e-chipcontent .badge {
    padding: 5px 20px 5px 15px;
}


.tagsContainer .e-multi-select-wrapper .e-chips .e-chips-close::before {
    -webkit-text-fill-color: black;
    color: black;
    font-size: 8px;
    left: -20px;
}


.tagsContainer .e-multi-select-wrapper .e-chips-close {
    width: 0px;
}


.tagsContainer .e-multi-select-wrapper .e-chipcontent {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}


.tagsContainer .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    width: 29px;
}
/* Syncfusion Tags */


.board-tags .badge:hover {
    opacity: 0.7;
    cursor: pointer;
}

.bd-right-lightgrey {
    border-right: 1px solid rgba(0,0,0,.1);
}



.project-navbar .dropdown-item:focus, .project-navbar .dropdown-item:hover {
    background-color: #01b4c673;
}


#cmdExport-popup {
    margin-top: 4px;
}

    #cmdExport-popup > ul {
        border: none;
    }


.fa-15x {
    font-size: 1.5em;
}

.fa-9x {
    font-size: 0.9em !important;
}



/*Percentage Bar*/


.percentage-bar-chart {
    font-size: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.percentage-bar-chart__title {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.percentage-bar-chart__title--total {
    text-align: right;
}

.percentage-bar-chart__figure {
    display: block;
    font-size: 16px;
    text-align: right;
    padding-top: 16px;
}

.percentage-bar-chart__chart-wrapper {
    display: table;
    width: 100%;
}

.percentage-bar-chart__percentage {
    display: table-cell;
    border: 3px solid #82d767;
    border-radius: 50%;
    min-width: 50px;
    height: 50px;
    font: 16px Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    line-height: 2.7;
}

.percentage-bar-chart__total {
    display: table-cell;
    min-width: 42px;
    height: 42px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 2.7;
}

.percentage-bar-chart__chart {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    left: -1px;
    top: -2px;
}

.percentage-bar-chart__total-bar {
    display: block;
    height: 14px;
    background-color: #cc533f;
}

.percentage-bar-chart__percentage-bar {
    display: block;
    height: 15px;
    background-color: #82d767;
}

/*Percentage Bar*/


.l-red {
    background: linear-gradient(45deg, #cc533f, #ff4646) !important;
}

.color-project-menu {
    color: #419d83;
}

    .color-project-menu:hover {
        color: #355e53;
    }

.cursor-grab {
    cursor: grab !important;
}

.cursor-help {
    cursor: help !important;
}

.details-control {
    cursor: pointer;
}

.color-light-blue {
    background: #bdf3f542 !important;
}

.lh-1 {
    line-height: 1em;
}

.t-custom-toolbar {
    display: flex;
    justify-content: space-between;
}

.br-none {
    border-right: none !important;
}


.member-box .name {
    color: #444;
    margin: 0;
    font-size: 15px;
}

.member-box .type {
    font-size: 13px;
    color: #bdbdbd;
}

.member-box .member-info {
    margin-left: 5em;
}


.xl-dark-blue {
    background: #bde7f7 !important;
}

.xl-dark-seagreen {
    background: #d8efce !important;
}

.xl-grey {
    background: #e9ecef !important;
}

.fs-11em {
    font-size: 1.1em;
}

.l-lightblue {
    background: linear-gradient(45deg, #a5d0f1, #aee7ef) !important;
}

.thin-bar {
    height: 12px;
}

.cursor-unset {
    cursor: unset !important;
}



.grid-project thead {
    background-color: #114a49eb;
}


.ml-5em {
    margin-left: 5em;
}


.project-filter {
    font-size: 1.1em;
    text-align: center;
}

    .project-filter > .filter-title {
        font-weight: bold;
        color: #b5b5b596;
    }

    .project-filter > .title {
        float: left;
    }


.new-issue-window {
    max-height: 90vh;
}

.o-y-a {
    overflow-y: auto;
}

.cursor-pointer {
    cursor: pointer;
}


#cmdQuickAdd {
    padding-bottom: 7px;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
}


.h-2 {
    height: 2em;
}

.h-3 {
    height: 3em;
}



.rounded-corner {
    border-radius: 8%;
}

.fs-6 {
    font-size: 0.6em;
}


.color-lightgrey {
    color: #9d9d9d;
}

.m-t-16 {
    margin-top: 16px;
}

.m-b-6 {
    margin-bottom: 6px;
}

.fs-12em {
    font-size: 1.2em;
}

.fs-13em {
    font-size: 1.3em;
}

.color-goldenrod {
    color: goldenrod;
}

.hover-orangered:hover {
    color: orangered !important;
}


.permission-rule-val {
    color: #818181;
    line-height: 0.5em;
}

.board-top-margin {
    margin-top: -15px;
}

.fs-85em {
    font-size: 0.85em;
}

.fs-80em {
    font-size: 0.80em;
}

.fs-70em {
    font-size: 0.70em;
}

.board-column-wip {
    color: white;
    font-size: 0.8rem;
}

.over-wipmax {
    background: repeating-linear-gradient( -45deg, #fa000091, #fa00007d 0.5px, rgb(122 122 122 / 24%) 2.5px, rgb(247 247 247 / 62%) 11.5px ) !important;
}

.below-wipmin {
    background-image: linear-gradient(#dacd149e 0.8px, transparent 2px), linear-gradient(to right, #dacd148c 1px, rgba(244,244,251,0) 1px) !important;
    background-size: 16px 16px !important;
}

.board-menu {
    background: #ededed;
    border: 2px solid #65d58d;
}

.no-bg-bd {
    border: none;
    background: none;
}

.vote-button:hover {
    color: #50a8b7;
    background-color: #e0e0e0;
    border-color: #7d8d9b;
}

.fs-14em {
    font-size: 1.4em;
}

.voted {
    color: #23b4bb;
}

.voters {
    max-height: 250px;
    overflow-y: auto;
}

.list-search {
    height: 23px !important;
}

.file_manager .file:hover .hover-bottom {
    display: block;
    color: green;
    cursor: pointer;
}

.file_manager .file .hover-bottom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
    transition: all 0.2s ease-in-out;
}

.h-185 {
    height: 185px;
    overflow-y: auto;
}

.gray-table-header thead tr:nth-child(1) {
    background: gray;
}

.z-index-0 {
    z-index: 0 !important;
}


.project-summernote .note-editor .table-bordered td, .project-summernote .note-editor .table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.project-summernote .btn-primary.note-btn {
    background-color: #007bff !important;
}

.project-summernote .note-toolbar {
    position: absolute;
    opacity: 0;
}

    .project-summernote .note-toolbar.active {
        position: static;
        opacity: 1;
        transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }



.greyed-out {
    color: lightgrey;
    border-color: lightgrey;
}


.archived-version-chip {
    background-color: #ab7f75 !important;
}

.released-version-chip {
    background-color: #94ab75 !important;
}


/*Approval Path Detail*/

#nestedContainer {
    margin-left: 25px;
}


.stepContainer {
    min-height: 200px;
    height: 100%;
}

    .stepContainer .step {
        margin: 5px 0;
        padding: 8px 15px;
        text-decoration: none;
        border: 1px solid darkgrey;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 22px;
        background: #eefdfd;
    }

    .stepContainer .fa-grip-vertical {
        color: grey;
    }

        .stepContainer .fa-grip-vertical:hover {
            color: darkgrey;
            cursor: move;
        }


    .stepContainer .parallel-group {
        border-color: #5c8ed4;
        background: #f2f2ff;
    }

        .stepContainer .parallel-group .nested {
            height: 100%;
        }

        .stepContainer .parallel-group .step {
            margin: 0 0 4px 0;
        }


.line-vertical {
    width: 2px;
    height: 50%;
    min-height: 100px;
    margin-top: 28px;
    float: left;
    position: relative;
    background: #aaa;
}


.stepContainer .arrow-down:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    left: -4px;
    bottom: -15px;
    border-top: 15px solid #aaa;
}



.stepContainer .dropzone {
    border: 1px dashed #e308fd;
}


.panel-body .btn:not(.btn-block) {
    width: 135px;
    height: 95px;
    margin-bottom: 10px;
}


.fa-stack.fa-stack-small {
    font-size: 0.7em;
}

.fa-stack.fa-stack-large {
    font-size: 1.2em;
}


.isultimate {
    transform: scale(1.1) !important;
}

/*Approval Path Detail*/




/*Projects Add*/

#main-wrapper.control-section {
    padding: 0;
}

#main-wrapper .title {
    font-weight: 500;
    line-height: 24px;
    font-size: 18px;
    margin-top: 0;
}

#main-wrapper .list-group-item {
    border: none;
    padding: 15px;
    font-size: 14px;
    background: transparent;
}

#apiSidebar .title-header {
    font-size: 18px;
    padding-bottom: 15px;
}

#apiSidebar .sub-title {
    font-size: 16px;
}

.e-sidebar .title-header #close {
    cursor: pointer;
    line-height: 25px;
    font-size: 14px;
    float: right;
}

#main-wrapper .default-sidebar {
    padding: 10px;
    z-index: 20 !important;
}

#hamburger.menu {
    font-size: 19px;
    cursor: pointer;
    float: left;
    margin-right: 10px
}

.template-tab {
    width: 100%;
    min-height: 50vh;
}

/*Projects Add*/



/*Project Screen Detail*/


#tab-element .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #097c23;
}

    #tab-element .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
        color: #3ad55d;
    }

#tab-element .add-tab-header:hover {
    color: #3ad55d !important;
}

#tab-element .cmdDeleteField:hover {
    color: #ff4f4f !important;
    font-weight: bold;
}


#fieldsContainer .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border: none;
    border-bottom: 1px solid lightgray;
}

#fieldsContainer {
    margin-top: 30px;
}

.default-tab-header {
    display: none !important;
}

#tab-element .fa-plus::before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 900;
    color: #28a745;
}

#tab-element .fa-plus:hover::before {
    color: #3ad55d !important;
}

#tab-element .e-tab-wrap .e-tab-text {
    margin-left: 0 !important;
}

/*Project Screen Detail*/




/*Project Workflow Diagram*/


.diagram-page-container .e-diagram-resize-handle.e-disabled {
    display: none !important;
}

.diagram-page-container .e-diagram-highlighter {
    stroke: #16c739 !important;
    stroke-width: 4;
    stroke-opacity: 0.75;
}

#diagram-container {
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

#propertiesContainer {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.diagramProperty {
    -webkit-box-shadow: -4px 0px 5px -5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: -4px 0px 5px -5px rgba(0, 0, 0, 0.55);
    box-shadow: -4px 0px 5px -5px rgba(0, 0, 0, 0.55);
}

#toolbarDiagram #cmdAddStep > span.e-btn-icon.e-icons.e-plus.e-icon-left {
    color: #2f8fe1;
}

#toolbarDiagram #cmdAddTransition > span.e-btn-icon.e-icons.e-plus.e-icon-left {
    color: #05c195;
}

#toolbarDiagram .e-toolbar .e-tbar-btn .e-icons.e-btn-icon {
    font-size: 20px;
}

#btnZoomIncrement {
    background-color: white;
    border-color: #d3d3d3;
    color: #000;
}


/*Project Workflow Diagram*/




/*Project Transition Detail*/


#querybuilder .e-group-header .e-dropdown-btn.e-add-btn {
    background: repeating-linear-gradient(60deg, #36afe94a, #57ff00 100px);
}

    #querybuilder .e-group-header .e-dropdown-btn.e-add-btn:hover {
        color: royalblue;
    }

#querybuilder .e-custom-delete.info {
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    color: #495057 !important;
}


#querybuilder .e-delete-icon:hover {
    color: crimson;
}

#querybuilder .e-custom-delete .fa-question:hover {
    color: cornflowerblue;
}


#querybuilder .e-btn-group input:checked + label.e-btn {
    box-shadow: unset;
}

#querybuilder .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
    background: indianred;
    border-color: mediumvioletred;
}

#querybuilder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
    border-color: #51c3e5;
}


/*Project Transition Detail*/



/*Project Dashboard*/





#dashboardLayoutContainer .e-schedule-event-tooltip {
    display: flex;
    background: #646464;
    background: rgba(16, 14, 14, 0.6) !important;
}

    #dashboardLayoutContainer .e-schedule-event-tooltip .tooltip-wrap {
        display: flex;
    }

        #dashboardLayoutContainer .e-schedule-event-tooltip .tooltip-wrap .content-area {
            padding-left: 6px;
            font-size: 12px;
        }

        #dashboardLayoutContainer .e-schedule-event-tooltip .tooltip-wrap .subject {
            font-weight: 500;
            font-size: 14px;
        }

        #dashboardLayoutContainer .e-schedule-event-tooltip .tooltip-wrap .typeDesc {
            font-weight: 100;
            font-size: 10px;
        }

        #dashboardLayoutContainer .e-schedule-event-tooltip .tooltip-wrap .icon {
            text-align: center;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 50px;
            height: 50px;
            font-size: 3em;
        }

#dashboardLayoutContainer .center-tooltip-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#dashboardLayoutContainer #eventFilter td {
    padding: 0 5px;
}

#dashboardLayoutContainer .e-time-zone-container, .e-time-zone-row, .e-repeat-parent-row, .e-recurrenceeditor, .e-location-container {
    display: none;
}

#dashboardLayoutContainer .e-subject-container {
    width: 100% !important;
}

#dashboardLayoutContainer .e-event-delete {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}

#dashboardLayoutContainer .e-week-number {
    color: #d3d3d3 !important;
}

#dashboardLayoutContainer .e-schedule .e-vertical-view .e-work-cells {
    background-color: #f3f3f3;
}

#dashboardLayoutContainer .e-schedule .e-vertical-view .e-work-hours {
    background-color: #fff;
}

#dashboardLayoutContainer .e-schedule .e-month-view .e-work-cells, .e-schedule .e-month-agenda-view .e-work-cells {
    background-color: #f0f1f1;
}

#dashboardLayoutContainer .e-schedule .e-month-view .e-work-days, .e-schedule .e-month-agenda-view .e-work-days {
    background-color: #fff;
}

#dashboardLayoutContainer .e-schedule .e-schedule-toolbar .e-icon-schedule-excel-export::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c3";
}

#dashboardLayoutContainer .e-schedule .e-schedule-toolbar .e-icon-schedule-ics-export::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c9";
}

#dashboardLayoutContainer .e-schedule .e-schedule-toolbar .e-icon-schedule-print::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f02f';
}

#dashboardLayoutContainer .current-date {
    background-color: #d2f4f5 !important;
}

#dashboardLayoutContainer .e-calendar-wrapper .e-calendar .e-content span.e-day {
    width: 25px;
}

#dashboardLayoutContainer .e-popup-header .e-subject a {
    color: black;
}

    #dashboardLayoutContainer .e-popup-header .e-subject a:hover {
        color: #5E5E5E;
    }

#dashboardLayoutContainer .e-popup-header .e-subject .fa-hand-pointer {
    font-size: small;
    vertical-align: super;
}

#dashboardLayoutContainer .e-highlightweekend {
    background-color: #f0f1f1;
}

#dashboardLayoutContainer .e-schedule-toolbar-container .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
    min-width: auto;
}

#dashboardLayoutContainer #schedulerToolbar {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


    #dashboardLayoutContainer #schedulerToolbar .e-toolbar-items {
        padding-top: 8px;
    }


#dashboardLayoutContainer .e-acrdn-header-content {
    color: unset !important;
    text-decoration: none !important;
}

#dashboardLayoutContainer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 3px;
    padding-top: 10px;
}

#dashboardLayoutContainer #togglebtn .e-btn,
.e-css.e-btn {
    display: block;
}

@media (max-width: 650px) {
    #dashboardLayoutContainer #togglebtn {
        display: none;
    }
}

#dashboardLayoutContainer #togglebtn .edit::before {
    content: '\e501';
    font-family: 'e-sb-icons';
    vertical-align: middle;
}

#dashboardLayoutContainer #togglebtn .save::before {
    content: '\e500';
    font-family: 'e-sb-icons';
    vertical-align: middle;
}


#dashboardLayoutContainer .dashed-border {
    border: 2px dashed cadetblue;
    padding-top: 4px;
    padding-bottom: 4px;
}



#dashboardLayoutContainer #heatMapContainer {
    height: 100%;
}

#dashboardLayoutContainer #lineTotalIssueCount canvas {
    width: 100%;
}


#dashboardLayoutContainer {
    z-index: 0;
}


/*Project Dashboard*/




/* Approval Path Component*/


.approval-path {
    list-style: none;
    margin: 25px 0 7px;
    padding: 0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .approval-path:after {
        border: 6px solid transparent;
        border-top: 13px #00637d;
        content: "";
        display: block;
        position: absolute;
        bottom: -8px;
        left: 15px;
    }

.approval-path-horizontal:after {
    border-top-width: 6px;
    border-left-width: 13px;
    border-color: transparent transparent transparent #00637d;
    top: 15px;
    right: 0;
    bottom: auto;
    left: auto;
}

.approval-path-horizontal .approval-path-milestone {
    border-top: 2px solid #00637d;
    display: inline;
    float: left;
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
}

    .approval-path-horizontal .approval-path-milestone:before {
        top: -17px;
        left: auto;
    }

    .approval-path-horizontal .approval-path-milestone.is-completed:after {
        top: -17px;
        left: 0;
    }

    .approval-path-horizontal .approval-path-milestone.is-declined:after {
        top: -17px;
        left: 0;
    }

.approval-path-milestone {
    margin: 0 0 0 20px;
    padding: 0 0 5px 25px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .approval-path-milestone:before {
        border: 7px solid #00637d;
        border-radius: 50%;
        content: "";
        display: block;
        position: absolute;
        left: -17px;
        width: 32px;
        height: 32px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .approval-path-milestone.is-completed:before {
        background-color: #00637d;
    }

    .approval-path-milestone.approval-group.is-completed:before {
        background-color: #009b85;
    }

    .approval-path-milestone.parallel-group.is-completed:before {
        background-color: #00baeb;
    }

    .approval-path-milestone.is-declined:before {
        background-color: #00637d;
    }

    .approval-path-milestone.approval-group.is-declined:before {
        background-color: #009b85;
    }

    .approval-path-milestone.parallel-group.is-declined:before {
        background-color: #00baeb;
    }


    .approval-path-milestone.is-completed:after {
        color: #FFF;
        content: "\f00c";
        display: block;
        font-family: "Font Awesome 5 Free";
        line-height: 32px;
        position: absolute;
        top: 0;
        left: -17px;
        text-align: center;
        width: 32px;
        height: 32px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: bold;
    }


    .approval-path-milestone.is-declined:after {
        color: #FFF;
        content: "\f00d";
        display: block;
        font-family: "Font Awesome 5 Free";
        line-height: 32px;
        position: absolute;
        top: 0;
        left: -17px;
        text-align: center;
        width: 32px;
        height: 32px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: bold;
    }

    .approval-path-milestone.is-current:before {
        background-color: #f3f3f3;
    }

    .approval-path-milestone.is-future:before {
        background-color: #8DACB8;
        border: 0;
    }

    .approval-path-milestone.approval-group.is-future:before {
        background-color: #8dc7bc;
    }

    .approval-path-milestone.parallel-group.is-future:before {
        background-color: #8fd0df;
    }


    .approval-path-milestone.parallel-group {
        border-left: 2px solid #00baeb;
    }

        .approval-path-milestone.parallel-group:before {
            border: 7px solid #00baeb;
        }

    .approval-path-milestone.is-completed.parallel-group:before {
        background-color: #00baeb;
    }

    .approval-path-milestone.is-declined.parallel-group:before {
        background-color: #00baeb;
    }


    .approval-path-milestone.approval-group {
        border-left: 2px solid #009b85;
    }

        .approval-path-milestone.approval-group:before {
            border: 7px solid #009b85;
        }


    .approval-path-milestone.is-declined.approval-group:before {
        background-color: #009b85;
    }


.path-title {
    border: 2px solid #31b96f;
    padding: 3px;
    border-top: none;
    border-radius: 9px;
}

.path-level-1:before {
    color: #31b96f;
    content: "\f068";
    display: block;
    font-family: "Font Awesome 5 Free";
    line-height: 37px;
    position: relative;
    top: 28px;
    left: -17px;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}

.path-level-1.collapsed:before {
    color: #31b96f;
    content: "\f067";
    display: block;
    font-family: "Font Awesome 5 Free";
    line-height: 37px;
    position: relative;
    top: 28px;
    left: -17px;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}


.path-level-1 {
    height: 50px;
}


/***/

.parallel-group > .approval-path-action {
    background-color: #c2e1efb8;
}

.approval-path-action {
    background-color: #e7f5f3;
    padding: 12px 10px 12px 20px;
    position: relative;
    border-radius: 1.5em;
    /*top: 0px;*/
}

    .approval-path-action.is-expandable .title {
        cursor: pointer;
        position: relative;
    }

        .approval-path-action.is-expandable .title:focus {
            outline: 0;
            text-decoration: underline;
        }

    .approval-path-action.is-expandable.expandable-active > .title:after {
        border: 6px solid #666;
        border-color: #666 transparent transparent transparent;
        content: "";
        display: block;
        position: absolute;
        top: 10px;
        right: 5px;
    }

.approval-path-action-inner {
    background-color: #e7f5f3;
}

.approval-path-action.is-expandable.expandable-active > .title.collapsed:after {
    border-color: transparent transparent transparent #666;
    top: 6px;
    right: 0;
}

.path-milestone-user {
    background-color: #00637d1a;
    border-radius: 0.7em;
    padding: 0.7em;
}


.approval-path-action .title, .approval-path-action .content {
    word-wrap: break-word;
}

.approval-path-action .title {
    color: #00637d;
    margin: 0;
}

.approval-path .parallel-group .path-level-2 {
    color: #00baeb;
}

.approval-group .path-level-2, .approval-group .path-level-3 {
    color: #009b85;
}


.approval-path-action .path-level-2 {
    font-size: 16px;
    font-weight: bold;
}

.approval-path-action .path-level-3 {
    font-size: 16px;
}

.approval-path-action .path-level-4 {
    font-size: 12px;
}

.approval-path-action .date {
    display: block;
    font-size: 11px;
}

.approval-path-action .desc {
    display: block;
    font-size: 12px;
    color: #387685;
}

.approval-path-action .content {
    font-size: 14px;
}


.path-name {
    font-size: 17px;
    font-weight: bold;
}

.path-step {
    border: 2px solid;
    border-radius: 5px;
    padding: 3px;
}

.checked-path-step {
    border: 1px ridge #00a1ff;
    border-radius: 50%;
    padding: 2px;
}

.confirmed-path-step {
    padding: 2px;
}

.declined-path-step {
    padding: 2px 4px 2px 4px;
}

/* Approval Path Component */





.project-dropdown > a:hover {
    background: #01b4c673;
}

.pre-wrap {
    white-space: pre-wrap !important;
}


.sprint-log-val {
    background: #999999;
    border-radius: 7px;
    color: white;
    border: 3px solid #999999;
    border-right-width: 5px;
    border-left-width: 5px;
}

.log-val-red {
    background: #996d6d;
    border-color: #996d6d;
}

.log-val-green {
    background: #78996d;
    border-color: #78996d;
}

.mini-avatar {
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    /*box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 20%);*/
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 20%);
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.avatar-shadow {
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 20%);
}


/*Disable number input arrows*/

.no-number-arrow input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.no-number-arrow input[type=number] {
    -moz-appearance: textfield;
}


/*Disable number input arrows*/




.fs-9x {
    font-size: 0.9em;
}


.progress-transparent {
    border-radius: 0.55rem;
    box-shadow: inset 0px 0px 5px 2px rgb(0 0 0 / 3%);
}

.h-50vh {
    height: 50vh;
}


.color-turkish-rose {
    color: #b57979;
}

.bg-rosy-brown {
    background: #c98a8a !important;
}

.bg-light-turquoise {
    background-color: #e2fdfc;
}

.bg-light-yellow {
    background-color: #fffdf3;
}

.bg-light-blue {
    background-color: #e8f3ff;
}

.fs-123 {
    font-size: 1.23em;
}

.hover-light-green:hover {
    color: #36c957 !important;
}

.min-h-400 {
    min-height: 400px;
}

.hover-lightblue:hover {
    background-color: #01b4c673;
}

.c-inherit {
    color: inherit !important;
}

.p-10px {
    padding: 10px !important;
}

.mw-355px {
    min-width: 355px !important;
}


.color-junglegreen {
    color: #2aa78a;
}

#navbarInfo {
    font-family: 'ubuntumedium';
    color: dimgrey;
}

.br-0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.issue-detail-avatar {
    width: 30px;
}


.vertical-align-bottom {
    vertical-align: bottom;
}



.badge-custom {
    font-size: 80%;
    padding: 5px 6px;
}

.w-95 {
    width: 95%;
}

.min-h-800 {
    min-height: 800px;
}

.fa-5x {
    font-size: 5em;
}

.fa-16x {
    font-size: 1.6em;
}

.watch-button:hover {
    color: #50a8b7;
    background-color: #e0e0e0;
    border-color: #7d8d9b;
}

.watched {
    color: #23b4bb;
}

.watchers {
    max-height: 250px;
    overflow-y: auto;
}

.justify-space-between {
    justify-content: space-between;
}

.justify-space-around {
    justify-content: space-around;
}

.hr {
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.vh60 {
    height: 60vh;
}

.vh100 {
    height: 100vh;
}


#project-module ul a {
    padding-left: 50px;
}


.project-page-title {
    font-size: 1.1em;
    margin-left: 40%;
    font-weight: bold;
    color: #b5b5b596;
}

.h-50px {
    height: 50px;
}

.file-color-image {
    color: #b57979 !important;
}

.file-color-video {
    color: #5545d7 !important;
}

.file-color-audio {
    color: #e1d221 !important;
}

.file-color-excel {
    color: #289f60 !important;
}

.file-color-powerpoint {
    color: #d34420 !important;
}

.file-color-word {
    color: #407ddf !important;
}

.file-color-pdf {
    color: #ec1a23 !important;
}


.file-color-archive {
    color: #e5a619 !important;
}

.file-color-alt {
    color: #17A2B7 !important;
}

.card-command:hover {
    color: #03bd03;
}

.card-command:active {
    color: #97e108;
}


.project-files .file:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}


.dropify-wrapper {
    border: 2px solid #d2e7e0;
}

.fs-75percent {
    font-size: 75% !important;
}


.border-left-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: none;
}


.min-w-135 {
    min-width: 135px;
}

.f-no-wrap {
    flex-wrap: nowrap;
}

.clr-btn {
    font-size: 0.7em !important;
    padding-left: 0.4em !important;
    padding-right: 0.4em !important;
    color: #959595;
}


.vh-80 {
    height: 80vh;
}

.min-vh-30 {
    min-height: 30vh;
}

.grid-project-anno {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .grid-project-anno thead {
        display: none;
    }

    .grid-project-anno tr {
        text-align: center;
    }

    .grid-project-anno .announcement-header {
        font-size: 1.5em;
        font-weight: bold;
    }

.c-catedblue {
    color: cadetblue;
}


.announcement-container {
    overflow-y: auto;
}

    .announcement-container img {
        max-width: 100%;
    }

.transform-none {
    transform: none !important;
}


.e-popup.e-popup-close {
    display: none !important;
}

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

.text-light-gray {
    color: #a8a3a3;
}

.text-purple {
    color: #7f00d7;
}

.m-h-700 {
    min-height: 700px;
}

.cti-selected-asset {
    border: 1px dashed blue !important;
    background: #f0eeff !important;
}

.cti-list li {
    border: 1px solid #d7d7d7;
}


.cti-user-detail {
    background: #e4faff33;
    border: 1px solid #00b1a7;
    background-image: image-set( url("../images/search-area-bg-2.avif") type("image/avif"), url("../images/search-area-bg-2.png") type("image/png") );
    background-size: contain;
}


.cti-last-tickets {
    border: 1px solid #d3ca00;
    background: #fbfb4f08;
}

.cti-new-ticket {
    border: 1px solid #00d500;
    background: #edfbefa8;
}

.cti-assets {
    border: 1px solid #009df5;
    background: #dff4ff30;
}

.cti-yellow-bg {
    background: #fffdf3;
}

.cti-green-bg {
    background: #e1ffcf52;
}

.cti-blue-bg {
    background: #d3d3ff29;
}

#assetContainer li .feeds-body > small {
    width: 40% !important;
}

#assetContainer li .feeds-body {
    height: 55px !important;
}

.fs-09em {
    font-size: 0.9em;
}


.main-card a:hover i {
    background: #3b95ab;
}


.cti-search .main-search:hover, .cti-search .main-search:focus {
    -webkit-box-shadow: 0px 1px 3px 2px #007b99;
    -moz-box-shadow: 0px 1px 3px 2px #007b99;
    box-shadow: 0px 1px 3px 2px #007b99;
}


.cti-pulse {
    animation-name: pulse-cti;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease;
}

.active-box {
    border-top: 3px solid #00d900;
}

/*sa*/
@keyframes pulse-cti {
    from {
        color: #00d1bf;
        border-color: #00e5d8;
    }

    to {
        color: #22af46;
        border-color: #22af46;
    }
}


.cti-new-ticket input, .cti-new-ticket .custom-file-label, .cti-new-ticket select, .cti-new-ticket textarea {
    background: #fbfffb !important;
}

.cti-unknown-number {
    border: 1px solid #00b1a7;
    background-image: image-set( url("../images/search-area-bg-2.avif") type("image/avif"), url("../images/search-area-bg-2.png") type("image/png") );
    background-size: contain;
    animation-name: pulse-cti-unknown;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
}


@keyframes pulse-cti-unknown {
    from {
        background-color: #27d55321;
    }

    to {
        background-color: #00d1bf24;
    }
}

.text-darkgreen {
    color: darkgreen;
}

.cti-bg {
    background-image: image-set( url("../images/search-area-bg-2.avif") type("image/avif"), url("../images/search-area-bg-2.png") type("image/png") );
    border-radius: 10px;
    background-color: transparent;
    background-size: contain;
    height: 400px;
    opacity: 0.7;
}

.cti-search-area {
    border-radius: 100px;
    background-color: #4fb9b3ed;
    background-size: contain;
}

.border-bottom-radius-26px {
    border-radius: 0 0 26px 26px;
}

.mh-650 {
    max-height: 650px;
    overflow-y: auto;
}

.color-brilliant-azure {
    color: #2f88fbc9;
}

.ls-05em {
    letter-spacing: 0.5em;
}

.ls-02em {
    letter-spacing: 0.2em;
}


.cti-avatar:hover {
    mix-blend-mode: multiply;
}

.color-green-dragon {
    color: #004a45;
}

#assetContainer li {
    padding: 12px 15px 12px 10px;
}


    #assetContainer li .feeds-left {
        width: 38px;
    }

.h-25vh {
    height: 25vh !important;
    overflow-y: auto;
}

.h-35vh {
    height: 35vh !important;
    overflow-y: auto;
}

.display-none {
    display: none;
}

.h-95p {
    height: 95% !important;
}


.alarm-map .clickable:hover, .alarm-map .cursor-pointer:hover {
    background-color: #ededed !important
}


.max-w-90p {
    max-width: 90px;
}

.v-hidden {
    visibility: hidden;
}


.hoverable:hover .v-hidden {
    visibility: visible;
}

.hoverable:hover .d-none {
    display: block !important;
}


.opacity-0 {
    opacity: 0;
}

.hoverable:hover .opacity-0 {
    opacity: 1;
}

.hoverable .opacity-0 {
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.table .thead-green th {
    padding: 4px 10px !important;
    height: 50px;
    white-space: nowrap;
    color: #fff;
    background-color: #78a58d !important
}

.table .thead-softblue th {
    padding: 4px 10px !important;
    height: 50px;
    white-space: nowrap;
    color: #fff;
    background-color: #78a3a5 !important
}

.service-prices-border {
    border: 2px solid #d3ceb8;
    border-top: none;
    padding: 1em;
    padding-top: 0;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.mh-750 {
    max-height: 750px;
    overflow-y: auto;
}

.xl-lightgreygreen {
    background: #f0f3ed;
}

.xl-gray {
    background: #e1e1e1;
}

.hover-brighter:hover {
    filter: brightness(125%);
}


.contract-prices-border-alt {
    border-right: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    border-bottom-left-radius: 1em;
}

.contract-resources-border {
    border-bottom: 2px solid lightgrey;
    border-bottom-right-radius: 1em;
}

.btn-success-dark {
    background-color: #008928;
    border-color: #007e25;
}

.fs-07em {
    font-size: 0.7em;
}


.bg-total {
    background: #e1e0d9;
}

.bg-lightred {
    background: #fff0f0;
}

.bg-lightgreen {
    background: #f0fff0;
}


.timeline-item.crimson:after {
    border-color: #ee2558;
    border-top-color: rgb(238, 37, 88);
    border-right-color: rgb(238, 37, 88);
    border-bottom-color: rgb(238, 37, 88);
    border-left-color: rgb(238, 37, 88);
}


.h-800 {
    height: 800px !important;
}

.h-700-overflow-y {
    height: 700px !important;
    overflow-y: auto;
}

.h-330-overflow-y {
    height: 330px !important;
    overflow-y: auto;
}

.sb-thin {
    scrollbar-width: thin;
}

    .sb-thin::-webkit-scrollbar {
        width: 5px;
    }

.small-select {
    width: auto;
    height: 26px !important;
    font-size: small;
    padding: 3px;
}

.bg-cistine-white {
    background: #efeab763;
}

.bd-left-yellow {
    border-left: 1px solid #d1c91580;
}

.bd-right-yellow {
    border-right: 1px solid #d1c91580;
}

.text-golden {
    color: #c99f00;
}

.no-wrap {
    white-space: nowrap;
}

.text-wrap-balance {
    text-wrap: balance !important;
}

.text-green {
    color: green;
}

.text-crimson {
    color: crimson;
}

.micro-button {
    padding: 0.2em !important;
    line-height: 0;
    margin-bottom: 3px;
    min-width: 20px;
}

.fs-08em {
    font-size: 0.8em;
}

.fs-65em {
    font-size: 0.65em;
}

#projectSearchA {
    padding-left: 14px !important;
}

    #projectSearchA::before {
        content: none;
    }

#projectSearch {
    background: #f7f6ef;
}

    #projectSearch:focus, #projectSearch:hover {
        background: white;
    }

    #projectSearch::placeholder {
        filter: contrast(0.5) sepia(1) saturate(45) hue-rotate(110deg);
    }

.w-67vw {
    width: 67vw;
}

.datacenter-trans {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.vertical-align-middle {
    vertical-align: middle;
}

.requestuser-card .header {
    height: 69px;
}

.requestuser-img {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: -35px;
    margin-bottom: 10px;
}

    .requestuser-img img {
        width: 110px;
        height: 110px;
        border: 3px solid #fff;
        box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3);
    }

.new_timeline .header {
    background: none !important;
}

.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .custom-divider {
        border-bottom: 1px solid #e3dfdf;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 768px) {
    .custom-divider {
        border-right: 1px solid #e3dfdf;
    }

    #ticket-dropdown .dropdown-menu {
        top: 0 !important;
        /*right: -7px !important;*/
    }

    .bs-max-5 {
        max-width: calc(100% / 12 * 5); /* Limits width to the equivalent of col-5 */
    }

    .bs-max-9 {
        max-width: calc(100% / 12 * 9); /* Limits width to the equivalent of col-5 */
    }

    .dialogContractInfo {
        justify-content: flex-end !important;
        padding-right: 1.5em;
        margin-top: 0 !important;
    }

    .contractSelector {
        margin-left: .5rem;
    }
}


.vertical-align-text-bottom {
    vertical-align: text-top;
}


.bg-carrara {
    background: #e5ebd8;
}

.catalog-dashboard .top_counter .icon:hover {
    background: unset;
}


.fa-stack .cornered-br {
    position: absolute;
    bottom: 0px !important;
    text-align: right;
    line-height: 1em;
    text-shadow: -1px 0px 4px #000;
}

.fa-stack .cornered-bl {
    position: absolute;
    bottom: 0px !important;
    text-align: left;
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.fa-stack .cornered-tr {
    position: absolute;
    top: 0px !important;
    text-align: right;
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.fa-stack .cornered-tl {
    position: absolute;
    top: 0px !important;
    text-align: left;
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
}

.color-pear {
    color: #cccc33;
}

.color-neonturquise {
    color: #34e3ff;
}


.fs-24em {
    font-size: 2.4em;
}

.fa-norm {
    font-size: 0.63em;
}


.category-path.stepContainer .parallel-group {
    border-color: #5cc1d4;
    background: #eefcff;
}

.color-pelorous {
    color: #44adc1;
}

.color-mango {
    color: #f5a136;
}

.border-top-radious-1em {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.p-07em {
    padding: 0.7em !important;
}

.mt-7px {
    margin-top: 7px;
}

.ticket-detail-note-container .chat-widget li.right .chat-info {
    background: #e4f3e6;
    color: #005564;
}

    .ticket-detail-note-container .chat-widget li.right .chat-info:before {
        border-left: 10px solid #e4f3e6;
    }

.ticket-detail-note-container .chat-widget li.left .chat-info {
    background: #d5edf3;
    color: #005564;
}

    .ticket-detail-note-container .chat-widget li.left .chat-info:before {
        border-right: 10px solid #d5edf3;
    }

.ticket-detail-note-container .chat-widget li.right.reply .chat-info {
    background: #fff4df;
    color: #643232;
}

    .ticket-detail-note-container .chat-widget li.right.reply .chat-info:before {
        border-left: 10px solid #fff4df;
    }

.ticket-detail-note-container .chat-widget li.left.reply .chat-info {
    background: #f1efef;
    color: #645543;
}

    .ticket-detail-note-container .chat-widget li.left.reply .chat-info:before {
        border-right: 10px solid #f1efef;
    }

.ticket-detail-note-container .chat-widget li.right.reply {
    padding-right: 4em;
}


.ticket-detail-note-container .chat-widget li.reply .chat-info {
    width: 60%;
}



.bg-theme-green {
    background-color: #31b96f;
}

.bg-soft-info {
    background-color: #51b0bf;
}

[data-zoom-on-wheel] {
    overflow: hidden !important;
}

.world-map-container {
    height: 70vh;
    background: #9dc7e2;
}

.ticket-header-menu {
    padding: 8px;
    padding-left: 20px;
}

.dropdown-menu-right.icons-aligned i {
    width: 20px;
    text-align: center;
}

.ticket-chat {
    background: #f8f9f9;
    min-height: 500px;
    border-radius: 1em;
}


    .ticket-chat li {
        border: 1px solid #31b96f;
        padding: 15px;
        border-radius: 1em;
    }

    .ticket-chat .my-message {
        background: #00bb5514 !important
    }

        .ticket-chat .my-message::after {
            border-bottom-color: #00bb5514 !important
        }


    .ticket-chat .chat-history {
        border-bottom: none !important;
    }

.cmdReply:hover {
    color: #57cb74 !important;
}

.brightness-08 {
    filter: brightness(0.8);
}

.contrast-05 {
    filter: contrast(0.5);
}


#ticket-dropdown .dropdown-item:focus, .dropdown-item:hover {
    background-color: #f3f3f3;
}



.requestuser-card .tab-pane .ul-unresolved {
    height: 280px !important;
    overflow-y: auto;
}

.requestuser-card .tab-pane .ul-resolved {
    height: 382px !important;
    overflow-y: auto;
}


@media (max-width: 1900px) {
    .requestuser-card .tab-pane .ul-unresolved.ul-with-asset {
        height: 245px !important;
        overflow-y: auto;
    }

    .requestuser-card .tab-pane .ul-unresolved.ul-without-asset {
        height: 280px !important;
        overflow-y: auto;
    }

    .requestuser-card .tab-pane .ul-resolved.ul-with-asset {
        height: 345px !important;
        overflow-y: auto;
    }

    .requestuser-card .tab-pane .ul-resolved.ul-without-asset {
        height: 382px !important;
        overflow-y: auto;
    }
}



@media (min-width: 1700px) {

    .partner-ticket-no {
        float: right;
    }
}


.partner-notes .ticket-detail-note-container {
    height: 495px !important;
    overflow-y: auto;
}

@media (max-width: 1700px) {

    .partner-notes .ticket-detail-note-container {
        height: 526px !important;
        overflow-y: auto;
    }
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.table-padding-30 th, .table-padding-30 td {
    padding: 0.30rem;
}

.h-200 {
    height: 200px;
}

.required::after {
    content: "*";
    color: #dc3545;
    margin-left: 2px;
    font-size: small;
}


.ws-normal {
    white-space: normal;
}

.ticket-list-title {
    width: 175px;
}

.ticket-list-category {
    width: 120px;
}

.ticket-list-dispatched {
    width: 120px;
}

.ticket-list-requester {
    width: 120px;
}

.narrow-grid td, .narrow-grid th {
    padding: .50rem;
}


.border-bottom-grey {
    border-bottom: 1px solid #b3b3b3;
}


.privileges-table th .fancy-checkbox input[type="checkbox"] + span::before {
    background-color: #ebe4d3;
}


#local-scroll-btn {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #31b96f;
    color: white;
    cursor: pointer;
    padding: 6px;
    border-radius: 12px;
    font-size: 15px;
    box-shadow: -1px 1px 6px 1px rgb(0 0 0 / 26%);
}

    #local-scroll-btn:hover {
        background-color: #76d7a2;
    }


/* global scroll button*/

.global-scroll-progress-wrap {
    right: 25px;
    bottom: 25px;
    color: white;
    position: fixed;
    right: 15px;
    bottom: 35px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px white;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 200ms linear;
}

    .global-scroll-progress-wrap input {
        z-index: 10001;
    }

        .global-scroll-progress-wrap input:checked + html {
            -ms-scroll-snap-type: unset;
            scroll-snap-type: unset;
        }

    .global-scroll-progress-wrap.global-scroll-active-progress {
        opacity: 0.7;
        visibility: visible;
        transform: translateY(0);
    }

        .global-scroll-progress-wrap.global-scroll-active-progress:hover {
            opacity: 1;
        }

    .global-scroll-progress-wrap::after {
        position: absolute;
        content: "↑";
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        color: white;
        left: 0;
        top: -2px;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 1;
        transition: all 200ms linear;
    }

    .global-scroll-progress-wrap:hover::after {
        opacity: 0;
    }

    .global-scroll-progress-wrap:hover::before {
        opacity: 1;
    }

    .global-scroll-progress-wrap::before {
        position: absolute;
        content: "↑";
        text-align: center;
        line-height: 46px;
        font-size: 27px;
        opacity: 0;
        /*-webkit-text-fill-color: #F13E51;*/
        left: 0;
        top: -4px;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        transition: all 200ms linear;
    }

    .global-scroll-progress-wrap svg path {
        fill: #31b96f;
    }

    .global-scroll-progress-wrap svg.global-scroll-progress-circle path {
        stroke: #008503;
        stroke-width: 8;
        box-sizing: border-box;
        transition: all 200ms linear;
    }






.ms-large .ms-container {
    width: 50%;
}

.ms-large .ms-selection .ms-list {
    border-right: 1px solid #a3d3b9;
    border-left: 1px solid #a3d3b9;
    border-bottom: none;
    border-top: none;
    background: #f3fff9;
}

.ms-large .ms-selectable .ms-list {
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: none;
    border-top: none;
    background: #fbfbfb;
}

.ms-large .ms-list {
    border-radius: 0 !important;
}

.ms-large .ms-selection .search-input {
    border-top: 1px solid #a3d3b9;
    border-right: 1px solid #a3d3b9;
    border-left: 1px solid #a3d3b9;
}

.ms-large .ms-selectable .search-input {
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

.ms-large .ms-elem-selectable.ms-hover, .ms-large .ms-selected.ms-hover {
    background-color: #66cb94e6 !important;
}

.bg-disabled {
    background-color: #e9ecef;
}

.assetfeaturevalue {
    font-size: 1.1em;
    font-style: italic;
}

.mh-350-auto {
    max-height: 350px;
    overflow-y: auto;
}

.put-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.user-info-footer {
    position: sticky;
    bottom: 0;
    background-color: #f2f6f5;
}

.fs-1em {
    font-size: 1em !important;
}

.cursor-default-important {
    cursor: default !important;
}

.navbar-nav ul.notifications li .timestamp {
    color: #777;
}

.navbar-nav ul.notifications li {
    border-bottom: 1px solid #a3a3a3 !important;
}

    .navbar-nav ul.notifications li:last-child {
        border-bottom: none !important;
    }



.ticket-problem-card {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

    .ticket-problem-card .body ul {
        list-style-type: none;
        padding-left: 0px;
    }

        .ticket-problem-card .body ul li {
            text-align: center;
            margin-bottom: 10px;
            cursor: default;
        }

            .ticket-problem-card .body ul li:first-child {
                margin-bottom: 20px;
                color: #22af46;
            }

            .ticket-problem-card .body ul li button {
                margin-top: 25px;
                width: 75px;
            }

    .ticket-problem-card .problem-no {
        color: #777;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .ticket-problem-card .problem-title {
        font-size: 16px;
        font-weight: 900;
    }

    .ticket-problem-card .problem-desc {
        font-size: 15px;
    }

    .ticket-problem-card .problem-category {
        padding: 3px 6px;
        font-size: 13px;
        text-transform: uppercase;
        border: 1px solid;
        font-weight: 400;
        vertical-align: baseline;
        border-color: #3C89DA;
        color: #3C89DA;
        border-radius: .35rem;
    }

    .ticket-problem-card .problem-type {
        font-size: 13px;
        font-style: italic;
    }



.customer-category-tree {
    font-size: 1.1em;
}

    .customer-category-tree span.indent {
        margin-left: 2em !important;
    }

    .customer-category-tree .list-group-item {
        cursor: initial !important;
    }

    .customer-category-tree .check-icon {
        font-size: 1.2em;
        margin-right: 0.7em !important;
        cursor: pointer !important;
    }

        .customer-category-tree .check-icon:hover {
            opacity: 0.6;
        }

    .customer-category-tree .expand-icon {
        cursor: pointer !important;
        color: darkgrey;
    }

        .customer-category-tree .expand-icon:hover {
            opacity: 0.6;
        }

    .customer-category-tree .badge {
        font-size: 0.7em;
        margin: 0.1em;
        padding: 0.1em;
        border: none;
        color: slategrey;
    }




.p-07rem {
    padding: .7rem !important;
}


.min-heigh-40vh {
    min-height: 30vh;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}


.mh-600-auto {
    max-height: 600px;
    overflow-y: auto;
}


.categoryClickable .parent {
    background: #ebfdffbf;
}

.categoryClickable .node {
    background: aliceblue;
}

.bt-lightgrey {
    border-top: 1px solid #dee2e6;
}

.dialogContractInfo {
    display: flex;
    justify-content: space-around;
    margin-top: 1.5em;
}

.w-20px {
    width: 20px;
}

.color-ticket-green {
    color: #63c991 !important
}

.color-ticket-red {
    color: #bf8282 !important
}

.substatus-container {
    height: 50px;
    width: 100%;
}

.justify-items-center {
    justify-items: center;
}


.assetImagesContainer {
    width: 100%;
    border-radius: .55rem;
}


#bootstrap-gallery-container.carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300000059' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#bootstrap-gallery-container.carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300000059' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#bootstrap-gallery-container .carousel-indicators li {
    background-color: #b3b3b3;
}

.asset-image-delete-button {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 1;
    font-size: 1.2em;
    width: 20px;
    text-align: center;
    opacity: 0;
}


.assetImagesContainer:hover .asset-image-delete-button {
    opacity: 0.7;
}

.asset-image-delete-button:hover {
    opacity: 1 !important;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.h100 {
    height: 100px;
}


.asset-image-placeholder {
    max-width: 300px;
    margin-top: 2em;
}


.h400 {
    height: 400px;
}

.mh-400 {
    max-height: 400px;
}

.justify-self-center {
    justify-self: center;
}

.consumableStoreItems #gridItems th:last-child {
    text-align: right !important;
}

.consumableStoreItems #gridItems td:last-child {
    text-align: right !important;
}

.cmd-font {
    font-family: 'Courier New', Consolas, monospace;
    background-color: black;
    color: white;
}

    .cmd-font .message {
        position: relative;
        display: inline-block;
    }

        .cmd-font .message::after {
            content: "";
            display: inline-block;
            width: 0.6em; /* genişlik biraz daha büyük */
            height: 2px; /* kalın bir alt çizgi gibi görünmesi için */
            background-color: white;
            margin-left: 2px;
            animation: blink 2.5s steps(1) infinite;
            vertical-align: bottom;
        }

@keyframes blink {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.blacklistedEmailAddresses {
    max-height: 205px;
    overflow-y: scroll;
}

.break-word {
    word-break: break-word;
    overflow-wrap: break-word;
}


.problemsContainer .card.ticket-problem-card {
    width: 100%;
    height: 450px;
}

.problemModal {
    overflow-y: auto;
    max-height: 600px;
}

.problem-desc {
    overflow: hidden;
    width: 100%;
    height: 90px;
}

.problem-title {
    overflow: hidden;
    width: 100%;
    height: 80px;
}

.problem-type {
    overflow: hidden;
    width: 100%;
    height: 50px;
}

#place-autocomplete-card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 10px;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-size: large;
    font-weight: bold;
}

.announcementArea .body {
    background-color: #fff;
    height: min(300px, 23vw);
    max-height: 300px !important;
    overflow-y: auto;
}

.announcementArea .note-editable[contenteditable="false"] {
    background-color: transparent !important;
}


/* ticket status steps progress bar */


.multi-steps-container {
    z-index: 1;
}

.multi-steps > li.is-active ~ li:before, .multi-steps > li.is-active:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f252';
}

.multi-steps > li.is-active:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f04b';
}

.multi-steps > li.is-active ~ li:after, .multi-steps > li.is-active:after {
    background-color: #ededed;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .multi-steps > li {
        counter-increment: stepNum;
        text-align: center;
        display: table-cell;
        position: relative;
        color: white;
    }

        .multi-steps > li > span {
            color: #31b96f;
        }

        .multi-steps > li:before {
            font-family: 'Font Awesome 6 Free';
            content: '\f00c';
            display: block;
            margin: 0 auto 4px;
            background-color: #31b96f;
            width: 39px;
            height: 39px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            border-width: 5px;
            border-style: solid;
            border-color: #31b96f;
            border-radius: 50%;
            font-size: 18px;
        }

        .multi-steps > li:after {
            content: "";
            height: 6px;
            width: 100%;
            background-color: #31b96f;
            position: absolute;
            top: 15px;
            left: 50%;
            z-index: -1;
        }



        .multi-steps > li.is-active {
            color: #31b96f;
        }

            .multi-steps > li.is-active:before {
                background-color: white;
            }

            .multi-steps > li.is-active > span {
                color: #31b96f;
            }

            .multi-steps > li.is-active ~ li {
                color: #afafaf;
            }

                .multi-steps > li.is-active ~ li span {
                    color: #afafaf;
                }

                .multi-steps > li.is-active ~ li:before {
                    background-color: #ededed;
                    border-color: #ededed;
                }


        .multi-steps > li:last-child:after {
            display: none;
        }

        .multi-steps > li.is-active:last-child:before {
            font-family: 'Font Awesome 6 Free';
            content: '\f00c';
            background-color: #31b96f;
            color: white;
        }



/* ticket status steps progress bar  */


.mb-8p {
    margin-bottom: 8px;
}

.mb-15p {
    margin-bottom: 15px;
}

.p-10p {
    padding: 10px !important;
}



.menu-command {
    height: 30px !important;
    width: 37px !important;
    min-width: 37px;
    border: 1px solid #eee;
    border-radius: .55rem;
    text-align: center;
    display: inline-block;
}

    .menu-command i {
        font-size: 17px !important;
        line-height: 28px !important;
    }

.menu-command-name {
    font-size: smaller;
    white-space: nowrap;
    padding-top: 5px;
}

.command-item-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 21px;
    text-align: center;
}

.command-menu-container {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    margin-left: auto;
}

.command-menu-mobile-container {
    display: none;
}

@media (max-width: 1500px) {

    .command-menu-container {
        display: none;
    }

    .command-menu-mobile-container {
        display: initial;
    }
}

#slaStatuses .card.active {
    border: 5px;
    border-color: green;
}


.l-h-normal {
    line-height: normal;
}


.min-height-31px {
    min-height: 31px;
}


.konsept-grid table {
    border: 0 !important;
}

.table .thead-theme-dark th {
    background-color: color-mix(in srgb, var(--theme-color), #000000 58%) !important;
    border-color: none;
    color: #fff;
}

.table .thead-theme-light th {
    background-color: color-mix(in srgb, var(--theme-color), #000000 10%) !important;
    border-color: none;
    color: #fff;
}

.avatar-opacity:hover {
    opacity: 0.7;
}

.max-width-600 {
    max-width: 600px;
}

.ticket-detail-note-padding {
    padding: 20px 1vw;
}


.announcementArea .note-toolbar {
    position: absolute;
    opacity: 0;
}

    .announcementArea .note-toolbar.active {
        position: static;
        opacity: 1;
        transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }

.announcementArea p {
    margin-bottom: 0;
}

.announcementArea .note-editor.note-frame.card {
    margin-bottom: 0;
}

.announcementArea .note-statusbar {
    display: none;
}

.announcementArea .note-editable.card-block {
    padding: 2px !important;
}


.max-h-60vh {
    max-height: 60vh;
    overflow-y: scroll;
}

.fs-2em {
    font-size: 2em;
}

.mfa-customer {
    list-style: none;
    padding: 8px !important;
    border: 1px solid rgba(0, 0, 0, .1);
    max-height: 257px !important;
    overflow-y: auto;
}


.h-306px {
    height: 306px;
}