/* .form-group {
  margin-bottom: 1.2rem !important;
}
.auto_off .form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
}
.userListC .actionC {
  width: 75px;
}
.w150 {
  width: 150px !important;
}
.ml35 {
  margin-left: 35px;
}
.logOut {
  width: 15%;
  float: right;
}
.unamecls {
  width: 160px;
  display: block;
  overflow: hidden;
  margin-right: 10px;
  font-style: italic;
}
.error_cont {
  width: 95%;
  height: 10px;
  text-align: center;
  margin: 0 auto;
}
.error_cont .alert {
  position: relative !important;
  margin-top: 10px !important;
}
.logout {
  text-decoration: none !important;
}
.uploadlabel {
  color: #ffcd46 !important;
  text-decoration: underline;
  float: right;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
.kebPacking .table-wrap .table-row .head-col,
.table-wrap .table-row .table-cell {
  min-height: 48px !important;
  padding: 0;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .kebPacking .table-wrap .table-row .head-col,
  .table-wrap .table-row .table-cell {
    height: 58px;
  }
}
input.error {
  border-bottom: 3px solid red !important;
  background-color: #ffd2d2 !important;
  border-radius: 0 !important;
}
.editCont input.error,
.editCont select.error {
  background: #ffd2d2 !important;
}
select.error {
  border-bottom: 3px solid red !important;
  background: #ffd2d2 !important;
  height: 50px;
}
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  height: 50px;
}
label.error {
  display: none !important;
}
.editCont,
.editCont input,
.editCont,
.editCont select {
  background: #fff3d2 !important;
}
.table-wrap .table-row .editCont .table-cell input[type="text"],
.table-wrap .editCont .table-row .table-cell input[type="number"] {
  border-bottom: 3px solid #fff3d2;
}
.kebPacking select {
  height: 100%;
  border-bottom: 3px solid #fff;
}
.inpuBoxC input {
  border-bottom: 3px solid #e2edf9 !important;
}
.table-wrap .table-row .table-cell input[type="text"],
.table-wrap .table-row .table-cell input[type="number"],
.table-wrap .table-row .table-cell input[type="date"] {
  height: 100% !important;
  border-bottom: 3px solid #fff;
  width: 100%;
  padding: 0 2px !important;
}
.kebPacking .mixNumC .numC {
  padding: 0 !important;
}
.ui-menu .ui-menu-item {
  border-bottom: 1px solid #cccbcb;
}
.custom-combobox {
  height: 100%;
  width: 100%;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.kebPacking .dateC {
  width: 50px;
}
.kebPacking .opC {
  width: 94px;
  padding-left: 7px !important;
}
.caseWastagePage .opC {
  padding-left: 7px !important;
}
.kebPacking .list_sec .table-cell {
  padding: 0 3px;
}
.kebPacking .list_sec .numC {
  padding-left: 7px !important;
  width: 40px;
}
.kebPacking .qtyC {
  width: 58px !important;
}
.kebPacking .desc {
  min-width: 195px !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: #fff;
}
.kebPacking .table-row .mixNumC {
  padding: 0 !important;
}
#reportrange input {
  background: #fff;
  border: none;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding-left: 8px;
}
.datepickerC {
  width: 300px;
}
.disabled a {
  cursor: not-allowed !important;
}
.cus_vali_off label.error {
  display: block !important;
}
.saveC .actionC .qeqa {
  background: #fff;
}
.qaName {
  display: block;
  background: #fff;
  padding-top: 6px;
  color: #f1b617;
}
.editCont .inpuBoxC input {
  border-bottom: 3px solid #fff3d2 !important;
}
.kebPacking .editCont .table-cell.topupC {
  background: #fff3d2;
}
.bergerp .qtyC {
  width: 69px !important;
}
.bergerp .lableC {
  width: 75px;
  padding-left: 4px !important;
}
.bergerp .dateC {
  width: 65px;
}
.bergerp .finishC,
.kebPacking .startC {
  width: 53px;
}
.bergerp .finishC input,
.kebPacking .startC input {
  height: 100%;
  padding-left: 4px;
  width: 100%;
}

.kebPacking .topC {
  width: 75px;
  max-width: 75px;
}
.kebPacking .oldPl {
  width: 74px;
  max-width: 74px;
}
.kebPacking .inQty {
  width: 65px;
  max-width: 65px;
}
.table-row .topC,
.table-row .oldPl,
.table-row .inQty {
  background: #e2edf9;
}

.table-row .table-cell.inQty input,
.table-row .table-cell.oldPl input,
.table-row .table-cell.topC select {
  background: 0 0;
}

.table-row .table-cell .inpuBoxC {
  display: flex;
  float: left;
  height: 100%;
  align-items: center;
  flex: none;
}

.table-row .table-cell.oldPl .inpuBoxC {
  width: 75px;
  padding-left: 0;
}

.kebPacking .list_sec .table-cell.topC {
  padding: 0;
}

.table-row .table-cell.topC .inpuBoxC {
  width: 70px;
}
body .ui-tooltip {
  border: 1px solid #ea0000 !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: red;
  color: #fff;
}
.ui-tooltip {
  padding: 5px 10px;
}
.ui-widget {
  font-family: inherit;
}
.table-wrap .table-row .table-cell select {
  padding-left: 3px;
}
.table-wrap .table-row .head-col {
  word-break: break-all;
}
.selectDDC {
  display: block;
  width: 100%;
  height: 100%;
}
.padmidle {
  top: 30%;
  position: relative;
}
.editCont .selectDDC {
  height: 100%;
}

.editCont .table-cell.topC .selectDDC {
  padding-left: 0px;
}
.table-cell.topC .selectDDC {
  padding-left: 5px;
}
.table-cell.topC .selectDDC select {
  padding-left: 0px;
}
.caseWastagePage .listi .table-cell,
.productDatabase .table-wrap .table-row .table-cell,
.packagingPage .table-wrap .table-row .table-cell {
  padding: 0 5px;
}
.packagingPage .codeC {
  width: 100px;
}
.packagingPage .orderQty {
  border-bottom: 3px solid #eff7ff !important;
}
.packagingPage .descC,
.packagingPage .codeC,
.opC {
  word-break: break-all;
}
.case_codeselbox input {
  height: 55px !important;
  border-radius: 2px;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.up_form {
  position: relative;
  float: none;
  width: 100px;
  top: 17px;
}
.header-bottom {
  z-index: 9;
}
header {
  z-index: 999;
  border-bottom: 1px solid #ccc;
}
.packagingPage .instockC {
  width: 75px;
}
.packagingPage .tomorrowC {
  width: 90px;
}
.packagingPage .dayAfterC {
  width: 90px;
}
.packagingPage .uploadlabel {
  float: none;
  padding-left: 10px;
}
#loader {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 1s 0.4s;
  display: none;
}
#progress {
  height: 1px;
  background: #fff;
  position: absolute;
  width: 0;
  top: 50%;
  left: 50%;
}
.ashley_data {
  display: none !important;
}
#update_stock_form #case_id-error {
  display: none !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .userspage .userListC {
    width: 600px;
    margin: 0 auto;
  }
}
@supports (-ms-ime-align: auto) {
  .userspage .userListC {
    width: 600px;
    margin: 0 auto;
  }
}
.msg_cnth {
  width: 46%;
  position: absolute;
  top: 85px;
  margin: 0 auto;
  left: 25%;
}
#up_password-error1,
#up_password-error2,
#up_password-error3 {
  display: none;
}
.viewCont .desc,
.viewCont .caseC,
.viewCont .tapeC,
.viewCont .lableC,
.editCont .desc,
.editCont .caseC,
.editCont .tapeC,
.editCont .lableC {
  background: #eff0f1d6;
  cursor: default;
}
.ups,
.dws {
  border: solid #cccccc;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  left: 9px !important;
  cursor: pointer;
}
.ups:hover,
.dws:hover {
  border-color: #555;
}

.timestartips,
.timeendips {
  position: relative;
}

.dws {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: 7px;
}
.ups {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 7px;
}

.u1.ups {
  left: 9px !important;
}

.u2.ups {
  left: 38px !important;
}

.d1.dws {
  left: 9px !important;
}

.d2.dws {
  left: 38px !important;
}

.u3.ups {
  left: 9px !important;
}

.u4.ups {
  left: 38px !important;
}

.d3.dws {
  left: 9px !important;
}

.d4.dws {
  left: 40px !important;
}

.timestartips input,
.timeendips input {
  text-align: center;
  font-size: 13px;
  width: 27px !important;
}

.palletC input,
.bbpC input {
  text-transform: uppercase;
}

.cbRow {
  display: flex;
  margin: 0 0 10px 0;
}
.cheboxC {
}
.cheboxC input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}
.cheboxC input[type="checkbox"] + label {
  cursor: pointer;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #22425b;
  border-radius: 4px;
  font-size: 15px;
}

.cheboxC:first-child input[type="checkbox"] + label {
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.cheboxC:last-child input[type="checkbox"] + label {
  border-radius: 0px 4px 4px 0px;
  border-left: none;
}

.cheboxC input[type="checkbox"]:checked + label {
  background: #1188e6;
  color: #fff;
}

.multipleBtnC {
  margin-bottom: 10px;
}
.multipleBtnC input[type="file"] {
  display: none;
}
.multipleBtnC .custom-file-upload {
  border: 1px solid #22425b;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  margin: 0;
  width: 100px;
  text-align: center;
}

.multipleBtnC .filenameC {
  color: #fff;
  margin: 0 12px;
  word-wrap: break-word;
}

.viewSample {
  color: #fff;
  text-decoration: underline;
}

#multiple-error {
  margin-top: 35px;
}
.log_date {
  width: 280px;
  max-width: 280px;
  padding: 0px 7px !important;
}
.log_desc {
  width: 600px;
  padding: 0px 7px !important;
}
.dd_container {
  margin: 6px 0 0 35px;
}

.qaCont .qaAction .block {
  width: 19%;
}

.onholdbtn {
  color: #fff;
  background: #e72727 !important;
}

.redTxt {
  color: #e72727 !important;
}

.table-wrap .table-row .table-cell {
  font-size: 13px;
}

.kebPacking .tapeC {
  width: 95px;
  padding-left: 1px !important;
}

.searchC {
  float: left;
  width: 240px;
  height: 30px;
}

.searchC input {
  height: 30px;
  width: 100%;
  border-radius: 2px;
  border: none;
  padding-left: 5px;
}

.print_data {
  display: block;
  margin: 0px 0 0 35px;
  float: left;
}

.docEntryC {
  display: none;
}

.docEntryC .form-row label {
  margin: 0;
  color: #fff;
  display: flex;
  align-items: center;
}

.docEntryC .form-row .reset {
  color: #ffcd46;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.docEntryC .form-row input {
  width: 100%;
  padding-left: 5px;
  border-radius: 2px;
  border: none;
  height: 38px;
}

.docEntryAuth {
  display: none;
}

.docControl {
  cursor: pointer;
  float: right;
  margin-right: 35px;
}

.docEntryAuth .form-control {
  border-radius: 0;
}
.docEntryAuth .saveBtn {
  width: 90%;
  background: #ffcd46;
  border-radius: 0;
}

.docEntryC .saveBtn {
  width: 100%;
  background: #ffcd46;
  border-radius: 0;
}

.savedBtn .tick {
  width: 14px;
  color: #000;
  margin: 0 2px 0 0;
}

.docEntryC .savedBtn {
  background: #09e71b;
  display: none;
}

.modal-dialog {
  margin: 4rem auto;
}

.modal-body h5 {
  font-size: 1rem;
}

.boldTxt {
  font-weight: bold;
}

.font2rem {
  font-size: 1.2rem;
}

.modal-footer .btn {
  width: 100px;
}

.modal-footer .btn-secondary {
  color: #333;
  background-color: #fff;
  border-color: #6c757d;
}

.modal-footer > :not(:last-child) {
  margin-right: 1rem;
}

.modal-footer .btn-secondary:hover {
  background-color: #fafafa;
}

.modal-footer .btn-primary {
  color: #fff;
  background-color: #315d80;
  border-color: #315d80;
}

.modal-header {
  background: #22425b;
  color: #fff;
}

.modal-header .close {
  color: #fff;
  opacity: 1;
}

.modal-header .close:hover span {
  color: #fff;
  opacity: 1;
}

@media only screen and (max-width: 1440px) {
  .main-wrapper {
    max-width: 100%;
  }
  .fix_header {
    max-width: 99.28% !important;
  }

  .header-bottom .container {
    max-width: 100%;
    padding: 0;
  }
}
.print_form label.error {
  color: red !important;
  margin-top: -3px;
}
.packagingPage .action {
  width: 30px !important;
}

.packagingPage .action .xico-trash {
  margin: 0 auto;
  cursor: pointer;
  display: none;
}
.sort_me {
  cursor: pointer;
}
.displayN {
  display: none !important;
}
.block.btn_wid {
  width: 18% !important;
}
.block.can_btn {
  width: 5% !important;
}
.deschtml {
  padding: 0 3px;
}
.pdrt_error {
  background: #f75656;
  color: #fff;
  padding: 0px 10px;
  font-size: 14px;
  top: -21px;
  position: absolute;
}
.fix_header {
  position: fixed;
  width: 100%;
  max-width: 1350px;
}
.fix_div {
  position: fixed;
  background: #315d80;
  height: 40px;
  width: 100%;
}
.danger_bg {
  background: #ffa4a4 !important;
}
.light_blue {
  background: #afc8f5 !important;
}
.pppage #ax_block {
  padding-top: 57px;
}
 */
