/* Minification failed. Returning unminified contents.
(422,12): run-time error CSS1038: Expected hex color, found '#ffff'
(924,40): run-time error CSS1046: Expect comma, found '33'
(924,46): run-time error CSS1046: Expect comma, found '/'
(1019,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-text-color'
(1138,30): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-hover-background-color'
(1405,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-active-background-color'
(1406,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-active-background-color'
(1407,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-active-text-color'
(1795,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-hover-background-color'
(1824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1840,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-text-color'
(1841,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-background-color'
(1845,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-text-color'
(1846,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-hover-background-color'
(1850,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-text-color'
(1851,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-button-disabled-background-color'
(1855,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-text-color'
(1856,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-background-color'
(1861,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-text-color'
(1862,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-hover-background-color'
(1867,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-text-color'
(1868,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-disabled-background-color'
(1872,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-text-color'
(1873,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-background-color'
(1880,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-text-color'
(1881,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-hover-background-color'
(1886,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-active-text-color'
(1887,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-active-background-color'
(1892,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-text-color'
(1893,32): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-button-disabled-background-color'
(1897,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-pill-button-selected-color'
(1901,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-pill-button-hover-background-color'
(1902,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-pill-button-hover-text-color'
(1925,35): run-time error CSS1046: Expect comma, found '188'
(1925,43): run-time error CSS1046: Expect comma, found '/'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-button-text-color'
(2032,35): run-time error CSS1030: Expected identifier, found '.'
(2032,36): run-time error CSS1030: Expected identifier, found 'modal-footer'
(2032,48): run-time error CSS1031: Expected selector, found ')'
(2032,48): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
    font-family: 'CentraNo2-book';
    src: url('../Common/font/centrano2-book.woff2') format('woff2'), url('../Common/../Common/font/centrano2-book.eot') format('embedded-opentype'), url('../Common/font/centrano2-book.woff') format('woff'), url('../Common/font/centrano2-book.otf') format('opentype'), url('../Common/font/centrano2-book.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'CentraNo2-bold';
    src: url('../Common/font/centrano2-bold.woff2') format('woff2'), url('../Common/font/centrano2-bold.eot') format('embedded-opentype'), url('../Common/font/centrano2-bold.woff') format('woff'), url('../Common/font/centrano2-bold.otf') format('opentype'), url('../Common/font/centrano2-bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'CentraNo2-light';
    src: url('../Common/font/centrano2-light.woff2') format('woff2'), url('../Common/font/centrano2-light.eot') format('embedded-opentype'), url('../Common/font/centrano2-light.woff') format('woff'), url('../Common/font/centrano2-light.otf') format('opentype'), url('../Common/font/centrano2-light.ttf') format('truetype');
    font-weight: 300;
}

.task-progress {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: 'CentraNo2-bold';
    font-size: 14px;
    border-radius: 5px !important;
    height: fit-content !important;
    padding: 5px;
    line-height: 10px !important;
}

.rgAltRow {
    background: none !important;
    height: 30px !important;
    cursor: pointer !important;
    min-height: 50px !important;
}

.cog-icon {
    color: #2862F2 !important;
}

.my-progress-bar {
    height: 6px !important;
    border-radius: 11px !important;
    margin-bottom: 4px  !important;
}

.progress-bar {
    background-color: green !important;
}
.rpt-summary-progress-bar{
    border-radius: 20px !important;
}

.progress-percent {
    color: #707070;
    font-size: 12px;
}

.RadGrid_Metro .rgCollapse {
    background-position: 3px -447px !important;
}

.padding-top {
    padding-top: 20px !important;
}

div.RadToolTip_Metro .rtWrapper .rtWrapperContent {
    font: normal 14px CentraNo2-book;
    height: 15px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    background-color: #000000DE !important;
    color: white;
    text-align: center !important;
    border-radius: 10px !important;
}

.RadGrid_Metro .rgMasterTable,
.RadGrid_Metro .rgDetailTable,
.RadGrid_Metro .rgGroupPanel table,
.RadGrid_Metro .rgCommandRow table,
.RadGrid_Metro .rgEditForm table,
.RadGrid_Metro .rgHeader .RadPanelBar_Metro .rgPager table {
    font-family: 'CentraNo2-book' !important;
}

.RadPanelBar_Metro{
    font-family: 'CentraNo2-book' !important;
}

.unifi-number {
    background-color: #00000017;
    font-size: 12px;
    color: #000000DE;
    border-radius: 3px !important;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 15px;
    min-width: 15px;
    text-align: center;
    font-family: 'CentraNo2-bold';
}

.dropdown-menu {
    left: -130px !important;
    border-radius: 10px !important;
    font: normal 14px CentraNo2-book;
    border: none;
    box-shadow: 0px 8px 25px #00000038;
    padding: 8px;
}

.edit-btn {
    height: 35px;
    color: #000000DE !important;
}

.del-btn {
    height: 35px;
    color: #D92B27 !important;
}

.dropdown-menu > li > a{
    padding: 8px 8px !important;
    display: flex;
    align-items: center;
}


.RadPanelBar .rpItem .dropdown-menu > li > a {
    padding: 8px 8px  !important;
}

    .dropdown-menu > li > a:hover {
        background-color: #2121211A ;
        border-radius: 5px !important;
    }

        .dropdown-menu > li > a:hover.del-btn {
            background-color: #D92B271A;
            border-radius: 5px !important;
        }

.update-icon, .icon-ellipsis {
    padding: 10px;
    font-size: 14px;
    border-radius: 8px !important;
    cursor:pointer;
}

    .update-icon:hover, .icon-ellipsis:hover {
        background-color: #00000017 !important;
        padding: 10px;
        border-radius: 8px !important;
        box-shadow: none;
    }

.unifi-btn-height {
    height: 44px !important;
}

.btn-group.open .dropdown-toggle {
    background-color: #2862F21A !important;
    padding: 10px;
    border-radius: 5px !important;
    box-shadow: none;
}

.unifi-widget {
    padding: 24px;
    margin-bottom: 38px;
    background-color: #FFFFFF;
    font-family: 'CentraNo2-book';
    border-radius: 10px !important;
    border: 1px solid #00000021 !important;
    box-shadow: 0px 0px 25px #2458D90D;
}

.unifi-bordered-widget{
    padding: 0 24px;
    margin-bottom: 38px;
    background-color: #FFFFFF;
    border: 1px solid #00000021 !important;
    font-family: 'CentraNo2-book';
    border-radius: 10px !important;
}

.unifi-widget-text {
    font-size: 14px;
    font-family: 'CentraNo2-bold';
    color: #000000DE;
    margin-bottom: 16px
}

.unifi-widget-title {
    font-family: 'CentraNo2-bold';
    font-size: 24px;
    text-transform:capitalize;
}

.RadPanelBar_Metro .rpRootGroup{
    color:black;
    border-color:transparent !important;
}

.RadPanelBar .rpItem {
    border-bottom:1px solid #00000017 !important;
    padding-bottom:16px !important;
    padding-top: 16px;
}

.RadPanelBar_Metro .rpRootLink{
    background-color:white;
}

.RadPanelBar_Metro .rpRootLink.rpSelected {
    background-color: #fff !important;
    box-shadow: none;
    color: black;
}

.RadPanelBar_Metro .rpRootLink.rpFocused {
    box-shadow: none;
}

.RadPanelBar .rpText {
    font-family: 'CentraNo2-bold' !important;
    padding: 0 !important;
    font-size: 16px;
    color: #000000DE;
}

.rpHovered{
    background-color:white !important;
}


.rtCallout {
    display: none !important;
}
.unifi-tab {
    height: 50px;
    line-height: 40px !important;
    font-weight: normal;
    background-color: #F7F8FA !important;
    border: transparent !important;
    color: #000000DE;
}
.unifi-tab:hover {
    color: #000000DE;
}

.unifi-nav{
    margin-bottom:35px !important;
}

.nav-tabs > li{
    margin-bottom:0 !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #2862F2 !important;
    background-color: #F7F8FA !important;
    border: transparent !important;
    border-bottom: 3px solid #2862F2 !important;
    font-family: 'CentraNo2-bold';
}

.chosen-container-single .chosen-search input[type="text"] {
    border: none !important;
    background-color:transparent !important;
}

.tab-content {
    overflow: unset !important;
}

.RadPanelBar .rpExpandHandle{
    background-color: #0000002E !important;
    border-radius: 3px !important;
    margin: 0px !important;
}

.unifi-widget-content-header{
    margin-bottom: -5px;
}

.unifi-icon-ellipsis {
    background-color: #FFFFFF !important;
    padding: 7px;
    border-radius: 5px !important;
    box-shadow: none;
}

.unifi-icon-ellipsis:hover {
    background-color: #FFFFFF !important;
}

    .btn-group.open .unifi-dropdown-toggle {
        background-color: #FFFFFF !important;
    }


 .RadPanelBar_Metro .rpRootGroup li a.rpLink.unifi-widget-content-header.rpRootLink.rpExpandable.rpExpanded .rpExpandHandle {
    background-color: white !important;
} 

 .RadPanelBar_Metro .rpRootGroup li a.rpLink.rpRootLink.rpExpandable.unifi-widget-content-header.rpSelected.rpExpanded .rpExpandHandle {
    background-color: gray !important;
}


.unifi-first-table-header {
    border-top-left-radius: 5px !important;
}
.unifi-last-table-header {
    border-top-right-radius: 5px !important;
}
.timeline-btn-left {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.timeline-btn-right {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    height:34px;
    line-height:2;
}

.pagination>.active>a {
    background-color: #2862F21A !important;
    border: none !important;
    color: #2862F2 !important;
}

.pagination>li>a{
    color: #000000DE !important;
    background-color: transparent !important;
}

.unifi-timeline-update-cell :hover {
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content;
    background: #00000017;
    border-radius: 5px !important;
}

.unifi-timeline-update-cell :hover .timeline-update {
    background: none !important;
    padding : 0 !important;
}


/* RadGrid Boxes, Radgrid dropdowns and Search Forms */

