body {
    background-color: #F3F3F3 !important;
  }
 html, body {
    height: 100%;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.Table_Manageuser_Management_Listing_parent_container .wrapper{
  display:block;
  background-color:#fff;
}
.content {
  flex: 1;
}

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100% !important;}
  span.read-more-link.blue-link {
    float: right;
}
span.comment-head {
    /* display: block; */
    float: left;
}
/* menu css start */
.nav-link {
  color: #0c0c0c !important;
  font-size: 14px; /* Custom font size */
  font-weight: 600;
  position: relative;
  transition: all 0.3s ease; /* Smooth transition */
}
.nav-link::after {
  content: '';
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  /* background-color: #063C40; */
  transition: width 0.3s ease; /* Smooth transition */
}
.nav-link.custom-dropdown-toggle::after {
    display: inline-block;
    margin-left: 0px;
    vertical-align: -0.4em; /* Adjusted to move the arrow down */
    content: "";
    border-top: 0px;
    width: 20px !important;
    height: 14px !important;
    background-image: url(../img/angle-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 0px;
    margin-top: 4px; /* Adjusted to move the arrow down */
}
#otp-timer, .otp-info { font-size:14px !important;}
.nav-link:hover::after,
.nav-link:focus::after,
.nav-item.active .nav-link::after {
  width: 0%;
}
.nav-item.active a.nav-link {
/*color: #063C40 !important;*/
color: #063C40 !important;
font-weight:bold !important;
}
.nav-link:hover {
  color: #0c0c0c !important; /* Optional: Change color on hover */
}
.navbar-custom {
  background-color:#063C40; /* Custom background color (old #2C2C33)*/
} 
.navbar-brand img {
  height: 30px; /* Adjust height of logo */
}
.nav-item img {
  height: 30px; /* Adjust height of profile image */
  border-radius: 0%; /* Make profile image circular */
}
.navbar-nav .nav-item .nav-link {
  /*transition: border-bottom 0.3s ease;  Smooth transition for border bottom */
  font-size: 16px;
  font-weight: 400;
  border-bottom: 2px solid #fff;
}
.dropdown-menu{
  top: 96%;
}
.nav-item.active .nav-link {
  font-weight: 600;
  color: #0023FF !important;
}
.navbar-nav .dropdown-menu li a {
  font-size: 14px;
}
ul.navbar-nav.ml-auto.profile_menu_section .dropdown-menu.dropdown-menu-right a.dropdown-item {
  font-size: 14px !important;
}
.navbar-nav.main-menu  .nav-item .nav-link:hover {
border-bottom: 2px solid #063C40; /* Border color and thickness on hover */
}

.navbar-nav.main-menu .dropdown-menu.show li a {
  text-align: left;
  float: left;
  display: flex;
  padding-left: 12px;
  text-transform: capitalize;
  font-size: 14px;
}
.navbar-nav .dropdown-menu.show li a:hover,
.navbar .dropdown-menu.show a:hover {
background-color: #EBEEFF;
}
.navbar .dropdown-menu.show a {
  font-size: 16px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-white {
  box-shadow: 0px 4px 8px 0px #0000000F;
}
.content.container-fluid {
  box-shadow: 0px 4px 8px 0px #00000014;
}

    /* Custom styles for nested dropdowns */
    .dropdown-submenu {
      position: relative;
    }

    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: 0;
      border-radius: 0.25rem;
      
    }
	
	.dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

  .dropdown:hover > .dropdown-menu {
    display: block;
  }

  .dropdown-menu > li:hover > .dropdown-menu {
    display: block;
  }

    /* .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }

    .dropdown:hover > .dropdown-menu {
      display: block;
    }

    .dropdown-menu > li:hover > .dropdown-menu {
      display: block;
    } */
	
	.navbar-nav.main-menu .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }
	.navbar-nav.main-menu .dropdown:hover > .dropdown-menu {
      display: block;
    }
	.navbar-nav.main-menu .dropdown:hover > .dropdown-menu {
      display: block;
    }

   /* Custom styles for active dashboard link */
   /*.nav-item.active {
    border-bottom: 2px solid #063C40;
  }*/
/* menu css end */


/* dashboard submenu css start */
.custom-dropdown {
    border: 1px solid #C4C4C4;

    padding: 10px;
    position: relative;
    border-radius: 0px;
  
    background: #fff;
    width: 350px;
    text-align: left;
    white-space: normal !important;
}
.fade:not(.show){
    opacity: .5 !important;
}
#detail_popup .fade:not(.show){
    opacity: 1 !important;
}
#detail_popup .modal-header{
    display: block;
    padding-bottom: 0 !important;
}
#detail_popup button.close{
    float: right;
    margin: 0;
}
#detail_popup h4.modal-title {
    float: left;
    display: inline-block;
    margin: 10px;
}
div#pleaseWaitDialog {
    top: 50%;
    margin-top: -15px;
    opacity: 1 !important;
    overflow: visible;
    /* margin-left: 20%; */
    left: 20%;
    color: blue;
}
div#pleaseWaitDialog .modal-content {width:30% !important;}
div#pleaseWaitDialog .modal-body span {
    line-height: 10px;
    display: inline-block;
    top: -5px;
    position: relative;
    left: 6px;
}