.ribbon {
  display: inline-block;
}

.ribbon:after,
.ribbon:before {
  content: "";
  float: left;
  border-right: 20px solid #ccefaf;
  border-top: 20px solid #ccefaf;
  border-bottom: 20px solid #ccefaf;
}

.ribbon:after {
  border-right-color: transparent !important;
}

.ribbon span {
  display: inline-block;
  line-height: 20px;
  padding-right: 10px;
  position: relative;
  float: left;
  color: #111;
  font-weight: 600;
  background: #ccefaf;
}

.red_rib:after,
.red_rib:before {
  border-color: #eaa3a9;
}

.red_rib span {
  background: #eaa3a9;
}

.blue_rib:after,
.blue_rib:before {
  border-color: #a8b8d9;
}

.blue_rib span {
  background: #a8b8d9;
}

.yellow_rib:after,
.yellow_rib:before {
  border-color: #fcff8a;
}

.yellow_rib span {
  background: #fcff8a;
}

.pink_rib:after,
.pink_rib:before {
  border-color: #3fc7fa;
}

.pink_rib span {
  background: #3fc7fa;
}

.green_rib:after,
.green_rib:before {
  border-color: #68b2a3;
}

.green_rib span {
  background: #68b2a3;
}

.org_rib:after,
.org_rib:before {
  border-color: #f7b152;
}

