@font-face {
    font-family: inter-thin;
    src: url(/public/assests/fonts-Inter/inter-normal.ttf);
    font-weight: 300;
}
@font-face {
    font-family: inter-light;
    src: url(../assests/fonts-Inter/inter-normal.ttf);
    font-weight: 400;
}
@font-face {
    font-family: inter-regular;
    src: url(../assests/fonts-Inter/inter-500-normal.ttf);
    font-weight: 500;
}
@font-face {
    font-family: inter-medium;
    src: url(../assests/fonts-Inter/inter-600-normal.ttf);
    font-weight: 600;
}
@font-face {
    font-family: inter-semibold;
    src: url(../assests/fonts-Inter/inter-600-normal.ttf);
    font-weight: 700;
}
@font-face {
    font-family: inter-bold;
    src: url(../assests/fonts-Inter/inter-800-normal.ttf);
    font-weight: 800;
}


.logout_no_btn:focus,
.logout_yes_btn:focus,
input:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.logout,
a {
    text-decoration: none
}

.multiselect-group label,
body {
    font-family: inter-regular
}

.home-dashboard,
.logout-head,
.upload-files {
    text-align: center
}

.bg-rgi_logo {
    width: 223px;
    height: 30px;
    background: url('../images/rgi-logo.png')
}

.logout-modal {
    width: 300px
}

.logout-head {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0;
    color: #000 !important;
    font-family: inter-medium
}

.logout_no_btn,
.logout_yes_btn {
    width: 40%;
    background: #17479e !important;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0;
    color: #fff !important;
    margin-top: 10px;
    border-radius: 8px;
    font-family: inter-medium
}

.logout_no_btn {
    float: right
}

.logout,
.profile-name h5 {
    font-size: 12px
}

.breadcrumb .nav-link {
    border-bottom: 3px solid transparent;
    color:white;
}

input:focus {
    border-color: #00000099 !important
}

.profile-name h6 {
    font-size: 10px
}

.profile-name {
    margin-right: 18px
}

.logout {
    padding: 8px 18px;
    background-color: #17479e;
    border-radius: 8px;
    color: #fff
}

.checkbox_select,
input[type=radio] {
    position: relative
}

input[type=radio]:before {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    padding: 2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    border: 1px solid #17479e;
    display: inline-block;
    visibility: visible
}

input[type=radio]:checked:after {
    width: 9px;
    height: 9px;
    border-radius: 15px;
    top: 3px;
    left: 2px;
    position: absolute;
    background-color: #17479e;
    content: '';
    display: inline-block;
    visibility: visible
}

#user-status option {
    background-color: #fff !important
}

#user-status,
#user-status1,
.status-active {
    color: #17479e
}

.inactive {
    color: red
}

select#user-status:focus-visible {
    outline: 0
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../images/check-wh.webp)
}

.checkbox_select_dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
    box-shadow: 0 3px 6px #00000029;
    z-index: 99;
    display: none;
    background: #fff
}

