.hide,
.hidden {
  display: none !important;
}

.readonly {
  background-color: #ddd !important;
  color: #888 !important;
  cursor: no-drop;
}

.table-hover tbody tr:hover {
  background-color: rgba(47, 0, 255, 0.125);
}

/***** Ribbon *****/
.ribbon-1 {
  position: fixed;
  background: red;
  box-shadow: 0 0 0 999px red;
  color: #fff;
  clip-path: inset(0 -100%);
  padding-left: 15px;
}
.left {
  inset: 0 auto auto 0;
  transform-origin: 100% 0;
  transform: translate(-29.3%) rotate(-45deg);
}
.right {
  inset: 0 0 auto auto;
  transform-origin: 0 0;
  transform: translate(29.3%) rotate(45deg);
}

/***** Tooltip *****/
.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 600px;
  color: #212529 !important;
  background-color: var(--cz-lightpurple);
  border: 2px solid var(--cz-purple-hover);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}
/***** End Tooltip *****/
footer.bg-footer-partner {
  background-color: #6284ff;
}

@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

@media (min-width: 1920px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1800px;
  }
}

.line-gd.partner-gd {
  background-color: #70a965;
  background: linear-gradient(90deg, #70a965 0%, #6284ff 37%, #ff0000 100%);
}

.section-py {
  padding: 40px 0;
}

select.partner_supplement {
  width: 90%;
  height: 200px;
}

select.partner_supplement option {
  padding: 2px 8px;
}

table {
  width: 100%;
}

.datatableList {
  margin-top: -40px;
}

.datatableList .dt-search {
  width: 85%;
}

.datatableList table {
  margin-top: 15px !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  letter-spacing: 1px;
  font-size: 17px !important;
}

.h2Title {
  text-align: center;
  width: 100%;
}

.btnRightSection {
  text-align: right;
  width: 20%;
  float: right;
  padding-right: 40px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
}

.btnRightSection2 {
  margin-top: -65px;
}

.h3Title {
  text-align: left;
  width: 100%;
  margin-left: 30px;
}

.error {
  color: red;
  font-weight: 500;
}
.error.require {
  font-size: 34px;
}
.error.msgError {
  text-align: right;
}

.logo_partner_small .navbar-brand-wrapper > a {
  float: left;
}

.logo_partner_small img.logo_partner,
img.logo_partnerAlert {
  height: 60px;
  width: auto;
}

.navbar-brand-wrapper {
  width: 90%;
}

.profileSection {
  text-align: right;
  width: 80%;
  float: right;
  /* position: absolute; */
}

@media screen and (max-width: 1199px) {
  .navbar-brand svg,
  .navbar-brand img {
    float: left;
  }
}

.backMain {
  margin-left: 20px;
}

.uk-table-striped tbody tr:nth-of-type(odd) {
  background: rgba(110, 46, 249, 0.2);
}

.uk-table-hover tbody tr:hover {
  outline: 0;
  color: #fff;
  background-color: rgba(143, 96, 245, 0.75);
  border-color: #6cb33f;
}

.uk-table-striped tbody tr td {
  vertical-align: top;
}

uk-link,
a,
a.selectPatient.selected,
a.selectPrescription.selected,
table tbody tr:hover td a.selectPatient {
  color: #ed1849;
  font-weight: 700;
}

.uk-link:focus,
a:focus,
.uk-link:active,
a:active,
.uk-link:hover,
a:hover,
.uk-table-hover tbody tr:hover a {
  color: lightcoral;
  /* opacity: 0.8; */
}

a.selectPatient,
a.selectPrescription {
  color: rgb(255, 186, 186);
}

.md-btn-primary,
.md-btn-primary.uk-active,
.btn-primary {
  background-color: rgb(110, 46, 249) !important;
  border-color: rgb(110, 46, 249) !important;
}

div.dt-search {
  text-align: right;
}

div.dt-paging {
  text-align: center;
}

.form-full {
  max-width: inherit;
  margin: 1.125rem auto;
}

.floatRight {
  float: right;
}

.nav-pills-spm .nav-link {
  min-width: 130px;
}

.partner-section .nav-pills-spm .nav-link {
  min-width: 195px;
}

.nav-pills .nav-link {
  color: initial;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--cz-purple-hover);
}

