body{
    font-family: 'Public Sans', sans-serif;
    background-color: #fafbfe;
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.footer {
    flex-shrink: 0;
}

.list-body a,
#kanbanview a,
#my-projects a {
    text-decoration: none;
    cursor: pointer;
}

h1, .h1,
h2, .h2,
h3, .h3{
    color: #352691;
}

h1, .h1{
    font-size: 32px;
    line-height: 40px;
}

h2, .h2{
    font-size: 28px;
    line-height: 35px;
}

h3, .h3{
    font-size: 24px;
    line-height: 30px;
}

h4, .h4{
    font-size: 20px;
    line-height: 28px;
}

.lh-2{
    line-height: 2 !important;
}

.btn-primary{
    background-color: #352691;
    border-color: #352691;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: #352691 !important;
    border-color: #352691 !important;
}

.btn-secondary{
    background-color: #B5C1FB;
    border-color: #B5C1FB;
    color: #352691;
}

.btn-secondary:hover{
    background-color: #B5C1FB;
    border-color: #B5C1FB;
    color: #352691;
}

.border-secondary{
    border-color: #B5C1FB !important;
}

.btn-light{
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-light:hover{
    background-color: #ffffff;
    border-color: #ffffff;
}

.bg-projoodle{
    background-color: #352691;
}

.txt-dark{
    color: #352691 !important;
}

.txt-light{
    color: #B5C1FB !important;
}

.txt-grey{
    color: #999999;
}

.txt-regular{
    color: #000000 !important;
}

.txt-small{
    color: #999999;
    font-size: 13px;
}

.txt-bright{
    color: #ffffff !important;
}

.txt-alert-success{
    color: #0f5132 !important;
}

.txt-alert-danger{
    color: #842029 !important;
}

.txt-alert-warning{
    color: #664d03 !important;
}

.txt-alert-info{
    color: #055160 !important;
}

.form-check-input[type=checkbox]{
    border-radius: 1.25em;
    box-shadow: none;
}

.form-check-input[type=checkbox]:checked{
    background-color: #352691;

}

.form-switch .form-check-input{
    background-size: 50%;
    width: 2.5em;
    height: 1.5em;
    background-color: #FFFFFF;
    border-color: #B5C1FB;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2853, 38, 145, 1%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input[type=checkbox]:checked{
    background-color: #352691;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28181, 193, 251, 1%29'/%3e%3c/svg%3e");
}

.text-bg-light-primary{
    background-color: #B5C1FB;
    color: #352691;
}

/* Navbar */
header{
    background-color: #352691;
}

.navbar .nav-item{
    margin-left:25px;
}

.navbar .dropdown-item:hover {
    background-color: #FAFBFE;
}

.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
    color: #352691 !important;
    background-color: #FAFBFE !important;
    text-decoration: none;
}

.logo{
    padding: 10px;
}

.lng-icon i{
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
}