.RadInput_Metro, .RadInputMgr_Metro {
    font: normal 12px "CentraNo2-book" !important;
}

.RadInput_Metro  .riHover{
    border-color: #cecece !important;
}

.RadInput_Metro .riTextBox{
    border-radius: 8px !important;
    height: 42px !important;
}

.RadInputFocused{
    border: 1px solid #cecece !important;
    border-radius: 8px !important;

}

#ctl00_ctl00_ctl00_BodyContainer_BodyContainer_BodyContainer_ctl00_unifiTxtRange{
    border-radius: 5px !important;
}

.unified-rad-numeric-text-box{
    border-radius: 5px !important;
    border: 2px solid #cecece !important;
}

.rcbReadOnly{
    height:42px ;
}

.RadComboBox_Metro table td.rcbInputCell{
    height: 42px;
}

.RadComboBox_Metro table td.rcbInputCell input[type="text"]{
  border:none !important;
}

.rcbFocused {
    border: 1px solid #cecece !important;
    border-radius: 10px !important;
}

.RadComboBox table{
    border-collapse: unset !important;
}

.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: #cecece !important;
    color: black;
    background-color: #fff;
}
.RadComboBox_Metro .rcbFocused .rcbInputCell{
    border:#ffff !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbInputCell{
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbArrowCellRight {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background: #fff !important;
}

.RadComboBox_Metro table td.rcbInputCell{
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.RadComboBox_Metro .rcbArrowCell {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background: #fff !important;
}

.RadComboBoxDropDown .rcbItem{
    padding: 10px 5px;
    margin-left: 8px;
    width: 90%;
    font-family: 'CentraNo2-book';
}

.RadComboBoxDropDown_Metro .rcbHovered{
    padding: 10px 5px;
    border-radius: 8px !important;
    margin-left: 8px;
    width: 90%;
    cursor: pointer;
}

.RadComboBoxDropDown_Metro .rcbList li:first-child{
    margin-top: 8px;
}

.RadComboBoxDropDown_Metro .rcbList li:last-child {
    margin-bottom: 8px;
}

.RadComboBox_Metro .rcbInput {
    color: black !important;
}

.unifi-form input[type="text"]:focus{
    border:1px solid #ddd !important;   
    border-radius: 5px !important;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    font-family: 'CentraNo2-book' !important;
}

.unifi-form input[type="text"]{
    border-radius: 5px !important;
}

input[type="text"]:focus{
    border:none !important;
}

.RadComboBox_Metro .rcbFocused .rcbArrowCell{
    border-color: #fff;
    background-color: #fff;
}

.RadComboBoxDropDown_Metro{
    box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 25px;
    border-radius: 8px !important;
}

.RadInput_Metro .riEmpty {
    height: 42px;
    border-radius: 8px !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbInputCell {
    background-color: #fff !important;
}

.rcbArrowCell .rcbArrowCellRight

.rcbScroll {
    /*For IE*/
    scrollbar-base-color: rgba(255,255,255,0);
    scrollbar-face-color: #BDBDBD;
    scrollbar-track-color: rgba(255,255,255,0);
    scrollbar-arrow-color: rgba(255,255,255,0);
    scrollbar-dark-shadow-color: grey;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*For Firefox*/
    scrollbar-width: thin;
}

    .rcbScroll::-webkit-scrollbar {
        width: 7px;
        height: 5px;
    }

    .rcbScroll::-webkit-scrollbar-thumb {
        background: #BDBDBD;
        border-radius: 5px;
    }

/* Telerik Date picker */

#ui-datepicker-div{
    z-index: 999 !important;
}

.RadCalendar_Metro .rcRow th {
    color: #2862F2 !important;
}

.RadCalendar_Metro .rcRow .rcSelected{
    background: #2862F2 !important;
}

.RadCalendarMonthView_Metro .rcSelected a {
    border-color: #2862F2 !important;
    background: #2862F2 !important;
}
a{
    color: #2862F2;
}
a:hover {
    color: #2862F2;
}
a:visited{
    color: #2862F2;
}
/* Popups */

.popup-widget-title{
    background-color: #fff  !important;
    color: #000000DE !important;
    font-family: 'CentraNo2-book';
    font-size: 16px;
    margin-top: 16px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.popup-top-container{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.command-item{
    border:none;
    background-color: #f7f8fa;
    padding-top: 16px;
    padding-bottom: 16px;
}

.command-item > a > .export-link{
    background-repeat: round;
}

.unifiSummaryHeader {
    background-color: #fff;
    color: #000000DE;
    font-family: 'CentraNo2-book';
    font-size: 18px;
    border: 1px solid #00000017;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.lastSummaryHeader{
    border-bottom-left-radius:10px !important;
    border-bottom-right-radius:10px !important;
}


.SummaryHeader{
    background-color: #fff !important;
    border-top:1px solid #00000017 !important;
    font:18px 'CentraNo2-book' !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}
.unifiSummaryHeaderText{
    font-family: 'CentraNo2-bold' !important;
    color: #000000DE !important;
    font-size: 16px !important;
}

.rcbCheckAllItems, .rcbCheckAllItemsHovered {
    margin: 8px;
    height: 40px !important;
    line-height: 2.3 !important;
}

.rcbCheckAllItemsHovered {
    border-radius: 8px !important;
}

.pager-item {
    border:none !important;
}

.telerik-export-btn{
    padding-left: 0px;
    padding-top: 8px;
    border-radius: 5px !important;
    padding-bottom: 8px;
    padding-right: 10px;
    margin-left: 8px;
}

.telerik-export-btn:hover{
    background: #00000017;
}

.command-item > a:hover, .command-item > span.has-tooltip > a:hover {
    color: black !important;
}

/* Rad Window */

.RadWindow .rwTitleRow{
    box-sizing: border-box !important;
}
.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize {
    background-color: #212121 !important;
}
.RadWindow_Metro table.rwShadow .rwTopLeft {
    border-top-left-radius: 10px !important;
}

.RadWindow_Metro table.rwShadow .rwTopRight {
    border-top-right-radius: 10px !important;
}

.RadWindow_Metro table.rwShadow .rwFooterLeft{
    border-bottom-left-radius: 10px !important;
}
.RadWindow_Metro table.rwShadow .rwFooterRight{
    border-bottom-right-radius: 10px !important;
}

.RadWindow_Metro .rwControlButtons a {
    border: 1px solid #212121;
    background-color: #212121;
    width: 29px;
    height: 19px;
}

/* UNIFI Form */

.unifi-form {
    display: flex !important;
}

.form-label-width{
    min-width: 25% !important;
    font-family: 'CentraNo2-light' !important;
    color: #000000AB;
}

.form-label-width-22{
    min-width:22%;
    font-family: 'CentraNo2-light' !important;
    color: #000000AB;
}

.form-label-width-246{
    min-width:24.6%;
    font-family: 'CentraNo2-light' !important;
    color: #000000AB;
}

.unifi-form textarea {
    border-radius: 10px !important;
    background-color: #fff !important;
}

.unifi-form textarea:focus {
    border-color: #e5e5e5 !important;
}

.form-label-thin{
    font-family: 'CentraNo2-light' !important;
    color: #000000AB;
}

.unifi-control-width{
    width: 800px !important;
}

.unifi-info-tooltip{
    color: #2862F2 !important;
}

.unifi-form-radcombobox{
    display: flex !important;
}

.unifi-radcombobox-width{
    width: 532px !important;
}

.rawHTML .tooltip-inner{
    border-color: #2862F2 !important;
}

.RadSlider_Metro .rslHorizontal .rslSelectedregion {
    background: #0F8A0F;
    border-radius: 10px !important;
}

.RadSlider_Metro .rslHorizontal div.rslTrack, .RadSlider_Metro .rslVertical div.rslTrack {
    border-width: 0px;
    border-radius: 10px !important;
}

.RadSlider_Metro .rslHorizontal .rslTrack {
     background: #EDEDED;
}

.RadSlider_Metro div.rslHorizontal a.rslDraghandle {
    margin-top: -5px;
    width: 15px;
    height: 15px;
    border-radius: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 6px;
    background: rgb(255, 255, 255);
}
/* Hierarchy selector */

#hierachy-table{
    border-color: transparent;
}

.RadTreeView .rtIn {
    padding:6px !important;
}

.RadTreeView_Default {
    color: #000000DE !important;
    font-size: 14px !important;
    font-family: 'CentraNo2-book' !important;
}

.RadTreeView_Default .rtHover .rtIn {
    color: #000000DE !important;
    background-color: #00000017 !important;
    background-image: none;
    border-color: #ddd !important;
    border-radius: 5px !important;
}

.RadTreeView_Default .rtSelected .rtIn > span{
    color: #2862F2 !important;
}

.RadTreeView_Default .rtSelected .rtIn {
    border-color: #2862F21A;
    color: #2862F2;
    background-color: #2862F21A;
    background-image: none;
    border-radius: 5px !important;
}

select#hierachy_ddlYear {
    border-radius: 5px !important;
}

.margin-top-8{
    margin-top: -8px;
}
.margin-bottom-8{
    margin-bottom: 8px !important;
}

.view-task-progress{
    margin-bottom: 8px !important;
    margin-left: -15px;
}

.highlight-heading-color{
    color: #2862F2 !important;
}

.RadPanelBar_Metro .rpTemplate{
    padding: 0 !important;
    margin-bottom: 24px !important;
}

.border-box {
    border: none;
    font-family: 'CentraNo2-book';
}

.border-box-heading {
    padding-bottom: 4px !important;
    margin-bottom: 8px !important;
}

.RadPanelBar .rpItem a {
    padding: 8px 0px !important;
}

.unifi-collapse-expand{
    color: #000000AB;
}

.unifi-popup-window-header {
    font-family: 'CentraNo2-bold' !important;
    font-size: 18px !important;
    color: #000000DE;
}

#toggleArchivedTasksLink {
    padding: 0 8px !important;
    height: 32px;
    text-align: center;
    border-radius: 5px !important;
    line-height: 30px !important;   
}

#archivedTasksSection {
    margin-top: 16px;
}
/* telerik spellchecker */
.rscLinkImg {
    display: none;
}

