@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'segoefont';
  src: url('../fonts/SegoeUIBold.ttf');

}
@font-face {
  font-family: 'segoefont';
  src: url('../../public//fonts/SegoeUI.ttf');

}
@font-face {
  font-family: 'segoefont';
  src: url('../fonts/SegoeUIBoldItalic.ttf');

}
@font-face {
  font-family: 'segoefont';
  src: url('../fonts/SegoeUIItalic.ttf');

}
.clientforms label{
 font-weight: 500;
 margin-bottom: 8px;
 font-size: 14px;
}
body {
  margin: 0;
  font-family: 'segoefont', sans-serif !important ;
}
body::selection {
  background-color: #8E1616;
  color: #fff;
}
input[type="checkbox"] {
  box-shadow: none;
  outline: none;
}
input[type="checkbox"]:checked {
  background-color: #8E1616;
}
.ccinput .selection .select2-selection{
 height: auto !important;
}
.ccinput{
  margin-bottom: 0px !important;
}
.mainForm {
  background-image: url(../images/newpattered.png);
  /* background-size: cover;
  background-repeat: no-repeat; */
  min-height: 100vh;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
  background: #8E1616;
  border-radius: 50px;
  padding: 5px 15px;
  border: 1px;
} */
.mainForm .logoSection {
  margin-bottom: 20px;
  text-align: center;
}
.mainForm .mainForm__Inner {
  background-color: #fff;
  box-shadow: 0 0 10px #DDD;
  border-radius: 25px;
  /* padding: 30px; */
  /* border-top: 5px solid #49c740;
  border-bottom: 5px solid #49c740; */
}
.mainForm .mainForm__Inner form .form-group{
  height: 89% !important;

}
.mainForm .mainForm__Inner h2 {
  text-align: left;
  font-weight: 600;
  /* background-color: #3d5975; */
  background-color: #fff;
  padding: 40px 40px 0;
  color: #000;
  border: 1px #8E1616 solid;
  border-radius: 25px 25px 0 0;
  margin-bottom: 0;
  font-size: 38px;
  padding-bottom: 30px !important;
}

form#support_ticket {
    border: 1px solid #8E1616;
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.select2-container .select2-search--inline .select2-search__field{
height: 22px !important;
}
.swal2-actions .swal2-confirm.swal2-styled{
  background-color: #8E1616 !important;
  border: none;
  outline: none;
  box-shadow: none;
}
.swal2-actions  .swal2-deny.swal2-styled{
  background-color: #8E1616 !important;
  border: none;
  outline: none;
  box-shadow: none;

}
.swal2-actions .swal2-cancel.swal2-styled{
  background-color: #ccc !important;
  border: none;
  outline: none;
  box-shadow: none;
  color: black !important;
}
.mainForm .mainForm__Inner p.subtext {
  margin-bottom: 30px;
  /* background-color: #333; */
  background-color: #f5f5f5;
  padding: 10px 40px 40px;
  color: #585858;
  font-size: 17px;
}
.mainForm .mainForm__Inner h4 {
  font-size: 30px;
  margin-bottom: 25px;
  color: #111;
  font-weight: 600;
  text-align: center;
}
.mainForm__Inner form {
    padding: 30px 20px;
}