.nav-pills .nav-item {
  border: 1px;
  border-style: solid;
  border-color: var(cz-purple-box-shadow);
}

.tab-content label:not(.checkbox) {
  margin-top: 0.75rem;
  font-weight: 600;
  width: 100px;
}

.tab-content label.w140 {
  width: 140px;
}

.tab-content label.w200 {
  font-weight: normal;
  width: 200px;
}

.tab-content label.w300 {
  width: 300px;
}

.tab-content label.price {
  text-align: right;
  width: 60px;
}

.tab-content label.unit {
  font-weight: normal;
  text-align: left;
  margin-left: 10px;
  width: 60px;
}

.tab-content div.mt-reduce-10 {
  margin-top: -10px;
}

.datatable .w30 {
  width: 30px;
  text-align: center;
}

.datatable .w60 {
  width: 60px;
  text-align: center;
}

.datatable .w90 {
  width: 90px;
  text-align: center;
}

.datatable .w120 {
  width: 120px;
}
.datatable .w125 {
  width: 125px;
}

.datatable .w150 {
  width: 150px;
}

.datatable .w200 {
  width: 200px;
}

.ms-container {
  width: 530px !important;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  font-size: 20px !important;
}

.border-left {
  border-left: 2px solid purple !important;
}

.searchBox {
  border: 2px solid purple;
  padding: 8px;
  margin: 10px 0 30px;
}

.form-card .form-control.qty {
  height: 1.4em !important;
  border: 1px solid purple !important;
  text-align: center;
}

.form-card textarea.form-control {
  height: 100px !important;
  border: 1px solid purple !important;
}

.adminImgSection {
  width: 60px;
  border: 2px solid purple;
  border-radius: 15px;
}

button.border-red {
  border-color: #dc3545;
}

legend {
  width: fit-content;
  padding: 0 10px;
  font-size: 25px;
  font-weight: bold;
}

ul.supplymentDetail li {
  list-style: initial;
  margin-left: 40px;
}

.costSummarySection {
  background-color: rgba(143, 96, 245, 0.2);
  padding: 15px;
  border: 1px solid rgb(143, 96, 245);
}

.inputOrdersQty {
  width: 50px;
}
.inputSellingPrice {
  width: 80px;
  text-align: right;
}

.btn {
  border-radius: 15px;
}

.pAlert {
  line-height: 1.5;
  font-size: 32px;
  color: green;
}

.pAlert.red {
  color: red;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  font-size: 22px !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
  padding: 5px 20px !important;
  font-size: 20px !important;
}

.tab-main-unclick {
  cursor: not-allowed !important;
}

.ui-menu .ui-menu-item-wrapper {
  font-size: 15px;
}

input:disabled,
textarea:disabled {
  background-color: #e9ecef !important;
}

.bgGra,
input[type="text"]:disabled {
  background-color: #dddddd;
}

tr.groupTitle th {
  background-color: #bbb;
  padding-left: 20px;
  letter-spacing: 5px;
}

.formCollectDNA .qrcode {
  width: 150px;
  margin: 0 auto;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.mt10 {
  margin-top: 10px;
}

.borderTop {
  border-top: 2px solid purple;
}

input.checkboxLarge {
  transform: scale(2, 2);
}

.buttonTop {
  margin-bottom: 20px;
  margin-top: -20px;
}

.patternList label {
  width: 250px;
}

.patternList label.patternListUnit {
  width: 150px;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.input-group > .input-group-prependLock {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  z-index: 4;
  margin-right: 0;
}

#togglePassword:hover {
  cursor: pointer;
}