﻿.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
   width:auto;
   min-width:45px;
 font-size:11px; 
}
a.textbbb {
    font-weight: bold
}
.textbbb {
    font-weight: bold
}
a.redbbb {
    font-weight: bold;
    color: #ff0000 !important;
}
a.redtxt {
    color: #ff0000 !important;
}
.redtxt {
    color: #ff0000 !important;
}
.div2mnrp ul li:hover {
    background-color: #cccccc;
}
a span.clLink1 {
    height: 25px;
    width: 25px;
    background-color: #224b89;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.badge1 {
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #224b89;
    color: #fff;
}
.solidblockmenu li a.current {
    color: #faf7f7 !important;
}
 
li .subSL {
    color: #fff;
    background-color: #289ccb !important;
    border-bottom: 2px solid #000 !important;
}
#jsddm li.selected ul li a {
    background-color: #002665;
}
#jsddm li ul li.selected a {
    border-bottom: 2px solid #3a9c3c;
}

#jsddm li ul li a.asSched {
    background-color: #5773a3; 
    border-bottom: 1px solid #ccc !important;
}
#jsddm li ul li a.asUnitbg1 {
    background-color: #66cbff;
    border-bottom: 1px solid #000 !important;
}
#jsddm li ul li a.asUnitbg_2 {
    background-color: #2f27a0;
    border-bottom: 1px solid #ccc !important;
}
#jsddm li ul li.sl2ab a {
}
#jsddm li ul li a.asLink_2 {
    background-color: #009999;
    border-bottom: 1px solid #000 !important;
}
 
.datepick {
    background-image: url('/Styles/theme1/imgs/icon_cal.png');
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding-left: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 90px;
}
.input-text-90 {
    border: 1px solid #000;
    border-radius: 4px;
}
#StartYearDemo {
    border: 1px solid #000;
    border-radius: 4px;
}
a.home5i {
    background-image: none !important;
}

a.rounding5i {
    background-image: none !important;
}

a.AppCust5i {
    background-image: none !important;
}

a.uploadusb5i {
    background-image: none !important;
}

a.EmployeeRounding5i {
    background-image: none !important;
}

a.Reports5i {
    background-image: none !important;
}

a.Training5i {
    background-image: none !important;
}

a.Support5i {
    background-image: none !important;
}
.div2mnrp ul li a {
    color: #000;
    display: block;
    font-size: 13px;
    padding: 12px 9px;
    transition: 0.3s linear;
}
.div2mnrp ul li ul li a {
    background-color: #EBCD02;
    display: block;
    font-size: 13px;
    padding: 9px 14px;
}
#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;
}
td.Addbg1 {
    background-color: #ffe6e6 !important;
}

td.Addbg2 {
    background-color: #e6ffe6 !important;
}

td.Addbg3 {
    background-color: #CCCCFF !important;
}

td.Addbg4 {
    background-color: #ccffff !important;
}

td.Addbg5 {
    background-color: #ffffe6 !important;
}

td.Addbg6 {
    background-color: #e0ccff !important;
}

td.Addbg7 {
    background-color: #cceeff !important;
}

td.Addbg8 {
    background-color: #ccffcc !important;
}

td.Addbg9 {
    background-color: #ccccff !important;
}

td.Addbg10 {
    background-color: #ccfff2 !important;
}

td.Addbg11 {
    background-color: #ddccff !important;
}

td.Addbg12 {
    background-color: #cce6ff !important;
}

td.Addbg0 {
    background-color: #ffffe6 !important;
}
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);
    }
}