/*navbar*/
* {
    outline: none;
}
.messenger {
    height: 100vh;
}
a {
    color: #207EA9;
}
/* Today 2/14/2024 Allign to top */
.row.align-item-start {
    align-items: flex-start !important;
}
/* End  */
td .dropdown a img.img-fluid {
    width: 10%;
}
.btn-primary {
    color: #fff;
    background-color: #207EA9;
    border-color: #207EA9;
}
.btn-outline-success {
    color: #207ea9;
    border-color: #207ea9;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #207ea9;
    border-color: #207ea9;
}

.table td, .table th {
  padding: .75rem 0rem .75rem 0rem;
}


button.btn.btn-primary.dropdown-toggle {
    box-shadow: none !important;
    background: transparent !important;
    color: #666666 !important;
}

td.dataTables_empty {
    text-align: center;
}

nav.nav-my div#collapsibleNavbar ul li a {
    font-family: 'Ubuntu', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #0C0C0C;
}

li.nav-item.admin-user p {
    font-family: 'Ubuntu', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    color: #0C0C0C;
}

table#responsedats tbody#tbodydata td {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    vertical-align: middle;
    padding: 4px 0;
}

table#responsedats tbody#tbodydata td img {
    margin-right: 4px;
}
table#responsedats tbody#tbodydata td .dropdown button.btn.user-action {
    border: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #009217 !important;
    vertical-align: middle;
}

table#responsedats tbody#tbodydata td:last-child button.btn.user-action {
    padding: 4px 0;
}

table#responsedats tbody#tbodydata td:last-child button.btn.user-action:after {
    display: none;
}

table#responsedats tbody#tbodydata td:last-child .dropdown-menu.show {
    right: 0 !important;
    left: 0 !important;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin-left: auto;
    width: 220px;
}

table#responsedats tbody#tbodydata td:last-child .dropdown-menu.show a.dropdown-item {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #666666;
    padding: 5px 8px;
}

nav.navbar.nav-my.bg-dark {
    background: #FFFFFF !important;
    padding: 0px 28px;
}

nav.nav-my div#collapsibleNavbar ul.navbar-nav li.nav-item {
    padding: 9px 7px 0;
}

nav.nav-my div#collapsibleNavbar ul li.active a {
    color: #fff;
}

nav.nav-my div#collapsibleNavbar ul.navbar-nav {
    gap: 3px;
}

li.nav-item.drop-menu button.dropdown-toggle {
    background: transparent;
    border: transparent;
    color: #0C0C0C;
    padding: 0;
}

nav.navbar.nav-my .navbar-right li.nav-item:nth-child(1) {
    margin-right: 12px;
}

div#collapsibleNavbar {
    justify-content: space-between;
}

nav.navbar.navbar-expand-md {
    background: #207EA9;
    padding: 10px 20px 0;
}

nav.sec-nav ul.navbar-nav li a {
    font-family: 'Ubuntu', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 16px;
}

li.nav-item.drop-menu .dropdown-menu {
    right: 0;
    left: auto;
}

nav.nav-my div#collapsibleNavbar ul li.active {
    background: #207EA9;
}

nav.nav-my div#collapsibleNavbar ul li a img {
    display: block;
    margin: auto;
}

nav.nav-my div#collapsibleNavbar ul li a .no-hover,
nav.nav-my div#collapsibleNavbar ul li.active img,
.no-hover {
    display: none;
}

nav.nav-my div#collapsibleNavbar ul li.active a img.no-hover {
    display: block;
    text-align: center;
    margin-bottom: 4px;
    margin: auto;
}

nav.navbar.nav-my.bg-dark a.navbar-brand {
    padding-top: 3px;
}

li.nav-item.admin-user {
    display: flex;
    gap: 5px;
    min-width: 144px;
}

nav.sec-nav ul.navbar-nav {
    gap: 8px;
}

li.nav-item.admin-user p span {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    color: #686868;
    margin-top: 5px;
}

nav.sec-nav ul.navbar-nav li.nav-item.active {
    background: #F7F8FB;
    border-radius: 4px 4px 0px 0px;
}

nav.sec-nav ul.navbar-nav li.nav-item.active a {
    color: #207EA9;
}

nav.sec-nav ul.navbar-nav li.nav-item {
    padding: 0 4px;
}

/*use-board*/
main.user-board {
    background: #f7f8fb;
}

/*side menu*/
nav.navbar.side-menu {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}

nav.side-menu ul#navAccordion {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

nav.navbar.side-menu {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 0;
}

nav.navbar.side-menu ul#navAccordion li.nav-item a.nav-link {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #686868;
    border-bottom: 1px solid #E8E8E8;
    padding: 10.5px 14px;
}

nav.navbar.side-menu ul#navAccordion li.nav-item a.nav-link img {
    padding-right: 12px;
}

.col-md-2-5 {
    -ms-flex: 0 0 21.333333%;
    flex: 0 0 21.333333%;
    max-width: 21.333333%;
}

.col-md-9-5 {
    -ms-flex: 0 0 78.666%;
    flex: 0 0 78.666%;
    max-width: 78.666%;
    /*max-width: 100%;*/
}

main.user-board>.container-fluid>.row {
    justify-content: space-between;
    padding: 20px;
}

nav.navbar.side-menu ul#navAccordion li.nav-item ul#collapseSubItems2 {
    list-style: none;
    padding-left: 0;
}

nav.navbar.side-menu ul#navAccordion li.nav-item ul#collapseSubItems2 a.nav-link span.nav-link-text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    color: #686868;
}

nav.navbar.side-menu ul#navAccordion li.nav-item ul#collapseSubItems2 a.nav-link {
    padding-left: 20%;
}

nav.navbar.side-menu ul#navAccordion li.nav-item a#hasSubItems {
    background: #207EA9;
    border-bottom: 1px solid #E8E8E8;
    color: #fff;
}

nav.navbar.user-profile {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}

nav.user-profile ul#navAccordion {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

nav.navbar.user-profile {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 0;

}
.col-md-2-5.right-menu nav.navbar.user-profile {
    overflow: auto;
}
nav.navbar.user-profile ul#navAccordion li.nav-item a.nav-link {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #686868;
    border-bottom: 1px solid #E8E8E8;
    padding: 10.5px 14px;
}

nav.navbar.user-profile ul#navAccordion li.nav-item a.nav-link img {
    padding-right: 12px;
}

nav.navbar.user-profile ul#navAccordion li.nav-item:hover a.nav-link img,
nav.navbar.user-profile ul#navAccordion li.nav-item.active a.nav-link img {
    filter: invert(1);
    filter: invert(0) grayscale(8) sepia(9) saturate(2) hue-rotate(-187deg);
}

nav.navbar.user-profile ul#navAccordion li.nav-item ul#collapseSubItems2 {
    list-style: none;
    padding-left: 0;
}

nav.navbar.user-profile ul#navAccordion li.nav-item ul#collapseSubItems2 a.nav-link span.nav-link-text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    color: #686868;
}

nav.navbar.user-profile ul#navAccordion li.nav-item ul#collapseSubItems2 a.nav-link {
    padding-left: 20%;
}

nav.navbar.user-profile ul#navAccordion li.nav-item a#hasSubItems {
    background: #207EA9;
    border-bottom: 1px solid #E8E8E8;
    color: #fff;
}

nav.navbar.user-profile ul#navAccordion li.nav-item.active a.nav-link,
nav.navbar.user-profile ul#navAccordion li.nav-item:hover a.nav-link {
    color: #207EA9;
}

li.nav-item ul.nav-second-level {
    padding: 0;
    list-style: none;
}

li.nav-item ul.nav-second-level li.nav-item a.nav-link {
    padding-left: 50px !important;
}

nav.navbar.side-menu ul#navAccordion li.nav-item ul#collapseSubItems2 li.active a.nav-link span.nav-link-text {
    color: #207EA9;
}

nav.navbar.user-profile ul#navAccordion li.nav-item ul#collapseSubItems2 li.active a.nav-link span.nav-link-text {
    color: #207EA9;
}

td#Nodata {
    text-align: center;
    background: #fff;
    color: red;
}

button.btn.btn-outline-success {
    margin-top: -11px;
}

button.btn.btn-outline-success.tab-one {
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
    padding: 8px 11px;
    color: #fff;
    background: transparent;
    margin-right: 6px;
}

button.btn.btn-outline-success.tab-two {
    border: 2px solid #FF7A00;
    background: #FF7A00;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
    padding: 8px 11px;
    color: #fff;
}

.loading-overlay {
  display: none;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
  align-items: center;
  justify-content: center;
}

.loading-overlay.is-active {
  display: flex;
}

/*user-face*/
.box-user-detail {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    max-width: 98.5%;
    margin-left: auto;
    min-height: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 75vh;
}

.our-tool {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
        flex-wrap: wrap;
}

.box-user-detail h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 18px;
    color: #0C0C0C;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}

.box-user-detail .data-user.user-add-from h3 {
    font-size: 14.5px;
}

.box-user-detail .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.our-tool .input-group {
    max-width: 240px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    overflow: hidden;
}

.our-tool .input-group input.form-control {
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    font-family: 'Ubuntu', sans-serif;
    height: auto;
}

.our-tool .input-group .input-group-append button.btn.btn-secondary {
    background: transparent;
    border: none;
}