.supportphonecontainer .select2-selection.select2-selection--single{
  border-radius: 0px;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.mainForm__Inner form .form-group {
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #8e1616;
    border-radius: 25px;
}
.mainForm__Inner form .forgotlink {
  text-align: right;
  margin-top: 10px;
}
.mainForm__Inner form .forgotlink a {
  text-decoration: none;
  color: #333;
}
.mainForm__Inner form .form-group.phoneSection .d-flex {
  width: 90%;
  margin: 0 auto;
}
.mainForm__Inner form .form-group.phoneSection .select2 {
  width: 17% !important;
}
 .supportphonecontainer .select2-container--open .select2-dropdown--below {
  width: 200px !important;
}
.mainForm__Inner form .form-group.phoneSection .form-control {
  width: 100%;
}
.mainForm__Inner form .form-group .mainLabel {
  text-align: center;
  font-size: 19px;
  color: #000;
  margin-bottom: 30px;
  background-color: rgba(61, 89, 117, 0.1);
  color: #333;
  padding: 8px 10px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.mainForm__Inner form .form-group .mainLabel .counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 5px;
}
.mainForm__Inner form .form-group .uploadFile {
  height: 220px;
  border: 2px dashed #8E1616;
  font-size: 14px;
  border-radius: 5px;
  color: #8E1616;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  font-weight: 500;
  position: relative;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto 25px;
  width: 50%;
}
.mainForm__Inner form .form-group .uploadFile i {
  margin-right: 10px;
}
.mainForm__Inner form .form-group .uploadFile input {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.mainForm__Inner form .form-group .uploadFile span {
  display: block;
  font-size: 20px;
}
.mainForm__Inner form .form-group .form-icons {
  position: absolute;
  background-color: #3d5975;
  width: 48px;
  height: 48px;
  top: 35px;
  /* right: 1px; */
  right: 25%;
  margin-right: 1px;
  top: 79px;
  border-radius: 0 3px 3px 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;

}
.mainForm__Inner form .form-group .form-icons.grievanceDate {
  bottom: 1px;
  /* top: auto; */
}
.mainForm__Inner form .outerBox {
  border: 1px solid #ddd;
  padding: 20px 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.mainForm__Inner form .form-group .form-check .form-check-label {
  color: #3d5975;
  cursor: pointer;
}
.setfooterbtn button{
  @media screen and (max-width:575px) {
    margin: 8px 0px;
  }
}
.mainForm__Inner form .form-group .form-check .form-check-input {
  box-shadow: none;
  cursor: pointer;
}
.mainForm__Inner form  .messageText p {
  color: #333;
}
.mainForm__Inner form  .messageText p strong {
  color: #000;
}
.mainForm__Inner form .form-group .form-check .form-check-input:checked {
  background-color: #8E1616;
  border-color: #8E1616;
}
.mainForm__Inner form .form-group label {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
.mainForm__Inner form .form-group label span {
  color: #f00;
}
.mainForm__Inner form .form-group .select2 {
  width: 90% !important;
  margin-bottom: 25px;
}
.select2-container .select2-search__field {
  outline: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #8E1616;
}
.mainForm__Inner form .form-group .rangeOuter {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 25px;
}
.mainForm__Inner form .form-group .rangeOuter label {
  margin: 0;
}
.mainForm__Inner form .form-group .error {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  color: #f00;
}
.mainForm__Inner form .form-group .rangeOuter datalist {
  flex-direction: row;
  writing-mode: lr;
}
.mainForm__Inner form .form-group .rangeOuter input[type="range"] {
  background: linear-gradient(to right, #2de254 0%, #e5982b 33%, #ff1414 75%, #ff1414 100%);
  /* border: solid 2px #82CFD0;
  border-radius: 8px;
  height: 7px;
  width: 400px;
  outline: none;
  transition: background 450ms ease-in; */
  height: 8px;
  -webkit-appearance: none;
}
.mainForm__Inner form .form-group .rangeOuter input[type="range"]::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-appearance: none;
  cursor: pointer;
  background: #3d5975;
  margin-top: -15px;
}
.mainForm__Inner form .form-group .select2 .select2-search__field {
  outline: none;
}
.mainForm__Inner form .form-group .select2-selection {
  height: 50px;
  padding: 10px 0;
  border-radius: 8px;
  /* border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; */
  outline: none;
  border-color: #bfbfbf;
}
.supportphoneinput{
  border-left: none !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.mainForm__Inner form .form-group .select2 .select2-selection__arrow {
  top: 50%;
  transform: translate(0, -50%);
}
.mainForm__Inner form .form-group .form-control {
  height: 50px;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  width: 90%;
  margin: 0 auto 25px;
  text-align: center;
}
.supportpadding{
  padding: 0px 25px;
}
.mainForm__Inner form .form-group .form-control:focus {
  box-shadow: none;
}
.mainForm__Inner form .form-group textarea {
  height: 150px !important;
}
.mainForm__Inner form .form-group .submit {
  background-color: #8E1616;
  color: #fff;
  font-weight: 600;
  padding: 8px 30px;
}
.mainForm__Inner form .form-group .cancel {
  background: #ccc;
  padding: 8px 30px;
  color: #000;
  font-weight: 600;
}
.mainForm__Inner form .form-group .priorityOuter {
  display: flex;
  gap: 20px;
}
.mainForm__Inner form .form-group .priorityOuter p {
  font-size: 14px;
}
.mainForm__Inner form .form-group .chooseOption {
  position: relative;
  /* height: 50px; */
  padding: 0;
  margin-bottom: 5px;
}
.mainForm__Inner form .form-group .chooseOption .form-check-label {
  border: 1px solid #8E1616;
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 10px;
  color: #8E1616;
  font-weight: 600;
  font-size: 14px;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label {
  /* background-color: #3d5975; */
  background-color: #8E1616;
  color: #fff;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label span {
  background-color: #fff;
  color: #8E1616;
}
.mainForm__Inner form .form-group .chooseOption label {
  margin-bottom: 0;
}
.mainForm__Inner form .form-group .chooseOption label span {
  display: inline-flex;
  background-color: #8E1616;
  color: #fff;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin-right: 10px;
}
.mainForm__Inner form .form-group .newTileOuter {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: start;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption {
  /* width: 19%; */
  width: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption.gravienceOption {
  width: 170px;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label {
  width: 110px;
  height: 110px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  background-color: #fff;
  border: 2px solid #8e1616;
}

.mainForm__Inner form .form-group .newTileOuter .chooseOption .sectionText {
  text-align: center;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg  {
  width: 45px;
  height: 45px;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg path {
  /* fill: #3d5975; */
  fill: #8E1616;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg rect.st0 {
  fill: #8E1616;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg path.whiteFill {
  fill: #fff;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg path.drillForm {
  fill: none;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg path.drillForm1 {
  stroke: #8E1616;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg.billicon path {
  fill: #8E1616 !important;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg path {
  fill: #fff;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg path.whiteFill {
  /* fill: #3d5975; */
  fill: #8E1616;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg .st0,
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg ellipse {
  fill: #fff;
}
.mainForm__Inner form .form-group .chooseOption .form-check-label svg.reportIcon path {
  fill: none;
  /* stroke: #3d5975 !important; */
  stroke: #8E1616 !important;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg.reportIcon path {
  fill: none;
  stroke: #fff !important;
}
.mainForm__Inner form .form-group .chooseOption .form-check-label svg path.nofill {
  fill: none;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg path.nofill {
  fill: none;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg.cirlce-white {
  /* fill: #3d5975; */
  fill: #8E1616;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg circle.cirlce-white {
  /* fill: #3d5975; */
  fill: #8E1616;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg circle.cirlce-white {
  fill: #fff;
}
.mainForm__Inner form .form-group .chooseOption .form-check-input:checked + .form-check-label svg.billicon path {
  fill: #fff !important;
}
/* .mainForm__Inner form .form-group .chooseOption .form-check-input ~ label {

} */
.userresignmodal .form-group .resignedinput input[type='checkbox']{
  margin: 3px 7px 3px 0px;

}
.userresignmodal .form-group .resignedinput input:checked{
  background-color: #8E1616;

}
.userresignmodal .form-group h3{
  font-weight: 600;
  margin-bottom: 7px;
}
.resignedinput{
  display: flex;
  margin: 2px 0px;
  /* align-items: baseline; */
}
.userresignmodal .form-group .resignedinput input[type='checkbox']:focus{
 box-shadow: none;
}
.userresignmodal .form-group label{
  font-weight: normal !important;

}
.calendar {
  padding:8px;
  background: #ffffff;
  border-radius: 4px;
  font-size:18px;
  border: 1px solid #333333;
  box-shadow: 0px 20px 40px rgba(59,60,56,0.05);
}
.ui-datepicker {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #8E1616;
  overflow: hidden;
}
.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background: #8E1616;
  margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #333333;
}
.ui-datepicker-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 40px;
  color: #8E1616;
  margin-bottom: 5px;
  font-size: 18px;
}
.ui-state-default {
  display: block;
  text-decoration: none;
  color: #333333;
  line-height: 40px;
  font-size: 16px;
}
.ui-state-default:hover {
  color: #ffffff;
  background:#8E1616;
  border-radius:50px;
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
/* .ui-state-highlight {
  color: #ffffff;
  background-color:#49c740;
  border-radius:50px;
} */
.ui-state-active {
  color: #ffffff;
  background-color:#8E1616;
  border-radius:50px;
}
.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}

.icon {
  margin-left: -30px;
  margin-top: -26px;
  position: relative;
  color: #8E1616;
  font-size:20px;
}
.ui-timepicker-container {
  position: absolute;
  height: 200px !important;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  width: 200px !important;
}
.ui-timepicker-viewport {
  padding: 10px;
}
.ui-timepicker-container .ui-timepicker-viewport li {
  padding: 5px;
}
.ui-timepicker-container .ui-timepicker-viewport li a {
  text-decoration: none;
  color: #8E1616;
}
.ui-timepicker-container .ui-timepicker-viewport li:hover {
  background-color: #8E1616;
}
.ui-timepicker-container .ui-timepicker-viewport li:hover a {
  color: #fff;
}
.error .error-inner{
  color:red;
  padding: 20px !important;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  background: rgba(255,0,0,0.1);
  margin: 0px 20px;
}
.error .error-inner a{
  text-decoration: none;
  color: red
}
.error .error-inner p{
  margin-bottom: 0 !important;
}
.error .error-inner a .background{
    height: 27px;
    width: 27px;
    border: 1px solid red;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    color: #fff;
    font-weight: 700;
}
.error .error-inner li{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:20px
}
.error .error-inner ul li a{
  color: red;
}
.mainForm__Inner form .form-group label span.tooltipOuter {
  position: relative;
  color: #8E1616;
  display: inline-block;
  cursor: pointer;
}
.mainForm__Inner form .form-group label span.tooltipOuter .tooltiptext {
  background-color: #333;
  color: #fff;
  font-weight: 400;
  padding: 8px;
  border-radius: 5px;
  font-size: 12px;
  width: 150px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 10px;
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.mainForm__Inner form .form-group label span.tooltipOuter .tooltiptext::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #333;
  border-bottom: 5px solid transparent;
  left: -10px;
}
.mainForm__Inner form .form-group label span.tooltipOuter:hover .tooltiptext {
  display: inline-flex;
  opacity: 1;
}
.mainForm__Inner form .form-group label span.tooltipOuter i {
  font-size: 14px;
}
.mainForm__Inner form .form-group .newTileOuter .chooseOption {
  margin-bottom: 25px;
}
.dtp div.dtp-picker {
  padding-bottom: 0;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header,
.dtp table.dtp-picker-days tr > td > a.selected {
  background-color: #8E1616;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dtp div.dtp-date, .dtp div.dtp-time {
  background-color: #8E1616;
}
.dtp .svg-clock [fill="#8BC34A"] {
  fill: #8E1616;
}
.dtp .hour-hand, .dtp .minute-hand {
  stroke: #2B292F;
}
.dtp div.dtp-actual-year, .dtp .p10 > a {
  color: #fff;
}
.dtp .btn {
  padding: 5px 15px;
  text-transform: uppercase;
  background-color: #8E1616;
  margin-left: 10px;
  box-shadow: 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  margin-bottom: 8px;
}
.dtp .btn:hover, .dtp .btn:focus {
  background-color: #8E1616;
}
.dtp .btn.dtp-btn-cancel {
  background-color: #ccc;
  color: #000;
}
.dtp-close {
  right: 5px;
}
.dtp-close a i {
  display: none;
}
.dtp-close a {
  background-image: url(../images/close.svg);
  background-size: 17px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.dtp-date .left a, .dtp-date .right a {
  background-size: 17px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.dtp-date .left a i, .dtp-date .right a i {
  display: none;
}
.dtp-date .left a {
  background-image: url(../images/arrow-left.svg);
}
.dtp-date .right a {
  background-image: url(../images/arrow-right.svg);
}
.dtp-picker-calendar .table tr td a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  transition: all 0.2s ease-in-out;
}
.dtp-picker-calendar .table tr td a:hover {
  background-color: #8E1616;
  color: #fff;
}
.dtp table.dtp-picker-days tr>th {
  color: #8E1616;
}
.dtp .dtp-buttons {
  padding: 5px 10px 0 0;
}
.dtp .dtp-btn-clock-ico, .dtp .dtp-btn-calendar-ico {
  display: none;
}
.btn.btn-flat.dtp-btn-ok {
  color: #fff;
}
.dtp .dtp-select-year-range.before i, .dtp .dtp-select-year-range.after i {
  display: none;
}
.dtp .dtp-select-year-range.before {
  background-image: url(../images/arro-up.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 16px 0;
  border-radius: 0;
  background-color: #ddd;
}
.dtp .dtp-select-year-range.after {
  background-image: url(../images/arrow-down1.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 16px 0;
  border-radius: 0;
  background-color: #ddd;
}
.dtp .year-picker-item.active {
  background-color: #8E1616;
}
div:where(.swal2-icon) {
  user-select: none;
}
.slidecontainer {
  width: 50% !important;
  margin: 0 auto;
}
.slidecontainer #textvalue {
  text-align: center;
  font-size: 16px;
  color: #8E1616;
  font-weight: 600;
  height: 17px;
}
.thankYou {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.thankYou h3 {
  font-size: 60px;
  font-weight: 800;
  color: #8E1616;
}
.thankYou p {
  color: #000;
  font-size: 20px;
  text-align: center;
}
.mainForm__Inner form .form-group .rangeOuter datalist option {
    color: #8E1616;
    font-size: 14px;
    position: relative;
    /* width: 16.66%; */
    /* text-align: center; */
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option {
  color: transparent;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option::after {
  position: absolute;
  color: #8E1616;
  top: 0;
  text-align: center;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(1)::after {
  content: "Disagree Strongly";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(2)::after {
  content: "Disagree";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(3)::after {
  content: "Disagree Slightly";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(4)::after {
  content: "Agree Slightly";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(5)::after {
  content: "Agree";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(6)::after {
  content: "Agree Strongly";
  left: -10px;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(7)::after {
  content: "N/A";
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter datalist option:nth-child(1) {
  margin-left: -20px;
}




/* Entrance Survey Questions starts */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option {
  color: transparent !important;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(1)::after {
  left: 0;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(2) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(2)::after {
  left: -30px;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(3) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(3)::after {
  left: -30px;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(4) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(4)::after {
  left: -30px;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(5) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(5)::after {
  left: -30px;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(6) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(6)::after {
  left: -20px;
}
/* .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(7) {
  color: transparent !important;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.entranceSurvey datalist option:nth-child(7)::after {
  left: 0;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.lastElement.entranceSurvey datalist option:nth-child(2)::after {
  left: 0;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.lastElement.entranceSurvey datalist option:nth-child(5)::after {
  left: -20px;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.lastElement.entranceSurvey datalist option:nth-child(6)::after {
  left: -40px;
}
/* Entrance Survey Questions ends */

























/* .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(3) {
  margin-left: 40px;
}
.mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(5) {
  margin-left: 40px;
} */
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter {
  width: 90%;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter input[type="range"]::-webkit-slider-thumb {
  margin-top: 0px;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter input[type="range"] {
  /* width: 70%; */
  background: linear-gradient(to right, #ff1414 0%, #ff1414 33%, #2de254 75%, #e5982b 100%);
}
.mainForm .outerlogincontainer .forgotForm .loginBack{color: #333}

.block input{
  background-color: transparent !important;
  color: #333;
  border-color: rgb(209 213 219)!important;
}
/* .block input{
 color: #333;
} */
.block label{
  color: #333;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #8E1616 !important; }

/* img#blah{
  width:12%;
} */
.userImage{
  width: 140px !important;
  height: 140px;
  object-fit: cover;
  object-position: center;
  -o-object-position: center;
  border-radius: 50%;
}
.profileBtns{
  position: relative;
}

.profileBtns .profileCam{
  position:absolute;
  bottom: 0;
  right:0;
  font-size:18px;
  height:40px;
  width:40px;
  border-radius: 50%;
  background-color: #8E1616;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
}

.reportIssue{
  font-size: 14px;
  /* border: 1px solid #49c740; */
  padding: 10px 20px;
  border-radius: 25px;
  background-color: #8E1616 ;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.calenderBtn {
  margin-left: 10px;
}

input[type="checkbox"]:focus{
  color: #8E1616;
  box-shadow: none;
}
.viewticketcontainer .vtright .ticketinfo .ticketvalues{
  margin-bottom: 20px;
}
.viewticketcontainer .vtright .ticketinfo .ticketvalues p{
  font-size: 14px;
  font-weight: 600;
  word-break: break-all;
}
.viewticketcontainer .vtright .ticketinfo .ticketvalues p.assignRightSection.all_assignee_mails {
  white-space: nowrap;
}
.viewticketcontainer .vtright .ticketinfo .ticketvalues span{
  font-size: 14px;
}
.viewticketcontainer .card .ticketvalues .ccOuter {
  display: flex;
  margin-bottom: 10px;
}
.viewticketcontainer .card .ticketvalues .ccOuter .complianceAssigne {
  display: flex;
  margin-left: 10px;
  flex-wrap: wrap;
}
.viewticketcontainer .card .ticketvalues .ccOuter .complianceAssigne .cc_userlist {
  margin: 0 10px 10px 0;
}

@media (max-width: 1366px) {
  .mainForm .mainForm__Inner h2 {
    font-size: 32px;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label {
    width: 110px;
    height: 110px;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption .form-check-label svg {
    width: 40px;
    height: 40px;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption {
    width: 130px;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption .sectionText {
    font-size: 13px;
  }
  .mainForm__Inner form .form-group .mainLabel {
    font-size: 23px;
    padding: 4px 5px;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    /* color: #3d5975; */
    color: transparent;
    font-size: 11px;
  }
}
@media (max-width: 1199px) {
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    /* color: #3d5975; */
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .mainForm__Inner form .form-group .form-control {
    width: 70%;
  }
  .mainForm__Inner form .form-group .select2 {
    width: 70% !important;
  }
  .mainForm__Inner form .form-group .uploadFile {
    width: 70%;
  }
  .mainForm__Inner form .form-group .rangeOuter {
    width: 70%;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    /* color: #3d5975; */
    font-size: 10px;
  }
  .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter {
    width: 95%;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(1) {
    margin-left: 0;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(2)::after, .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(3)::after, .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(4)::after {
    left: -10px;
  }
  .mainForm__Inner form .form-group.phoneSection .d-flex {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .mainForm__Inner form .form-group .form-control {
    width: 70%;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    /* color: #3d5975; */
    font-size: 7px;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option::after {
    font-size: 10px;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(5)::after,.mainForm__Inner form .form-group .rangeOuter datalist option:nth-child(7)::after {
    left: 0;
  }
}
@media (max-width: 575px) {
  .mainForm__Inner form .form-group .form-control {
    width: 80%;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption {
    /* width: 19%; */
    width: 120px;
  }
  .mainForm__Inner form .form-group .mainLabel {
    font-size: 18px;
  }
  .mainForm .mainForm__Inner h2 {
    font-size: 20px;
    padding: 40px 10px 0;
  }
  .mainForm__Inner form .form-group .newTileOuter .chooseOption.gravienceOption {
    width: 130px;
  }
  .mainForm .mainForm__Inner h2 {
    padding: 20px 10px 20px !important;
  }
  .mainForm .mainForm__Inner h4 {
    word-break: break-all;
  }
  .mainForm__Inner form .form-group .select2 {
    width: 80% !important;
  }
  .mainForm__Inner form .form-group .uploadFile {
    width: 80%;
    text-align: center;
  }
  .mainForm__Inner form .form-group .uploadFile span {
    display: block;
    font-size: 16px;
  }
  .mainForm .mainForm__Inner p.subtext {
    font-size: 16px;
  }
  .mainForm__Inner form .form-group .rangeOuter {
    width: 95%;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    font-size: 12px;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option {
    font-size: 6px;
  }
  .mainForm__Inner form .form-group .rangeOuter datalist option::after {
    font-size: 7px;
  }
  .ccSection {
    flex-wrap: wrap;
    gap: 10px;
  }
}


.pointedinputsform .rangeOuter.survayRangeOuter datalist option{
  width: 24px;
  white-space: normal;
  /* overflow-wrap: break-word; */
  /* padding-right: 75px; */

}


.loginform h1{
  margin-bottom: 23px;
  text-align: center;
}
.loginform .form-group{

  display: flex;
  flex-wrap: nowrap;
  align-items: center;

  border-radius: 4px;
  border: 1.5px solid #777 !important;
}

.loginform .form-group span.icons{
  height: 40px;
  display: flex;
  align-items: center;
  width: 43px;
  justify-content: center;
  border-right: 1.5px solid #777;
}


.loginform .form-group span.eyeiconshow{
  height: 40px;
  cursor: pointer;
    display: flex;
    align-items: center;
    width: 43px;
    justify-content: center;
    /* border-right: 1.5px solid #3d5975; */
}
.loginform .form-group span.eyeiconshowconfirm{
  height: 40px;
  cursor: pointer;
    display: flex;
    align-items: center;
    width: 43px;
    justify-content: center;
}



.loginform .form-group input{
  padding: 6px 10px 6px 10px;
  width: 100%;
border: none;
  outline: none;
}
.loginform .loginbtn{
  background-color: #8E1616;
  padding: 9px 42px;
  border: none;
}


.loginform .loginbtn:active{
  background-color: #8E1616;
}

.loginform .loginbtn:focus{
  color: white;
}

.logininner img{
  max-width: 500px;
}

.outerlogincontainer{
  height: 89vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outerregistercontainer{
  height: 89vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:767px) {
  .outerregistercontainer{
    height: 100vh;
  }
}
.logininner{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logininner .mainForm__Inner{
  width: 100%;
}

.logregfooter{
  margin-top: 12px;
  text-align: center;
}

.logregfooter a{
  text-decoration: none;
  color: #8E1616;
}


.logininner .mainForm__Inner .w-full .mb-4{
  text-align: center;
}
.logininner .mainForm__Inner .w-full .mb-4 .mt-3.list-disc.list-inside{
  list-style: none;
  padding: 0px;
  margin: 4px 0px !important;
}

#job_title{
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color:#bfbfbf ;
}
#supervisor{
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color:#bfbfbf ;
}
.dataTables_wrapper.no-footer #example_info.dataTables_info{
    display: inline-block;
    width: 50%;
  margin-top: 10px;
}
.dataTables_wrapper.no-footer{
  padding: 10px 0px;
  background-color: #f2f5ff;
}


.dataTables_wrapper .dataTables_length{
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

@media screen and (max-width:765px) {
  .dataTables_wrapper .dataTables_length{
    float: none;
    width: 100%;
  }
}
.dataTables_wrapper .dataTables_filter {
  text-align: right;
}
@media screen and (max-width:765px){
  .dataTables_wrapper .dataTables_filter {
    text-align: left;
  }
}
.dataTables_wrapper .dataTables_filter label input {
  border-radius: 5px;
  margin-left: 10px;
}

#example_wrapper .dataTables_filter#example_filter{
  margin-bottom: 15px;
}
#example_wrapper .dataTables_length label select{
  width: 79px;
  padding: 10px 7px 10px 12px;
  border-radius: 50px;
  color: grey;
  border-color: grey;
}

.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers{
  margin-top: 15px;
  text-align: right;
  display: flex;
  /* width: 50%; */
}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers span{
  display: flex;
}

@media screen and (max-width:610px) {
  .dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers{
    margin-top: 15px;
    text-align: left;
    display: block;
    width: 100%;
    line-height: 48px;
  }
}

@media screen and (max-width:610px) {
  .dataTables_wrapper.no-footer #example_info.dataTables_info{
    display: block;
    width: 100%;
  }
}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.previous{
  /* background-color: #3d5975; */
  /* padding: 5px 8px; */
  /* border-radius: 4px; */

  color: black;
  cursor: pointer;
  text-decoration: none;
  width: 71px;
  font-size: 16px;
}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.previous:hover{
  background-color: transparent;
  color: black;
}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.current{
  /* border: 1px solid black;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 0px 3px;
  background-color: #3d5975;
  color:white;
  cursor: pointer;
  text-decoration: none; */
  background-color: #8E1616;
  cursor: pointer;
  color: white;
  text-decoration: none;

}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button{
  /* border: 1px solid black;
  padding: 5px 8px;
  border-radius: 4px;
  margin: 0px 7px;
  cursor: pointer;
  text-decoration: none;
  color: black; */
  display: flex;
  cursor: pointer;
  font-size: 14px;
  /* display: inline-block; */
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  text-decoration: none;
  color: black;

  border-radius: 100% !important;
  /* border: 1px solid red; */
  margin: 0px 3.5px;
}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button:hover{
  background-color: rgba(61, 89, 117, 0.8);
  color: white;
}

.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.next{
  /* background-color: #3d5975;
  padding: 5px 8px;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  text-decoration: none; */
  color: black;
  cursor: pointer;
  text-decoration: none;
  width: 71px;
  font-size: 16px;

}
.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.next:hover{
  background-color: transparent;
}

.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.previous.disabled{
  /* background-color: #748da7;
  padding: 5px 8px;
  border-radius: 4px;
  color: white;
  text-decoration: none; */
  color: grey;
  cursor: pointer;
  text-decoration: none;
  width: 71px;
  font-size: 16px;

}


.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.previous.disabled:hover{
  background-color: transparent;
}

.dataTables_wrapper.no-footer .dataTables_paginate.paging_simple_numbers .paginate_button.next.disabled{
  /* background-color: #748da7;
  padding: 5px 8px;
  border-radius: 4px;
  color: white;
  text-decoration: none; */
  color: grey;
  cursor: pointer;
  text-decoration: none;
  width: 71px;
  font-size: 16px;
}

span.tabletags{
  color: #fff;
  display: block;
  text-align: right;
  padding: 0 10px;
}
span.tabletags a{
  background-color: #8E1616;
  padding: 10px 40px;
  margin: 0px 2px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
}
/* .vttopsection{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
} */
.vttopsection h6 {
  color: #777;
  font-size: 14px;
}
.vttopsection h6 span {
  margin-right: 6px;
}
.vttopsection h6 span a {
  color: #adadad;
  text-decoration: none;
  font-weight: 600;
}

@media screen and (max-width:767px) {
  .vttopsection .dropdowncontainer{
    margin-top: 7px;
  }
}

.viewticketcontainer{
  padding: 15px;

  margin-top: 30px;
  border-radius: 10px;
}

.viewticketcontainer .dropdowncontainer{
  display: flex;
  align-items: center;
  justify-content: end;
}
.viewticketcontainer .dropdowncontainer .dropdown{
  margin: 0px 10px;
}
.viewticketcontainer .dropdowncontainer .dropdown a{
  background-color: white;
  color: black;
}
.viewticketcontainer .dropdowncontainer .dropdown .dropdown-toggle:focus {
  margin: 0;
}
.edittag{
  border: 1px solid black;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 3px solid #8E1616;
  margin: 15px 0px;
}
.edittag p{
  margin-bottom: 0px;
}
.edittag a{
  text-decoration: none;
  color: grey;

}
.viewticketcontainer .messagetag{
  /* border: 1px solid black; */
  /* padding: 10px; */
  /* border-radius: 5px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border-left: 3px solid #3d5975; */
  margin: 15px 0px;
  flex-wrap: wrap;
}
@media screen and (max-width:441px) {
  .messagetime p{
    margin-top: 5px;
  }
}
.viewticketcontainer .card {
  margin: 20px 0;
  box-shadow: 0 0 10px rgba(221, 221, 221, .8);
}
.viewticketcontainer .card .card-header .details {
  display: flex;
  gap:20px;
  align-items: center;
}
.viewticketcontainer .card .card-header .details .userImg img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin-right: 10px;
}
.viewticketcontainer .card .card-header .details .ticketSub h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.viewticketcontainer .card .card-header .details .ticketSub h6 {
  font-size: 14px;
  font-weight: 600;
  color: #adadad;
}
.viewticketcontainer .card .card-header .details .ticketSub h6 span {
  /* color: #333;
  font-weight: 600; */
  word-break: break-all;
}
.viewticketcontainer.viewmaincontainer .card .card-header .details .ticketSub h6 span {
  /* color: #333;
  font-weight: 600; */
  word-break: break-all;
  color: #8E1616;
}
.complianceGeneralInfo .card .card-header .details .ticketSub h6 span {
  /* color: #333;
  font-weight: 600; */
  word-break: break-all;
  color: #8E1616;
}
/* .viewticketcontainer.viewmaincontainer .vtsend1 .image-upload i::before{
  color: #adadad;
} */
 .vtsend1 .image-upload i::before{
  color: #adadad;
}


.viewticketcontainer.viewmaincontainer .card .card-header{
  border: none;
}
.complianceGeneralInfo .card .card-header{
  border: none;
}
.viewticketcontainer.viewmaincontainer .card{
  border: none;
}
.complianceGeneralInfo .card{
  border: none;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 select{
   border-color: #adadad;
   border-width: 2px;
   color: #adadad;
   font-weight: 600;
   padding: 6px 32px 6px 10px

}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 select.select-hidden{
  display: none;
}

.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 160px;
  height: 40px;
}

.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background-color: #c0392b;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; */
  border-color: #adadad;
  border-width: 2px;
  color: #adadad;
  font-weight: 600;
  padding: 6px 32px 6px 10px;
  border-radius: 50px;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #adadad transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled:hover {
  background-color: #fff;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled:active, .viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled.active {
  background-color: #fff;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-styled.active {
  border-radius: 20px;
  height: 138px;
}

.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  left: 2px;
  width: 97%;
  border-radius: 0 0 20px 20px;
  color: #adadad;
  overflow: hidden;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-options li {
  margin: 0;
  padding: 4px 0;
  text-indent: 15px;
  /* border-top: 1px solid #49c740; */
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-options li:hover, .select-options li.is-selected {
  color: #fff;
  background: #8E1616;
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend2 .select-options li[rel="hide"] {
  display: none;
}




.ck.ck-button__label{
  color: #adadad !important;
  font-weight: 600 !important;
}
.viewticketcontainer.viewmaincontainer .card-body{
  padding: 0px;
}
.complianceGeneralInfo .card-body{
  padding: 0px;
}
.ck.ck-toolbar__separator{
  background: #adadad;
}
.viewticketcontainer.viewmaincontainer .card-body .ck.ck-reset.ck-editor.ck-rounded-corners{
  margin-top: 0px;
}
.complianceGeneralInfo .card-body .ck.ck-reset.ck-editor.ck-rounded-corners{
  margin-top: 0px;
}
.viewticketcontainer.viewmaincontainer .card-body .ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-editor__main div{
  border: none;
  padding: 10px;
}
.complianceGeneralInfo .card-body .ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-editor__main div{
  border: none;
}
.viewticketcontainer.viewmaincontainer .card-body .ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-toolbar{
  border: none;
  background-color: rgba(31, 37, 41, 0.03);
}
.complianceGeneralInfo .card-body .ck.ck-reset.ck-editor.ck-rounded-corners .ck.ck-toolbar{
  border: none;
  background-color: rgba(31, 37, 41, 0.03);
}
.viewticketcontainer.viewmaincontainer .card-body .vtsend{
  margin: 15px;
}
.complianceGeneralInfo .card-body .vtsend{
  margin: 15px;
}
.viewticketcontainer .card .card-header .details>.userImg img{
  min-width: 35px;
}
.viewticketcontainer .card .card-header .actionSection {
  display: flex;
  align-items: center;
  justify-content: end;
}
.viewticketcontainer .card .card-header .actionSection p {
  color: #777;
  font-size: 14px;
  margin: 0;
}
.viewticketcontainer .card .card-header .actionSection .dropdown .dropdown-toggle, .viewticketcontainer .card .card-header .actionSection .dropdown .dropdown-toggle:hover,.viewticketcontainer .card .card-header .actionSection .dropdown .dropdown-toggle:focus, .viewticketcontainer .card .card-header .actionSection .dropdown .dropdown-toggle:visited {
  background-color: transparent;
  color: #333;
  border: 0;
  box-shadow: none;
}
.viewticketcontainer .card .card-header .actionSection .dropdown .dropdown-toggle::after {
  display: none;
}
.viewticketcontainer .card .card-body p {
  color: #777;
}
.viewticketcontainer .card .card-body p:last-of-type {
  margin: 0;
}
.viewticketcontainer .btn-group {
  margin-top: 20px;
}
.viewticketcontainer .btn-group .btn {
  /* background-color: rgb(61, 89, 117, 0.1); */
  color: #f00;
  border-color: #f00;
  border-radius: 50px;
}
.viewticketcontainer .btn-group .btn:hover {
  background-color: #f00;
  color: #fff;
}




.bg3d5975{
  background-color: #8E1616 !important;
  border: none;
}
.messagetag .messageinfo{
  display: flex;
  align-items: center;

}
.messagetag .messageinfo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  -o-object-position: center;
  margin-right: 5px;
}
.messagetag .messageinfo span{
  margin: 0px 5px;
}
.messagetag .messageinfo span.statustag{
  background-color: #8E1616;
  padding: 2px 5px;
  color: white;
  border-radius: 10px;
}
.messagetag .messagetime p{
  margin-bottom:0px;
}

.messagetagouter{
  padding: 10px;
  border: 1px solid black;
  border-left: 3px solid #8E1616;
  border-radius: 5px;
}
.messagecontent{
  margin-top: 10px;
}
@media screen and (max-width:389px) {
  .vtsend2{
    margin-top: 20px;
  }
}
.vtsend2{
  display: flex;
  align-items: center;
  justify-content: end;
}
.vtsend{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0px;
  flex-wrap: wrap;
}
.vtsend .sendbutton{
  background-color: #8E1616;
  color: white;
  border-radius: 50px;
  padding: 8px 40px;
  text-decoration: none;
  margin-left: 5px;
  font-weight: 600;
}
.vtsend2 select#status {
  border-radius: 50px;
}

.vtsend a{
  padding: 8px 20px;
  background-color: #cbcbcb;
  border-radius: 50px;
  margin: 0px 4px;
  font-weight: 600;
}

.sentclientdropdown a{
  background-color: white;
  color: black;
}
.sentclientdropdown button{
  background-color: white;
  color:black;
}

.sentclientdropdown button:hover{
background-color: white;
color: black;
}
.sentclientdropdown .dropdown-toggle {
  border: 1px solid #8E1616;
  color: #8E1616;
}
.sentclientdropdown .dropdown-menu li a {
  margin: 0;
}
.sentclientdropdown .dropdown-toggle:focus {
  margin: 0;
}
.ck .ck-editor__main .ck-content {
  height: 150px;
  margin: 0;
}
.ck .ck-editor__main .ck-content h1 {
  font-size: 40px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content h2 {
  font-size: 36px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content h3 {
  font-size: 30px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content h4 {
  font-size: 25px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content h5 {
  font-size: 20px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content h6 {
  font-size: 16px;
  font-weight: 600;
}
.ck .ck-editor__main .ck-content strong, .ck .ck-editor__main .ck-content b {
  font-weight: 700;
}
.ck .ck-editor__main .ck-content i {
  font-style: italic;
}
.ck .ck-editor__main .ck-content ul {
  padding-left: 20px;
}
.ck .ck-editor__main .ck-content ul li {
  list-style-type: disc;
}
.ck .ck-editor__main .ck-content ol {
  padding-left: 20px;
}
.ck .ck-editor__main .ck-content ol li {
  list-style-type: auto;
}

.ccadd{
  text-decoration: none;
  color: #8E1616;
}

.ticketinfo {
  padding: 10px 10px 10px 20px;
  margin-top: 20px;
 /* min-height: 100vh; */
}
.viewticketcontainer .vtright {
   /* min-height: 100vh; */
  border-left: 1px solid #ddd;

}
.viewticketcontainer .vtright{
  border: none;
  border-radius: 5px;
}
.vtright .ticketvalues{
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  margin: 10px 0px;

}
/* .viewticketcontainer .vtright.ticketVtRight .ticketinfo:nth-child(1) {
  padding-bottom: 0;
} */
.viewticketcontainer .vtright.ticketVtRight .ticketinfo:nth-child(2) {
  margin-top: 0;
  padding-top: 0;
}
.viewticketcontainer .vtright.ticketVtRight .ticketinfo:nth-child(2) .ticketvalues:first-child {
  margin-top: 0;
}
.viewticketcontainer .vtright.ticketVtRight .ticketinfo .ticketvalues:last-child {
  margin-bottom: 0;
}
.viewticketcontainer .vtright.ticketVtRight .ticketinfo .ticketvalues:last-child p {
  margin-bottom: 0;
}
@media screen and (max-width:430px) {
  .vtright .ticketvalues{
    flex-direction: column;
    align-items: start;
  }
}
.ticketvalues p{
  margin-bottom: 0px;
  /* color: #3d5975;
  font-weight: 600; */
  margin-bottom: 20px;
  color: #adadad;
  /* font-weight: 600; */
}
.viewticketcontainer .vtright .ticketinfo .ticketvalues p {
  margin-bottom: 0;
  margin-top: 10px;
}
.ticketvalues span {
  font-weight: 600;
}
.ticketvalues p img {
  /* width: 100%; */
  /* max-width: 30px; */
  width: 30px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  height: 30px;
}
.ticketvalues p span {
  /* width: 150px; */
  display: inline-block;
  color: #000;
  font-weight: 500;
}
.ticketvalues p span.active {
  color: #45ad00;
  position: relative;
  padding-left: 15px;
}
.ticketvalues p span.active::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 3px solid #45ad00;
  border-radius: 50%;
  left: 0;
  top: 6px;
}
.ticketvalues p span.inactive {
  color: #e3af31;
  position: relative;
  padding-left: 15px;
}
.ticketvalues p span.inactive::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 3px solid #e3af31;
  border-radius: 50%;
  left: 0;
  top: 6px;
}
.ticketvalues p.userImg, .ticketvalues .tooltipOuter {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #8E1616;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.ticketvalues .tooltipOuter {
  width: 35px;
  height: 35px;
}
.ticketvalues p.assigne {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 0;
}
.ticketvalues p.userImg .toolText, .ticketvalues .toolText {
  background-color: #333;
  color: #fff;
  padding: 3px;
  border: 5px;
  font-size: 13px;
  position: absolute;
  top: -30px;
  border-radius: 5px;
  display: none;
  left: 0;
}
.ticketvalues p.userImg .toolText::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #333;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ticketvalues p.userImg.assignRightSection .toolText {
  min-width: 150px;
  max-width: 250px;
  font-size: 12px;
  text-align: center;
  top: -35px;
}
.ticketvalues p.userImg.assignRightSection .toolText::after {
  left: 10px;
}
.ticketvalues p.userImg.assignRightSection .deleteCcUser {
  background-color: rgba(255, 0, 0, 0.1);
  color: #f00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 13px;
}
.ticketvalues p.userImg:hover .toolText, .ticketvalues .tooltipOuter:hover .toolText {
  display: inline-block;
}

.ticketvalues p .priority {
  background-color: #ddd;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #7e7e7e;
  font-weight: 600;
  margin-top: 5px;
}


.tagscontainer{
  padding: 15px;
  margin-top: 15px;
  border: 1px solid black;
  border-radius: 5px;
}

.tagsinputcontainer{
  display: flex;
}
.tagsinputcontainer input{
  outline: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px ;
max-width: 267px;
width: 100%;}

/* .ticketvalues p{
  width: 252px;
} */

.tagsinputcontainer a{
  background-color: #8E1616;
  color: white;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 7px;
  text-decoration: none;
}

.recenttickets button{
    border-radius: 15px;
    border: 1px solid black ;
    background-color: white;
    color: black;
    margin-top: 10px;
    width: 100%;
}

.recenttickets button:hover{
  border-radius: 15px;
  border: 1px solid black ;
  background-color: white;
  color: black;
  margin-top: 10px;
  width: 100%;
}
.recenttickets button:focus{
  border-radius: 15px;
  border: 1px solid black ;
  background-color: white;
  color: black;
  margin-top: 10px;
  width: 100%;
}

.recentaccordion{
  margin-top: 10px;
  outline: none;
  border: none;
  box-shadow: none
}

.recentaccordion:focus{
  outline: none;
  border: none;
  box-shadow: none;
}

.recentheading{
  margin-top: 10px;
}

.recentdropdown{
  text-decoration: none;
  color: black;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 10px;
}

.recentdropcontainer{
  margin-top: 15px;
  padding: 10px;
  border: 1px solid black;
  border-radius: 5px;
}



.viewticketcontainer .ck.ck-reset.ck-editor.ck-rounded-corners{
  margin-top: 15px;
}
.ticketinfo h3 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
}


.settingsheading{
  padding: 20px 15px !important;
  display: flex;
  align-items: center;
}
.settingsheading h1{
  margin-top: 0px;
  font-size: 30px;

}
.settingsheading a{
  margin-left: 10px;
}

.settingsbutton{
  background-color:#8E1616 !important ;
  color: white;

  margin-left: 25px;
  padding: 10px 30px;
  border-radius: 50px;
  /* margin-bottom: 8px; */
  font-weight: 600;
  font-size: 14px;
}
/* .outerRow.settings .form-group {} */

.tableresponsive{
  overflow-x: auto;
}

.dataTables_wrapper.no-footer .categoryrow{
  text-align: center;
    background-color: #90b3d5;
    color: white;
    border: 1px solid white;

}


.dataTables_wrapper.no-footer .categoryrow td{
  padding: 6px 0px;
}

.compliancenotes textarea{
  width: 100%;
  min-height: 220px;
  border-color: #bfbfbf;
  margin-top: 10px;
  background-color: #fff;
  box-shadow: none;
}

.taskuploadcontainer{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px dashed #bfbfbf;
  position: relative;
  height: 220px;
  border-radius: 5px;
  margin-top: 10px;
  background-color: #fff;
}

.taskuploadcontainer .form-control.browsefile{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.complianceGeneralInfo.compliancesubmit .ticketvalues p{
  font-weight: 600;
}
.viewticketcontainer.viewCompliance.tasksubmission{
  margin-top: 10px;
}
.taskuploadcontainer p span{
    font-weight: bold;
}
.complianceGeneralInfo.compliancesubmit .ticketinfo{
 background-color: white;
 border-radius: 5px;
}

.taskuploadcontainer > span{
  margin: 20px 0px;
}

@media screen and (max-width:767px) {
  .taskuploadcontainer{
    padding: 31px 0px;
  }
  .compliancenotes{
    margin-top: 15px;
  }
}

.compliancetable tbody tr td{
  /* padding: 5px; */
  border-bottom: 1px solid rgb(203, 213, 225);
}
.compliancetab {
  border: 0 !important;
  margin: 0 !important;
}
.compliancetab .nav-item .nav-link{
  color: #8E1616;
  border: none;
  padding: 10px 40px;
  border-radius: 5px;
  font-weight: 700;
  background-color: #fff;
  margin-right: 10px;
}
/* .compliancetab .nav-item .nav-link:last-of-type {
  margin-right: 0;
} */
.taskHead{
  margin-top: -39px;
  @media screen and (max-width:765px) {
    margin-top: 5px;
  }
}
.tableCustomSearch{
  margin-top: 20px;
}
.compliancetab .nav-item .nav-link.active{
  background-color: #8E1616;
  color: #fff;
}



.compliancetab{
  margin: 10px;
}

.ticketvalues .attdoclink{
	word-wrap:break-word;
	width:252px;
	text-decoration:none;
}

.reasonform{
  padding: 26px;
}

.reasonform textarea{
  width: 100%;
  min-height: 220px;
}


form#addReason{
  padding: 10px;
}
.tableSections table thead tr th{
  padding-bottom: 0px !important;
}

.aujobtitle select{
  display: block;
  width: 100%;
}
.ausupervisor select{
  display: block;
  width: 100%;
}
.aurole select{
  display: block;
  width: 100%;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}

input.form-comntrol{
  border-radius: 5px;
  border: 1px solid #bfbfbf;
}

form#adduser .form-group{
  margin: 15px 0px;
}



/* sidebar style */




/* Google Font Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins" , sans-serif;
}
.sidebar{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 78px;
  background: white;
  padding: 6px 14px;
  z-index: 99;
  transition: all 0.5s ease;
  border-right: 1px solid #ddd;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar::-webkit-scrollbar {
  /* width: 1em; */
  display: none;
}

.sidebar.open li.active a .links_name {
  color: white;
}

.sidebar.open li a.active .links_name {
  color: #fff;
}

.sidebar.open{
  /* width: 250px; */
  width: 300px;
}
.sidebar .logo-details{
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.sidebar .logo-details .icon{
  opacity: 0;
  transition: all 0.5s ease;
}
.sidebar .logo-details .logo_name{
  color: #8E1616;
  font-size: 20px;
  font-weight: 600;
  opacity: 0;
  transition: all 0.5s ease;
}
.sidebar.open .logo-details .icon,
.sidebar.open .logo-details .logo_name{
  opacity: 1;
}
.sidebar .logo-details #btn{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 22px;
  transition: all 0.4s ease;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.sidebar.open .logo-details #btn{
  text-align: right;
}
.sidebar i{
  color: black;
  height: 60px;
  min-width: 50px;
  font-size: 28px;
  text-align: center;
  line-height: 60px;
}
.sidebar .nav-list{
  margin-top: 20px;
  height: 100%;
  padding-left: 0px !important;
}
.sidebar li{
  position: relative;
  margin: 12px 0;
  list-style: none;
}
.sidebar li .tooltip{
  position: absolute;
  top: -20px;
  left: calc(100% + 15px);
  z-index: 3;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  transition: 0s;
  color: #333;
}
/* .sidebar li:hover .tooltip{
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
} */
.sidebar.open li .tooltip{
  display: none;
}

.sidebar .submenuLink:hover .tooltip{
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar li:not(.subMenus):hover .tooltip{
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar input{
  font-size: 15px;
  color: #FFF;
  font-weight: 400;
  outline: none;
  height: 50px;
  width: 100%;
  width: 50px;
  border: none;
  border-radius: 12px;
  transition: all 0.5s ease;
  background: #1d1b31;
}
.sidebar.open input{
  padding: 0 20px 0 50px;
  width: 100%;
}
.sidebar .bx-search{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 22px;
  background: #1d1b31;
  color: #FFF;
}
.sidebar.open .bx-search:hover{
  background: #1d1b31;
  color: #FFF;
}
.sidebar .bx-search:hover{
  background: #FFF;
  color: #11101d;
}
.sidebar li a{
  display: flex;
  /* height: 100%; */
  width: 100%;
  border-radius: 12px;
  align-items: center;
  text-decoration: none;
  transition: all 0.4s ease;
  background: white;
}

.home-section .text{
  padding: 20px;
  background: #f5f5f5;
}
.dataTables_wrapper  {
  background-color: #f5f5f5 !important;
}
.sidebar li a:hover{
  background: #e6f2ff;
  background-color: rgba(173, 12, 0, 0.425);
}
.sidebar li a:hover i, .sidebar li a:hover .links_name {
  color: #8E1616 !important;
}
.sidebar li a.active {
  background-color: #8E1616;
}
.sidebar li a .links_name{
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.sidebar.open li a .links_name{
  opacity: 1;
  pointer-events: auto;
  color: black;
}
.sidebar li a:hover .links_name,
.sidebar li a:hover i{
  transition: all 0.5s ease;
  color: #11101D;
}
.sidebar li a.active i {
  color: #fff;
}
.sidebar li i{
  height: 50px;
  line-height: 50px;
  font-size: 23px;
  border-radius: 12px;
}
.sidebar li.profile{
  position: fixed;
  height: 60px;
  width: 78px;
  left: 0;
  bottom: -8px;
  padding: 10px 14px;
  background: #1d1b31;
  transition: all 0.5s ease;
  overflow: hidden;
}
.sidebar.open li.profile{
  width: 250px;
}
.sidebar li .profile-details{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.sidebar li img{
  height: 45px;
  width: 45px;
  object-fit: cover;
  border-radius: 6px;
  margin-right: 10px;
}
.sidebar li.profile .name,
.sidebar li.profile .job{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}
.sidebar li.profile .job{
  font-size: 12px;
}
.sidebar .profile #log_out{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #1d1b31;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 0px;
  transition: all 0.5s ease;
}
.sidebar.open .profile #log_out{
  width: 50px;
  background: none;
}
.home-section{
  /* position: relative; */
  background: #f5f5f5;
  /* min-height: 100vh; */
  /* top: 0;
  left: 78px; */
  /* width: calc(100% - 78px); */
  transition: all 0.5s ease;
  z-index: 2;
  padding-left: 78px;
}
/* .sidebar.open ~ .home-section{
  left: 250px;
  width: calc(100% - 250px);
} */

.sidebar .subMenus .subMenu, .sidebar .subMenus .subMenu2 {
  display: none;
  padding: 10px;
  position: fixed;
  background-color: #fff;
  width: 250px;
  height: 100%;
  left: 78px;
  top: 64px;
  padding: 10px;
}
.sidebar .subMenus .subMenu ul {
  padding-left: 0;
}
.sidebar .subMenus .subMenu.show, .sidebar .subMenus .subMenu2.show {
  display: block;
}
.sidebar .subMenus .subMenu h4,.sidebar .subMenus .subMenu2 h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sidebar .subMenus .subMenu ul li, .sidebar .subMenus .subMenu2 ul li {
  margin: 0;
}
.sidebar .subMenus .subMenu ul li a, .sidebar .subMenus .subMenu2 ul li a  {
  padding: 5px;
  border-radius: 0;
  color: #333;
}
.sidebar .subMenus .subMenu ul li a:hover, .sidebar .subMenus .subMenu2 ul li a:hover {
  background-color: rgba(173, 12, 0, 0.425); /*SOBRANGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG*/
}
.sidebar.open .subMenus .subMenu, .sidebar.open .subMenus .subMenu2 {
  left: 300px;
}


@media (max-width: 420px) {
  .sidebar li .tooltip{
    display: none;
  }
}

.spacetablebody tr{
  background-color: white;
}

.spacetablebody tr td{
  padding: 24px 8px;
}
#examplecompliance thead tr th{
  width: auto !important;
}

#examplecompliance_wrapper{
select{
  width: 79px;
    padding: 10px 7px 10px 12px;
    border-radius: 50px;
    color: grey;
    border-color: grey;

}
}

#todoexample_wrapper select{
  width: 79px;
    padding: 10px 7px 10px 12px;
    border-radius: 50px;
    color: grey;
    border-color: grey;
}
table#example thead tr th{
  width: auto !important;
}

table#todoexample thead tr th{
  width: auto !important;
}
#pending_review_wrapper select{
  width: 79px;
  padding: 10px 7px 10px 12px;
  border-radius: 50px;
  color: grey;
  border-color: grey;
}
#pending_review thead tr th{
  width: auto !important;
}

#completed_task_wrapper select{
  width: 79px;
  padding: 10px 7px 10px 12px;
  border-radius: 50px;
  color: grey;
  border-color: grey;
}
#completed_task thead tr th{
  width: auto !important;
}
.tableSections {
  padding-right: 0;
  transition: all 0.3s ease-in-out;
}
.tableSections.show {
  padding-right: 320px;
}
.tableSections.show .ticketGraphs canvas {
  width: 100% !important;
}

.ticketcustomtable .paginationEntries select{
  width: 70px;
  padding: 10px 7px 10px 12px;
  border-radius: 50px;
  color: grey;
  border-color: #ddd;
  box-shadow: none;
}
.ticketcustomtable .filterSection {
  background-color: #fff;
  padding: 8px;
  min-height: 100vh;
  transform: translate(320px, 0);
  transition: all 0.3s ease-in-out;
  position: fixed;
  right: 0;
  width: 300px;
  top: 65px;
}


.editcompliancefields .select2-selection.select2-selection--single{
  border: none;
  border-bottom: 1px solid #adadad;
  font-weight: 400;
margin-top: 13px;
border-radius: 0px;
}

.filterSection .close {
  border: 2px solid #333;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.ticketcustomtable .filterSection.show {
  transform: translate(0, 0);
}
.ticketcustomtable .filterSection.top0 {
  top: 0;
}
.ticketcustomtable .filterSection h4 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}
.ticketcustomtable .filterSection h4 a {
  color: #45ad00;
  font-size: 16px;
}
.ticketcustomtable .filterSection form .form-group {
  margin-bottom: 10px;
}
.ticketcustomtable .filterSection form .form-group label {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}
.ticketcustomtable .filterSection form .form-group select {
  box-shadow: none;
  /* border: 1px solid #dee2e6; */
  cursor: pointer;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}
.ticketcustomtable .filterSection form .btns {
  text-align: center;
}
.ticketcustomtable .filterSection form .btns button {
  background: #8E1616;
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0;
}
.ticketcustomtable .filterSection form .form-group .select2 .select2-selection {
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 0.8rem;
  border-radius: 0;
}
.select2-container .select2-results__options .select2-results__option--highlighted {
  color: #fff;
  background-color: #8E1616;
}
.ticketcustomtable .filterSection form .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 0.8rem;
}
.ticketcustomtable .filterSection form .form-group .form-control:focus {
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
  box-shadow: none;
}
.filterSection.show .innerContent {
  overflow-x: hidden;
  height: calc(100vh - 100px);
  overflow-y: auto;
}
.ticketcustomtable.complianceFilter .filterSection.show .innerContent {
  height: calc(100vh - 190px);
}
.ticketcustomtable .filterSection form .form-group .select2 {
  width: 100% !important;
}


.filterSection.show .innerContent::-webkit-scrollbar, .userForm .userInnerContent::-webkit-scrollbar {
  width: 3px;
  /* display: none; */
}

.filterSection.show .innerContent::-webkit-scrollbar-track,  .userForm .userInnerContent::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.filterSection.show .innerContent::-webkit-scrollbar-thumb,  .userForm .userInnerContent::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}


.stats h4 {
  font-weight: 700;
  font-size: 22px;
}
.stats p {
  color: #777 !important;
  font-size: 14px;
}
.statsCard {
  margin: 20px 0;
}
.statsCard h5 {
  font-size: 23px;
  font-weight: 700;
}
.statsCard.green h5 {
  color: #45ad00;
}
.statsCard.orange h5 {
  color: #e3af31;
}
.statsCard.red h5 {
  color: #f00;
}
.stats #myChart {
  /* width: 100% !important; */
  /* height: 220px !important; */
  margin-bottom: 30px;
}
.select2-container .select2-dropdown {
  border-color: #d7d7d7;
}
.select2-container .select2-dropdown .select2-search .select2-search__field, .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: #d7d7d7;
  box-shadow: none;
}

.select2-container .select2-dropdown .select2-results .select2-results__option {
  padding: 3px 0 0 6px;
  font-size: 14px;
}

table#example tbody tr{

    background-color: white;


}


table#example tbody tr td{
  padding: 24px 8px !important;
}

table#example thead{
  background-color: #8E1616;
  color: white;
}

table#example thead th{
  padding: 10px 15px 0px 15px;
  text-align: left;
}
.editsubmit{
  text-align: center;
  margin: 20px 0px;
}
table#example {
  table-layout: auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 8px;
  border: none;
}

.editcompliancefields{
  margin: 15px 0px;
  font-weight: 600;

}
.editcompliancetextarea{
  font-weight: 600;
}
.editcompliancetextarea textarea{
  font-weight: 400;
  border-radius: 5px;
  border-color: #adadad;
  border: none;
  border-bottom: 1px solid #adadad;
  border-radius: 0px;
  padding: 5px 0px;

}

.editcompliancefields input{
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #adadad;
  border-radius: 0px;
  padding: 2px 0px;

}

.editcompliancefields select{
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #adadad;
  border-radius: 0px !important;
}
.topfiltersection{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topfiltersectionmain{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.topfiltersectionmain .topfiltersection{
  display: flex;
  align-items: center;
  gap: 25px;
align-items: center;

}


.ticketduesettings form .outerRow.settings h3{
  color: #8E1616 ;
}
.topfiltersection input{
  border-radius: 50px;
  width: 200px;
  border: 1px solid #ddd;
  height: 41px;
}
.topfiltersection input:focus {
  box-shadow: none;
  border-color: #8E1616;
}
.topfiltersection .paginationEntries {
  display: flex;
  align-items: center;
  gap: 5px;
}


.table-responsive {
  padding: 0;
}


.tableCustomSearch {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}
.tableCustomSearch .paginationEntries {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tableCustomSearch .paginationEntries select {
  width: 70px;
}
.tableCustomSearch .tableSearch .form-control, .tableCustomSearch .paginationEntries select {
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 20px;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
  box-shadow: none;
}
.tableCustomSearch .tableSearch input {
  width: 220px;
}
.topfiltersection .tableSearch.searchSorting {
  display: flex;
  gap: 10px;
  align-items: center;
}
.topfiltersection .tableSearch .sorting {
  display: flex;
  align-items: center;
}
.topfiltersection .tableSearch .sorting label {
  font-weight: 600;
  color: #777;
}
.topfiltersection .tableSearch .sorting .form-control {
  box-shadow: none;
  border: 1px solid #6b7280;
  border-radius: 50px;
  width: 180px;
  margin-left: 10px;
  height: 42px;
}
.settingsheading {
  justify-content: space-between;
}
.settingsheading .addBtn {
  background-color: #8E1616;
  padding: 10px 40px;
  margin: 0px 2px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  border: none;
  font-size: 14px;
}
.editUser .editSelected {
    background-color: #8E1616;
    padding: 10px 40px;
    margin: 0px 2px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
  }
.topfiltersection .tableSearch .sorting button {
  background-color: #8E1616;
  width: 38px;
  height: 38px;
  color: #fff;
  border-radius: 50%;
  margin-left: 10px;
}



.customtablelayout{
  width: 100%;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0 1rem;

}


.customtablelayout thead tr th{
  font-weight: bold;
  padding: 1.5rem;
  text-align: left;
  color: white;
  background-color: #8E1616;
  width: auto;

}
.customtablelayout tbody tr{
  background-color: white;
}
.customtablelayout tbody tr td{
  padding: 24px 8px;
}

.sortable{
  cursor: pointer;
}
.dashboardSection .nav {
  justify-content: center;
  background-color: #fff;
  padding: 15px 0;
}
.dashboardSection .nav .nav-item .nav-link {
  /* background-color: #e7e7e7; */
  color: #8E1616;
  margin-right: 10px;
  border: 1px solid #8E1616;
  font-weight: 700;
}
.dashboardSection .nav .nav-item .nav-link.active, .dashboardSection .nav .nav-item .nav-link:hover {
  background-color: #8E1616;
  color: #fff;
}
.dashboardSection .nav .nav-item:last-of-type {
  margin: 0;
}
.dashboardSection .tabsContent h3 {
  color: #333;
  font-size: 25px;
  font-weight: 800;
}
.dashboardSection .tabsContent p {
  color: #333;
  font-weight: 600;
}
.dashboardSection .paginationEntries select.form-control {
  width: 80px;
  border-radius: 50px;
  height: 42px;
}
.dashboardCard {
  background-color: #fff;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0, 0.1);
  margin-bottom: 20px;
  border-radius: 5px;
}
.dashboardCard h6 {
  text-align: right;
  font-weight: 600;
  margin-bottom: 10px;
}
.dashboardCard.green h6 {
  color: #45ad00;
}
.dashboardCard.orange h6 {
  color: #e3af31;
}
.dashboardCard.red h6 {
  color: #f00;
}
.copybutton i{
  color: black;
}

.dashboardCard h3 {
  font-weight: 600 !important;
  margin: 10px 0;
  font-size: 27px !important;
}
.dashboardCard img {
  width: 100%;
  max-width: 50px;
  margin: 0 auto;
}
.dashboardSection .card {
  border: 0;
}
.dashboardSection .card .card-header {
  background-color: #fff;
  border-color: #ebebeb;
}
.dashboardSection .card .card-header h4 {
  font-size: 25px;
  font-weight: 600;
  margin: 5px 0 0 0;
  color: #000;
}
.dashboardSection .card .card-header .form-group {
  text-align: right;
}
.dashboardSection .card .card-header .form-group .form-control {
  width: 150px;
  box-shadow: none;
  margin-left: auto;
  border: 0;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}
.dashboardSection .card .card-header .form-group select option {
  color: #333;
}
.dashboardSection .card .card-body #myChart {
  height: 400px !important;
}
.dashboardSection .card .card-body .table-responsive .table tr th {
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}
.dashboardSection .card .card-body .table-responsive .table tr td {
  font-size: 14px;
}
.dashboardSection .card .card-body .table-responsive .table tr td span {
  color: #777;
  font-weight: 600;
}
.dashboardSection .card.ticketCard {
  display: flex;
  height: 100%;
}
.dashboardSection .card.ticketCard .card-body .table-responsive {
  height: 400px;
  overflow: auto;
}
.card.ticketCard .card-body .table-responsive::-webkit-scrollbar {
  width: 8px;
}

.card.ticketCard .card-body .table-responsive::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.card.ticketCard .card-body .table-responsive::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.tableresponsive .table tr {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.tableresponsive .table tr th {
  border: 0;
  font-weight: 600;
  /* color: #959595; */
  color: #818181;
  /* text-transform: uppercase; */
  padding: 10px 15px;
  background-color: #f5f5f5;
}
.tableresponsive .table thead tr {
  box-shadow: none;
}
.tableresponsive .table thead tr:hover {
  box-shadow: none;
}
.tableresponsive .table tr td {
  border: 0;
  font-weight: 500;
  vertical-align: middle;
  padding: 20px 15px;
  color: #333;
  font-size: 14px;
}
.tableresponsive .table tr td .email {
  font-size: 14px;
  color: #959595;
}
.tableresponsive .table tr.bg-red-300 td .email {
  color: #565656;
}
.tableresponsive .table tr td .viewBtn {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(61, 89, 117, 0.1);
  border-radius: 5px;
  color: #8E1616;
  border: 1px solid #8E1616;
}
.tableresponsive .table tr td .deleteBtn {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 0, 0, 0.1);
  border-radius: 5px;
  color: #f00;
  border: 1px solid #f00;
}
.tableresponsive .table tr:hover {
  box-shadow: 0 0 50px rgba(0,0,0, 0.15);
  transition: all 0.3s ease-in-out;
}
.tableresponsive .table {
  border-collapse: separate;
  border-spacing: 0px 8px;
  border: none;
}
#examplecompliance_wrapper {
  margin-top: 30px;
}
.tableresponsive .table tr.bg-red-300 td {
  background-color: #ffdfdf!important;
}
.tableresponsive .table tr.bg-yellow-300 td {
    background-color: rgb(255 255 0 / 8%);
}
.tableresponsive .table tr.bg-grey-300 td {
  background-color: #e9e9e9;
}
#examplecompliance_wrapper .dataTables_length label select {
  width: 100px;
  height: 38px;
  border-radius: 50px;
  outline: none;
  padding: 8px;
  box-shadow: none;
}
#examplecompliance_wrapper .dataTables_filter label input {
  width: 180px;
  border-radius: 50px;
  outline: none;
  padding: 8px;
  box-shadow: none;
}
.tableresponsive .table tr td .closed_ticket, .tableresponsive .table tr td .active, .tableresponsive .table tr td .green {
  color: #45ad00;
  position: relative;
  padding-left: 10px;
}

.tableresponsive .table tr td .closed_ticket::after, .tableresponsive .table tr td .active::after, .tableresponsive .table tr td .green::after {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: -5px;
  top: 5px;
  border: 3px solid #45ad00;
}

.tableresponsive .table tr td .pending_ticket, .tableresponsive .table tr td .inactive, .tableresponsive .table tr td .orange {
  color: #e3af31;
  position: relative;
  padding-left: 10px;
}

.tableresponsive .table tr td .pending_ticket::after, .tableresponsive .table tr td .inactive::after, .tableresponsive .table tr td .orange::after  {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: -5px;
  top: 5px;
  border: 3px solid #e3af31;
}

.tableresponsive .table tr td .pending_ticket, .tableresponsive .table tr td .deleted, .tableresponsive .table tr td .red {
  color: #f00;
  position: relative;
  padding-left: 10px;
}

.tableresponsive .table tr td .pending_ticket::after, .tableresponsive .table tr td .deleted::after, .tableresponsive .table tr td .red:after {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: -5px;
  top: 5px;
  border: 3px solid #f00;
}

.tableresponsive .table tr td .blue {
  color: #0466d1;
  position: relative;
  padding-left: 10px;
  white-space: nowrap;
}

.tableresponsive .table tr td .blue::after  {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: -5px;
  top: 5px;
  border: 3px solid #0466d1;
}
.tableresponsive .table tr td .userEmail {
  font-weight: 600;
}
.tableresponsive nav span.relative span button {
  width: 45px;
  height: 45px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  margin-right: 5px;
  font-weight: 700 !important;
  background-color: #f5f5f5 !important;
  color: #8f8f8f;
  border: none !important;
}
.tableresponsive nav span.relative span:last-of-type button {
  margin-right: 0;
}
.tableresponsive nav span.relative span span.relative.inline-flex {
  width: 45px;
  height: 45px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  margin-right: 5px;
}
.tableresponsive .table tr td .recordImg img {
  display: none;
}
.userHeading {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.userHeading h1 {
  font-weight: 600;
}
.userForm {
  width: 420px;
  background-color: #fff;
  padding: 10px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  top: 64px;
  transform: translate(420px, 0);
  transition: all 0.3s ease-in-out;
  overflow: auto;
}
.userForm.userFormNew {
  height: 100%;
  overflow: inherit;
}
.userForm .userInnerContent {
  overflow-x: hidden;
  height: calc(100vh - 100px);
  overflow-y: auto;
}
/* .userForm .userInnerContent.jobTitle {
    height: auto;
} */
.userForm .userInnerContent.userInnerContent2 {
  height: calc(100vh - 120px);
}
.userForm.userFormNew .userInnerContent.userInnerContent2 {
  height: calc(100vh - 120px);
  overflow: auto;
}
.userForm .form-group {
  margin-bottom: 10px;
}
.userForm .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}
.userForm .form-group .form-control {
  box-shadow: none;
  cursor: pointer;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
  border-radius: 0 !important;
}
.userForm .form-group textarea::-webkit-scrollbar {
  width: 5px;
}
.userForm .form-group textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.userForm .form-group textarea::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.userForm .form-group .select2 .select2-selection {
  min-height: 45px;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.userForm .form-group .select2 .select2-selection .select2-selection__rendered {
  min-height: 45px;
  padding: 5px 5px;
}
.userForm.show {
  transform: translate(0, 0);
}
.userForm.show.top0 {
  top: 0;
}
.userForm button {
  background: #8E1616;
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
  margin-top: 10px;
  font-weight: 600;
}
.userForm::-webkit-scrollbar {
  display: none;
}

.participantstable table{
  border-collapse: separate;
    border-spacing: 0px 8px;
    border: none;
}
.participantstable table tr{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.participantstable table tr td{
  border: 0;
  font-weight: 500;
  vertical-align: middle;
  padding: 20px 15px;
  color: #333;
  font-size: 14px;
}
.participantstable table tr th{
  border: 0;
  font-weight: 600;
  /* color: #959595; */
  color: #818181;
  /* text-transform: uppercase; */
  padding: 10px 15px;
  background-color: #f5f5f5;
}
.userForm .cancel {
  background-color: #727272;
}
.forgotForm  .bg-gray-100 {
  background-color: transparent !important;
}
.forgotForm  .bg-gray-100 a svg {
  display: none;
}
.forgotForm  .bg-gray-100 form button {
  background-color: #8E1616 !important;
  box-shadow: none;
}
.userImageSection {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  position: relative;
}
.userImageSection img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  object-position: center;
}
.userImageSection span {
  width: 30px;
  height: 30px;
  background-color: #8E1616;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: #fff;
  bottom: 0;
  right: 10px;
}
.userImageSection span input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.usersOuter {
  transition: all 0.3s ease-in-out;
}
.usersOuter.show {
  padding-right: 420px;
}
.userForm .close {
  border: 2px solid #333;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.tableresponsive .table tr td .dropdown .dropdown-toggle {
  background-color: transparent;
  border: transparent;
  color: #333;
  font-size: 20px;
  box-shadow: none;
}
.tableresponsive .table tr td .dropdown .dropdown-toggle::after {
  display: none;
}
.tableresponsive .table tr td .dropdown .dropdown-menu {
  padding: 0;
  border: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.tableresponsive .table tr td .dropdown .dropdown-menu li a {
  padding: 6px 10px;
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-weight: 500;
}
.tableresponsive .table tr td .dropdown .dropdown-menu li:last-child a {
  border: none;
}
.tableresponsive .table tr td .dropdown .dropdown-menu li a:hover {
  background-color: #8E1616;
  color: #fff;
}
.tableresponsive .table tr td .dropdown .dropdown-menu li a i {
  margin-right: 5px;
}
.tableresponsive .table tr td .very_low, .tableresponsive .table tr td .low, .tableresponsive .table tr td .medium, .tableresponsive .table tr td .high, .tableresponsive .table tr td .very_high {
  background-color: #838383;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
}
#editUser .form-group .form-control {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  padding: 5px 0px;
}
#editUser .form-group label {
  font-weight: 600;
  color: #333;
}

#editUser .form-group .select2 .select2-selection {
  height: 45px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}
#editUser .form-group .select2 .select2-selection .select2-selection__rendered {
  padding: 5px 0px;
}
#editUser .form-group {
  margin-bottom: 15px;
}
.assigningForm .form-group .select2 .select2-selection {
  min-height: 45px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}
.assigningForm .formHeading {
  font-size: 20px;
  margin-bottom: 10px;
}
.assigningForm  .form-group .select2 .select2-selection .select2-selection__rendered {
  padding: 5px 8px;
}
.jobHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.jobHeader h1 {
  margin-top: 0px;
  font-size: 30px;
  font-weight: 600;
}
.jobHeader a {
  background-color: #8E1616;
  padding: 10px 40px;
  margin: 0px 2px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
}
.editTitle .form-group label, .settings .form-group label {
  font-weight: 600;
}
.editTitle .form-group .form-control,  .settings .form-group .form-control {
  border: none;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
}
.editTitle .form-group .form-control:focus {
  border-color: #ddd;
}
.insightSection {
  margin-bottom: 20px;
}
.insightSection h2 {
  font-weight: 700;
  font-size: 25px;
}
.insightSection h2 i {
  font-size: 16px;
}
.insightSection p {
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
}
.insightSection .insightBtn {
  background-color: #8E1616;
  color: #fff;
  margin-right: 10px;
  border: 1px solid #8E1616;
  font-weight: 700;
  margin-bottom: 20px;
}
/* .insightContent {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
} */
.insightInnerContent {
  border: 1px solid #ddd;
  background-color: #fff;
  height: 140px;
  padding: 10px 10px;
  position: relative;
  margin-bottom: 20px;
}
.insightInnerContent h4 {
  position: absolute;
  top: 10px;
  right: 10px;
}
.insightInnerContent .green {
  color: #45ad00;
}
.insightInnerContent .red {
  color: #f00;
}
.insightInnerContent p {
  font-size: 14px;
  color: #777;
  margin-top: 15px;
}
.insightInnerContent h2 {
  font-size: 20px;
  font-weight: 600;
}
.insightInnerContent h2 span {
  font-size: 16px;
  font-weight: 400;
  color: #777;
}
.topBar {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
}
.topBar .nav {
  width: 100%;
  justify-content: center;
  margin: 0 !important;
  align-items: center;
}
.topBar .nav .nav-item .nav-link {
  color: #8E1616;
  margin-right: 10px;
  border: 1px solid #8E1616;
  font-weight: 700;
}
.topBar .nav .nav-item .nav-link.active {
  background-color: #8E1616;
  color: #fff;
}
.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 11;
}
.loader .loaderInner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.loader .loaderInner img {
  width: 100%;
  max-width: 60px;
}
.viewCompliance .vttopsection h3 {
  font-size: 1.75rem;
  margin-bottom: 10px;
  font-weight: 600;
}
.viewCompliance .vtright .ticketinfo h3 {
  font-size: 23px;
}
.viewCompliance .vttopsection h6 {
  color: #adadad;
  font-size: 14px;
  font-weight: 600;
}
.complianceStatus {
  width: 60%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.complianceStatus .status {
  margin-right: 20px;
  text-align: center;
  width: 200px;
  position: relative;
}
.complianceStatus .status span {
  width: 70px;
  height: 70px;
  /* background-color: #45ad00; */
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #333;
  position: relative;
  z-index: 11;
}
.complianceStatus .status.rejected span {
  background-color: #f00;
  border-color: #f00;
}

.complianceStatus .status p {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.complianceStatus .status:last-of-type {
  margin-right: 0;
}
.complianceStatus .status::before {
  position: absolute;
  content: " ";
  background-color: #333;
  width: 150px;
  height: 2px;
  top: 35px;
  left: -85px;
  z-index: 2;
}

.imgsection p{
  font-weight: 600;
}
.complianceStatus .status:first-child:before {
  display: none;
}
.complianceStatus .status:first-child span {
  background-image: url(../images/form.svg);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
}
.complianceStatus .status:nth-child(2) span {
  background-image: url(../images/supervisor.svg);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 4;
}
.complianceStatus .status:nth-child(3) span {
  background-image: url(../images/Officer.svg);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 4;
}
.complianceStatus .status:nth-child(4) span {
  background-image: url(../images/complianceofficer.svg);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 4;
}
.complianceStatus .status:nth-child(5) span {
  background-image: url(../images/ceo.svg);
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 4;
}
.complianceStatus .status.active:nth-child(5) span{
  background-color: #8E1616;
    background-image: url(../images/approveTick.svg);
}



.complianceStatus .status.active:first-child span, .complianceStatus .status.active:nth-child(2) span, .complianceStatus .status.active:nth-child(3) span, .complianceStatus .status.active:nth-child(4) span {
  background-color: #8E1616;
  background-image: url(../images/approveTick.svg);
  position: relative;
  z-index: 4;
}
.complianceStatus .status.active::before {
  background-color: #8E1616;
}
.complianceStatus .status.active p {
  color: #8E1616;
  font-weight: 600;
}
.complianceStatus .status.active span {
  border-color: #8E1616;
}
.mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(2) {
  margin-left: -10px;
}
.mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(3) {
  position: relative;
  color: transparent;
}
.mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(3)::after {
  position: absolute;
  content: "Medium";
  color: #8E1616;
  top: 0;
  text-align: center;
  left: 10px;
}
.mainForm__Inner form.loginform{
  padding: 60px 70px;
}
.complianceStatus .status.rejected span {
  background-image: url(../images/rejected.svg);
}
.complianceStatus .status.rejected p {
  color: #f00;
}

.mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(4) {
  position: relative;
  color: transparent;
}
.mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(4)::after {
  position: absolute;
  content: "High";
  color: #8E1616;
  top: 0;
  text-align: center;
  left: 20px;
}
.dashboardTicketTable tr td .dropdown .dropdown-menu {
  inset: auto !important;
  transform: translate(-80%, 4px) !important;
}

.complianceGeneralInfo .ticketinfo h3 {
  font-weight: 600;
  font-size: 1.75rem;
  margin-bottom: 20px;
}
.complianceGeneralInfo .ticketinfo .assigneSection {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues {
  margin-bottom: 10px;
}
.ticketinfo .ticketvalues .complianceAssigne {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues p span.orange {
  color: #e3af31;
  position: relative;
  padding-left: 20px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues p span.orange::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: 0px;
  top: 7px;
  border: 3px solid #e3af31;
}

.complianceGeneralInfo .ticketinfo .ticketvalues p span.green {
  color: #8E1616;
  position: relative;
  padding-left: 20px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues p span.green::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: 0px;
  top: 7px;
  border: 3px solid #8E1616;
}


.complianceGeneralInfo .ticketinfo .ticketvalues p span.blue {
  color: #0466d1;
  position: relative;
  padding-left: 20px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues p span.blue::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: 0px;
  top: 7px;
  border: 3px solid #0466d1;
}

.complianceGeneralInfo .ticketinfo .ticketvalues p span.red {
  color: #f00;
  position: relative;
  padding-left: 20px;
}
.complianceGeneralInfo .ticketinfo .ticketvalues p span.red::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  left: 0px;
  top: 7px;
  border: 3px solid #f00;
}
.complianceGeneralInfo .reasonform.reasonform {
  padding: 0;
}
.complianceGeneralInfo .reasonform.reasonform textarea {
  width: 100%;
  padding: 10px;
}
.complianceGeneralInfo .reasonform.reasonform label {
  font-weight: 600;
}
.complianceGeneralInfo .reasonform.reasonform textarea {
  border: 1px solid #ddd;
}

@media (max-width: 1440px) {
  .complianceStatus .status::before {
    width: 130px;
    left: -75px;
  }
  .dashboardSection .card .card-body .table-responsive .table tr th {
    font-size: 13px;
  }
  .dashboardSection .card .card-body .table-responsive .table tr td {
    font-size: 13px;
  }
}
@media (max-width: 1366px) {
  .insightInnerContent h2 {
    font-size: 18px;
  }
  .insightInnerContent h2 span {
    font-size: 13px;
  }
  .insightInnerContent h4 {
    font-size: 14px;
    top: 4px;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option {
    color: #8E1616;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(4)::after {
    left: 15px;
  }
  .complianceStatus .status::before {
    width: 119px;
    left: -69px;
  }
  .mainForm__Inner form .form-group .newTileOuter {
    gap: 0px;
  }
}
@media (max-width: 1280px) {
  .complianceStatus .status::before {
    width: 107px;
    left: -63px;
  }
}
@media (max-width: 1199px) {
  .insightInnerContent {
    height: 180px;
  }
  .complianceStatus .status::before {
    width: 94px;
    left: -57px;
  }
}
@media (max-width: 1024px) {
  .compliancetab .nav-item .nav-link {
    padding: 10px 40px;
  }
  .usersOuter.show {
    padding-right: 0;
  }
  .complianceStatus {
    width: 72%;
  }
}
@media (max-width: 991px) {
  .compliancetab .nav-item .nav-link {
    padding: 10px 20px;
  }
  .insightInnerContent {
    height: 130px;
    margin-bottom: 10px;
  }
  .complianceStatus {
    width: 74%;
  }
  .dashboardCard img {
    max-width: 40px;
  }
  .dashboardCard h3 {
    font-size: 24px !important;
  }
  .dashboardSection .tabsContent p {
    font-size: 15px;
  }
  .topfiltersectionmain {
    flex-direction: column;
    align-items: start;
  }
  .tableSections .topfiltersection {
    margin-top: 10px;
  }
  .tableSections .topfiltersection .settingsbutton {
    margin-left: 0;
  }
  .tablePagination nav .hidden {
    flex-direction: column;
    gap: 10px;
  }
  .tablePagination nav .hidden button {
    padding: 8px 10px !important;
  }
  .tableresponsive nav span.relative span button {
    width: 35px;
    height: 35px
  }
  .tableresponsive nav span.relative span span.relative.inline-flex {
    width: 35px;
    height: 35px;
  }
  .alltaskPage {
    overflow: auto !important;
  }
  .tableCustomSearch {
    flex-wrap: wrap;
  }
  .tableCustomSearch .tableSearch .tabletags {
    padding: 0;
    margin-top: 10px;
  }
  .tableCustomSearch .tableSearch .tabletags a {
    padding: 10px 20px;
  }
  .tableCustomSearch .tableSearch .editUser {
    margin-right: 0 !important;
  }
  .tableCustomSearch .tableSearch .editUser .editSelected {
    padding: 10px 20px;
    margin-top: 10px;
  }
  .usersOuter .tableCustomSearch .tableSearch {
    flex-wrap: wrap;
  }

}
@media (max-width: 767px) {
  .topfiltersection {
    flex-wrap: wrap;
    gap: 10px;
  }
  .topfiltersection .tableSearch.searchSorting {
    flex-wrap: wrap;
  }
  .compliancetab .nav-item .nav-link {
    padding: 10px 10px;
    font-size: 14px;
  }
  span.tabletags a {
    padding: 8px 30px;
  }
  .insightInnerContent {
    height: auto;
  }
  .topBar .nav .nav-item .nav-link {
    padding: 5px 8px;
    font-size: 12px;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option::after {
    font-size: 7px;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(2) {
    margin-left: 0;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(3)::after {
    left: 0px;
  }
  .mainForm__Inner form .form-group .rangeOuter.priorityRange datalist option:nth-child(4)::after {
    left: 5px;
  }
  .complianceStatus {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .topfiltersection {
    flex-direction: row;
  }
  .topfiltersection .tableSearch .sorting {
    flex-wrap: wrap;
  }
  .tableSections.show {
    padding-right: 0;
  }
  .ticketcustomtable .filterSection {
    width: 250px;
  }
  .compliancetab .nav-item .nav-link {
    margin-bottom: 10px;
  }
  .tableCustomSearch, .settingsheading, .jobHeader {
    flex-wrap: wrap;
    gap: 10px;
  }
  .settingsheading .addBtn {
    padding: 9px 30px;
  }
  .userForm {
    width: 250px;
  }
  .userImageSection, .userImageSection img {
    width: 110px;
    height: 110px;
  }
  .dashboardSection .nav .nav-item {
    margin-bottom: 10px;
  }
  .topBar .nav .nav-item .nav-link {
    padding: 5px 5px;
    font-size: 9px;
  }
  .dashboardSection .tabsContent .col {
    flex: 1 0 100%;
  }
  .complianceStatus .status p {
    display: none;
  }
  .complianceStatus .status span {
    width: 50px;
    height: 50px;
  }
  .complianceStatus .status span {
    background-size: 25px !important;
  }
  .complianceStatus .status::before {
    position: absolute;
    content: " ";
    background-color: #8E1616;
    width: 20px;
    height: 2px;
    top: 25px;
    left: -20px;
  }
  .complianceStatus {
    width: 60%;
  }
  .sidebar.open .subMenu {
    position: static;
  }
  .viewticketcontainer {
    padding: 15px 0;
  }
  .viewticketcontainer .vttopsection h6 {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .viewticketcontainer .viewticketdelete a {
    padding: 7px 8px;
    font-size: 13px;
    margin: 0 0 0 2px !important;
  }

  .tableCustomSearch .tableSearch .tabletags {
    margin: 0 0 10px 0;
  }
  .settingsheading h1 {
    font-size: 18px;
  }
  span.tabletags {
    margin-top: 10px;
  }
  .complianceStatus .status span {
    background-size: 15px !important;
    width: 35px;
    height: 35px;
  }
  .complianceStatus .status::before {
    top: 18px;
  }
  .viewticketcontainer .vttopsection .btncontainer .submitBtn {
    padding: 8px 21px;
  }
  .viewCompliance .vtright .ticketinfo h3 {
    font-size: 20px;
  }
  .settingsheading.userHeading {
    padding: 0 !important;
  }
  .policyPrecedureSection .addBtn {
    padding: 9px 20px;
  }
  .vtsend .sendbutton {
    font-size: 14px;
  }
  .editpolicyandprocedure .settingsbutton {
    margin-left: 0;
  }
  .policyAssigneOuter .commonDetailEntity {
    margin-bottom: 10px;
  }
  .editpolicyandprocedure .settingsbutton {
    margin-bottom: 10px;
  }
  .assigneSetting .outerRow.settings .form-group .select2.select2-container {
    width: 76% !important;
  }
  .assigneSetting .outerRow.settings .form-group .copybutton i {
    font-size: 15px;
  }
  .assigneSetting .outerRow.settings .form-group .copybutton {
    height: 30px !important;
    width: 30px !important;
  }
}


.submit {
  background-color: #8E1616 !important;
  color: #fff;
  font-weight: 600;
  padding: 8px 30px;
}

.submitBtn{
  background-color: #8E1616;
  color: white;
  border-radius: 50px;
  padding: 8px 21px;
  text-decoration: none;
  margin: 2px 0px;
  font-weight: 600;
  display: inline-block;
}

@media screen and (max-width:575px) {
  .home-section .text {
    padding: 3px;
  }

}
.btncontainer{
  text-align: right;
}

.ticketinfo .ticketvalues a{
  word-wrap: break-word;
  color: #8E1616;
  text-decoration: none;
  font-weight: 600;
}
@media screen and (max-width:991px) {
  .btncontainer{
    margin: 10px 0px;
  }
}


.viewticketcontainer.viewCompliance.viewticketcompliance{
  background-color: transparent;
}

.complianceGeneralInfo .vtright{
  background-color: white;
  min-height: auto;
}

.dropdownuserimg{
  width: 37px;
  height: 37px;
  margin-right: 10px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;

}

.ticketinfo .imgsection{
  display: flex;

  align-items: center;
}
.ticketinfo .imgsection img{
  width: 70px;
  margin-right: 6px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.viewticketcontainer.viewCompliance.tasksubmission>h3{
font-size: 32px;
margin-bottom: 3px;
font-weight: 600;
}

.ticketusersection{
  display: flex;
  align-items: center;
}
.viewticketcontainer.viewCompliance.tasksubmission h6 span a{
  color: #adadad;
  font-weight: 600;
}
.viewticketcontainer.viewCompliance.tasksubmission h6 span{
  color: #adadad;
  font-weight: 600;
}
.complianceGeneralInfo.compliancesubmit .outerRow .form-group label strong{
  color:#adadad;
}
.complianceGeneralInfo.compliancesubmit .taskuploadcontainer span i{
  color: #adadad;
}
.complianceGeneralInfo.compliancesubmit .taskuploadcontainer p{
  color: #adadad;
}
.ticketusersection img{
  width: 40px;
  height: 40px;
  margin-right: 5px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.dueticketselect{
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0px;

}
.dueticketselect:focus{
  outline: none;
  box-shadow: none;
  border-color: #ddd;
}
.settingsheading h1{
  color: black;
  font-size: 22px;
  font-weight: 700;
}
.topfiltersection.reportfilter{
  justify-content: end;
}
.topfiltersection.reportfilter .tableSearch.searchSorting input{
  border-color: #ddd;
}
.assigningForm .outerRow.settings .form-group{
  margin-bottom: 18px;
  margin-top: 4px;
}

.assigningForm .outerRow.settings h3{
  font-size: 20px;
  margin-top: 15px;
  color: #45ad00;
  margin-bottom: 16px;
}

.outerRow.settings .form-group .select2.select2-container{
  width: 100% !important;
}

.settingsheading .mainheading{
  font-weight: 700;
}

.viewticketcontainer.viewmaincontainer{
  background-color: transparent;
}

.viewticketcontainer.viewmaincontainer .vttopsection h3{
  font-weight: 700;
}
.viewticketcontainer.viewmaincontainer .vttopsection h6 span{
  color: #adadad;
}

.viewticketdelete{
  text-align: right;
}

.viewticketcontainer.viewmaincontainer .vtright{
  background-color: white;
}

.usersOuter .tableCustomSearch .tableSearch{
  display: flex;
  align-items: center;
}
.usersOuter .tableresponsive .dataTables_wrapper .dataTables_length label select {
  width: auto;
  cursor: pointer;
  padding: 5px 25px 5px 10px;
  border-radius: 25px;
  border: 1px solid #ddd;
  background-color: #fff;

}
.usersOuter .dt-container .dt-layout-row .dt-length select,
.manageAppointment-section .dt-container .dt-layout-row .dt-length select {
  background-color: #fff;
  width: 65px;
  margin-right: 10px;
  height: 38px;
  border-radius: 25px;
  box-shadow: none;
  padding: 5px 7px;
}
.usersOuter .dt-container .dt-layout-cell .dt-search .dt-input,
.manageAppointment-section .dt-container .dt-layout-cell .dt-search .dt-input {
  background-color: #fff;
  border-radius: 25px;
  height: 38px;
  width: 230px;
  box-shadow: none;
  padding: 7px 10px;
  margin-left: 7px;
  font-size: 14px;
}

.tableresponsive .dataTables_filter label {
  /* color: transparent; */
}
.tableresponsive .dataTables_filter label input {
  border-radius: 25px;
  border-radius: 50px;
  width: 200px;
  border: 1px solid #ddd;
  height: 41px;
  background-color: #fff;
}
.tableresponsive .dataTables_filter label input:focus {
  border-color: #ddd;
}
.tableSections .tableCustomSearch .sorting button {
  background-color: #8E1616;
  width: 38px;
  height: 38px;
  color: #fff;
  border-radius: 50%;
  margin-left: 10px;
}
.userProfileUpload {
  width: 140px;
  height: 140px;
  margin: 0 auto 30px;
  border-radius: 50%;
}

/* date range picker */
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #8E1616 !important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #fff !important;
}
.daterangepicker .drp-buttons .btn-primary {
  background-color: #8E1616;
  border-color: #8E1616;
}

.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option {
color: #8E1616;

}

.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option::after{
  display: none;
}

.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option:nth-child(2){
  margin-left: -26px;
}
.mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option:nth-child(4){
  margin-right: 10px;
}
@media screen and (max-width:1366px) {
  .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option:nth-child(2){
    margin-left: -17px;
  }
}
@media screen and (max-width:991px) {
  .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option:nth-child(1){
    margin-left: -9px;
  }
}
@media screen and (max-width:575px) {
  .mainForm__Inner form .form-group .rangeOuter.survayRangeOuter.rateeffectiveness datalist option:nth-child(1){
    margin-left: 1px;
  }
}

/* 04-03-2024 */
.pageItemOuter {
  width: 70px;
  height: 40px;
  position: relative;
}
.paginationEntries .select {
  position: relative;
}
.paginationEntries .select .select-styled {
  /* position: absolute; */
  width: 70px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #adadad;
  font-weight: 600;
  padding: 6px 32px 6px 10px;
  border-radius: 50px;
  background-image: url(../images/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 90% 50%;
  height: 40px;
  cursor: pointer;
}
.paginationEntries .select .select-styled.active {
  position: absolute;
  height: 100px;
  border-radius: 15px;
  background-position: 90% 11%;
}
.paginationEntries .select .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  left: 1px;
  width: 97%;
  border-radius: 0 0 13px 13px;
  color: #adadad;
  overflow: hidden;
  top: 26px;
  cursor: pointer;
}
.paginationEntries .select select.select-hidden {
  display: none;
}
.paginationEntries .select .select-options li {
  padding: 0 10px;
}

.usersettinglinks{
  color: #454545 !important;
}

.usersettinglinks:hover{
  background-color: #8E1616 !important;
  color: white !important;
}



.ticketsubuser{
  display: flex;

  align-items: center;
}

.ticketsubuser p{
  margin: 0px 0px 0px 5px;

}


.modalassigneebutton{
  background-color: #d9ffd6 !important;
  margin: 10px 0 0 7px;
  outline: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #8E1616;
  color: #8E1616;
}
.modalassigneebutton:focus, .modalassigneebutton:active {
  border: none;
}

.modal-footer button.btnclose{
  color: black;
  border: 1px solid grey !important;
}
.modal-footer .btnsubmit{
  background-color: #8E1616 ;
  color: white;
}
.innerModals .modal-footer button.btnclose {
background-color: #b9b9b9;
border: none !important;
color: #333;
}
.innerModals .modal-header .modal-title {
  font-weight: 600;
  font-size: 20px;
  color: #333;
}
.innerModals .modal-body .table tr td .assignImg {
  display: flex;
  align-items: center;
}
.innerModals .modal-body .table tr td .assignImg img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  margin-right: 10px;
}
.innerModals .modal-body .table tr td .deleteUser {
  background-color: rgba(255, 0, 0, 0.3);
  color: #f00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 30px;
  height: 30px;
}
.innerModals .modal-body .form-group {
  margin-bottom: 15px;
}
.innerModals .modal-body .form-group .select2 .select2-selection {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  min-height: 39px;
  padding: 8px 0 0 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.innerModals .modal-body .form-group .select2 .select2-selection::-webkit-scrollbar {
    width: 5px;
}
.innerModals .modal-body .form-group .select2 .select2-selection::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.innerModals .modal-body .form-group .select2 .select2-selection::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}
.innerModals .modal-body .form-group .select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
    font-size: 14px;
}
.innerModals .modal-body .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}
.viewticketassignees{
  display: flex;
  align-items: center;

}

.table-responsive.tableresponsive.policytable table thead tr th.sortable{
  white-space: nowrap ;
}
.ccSection {
  display: flex;
}
.sectionCcBtn {
  position: relative;
  margin-right: 50px;
}
.sectionCcBtn::after {
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #c5c5c5;
  height: 100%;
  right: -30px;
}
.addCCBtn {
  border: 1px solid #858585;
  background-color: #858585 !important;
  padding: 5px 10px;
  color: fff;
  font-weight: 500;
}
.addCCBtn:hover {
  border-color: #858585;
  color: #fff !important;
}
.addCCBtn:hover {
  background-color: #adadad;
  color: #333;
}
.innerModals .modal-body .form-group .select2 {
  width: 100% !important;
}
.innerModals .modal-content {
  min-height: auto !important;
}
.innerModals .modal-body .form-group label {
  font-weight: 600;
}
#assigneemodal .modal-body .table tr th {
  background-color: #efefef;
}
#assigneemodal .modal-body .table tr td {
  vertical-align: middle;
}
#assigneemodal .modal-body .table tbody tr:nth-child(even) td {
  background-color: #f5f5f5;
}
#assigneemodal .modal-body .table tr td .assignImg img {
  width: 40px;
  height: 40px;
}
.innerModals .modal-body .table tr:last-child td {
  border: 0;
}

/* multiselectcss */

select[data-multi-select-plugin] {
  display: none !important;
}

.multi-select-component {
  margin-top: 7px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  padding-bottom: 0px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list {
  border-radius: 4px 0px 0px 4px;
}

.multi-select-component:focus-within {
  box-shadow: inset 0px 0px 0px 2px #78ABFE;
}

.multi-select-component .btn-group {
  display: none !important;
}

.multiselect-native-select .multiselect-container {
  width: 100%;
}

.selected-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  background-color: #ededed;
  white-space: nowrap;
  margin: 1px 5px 5px 0;
  height: 22px;
  vertical-align: top;
  cursor: default;
}

.selected-wrapper .selected-label {
  max-width: 514px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  vertical-align: top;
}

.selected-wrapper .selected-close {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.49em;
  margin-left: 5px;
  padding-bottom: 10px;
  height: 100%;
  vertical-align: top;
  padding-right: 4px;
  opacity: 0.2;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  font-weight: 700;
}

.search-container {
  display: flex;
  flex-direction: row;
}

.search-container .selected-input {
  background: none;
  border: 0;
  height: 20px;
  width: 60px;
  padding: 0;
  margin-bottom: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-container .selected-input:focus {
  outline: none;
}

.dropdown-icon.active {
  transform: rotateX(180deg)
}

.search-container .dropdown-icon {
  display: inline-block;
  padding: 10px 5px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  border: 0 !important;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* SVG background image */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
}

.search-container ul {
  position: absolute;
  list-style: none;
  padding: 0;
  z-index: 3;
  margin-top: 29px;
  width: 100%;
  right: 0px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.search-container ul :focus {
  outline: none;
}
.search-container ul li {
  display: block;
  text-align: left;
  padding: 8px 29px 2px 12px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  min-height: 31px;
}
.search-container ul li:first-child {
  border-top: 1px solid #ccc;
  border-radius: 4px 0px 0 0;
}
.search-container ul li:last-child {
  border-radius: 4px 0px 0 0;
}
.search-container ul li:hover.not-cursor {
  cursor: default;
}
.search-container ul li:hover {
  color: #333;
  background-color: rgb(251, 242, 152);
  border-color: #adadad;
  cursor: pointer;
}
.staffinput{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0px auto 25px;
}
.staffaddinput{
text-align: center;
width: 50%;
margin: 0px auto 25px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width:991px) {
  .staffaddinput{
    width: 70%;
  }
  .staffinput{
    width: 70%;
  }
  .mainForm__Inner form.loginform {
    padding: 20px 30px;
    }
    .loginform .loginbtn {
        padding: 9px 25px;
        font-size: 14px;
    }
    .assigneAutomationModal .outerRow.settings .form-group .select2.select2-container {
        width: 80% !important;
    }
    .assigneAutomationModal .outerRow.settings .form-group .copybutton {
        height: 27px;
        width: 27px !important;
    }
    .assigneAutomationModal .outerRow.settings .form-group .copybutton i {
        font-size: 10px;
    }
}
@media screen and (max-width:575px) {
  .staffaddinput{
    width: 80%;
  }
  .staffinput{
    width: 80%;
  }
}
.staffaddinput input{
  height: 50px;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  width: 100% !important;
  margin:0px 21px 0px 0px !important;
  text-align: center;
  border-radius: 0.375rem;
}
.staffaddinput input:focus-visible{
  outline: none;
}
.staffinput input{
  height: 50px;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  width: 100% !important;
  margin:0px 25px 0px 0px !important;
  text-align: center;


}

.staffaddinput button{
  font-size: 14px;
  padding: 4px;
  border-radius: 4px;
  background-color: red;
  color: #ffffff;
  font-weight: 500;
  border: 1px solid red;
  min-width: 73px;
}
.staffinput button{
  background-color: #8E1616;
  color: #ffffff;
}
.staffinput button:hover{
  background-color: #8E1616;
}
.staffinput button:active{
  background-color: #8E1616 !important;
}
/* Adding scrool to select options */
.autocomplete-list {
  max-height: 130px;
  overflow-y: auto;
}
.modal-content{
  min-height: 540px;
}



.assigneefilter{
  margin: 15px 0px;
}

.daterangepicker .ranges li.active {
  background-color: #8E1616 !important;
  color: #fff;
}

#select2-edit_licensing_body-container.select2-selection__rendered{
  padding-left: 0px;
}
#select2-edit_code_section-container.select2-selection__rendered{
  padding-left: 0px;
}

.select2-selection__rendered#select2-edit_job_title-container{
  padding-left: 0px;
}
.select2-selection__rendered#select2-edit_supervisor-container{
  padding-left: 0px;
}
.select2-selection__rendered#select2-document_choose-container{
  padding-left: 0px;
}

.chatgptloader{
  width: 126px;
  position: absolute;
  top: 41%;
  left: 47%;
}

.editcategoryinput input{
  border: none;
  border-bottom: 1px solid grey;
  outline: none;
  box-shadow: none;
  margin-top: 5px;
  font-size: 1rem;
}
.editcategoryinput .form-control {
  border-color: #ddd;
}
.editcategoryinput .form-control:focus {
  box-shadow: none;
  border-color: #ddd;

}

.editcategoryinput{
  margin: 10px;
}

/* .editcategoryselect{
  margin: 10px;
}
.editcategoryselect .select2.select2-container.select2-container--default{

  width: 100%;
}

.editcategoryselect .select2-selection.select2-selection--single{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid grey;
  padding: 0.5rem 0.75rem;
  margin-top: 18px;
}


.editcategoryselect .select2-selection__rendered#select2-parent_category-container{
  line-height: 16px;
} */


.editcategoryselect{
  margin: 10px;
}

.editcategoryselect .select2-selection.select2-selection--single{
  margin-top: 19px;
  border: none;
  border-bottom: 1px solid grey;
  border-radius: 0px;
}

.editcategoryselect .select2.select2-container.select2-container--default{
  width: 100%;
}

.editcategoryselect .select2-selection__rendered#select2-parent_category-container{
  margin-top: 0px;
}

.policycontentoptions img{
  width: 100px;
}
.policycontentoptions{

  border: 1px solid #dddddd;
  border-radius: 7px;

}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 22px !important;
}
.policycontentoptions h2{
  font-size: 23px;
  font-weight: 500;
  margin: 12px 0px 6px 0px;
}

.policycontentoptions p{
  color: grey;
}

.policycontentoptions div{
  padding: 20px;
}
.policyoptionssection h1{
  font-size: 23px;
  text-align: center;
  margin: 14px 0px 50px 0px;
  font-weight: 600;
}

.policycontentoptions a{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  font-weight: 600;
  color: white;
  background-color: #8E1616;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius:7px ;
}
#assigneemodal .select2 {
	width: 100% !important;
}

.addpolicyinput input{
  border: none;
    border-bottom: 1px solid grey;
    background-color: transparent;
    box-shadow: none !important;
    outline: none !important;

}

.addpolicyinput input:focus{
  border-color: grey;
  background-color: transparent;
}

.policydescription{
  margin: 20px 0px;
}

.ppselectto{
  margin: 12px 0px;
}

.ppsection .select2-selection.select2-selection--single{
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid grey;
  background-color: transparent;
  margin-top: 7px;
}

.ppselectto input{
  border: none;
  border-bottom: 1px solid grey;
  background-color: transparent;
  box-shadow: none !important;
  outline: none !important;
  color: grey;
}

.ppselectto input:focus{
  border-color: grey;
  background-color: transparent;
}

.ppsection .select2-selection.select2-selection--multiple{
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid grey;
  background-color: transparent;
  margin-top: 7px;
}
.ppsection .categoryGroup .select2-selection {
  margin-top: 0;
  padding: 7px 0;
}
.table-responsive.tableresponsive{
  min-height: 70% !important;
}

.editpolicyandprocedure .editppselect .select2-selection.select2-selection--single{
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid grey;
  background-color: transparent;
}


.editpolicyandprocedure .editppselect {
  margin: 9px 0px;
}

.editpolicyandprocedure .editppselect .select2.select2-container.select2-container--default{
  margin-top: 5px;
}
.editpolicyandprocedure .editppselect .select2-selection.select2-selection--multiple{
  border: none;
  background-color: transparent;
  border-bottom: 1px solid grey;
  border-radius: 0px;

}
.editpolicyandprocedure  .editppinputfield input{
  border: none;
  border-bottom: 1px solid grey;
  background-color: transparent;
  padding-top: 6px;
  padding-bottom: 0px;
}
.editpolicyandprocedure  .editppinputfield label{
  margin-top: 10px;
}
.editpolicyandprocedure .editpolicydescription{
  margin: 10px 0px;
}
.editpolicyandprocedure .form-group input[type="checkbox"] {
  box-shadow: none;
}
.editpolicyandprocedure .form-group input[type="checkbox"]:checked {
  background-color: #8E1616;
}

.editpolicypageheading.show{
  padding-right: 320px !important;

}
.editpolicypageheading{
  transition: all 0.3s ease-in-out;
}

.assigneeadduser{
  display: flex;
  align-items: center;
  gap: 5px;

}

.assigneeadduser img{
  border-radius: 50%;
    width: 60px;
    height: 60px;
}

.addassigneeicon{
  padding: 6px 10px;
  background-color: #ffd6d6;
  border-radius: 5px;
}

.modal-body .select2-selection.select2-selection--multiple{
  border: none;
  border-bottom: 1px solid grey;
  border-radius: 0px;
}
.policyProcedure .form-group label {
  font-weight: 600;
}
.policyProcedure .policyAssigneOuter {
  background-color: #fff;
  padding: 20px;
  margin-top: 30px;
}
.policyProcedure .policyAssigneOuter h4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
}
.policyProcedure .policyAssigneOuter h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity {
  height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity::-webkit-scrollbar {
  width: 8px;
}

.policyProcedure .policyAssigneOuter .commonDetailEntity::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.policyProcedure .policyAssigneOuter .commonDetailEntity::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity label {
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity label:last-child {
  border: 0;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity input[type="checkbox"] {
  outline: none;
  box-shadow: none;
}
.policyProcedure .policyAssigneOuter .commonDetailEntity input[type="checkbox"]:checked {
  background-color: #8E1616;
}
.policyProcedure .policyAssigneOuter .table tr td .select2 {
  width: 280px !important;
}
.policyProcedure .policyAssigneOuter .table tr td .select2 .select2-selection {
  border: 1px solid #ddd;
  height: 45px;
  padding: 7px 0;
  border-radius: 5px;
}
.policyProcedure .policyAssigneOuter .table tr td, .policyProcedure .policyAssigneOuter .table tr th {
  vertical-align: middle;
}
.policyProcedure .policyAssigneOuter .table tr td .select2 .select2-selection .select2-selection__arrow {
  height: 45px;
  top: 7px;
}
.policyProcedure .policyAssigneOuter .table tr td .add-button {
  background-color: #8E1616;
  color: #fff;
  padding: 5px 10px;
  border-radius: 25px;
  font-weight: 600;
}
.modal-backdrop.remove {
  display: none;
}
.groupModal .modal-dialog .modal-header .btn-close {
  background-image: url(../images/crossIcon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  opacity: 0.5;
  box-shadow: none;
}
.groupModal .modal-dialog .modal-header .modal-title {
  font-weight: 600;
}
.groupModal .groupInnerContent .table tr th {
  background-color: #ddd;
  color: #333;
}
.groupModal .groupInnerContent .table tr td h4 {
  font-weight: 600;
  font-size: 16px;
}
.groupModal .groupInnerContent .table tr td p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.groupModal .groupInnerContent .table tr td .btn {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  padding: 0;
}
.groupModal .groupInnerContent .table tr td .btn.btn-delete {
  color: #f00;
  border: 1px solid rgba(255, 0, 0, 0.2);
  background-color: rgba(255, 0, 0, 0.2);
}
.groupModal .groupInnerContent .table tr:nth-child(even) td {
  background-color: #f5f5f5;
}
.groupModal .groupInnerContent .form-group label {
  font-weight: 600;
}
.groupModal .groupInnerContent .form-group label span {
  color: #f00;
}
.groupModal .groupInnerContent .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
}
.groupModal .modal-footer .btn-secondary {
  background-color: #a1a1a1;
  color: #333;
  border-color: #a1a1a1;
}
.groupModal .modal-footer .btn-primary {
  background-color: #8E1616;
  border-color: #8E1616;
}
.groupModal .modal-body .groupInnerContent .form-group .select2 {
  width: 100% !important;
}
.groupModal .modal-body .groupInnerContent .form-group .select2 .select2-selection {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  height: 35px;
}
.groupModal .modal-footer .closeBtn {
  background: #e1e1e1;
  font-weight: 600;
  padding: 9px 30px;
  border-radius: 50px;
  margin: 0;
}
.policyPrecedureSection .editpolicypageheading .addBtn {
  font-size: 14px;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter {
  display: flex;
  gap: 10px;
  align-items: center;
  /* justify-content: end; */
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .select2 .select2-selection {
  height: 41px;
  border-radius: 50px;
  padding: 9px 0px;
  border-color: #ddd !important;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .select2 .select2-selection .select2-selection__arrow {
  top: 8px;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter select.form-control {
  width: 220px;
  box-shadow: none;
  cursor: pointer;
  border: 1px solid #6b7280;
  border-radius: 50px;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .btn {
  font-size: 14px;
  font-weight: 600;
  border-radius: 50px;
  border: 1px solid #8E1616;
  padding: 8px;
  min-width: 124px;

}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .btn.downloadBtn {
  width: auto;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 8px 20px;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .btn:hover {
  background-color: #fff;
  color: #8E1616;
  border: 1px solid #8E1616;
}
.policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .select2 {
  max-width: 150px;
}
.policyPrecedureSection .topfiltersection .searchSorting .policyPdfBtn {
  font-weight: 600;
  font-size: 14px;
  border-radius: 25px;
  border: 1px solid #ddd;
  padding: 8px 20px;
}
.policyPrecedureSection .topfiltersection .searchSorting .policyPdfBtn:hover {
  color: #8E1616;
  background-color: #fff;
  border: 1px solid #8E1616;
}
.viewProcedureSection .vttopsection .settingsbutton {
  padding: 9px 25px;
}
.table-responsive.tableresponsive.policytable tr th input[type="checkbox"], .table-responsive.tableresponsive.policytable tr td input[type="checkbox"] {
  box-shadow: none;
  border-color: #cbcbcb;
  cursor: pointer;
}
.table-responsive.tableresponsive.policytable tr th input[type="checkbox"]:checked, .table-responsive.tableresponsive.policytable tr td input[type="checkbox"]:checked {
  background-color: #8E1616;
  border-color: #8E1616;
}
.table-responsive.tableresponsive .table tr td input[type="checkbox"], .table-responsive.tableresponsive .table tr th input[type="checkbox"] {
  box-shadow: none;
  outline: none;
}
.table-responsive.tableresponsive .table tr td input[type="checkbox"]:checked, .table-responsive.tableresponsive .table tr th input[type="checkbox"]:checked {
  background-color: #8E1616;
}
.policyAssigneOuter h4 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
.policyAssigneOuter h3 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 20px;
}
.policyAssigneOuter .commonDetailEntity label {
  margin-bottom: 4px;
  font-weight: 500;
}
.editpolicyandprocedure .form-group label {
  /* font-weight: 600; */
}
.editpolicyandprocedure .form-group .form-control {
  box-shadow: none;
}
.viewProcedureSection .vtright .tableSections .tableresponsive {
  min-height: auto;
}
.reportsOuter {
  padding: 20px;
}
.reportsOuter .table-responsive.tableresponsive {
  min-height: auto !important;
}
.reportsOuter .form-group label {
  font-weight: 600;
}
.reportsOuter .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
}
.resultSection h1 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}
.resultSection .resultBar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 10px 20px;
  border: 1px solid #ddd;
}
.resultSection .resultBar p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.reportoptions a{
  background-color: #f5f5f5;
  color: #333;
  font-weight: 600;
  border-radius: 5px;
  border: 1px solid #bebebe;
  margin: 5px;
  display: flex;
  align-items: center;
  height: 37px;
  width: 37px;
  justify-content: center;
  transition-duration: 0.4s;
}
.reportoptions{
  display: flex;
  align-items: center;
}
.copybutton{
  background-color: #f5f5f5 !important;
  color: #333;
  font-weight: 600;
  border-radius: 5px;
  border: 1px solid #bebebe;
  margin: 5px;
  display: flex;
  align-items: center;
  height: 40px;
  width: 44px !important;
  justify-content: center;
  transition-duration: 0.4s;
  padding: 0px;
  position: relative;
}
.copybutton i{
  color: grey;
  font-size: 19px;
}

.copybutton span{
  background-color: black;
  color: #fff;
  position: absolute;
  padding: 5px ;
  border-radius: 5px;
  top: -45px;
  display: none;

}
.copybutton span::after{
  content: ' ';
  display: block;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #000;
  position: absolute;
  top: 32px;
  left: 19px;

}
.copybutton:hover i{
  color: #fff;
}
.copybutton:hover span{
  display: block;
}
.copybutton:hover{
  background-color: #8E1616 !important;
  border-color: #8E1616;
}
.reportoptions .viewreport:hover{
  background-color: #8E1616;
  color: #fff;
}
.reportoptions .deletereport:hover{
  background-color: red;
  color: #fff;
}

.resultSection .resultBar span.counter {
  font-weight: 600;
}
.reportsOuter .select2 .select2-selection {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  outline: none;
  padding: 10px 0;
  height: 45px;
}
.reportsOuter .reportBtn button {
  background-color: #8E1616;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 25px;
  border: 1px solid #8E1616;
}

.editReportButton {
    background-color: #8E1616 !important;
    color: #fff;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 25px;
    border: 1px solid #8E1616;
}

.categoryResultOuter .resultContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 10px 20px;
  border: 1px solid #ddd;
}
.categoryResultOuter .resultContent span {
  font-weight: 600;
}
.categoryResultOuter .resultContent p {
  font-weight: 500;
}
.categoryResultOuter .chartSection {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alltaskPage {
  overflow: visible;
}
.alltaskPage .table tr th input[type="checkbox"], .alltaskPage .table tr td input[type="checkbox"] {
  box-shadow: none;
}
.alltaskPage .table tr th input[type="checkbox"]:checked, .alltaskPage .table tr td input[type="checkbox"]:checked {
  background-color: #8E1616;
  box-shadow: none;
  outline: none;
}
.select2 {
  width: 100% !important;
}

@media (max-width: 1700px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 9px 15px;
  }
}
@media (max-width: 1600px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 9px 15px;
    font-size: 14px;
  }
  .policyPrecedureSection .topfiltersection .searchSorting .policyPdfBtn {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
  }
  .policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter {
    align-items: start;
  }
  .policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter .btn.downloadBtn {
    font-weight: 600;
  }
}
@media (max-width: 1440px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 9px 13px;
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 9px 13px;
    font-size: 13px;
  }
}
/* @media (max-width: 1366px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 9px 13px;
    font-size: 13px;
  }
} */
@media (max-width: 1280px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    padding: 8px 10px;
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .viewProcedureSection .vttopsection .settingsbutton {
    margin-bottom: 5px;
    display: inline-block;
  }
  .tableSections .topfiltersection {
    flex-wrap: wrap;
    gap: 10px;
  }
  .topfiltersection .tableSearch.searchSorting {
    flex-wrap: wrap;
  }
}
@media (max-width: 991) {
  .viewProcedureSection .vttopsection {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .policyPrecedureSection .tableSections .topfiltersection .groupSelectionFilter {
    flex-wrap: wrap;
  }
  .mainForm .logininner img {
    display: none;
  }
  .tableSections {
    padding-top: 10px;
  }
  .innerModals .modal-body .table tr td .assignImg {
    display: block;
  }
  .tableSections .tableCustomSearch .sorting button {
    margin-top: 10px;
  }
  .settingsheading h1 {
    font-size: 20px;
  }
  .tableCustomSearch .tableSearch .editUser .editSelected {
    margin-bottom: 10px;
  }
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 48%;
  left: 49%;
  z-index: 100;
  width:80px;
}

.loaderOuter {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1111;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innerLoader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #8E1616 #8E1616 transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.innerLoader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent #8E1616 #8E1616;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}




/* Load Settings */
.no-scroll-y {
	overflow-y: hidden;
}

#preloader-section{
    	box-sizing: border-box;
    	margin: 0;
    	padding: 0;
}


/* Preloader */
.ctn-preloader {
	-webkit-box-align: center;
	        align-items: center;

  /* Show or Hide cursor when hover of Preloader*/
  /* cursor: none; */

	display: -webkit-box;
	display: flex;
  height: 100%;
  -webkit-box-pack: center;
          justify-content: center;
	position: fixed;
	left: 0;
  top: 0;
	width: 100%;
  z-index: 9999;
}

.ctn-preloader .animation-preloader {
	position: absolute;
  z-index: 100;
}

/* Spinner loading */
.ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
          animation: spinner 1s infinite linear;
	border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #8E1616; /* It is not identified in alphabetical order so that it does not overwrite it */
  height: 5em;
  margin: 0 auto 3.5em auto;
  width: 5em;
}

/* Text Loading */
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat', sans-serif;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
          animation: letters-loading 4s infinite;
  color: #000000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
	color: rgba(0, 0, 0, 0.2);
	position: relative;
}

/* Letters Animation */
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(12):before {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(13):before {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(14):before {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(15):before {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(16):before {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/* Loader section Settings */
.ctn-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
	position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
  left: 0;
}

.ctn-preloader .loader-section.section-right {
  right: 0;
}

/* Fade effect in loading animation */
.loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

/* Curtain effect */
.loaded .loader-section.section-left {
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
  transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

.loaded .loader-section.section-right {
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
  -webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
  transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

/* view policy starts */
.complianceGeneralInfo #documentEditor h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor h4 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor h6 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.complianceGeneralInfo #documentEditor p {
  font-size: 16px;
  margin-bottom: 15px;
}
.complianceGeneralInfo #documentEditor table {
  width: 100%;
  border: 1px solid #e5e7eb;
}
.complianceGeneralInfo #documentEditor table tr th {
  font-weight: 600;
  padding: 10px;
}
.complianceGeneralInfo #documentEditor table tr td {
  padding: 10px;
  border-right: 1px solid #e5e7eb;
}
.complianceGeneralInfo #documentEditor table tr td p {
  margin-bottom: 0;
}
.complianceGeneralInfo #documentEditor p img {
  width: 100%;
  margin-bottom: 15px;
}
.complianceGeneralInfo .card .card-header {
  background-color: #fff;
}
.complianceGeneralInfo #documentEditor ul, .complianceGeneralInfo #documentEditor ol {
    padding-left: 15px;
}
.complianceGeneralInfo #documentEditor ul li {
    list-style-type: disc;
}
.complianceGeneralInfo #documentEditor ol li {
    list-style-type: decimal;
}
.policydescription.detailedPolicy {
    height: 100%;
    background-color: #fff;
    margin-top: 0;
    border: 1px solid #d9d9d9;
    padding: 10px;
    height: 540px;
    overflow-y: scroll;
}
.policydescription.detailedPolicy::-webkit-scrollbar {
    width: 5px;
}
.policydescription.detailedPolicy::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}
.policydescription.detailedPolicy ul, .policydescription.detailedPolicy ol {
    padding-left: 20px;
}
.policydescription.detailedPolicy ul li {
    list-style-type: disc;
}
.policydescription.detailedPolicy ol li {
    list-style-type: decimal;
}
.policydescription.detailedPolicy p {
    color: #000;
}
.policydescription.detailedPolicy h1 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
}
.policydescription.detailedPolicy h2 {
    font-size: 36px;
    font-weight: 700;
    color: #000;
}
.policydescription.detailedPolicy h3 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}
.policydescription.detailedPolicy h4 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
}
.policydescription.detailedPolicy h5 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.policydescription.detailedPolicy h6 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.policydescription.detailedPolicy table {
    width: 100%;
    border: 1px solid #bfbfbf;
}
.policydescription.detailedPolicy table tr th {
    font-weight: 600;
    color: #000;
}
.policydescription.detailedPolicy table tr td {
    padding: 8px;
    border: 1px solid #bfbfbf;
    color: #000;
}
.policydescription.detailedPolicy a {
    color: #0d6efd;
    text-decoration: underline;
}
.policydescription.detailedPolicy blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-bottom: 10px;
}
/* view policy ends */

/* Preloader Animation */
@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		        transform: rotateZ(360deg);
	}
}
@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		        transform: rotateZ(360deg);
	}
}

/* Animation of the letters loading from the preloader */
@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
  	opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
  	opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

/* Backward laptop size (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
	/* Preloader */
	/* Spinner Loading */
	.ctn-preloader .animation-preloader .spinner {
		height: 8em;
		width: 8em;
	}

	/* Text Loading */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 3.5em 'Montserrat', sans-serif;
	}
}

@media screen and (max-width: 500px) {
	/* Prelaoder */
	/* Spinner Loading */
	.ctn-preloader .animation-preloader .spinner {
		height: 7em;
		width: 7em;
	}

	/* Text Loading */
	.ctn-preloader .animation-preloader .txt-loading {
	  font: bold 2em 'Montserrat', sans-serif;
	}
}
.img-flag {
    width: 24px;
}
.sorting .filterBtn {
  background-color: #8E1616;
  color: white;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
div#document_editor_data {
    overflow: scroll;
    height: 518px;
}
.editcomplianceform .grid a {
    color: #8E1616 ;
}
.table-responsive.tableresponsive.clientTable {
  min-height: 300px !important;
}
.commonForm .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  height: 40px;
  box-shadow: none;
}
.commonForm .form-group label {
  font-weight: 600;
}
.commonForm form .form-group label.error {
  color: #f00;
  font-size: 14px;
  font-weight: 400;
}
.commonForm form .form-group .select2 .select2-selection {
  height: 40px;
  border: 0;
  border-bottom: 1px solid #ddd;
}
.commonForm form .form-group .select2 .select2-selection .select2-selection__rendered {
  padding-top: 10px;
}
.commonForm form .form-group.address {
  display: flex;
  flex-direction: column;
}
.commonForm form .form-group.address .error {
  order:3;
}
.weekly_availability hr {
  margin-top: 10px;
}
.weekly_availability .form-control {
  border-color: #ddd;
  height: 38px;
}
.weekly_availability label.error {
  font-size: 14px;
  color: #f00;
}
.weekly_availability .actionbtn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 0;
}
.weekly_availability .add-more {
  background-color: #F0B5B5;
  color: #8E1616;
}
.weekly_availability .remove-row {
  background-color: rgba(255, 0, 0, 0.3);
  color: #f00;
}
.commonForm form .appendNewRow {
  position: relative;
}
.commonForm form .appendNewRow .remove-row {
  background-color: rgba(255, 0, 0, 0.2);
  color: #f00;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: 10px;
  right: 20px;
}
.commonForm form .appendNewRow.appendNewRowNew {
  background-color: #f5f5f5;
  margin: 0 20px 0;
  padding: 40px 20px 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.calendarSection .select2-container .select2-selection {
  height: 40px;
  padding: 10px 0;
}
.calendarSection .select2-container .select2-selection__arrow {
  top: 7px !important;
}
.calendarSection .schedule-info ul {
  display: flex;
  gap: 10px;
}
.calendarSection .schedule-info ul li {
  list-style-type: none;
}
.calendarSection .schedule-info ul li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.calendarSection .schedule-info ul li span.ohmc {
  background-color: #1E90FF;
}
.calendarSection .schedule-info ul li span.sud {
  background-color: #40aec7;
}
.calendarSection .schedule-info ul li span.bhh {
  background-color: #be81ed;
}
.calendarSection .schedule-info ul li span.peer {
  background-color: #444e5e;
}
.calendarSection .schedule-info ul li span.prp {
  background-color: #839b6b;
}

.calendarSection .schedule-info ul li span.completed {
  background-color: #28a745;
}
.calendarSection .schedule-info ul li span.in-active {
  background-color: #E2252B;
}

table.dataTable.no-footer{
  border: none !important;
}



#calendar .fc-event {
  /* border: 1px solid #4886b7;
  background-color: #4886b7; */
  border: 1px solid #e1e6eb;
  background-color: #e1e6eb;
  color: #333;
  min-height: 12px;
  font-size: 11px;
}

#calendar .fc-non-business {
  background-image: url(../../images/unavailability.jpg);
  font-size: 14px;
  border-radius: 0;
  font-weight: 700;
  color: #333;
  opacity: .75;
  border: 1px solid #e6e6e6
}