.org_rib span {
  background: #f7b152;
}

.grey_rib:after,
.grey_rib:before {
  border-color: #c9cace;
}

.grey_rib span {
  background: #c9cace;
}

.pur_rib:after,
.pur_rib:before {
  border-color: #d0a2fd;
}

.pur_rib span {
  background: #d0a2fd;
}

.nolink,
.nolink:hover {
  color: #fff;
}

.red {
  color: #ff0000 !important;
}

.popover-footer {
  position: relative;
}

.bottom-pos .arrowC {
  display: none;
}

.bottom-pos:after,
.bottom-pos:before {
  top: 100%;
  right: 0%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.bottom-pos:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
  right: 1px;
}

.bottom-pos:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #cccccc;
  border-width: 16px;
  margin-left: -16px;
}

.tottal-sales-row .table-cell {
  min-height: 40px !important;
  background: rgb(241, 241, 239);
}

.rcpDtlCsold {
  width: 100px;
}

.rcpDtlSprice {
  width: 100px;
}

.rcpDtlCW {
  width: 100px;
}

.rcpDtlCPK {
  width: 120px;
}

.rcpDtlAcost {
  width: 100px;
}

.rcpDtlMrgn {
  width: 100px;
}

.reciepeHeader .recipSMLink a {
  width: max-content;
}

