.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
    min-width: 45px;
    font-size: 11px;
}
ul.u_hello {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
    ul.u_hello li {
        text-decoration: none;
        padding: 2px 3px;
        display: block !important;
    }
    ul.u_hello li a {
        float:none;
    }
.bntRed1 {
    background-color: #f21717 !important;
    border-color: #8f1313 !important;
}
.btngroupBrian > .btn {
    
}

.btn-group > .btn {
}
.btn-group > .btnspace {
    margin-left: 4px;
    border-left: 4px solid #fff;
}

.btn-orange {
    background-color: #e0792e !important;
    border-color: #db6a17 !important;
}

    .btn-orange:hover,
    .btn-orange:active,
    .btn-orange:visited,
    .btn-orange:focus {
        background-color: #db6a17 !important;
        border-color: #e0792e !important;
    }
li.parentDuty a {
    /*background-image: url(/Content/imgs/arrow-213-16.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 2px top 3px;*/
}
#jsddm li  {
    position: relative
}
    #jsddm li ul li ul { 
        position: absolute;
        top: 10px;
        left: 170px;
        min-width: 200px;
        display: none;
        visibility: hidden;
        border: 1px solid #DDD;
        z-index: 1 
    }
.clredLi a {
    color: red !important;
}
a.clred {
    color: red !important;
}
#myBtntty {
    display: none; 
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 9px; /* Some padding */
    border-radius: 6px; /* Rounded corners */
    font-size: 16px; /* Increase font size */
}

#myBtntty:hover {
    background-color: #555; 
}
.divpt1 {
    position: relative;
    margin: 2px;
    margin-right: 1px;
}
    .divpt1 a {
        color: #000 !important;
    }
.divpt3 {
    position: absolute;
    right: -3px;
    bottom: -3px;
    height: 17px;
    width: 17px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    background-color: #2F7585;
}
.bgassign1 {
    background-color: #f2e3a0 !important;
    color: #000 !important;
}

.bgassign2 {
    background-color: #cd6667 !important;
    color: #fff !important;
}

.bgassign1 a {
    color: #000 !important;
}

.bgassign2 a {
    color: #fff !important;
}

.bg_green a {
    background-color: green !important;
    color: #fff !important;
}
.PschartParent {
    padding-left: 25px;
    width: 100%;
}

.btn-da {
    font-size: 11.5px !important;
}

.txtRight {
    text-align: right;
    vertical-align: middle;
}

div.Pschart {
    display: flex;
    width: 60px;
    height: 60px;
    font-weight: bold;
    border-radius: 50%;
    background: conic-gradient(#5edb8f var(--progress), gray 0deg);
    font-size: 0;
    animation: .4s ease-out turn_in reverse;
}

    div.Pschart::after {
        content: attr(data-progress);
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        margin: 10px;
        font-weight: bold;
        border-radius: 50%;
        background: white;
        font-size: 1rem;
        text-align: center;
    }

@keyframes turn_in {
    5% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .95), gray 0deg);
    }

    10% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .9), gray 0deg);
    }

    15% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .85), gray 0deg);
    }

    20% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .8), gray 0deg);
    }

    25% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .75), gray 0deg);
    }

    30% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .7), gray 0deg);
    }

    35% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .65), gray 0deg);
    }

    40% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .6), gray 0deg);
    }

    45% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .55), gray 0deg);
    }

    50% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .5), gray 0deg);
    }

    55% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .45), gray 0deg);
    }

    60% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .4), gray 0deg);
    }

    65% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .35), gray 0deg);
    }

    70% {
        background: conic-gradient(#5edb8f calc(var(--progress) * 0.3), gray 0deg);
    }

    75% {
        background: conic-gradient(#5edb8f calc(var(--progress) * 0.25), gray 0deg);
    }

    80% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .2), gray 0deg);
    }

    85% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .15), gray 0deg);
    }

    90% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .1), gray 0deg);
    }

    95% {
        background: conic-gradient(#5edb8f calc(var(--progress) * .05), gray 0deg);
    }

    100% {
        background: conic-gradient(gray 0deg);
    }
}