.hide-old-required{
    display: none;
}
/*Command items*/

.command-item > a > .export-link, .command-item > div > a > .export-link, .command-item > div > ul > li > a > .export-link, .command-item > .export-link {
    background-image: url('../../Images/msExcel_16.png') !important;
}

.command-item-v2 > a > .export-link, .command-item-v2 > div > a > .export-link, .command-item-v2 > div > ul > li > a > .export-link, .command-item-v2 .export-link {
    background-image: url('../../Images/msExcel_16.png') !important;
}

.command-item .command-item-legend {
    position: relative;
    float: inherit;
    margin: 1px 0 -2px 0;
}

.command-item-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.command-item-v2 {
    margin-bottom: 16px;
}

    .command-item-v2 .filter-toggle {
        margin-right: 0;
        color: #000000AB;
    }

    .command-item-v2 .pager-page-number, .pager-command .pager-page-number, .pager-command-item .pager-page-number, .pager-command .pager-page-number {
        color: #00000091;
        display: inline-block;
        line-height: unset;
        text-align: center;
        vertical-align: middle;
    }

    .command-item-v2 .pager-container, .pager-command .pager-container, .pager-command-item .pager-container, .pager-command .pager-container {
        position: relative;
    }

    .command-item-v2 .pager-dropdown, .pager-command .pager-dropdown, .pager-command-item .pager-dropdown, .pager-command .pager-dropdown {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        border: 1px white solid;
        border-radius: 5px !important;
        top: 30px;
        background-color: white;
    }

        .command-item-v2 .pager-dropdown .pager-dropdown-option:hover, .pager-command-item .pager-dropdown .pager-dropdown-option:hover {
            cursor: pointer;
        }

    .command-item-v2 .vue-overlay-v2 {
        border-radius: 5px !important;
        box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%) !important;
        z-index: 9999 !important;
    }

    /* command-item legend */
    .command-item-v2 .command-item-legend i:before {
        font-weight: 900 !important;
    }

    .command-item-v2 .command-item-button {
        min-width: auto;
        margin-left: 5px;
        display: inline-block;
        color: #000000AB;
    }

    .command-item-v2 .right-buttons {
        display: inline-block;
    }

        .command-item-v2 .right-buttons > * {
            margin-left: 5px;
        }

    .command-item-v2 .btn:active {
        box-shadow: none;
    }

    .command-item-v2 .export-link-container {
        float: none !important;
    }

    .command-item-v2 .export-link {
        width: 17px !important;
    }

    .command-item-v2 .search-bar {
        background-color: #2121211A;
        border: none !important;
        color: #00000091;
        margin-right: 6px;
    }

        .command-item-v2 .search-bar > input {
            background-color: transparent;
        }