button.btn.btn-secondary.filter {
    color: #666666;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

button.btn.btn-primary.dropdown-toggle {
    color: #666666;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    padding: 10px 17px;
    font-size: 14px;
    line-height: 16px;
    height: auto;
}

button.btn.btn-secondary.add-btn {
    background: #207EA9;
    border-radius: 4px;
    border-color: #207EA9;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}

.data-user {
    margin-top: 14px;
}

table#responsedats thead.thead-primary {
    background: #E7F7FF;
    border-radius: 0px;
}

table#responsedats thead.thead-primary {
    background: #E7F7FF;
    border-radius: 0px;
}

table#responsedats thead.thead-primary th {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    /*padding: 14px 0;*/
    vertical-align: middle;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
}

.custom-checkbox .custom-control-label::before {
    background: #FFFFFF;
    border-radius: 2px;
}

table#responsedats thead.thead-primary th a {
    vertical-align: middle;
}

table#responsedats tbody#tbodydata tr:nth-child(even) {
    background: #F8F9FC;
}

table#responsedats tbody#tbodydata td .dropdown button.btn.user-action.pending-btn {
    color: #FFB03A !important;
}

table#responsedats tbody#tbodydata td input[type=checkbox]:checked {
    accent-color: #069f0b;
    background: #069f0b;
}
.page-input ul.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.page-input ul.pagination li.page-item a {
    background: #FFFFFF;
    border: 1px solid #DFE3E8;
    border-radius: 4px;
    text-align: center;
    color: #333333;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Ubuntu', sans-serif;
    padding: 4px 11px;
}

.page-input ul.pagination li.page-item.current a.page-link {
    background: #919EAB;
    opacity: 0.7;
    color: #FFFFFF;
}

.page-input ul.pagination li.page-item.active a.page-link {
    color: #207EA9;
    border-color: #207EA9;
}

table#responsedats {
    min-width: 860px;
}

.data-user {
    overflow: auto;
}

li.nav-item ul.nav-second-level.show-other {
    position: absolute;
    width: 100%;
    max-width: 780px;
    left: 0;
    background: #fff;
    z-index: 99;
    padding: 15px;
    margin-top: 12px;
    border-radius: 3px;
    box-shadow: 0 0 12px #00000029, 0 8px 24px #0003;
}

li.nav-item ul.nav-second-level.show-other li.nav-item {
    min-width: 160px;
    float: left;
    width: 33.3%;
    margin: auto;
}

li.nav-item ul.nav-second-level.show-other li.nav-item a.nav-link span.nav-link-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #0C0C0C;
    display: flex;
    align-items: flex-end;
    text-align: left;
}

li.nav-item ul.nav-second-level.show-other li.nav-item a.nav-link {
    border: none;
    border-radius: 4px;
    padding: 12px !important;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px;
}

li.nav-item ul.nav-second-level.show-other li.nav-item:hover span {
    color: #207ea9 !important;
}

nav.sec-nav ul.navbar-nav {
    position: relative;
}

nav.sec-nav ul.navbar-nav {
    position: relative;
    width: 55%;
}

a.nav-link.nav-link-collapse.drop-m {
    position: relative;
}

a.nav-link.nav-link-collapse.drop-m:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -12px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #207ea9;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.table-select .row {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    align-items: flex-start;
}

.container-fluid.table-select {
    margin-top: 12px;
    margin-bottom: 15px;
}

.table-select .row table#responsedats {
    min-width: 395px;
}

.table-select .our-tool {
    margin-bottom: 12px;
    margin-top: 10px;
    justify-content: flex-start;
}

.table-select .our-tool .input-group {
    max-width: initial;
}

.our-tool .dropdown-menu.show {
    padding-top: 0 !important;
}

.our-tool .dropdown-menu .input-group {
    border-radius: 3px;
}

.bottom-btn-part button.btn.btn-primary {
    background: #207EA9;
    border: 1px solid #207EA9;
    border-radius: 4px;
    padding: 16px 37px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
}

.bottom-btn-part button.btn.btn-dark {
    background: transparent;
    border: 1px solid #999999;
    border-radius: 4px;
    color: #999999;
    padding: 16px 37px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
}

.bottom-btn-part button.btn.btn-dark:hover {
    color: #fff;
    background: #999;
}

.bottom-btn-part button.btn.btn-primary:hover {
    background: transparent;
    color: #207EA9;
}

a.link-url {
    color: #207EA9;
    text-decoration-line: underline;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: initial;
    padding: 5px;
}

.bottom-btn-part {
    display: flex;
    gap: 13px;
    margin-top: 18px;
    align-items: center;
    justify-content: flex-start;
}

.bottom-btn-part {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}

.table-select .row table#responsedats td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.table-select .row .col-md-6:nth-child(1) {
    border-right: 1px solid #E8E8E8;
}

table#responsedats thead.thead-primary th.blank-space {
    min-width: 140px;
}

.box-user-detail.reference-check table#responsedats .input-group input.form-control {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    font-family: 'Ubuntu', sans-serif;
    height: auto;
    border: none;
}

.box-user-detail.reference-check table#responsedats .input-group {
    max-width: 300px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    overflow: hidden;
}

.box-user-detail.reference-check table#responsedats button.btn.btn-secondary {
    background: transparent;
    border: none;
}

.user-profile-info {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    /*margin-bottom: 22px;*/
	display: block;
    margin: auto;
}

.user-profile-info .user-img {
    position: relative;
}

.user-profile-info .user-img img {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
}

span.edit-img {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 50px;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    width: 28px;
    margin: auto;
    height: 28px;
}

h4.user-name {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    font-family: 'Ubuntu', sans-serif;
    margin-top: 16px;
    margin-bottom: 4px;
    color: #0C0C0C;
}

p.user-code {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    text-align: center;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
}

.user-review {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

.user-review img {
    max-width: 14px;
}

.user-review span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    margin-left: 4px;
    margin-right: 4px;
}

.side-menu.navbar-expand-lg .navbar-collapse {
    flex-wrap: wrap;
}

.user-profile.navbar-expand-lg .navbar-collapse {
    flex-wrap: wrap;
}

.user-review .status i {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    margin-left: 5px;
    margin-right: 5px;
}

.user-review .status {
    margin-top: 4px;
}

.user-review .status img {
    max-width: 22px;
}

.data-user.user-add-from {
    border-top: 1px solid #E8E8E8;
    margin-top: 18px;
    padding-top: 18px;
}

.fill-from label {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 6px;
    margin-bottom: 0;
}

.fill-from input {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 7px;
    height: auto;
    outline: none;
    box-shadow: none !important;
}

.fill-from input {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 9.5px;
    height: auto;
    outline: none;
    box-shadow: none !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.fill-from .form-group {
    margin-bottom: 1.2rem;
}

.fill-from button.save-btn {
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    background: #207EA9;
    border-radius: 4px;
    border: 2px solid #207EA9;
    padding: 14px 37px;
    margin-top: 13em;
    margin-bottom: 8px;
}

.fill-from button.save-btn:hover {
    color: #207EA9;
    background: transparent;
    border: 2px solid #207EA9;
}

form.fill-from select#inputGroupPrepend {
    padding: 0.375rem 0.05rem;
}

button.mt-8 {
    margin-top: 8em !important;
}

form.fill-from .form-check input {
    border: 2px solid #C5C7CD;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

form.fill-from .form-check label.form-check-label {
    margin-left: 8px;
}

.data-user.Emergency-add {
    border-top: 1px solid #E8E8E8;
    margin-top: 18px;
    padding-top: 15px;
}

table.border-bottom-table tr {
    border-bottom: 1px solid #dee2e6;
}

table#responsedats tbody#tbodydata td b {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.modal ul li span.searching {
    font-size: 13px;
}
.modal div.accordion ul li {
    background: transparent;
    border: none;
    padding: 2px 3px;
    color: #333333;
}
table#responsedats tbody#tbodydata td span.block {
    display: block;
}

table.table.table-md.align-table tbody#tbodydata td {
    vertical-align: top !important;
}

span.user-first-letter {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    background: #FFB03A;
    text-align: center;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    border-radius: 50%;
}

.data-user.Emergency-add ul.nav.nav-pills li a.active {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #0C0C0C;
    font-family: 'Ubuntu', sans-serif;
    border-bottom: 2px solid #207EA9;
    border-radius: 0;
    padding: 6px 14px;
    text-decoration: none;
}

.data-user.Emergency-add ul.nav.nav-pills li {
    margin-right: 5px;
}

button.btn.btn-primary.filter-from {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 126px;
}

.data-user.Emergency-add ul.nav.nav-pills {
    margin-bottom: 20px;
}

.data-user.Emergency-add ul.nav.nav-pills li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    font-family: 'Ubuntu', sans-serif;
    border-bottom: none;
    border-radius: 0;
    padding: 6px 14px;
    text-decoration: none;
}

table#responsedats tbody#tbodydata.blue-c td.text-center span.user-first-letter {
    margin: auto;
    display: block;
    background: #207EA9;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(2) b {
    color: #207EA9;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(1) {
    width: 7%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(2) {
    width: 27%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(3) {
    width: 15%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(4) {
    width: 12%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(5) {
    width: 12%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(6) {
    width: 11%;
}

table#responsedats tbody#tbodydata.blue-c td:nth-child(7) {
    width: 14%;
}

table#responsedats tbody#tbodydata.blue-c td .revie-rating img {
    max-width: 14px;
    margin-right: 2px;
}

table#responsedats tbody#tbodydata.blue-c td {
    padding: 10px 2px;
}

.our-tool .dropdown-menu.lg-menu {
    min-width: 240px;
    padding: 12px !important;
    padding-top: 12px !important;
}

.our-tool .dropdown-menu.lg-menu h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    color: #0C0C0C;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
    display: inline;
}