.reciepeHeader .filterRB .rb input[type="radio"] + label {
  width: max-content;
}

.forCastBlock .mCSB_container {
  height: 100%;
}

.fc-Block-body {
  min-height: calc(100% - 180px);
  max-height: calc(100% - 180px);
  position: relative;
}

.fc-Block-body.dragEnbled {
  height: 1px;
}

.fc-Block-body.dragEnbled {
  height: 1px;
}

@media only screen and (max-width: 1376px) {
  .fc-Block-head {
    padding: 5px 0px 5px 0px;
  }

  .fc-Block-head h4,
  .fc-Block-head h3 {
    font-size: 20px;
  }

  .fc-Block-body ul li {
    padding: 10px 0;
    min-height: 85px;
  }

  .fc-Block-body ul li p {
    margin: 0px 0 2px 0;
    font-size: 13.5px;
  }

  .fc-Block-head p {
    font-size: 13.5px;
  }

  .fc-Block-body {
    min-height: calc(100% - 160px);
    max-height: calc(100% - 160px);
  }
}

.opportunity-view-deals {
  display: flex;
  width: 60%;
  justify-content: space-between;
  align-items: center;
}

.enduser-searchbox > input {
  padding-left: 1.7rem;
  font-size: medium;
}

.enduser-navbar {
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}