div#detail_popup .modal-content {width:70% !important;}
div#detail_popup .modal-body span {
    line-height: 10px;
    display: inline-block;
    top: -5px;
    position: relative;
    left: 6px;
}

.fa-trash-alt:before {
    content: "\f1f8";
}

/* .dropdown-menu {
   width: 208px;    
}
.dropdown-menu {
    right: 0;
    left:auto;
    width: 300px;    
} */



.custom-dropdown:focus{
	outline:none !important;
}
.Communication-custom::after {
  border-top: none !important;
}
.custom-dropdown::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 60%;
  transform: translateY(-47%);
  pointer-events: none;
  width: 20px;
  height: 14px;
  background-image: url('../img/angle-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
/* dashboard submenu css end */

/* dashboard css start */

.card-custom {
    /* background: linear-gradient(135deg, #6B73FF 0%, #000DFF 100%); */
    color: white;
    border: none;
    height: 100%;
    border-radius: 8px 8px 8px 8px !important;
	padding: 0px;	
}
.card-body {
  transition: background-color 0.3s ease; /* Smooth transition */ 
}
.card-body:hover,
.card-body:focus {
  background-color: #E6F5FF !important; /* Hover and click color */
}
.card-custom .card-body {
    background-color: white;
    color: #000;
    /*border: 1px solid #2F90FF;*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    border-radius: 0px 0px 8px 8px;
	box-shadow: 20px 9px 22px 22px #00000014;
}
.own-custom-dbaord {
  border-radius: 8px 0px 0px 0px !important;
  padding: 0px 15px 15px 15px !important;
  margin-top: 10px;
}
.bottom-image-part {
	background-color: #fff;
	text-align: right;
}
.card-custom .card-title {
    color: white;
}
.card-custom .card-text {
    font-weight: normal;
}
.card-header {
    border-radius: 8px 8px 8px 8px !important; 
}
.custom-card-parent .card.card-custom a {
  text-decoration: none;
}
.divider {
  border-left: 1px solid #063C40; /* Adjust the color as needed */
  height: 100%;
  margin: auto 0;
}
.font-24 {
    font-size: 24px;
  }
  .font-16 {
    font-size: 16px;
  }
  .font-20 {
    font-size: 36px;
  }
  .font-10 {
    font-size: 10px;
  }
.font-12 {
    font-size: 12px;
  }
  .pt-10 {
    padding-top: 10px;
  }
 .pt-5px {
    padding-top: 5px;
  }

.customtooltip {
    position: relative;
    cursor: pointer;
}

.customtooltip:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    background: #666;
    color: #fff;
    padding: 2px;
    border-radius: 3px;
    top: 66%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 11px;
}
.custom-activate-button.active{
	background-color: green;
	color: #fff;
}
.custom-activate-button.inactive{
	background-color: red;
	color: #fff;
}

.custom-card-parent {
    padding: 15px 15px 15px 15px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
}
.custom-card-parent h5 {
  font-weight: normal;
}
/* dashboard css end */
/*data table css starts*/

.export-button-datatable {
    background: #0004e6;
    color: #fff;
    padding: 4px 15px;
    text-transform: uppercase;
    width: auto;
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    border: none !important;
}

/*data table css ends*/

/* breadcrumb css start */
ol.breadcrumb li {
font-size: 14px;
}
.modify_breadcrumb {
background-color: transparent !important; 
padding-left: 0px !important; 
padding-bottom: 3px !important;
}
.breadcrumb{
margin-bottom: 5px !important;
background-color: transparent;
}
.breadcrumb{
margin-bottom: 0px !important;
background-color: transparent;
padding-bottom: 3px;
}
li.breadcrumb-item.active {
/*color: #063C40 !important;*/
color: #063C40 !important;
  font-weight: 600;
}
li.breadcrumb-item a{
color: #6c757d !important;
text-decoration: none;
} 
/* breadcrumb css end */


/* case management css start */
.font-size-18 {
  font-size: 18px;
}
.Case_management_parent_container .document{
margin-bottom: 25px;
}
.Case_management_parent_container form .form-group {
  color: #666;
  font-size: 14px;
}
select option:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.Case_management_parent_container .contact-information-tit {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 7px;
  font-size: 16px;
  color: #063C40;
  font-weight: 600;
}
.Case_management_parent_container .form-group.upload-file-section .Upload-file {
  font-weight: 600;
  color: #000;
}
.Case_management_parent_container .form-group.upload-file-section .custom-file {
  width: 207px;
  display: block;
}
.Case_management_parent_container .form-group.upload-file-section .custom-file label {
  border: 1px solid #4B64FC !important;
  margin-bottom: 20px;
  color: #4B64FC;
}
.container.form-container.change_password_parent_container button.btn.btn-custom-reset {
  border-color: transparent;
  background: #C4C4C4;
  color: #fff;
  width: 169px;
  height: 49px;
  }
  .container.form-container.change_password_parent_container .btn-custom-submit {
    background-color: #063C40;
    border-color: transparent; 
  color: #fff;
  width: 169px;
  height: 49px;
  }