.our-tool .dropdown-menu.lg-menu span {
    float: right;
}

.our-tool .dropdown-menu.lg-menu span a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    text-align: center;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
}

.dropdown-menu.lg-menu .fill-from input {
    padding: 7px 9.5px;
}

.dropdown-menu.lg-menu .fill-from .form-group {
    margin-bottom: 0.8rem;
}

.dropdown-menu.lg-menu .fill-from {
    margin-top: 15px;
}

.dropdown-menu.lg-menu .fill-from button.save-btn.wt-f {
    padding: 10px 38px;
    margin-top: 0.5em;
    margin-bottom: 3px;
    width: 100%;
    display: block;
}

.dropdown-menu.lg-menu .fill-from .form-group .user-review {
    justify-content: flex-start;
    gap: 4px;
}

.dropdown-menu.lg-menu .fill-from .form-group .user-review img.change {
    filter: invert(1);
    filter: invert(0) grayscale(9) sepia(0) saturate(2) hue-rotate(-217deg);
}

.dropdown-menu.lg-menu.show-menus {
    display: block;
    position: inherit;
    margin-top: 0;
    min-width: 100%;
    border: none;
}

.our-tool .dropdown-menu .input-group input.form-control {
    box-shadow: none !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.our-tool .dropdown-menu .input-group {
    border-radius: 4px;
    max-width: 100%;
}

.form-group.my-filter-label label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}

.form-group.my-filter-label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.our-tool .input-group.lg-max-width {
    max-width: 300px;
}

/*switch */
.show-menus .switch {
    position: relative;
    display: block;
    width: 42px;
    height: 22px;
}

/*.switch-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
    gap: 8px;
}*/

.switch-box {
    display: flex;
    gap: 5px;
    align-items: center;
}

.user-profile.right-side-from .switch-box i {
    text-align: left;
}

.switch-box i {
    margin-left: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    margin-bottom: 0;
}

.switch-box i.c-light {
    color: #666666;
    font-size: 12.5px;
}

.dropdown-menu.lg-menu.show-menus .user-review img {
    max-width: 17px;
    margin-right: 1px;
}

.show-menus .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.show-menus .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D9D9D9;
    -webkit-transition: .4s;
    transition: .4s;
}

.show-menus .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: #666666;
    -webkit-transition: .4s;
    transition: .4s;
}

.show-menus input:checked+.slider:before {
    background-color: #009217;
}

.show-menus input:checked+.slider {
    background-color: #D9FFDF;
}

.show-menus input:focus+.slider {
    box-shadow: 0 0 1px #D9FFDF;
}

.show-menus input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.show-menus .slider.round {
    border-radius: 50px;
}

.show-menus .slider.round:before {
    border-radius: 50%;
}

table#responsedats thead.thead-primary.space-d th {
    padding: 10px 0;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(2) b {
    color: #207EA9;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    display: block;
}

span.h-width {
    max-width: 100px;
    display: block;
    line-height: 1.4em;
}

table#responsedats tbody#tbodydata.blue-d td .revie-rating img {
    margin-right: 2px;
    width: 12px;
}

table#responsedats tbody#tbodydata.blue-d td button img {
    margin-right: 0;
    margin-left: 3px;
    margin-top: -3px;
}

span.done-point {
    border: 1px solid #FFFFFF;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}

span.green {
    background: #009217;
}

span.red {
    background: #D10909;
}

span.yellow {
    background: #FFB03A;
}

.box-user-detail.blue-nav-type {
    margin: 0;
    width: 100%;
    max-width: none;
    background: #E7F7FF;
    padding: 12px 10px 0;
    height: auto;
    min-height: auto;
    border: 1px solid #E7F7FF;
}

.box-user-detail.blue-nav-type h3 {
    font-size: 25px;
    /* padding-bottom: 16px; */
    padding-top: 8px;
    line-height: 1.2em;
    margin-bottom: 17px;
}

.box-user-detail.blue-nav-type .row {
    display: flex;
    align-items: center;
    align-items: flex-end;
    justify-content: space-between;
}

.blue-nav-type .our-tool .nav {
    gap: 10px;
}

.blue-nav-type .our-tool .nav li a {
    padding: 10px 15px;
    min-width: 80px;
    display: block;
    text-align: center;
    color: #0C0C0C;
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    background: #E7F7FF;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
}

.blue-nav-type .our-tool .nav li.active a,
.blue-nav-type .our-tool .nav li:hover a {
    background: #207EA9;
    color: #fff;
}

nav.navbar.user-profile .our-tool {
    border-radius: 8px;
    overflow: hidden;
}

.box-user-detail.height-auto {
    min-height: auto;
    padding-bottom: 22px;
}

.box-user-detail .Frame-user .Frame-box {
    text-align: center;
}

.box-user-detail .Frame-user .Frame-box h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    margin: 10px 8px 8px;
}

.box-user-detail .Frame-user .Frame-box {
    text-align: center;
    margin-top: 20px;
}

.Frame-user {
    border-top: 1px solid #E8E8E8;
    margin-top: 15px;
}

/*navAccordion*/
.card-header a.card-link {
    display: block;
    position: relative;
    text-align: left;
    padding-right: 30px;
}

.card .card-header {
    padding: 0;
    background: #fff;
    border: none;
    margin-bottom: 15px;
}

.card-header a.card-link .user-review {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.card-header a.card-link:before {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;
    color: #666666;
    font-weight: 200;
    font-size: 16px;
}

.card-header a.card-link[aria-expanded="true"]:before {
    display: none;
}

.card-header a.card-link[aria-expanded="true"]:after {
    content: "\f106";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    color: #666666;
    font-weight: 200;
    font-size: 16px;
    top: 0;
}
.boder-top-line {
    border-top: 1px solid #E8E8E8;
    padding-top: 20px;
}
.folder-box {
    text-align: center;
    background: #F8F9FC;
    padding: 15px 10px;
    min-height: 160px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin-bottom: 20px;
}
button.btn.btn-secondary.add-btn.w-btn {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    box-shadow: none !important;
}
.box-user-detail .folder-box span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #686868;
    font-family: 'Ubuntu', sans-serif;
}
.box-user-detail .folder-box h3 {
    font-size: 16px;
}
.card {
    border: none;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 10px;
    border-radius: 0;
}

.card .card-body {
    padding: 0;
    margin-bottom: 15px;
}

.card .card-body img {
    max-width: 14px;
    margin-right: 2px;
}

.card .card-body .revie-rating {
    margin-bottom: 2px;
}

.card-header a.card-link h5 {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #333333;
    margin-top: 4px;
}

.card-header a.card-link p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin-bottom: 0;
}

.card .card-body b {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    margin-left: 4px;
    display: inline-block;
}

.card .card-body span {
    width: 80px;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #333;
}

.card-header a.card-link .user-review span {
    margin-left: 10px;
}

.box-user-detail.blue-nav-type h3 {
    font-size: 24px;
}

table#responsedats tbody#tbodydata.blue-d tr:nth-child(even) {
    background: #fff;
}

table#responsedats tbody#tbodydata.blue-d p {
    display: flex;
    align-items: center;
    margin: 7px 0 7px;
    gap: 8px;
}

table#responsedats tbody#tbodydata.blue-d p a.user-social {
    text-decoration: none;
}

table#responsedats tbody#tbodydata.blue-d p a.user-social:hover img,
table#responsedats tbody#tbodydata.blue-d p a.user-social:focus img {
    filter: invert(0) grayscale(8) sepia(9) saturate(2) hue-rotate(-187deg);
}

table#responsedats tbody#tbodydata.blue-d td button {
    padding: 0.45rem 0.55rem;
    margin: auto;
    display: block;
}

table#responsedats thead.thead-primary.space-d th:nth-child(1) {
    padding-left: 15px;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(1) {
    width: 9%;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(2) {
    width: 28%;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(3) {
    width: 13%;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(4) {
    width: 20%;
}

table#responsedats tbody#tbodydata.blue-d td:nth-child(5) {
    width: 15%;
}
.modal-footer button.btn.btn-secondary.add-btn.w-btn {
    color: #999999;
    padding: 7px 8.5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
}
.modal-body span {
    font-weight: 400;
    font-size: 14.5px;
    line-height: 16px;
    color: #686868;
    font-family: 'Ubuntu', sans-serif;
}
div#myFolder .modal-body {
    padding-bottom: 15px;
    padding-top: 15px;
}
.modal-body button.btn.btn-secondary.add-btn.blue-btn {
    color: #207EA9;
    background: transparent;
    border: 2px solid #207EA9;
}
.modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.modal-footer button.btn.btn-secondary.add-btn {
    min-width: 70px;
}
.modal-header h4.modal-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    font-family: 'Ubuntu', sans-serif;
}
.col-md-6-5 {
    -ms-flex: 0 0 57%;
    flex: 0 0 55.5%;
    max-width: 55.5%;
}
.col-md-6-5 .box-user-detail.height-auto {
    max-width: 100%;
}
.account-details-info {
    padding: 20px;
    min-height: 130vh;
    width: 100%;
}
.account-details-info h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 18px;
    color: #0C0C0C;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}
.account-details-box span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-family: 'Ubuntu', sans-serif;
}
.account-details-box h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4em;
    color: #333;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0;
}
.account-details-box h3 a {
    color: #333;
    display: block;
    text-decoration: none;
    margin-top: 3px;
}
.box-user-detail .Frame-user .row {
    align-items: flex-start;
}
.account-details-box h3 a img {
    padding-right: 2px;
}
.account-details-box h3.green-color {
    color: #009217;
}
.account-details-info .status {
    margin-bottom: 15px;
}
.account-details-info .status i {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    margin-left: 10px;
    margin-right: 0;
}
.account-details-box {
    margin-bottom: 19px;
    margin-top: 19px;
}