.enduser-search-icon {
  position: absolute;
  color: #9d9d9d;
  top: 5px;
  font-size: medium;
  margin: 0 5px;
}

.activity-col,
.new-activity-col {
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px #b1b1b1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: 0 0.5rem;
}

.oppurtunity-col,
.new-oppurtunity-col {
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px #b1b1b1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: 0 0.5rem;
}

.enduser-activity-col,
.oppurtunity-col-list {
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px #b1b1b1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: 0 0.5rem;
}

.activity-col-mini {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.enduser-new-activity div {
  display: flex;
  flex-direction: column;
  /* margin: 0 !important; */
}

.new-activity-col div {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}

.enduser-activity-col > div {
  display: flex;
  justify-content: space-between;
}

.new-activity-col div button,
.new-oppurtunity-col div button,
.enduser-activity-col div button {
  border: none;
  background-color: #43425d;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: smaller;
}

.new-activity-form {
  display: flex;
  margin: 1rem 0;
  flex-direction: column;
}

.new-activity-form1{
  display: flex;
  margin: 1rem 0;
  flex-direction: column;
  width: 14%;
}

.competitor-product-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2% 0;
}

.competitor-product-row .new-activity-form{
  margin: 0 1%;
}

.competitor-product-row .new-activity-form:first-child{
  width: 250%;
}

.new-activity-form .form-label, .new-activity-form1 .form-label{
  font-size: smaller;
  padding-left: 0.2%;
  margin-bottom: 0.7%;
}

.new-activity-form1 > select {
  margin-top: 2%;
}