.checkbox-list.new {
    display: block;
    height: 150px;
    overflow: auto;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
}
.checkbox-list.new input[type="checkbox"] {
    margin-right: 5px;
    float: none;
    width: auto;
}
input#search_input {
    margin-bottom: 5px;
	width: 100%;
}

.checkbox-list.new .checkbox-item { font-size:16px; display:block;}


/* .Case_management_parent_container .form-group.upload-file-section .custom-file label:after {
  padding:0px;
} */



/*Conformation modal CSS Starts*/
.confirmation-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 4px solid #ccc;
    padding: 20px;
    min-width: 500px;
    max-width: 90%;
    z-index: 9999;
    font-size: 14px;
    overflow: scroll;
    height: 300px;
}
.form-error { color: rgb(185, 74, 72);}

.close-button {
    position: absolute;
    top: 5px; /* Adjust top position to align with the modal */
    right: 5px; /* Adjust right position to align with the modal */
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
    /* Overlay styles */
    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
        z-index: 9998; /* Below the modal */
    }

.confirmation-modal p {
    margin-bottom: 10px;
}

.submit-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
}

.submit-button:hover {
    background-color: #0056b3;
}
.content_casedata {
    word-break: break-word;
    padding: 5px 20px 10px 5px;
}

/* user_manage user start */
.form-container.managauser_caselisting_Parent h4.main-title {
  font-size: 16px;
  color: #000;
  font-weight: normal;
}
.managauser_caselisting_Parent a.text-primary.class-details {
  font-weight: bold;
  color: #2C2C33 !important;
  font-size: 16px;
  text-decoration: none;
}
.managauser_caselisting_Parent .form-details .col-md-3 p span.label {
  display: block;
}
.managauser_caselisting_Parent input.form-control.readonly-input {
  background-color: #F4F4F4;
  border: transparent;
  padding: 10px;
  font-weight: normal;
  font-size: 16px;
  margin: 10px 0px 0px 0px;
  color: #000;
  width: 95%;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 1px solid #063C40;
  outline: 0;
  box-shadow: none;
}
}

.managauser_caselisting_Parent.search label {
font-size: 16px;
color: #000;
opacity:unset;
}
.managauser_caselisting_Parent label {
  margin-bottom: 0px;
font-size: 14px;
color: #666;
}
.managauser_caselisting_Parent .form-group {
  line-height: 5px;
  margin: 0px 0px 20px 0px;
  width: 100%;
}
.custom-text-area {
  width: 70% !important;
}
.tab-custom-section .nav-link {
  background: #EFEFEF;
  color: #535353;
  font-weight: 400;
}
.custom-hr {
  margin-top: 6px;
  border-top: 1px solid #ddd;
}

/* tab css start */
.managauser_caselisting_Parent .tab-content-parent {
  border: 1px solid #707070;
}
.managauser_caselisting_Parent .tab-content-parent .nav-tabs {
  border-radius: tra;
}
.managauser_caselisting_Parent .tab-content-parent .nav-tabs {
  border: none;
}
.managauser_caselisting_Parent .tab-content-parent .nav-tabs li.nav-item a {
  border: none;
}
.managauser_caselisting_Parent .tab-content-parent .nav-tabs li.nav-item:hover,
.managauser_caselisting_Parent .tab-content-parent .nav-tabs li.nav-item:active {
  border-bottom: 1px solid #063C40;
}
.add-comments a { padding:15px;}
.container-fluid.form-container.managauser_caselisting_Parent .tab-custom-section {
  border: 1px solid #707070;
margin-right:10px;
}
.managauser_caselisting_Parent .tab-custom-section div#myTabContent table.table thead {
  background-color: #DFDFDF;
}
.container-fluid.form-container.managauser_caselisting_Parent .tab-custom-section .add-comments a.btn.btn-outline-primary {
  height: 30px;
  padding: 2px 5px;
  font-size: 16px;
  margin: 5px;
}
.container-fluid.form-container.managauser_caselisting_Parent .tab-custom-section 
 li.nav-item .nav-link.active {
    border-bottom: 2px solid #063C40;
    border-right:none;
    border-left: none;
    border-top: none;
	font-weight: 600;
}
.container-fluid.form-container.managauser_caselisting_Parent .tab-custom-section 
 li.nav-item .nav-link:hover {
  border-bottom: 2px solid #063C40;
  border-right:none;
  border-left: none;
  border-top: none;
 }

/* user_manage user end */