#calendar .fc-event-time {
  font-weight: bold; /* Make the time bold */
}
#calendar .fc-event-title {
  font-weight: normal; /* Ensure title is not bold */
}
.addAppointmentModal .modal-content {
  min-height: auto;
}
.addAppointmentModal .form-group {
  margin-bottom: 10px;
}
.addAppointmentModal .form-group label {
  font-weight: 500;
  font-size: 14px;
}
.addAppointmentModal .form-group label.error {
  color: #f00;
  font-size: 14px;
  font-weight: 400;
}
.addAppointmentModal .form-group .form-control {
  border: 0;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  border-radius: 0;
  padding-left: 0;
}
.addAppointmentModal .form-group select.form-control {
  background-image: url(../images/arrow-down1.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 97% 50%;
}
/* .addAppointmentModal .form-group .select2 {
  height: 37px;
} */
.addAppointmentModal .form-group .select2 .select2-selection {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  height: 37px;
  padding-top: 5px;
}
.addAppointmentModal .form-group .select2 .select2-selection__arrow {
  background-image: url(../images/arrow-down1.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
}
.addAppointmentModal .form-group .select2 .select2-selection__arrow b {
  display: none;
}
.addAppointmentModal .client_details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: #f5f5f5;
  margin-bottom: 5px;
}
.addAppointmentModal .client_details p {
  font-size: 14px;
  margin: 5px 4px;
}
.addAppointmentModal .client_details p b {
  font-weight: 600;
}
.addAppointmentModal p.earliest_possible_date {
  font-weight: 500;
  font-size: 14px;
}
.addAppointmentModal .form-group.client-group {
  display: flex;
  flex-direction: column;
}
.addAppointmentModal .form-group.client-group label.error {
  order: 3;
}
.addAppointmentModal .form-group.client-group .select2 {
  order: 2;
}
.addAppointmentModal .next_possible {
  background: #919191;
  color: #fff;
  font-size: 14px;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 25px;
  margin-top: 10px;
}
.addAppointmentModal .modal-footer .btnsubmit {
  font-weight: 600;
  padding: 7px 30px;
  border-radius: 25px;
}
.addAppointmentModal .modal-header, .eventDetailsModal .modal-header {
  justify-content: center;
  position: relative;
}
.addAppointmentModal .modal-header h5, .eventDetailsModal .modal-header h4 {
  font-weight: 600;
  font-size: 28px;
}
.addAppointmentModal .modal-header .close, .eventDetailsModal .modal-header .close {
  position: absolute;
  right: 20px;
  font-size: 28px;
  width: 30px;
  height: 30px;
}
.addAppointmentModal .modal-header .close span, .eventDetailsModal .modal-header .close span {
  height: auto;
  display: inline-block;
}
.eventDetailsModal .modal-body p#eventDetails {
  line-height: 30px;
  font-size: 15px;
  color: #333;
}
.eventDetailsModal .modal-body p#eventDetails strong {
  color: #000;
}
.eventDetailsModal .modal-content {
  min-height: auto;
}
.eventDetailsModal .topBtns {
  text-align: right;
  margin-bottom: 10px;
}
.eventDetailsModal .topBtns button {
  margin: 0;
  padding: 7px 10px;
  width: 36px;
  height: 36px;
  text-align: center;
  font-weight: 500 !important;
  border: 1px solid #8E1616;
  padding: 0;
  font-size: 16px;
  border-radius: 5px;
}
.eventDetailsModal .topBtns button.cancel_modal_open {
  background-color: #f00 !important;
  border: 1px solid #f00;
  color: #fff;
  margin-right: 5px;
}
.eventDetailsModal .modal-footer button {
  margin: 0;
}
.eventDetailsModal .modal-footer button.no_show {
  background-color: #c3c3c3 !important;
  margin-right: 5px;
  color: #333;
}
.editAppointmentModal .modal-content, .cancelModal .modal-content {
  min-height: auto;
}
.editAppointmentModal .modal-header, .cancelModal .modal-header {
  justify-content: center;
  position: relative;
}
.editAppointmentModal .modal-header h5, .cancelModal .modal-header h4 {
  font-weight: 600;
  font-size: 28px;
}
.editAppointmentModal .modal-header .close , .cancelModal .modal-header .close {
  position: absolute;
  right: 20px;
  font-size: 28px;
  width: 30px;
  height: 30px;
}
.editAppointmentModal .form-group label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.editAppointmentModal .form-group label.error {
  font-weight: 400;
  color: #f00;
}
.editAppointmentModal .form-group .form-control {
  height: 38px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
}
.editAppointmentModal .form-group .form-control:focus {
  box-shadow: none;
}
.editAppointmentModal .modal-footer .btn, .cancelModal .modal-footer .btn {
  border-radius: 25px;
  margin: 0;
  width: 90px;
  font-weight: 500;
  font-size: 15px;
  padding: 7px 0;
  text-align: center;
}
.editAppointmentModal .modal-footer .cancel, .cancelModal .modal-footer .cancel {
  background-color: #c3c3c3 !important;
  margin-right: 5px;
  color: #333;
}
.editAppointmentModal .client_details_edit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #f5f5f5;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.editAppointmentModal .client_details_edit p {
  font-size: 14px;
  margin: 5px 0;
}
.editAppointmentModal .client_details_edit p span {
  font-weight: 600;
}