/*login*/

.login_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccc;
}
.secd {
    display: flex;
    position: relative;
    z-index: 999999;
}
.login_block .secd {
    background: #fff;
}
.inform-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    height: 100%;
}
.login_block .right {
    width: 55%;
    padding: 0rem 5rem;
    background-color: #207EA9;
    border-radius: 0 4em 4em 0;
    background-image: url("/images/Rectangle_77.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.login_block .secd .sidebar-header {
    background: #fff;
    padding: 10px 15px;
    border-radius: 0 0 20px 20px;
}
.login-slider {
    width: 520px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.login-text h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.4em;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
}
.login-text h2:before {
    position: absolute;
    content: '';
    width: 45px;
    height: 5px;
    background: #fff;
    top: 0;
    margin-top: -15px;
}
.login-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    margin-top: 12px;
}
.lag-box {
    display: block;
    width: 100%;
    margin-bottom: 14px;
}
.lag-box .form-box.form-box6 {
    background: #fff;
    width: auto;
    display: inline;
    padding: 4px 12px;
    border-radius: 4px;
    margin-bottom: 10px !important;
}
.lag-box .form-box.form-box6 span {
    font-size: 14px;
    font-weight: 500;
}
.lag-box .form-box.form-box6 span {
    font-size: 14px;
    font-weight: 500;
}
.guage {
    cursor: pointer;
}
.login_block .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 45%;
    background: #fff;
    position: relative;
    height: auto;
    min-height: 100vh;
}
.login_block .left .login-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 312px;
    background: #fff;
    border-radius: 0.25rem;
    margin-top: 3.625rem;
}
.login_block .left .login-len {
    padding: 1rem 0;
    width: 100%;
}
.login_block .left .login-box {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 0.25rem;
    text-align: center;
}
.login-box h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 28px;
    font-family: 'Ubuntu', sans-serif;
    color: #000;
}
.login_block .left .login-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Ubuntu', sans-serif;
    color: #666666;
}
.login-form form {
    float: left;
    width: 100%;
    clear: both;
}
.login-form .form-box {
    float: left;
    width: 100%;
    clear: both;
    margin: 1.5625rem 0 0;
}
.login-form .form-box.form-box {
    margin-top: 6px;
}
.login-form .loginuser {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0.3125rem;
}
.input-log {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.input-log input {
    float: left;
    width: 100%;
    clear: both;
    padding: 0.3125rem 0.625rem;
    padding-left: 12px;
    color: #000;
    height: 3.125rem;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    margin-bottom: 25px;
    box-shadow: none !important;
    outline: none !important;
}
.login-form .form-box.form-box2.form-box3.remember-text {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 12px;
}
.login-form .form-box.form-box2.form-box3.remember-text label.mees {
    position: inherit;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
   font-family: 'Ubuntu', sans-serif;
}
.login_block .left .primary {
    background: #207EA9;
    border-radius: 4px;
    width: 100%;
    border: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Ubuntu', sans-serif;
    padding: 9px;
    margin-top: 16px;
    height: auto;
}
.forget-here {
    display: block;
    clear: both;
    font-family: 'Ubuntu', sans-serif;
}
.forget-here a.forgetpass {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    float: none;
    text-align: center;
    margin-top: 18px;
    display: inline-block;
}
.primary::after {
    display: inline-block;
    content: "→";
    margin-left: 0;
    margin-right: 0;
    margin-top: -0.1875rem;
    vertical-align: middle;
    opacity: 0;
    width: 0;
    transition: .5s;
}
.login-form .form-box input[type=checkbox] {
    background: #fff;
    border: 0.0625rem solid #ededed;
    margin: 0;
}
.round {
    position: relative;
    text-align: left;
}
.login-form .loginuser label {
    display: block;
    text-align: left;
    float: left;
    font-weight: 600;
    letter-spacing: -0.3px;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Ubuntu', sans-serif;
}

.login-form {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
}
li.nav-item.admin-user img {
    object-fit: contain;
}
@media(max-width: 1023px) {
.login_block .left {
    display: block;
    float: left;
    width: 100%;
    min-height: auto;
    text-align: center;
    padding: 0rem 20px;
    padding-bottom: 30px;
}
.login_block .right {
    position: inherit;
    display: block;
    float: left;
    width: 100%;
    min-height: auto;
   padding: 0rem 20px 25px;
   border-radius: 0 0 20px 20px;
}
.login_block .left .login-input {
    width: 360px;
    border-radius: 0;
    max-width: 100%;
    margin: 3.625rem auto 10px;
}
.login-slider {
    width: auto;
    display: flex;
}
.inform-box {
    max-width: 620px;
    margin: auto;
}
.login-text h2{
    font-size: 28px;
    margin-top: 40px;
}
.login_block .secd .sidebar-header {
    width: auto;
    display: inline-block;
}
.login-text p{
    font-size: 16px;
    margin-top: 20px;
}
.secd {
    display: block;
    float: left;
    width: 100%;
}
}
@media(max-width: 1099px) {
    li.nav-item ul.nav-second-level.show-other {
        padding: 15px 4px;
    }

    li.nav-item ul.nav-second-level.show-other li.nav-item a.nav-link {
        padding: 2px !important;
        gap: 4px;
    }

    li.nav-item ul.nav-second-level.show-other li.nav-item a.nav-link span.nav-link-text {
        font-size: 13px;
    }
}

@media(max-width: 991px) {
    nav.navbar.nav-my.bg-dark {
        background: #FFFFFF !important;
        padding: 0px 12px;
        display: flex;
        flex-wrap: nowrap;
    }

    nav.navbar .col-md-2-5 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 0;
    }

    nav.navbar button.navbar-toggler {
        border-color: #207ea9;
        color: #207ea9;
    }

    nav.nav-my div#collapsibleNavbar ul.navbar-nav li.nav-item {
        padding: 0px 7px 0;
    }

    nav.nav-my div#collapsibleNavbar ul li a img {
        margin-bottom: 4px !important;
    }

    nav.sec-nav .col-md-2-5 {
        display: none;
    }

    .navbar-expand-md .navbar-toggler {
        display: block !important;
    }

    nav.nav-my div#collapsibleNavbar ul.navbar-nav,
    nav.nav-my div#collapsibleNavbar {
        display: flex;
        flex-direction: column;
    }

    nav.nav-my div#collapsibleNavbar ul.navbar-nav {
        gap: 3px;
        width: 100%;
    }

    .collapse:not(.show) {
        display: none !important;
    }
    nav.nav-my div#collapsibleNavbar ul li a {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    nav.nav-my div#collapsibleNavbar ul li a img {
        display: inline;
        margin-left: 0;
        width: auto;
        margin-right: inherit;
    }
    nav.nav-my div#collapsibleNavbar ul li.active a img.no-hover {
        display: inline;
        margin-left: 0;
        width: auto;
        margin-right: inherit;
    }
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 1rem;
    }

    nav.navbar.nav-my .col-md-2-5 {
        display: flex;
        order: 1;
    }

    nav.navbar.nav-my button.navbar-toggler {
        order: 3;
    }

    nav.navbar.nav-my div#collapsibleNavbar {
        order: 4;
        position: absolute;
        z-index: 999;
        width: 100%;
        background: #fff;
        left: 0;
        top: 40px;
    }

    nav.navbar.nav-my .navbar-right {
        order: 2;
    }

    main.user-board>.container-fluid>.row {
        justify-content: space-between;
        padding: 20px 10px;
    }

    div#navbarCollapse {
        display: block !important;
    }

    li.nav-item ul.nav-second-level li.nav-item a.nav-link {
        padding-left: 20px !important;
    }

    nav.navbar.side-menu ul#navAccordion li.nav-item a.nav-link {
        font-size: 13px;
        padding: 10.5px 10px;
    }

    nav.navbar.user-profile ul#navAccordion li.nav-item a.nav-link {
        font-size: 13px;
        padding: 10.5px 10px;
    }

    .box-user-detail .col-md-3,
    .box-user-detail .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .our-tool {
        display: flex;
        gap: 10px;
        justify-content: start;
        flex-wrap: wrap;
    }

    nav.sec-nav ul.navbar-nav {
        width: 60%;
    }

}

@media (max-width: 880px) {
    li.nav-item ul.nav-second-level.show-other li.nav-item {
        min-width: 160px;
        float: none;
        width: 100%;
        margin: 5px 0;
        max-width: none;
    }
}