/* Table_Manageuser_Management_Listing_parent_container start*/
.Table_Manageuser_Management_Listing_parent_container .search-container {
  display: flex;
  align-items: center;
}
.Table_Manageuser_Management_Listing_parent_container .search-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #6C757D;
  width: 200px;
  margin-top: 0px;
  text-transform: capitalize;
}
.form-container.managauser_caselisting_Parent .search-container img.search-icon {
  font-weight: 400;
  height: auto;
  width: 15px;
}
.form-container.managauser_caselisting_Parent .search-container.search-text {
  font-weight: bold;
}

.form-container.managauser_caselisting_Parent  .export-container {
  display: flex;
  align-items: start;
  width: fit-content;
  /* margin-bottom: 25px; */
  margin-top: 0px;
}
.filter-container {
  display: flex;
  width: fit-content;
  /* margin-bottom: 25px; */
  margin-top: 0px;
  border: none;
  background: none;
color:#063C40!important;

}
.filter-container:focus {
background: none !important;
color:#063C40!important;

}
button#case-listing-filter-button span.filter-text {
  /* background: red; */
  color: #063C40;
}
.filter-container:hover {
  cursor: pointer;
}
.form-container.managauser_caselisting_Parent  .export-icon {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
img.filter-icon {
  padding: 0px;
  margin: 5px;
}
button#case-listing-filter-button:focus .filter-text
{
  color: #fff;
}

.form-container.managauser_caselisting_Parent  .export-text {
  font-weight: normal;
  font-size: 14px;
  color: #063C40;
}
/* filter icon change css */
/* Apply styling to Font Awesome icon */
i.fa-light.fa-filter {
  font-family: 'Font Awesome 6 Free';  /* Ensure the correct Font Awesome font is used */
  font-weight: 300;  /* The "light" variant is weight 300 */
  font-size: 24px;   /* Set the icon size */
  color: #333;       /* Set the icon color */
}

/* Optional: Increase icon size on hover */
i.fa-light.fa-filter:hover {
  color: #007bff;    /* Change color on hover */
  font-size: 28px;   /* Increase icon size on hover */
}
/* filter icon change end */
/* Specific icon example */
.fa.fa-filter {
  color: blue; /* Change to your desired color */
}
#case-listing-filter-button:focus{
background-color: #4962F8;
color: #fff;
border: 1px solid #4962F8;
outline-color: transparent;
}
#case-listing-filter-button:focus .fa-filter {
  color: #fff;
}
.Table_Manageuser_Management_Listing_parent_container .filter-button {
display: flex;
align-items: center;
color: blue;
border: none;
border-radius: 5px;
padding: 8px 10px 8px 0px;
margin-top: 4px;
font-size: 14px;
background-color: transparent;
margin: 0px 0px;
top: 0px;
position: relative;
right: -16%;
}
.dashboard-bg-img-part {
    /*background-image: url('../img/Dashboard_bg_img.png');*/
	background-color:#063C40;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    height: 100px;
}
.dashboard-bg-img-part a, .dashboard-bg-img-part h5 {
  color: #fff;
  top: 15px;
  position: relative;
  padding-left: 18px;
}
.card-custom .card-header {
  padding: .75rem 1.25rem;
  /*top: 5px;*/
  border-bottom: none;
  position: relative;
}
.card.card-custom .one {
  background-color: #063C40;
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
}
.card.card-custom .two {
  background-color: #FFA85F;
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
}
.card.card-custom .three {
  background-color: #02CEA7;
   background-position: center; /* Centers the image */
   background-repeat: no-repeat; /* Prevents the image from repeating */
   
}
.card.card-custom .four {
  background-color: #8E54FF;
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    
}
.card.card-custom .card-header {
  border-radius: 8px;
}
.custom-card-parent.dashboard.user_ticketlisting_parent .title-caselising h3 {
font-size: 18px;
margin: 0px 10px;
padding: 0px;
top: 50%;
position: relative;
left: -2%;
}
.Table_Manageuser_Management_Listing_parent_container .table thead.thead-light tr th {
font-size: 16px;
font-weight: normal;
  white-space: nowrap; /* Prevent text from wrapping */
  max-height: 100px;   /* Set maximum height */ 
  padding: 8px 30px 8px 8px; /* Adds gentle space around the text */
  width: auto; /* Ensures the width adjusts automatically */
  text-align: left; /* Aligns text to the left for readability */
  vertical-align: middle; /* Vertically centers text */
  border-bottom: 1px solid #dee2e6; /* Optional: Adds a border for separation */
  color: #fff;
}
.Table_Manageuser_Management_Listing_parent_container .table tbody tr td {
  padding: 8px 16px; /* Adds gentle space around the text */
}
.Table_Manageuser_Management_Listing_parent_container table.table tr:hover {
  background-color: #F4F4F4 !important;
  cursor: pointer;
}
thead.thead-light tr th {
font-weight: 600 !important;
}
.table .thead-light th {
  background: #063C40!important;
  color: #fff;
}
.Table_Manageuser_Management_Listing_parent_container table.table {
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #F4F4F4;
}
.Table_Manageuser_Management_Listing_parent_container table.table th, 
.Table_Manageuser_Management_Listing_parent_container table.table td {
padding: 8px 12px;
border: 1px solid #ddd;
text-align: left;
font-size: 14px;
}
.view-case-history-parent td.action.mail i.fa.fa-envelope {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.Table_Manageuser_Management_Listing_parent_container .bottom-page-count-record {
  font-size: 14px;
  color: #525252;
  padding-left: 21px;
  padding: 3px;
  border: 1px solid #00000014;
  background: #fff;
  height: 41px;
  flex: 0 0 100%;
  margin: 0px 0px 0px 0px;
}
.table-responsive {
  background: #fff;
}
.Table_Manageuser_Management_Listing_parent_container .bottom-page-count-record, .table-responsive .dataTables_info, .table-responsive .dataTables_length {
  font-size: 14px;
  color: #525252;
  padding-left: 21px;
  padding: 10px;
}
.pagination-count .pagination {
  flex-wrap: wrap;
}
.bottom-page-count-record .recordsPerPage-section {
  margin-right: auto;
  padding-left: 15px;
  margin-top: -12px;
}
.record-count.col-xs-12 {
  margin-top: -15px;
}
.bottom-page-count-record .recordsPerPage-section select {
  padding: 0px;
  height: 24px;
  color: #063C40;
  border: 1px solid #063C40;
}
.Table_Manageuser_Management_Listing_parent_container table.tabl th {
  cursor: pointer;
}
.align-left {
  text-align: left;
}
.float-right {
 float: right;
}
.Table_Manageuser_Management_Listing_parent_container table.table span.time {
  font-size: 12px;
  color: #828282;
  display: block;
}

.Table_Manageuser_Management_Listing_parent_container .search-container input {
  border: none;
            border-bottom: 1px solid #000;
            outline: none;
            width: 150px;
}
.Table_Manageuser_Management_Listing_parent_container .btn-outline-secondary {
  color: blue;
  border-color: blue;
}
.Table_Manageuser_Management_Listing_parent_container .btn-outline-secondary:hover {
  background-color: blue;
  color: white;
}
.form-container.managauser_caselisting_Parent .search-container span.search-text {
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px;
  color: #6C757D;
}
.record-vertical-line {
  border-left: 1px solid #dedcdc;
  height: 40px;
  margin: 0 10px;
  top: -5px;
  position: relative;
}
.form-container.managauser_caselisting_Parent {
  background: #fff;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 0px;
  border-radius: 8px 8px 0px 0px;
  position: relative;
}
.Table_Manageuser_Management_Listing_parent_container table.table tr {
max-height: 50px; /* Maximum height for the row */
overflow: hidden; /* Hide overflow content */
}
.Table_Manageuser_Management_Listing_parent_container table.table td {
height: 50px; /* Set height for cells */
vertical-align: middle; /* Optional: Align content vertically */
/* white-space: nowrap; */ /* Prevents the text from wrapping */
padding: 8px; /* Adds some padding for better spacing */
}

/* glyphicon styles */
@font-face{
font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);
src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon{
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.user_ticketlisting_parent .glyphicon{position:absolute;right:0px;top:43%;}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-calendar:before {
    content: "\e109";
    top: -5px;
    position: absolute;
    right: 5px;
}
.glyphicon-download:before {
    content: "\e025";
}
.glyphicon-list { position:relative !important;}
.glyphicon-list:before {
    content: "\e056";
}
.glyphicon-download,.glyphicon-envelope { font-size: 14px;}
button#sendEmailButton {
    position: relative;
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-download-alt:before {
    content: "\e118";
}

.glyphicon-envelope:before {
    content: "\2709";
    right: -16px;
    top: -9px;
    position: absolute;
}
.glyphicon.glyphicon-envelope:focus, 
#sendEmailButton:focus {
    outline: none !important;
    border: none !important;
}


/* filter responsive purpose css start */
.form-container {
  padding: 20px;
  box-sizing: border-box;
}
.d-flex {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line on smaller screens */
  align-items: center; /* Centers items vertically */
  justify-content: space-between; /* Distributes space evenly between items */
}
.title-caselising {
  flex: 1;
  margin-right: auto;
  min-width: 150px; /* Ensures it has a minimum width */
}
.mr-3 {
  margin-right: 20px;
  flex: 0 0 auto; /* Prevents flex items from growing or shrinking */
}
.search-container, .export-container {
  display: flex;
  align-items: center;
}
.search-icon, .export-icon {
  width: 20px; /* Set a fixed width for icons */
  height: auto;
  margin-right: 5px;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}


/* filter responsive purpose css end */
/* pagination start */
.Table_Manageuser_Management_Listing_parent_container .bottom-page-count-record ul.pagination.justify-content-center .page-item.active .page-link {
  background: #063C40;
  border: none;
  color: #fff;
}
li.page-item.next a.page-link span {
  color: #063C40;
  font-weight: 600;
}
.Table_Manageuser_Management_Listing_parent_container .bottom-page-count-record ul.pagination.justify-content-center a.page-link {
  border: none;
  color: #000;
  background:transparent;
}
.Table_Manageuser_Management_Listing_parent_container .custom-card-parent.dashboard.user_ticketlisting_parent {
  padding-top: 0px;
  background: #F9F9F9;
}
.Table_Manageuser_Management_Listing_parent_container .table thead.thead-light tr th.sr-no {
  max-width: 53px;
}
.Table_Manageuser_Management_Listing_parent_container .table thead.thead-light tr th.site-name {
  max-width: 53px;
}
.sortable:hover {
  cursor: pointer;
  text-decoration: underline;
}
.Table_Manageuser_Management_Listing_parent_container .table thead.thead-light tr th.site-name {
  min-width: 130px;
}
.Table_Manageuser_Management_Listing_parent_container img.table-sort {
  width: 19px;
}
.assurance-report-parent td.action i.fa {
padding: 10px;
cursor: pointer;
}
td.action img {
  margin-right: 10px; /* Adjust the spacing as needed */
}

td.action img:last-child {
  margin-right: 0; /* Remove margin from the last image */
}

/* filter window start */
.Table_Manageuser_Management_Listing_parent_container .filter-form {
    display: none;
    width: 370px;
    height: auto;
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    box-sizing: border-box;
}
.form-group.select-status-parentdv label.downside {
  margin-bottom: 5px;
}
.form-group.select-status-parentdv label.downside input[type="radio"] {
  margin: 5px;
}
.form-group.date-from-to-parent-class input {
  font-size: 14px;
  width: 162px;
  color: #aeaaaa;
}
.filter-form-submit-area button.btn.btn-secondary {
  background: #C4C4C4;
  color: #fff;
  border: 1px solid #C4C4C4;
}
.filter-form-submit-area button.btn{
  flex: 1; /* Allow buttons to take equal space if needed */
  max-width: 120px; /* Set a max-width for the buttons */
}
.Table_Manageuser_Management_Listing_parent_container .filter-form .form-group label {
  color: #0C0C0C !important;
  font-size: 14px;
  opacity: revert;
}
.managauser_caselisting_Parent .form-group select#siteName {
  width: 162px;
  margin-top: 10px;
  height: 33px;
  padding: 0px;
  font-size: 14px;
  color: #aeaaaa;
}
.date-from-to-parent-class {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
}
.date-from-to-parent-class div {
  flex: 1; /* Allow each date field to take equal space */
  min-width: 150px; /* Ensure a reasonable min width */
  margin-bottom: 10px; /* Space between rows on small screens */
}