.new-customer-activity-details .first-row-new-activity-form{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.first-row-new-activity-form .new-activity-form:nth-child(2){
  width: 45%;
}

.first-row-new-activity-form .new-activity-form:nth-child(3){
  width: 40%;
}

.not-working-activity-disabled{
  display: none;
}

.new-oppurtunity-form {
  display: flex;
  margin: 1rem auto;
  font-weight: 700;
}


.new-activity-objective span {
  font-size: x-small;
  margin: 5;
}

.new_activity,
.new_oppurtunity {
  border: none;
  background-color: #09af09;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.opportunity-labels {
  font-size: smaller;
  font-weight: 100;
}

.opportunity-labels input {
  font-size: smaller;
}

.activity-list {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  border: none;
  box-shadow: 0px 1px 3px 0px #b1b1b1;
}

.oppurtunity-list {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  border: none;
}

.activity-list > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  padding: 5px;
}

.card .activity-card-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  padding: 0.5rem;
}
.enduser-activity-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.enduser-activity-card div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.enduser-activity-card div p {
  margin: 0.2rem 0;
  font-size: small;
}

.enduser-activity-card div span {
  font-size: smaller;
  font-weight: normal;
}

.activity-card-head .row div {
  margin: 5px 0;
  font-weight: 100;
  font-size: smaller;
  width: 100%;
}

.activity-card-head .row div input {
  font-size: smaller;
  padding: 5px;
}
.card > p {
  font-size: smaller;
}

.col-sm-8 .donate-now {
  margin: 1rem 0;
  font-size: small;
  text-align: center;
  padding: 0;
  display: block;
}

.col-sm-8 .donate-now li {
  width: 33%;
}

.col-sm-4 .donate-now {
  margin: 1rem 0;
  font-size: small;
  text-align: center;
}

.activity-list-filter .card {
  background-color: #efefef;
}

.activity-card-filters {
  display: grid;
  grid-template-columns: auto auto;
  width: 100%;
  grid-gap: 1rem 2rem;
}

.fa-filter {
  cursor: pointer;
  border: 1px solid;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 5px;
  border-radius: 5px;
}

.donate-now {
  list-style-type: none;
  padding: 0;
  display: flex;
}

.donate-now input {
  width: 50%;
}
.new-activity-date-position {
  margin-top: 1rem;
}

.new-activity-save {
  margin: 1.5rem 0;
}

.donate-now li {
  float: left;
  width: 58px;
  height: 38px;
  position: relative;
  font-size: smaller;
  margin: auto;
  font-weight: 700;
}

.donate-now label,
.donate-now input {
  display: block;
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.donate-now input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.donate-now input[type="radio"]:checked + label,
.Checked + label {
  background: #9997be;
}

.donate-now label {
  padding: 5px;
  border: 1px solid #43425d;
  cursor: pointer;
  user-select: none;
  text-align: center;
  z-index: 90;
}

.donate-now label:hover {
  background: #ddd;
}


.competitor-product-row-small-column{
  width: 20%;
}

.date-activity {
  width: 60%;
}

#activty-datepicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 5px;
  width: 12rem;
  font-size: medium;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 10;
  outline: none;
}

#addCustomerActivitybtn{
  font-size: 17px;
}

.customer-activity-date-bar {
  width: 55%;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
}

.customer-activity-date-bar button {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 1% 2%;
  cursor: pointer;
  outline: none;
}

.customer-activity-date-bar button.active-day {
  background-color: #ffa500;
  border: 1px solid #ffa500;
  color: #fff;
  font-weight: bold;
}

.cus_header_user_drp_dwn {
  width: 200px;
  position: fixed;
  left: 25%;
  z-index: 99;
  margin-top: 13px;
}

.cus_header_user_drp_dwn_1 {
  width: 30%;
  z-index: 99;
}

.cus_header_user_drp_dwn_2 {
  width: 15%;
  z-index: 99;
}