.nav-item .dropdown-toggle::after{
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.navbar-toggler{
    border:none;
}

.navbar-toggler-icon{
    border:none;
    background-image: url(
    "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.content-header .container-fluid{
    box-shadow: 0px 3px 4px rgba(52, 72, 84, 0.15);
}

.main-content .container{
    max-width: 730px;
}

.txt-light{
    color: #B5C1FB;
}

.form-control{
    border-color: #B5C1FB;
}

.slide-items{
    padding: 15px 25px;
}

.canban-boards{
    display: flex;
}

.canban-column-header{
    padding-left: 12px;
    align-items: center;
}

.canban-column{
    background: linear-gradient(135deg, #FDFDFD 0%, #CBD3FC 100%);
    border-radius: 8px;
    padding: 8px 10px 20px 10px;
    width: 350px;
    margin: 0 12px;
    display: flex;
}

.done-column{
    border-radius: 8px;
    width: 350px;
    display: flex;
    margin-right: 12px;
    min-width: 350px;
}

.done-column-header{
    border-radius: 8px;
    background: linear-gradient(135deg, #FDFDFD 0%, #CBD3FC 100%);
    padding-left: 12px;
    align-items: center;
    padding: 17px;
}

.open-column{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: none;
}

#columndoneTask.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#columndoneTask{
    padding: 8px 10px 20px 10px;
}

.canban-inner{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.canban-column-body{
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1;
    flex-basis: 0;
}

.canban-column-body .form-check-input, .membermodal-row .form-check-input{
    width: 1.3em;
    height: 1.3em;
}

.canban-column-body .task-bar,
.list-tasks .task-bar,
.task-listing .task-bar,
.tasks-list .task-bar {
    padding: 10px 15px;
    margin-bottom: 10px;
}

.canban-column-body .task-bar .form-check-label, .canban-column-header a span{
    padding-left: 15px;
    padding-right: 5px;
    width: 100%;
    min-width: 275px;
}

.bnTaskInfo, .bnMyTaskInfo {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break: break-all;
}

#bnAddColumn{
    background: linear-gradient(135deg, #FDFDFD 0%, #CBD3FC 100%);
    border-radius: 8px;
    padding: 10px 17px;
    margin: 0 15px;
    height: 58px;
    width: 58px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

#bnAddColumn:hover{
    background: linear-gradient(-35deg, #FDFDFD 0%, #CBD3FC 100%);
}

.column-done .column-done-txt{
    padding-left: 15px;
    padding-right: 5px;
}

.dots-right .dropdown-toggle::after, .options-dots .dropdown-toggle::after{
    display: none;
}

.dots-right a{
    padding: 5px 15px;
}

.dots-right a.show, .options-dots a.show{
    background-color: #B5C1FB;
}

.grp-more-dots-col{
    left: -215px !important;
    padding: 10px 0;
}

.grp-more-dots-col .dropdown-item,
.options-dots .dropdown-item,
.dots-right .dropdown-item{
    --bs-dropdown-link-active-bg: #e9ecef;
}

.grp-more-dots-col .dropdown-item:hover,
.options-dots .dropdown-item:hover,
.dots-right .dropdown-item:hover{
    color: #352691 !important;
}

.progress-track{
    padding: 10px;
}

.prograss-range {
    padding-left: 20px;
}

.custom-range::-webkit-slider-thumb {
    background: #352691;
    box-shadow: none !important;
}

.custom-range::-moz-range-thumb {
    background: #352691;
}

.custom-range::-ms-thumb {
    background: #352691;
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #352691;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #B5C1FB;
    border-color: transparent;
    border-radius: 1rem;
}

.trumbowyg-box{
    border-radius: 10px;
    min-height: 150px !important;
}

.trumbowyg-button-pane{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ffffff !important;
}

.trumbowyg-box svg, .trumbowyg-modal svg{
    width: 24px !important;
}

.trumbowyg-box, .trumbowyg-editor-box{
    border-color: #B5C1FB !important;
}

.trumbowyg-button-pane .trumbowyg-button-group::after{
    display: none !important;
}

.outer-modal{
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
}

.all-comments{
    background: linear-gradient(135deg, #FDFDFD 0%, #CBD3FC 100%);
    border-radius: 8px;
    padding: 10px 14px;
}

.file-box{
    border: 1px solid #B5C1FB;
    border-radius: 8px;
    background-size: cover;
    min-height: 200px;
    padding: 8px;
    margin-bottom: 15px;
}

.file-container{
    padding: 0 10px;
    position: relative;
}

.file-icons i{
    padding: 5px 8px;
    background-color: #ffffff;
    border-radius: 5px;
}

.file-download::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.file-delete, .file-info{
    position: relative;
    z-index: 2;
}

.file-info{
    line-height: 1.17;
}

.footer{
    padding: 50px 0;
}

.footer-sec-row{
    color: #ffffff;
}

.footer-third-row{
    color: #B5C1FB;
}

.footer-third-row a:link,
.footer-third-row a:visited{
    color: #B5C1FB;
    text-decoration: none;
}

.footer-third-row a:hover{
    text-decoration: underline;
}

.bg-footer{
    background: linear-gradient(164.08deg, rgba(181, 193, 251, 0.75) 4.77%, rgba(83, 74, 170, 0.75) 68.69%, rgba(53, 38, 145, 0.75) 88.34%), #352691
}

.footer-logo img, .navbar-brand img{
    width: 137px;
}

#useraccount::after{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.markedicon, .markedicon i{
    color: #F9B21E !important;
}

.markedicon::after{
    border-color: #F9B21E !important;
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(225deg);
    vertical-align: 0.055em !important;
}

.accorditem{
    padding: 5px 15px;
}

.lang-dropdown .active a i{
    position: relative;
    left: 60px;
}

.dropdown-menu .dropdown-item{
    color: #000000 !important;
    text-transform: capitalize !important;
    cursor: pointer;
}

.dropdown-menu hr{
    margin: 5px 0;
}

.navbar-nav .show::after{
    border-color: #F9B21E !important;
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(225deg);
    vertical-align: 0.055em !important;
}

.navbar-nav .nav-link{
    color: #fff;
}

.navbar-nav .nav-link.show{
    color: #F9B21E;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active{
    color: #F9B21E;
}

.task-bar{
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(52, 72, 84, 0.15);
    border-radius: 8px;
    padding: 0px 15px;
    min-height: 3.5rem;
    position: relative;
}

.task-bar .form-check{
    position: relative;
}

.task-bar .form-check-input{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.task-bar .form-check-label{
    padding-left: 10px;
}

.project-form .row div, .search-bar{
    position: relative;
}

.project-form .add-task{
    position: absolute;
    top: 40px;
    right: 25px;
}

.task-tab{
    padding-bottom: 13px;
}

.task-tab a{
    padding-left: 30px;
    padding-right: 30px;
    color: #000000;
}

.task-tab a.active{
    border-bottom: 2px solid #352691;
    color: #352691;
}

.mobile-task-tab a.show{
    background-color: #B5C1FB;
    border-radius: 8px;
}

.mobile-task-tab .dropdown-item:active,
.mobile-task-tab .dropdown-item.active{
    background-color: #e9ecef;
    color: #352691 !important;
}

.mobile-task-tab .dropdown-menu{
    width: 270px;
}

.search-bar{
    width: 300px;
}

.search-bar i{
    position: absolute;
    top: 8px;
    right: 12px;
}

.task-group, .add-group, .done-task-titel, .show-more{
    padding-left: 12px;
}

.switch-filter{
    gap: 30px;
}

.btn-switch{
    color: #352691;
    border-radius: 8px;
}

.btn-switch a{
    padding: 10px;
    color: #352691;
    background-color: #FFFFFF;
}

.btn-switch a i,
.user-filter .dropdown-toggle i,
.task-tab a i,
.task-group a i,
.add-task a i,
.options-dots i,
.add-group a i,
.show-more a i,
.done-task-titel i,
.slide-items a i,
.canban-column-header a i,
.add-column a i,
.column-done .canban-column-header i,
.delete-btn a i,
.overview-task a i,
.task-comments a i,
.comment-delete a i,
.task-files a i,
.btn-file-uplaod i,
.file-icons i,
.addMember-icon i,
.user-project-dropdown a i,
.sub-titel a i,
.setting-edit-btn i,
.preis-project-titel i,
.mobile-task-tab a i{
    font-size: 24px;
}

.user-filter a{
    padding: 2px 15px;
}

.user-filter a span,
.user-filter a::after,
.task-tab a span,
.task-group a span,
.add-task a span,
.options-dots a span,
.add-group a span,
.show-more a span,
.done-task-titel span,
.canban-column-header a span,
.column-done .canban-column-header span,
.delete-btn a span,
.overview-task a span,
.task-comments a div,
.task-files a div,
.btn-file-uplaod span,
.user-project-dropdown a span,
.sub-titel a span,
.setting-edit-btn span,
.preis-project-titel span,
.mobile-task-tab a span{
    position: relative;
    top: -3px;
}

.list-view{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.board-view{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.list-view i, .board-view i{
    position: relative;
    top: 3px;
}

.btn-switch a.active{
    background-color: #352691;
    color: #FFFFFF;
}

.link-save-options a{
    padding: 10px 15px;
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}

.addMember-icon{
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #B5C1FB;
}

.new-member-mail{
    border-left: 0;
    border-right: 0;
}

.addMember-icon a{
    padding:0 10px;
}

.member-bar{
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(52, 72, 84, 0.15);
    border-radius: 8px;
    padding-left:15px;
}

.member-bar .options-dots a{
    padding: 10px;
}

.member-more-dots-col{
    left: -205px !important;
    min-width: 250px;
}

.membermodal-row{
    padding: 0 15px;
}

.divider{
    border-color: #e9ecef !important;
}

.membermodal-row .form-check-label{
    padding-left: 15px;
}

#username:focus, #email:focus{
    box-shadow: none !important;
    border-color: #B5C1FB !important;
    border-right: 0 !important;
}

.promo-box{
    background-color: #F9B21E;
    padding: 20px 20px;
    border-radius: 8px;

}

.setting-mode{
    line-height: 0;
}

.pl-3{
    padding-left: 30px;
}

.login-box{
    box-shadow: 0px 2px 4px rgba(52, 72, 84, 0.15);
    border-radius: 8px;
    padding: 15px;
    background-color: #FFFFFF;
}

.g-login a, .f-login a{
    border-color: #352691 !important;
    padding: 10px 20px;
}
.google-icon, .facebook-icon{
    width: 20px;
    height: 20px;
}

i.pw-eye{
    font-size: 24px;
}

.bn-pw-eye,
.bn-pw-eye:hover,
.bn-pw-eye:active,
.bn-pw-eye:focus{
    padding: 0 5px;
    border-color: #B5C1FB !important;
    border-left: none;
}

.inp-pw{
    border-right: none;
}

.bn-plus,
.bn-plus:hover,
.bn-plus:active,
.bn-plus:focus{
    border-color: #B5C1FB !important;
    border-left: none;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

.input-group>input{
    border-right: none;
}

.user-project-bar{
    border: 1.5px solid #DEDEDE;
    /* Shadow/Default */
    box-shadow: 0px 2px 4px rgba(52, 72, 84, 0.15);
    border-radius: 8px;
    padding: 20px 0 10px;
    background-color: #fff;
}

.content-padd{
    padding: 0 15px;
}

.locked span{
    display: none;
}

.preis-content{
    background: #FFFFFF;
    border: 1.5px solid #DEDEDE;
    box-shadow: 0px 2px 4px rgba(52, 72, 84, 0.15);
    border-radius: 8px;
}

.preis-free .preis-header{
    background: linear-gradient(135deg, #FDFDFD 0%, #CBD3FC 100%);
    border-radius: 8px 8px 0px 0px;
}

.preis-pro .preis-header{
    background: linear-gradient(164.08deg, rgba(181, 193, 251, 0.75) 4.77%, rgba(53, 38, 145, 0.75) 88.34%), #352691;
    border-radius: 8px 8px 0px 0px;
}

.preis-task .free-options{
    min-height: 270px;
}

.preis-member .free-options{
    min-height: 140px;
}

.preis-buy {
    min-height: 180px;
}
.preis-buy > .preis-plan {
    padding-top: 82px;
}
.currency-group > label {
    border-color: #352691 !important;
}
.currency-group > label:first-of-type {
    border-radius: 10px 0px 0px 10px ;
}
.currency-group > label:last-child {
    border-radius: 0px 10px 10px 0px;
}
.preis-cancelable {
    color: #A6A6A6;
}

.alert-primary,
.toast-primary{
    background: #352691;
    color: #FFFFFF;
}

.alert-secondary,
.toast-secondary{
    background: #F9B21E;
    color: #FFFFFF;
}

.alert-success,
.toast-success{
    background: #198754;
    color: #FFFFFF;
}

.alert-danger,
.toast-danger{
    background: #DC3545;
    color: #FFFFFF;
}

.alert-warning,
.toast-warning{
    background: #FFC107;
    color: #FFFFFF;
}

.alert-info,
.toast-info{
    background: #0DCAF0;
    color: #FFFFFF;
}

.toast{
    position: absolute;
    top: 2%;
    right: 1%;
    border-radius: 8px;
    color: #ffffff;
    opacity: 0.85;

}

.alert-container{
    position: absolute;
    top: -10%;
    left: 0;
}

@media (max-width: 992px){
    .hidden-mobile{
        display: none;
    }
    .unlocked span{
        display: none !important;
    }

    body {
        padding-top: 70px;
    }

    header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1050;
    }

    #navbarNav{
        text-align: center;
        padding-top: 30px;
    }

    .navbar .nav-item{
        margin-left:0px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px){
    .search-bar{
        width: 100% !important;
    }
}

.holding{
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 3-8 */
    transform: scale(1);
    -webkit-box-shadow: 0px 0px 50px 7px rgba(53,38,145,0.1);
    box-shadow: 0px 0px 50px 7px rgba(53,38,145,0.1);
    border-radius: 10px;
    border: 1px solid;
    border-color:
        rgb(213, 220, 226)
        rgb(213, 220, 226)
        rgb(184, 194, 204);

}

.colhandle{
    cursor: grab;
}

.btn_move{
    cursor: grab;
}

.btn-extra-append{
    border-color: #B5C1FB !important;
    border-left: none;
    color: #352691 !important;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fff;
    padding: 0px 8px;
    font-size: 1.5em;
}

.toast {
    opacity: 1 !important;
}

.bootstrap-select>.dropdown-toggle{
    border-color: #B5C1FB;
}

.done-tasks small.remainingtext,.full-content .moreellipses,.image-upload>input {
    display: none
}

.prevlink{
    cursor: zoom-in;
}

.previewFile,.previewImage {
    background-position: center center;
    background-repeat: no-repeat
}

.previewImage {
    background-size: cover
}

.previewFile {
    background-size: contain;
    background-color: #eee;
    background-image: url('../public/image/file2.png')
}

.previewFile a,.previewImage a {
    display: block;
    width: 100%;
    height: 100%
}

.previewLink::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.fileinfo {
    position: relative;
    top: 70px
}

.btn-media {
    z-index: 1;
    position: relative;
    border-radius: 8px;
}

.btn-media i{
    font-size: 20px;
}

.upload-loader {
    position: absolute;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .5
}

.upload-preloader {
    background: #fff;
    height: 100%;
    opacity: .8
}

#kanbanview {
    display: flex;
    flex-grow: 1;
    margin: 0;
    padding: 0 0 20px 0;
    overflow-x: auto;
}

.list-tasks:has(div:not(.d-none)){
    min-height: 50px;
}

.btn-outline-primary {
    --bs-btn-color: #352691;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #352691;
    --bs-btn-hover-border-color: #352691;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #352691;
    --bs-btn-active-border-color: #352691;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #352691;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #352691;
    --bs-gradient: none;
}

.user-project-titel a{
    color: #352691;
    text-decoration: none;
}

.user-filter .btn.show{
    background-color: #B5C1FB;
    border-color: #B5C1FB;
}

.user-filter .dropdown-toggle::after{
    border: solid #352691;
    border-width: 0 1px 1px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.user-filter .show::after{
    border-color: #352691 !important;
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(225deg);
    vertical-align: 0.055em !important;
}

.filter-panel{
    padding: 7px 15px;
    max-width: 320px;
    min-width: 220px;
}

.task-note img{
    max-width: 100%;
}

.cursor-pointer {
	cursor:pointer;
}

.img-move-group {
    cursor: grab;
    width: 23px;
    height: 23px;
}
.img-move-task {
    cursor: grab;
    width: 33px;
    height: 33px;
    margin-right: 10px;
}
.file-group-toggle > label {
    min-width: 80px;
}
.add-task {
    padding-left: 12px;
}

.title-hl {
    display: flex;
    flex-direction: row;
}
.title-hl:before, .title-hl:after{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #ced4da;
    margin: auto;
}
.title-hl:before {
    margin-right: 10px
}
.title-hl:after {
    margin-left: 10px
}
.sa-confirm-button-container > .confirm,
.sa-confirm-button-container > .confirm:hover,
.sa-confirm-button-container > .confirm:active,
.sa-confirm-button-container > .confirm:focus {
    color: #fff !important;
    background-color: #8DC53F !important;
    border-color: #8DC53F !important;
}
.small-label {
    font-size: 15px;
}

.comment-content {
    position: relative;
}
.comment-content .comment-delete a {
    position: absolute;
    top: 0;
    right: 0;
}
.comment-txt img {
    max-width: 100%;
    height: auto;
}
.canban-column-header,
.member-listing {
    min-height: 44px;
}
ul.check-list {
    list-style: none;
    margin: 0px;
    padding: 0px;;
}
ul.check-list li input {
    margin-right: 0.25rem;
}
ul.check-list li input {
    cursor: pointer;
}
.trumbowyg-editor ul.check-list li.check-list-item:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    padding-left: 1em;
    text-indent: -1em;
}
.rounded-top-left {
    border-radius: 0;
    border-top-left-radius: 0.375rem;
}
.rounded-bottom-left {
    border-radius: 0;
    border-bottom-left-radius: 0.375rem;
}

/* labels - tags */
.tags-look .tagify__dropdown__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item.red {
    /* background: #dc3545 !important; */
    background: #ECC6CF !important;
    color: #9B5764 !important;
}
.tags-look .tagify__dropdown__item.green {
    /* background: #198754 !important; */
    background: #DBECCC !important;
    color: #84985F !important;
}
.tags-look .tagify__dropdown__item.blue {
    /* background: #0d6efd !important; */
    background: #D3E7FB !important;
    color: #4180A8 !important;
}
.tags-look .tagify__dropdown__item.yellow {
    /* background: #ffc107 !important; */
    background: #F5EDCF !important;
    color: #8A7C3D !important;
}
.tags-look .tagify__dropdown__item.gray {
    /* background: #6c757d !important; */
    background: #E5E5E5 !important;
    color: #969394 !important;
}
.tags-look .tagify__dropdown__item.purple {
    /* background: purple !important; */
    background: #D7C9E5 !important;
    color: #6A4F90 !important;
}

.tagify .red {
    --tag-bg: #ECC6CF !important;
    --tag-text-color: #9B5764 !important;
}
.tagify .green {
    --tag-bg: #DBECCC !important;
    --tag-text-color: #84985F !important;
}
.tagify .blue {
    --tag-bg: #D3E7FB !important;
    --tag-text-color: #4180A8 !important;
}
.tagify .yellow {
    --tag-bg: #F5EDCF !important;
    --tag-text-color: #8A7C3D !important;
}
.tagify .gray {
    --tag-bg: #E5E5E5 !important;
    --tag-text-color: #969394 !important;
}
.tagify .purple {
    --tag-bg: #D7C9E5 !important;
    --tag-text-color: #6A4F90 !important;
}
/* labels - tags */
.badge.red {
    background-color: #ECC6CF;
    color: #9B5764;
}
.badge.green {
    background-color: #DBECCC;
    color: #84985F;
}
.badge.blue {
    background-color: #D3E7FB;
    color: #4180A8;
}
.badge.yellow {
    background-color: #F5EDCF;
    color: #8A7C3D;
}
.badge.gray {
    background-color: #E5E5E5;
    color: #969394;
}
.badge.purple {
    background-color: #D7C9E5;
    color: #6A4F90;
}
.filter-set .icon-filter {
    color: red;
}