.form-group.date-from-to-parent-class label {
  line-height: 0px;
  margin-bottom: 12px;
}
.filter-form-submit-area {
  display: block;
  justify-content: flex-end; /* Align buttons to the right */
  gap: 10px; /* Space between buttons */
  margin-top: -20px; /* Space above buttons */
  float:right;
}
.Table_Manageuser_Management_Listing_parent_container .filter-form .form-group label.select-status {
  font-size: 16px;
  color: #0C0C0C !important;
  padding-bottom: 15px;
  opacity: 1;
}

.filter-form.active {
  display: block;
}
/* filter window end */

/* Table_Manageuser_Management_Listing_parent_container end */

/* create hr css start */
small.form-text.text-muted.attach-file-parent span.fw-bold {
  font-size: 14px;
  font-weight: 600;
}
.create-CR-parent_container h3.document.contact-information-tit {
  margin-top: 5px;
  margin-bottom: 7px;
}
.create-CR-parent_container {
  padding: 0px 20px !important;
  box-sizing: border-box;
}
/* create hr css end */

/* VIew_Ticket_CR_LIsting css start */

.VIew_Ticket_CR_LIsting_parent .table thead th {
font-weight: 400;
border-right: 1px solid #a0a0a0;
background: #063C40!important;
color: #fff;
}
.VIew_Ticket_CR_LIsting_parent .table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.VIew_Ticket_CR_LIsting_parent .table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.VIew_Ticket_CR_LIsting_parent .table tbody tr td {
  border-right: 1px solid #a0a0a0;
  padding: 5px;
}
.VIew_Ticket_CR_LIsting_parent .small-text {
  font-size: 0.8em;
}
.VIew_Ticket_CR_LIsting_parent .table {
  margin-bottom: 0px;
}
.VIew_Ticket_CR_LIsting_parent .tab-custom-section {
 margin-bottom: 20px;
}
.VIew_Ticket_CR_LIsting_parent label.other-info {
  margin-bottom: 15px;
  margin-top: 10px;
}
.VIew_Ticket_CR_LIsting_parent .split-details {
color: #000 !important;
}
.VIew_Ticket_CR_LIsting_parent .contact-information-tit {
border-bottom: 1px solid #ced4da;
padding-bottom: 7px;
font-size: 16px;
color: #161616 !important;
font-weight: 600;
}
.VIew_Ticket_CR_LIsting_parent .form-group.upload-file-section .Upload-file {
  font-weight: 400;
  color: #000;
  margin: 10px 0px 12px 0px;
  opacity: 0.9;
  /* margin-bottom: .5rem; */
}
.VIew_Ticket_CR_LIsting_parent .form-group.upload-file-section .custom-file label {
  border: 1px solid #4B64FC !important;
  margin-bottom: 20px;
  color: #4B64FC;
  opacity: 0.9;
}
.VIew_Ticket_CR_LIsting_parent .form-group.upload-file-section .custom-file {
  width: 207px;
  display: block;
}
.VIew_Ticket_CR_LIsting_parent button.btn.btn-custom-reset {
  border-color: transparent;
  background: #C4C4C4;
  color: #fff;
  width: 169px;
  height: 49px;
}
.VIew_Ticket_CR_LIsting_parent .btn-custom-submit {
  background-color: #063C40;
  border-color: transparent;
  color: #fff;
  width: 169px;
  height: 49px;
}
/* VIew_Ticket_CR_LIsting css end */