@media (max-width: 820px) {
    main.user-board .col-md-2-5 {
        -ms-flex: 0 0 21.333333%;
        flex: 0 0 100%;
        max-width: 280px;
        position: absolute;
        background: #fff;
        z-index: 99;
    }
    .col-md-6-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    table.table.table-md.has-checkAll thead th:nth-child(2), table.table.table-md.has-checkAll thead th:nth-child(3), table.table.table-md.has-checkAll thead th:nth-child(4), table.table.table-md.has-checkAll thead th:nth-child(5),
    table.table.table-md.has-checkAll thead th:nth-child(6){
        min-width: 110px;
    }
    table.table.table-md.has-checkAll thead th:nth-child(3){
         min-width: 210px;
    }
    main.user-board .col-md-2-5.right-menu {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: inherit;
    background: #fff;
    z-index: 99;
    margin-top: 1.2em;
}
    nav.sec-nav ul.navbar-nav {
        width: 100%;
    }

    main.user-board .col-md-9-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .side-menu div#navbarCollapse.collapse:not(.show) {
        display: none !important;
    }

    .user-profile div#navbarCollapse.collapse:not(.show) {
        display: none !important;
    }

    div#navbarCollapse {
        display: block !important;
    }

    nav.navbar.sec-nav button.navbar-toggler {
        border-color: transparent;
        color: #fff;
        margin-right: 10px;
        margin-bottom: 4px;
        margin-top: -3px;
        display: block;
    }

    .box-user-detail {
        max-width: 100%;
    }

    nav.navbar .col-md-2-5 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 0;
    }

    li.nav-item.admin-user p {
        display: none;
    }

    nav.navbar.nav-my .navbar-right ul.navbar-nav {
        flex-direction: row;
    }

    nav.navbar.nav-my .navbar-right ul.navbar-nav {
        flex-direction: row;
        gap: 3px;
        align-items: center;
    }

    li.nav-item.admin-user {
        display: flex;
        gap: 3px;
        min-width: 40px;
        max-width: 45px;
    }

    nav.sec-nav ul.navbar-nav {
        order: 1;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        justify-content: space-around;
    }

    nav.navbar.sec-nav .justify-content-end.navbar-right {
        order: 2;
        margin-top: 16px;
        padding-bottom: 10px;
        margin-left: 0 !important;
        width: 100%;
        display: flex;
        justify-content: space-evenly !important;
    }

    nav.sec-nav button.navbar-toggler {
        order: 3;
    }

    nav.navbar.sec-nav .justify-content-end.navbar-right button.btn.btn-outline-success {
        margin-top: 0;
        width: 48%;
        padding: 10px 11px;
    }

    nav.sec-nav button.navbar-toggler {
        order: 3;
        position: absolute;
        bottom: -42px;
        background: #207ea9;
        width: 50px;
        height: 40px;
        left: 12px;
    }

    main.user-board>.container-fluid>.row {
        justify-content: space-between;
        padding: 40px 10px 15px;
    }

    .box-user-detail .row {
        gap: 10px;
    }

    .box-user-detail .row.row-flex-mobile {
        gap: 0px;
    }
}

@media (max-width: 750px) {
    nav.navbar .col-md-2-5 {
        -ms-flex: 0 0 60%;
        flex: 0 0 40%;
        max-width: 40%;
        padding-left: 0;
    }
}
/*Css by vipin*/
.input-group-text {
    text-align: left;
    width: 100%;
}

.text-danger {
    color: #dc3545!important;
    font-size: 11px;
    margin: 5px;
}

@media(min-width: 992px){
    nav.sec-nav ul.navbar-nav li.nav-item a:hover~ div.drop-menu ul#collapseSubItemsB, nav.sec-nav ul.navbar-nav li.nav-item div.drop-menu:hover ul#collapseSubItemsB{
   display: block;
}
nav.sec-nav ul.navbar-nav li.nav-item .drop-menu:hover:before {
    display: block;
    position: absolute;
    right: 0;
    left: 133px;
    margin-left: auto;
    margin-right: auto;
    top: -22px;
    content: '\f0d8';
    font-size: 38px;
    font-family: FontAwesome;
    color: #fff;
    opacity: 1;
    z-index: 99999999;
}
}
nav.sec-nav ul.navbar-nav li.nav-item a.nav-link.nav-link-collapse{
    position: relative;
}
nav.sec-nav ul.navbar-nav li.nav-item a.nav-link.nav-link-collapse:hover:before{
display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -13px;
    content: '\f0d8';
    font-size: 38px;
    font-family: FontAwesome;
    color: #fff;
    opacity: 1;
    z-index: 9999;
}
nav.sec-nav ul.navbar-nav li.nav-item .drop-menu {
    display: block;
    height: 0px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    min-height: 100px;
}
a.nav-link.nav-link-collapse.drop-m:before{
    display: none;
}
}

@media(max-width: 991px){
nav.sec-nav ul.navbar-nav li.nav-item a.nav-link.nav-link-collapse.drop-m~.drop-menu ul#collapseSubItemsB {
    display: block !important;
}
}
li.nav-item a.nav-link.active span {
    color: #1e6789;
}
/*home page*/
   .card-body {
       box-shadow: 0px 0px 8px rgb(0 0 0 / 12%) !important;
       border-radius: 8px;
       background: #FFFFFF;
       overflow: hidden;
       position: relative;
       padding: 20px 10px;
   }
   .card-body:before {
       position: absolute;
       content: '';
       width: 100%;
       height: 5px;
       left: 0;
       right: 0;
       bottom: 0;
   }
   .card-body-blue:before {
      background: #207EA9;
   }
   .card-body-orange:before {
      background: #FFB03A;
   }
   .card-body-red:before {
      background: #DA4747;
   }
   .card-body-green:before {
      background: #03A200;
   }
   h3.card-title {
       font-family: 'Ubuntu', sans-serif;
       font-style: normal;
       font-weight: 500;
       font-size: 26px;
       color: #207EA9;
   }
   h6.text-info {
       color: #333333 !important;
       text-align: left;
       font-weight: 600;
       font-size: 14px;
       line-height: 20px;
       letter-spacing: 0;
       font-family: 'Ubuntu', sans-serif;
       margin-bottom: 0px;
       margin-top: 16px;
   }
   .user-to-list {
       background: #FFFFFF;
       box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);
       border-radius: 8px;
       overflow: hidden;
       min-height: 150px;
   }
   h1.heading-table-line {
       font-style: normal;
       font-weight: 700;
       font-size: 16px;
       line-height: 18px;
       font-family: 'Ubuntu', sans-serif;
       color: #333333;
       text-align: left;
       padding: 20px 15px;
   }
   h1.heading-table-line span {
       text-align: right;
       float: right;
       font-style: normal;
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       color: #207EA9;
   }
   h1.heading-table-line span a {
       color: #207EA9;
       font-size: 14px;
   }
   table#responsedats-table {
       border: none;
       background: #fff;
   }
   table#responsedats-table thead.thead-primary {
       background: #fff !important;
       border-radius: 0px;
   }
   table#responsedats-table thead.thead-primary tr {
       border: 1px solid #E8E8E8;
       border-left: none;
       border-right: none;
   }
   table#responsedats-table thead.thead-primary tr th.text-center {
       padding-bottom: 19px;
       padding-top: 19px;
       width: 31px;
       min-width: 50px;
       text-align: center !important;
   }
   table#responsedats-table thead.thead-primary tr th span.plus-box {
       background: #DDF4FF;
       border-radius: 8px;
       width: 24px;
       height: 24px;
       display: block;
       margin: auto;
       color: #207EA9;
       font-size: 20px;
       line-height: 22px;
   }
   table#responsedats-table thead.thead-primary tr th.text-center h4 {
       font-weight: 400;
       font-size: 15px;
       line-height: 20px;
       color: #888888;
       margin-bottom: 0;
       font-family: 'Ubuntu', sans-serif;
           text-align: left;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td:nth-child(1) {
       width: 6%;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td:nth-child(2) {
       width: 58%;
       background: #fff;
       color: #888888;
       font-style: normal;
       font-weight: 400;
       font-size: 13px;
       font-family: 'Ubuntu', sans-serif;
      }
   table#responsedats-table tbody#tbodydata tr.noExl td:nth-child(3) {
       width: 13%;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td h4 {
       color: #333333;
       font-weight: 600;
       font-size: 14px;
       line-height: 20px;
       font-family: 'Ubuntu', sans-serif;
       text-transform: capitalize;
       margin-bottom: 2px;
       text-align: left;
   }
   table#responsedats-table tbody#tbodydata td input {
       width: 20px;
       height: 20px;
       margin-top: 8px;
   }
   table#responsedats-table {
       min-width: 600px;
       overflow: auto;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td.text-center {
       color: #888888;
       font-style: normal;
       font-weight: 400;
       font-size: 13px;
       line-height: 1.4em;
       font-family: 'Ubuntu', sans-serif;
       background: #fff;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td button.btn.do-list-pending {
       background: #FFB03A;
       border-radius: 4px;
       text-transform: uppercase;
       font-style: normal;
       color: #fff;
       text-align: center !important;
       display: inline-block;
       padding: 8px 10px;
       min-width: 92px;
       font-weight: 500;
       font-size: 12px;
       line-height: 13px;
       margin: 0 !important;
       margin-top: 0 !important;
   }
   table#responsedats-table tbody#tbodydata tr.noExl td button.btn.do-list-pending.do-done {
       background: #29CC97;
   }
   table#responsedats-table tr.noExl td {
       vertical-align: middle;
   }
   .to-do-table {
       background: #FFFFFF;
       box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);
       border-radius: 8px;
       overflow: hidden;
       height: 100% !important;
   }
   .Supplier-box .to-do-table h1.heading-table-line {
       border-bottom: 1px solid #E8E8E8;
       font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Ubuntu', sans-serif;
    color: #333333;
    text-align: left;
    padding: 22px 15px;
   }
   .to-do-table h1.heading-table-line span {
       text-align: right;
       float: right;
       font-style: normal;
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       color: #207EA9;
   }
   .to-do-table ul.supplier-list {
       list-style: none;
       padding-left: 0;
       margin-bottom: 0;
   }
   .to-do-table ul.supplier-list li {
       padding: 13px 10px;
       border-bottom: 1px solid #E8E8E8;
   }
   .to-do-table ul.supplier-list li a {
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       letter-spacing: 0.2px;
       color: #207EA9;
       font-family: 'Ubuntu', sans-serif;
       text-decoration: none;
   }
   table#responsedats-table tr.noExl td {
       padding: 7px 0;
   }
   .user-to-list.calendar-box {
       min-height: 318px;
   }

   a.btn.btn-secondary.add-btn {
    background: #207ea9;
    border-color: #207ea9;
}