.well {
    margin: 0;
    padding: 0;
    padding-top: 8px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100%;
}

.filter-date-title {
    padding-top: 1px !important;
    padding-right: 0 !important;
}

/*Date picker*/
.datepicker-selected {
    color: #444;
}

.datepicker-selected-date span {
    display: block;
}

.datepicker-selected-date input {
    background-color: #2121211A;
    border: none;
    border-radius: 5px !important;
}

/*Filter panel*/
.filter-panel .filter.pulse-btn-white {
    margin: 8px;
    background: white;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 5px !important;
    position: relative;
    font-size: 14px;
    padding: 1px;
    color: #000000AB !important;
}

    .filter-panel .filter.pulse-btn-white.new-filter {
        color: var(--secondary-button-text-color) !important;
    }

.filter-panel .filter:hover {
    background: #00000017 !important;
    border: 1px #00000017 solid !important;
    color: #000000AB !important;
    padding: 1px;
}

.filter-panel .filter .filter-title {
    display: inline-block !important;
    width: auto !important;
    font-family: 'CentraNo2-bold';
}

.filter-panel .filter .filter-selection .chosen-container > .chosen-drop {
    min-width: 250px;
    width: fit-content;
}

.filter-panel .filter .filter-selection .chosen-container-multi > .chosen-drop {
    min-width: 250px;
    width: max-content;
}