/* create case css start */
.create-case_parent {
  padding-top: 0px;
}
/* create case css start */



/*Customized css Starts*/


.dashboardcode-bsmultiselect .dropdown-menu {
 
    height: 90px;
    overflow: scroll;
}
.dropdown-item.active, .dropdown-item:active{
color: #000 !important;
background-color: #90c3f6 !important;

}
.dropdown-item {
    white-space: normal !important; 
    word-wrap: break-word;
   padding: .25rem 1.2rem !important;
}

.dropdown-item:focus, .dropdown-item:hover {
 
    background-color: #ddd !important;
}
.u_multiple_service_id {
    text-decoration: underline;
    color: #6565F7;
    padding-right: 17px;
    word-break: break-all;
    cursor: pointer;
    position: relative;
    display: block;
}


.dt-buttons {
    float: right !important;
    padding-right: 10px;
    margin-right: 105px;
    border-right: 1px solid;
}

.no-filter .dt-buttons {
  border-right: none;
    margin-right:0;
padding-right: 0;


}
.case-management-table{
    top: 18px;
}
div.dataTables_wrapper div.dataTables_filter label{
margin-bottom: 3px;
}

.dt-button.buttons-excel {
    background-color: transparent;
    color: #063C40;
    font-size: 14px;
    border: none; 
    outline: none; 
}