/*-----------------*/
.inform-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2em;
    height: 100%;
}
.login-slider {
    width: 565px;
}
.login-text h2 {
    font-size: 38px;
}
.lag-box .form-box.form-box6 {
    display: inline-block;
}
.lag-box .form-box.form-box6 select {
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    color: #837d7d;
    margin-top: 0 !important;
    padding: 3px 0;
}
.login-input.registration-form .input-log input {
    margin-bottom: 6px;
    height: 2.9em;
}
.login-box .registration-form button.primary {
    margin-top: 0 !important;
}
.login_block .registration-form p span.color-gray {
    display: block;
    color: #979797;
    font-weight: 500;
}
.login-box .registration-form .forget-here {
    display: block;
    color: #979797;
    font-weight: 500;
    font-size: 13px;
    padding-top: 10px;
}
.login-box .registration-form .forget-here a.forgetpass {
    color: #36a1d1;
}
.login-box .registration-form .login-box h1 {
    font-size: 22px;
}
.login_block .left .registration-form.login-input {
    margin-top: 0;
    justify-content: center;
    padding-bottom: 25px;
    padding-top: 25px;
}
.login-box .registration-form.from-account .login-box h1 {
    font-size: 20px;
}
.login-box .registration-form.from-account .form-box {
    margin-bottom: 10px;
}
.login-box .registration-form.from-account .form-box label {
    font-weight: 500;
    font-size: 14px;
}

.login-box .registration-form.from-account .point-from {
    text-align: left;
    font-size: 10.7px;
}
.login-box .registration-form.from-account .point-from h6 {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #979797;
}
.login-box .registration-form.from-account ul {
    padding-left: 15px;
    list-style: inside;
    color: #979797;
}
.login-box .registration-form.from-account .form-box.remember-text {
    margin: 0 !important;
}
.login-box .registration-form.from-account .form-box.remember-text label.mees {
    color: #979797;
}
.login-box .registration-form.from-account .form-box.remember-text label.mees a{
    color: #3dacdf;
    text-decoration: underline;
}

td.text-center .custom-control.custom-control-nolabel {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
td.text-center .custom-control.custom-control-nolabel input[type=checkbox] {
    accent-color: #069f0b;
}
.side-menu.navbar-expand-lg .navbar-collapse {
    max-height: 100vh;
    overflow-X: auto;
    min-height: 550px;
}
.side-menu.navbar-expand-lg .navbar-collapse::-webkit-scrollbar {
    width: 0px;
}
th input[type=checkbox] {
    accent-color: #069f0b;
}
/*Calander Css*/
.ui-datepicker-header {
  background-color: #2196f3;
  color: white;
  text-align: center;
  font-family: 'Roboto';
  padding: 10px;
  height: 40px;
  border-radius: 8px 8px 0px 0px;
}

.ui-datepicker-prev span {
  display: none;
}
.ui-datepicker-prev:after {
  content: "<";
  font-size: 2rem;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.ui-datepicker-next span {
  display: none;
}
.ui-datepicker-next:after {
  content: ">";
  float: right;
  font-size: 2rem;
  margin-right: 10px;
  cursor: pointer;
}
.ui-datepicker-calendar th {
  padding: 10px;
  color: #2196f3;
}
.ui-datepicker-calendar {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
}
.ui-datepicker-title {
  padding: 10px;
}
.ui-datepicker-calendar td {
  padding: 4px 0px;
}
.ui-datepicker-calendar .ui-state-default {
  text-decoration: none;
  color: black;
}
.ui-datepicker-calendar .ui-state-active {
    color: #2196f3;
}

nav.sec-nav ul.navbar-nav li.nav-item .drop-menu {
    display: none;
}
nav.sec-nav ul.navbar-nav li.nav-item:hover .drop-menu {
    display: block;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    }
body {
    top: 0px !important;
    }
.dropdown-item{
  display: block;
  width: 100%;
  padding: 0.45rem 1rem;
  clear: both;
  font-weight: 400;
  color: #666666;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 14px;
}
.dropdown-menu{
  min-width: 7rem;
}
.lag-box .form-box.form-box6 {
    max-height: 36px;
    overflow: hidden;
    padding: 0;
}
.lag-box .form-box.form-box6 select.goog-te-combo {
    padding: 9px 5px;
    width:100%;
}

.ui-datepicker-calendar {
    display: block;
    width: 100%;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    width: 7.9%;
    text-align: left;
    padding: 8px 9px;
    color: #000;
    border: 1px solid #ccc;
}
.ui-datepicker-header {
    background-color: #207ea9;
    color: white;
    text-align: center;
    font-family: 'Roboto';
    padding: 7px;
    height: auto;
    border-radius: 8px 8px 0px 0px;
}
.ui-datepicker-header a.ui-corner-all {
    color: #fff;
}

table#responsedats thead.thead-primary input#master {
    width: 15px;
    height: 15px;
}
td.text-center .custom-control.custom-control-nolabel input {
    width: 15px;
    height: 15px;
}
#masterQuali {
    width: 15px;
    height: 15px;
}
.data-user {
    min-height: 200px;
}

.dropdown-menu.sort-filter {
    min-width: 5rem;
}

.sort-filter a {
    color: #7f667f;
    font-size: 14px;
    padding-left: 11px;
}
.sort-filter i.fa.fa-sort {
    color: #7f667f;
    font-size: 11px;
}
.sort-filter i.fa.fa-sort-alpha-asc, i.fa.fa-sort-asc, i.fa.fa-sort-desc {
    color: #7f667f;
    font-size: 12px;
}
.ui-datepicker-title span {
    font-weight: 600;
    font-size: 18px;
}
.ui-datepicker-next:after {
    font-weight: 600;
}
.ui-datepicker-prev:after {
    font-weight: 600;
}

tr.tr-inactive {
    background: red !important;
}
tr.tr-inactive td {
    color: #fff !important;
}
tr.tr-inactive td div span {
    color: #fff !important;
}

main.user-board .box-user-detail .data-user .mt-2 .alert {
    display: none;
}
div#responsedats_wrapper div#responsedats_length, div#responsedats_wrapper div#responsedats_filter {
    padding: 0 15px;
}
div#responsedats_paginate {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}
div#responsedats_paginate a.paginate_button {
    color: #6c757d;
    cursor: pointer;
    background-color: #fff;
    border-color: #dee2e6;
    position: relative;
    display: block;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    width: 34px;
    text-align: center;
    padding: 10px;
}
div#responsedats_paginate span {
    display: flex;
    gap: 5px;
}
div#responsedats_paginate a#responsedats_first {
    display: none;
}
div#responsedats_paginate a#responsedats_previous {
    display: none;
}
div#responsedats_paginate a.paginate_button#responsedats_next,
div#responsedats_paginate a.paginate_button#responsedats_last {
    width: auto;
}
div#responsedats_info {
    text-align: center;
}
div#responsedats_paginate a.paginate_button.current {
    background: #207ea9;
    color: #fff;
}
@media(min-width: 1349px){
nav.navbar.side-menu ul#navAccordion li.nav-item a.nav-link {
    font-size: 14px;
}
}
.side-menu .nav-link.active {
  background: #ddd;
}

.card-body {
    height: 100%;
}
li.nav-item.admin-user img {
    width: 40%;
    min-width: 40px;
}
@media(max-width: 1199px){
table#responsedats-table tbody#tbodydata tr.noExl td:nth-child(2) {
    width: 38%;
}
}
.btn-default:hover {
    color: #000;
    text-decoration: none;
    background: #fff;
    border: 1px solid #555;
}

@media(max-width: 991px){

.row.row-flex-mobile .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 12px;
}
    .row.row-flex-mobile .col-6 .our-tool {
    justify-content: flex-end;
}

}






@media(max-width: 767px){
.col-12.col-sm-6.col-md-3.pl-3.pr-2 {
    padding-left: 0.5rem!important;
}
.mpl-2 {
    padding-left: 0.5rem!important;
}
li.nav-item.drop-menu .dropdown-menu {
    position: absolute;
}

.blue-nav-type .our-tool .nav li.nav-item {
    width: 100%;
}
.col-md-6-5 .box-user-detail ul.nav.nav-pills li {
    z-index: 5;
    width: 100% !important;
    padding: 2px 2px 2px 2px;
    list-style-type: none;
    clip-path: none !important;
}
.d-flex.bd-highlight {
    display: flex !important;
    flex-wrap: wrap !important;
}
.d-flex.bd-highlight .text-center button {
    display: block;
    margin-bottom: 8px;
}
.box-user-detail {
    margin-right: 0 !important;
}
.box-user-detail.height-auto table#responsedats {
    min-width: 680px !important;
}
table#responsedats thead.thead-primary.space-d th:nth-child(1) {
    min-width: 48px;
}
div#threes .d-flex.justify-content-between {
    min-width: 100% !important;
    flex-wrap: wrap;
    gap: 10px;
}
div#threes .d-flex.justify-content-between div {
    width: 100%;
    display: block;
}
.box-user-detail.blue-nav-type {
    margin-top: 50px;
}
main.user-board .col-md-2-5 {
  position: inherit;
  max-width: 100%;
  margin-bottom: 10px;
}
main.user-board {
  margin-top: 50px;
}
}