.cus_header_top_rt_btn {
  position: fixed;
  z-index: 99999;
  padding: 15px;
  right: 0px;
}

.fc-header-toolbar {
  background: #43425d;
  min-height: 60px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  color: #fff;
  width: 96%;
  position: fixed;
  z-index: 22;
  justify-content: space-between;
}

.modal-body .fc-header-toolbar {
  width: calc(100% - 15px);
}
.modal-body .fc-toolbar h2 {
  font-size: 1rem;
}
.modal-body .fc-button {
  padding: 4px 7px;
  outline: none;
  border: none;
}

.fc-view-container {
  padding-top: 60px;
}

.fc-header-toolbar .fc-button {
  font-weight: bold !important;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:disabled {
  color: #fff !important;
  background-color: #a3a0fb !important;
  border-color: #a3a0fb !important;
}

.fc-button-primary {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.fc-button:disabled {
  opacity: 1 !important;
}

.usr-drp {
  position: relative;
}

.attdcls1 {
  background: #c1c0c0 !important;
  border: none !important;
}

.attdcls2 {
  background: #ffd49d !important;
  border: none !important;
}

.attdcls3 {
  background: rgb(163, 226, 226) !important;
  border: none !important;
}

.attdcls4 {
  background: #fda9c5 !important;
  border: none !important;
}

.plan_page .fc-event {
  font-weight: 600;
}

.modal {
  z-index: 999999999999 !important;
}

.fc-view {
  background: #fff;
}

.fc-unthemed td.fc-today {
  background: transparent !important;
}

.fc-today .fc-day-number,
.fc-today span {
  background: #1967d2;
  color: #fff;
  padding: 2px 5px;
}

.atozDD {
  position: relative;
  text-transform: uppercase;
}

.fc-content {
  padding: 8px !important;
}

.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 2px !important;
}

.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 2em !important;
}

.fc-time-grid .fc-slats td {
  height: 3em !important;
}

.fc-right h2 {
  float: right;
  margin-left: 45px !important;
  width: 400px;
  text-align: right;
}

.fc-today-button,
.fc-prev-button,
.fc-next-button {
  margin: 0 5px !important;
}

.newfilter-menu {
  font-size: 21px;
  margin: 0 20px 0 0;
  display: inline-block;
  cursor: pointer;
}

.dropdown-toggle::after {
  display: none;
}

.allOptionC .newfilter-menu ._all {
  display: none;
}

.allOptionC .nbLabel {
  display: none;
}

.newJobOptionC .nbLabel {
  display: block;
}

.newJobOptionC .newBDateC {
  display: block;
}

.newJobOptionC .newfilter-menu ._newbuis {
  display: none;
}

.newJobOptionC {
  justify-content: inherit;
}

.newJobOptionC .searchBox {
  margin-left: auto;
}

.datepicker {
  font-size: 14px;
}

.enablePrmo .form-row {
  margin-bottom: 0;
}

.enablePrmo .form-field .form-control {
  height: 32px;
}

.tokenfield.focus {
  box-shadow: none !important;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  box-shadow: none !important;
}

.pricePrvScroll {
  max-height: calc(100vh - 310px);
  overflow-y: auto;
}

.limitListScroll {
  max-height: calc(100vh - 310px);
  overflow-y: auto;
}

.contactScroll {
  max-height: calc(100vh - 50vh);
  overflow-y: auto;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #43425d;
}

.nb_page .acc_no {
  max-width: 150px;
  min-width: 150px;
}

.report_type:hover {
  text-decoration: none;
}

.activity_types .active {
  background-color: #9997be !important;
  font-weight: 600;
}

.activity-small-size {
  font-size: small !important;
}
.active-opportunity {
  border-color: black !important;
}
.unclickable {
  pointer-events: none;
  display: inline-block;
}