.dt-button.buttons-excel:focus {
    outline: none; 
}

.buttons-excel:before {
    content: "";
    background-image: url("../img/Excel.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    margin: 0px 3px 0 0;
    float: left;
}

.dataTables_filter::before {
    content: url("../img/serach_icon.png");
    display: inline-block; /* Allows for proper alignment */
    width: 20px; /* Set the width of the image */
    height: 20px; /* Set the height of the image */
    margin-right: 5px; /* Space between the image and text */
    vertical-align: middle; /* Aligns the image vertically with text */
}
#table_datatable_filter {
 border: none;
 border-bottom: 1px solid #000;
 margin-bottom: 10px;
}
.filter-button-container.no-users{
	top: 25px;
}
.filter-button-container {
    position: absolute;
    display: block;
    top: 47px;
    right: 0px;
    z-index: 1;
}

div.dataTables_wrapper div.dataTables_filter input { border: none;outline: none;}
div.dataTables_wrapper div.dataTables_filter input:focus {
    box-shadow: none;
}
.table-responsive {
background-color: #fff;
}


.calendar-icon {
    position: relative;
}
.calendar-icon:after {
   font-family: FontAwesome;
    content: '\f073' !important;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    font-family: FontAwesome;
    cursor: pointer;
    z-index: 111;
}
.dataTables_paginate.paging_simple_numbers {
 font-size:14px;
  color: #000 !important;
}

div.dataTables_wrapper div.dataTables_info {
    margin-top: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;

}
.paginate_button.current{
	background: #c4ccff !important;
    border: none !important;
    color: #000 !important;
}

.paginate_button.previous:before {
    font-family: FontAwesome; 
   content: "\f0d9"; 
    font-weight: bold; 
    padding-right: 5px; 
    font-size: 16px;
color: #000 !important;
}

.paginate_button.next:after {
  font-family: FontAwesome; 
   content: "\f0da"; 
    font-weight: bold; 
    padding-left: 5px; 
    font-size: 16px;
color: #000 !important;

}


/* Sorting icons */
        table.dataTable thead .sorting:after {
            content: "\f0dc" !important; /* Default sorting icon */
             font-family: FontAwesome !important;  
            font-weight: bold;
            padding-left: 5px;
color: #000 !important;

        }

        table.dataTable thead .sorting_asc:after {
            content: "\f0de" !important;
		font-family: FontAwesome !important;  
            font-weight: bold;
            padding-left: 5px;
     color: #000 !important;


        }

        table.dataTable thead .sorting_desc:after {
            content: "\f0dd" !important;
	   font-family: FontAwesome !important;  
            font-weight: bold;
            padding-left: 5px;
color: #000 !important;


        }