.our-tool .input-group form .input-group {
    border: 0px;
}

.our-tool .input-group button.btn.btn-secondary {
    width: 36px;
}

.page-input ul.pagination li.page-item a {
    border-radius: 0;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
}


tbody#tbodydata td.text-center a.btn.btn-sm.btn-outline-warning {
    margin-right: 5px;
}

.col-md-9-5 .col-md-9-5 {
    max-width: 100%;
}
@media(min-width: 820px){
.dropdown-menu.lg-menu .fill-from .row:nth-child(3) .col-md-6:nth-child(1) {
    padding-right: 4px;
}
.dropdown-menu.lg-menu .fill-from .row:nth-child(3) .col-md-6:nth-child(2) {
    padding-left: 4px;
    margin-top: 2px;
}
.dropdown-menu.lg-menu .fill-from .row:nth-child(3) .col-md-6 input {
    padding-left: 5px;
    padding-right: 5px;
}
}
@media (max-width: 820px) and (min-width: 767px){
    a.btn.btn-secondary.add-btn img.img-fluid {
    max-width: 16px;
}
a.btn.btn-secondary.add-btn {
    font-size: 15px;
}
}

/*Vipin CSS*/
.staff-request a.btn.btn-secondary.add-btn {
  line-height: 2.5;
  display: inline-block;
  vertical-align: middle;
}
.e-requirement .requirement-items {
    border: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.account-details-info {
    min-height: 45vh;
}
.right-button button.btn.btn-secondary.add-btn {
    width: 100%;
    margin-top: 20px;
    height: 85%;
}
.staff-request .modal-body {
    justify-content: normal;
}
.staff-request .modal-content {
    height: 650px;
}
.staff-request .modal-dialog {
    max-width: 1100px;
}
.staff-request a.btn.btn-secondary.add-btn {
    background: #207ea9;
    border-color: #207ea9;
    height: 79px;
    width: 176px;
    text-align: center;
    font-size: 21px;
    margin: 5px;
}
#staffModal .row .col-sm-4 {
  display: flex;
  width: 280px;
}

button.btn.tab-reff {
  border: 2px solid #000;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 11px;
  color: #000;
  background: transparent;
  margin-bottom: -12px;
}

.modal-footer .btn {
  background: #207EA9;
  border: #207EA9;
}

.reff-user .form-group {
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
}
/*End Vipin CSS*/
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-dialog {
    max-width: 630px;
    margin: 1.75rem auto;
    width: 100%;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-dialog .modal-content {
    width: 100% !important;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-dialog .modal-content .nav.nav-tabs {
    justify-content: flex-start !important;
    padding-left: 5%;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-dialog .modal-content .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 3px solid #1d8afe;
    border-color: #1d8afe;
    font-weight: 600;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal ul.selection li.d-flex input[type=checkbox]:checked {
    accent-color: #007bff;
    background: #007bff;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal ul.selection li:nth-child(odd) {
    background: #f8f9fc;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal ul.selection li {
    padding: 12px;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    margin: 0 !important;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-dialog .modal-content .nav.nav-tabs li a {
    color: #000;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .modal-body .card>span {
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: left !important;
    line-height: 1.2em;
    margin-bottom: 8px;
    color: #000;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .our-tool .input-group {
    height: auto !important;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal  .our-tool .input-group input.form-control {
    height: auto !important;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal ul.unselect li {
    padding: 12px;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    margin: 0 !important;
}
ul.unselect li:nth-child(odd) {
    background: #f8f9fc;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(3)::-webkit-scrollbar,
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(2)::-webkit-scrollbar {
    box-shadow: inset 0 0 5px #999;
    border-radius: 4px;
    width: 6px;
    background: #f3f3f3;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(3)::-webkit-scrollbar-thumb,
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(2)::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(3)::::-webkit-scrollbar-thumb:hover,
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card div:nth-child(2)::::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
div#specialQualification .collapse ul li {
    font-size: 14px;
}
.data-user div#responsedats_wrapper table.table.table-md.has-checkAll tbody#tbodydata .modal .card .modal-content .nav.nav-tabs {
    display: flex;
    justify-content: flex-start !important;
}
table#responsedats tbody#tbodydata.blue-d div#requiredCertificates tr td {
    padding: 12px !important;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    margin: 0 !important;
    height: auto;
}
table#responsedats tbody#tbodydata.blue-d div#requiredCertificates tr:nth-child(odd) {
    background: #f8f9fc;
}
div#myDiv .big-modal .modal-body .row {
    justify-content: center;
}
body {
    width: 100%;
    overflow-x: hidden;
}
.modal-body {
    max-width: 100% !important;
}

.modal ul li, .modal ul li, .modal ul li {
            padding: 12px;
            border: 1px solid #f1f1f1;
            border-left: none;
            border-right: none;
            margin: 0 !important;
        }

        .modal ul li:nth-child(odd), .modal ul li:nth-child(odd), .modal ul li:nth-child(odd) {
            background: #f8f9fc;
        }

        .modal ul li:nth-child(odd), .modal ul li:nth-child(odd), .modal ul li:nth-child(odd) {
            background: #f8f9fc;
        }

        .modal ul li, .modal ul li, .modal ul li {
            padding: 12px;
            border: 1px solid #f1f1f1;
            border-left: none;
            border-right: none;
            margin: 0 !important;
        }
.navbar-expand-lg .navbar-collapse {
    align-items: flex-start !important;
}

.create-new-task tr th h4 a {
    color: #888;
}
.create-new-task tr td h4 a {
    color: #333;
}

.notice-board ul li a, .recent-activity ul li a {
    color: #978897 !important;
}
table#responsedats-table tbody#tbodydata tr.noExl td.text-center input:before {
    background: #207ea9;
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: -1;
}
table#responsedats-table tbody#tbodydata tr.noExl td.text-center input:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
    width: 28px;
    line-height: 26px;
    color: #fff;
    font-size: 16px;
}
@media (max-width: 1480px) and (min-width: 821px){
.datefilter .col-md-6{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.datefilter .col-md-6:nth-child(2) label {
    display: none;
}
}
@media (max-width: 1280px) and (min-width: 821px){
.dropdown-menu.lg-menu .fill-from .row:nth-child(3) .col-md-6{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.dropdown-menu.lg-menu .fill-from .row:nth-child(3) .col-md-6:nth-child(2) label{
    display: none;
}

body #groupFiltersr, body #nameFiltersr {
    width: 130px !important;
}
}
@media (max-width: 1420px){
    body .box-user-detail.height-auto table#responsedats{
     min-width: 860px;
    }
    body .data-user.removeScroll {
        overflow: auto !important;
    }
}

/*new css 11-oct-2023*/

.blue-nav-type .our-tool .nav li a {
    color: #333;
    font-size: 16px;
}
.blue-nav-type .our-tool .nav li a.active, .blue-nav-type .our-tool .nav li.active a, .blue-nav-type .our-tool .nav li:hover a {
    background: transparent;
    color: #207EA9;
    border-bottom: 3px solid;
}
.account-details-box span {
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 8px;
}
.Frame-user {
    color: #686868;
    font-size: 14px;
}
nav.navbar.user-profile .account-details-info h4 {
    color: #333;
    font-size: 16px;
}
main.user-board>.container-fluid>.row {
    background: #F8F9FC;
}
div#creatjob .modal-body h5 {
    font-size: 16px;
    color: #333;
}
div#creatjob .modal-body label{
    color: #333;
}
div#creatjob .modal-body .btn-outline-dark {
    color: #999;
    border-color: #999;
}
.big-modal .modal-body h3 {
    color: #0C0C0C;
    font-size: 24px;
}
div#myDiv .big-modal .modal-body .row {
    width: 100%;
}
div#myDiv .modal-body .row a.btn.btn-outline-secondary.onhover {
    margin: 3em auto !important;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}
.onhover:hover {
    color: #fff !important;
}
.our-tool .dropdown-menu.lg-menu h4, .box-user-detail h3{
    color: #333;
}
.our-tool .dropdown-menu.lg-menu span a {
    color: #666;
}
table#responsedats thead.thead-primary.space-d th {
    color: #0C0C0C;
    font-weight: 500;
}
.details-analytics table.analytics-count tr th, .details-analytics table.analytics-count tr td {
    padding: 5px 3px 7px 5px !important;
}

select#groupFilter {
    max-width: 150px;
    margin-left: 6px;
}
form#recom_filter label {
    color: #666666;
    font-size: 14px;
}
table#responsedats tbody#tbodydata td img.circle {
    width: 50px;
    height: 50px;
}
.card {
    border-radius: 0px !important;
}
div#specialQualificationRecomm374 .card div::-webkit-scrollbar,
body .data-user.removeScroll::-webkit-scrollbar,
.col-md-2-5.right-menu nav.navbar.user-profile::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
div#specialQualificationRecomm374 .card div::-webkit-scrollbar-track,
body .data-user.removeScroll::-webkit-scrollbar-track,
.col-md-2-5.right-menu nav.navbar.user-profile::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #ccc;
  border-radius: 4px;
}

/* Handle */
div#specialQualificationRecomm374 .card div::-webkit-scrollbar-thumb,
body .data-user.removeScroll::-webkit-scrollbar-thumb,
.col-md-2-5.right-menu nav.navbar.user-profile::-webkit-scrollbar-thumb {
  background: #F0F0F1;
  border-radius: 4px;
}