.validate-error {
  border: 1px solid red !important;
}
.ScrollStyle {
  max-height: 650px;
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/*.select2-container--default .select2-selection--single {
  border: 1px solid red !important; 
}*/

.date_error {
  position: absolute;
  left: 60%;
  top: 100px;
}

@supports (-webkit-backdrop-filter: blur(1px)) {
  .date_error {
    position: absolute;
    left: 69%;
    top: 100px;
  }
  .prospect_checkbox {
    margin-top: -5px;
  }
}
.viewActivityForm .new-activity-form span,
.viewActivityForm .new-activity-form1 span,
.viewActivityForm .new-activity-form .paragon_product {
  width: 100%;
  font-size: larger;
  border: 1px solid #828ea5;
  background-color: #f8fafb;
  border-radius: 5px;
  padding: 8px;
  color: #111;
}
select.error + .select2-container .select2-selection{
  border: 1px solid red !important;
}

.end-user-table{
  margin: 5% 2%;
  background-color: #fff;
}

.end-user-table table{
  width: -webkit-fill-available;
}

.end-user-table table thead tr{
  box-shadow: 0px 1px 4px 1px #ccc;
  position: sticky;
  top: 8rem;
  background-color: #fff;
}

.end-user-table table thead th{
  padding: 0.35%;
}
.end-user-table table thead th {
  width: var(--col-width);
}
.end-user-table table thead th:nth-child(1) { --col-width: 7%; }
.end-user-table table thead th:nth-child(2) { --col-width: 12%; }
.end-user-table table thead th:nth-child(3) { --col-width: 10%; }
.end-user-table table thead th:nth-child(4) { --col-width: 12%; }
.end-user-table table thead th:nth-child(5) { --col-width: 12%; }
.end-user-table table thead th:nth-child(6) { --col-width: 12%; }
.end-user-table table thead th:nth-child(7) { --col-width: 12%; }
.end-user-table table thead th:nth-child(8) { --col-width: 15%; }
.end-user-table table thead th:nth-child(9) { --col-width: 12%; }

.end-user-table table thead th .fa{
  color: #ffa500;
  font-size: larger;
  margin-left: 5px;
}


 .end-user-table table td{
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0.7%;

}

.end-user-table table tbody tr:hover{
  cursor: pointer;
  background-color: #eeeeee;
}

.end-user-table .end-user-table-body{
  height: 50vh;
  overflow-y: scroll;
}

.prd_sort_block {
  margin-left: 15px;
  color: #ffa500;
  
}

.prd_sort_block .fa {
  margin: -6px;
  display: block;
  font-size: larger;
  cursor: pointer;
}

.end_sort_block {
  margin-left: 15px;
  color: #ffa500;
  
}

.end_sort_block .fa {
  margin: -6px;
  display: block;
  font-size: larger;
  cursor: pointer;
}

.enduser-popup-overlay,.enduser-popup-overlay-allocate {
  position: fixed;
  top: 10%;
  left: 10;
  width: 100%;
  height: 100%;
  padding: 10%;
  background: #00000066;
  display: none;
  justify-content: center;
  align-items: center;
}
.enduser-popup {
  background: white;
  padding: 2%;
  border-radius: 5px;
  width: 80%;
  z-index: 2;
}

.open-enduser-popup:hover{
  color: #1967d2;
  text-decoration: underline;
}

 .details .end-user-details-popup-div p{
  font-size: smaller;
  color: #111;
}

.end-user-details-popup-div .form-control{
  font-size: small;
  padding: 5px;
}

.end-user-details-popup-div{
  padding: 5%;
  height: auto;
}

.back-to-enduser:hover i{
  color: #ffa500;
}

.new-activity-form1 .checkbox-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: inherit;
}

/* Custom checkbox styling */
.new-activity-form1 .checkbox-container #prospect[type="checkbox"] {
  width: 1.5em;
  height: 1.5em;
  accent-color: #4a90e2;
  cursor: pointer;
}