.filter-panel .filter:hover .filter-selection .chosen-single {
    color: #2862F2;
}

.filter-panel .filter .filter-selection, .filter-panel .additional-filter .filter-selection {
    border: none !important;
}

.filter-panel .filter .filter-selection {
    background: transparent !important;
    display: inline-block;
    min-width: auto;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 4px 8px 4px 0px;
}

    .filter-panel .filter .filter-selection .chosen-container-single .chosen-single {
        padding: 0 !important;
        background-color: transparent !important;
    }

        .filter-panel .filter .filter-selection .chosen-container-single .chosen-single span {
            display: inline;
            margin-right: 0px;
        }

        .filter-panel .filter .filter-selection .chosen-container-single .chosen-single div {
            display: inline;
            position: relative;
            top: 0;
        }

    .filter-panel .filter .filter-selection input[type=text] {
        background: transparent;
        font-family: unset !important;
        line-height: normal;
        padding-right: 0;
        width: 90%;
    }

.filter-panel .filter .chosen-input-v2 .chosen-container-multi {
    font-size: 14px;
    line-height: 20px;
}

    .filter-panel .filter .chosen-input-v2 .chosen-container-multi .chosen-choices {
        background-color: white;
        min-height: unset !important;
    }

        .filter-panel .filter .chosen-input-v2 .chosen-container-multi .chosen-choices .search-choice {
            background-color: white !important;
            padding: 0 !important;
        }

.command-item-v2 .filter-selection .chosen-container-single{
    border: 0px;    
}

.filter-panel .filter .filter-date {
    display: inline-block;
}

.filter > a {
    color: inherit;
    margin-left: -4px;
    padding: 4px 8px 4px 0px;
    vertical-align: middle;
    text-decoration: none !important;
}

.filter-panel #filter-container-clear-btn a.icon-remove:hover {
    text-decoration: none;
}

.filter-panel > div.button-container > button {
    margin: 0 8px 0 0;
}

.chosen-container .chosen-results {
    margin-top: 8px !important;
    color: #000000DE;
    padding: 0px !important;
}

    .chosen-container .chosen-results li {
        padding: 8px;
        margin-right: 10px;
        margin-left: 10px;
    }

        .chosen-container .chosen-results li.highlighted {
            background: var(--tertiary-button-hover-background-color);
            border-radius: 5px !important;
            color: #000000DE;
        }

.chosen-container-single .chosen-search {
    background: #e1e2e4 !important;
    border-radius: 5px !important;
    line-height: normal;
    margin: 12px 12px;
    width: auto;
}

.unifi-chosen-black {
    color: #000000DE;
}

.unifi-chosen-blue {
    color: #2862F2;
}

.pulse-check.checked > i {
    color: #2862F2;
}

.unifi-drop-class {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0px 8px 25px #00000038;
    width: 250px !important;
}

.unifi-chosen-result {
    position: relative;
    left: 8px !important;
    padding-bottom: 20px;
}

.unifi-chosen-search-bar {
    width: 324px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 5px !important;
    border: 2px solid #00000017;
    line-height: 2.5;
}

.unifi-chosen-result li:last-child {
    margin-bottom: 20px;
}

.command-item-v2 .well .filter-selection {
    width: auto !important;
    min-width: none !important;
}

.pulse-switch-container {
    width: 24px !important;
    vertical-align: middle;
}

.pulse-switch-input[type="checkbox"] {
    background: none;
    /*background: #e1e2e4;*/
    border: 2px solid #000000AB;
    border-radius: 10px !important;
    bottom: 0;
    height: 16px;
    margin: 0 !important;
    vertical-align: middle;
    width: 24px !important;
}

    .pulse-switch-input[type="checkbox"]::before {
        background: #000000AB;
        height: 8px;
        border-radius: 5px;
        bottom: 0px;
        box-shadow: none;
        top: 2.5px;
    }

.pulse-switch-input:checked[type="checkbox"] {
    border-color: #2862f2;
}

    .pulse-switch-input:checked[type="checkbox"]::before {
        background: #fff;
    }

/*Heading*/
.vue-dropdown-container {
    z-index: 1;
}