/* Handle on hover */
div#specialQualificationRecomm374 .card div::-webkit-scrollbar-thumb:hover,
body .data-user.removeScroll::-webkit-scrollbar-thumb:hover,
.col-md-2-5.right-menu nav.navbar.user-profile::-webkit-scrollbar-thumb:hover {
  background: #666;
}
table#responsedats tbody#tbodydata.blue-d td button.btn.btn-primary.Invite-shortlistedGC {
    text-transform: uppercase;
    padding: 11px 20px;
}
.file-input_label {
    background-color: #207EA9;
}
table#responsedats tbody#tbodydata td .task-progress span {
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 4px;
    display: inline-block;
}
.data-user.img-title-box .folder-box img.img-fluid.courseImage.assign-btn-here {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
#add-form-btn:focus {
    box-shadow: none;
}
.data-user.img-title-box .folder-box button.btn.btn-primary.assign-btn-here {
    margin-top: 10px;
}
table#responsedats tbody#tbodydata td img.circle {
    object-fit: contain;
}
.our-tool label {
    color: #666666;
    font-size: 14px;
}
@media(max-width: 500px){
    button.btn.btn-primary.dropdown-toggle {
            width: 100%;
            max-width: 300px;
            margin: auto !important;
        }
        .our-tool.justify-content-end form#recom_filter .dropdown {
            width: 100%;
            margin: 0 !important;
        }
        select#groupFilter {
            margin: auto;
        }
        select#groupFilter {
            margin: auto;
            width: 100%;
            max-width: 300px;
        }
        .our-tool .dropdown.mr-1 {
            margin: auto !important;
        }
        .our-tool .dropdown.mr-1 {
            margin: auto !important;
            max-width: 300px;
        }
        select.commongroup {
            min-width: 300px;
            width: 100%;
        }
        .col-md-6-5 .box-user-detail.height-auto .tab-pane.fade .our-tool {
        max-width: 300px;
        margin: auto;
    }

}

/*19-10 new tab*/
div#roles ul.nav.nav-pills.btn-box {
    display: flex;
    margin: 0;
    padding: 0;
    background: transparent;
    gap: 0 !important;
}
div#roles ul.nav.nav-pills.btn-box li:first-child {
    border-left: 3px solid #ccc;
    border-radius: 8px;
}
div#roles ul.nav.nav-pills.btn-box li {
    z-index: 5;
    width: 25%;
    padding: 0;
    position: relative;
    border: 0;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(2) {
    z-index: 4;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(3) {
    z-index: 3;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(4) {
    z-index: 2;
}



div#roles ul.nav.nav-pills.btn-box li:last-child {
    border-right: 3px solid #ccc;
    border-radius: 8px;
}
div#roles ul.nav.nav-pills.btn-box li:last-child {
    z-index: 2;
    width: 25%;
 }
 div#roles ul.nav.nav-pills.btn-box li:nth-child(5) {
     z-index: 1;
 }
div#roles ul.nav.nav-pills.btn-box li {
    width: 20.5%;
    padding: 0;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    position: relative;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(5) {
    width: 18%;
}
div#roles ul.nav.nav-pills.btn-box li:before {
    position: absolute;
    z-index: 9999;
    right: -10px;
    top: 0;
    content: url(https://siteassuredtest.cvbtt.com/images/icon-lefft.png);
}

div#roles ul.nav.nav-pills.btn-box li a.active, div#roles ul.nav.nav-pills.btn-box li a:hover {
    background: #207EA9;
    border: none;
    color: #fff;
}
div#roles ul.nav.nav-pills.btn-box li a.active {
    display: block;
    position: relative;
}
div#roles ul.nav.nav-pills.btn-box li a {
    background: #fff;
    padding: 12px 22px 13px;
    text-decoration: none;
    text-align: center;
}
div#roles ul.nav.nav-pills.btn-box li a.active:before {
    content: url(https://siteassuredtest.cvbtt.com/images/icon-side.png);
    position: absolute;
    z-index: 99999;
    right: -10px;
    top: 0px !important;
    left: auto !important;
}
div#roles ul.nav.nav-pills.btn-box li:hover:before {
    content: url(https://siteassuredtest.cvbtt.com/images/icon-side.png);
    position: absolute;
    z-index: 99;
    right: -10px;
    top: 0px !important;
    left: auto !important;
}
div#roles ul.nav.nav-pills.btn-box li:last-child:before,
div#roles ul.nav.nav-pills.btn-box li:last-child a:before {
    display: none;
}
div#roles ul.nav.nav-pills li a.nav-link{
    font-size: 12px;
    padding: 12px 8px 13px;
}
div#roles ul.nav.nav-pills.btn-box {
    max-width: 100%;
}

@media (max-width: 1206px){
div#roles ul.nav.nav-pills li a.nav-link {
    font-size: 13px;
    padding: 12px 5px 13px;
}
}
@media (max-width: 1135px){
div#roles ul.nav.nav-pills.btn-box li:first-child {
    width: 18%;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(2) {
    width: 32%;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(3) {
    width: 32%;
}
div#roles ul.nav.nav-pills.btn-box li:nth-child(4) {
    width: 18%;
}
}
@media (max-width: 767px){
div#roles ul.nav.nav-pills.btn-box li {
    border: 3px solid #ccc;
    width: 100% !important;
    list-style-type: none;
    clip-path: none !important;
    border-left: 3px solid #ccc;
    border-radius: 8px;
}
div#roles ul.nav.nav-pills.btn-box li:before,
div#roles ul.nav.nav-pills.btn-box li a:before {
    display: none;
}
}
@media (max-width: 480px){
.box-user-detail ul.nav.nav-pills li {
    width: 50%;
}
.box-user-detail ul.nav.nav-pills li a {
    padding: 10px 5px !important;
    text-align: center;
}
}

nav.navbar.side-menu ul#navAccordion li.nav-item a#hasSubItems, nav.navbar.side-menu ul#navAccordion li.nav-item a.nav-link {
    display: flex;
        padding-right: 20px;
}

p.engagement-n {
    margin-top: 15px;
    margin-bottom: -35px;
    font-weight: 600;
    font-size: 15px;
    background-color: #f8f9fc;
    padding: 10px;
    color: #207ea9;
}
table#responsedats tbody#tbodydata td .green-full, table#responsedats tbody#tbodydata td .red-full, , table#responsedats tbody#tbodydata td .orange-full  {
    padding: 10px;
    text-align: center;
    border-radius: 3px;
}
a.dropdown-item.delete {
    cursor: pointer;
}
a.dropdown-item.delete_all {
    cursor: pointer;
}
a {
    cursor: pointer !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
    pointer-events: none;
}

a.paginate_button {
    text-decoration: none;
    padding: 4px !important;
    width: 42px !important;
    line-height: 1 !important;
}

span a.paginate_button {
    width: 36px !important;
}

i.round-days {
    background: #bc0000;
    border-radius: 25px;
    padding: 5px;
    color: #fff;
}

.bg-light.mainNotiClass {
    margin: 12px;
    padding: 5px;
}

button.cancel-btn, a.cancel-btn{
    color: #207EA9 !important;
    background: transparent !important;
    border: 2px solid #207EA9 !important;
}

.ui-helper-hidden-accessible {
    display: none !important;
}
.form-check.draggable.ui-sortable-handle {
    border: 2px solid #ddd;
    margin-bottom: 10px;
    padding: 8px 0px 0px 8px;
    border-radius: 8px;
}

.note-modal .modal-header {
    display: inline-table !important;
}

.note-modal .form-group {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border: 2px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}
.note-modal .modal-body {
    padding-bottom: 15px;
    padding-top: 15px;
}

div#cke_notifications_area_desc {
    display: none;
}

/* Table styling */
/*.table { width:100%;border-collapse:collapse;color:#333;table-layout:auto; }
.table thead th { background-color:#f8f9fa;padding:12px 15px !important;font-weight:600;border-bottom:1px solid #ccc;white-space:nowrap; }
.table tbody tr { border-bottom: 1px solid #eee;}
.table tbody td { padding: 10px 15px !important;word-wrap: break-word; }
.table tbody tr:hover { background-color: #e9f5ff; }*/

.preferredWorkerModal .modal-content {
    border-radius: 12px;
    border: 1px solid #444;
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
}
.preferredWorkerModal .modal-dialog {
    max-width: 550px;
}
.preferredWorkerModal .modal-header {
    border-bottom: 1px solid #444;
}
.preferredWorkerModal .modal-body {
    text-align: center;
    padding: 20px;
}
nav.navbar.navbar-expand-lg.navbar-dark.user-profile.verifi-profile {
    pointer-events: none !important;
}

/* custom-swal.css - Global SweetAlert2 Styling */
.swal2-popup.custom-swal-popup {
    border-radius: 20px;
    padding: 30px;
    background: linear-gradient(135deg, #8babaf, #e1f5fe);
    box-shadow: 0 10px 30px rgba(0, 77, 64, 0.25);
    border: 2px solid #00acc1;
    color: #004d40;
}

.swal2-title.custom-swal-title {
    font-size: 28px;
    font-weight: 700;
    color: #00695c;
}

.swal2-html-container.custom-swal-text {
    font-size: 18px;
    font-weight: 400;
    color: #004d40;
}

.swal2-icon.custom-swal-icon {
    background-color: #b2dfdb !important;
    color: #00796b !important;
    border-radius: 50%;
    border: 3px solid #4db6ac;
}

a.fc-event { border: 0px solid #000 !important; }