.eventDetailsModal .eventDetails_section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
}
.eventDetailsModal .eventDetails_section:last-child {
  border: 0;
}
.eventDetailsModal .eventDetails_section p {
  font-size: 14px;
}
.eventDetailsModal .eventDetails_section p span {
  font-weight: 600;
}




.usersOuter #calendar {
  margin-top: 30px;
}
.usersOuter .fc-toolbar-chunk .fc-button-group .fc-prev-button, .usersOuter .fc-toolbar-chunk .fc-button-group .fc-next-button {
  background-color: #fff;
  color: #333;
  border-color: #bebebe;
  box-shadow: none;
  padding: 7px 12px !important;
}
.usersOuter .fc-header-toolbar .fc-toolbar-chunk .fc-button:first-child {
  border-radius: 25px 0 0 25px;
}
.usersOuter .fc-header-toolbar .fc-toolbar-chunk .fc-button:last-child {
  border-radius: 0 25px 25px 0;
}
.usersOuter .fc-toolbar-chunk .fc-button-group .fc-button:active, .usersOuter .fc-toolbar-chunk .fc-button-group .fc-button:focus, .usersOuter .fc-toolbar-chunk .fc-button-group .fc-button:hover {
  box-shadow: none;
  background-color: #f3f3f3;
}
.usersOuter .fc-toolbar-chunk .fc-today-button {
  background-color: #8E1616;
  border-color: #8E1616;
  opacity: 1;
  padding: 7px 30px;
  border-radius: 25px !important;
  font-weight: 600;
  box-shadow: none !important;
}
.usersOuter .fc-toolbar-chunk .fc-toolbar-title {
  font-size: 20px;
  font-weight: 500;
}
.usersOuter .fc-header-toolbar .fc-toolbar-chunk .fc-button {
  background-color: #fff;
  color: #333;
  border-color: #bebebe;
  box-shadow: none;
  padding: 7px 20px;
  text-transform: capitalize;
}
.usersOuter .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-button-active {
  background-color: #8E1616;
  border-color: #8E1616;
  color: #fff;
  font-weight: 500;
}
.usersOuter table tr th {
  font-weight: 600;
}
.userRightSection {
  display: flex;
  align-items: end;
}
.userRightSection .form-group {
  margin-right: 10px;
}
.userRightSection .form-group label {
  font-size: 13px;
  font-weight: 500;
}
.userRightSection .select2 .select2-selection {
  height: 42px;
  padding: 8px 0;
  border-radius: 25px;

}
.userRightSection .select2 .select2-selection .select2-selection__arrow {
  height: 40px;
}
.manageAppointment-header .userRightSection .form-group label {
  width: 100%;
}
.manageAppointment-header .userRightSection .form-group .select2 {
  width: 100% !important;
}
.manageAppointment-section .dt-layout-table .dataTable thead tr th:first-child,
.manageAppointment-section .dt-layout-table .dataTable thead tr th:nth-child(4),
.manageAppointment-section .dt-layout-table .dataTable thead tr th:nth-child(5) {
  width: 250px;
}
.manageAppointment-section .dt-layout-table .dataTable thead tr th:nth-child(2),
.manageAppointment-section .dt-layout-table .dataTable thead tr th:nth-child(3) {
  width: 280px;
}