.page-header > .vue-dropdown-container {
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

    .page-header > .vue-dropdown-container > .vue-dropdown, .page-header > .vue-dropdown-container > .vue-dropdown > i {
        font-size: 24px;
        background: none;
        font-weight: bold;
        color: #000000DE;
    }

    .page-header > .vue-dropdown-container > .vue-dropdown, .page-header > .vue-dropdown-container:hover > .vue-dropdown {
        background: transparent;
        border-radius: 5px !important;
        box-shadow: none;
    }

        .page-header > .vue-dropdown-container > .vue-dropdown:hover, .page-header > .vue-dropdown-container:hover > .vue-dropdown:hover {
            background: #00000017;
        }

    .page-header > .vue-dropdown-container.expanded > .vue-dropdown, .page-header > .vue-dropdown-container:hover > .vue-dropdown {
        background: #ECF1FE;
        border-radius: 5px !important;
        box-shadow: none;
    }

.page-header > a.graph-toggle {
    font-size: 16px;
    color: #555;
    float: right;
    line-height: 26px;
    padding: 5px 10px;
    margin-right: 8px;
    min-width: 0px !important;
}

.page-header > .vue-dropdown-container > .vue-dropdown > i.vue-dropdown-icon {
    display: none;
}

.vue-dropdown-item > div.vue-dropdown-selection-indicator + div {
    padding-left: 8px;
}

.vue-dropdown-container .vue-dropdown-options .vue-dropdown-item {
    padding: 0.43em 1em 0.43em 0.5em !important;
}

/*Graph*/
.vue-grid-layout {
    margin-bottom: 20px;
}

.vue-grid-item {
    box-shadow: 0px 0px 25px RGBA(36, 88, 217, 0.10);
    border-radius: 5px !important;
}

/*Pager*/
.pager-command-item {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

    .pager-command-item .page-selection .chosen-drop {
        top: auto;
    }

.command-item-v2 .pagination {
    display: inline-block;
    float: none !important;
    margin: 0 0 !important;
    vertical-align: middle;
}

.pagination ul {
    box-shadow: none;
    list-style-type: none;
}

    .pagination ul > li > a {
        border: 1px solid transparent !important;
        float: none;
        height: unset;
        min-width: unset;
        padding: 4px 4px !important;
        font-family: "Font Awesome 5 Pro" !important;
    }

    .pagination ul > li.active > a {
        background: none !important;
    }

    .pagination ul > li > a.fa-chevron-left {
        font-weight: bold;
    }

    .pagination ul > li > a.fa-chevron-right {
        font-weight: bold;
    }

    .pagination ul > li.active > a.fa-chevron-left {
        font-weight: normal;
    }

    .pagination ul > li.active > a.fa-chevron-right {
        font-weight: normal;
    }

.vue-slider-wrap .vue-slider {
    color: #00000091;
    border-radius: 10px !important;
    background-color: #00000017 !important;
}

.vue-slider-piecewise li .vue-slider-piecewise-dot {
    visibility: hidden !important;
}

.vue-slider-dot {
    border-radius: 50% !important;
}

/*Risk Rating*/
.risk-rating {
    font-family: 'CentraNo2-bold';
    font-size: 14px;
    border-radius: 5px !important;
    height: fit-content !important;
    padding: 5px;
    line-height: 10px !important;
    text-align: center;
}

.old-risk-rating {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-family: 'CentraNo2-light'
}

/*Status toggles*/
.status-toggle-container {
    padding-bottom: 16px;
}

.toggleSelected {
    background: #2862F21A !important;
    border: 1px solid #2862F21A !important;
    color: #2458D9 !important;
}

.status-toggle {
    border: 1px solid #00000017;
    border-radius: 15px !important;
    color: #000000AB;
    display: inline-block;
    font-size: 12px;
    margin-right: 8px;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}

    .status-toggle:hover, .status-toggle.selected {
        background-color: var(--tertiary-button-active-background-color);
        border: 1px solid var(--tertiary-button-active-background-color);
        color: var(--tertiary-button-active-text-color);
        text-decoration: none !important;
    }

    .status-toggle.danger {
        border-color: #D92B271A;
        color: #D92B27;
        margin-right: 0;
    }

        .status-toggle:hover.danger, .status-toggle.danger.selected {
            background: #D92B271A;
            border-color: transparent;
        }

    .status-toggle + .separator {
        background-color: #e5e5e5;
        display: inline-block;
        height: 32px;
        margin-left: 15.5px;
        margin-right: 15.5px;
        vertical-align: bottom;
        width: 1px;
    }

/* Miscellaneous */
.custom-flag-tag {
    color: #000000AB;
    background-color: #00000017;
    border-radius: 15px !important;
    overflow: hidden;
    padding-bottom: 7px;
    padding-top: 7px;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

    .custom-flag-tag:hover {
        background-color: #00000024;
    }

.table-v2 > tbody > tr > td > span.badge {
    background-color: #00000017;
    border-radius: 3px !important;
    color: #000000DE;
    font-family: 'CentraNo2-bold';
    line-height: 16px;
}

.taskControlPanel {
    border: 1px solid #00000017 !important;
    border-radius: 5px !important;
    background-color: white;
}

    .taskControlPanel:hover {
        background-color: #00000017;
        border-color: transparent !important;
    }

    .taskControlPanel:first-child {
        margin-top: 0px;
    }

.vue-overlay.vue-overlay-v2, .page-header > .vue-dropdown-container > .vue-dropdown-options {
    border-radius: 10px !important;
}

.vue-overlay-v2 > div:first-child > a, .vue-overlay-v2 > a.pager-dropdown-option:first-child {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.command-item-button .vue-overlay-v2 > div > a:last-child, .vue-overlay-v2 > a.pager-dropdown-option:last-child {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

#risk-options div:last-child > a {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    color: #D92B27 !important;
}

    #risk-options div:last-child > a:hover {
        background-color: #f5e9e9 !important;
    }

.vue-overlay-v2 > hr {
    margin: 0px !important;
}

.vue-overlay-v2 > .separator {
    background-color: #00000017 !important;
    border-radius: 5px !important;
    height: 2px !important;
    left: 5%;
    position: relative;
    width: 90%;
}

.progress-bar[aria-valuenow="0"] {
    min-width: 0 !important;
}
/* Breakpoints: 
    Web 2k: 2560px and larger
    Web 1920: 2559px - 1920px
    Bootstrap XXL: 1919px - 1400px
    Bootstrap XL: 1399px - 1200px
    Bootstrap L: 1199px - 992px
    Bootstrap M: 991px - 768px
    Bootstrap S: 767px - 576px
    Bootstrap XS: 575px - 321px
    Bootstrap XXS: 320px and smaller
*/
@media (min-width: 2560px) {
    .container-fluid {
        padding-right: 384px !important;
        padding-left: 384px !important;
    }
}

@media (max-width: 991px) {
    .filter-panel .filter.pulse-btn-white {
        margin-top: 8px;
    }

    .responsive-table thead {
        display: none !important;
    }

    .responsive-table > tbody > tr {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

        .responsive-table > tbody > tr > td {
            border-radius: 10px !important;
            border-top: none !important;
        }

            .responsive-table > tbody > tr > td.title {
                background: white;
                box-shadow: none !important;
                display: block !important;
                font: inherit !important;
                margin: 0 !important;
                padding: 12px 0 !important;
                width: 100% !important;
            }

            .responsive-table > tbody > tr > td.mobile {
                display: none !important;
            }

            .responsive-table > tbody > tr > td.column-icon.command {
                display: flex !important;
                flex-direction: row-reverse;
                position: absolute;
                top: 4px;
                background: none !important;
                overflow: visible;
                padding: 0 !important;
                text-align: right;
                border: none !important;
                line-height: 25px !important;
                height: 50px;
                vertical-align: middle;
            }

            .responsive-table > tbody > tr > td.command > a {
                color: #000000AB;
                padding: 15px !important;
                display: block;
            }

    .search-bar {
        width: calc(100vw - 64px) !important;
        display: block !important;
        margin-bottom: 24px;
    }

    .status-toggle-container {
        padding-top: 24px;
    }

        .status-toggle-container > div > div {
            overflow-x: scroll;
            white-space: nowrap;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

            .status-toggle-container > div > div::-webkit-scrollbar {
                display: none;
            }

    .command-item-v2 .filter-toggle {
        min-width: unset;
    }

    .pseudo-table-row-v2 {
        background: none !important;
        padding: 0;
    }

    .unresizable-table {
        overflow-y: hidden;
        height: unset;
    }

    .well {
        padding-top: 0;
    }
}

@media (max-width: 376px) {
    .page-header {
        margin-bottom: 64px !important;
    }

        .page-header > .vue-dropdown-container {
            margin-bottom: 24px;
            width: 100%;
        }

            .page-header > .vue-dropdown-container > .vue-dropdown {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }

            .page-header > .vue-dropdown-container .vue-dropdown-options {
                min-width: unset;
            }

        .page-header > button.pulse-btn-blue {
            float: left !important;
            width: calc(100% - 45px);
        }

        .page-header > a.graph-toggle {
            margin-right: 0;
        }
}

/* Date picker */

.unifi-input {
    border: none !important;
    text-align: left;
}

.unifi-input-group {
    display: flex;
    align-items: center;
    padding-top: 1px;
}

.filter-date:hover .unifi-input {
    background: transparent !important;
}

    .filter-date:hover .unifi-input::placeholder {
        color: #000000AB !important;
    }

/*  Accordion */

.accordion {
    border-radius: 10px !important;
    color: #000000DE;
    cursor: pointer;
    height: 53px;
    padding: 18px;
    width: 100%;
    font-size: 16px;
    font-family: 'CentraNo2-bold';
    transition: 0.4s;
}

.accordion-number {
    background-color: #00000017;
    font-size: 12px;
    color: black;
    border-radius: 3px !important;
    padding-left: 4px;
    padding-right: 4px;
    min-width: 15px;
    text-align: center;
    font-family: 'CentraNo2-bold';
}

.accordion-active {
    background-color: #FFF;
}

.unifi-timeline-table {
    display: table;
    height: 94px;
    width: 100%;
    margin-bottom: 10px;
    background: #FFF;
    font-family: 'CentraNo2-book';
    border-radius: 10px !important;
}

.unifi-timeline-title {
    font-weight: bold !important;
    color: #00000091;
}

/* BreakPoints for the CommandItem */

@media only screen and (max-width: 768px) {
    .command-item-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .search-bar {
        width: 100% !important;
        margin-bottom: 16px;
    }

        .search-bar > a {
            float: right;
            right: 5px !important;
            top: 2px;
        }

    .command-items-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 25%;
        margin-left: 75%;
        margin-top: -40px;
    }

    .filter {
        margin-bottom: 5px !important;
    }
}

@media only screen and (max-width: 375px) {
    .search-bar > a {
        padding: 0 !important;
        top: 8px;
    }
}

/* unifi-column-config */

.unifi-column-config-header {
    background: none;
    color: #000000DE;
    font-family: 'CentraNo2-bold';
    font-size: 16px;
}

.unifi-list-group-item-left {
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    color: #000000DE;
    margin-right: 8px;
}

.unifi-list-group-item-right {
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    color: #000000DE;
    width: calc(100% - 8px);
}

.drag-drop-area > div:hover {
    box-shadow: none !important;
}

/* Hierarchy Selector */

.unifi-typehead-dropdown {
    padding: 5px;
    border-radius: 5px !important;
    background: var(--tertiary-button-hover-background-color);
    color: #000000DE;
    border-color: #ddd;
    cursor: pointer;
}

.action-hierarchy .node-item.selected {
    background: #2862F21A !important;
    border-radius: 10px !important;
    color: #2862F2;
}

    .action-hierarchy .node-item.selected:hover {
        background: #dedede !important;
        color: #000000DE;
    }

.node-item {
    padding: 8px;
}

.node-item-multi:hover {
    background: none !important;
}

.action-hierarchy .node-item:hover {
    border-radius: 10px !important;
}
:root {
    --primary-button-text-color: #FFFFFF;
    --primary-button-background-color: #2862F2;
    --primary-button-hover-background-color: #2458D9;
    --primary-button-disabled-background-color: #000000AB;
    --secondary-button-text-color: #2862F2;
    --secondary-button-background-color: #FFFFFF;
    --secondary-button-border-color: #00000017;
    --secondary-button-hover-background-color: #2862F21A;
    --tertiary-button-text-color: #000000AB;
    --tertiary-button-background-color: transparent;
    --tertiary-button-hover-background-color: #00000017;
    --tertiary-button-active-background-color: #2862F21A;
    --tertiary-button-active-text-color: #2458D9;
}

.pulse-btn-blue {
    color: var(--primary-button-text-color) !important;
    background-color: var(--primary-button-background-color) !important;
    font-family: 'CentraNo2-book' !important;
}
    .pulse-btn-blue:hover {
        color: var(--primary-button-text-color) !important;
        background-color: var(--primary-button-hover-background-color) !important;
    }

    .pulse-btn-blue:disabled {
        color: var(--primary-button-text-color) !important;
        background-color: var(--primary-button-disabled-background-color) !important;
    }

.pulse-btn-white {
    color: var(--secondary-button-text-color) !important;
    background-color: var(--secondary-button-background-color) !important;
    font-family: 'CentraNo2-book' !important;
}

    .pulse-btn-white:hover {
        color: var(--secondary-button-text-color) !important;
        background-color: var(--secondary-button-hover-background-color) !important;
        box-shadow: none !important;
    }

    .pulse-btn-white:disabled {
        color: var(--secondary-button-text-color) !important;
        background-color: var(--secondary-button-disabled-background-color) !important;
    }

.pulse-btn-clear {
    color: var(--tertiary-button-text-color) !important;
    background-color: var(--tertiary-button-background-color) !important;
    border-radius: 5px !important;
    padding: 7px 7px !important;
    font-family: 'CentraNo2-book' !important;
}

    .pulse-btn-clear:hover {
        color: var(--tertiary-button-text-color) !important;
        background-color: var(--tertiary-button-hover-background-color) !important;
        border: 1px solid transparent !important;
    }

    .pulse-btn-clear:active, .pulse-btn-clear.applied {
        color: var(--tertiary-button-active-text-color) !important;
        background-color: var(--tertiary-button-active-background-color) !important;
        border: 1px solid transparent !important;
    }

    .pulse-btn-clear:disabled {
        color: var(--tertiary-button-text-color) !important;
        background-color: var(--tertiary-button-disabled-background-color) !important;
    }

.pulse-btn-pill--selected {
    border-bottom: 3px solid var(--primary-pill-button-selected-color) !important;
}

.pulse-btn-pill:hover {
    background-color: var(--primary-pill-button-hover-background-color) !important;
    color: var(--primary-pill-button-hover-text-color) !important;
}

.chosen-container-single .chosen-single {
    color: inherit !important
}
.chosen-input-v2 .chosen-container-single .chosen-single,
.chosen-input-v2 select {
    background-color: inherit;
}

.chosen-input-v2 .chosen-container .chosen-drop .chosen-results::-webkit-scrollbar {
    width: 6px;
}

.chosen-input-v2 .chosen-container .chosen-drop .chosen-results::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #ACACAC;
}

.dropdown-menu.pulse-dropdown-menu {
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 4px 9px rgb(188 188 188 / 80%);
}

.pulse-check.checked > i {
    color: var(--secondary-button-text-color);
}

.pulse-check:hover > i:before{
    font-weight: normal;
}

.pulse-check.checked > i:before {
    font-weight: 900;
}

.search-bar {
    display: inline-block;
    border: 1px #3333331A solid !important;
    border-radius: 5px !important;
}

    .search-bar > input[type="text"]#search-bar {
        margin-bottom: 0;
        border: none !important;
        height: 36px;
        padding-left: 0;
        width: calc(100% - 66px);
    }

    .search-bar > a {
        color: #00000091;
        right: -5px;
        padding: 5px;
        position: relative;
        vertical-align: middle;
    }

    .search-bar > i {
        font-size: 14px;
        line-height: 20px;
        padding: 5px;
        vertical-align: middle;
    }

.modal-body textarea {
    border: 2px solid #00000017;
    border-radius: 5px !important;
    resize: none;
}

.modal-body .chosen-container {
    border: 1px solid #00000017;
    border-radius: 5px !important;
}

.j-datepicker > .input-group > input {
    border: 2px solid #00000017;
    border-right: none;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.j-datepicker > .input-group > .input-group-addon {
    background: white !important;
    border: 2px solid #00000017;
    border-left: none;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.badge.badge-green {
    background-color: #0F8A0F1A;
    color: #0C700C;
}

.badge.badge-yellow {
    background-color: #DBA6001A;
    color: #8D6708;
}

.badge.badge-grey {
    background-color: #00000017;
    color: #000000AB;
}

.modal-container {
    border-radius: 10px !important;
}

    .modal-container > .commands {
        margin-right: 12px;
        margin-top: 12px;
    }

    .modal-container > .modal-header {
        border-bottom: none !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        max-height: unset;
        padding: 24px !important;
    }

        .modal-container > .modal-header > h4 {
            font-family: 'CentraNo2-bold' !important;
            font-size: 18px !important;
        }

        .modal-container:not(:has(.modal-footer)) > .modal-body {
            border-bottom-left-radius: 10px !important;
            border-bottom-right-radius: 10px !important;
        }

    .modal-container > .modal-footer {
        border-top: none !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        max-height: unset;
        padding: 24px !important;
    }