.comment-parent .comment-box {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    padding: 10px;
    width: 63%;
}
.comment-parent .user-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    float: left;
}
.fa-chevron-down:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.comment-content {
    flex-grow: 1;
}
/*Customized css Ends*/


.custom-activate-button {
  padding: 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: transparent;
  color: #ccc;
  cursor: pointer;
  /* transition: background-color 0.3s, color 0.3s; */
  min-width: 100px;
}

.contactus-flaguser-parent {
  height: 100vh;
  margin-bottom: 10px;
}
.contactus-line {
  border-bottom: 1px solid #F3F3F3;
  position: relative;
  margin-top: 60vh;
}
.contactus-flaguser p {
  padding: 25px 25px 0px 25px;
}
.contactus-flaguser .align-items-center {
  padding: 0px 25px 10px 25px;
}
.form-control.readonly-input:focus {
  box-shadow: none;
}

/* report link css start */
.link-performance-report {
display: flex; /* Enables flexbox layout */
justify-content: center; /* Centers horizontally */
align-items: center; /* Centers vertically */
height: auto; 
text-align: center; /* Centers the text inside the div */

}
.link-performance-report h6 {
border: 1px solid #E1E4FC;
padding: 15px;
background-color: #F5F6FF;
font-weight: 400;
}
.link-performance-report h6 img {
margin-top: -5px;
}
/* report link css end */
.contact-page-parent th.align-left.sr-no {
  max-width: 20px !important;
  width: auto !important;
  white-space: nowrap !important; /* Prevents text from wrapping */
  overflow: hidden; /* Hides overflow if content exceeds max width */
  text-overflow: ellipsis; /* Adds ellipsis if text is too long */
}
.contact-page-parent td.download img {
  padding-left: 20px;
}
.form-control.readonly-input:focus {
  box-shadow: none;
}
.inventory_assets_Parent .tab-custom-section ul.nav-tabs {
  background: #fff;
}
.inventory_assets_Parent .tab-custom-section ul.nav-tabs li.nav-item a.nav-link {
  border-bottom: 2px solid #bdbcbc;
}
.inventory_assets_Parent .tab-custom-section ul.nav-tabs li.nav-item a.nav-link.active {
  border-bottom: 2px solid #063C40;
  border-right: none;
  border-left: none;
  border-top: none;
}

.expanded-row {
  background-color: #f9f9f9;
}

/* footer css start */
.footer {
  /*background-color: #212529;*/
  background-color:#063C40;
  color: #BEBEBE;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}
/* footer css end */

@media (max-width: 600px) {
  .managauser_caselisting_Parent label {
    margin-bottom: 0px;
    font-size: 14px;
    color:#666;
    line-height: 15px;
}
.view-tc-spl-note {
  line-height: 15px;
}
/* filter form start */

  .filter-form {
      padding: 10px; /* Reduce padding on smaller screens */
  }

  .filter-form-submit-area {
      flex-direction: column; /* Stack buttons vertically on small screens */
      align-items: stretch; /* Stretch buttons to full width */
  }

  .filter-form-submit-area button.btn {
      width: 100%; /* Full width on small screens */
      max-width: none; /* Remove max-width constraint */
  }
}

@media (max-width: 912px) {
  .divider {
    border-left: none;
    border-top: 1px solid #ddd;
    width: 100%;
    margin: 10px 0;
  }
  .col-5, .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pt-10 {
    padding-top: 1rem;
  }
}
@media (max-width: 991px) {
  .profile_menu_section {
    display: -webkit-box;
}
ul.dropdown-menu.show {
  border: 1px solid rgba(0, 0, 0, .15);
}
.dropdown-menu.show {
  display: grid;
  background-color:#fff;
  /* height: auto; */
  border: 1px solid rgba(0, 0, 0, .15);
}
.navbar-nav .dropdown-menu.show li a:hover, .navbar .dropdown-menu.show a:hover {
  background-color: #EBEEFF;
}
  }

  @media (max-width: 800px) {
  .Table_Manageuser_Management_Listing_parent_container .record-count {
    width: 100%;
    padding-left: 20px;
}
.Table_Manageuser_Management_Listing_parent_container  .record-vertical-line {
  width: 100%;
  display: none;
}
.Table_Manageuser_Management_Listing_parent_container .recordsPerPage-section {
  width: 100%;
}
.Table_Manageuser_Management_Listing_parent_container .pagination-count {
  width: 100%;
}
  }


  
/* Media query for smaller screens */
@media (max-width: 768px) {
  .form-container {
      padding: 10px;
  }
  .long-label {
  line-height: 15px;
}

  .d-flex {
    flex-direction: column !important;
  }

  .mr-3 {
      margin-right: 0;
      margin-bottom: 10px; /* Add space between stacked items */
  }

  .filter-button, .search-container, .export-container {
      justify-content: center; /* Center content on smaller screens */
  }
  .bottom-page-count-record {
    flex-direction: column;
    align-items: flex-start;
  }
}



.custom-link {
color: #063C40;
}
.custom-link:hover {
color: #063C40;
}