.checkbox_select_dropdown>::-webkit-scrollbar {
    display: none !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-track {
    background: #e9ecef !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-thumb {
    background: #00000029 !important
}

.checkbox_select_dropdown>::-webkit-scrollbar-thumb:hover {
    background: #707070 !important
}

div.checkbox_select .select_input {
    width: 100%;
    cursor: pointer
}

.checkbox_select_dropdown.show {
    display: block
}

.checkbox_select_dropdown ul {
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    border-top: 0;
    border-bottom: 0
}

.checkbox_select_dropdown ul li {
    list-style: none;
    position: relative;
    border-bottom: 1px solid #00000029;
    padding: 5px 20px;
    color: #666
}

.checkbox_select_dropdown ul li label {
    position: relative;
    display: block;
    cursor: pointer;
    margin-left: 20px
}

.checkbox_select_dropdown ul li input {
    position: absolute;
    left: 23px;
    z-index: 1;
    display: inline-block;
    top: 10px
}

.checkbox_select_anchor {
    text-decoration: none;
    color: #999
}

.checkbox_select_search {
    width: 200px;
    padding: 10px 5px 5px;
    border: 1px solid #999;
    border-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.checkbox_select_search,
.hide {
    display: none
}

.checkbox_select_submit {
    background: #00a600;
    color: #fff;
    padding: 10px 5px 5px;
    border: 0;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    display: none !important
}

.label-text {
    color: #000;
    font-size: 15px;
    padding-left: 23px;
    padding-top: 20px
}

.upload-btn1:disabled,
.upload-btn2:disabled,
.upload-btn:disabled {
    background: #00000033 !important;
    color: #00000061 !important;
    border: 1px solid #00000033;
    font-family: inter-medium
}

.nav-item-li .nav-link.active {
    border-bottom: 3px solid #17479e;
    padding: 0 10px
}

.home {
    padding: 10px 20px
}

.home1 .container {
    max-width: 61%;
}

.home .container {
    max-width: 80% !important;
}

.home-dashboard {
    padding: 25px 15px;
    background-color:#e3f5ff;
    /* border: 8px solid #17479e; */
    border-radius: 16px;
    margin: 0 10px 25px;
    box-shadow: 4px 8px 8px #00000029
}

.home__innerCard {
    background-color: #98272b;
}
/* 
.home-dashboard--blue {
    background-color:#17479e;
} */

.home .home-dashboard {
    padding: 25px 15px !important;
    height: auto;

}

.active-dashboard {
    border: 8px solid #c6f68d
}

.home-dashboard img {
    width: 55%;
    margin-bottom: 15px
}

.home-dashboard h4 {
    color: #fff;
    font-size: 18px
}

.multiselect-group label {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500 !important;
    padding: 3px 15px !important
}

.file-lebel,
.text-btn {
    font-size: 13px
}

.accordion-toggle[aria-expanded=false] .fa-angle-down {
    transform: rotate(0)
}

.accordion-toggle[aria-expanded=true] .fa-angle-down {
    transform: rotate(180deg)
}

.accordion-toggle[aria-expanded=false] .fa-angle-up {
    transform: rotate(0)
}

.accordion-toggle[aria-expanded=true] .fa-angle-up {
    transform: rotate(180deg)
}

.ui-widget.ui-widget-content {
    border: 1px solid #f5f5f5 !important;
    background: #f5f5f5 !important;
    border-radius: 12px
}

.ui-widget-header {
    border: 1px solid #f5f5f5 !important;
    background: #f5f5f5 !important
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    background: #fff !important;
    border: 1px solid #fff !important;
    width: 35px !important;
    border-radius: 4px
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    color: #000 !important
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #61d800 !important;
    background: #61d800 !important;
    color: #fff !important;
    width: 35.5px !important;
    text-align: center;
    border-radius: 4px
}

.ui-datepicker-month {
    border: none;
    margin-right: 1px !important;
    padding: 7px 5px;
    border-radius: 5px
}

.ui-datepicker-year {
    border: none;
    margin-left: 1px !important;
    padding: 7px 5px;
    border-radius: 5px
}

.uuid-title a,
.uuid-title a:hover {
    color: #104B95DE
}

.download-icon {
    width: 10px;
    height: 10px;
    display: inherit;
    background-size: cover;
    background-image: url('../assests/images/download.webp')
}

.multiselect-all label {
    color: #000;
    font-weight: 300 !important
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px
}

.table-responsive::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 10px
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #00000029;
    border-radius: 10px
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #707070;
    border-radius: 10px
}

.table-responsive {
    overflow-y: scroll;
    max-height: 850px;
    margin-bottom: 30px
}

.table-responsive table {
    margin-bottom: 0
}

.table-responsive thead {
    position: sticky;
    top: 0;
    background: #17479e;
}

.SG-table {
    overflow-y: scroll !important;
    max-height: 850px !important;
    margin-bottom: 30px !important
}

.SG-table table {
    width: 130%
}

.SG-table::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
    border: 1px solid #707070
}

.SG-table::-webkit-scrollbar-track {
    background: #e9ecef
}

.SG-table::-webkit-scrollbar-thumb {
    background: #00000029
}

.SG-table::-webkit-scrollbar-thumb:hover {
    background: #707070
}