/* import url("./MS-Globals.css"); */

.crmEntityFormView .cell div.table-info.required label:after {
  content: '' !important;
}

/* GLOBAL GRID FOR FORMS TO MATCH MS STYLE */
tr>td.decimal, tr>td.picklist-cell, tr>td.integer, tr>td.datetime {
  display: grid;
  grid-gap: 5%;
  grid-template-columns: 65% 30%;
}

/* RADIO MS STYLE */
.radio-btn {
  margin: auto;
  width: 100%;
  border-style: solid;
  border-color: rgb(40, 44, 92) !important;
}

.btn-check:not(:checked)+.radio-btn:hover {
  border-color: rgb(133, 198, 214, 0.8) !important;
}

.btn-check:checked+.radio-btn, .radio-btn:hover {
  background-color: rgb(40, 44, 92);
  color: white;
}

.radio-grid {
  display: grid;
  grid-gap: 5%;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  place-content: end;
}

.checkbox-flex {
  display: flex;
  align-items: center;
  gap: 2%;
}

div[class='control'] {
  margin: auto;
  width: 100%;
}

/* SINGLE LINE OF TEXT */
.textarea-48 {
  height: 96px;
  resize: none;
}

.staticText {
  font-size: 16px !important;
  margin: 0 !important;
  padding: 0 28px 20px;
  font-weight: 700;
}

.staticWarnText {
  font-size: 16px !important;
  color: red;
  margin: 0;
  padding: 0 28px 20px;
}

/* FOOTER STYLES */
.footer-top {
  background-color: transparent !important;
  width: 100%;
  border-top: 10px solid rgb(40, 44, 92);
}

.bottom-footer-grid {
  margin: 0 12%;
  text-align: center;
}

/* CHECKBOX STYLES */
.checkbox-div-indent {
  margin-left: 7.5%;
}

.checkbox-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: auto !important;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  border-radius: 25px;
  position: absolute;
  height: 35px;
  width: 35px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  border-color: rgb(133, 198, 214, 0.8) !important;
  background-color: gray;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: rgb(40, 44, 92) !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 40%;
  top: 15%;
  height: 50%;
  width: 25%;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 1080px) {
  .first-footer-grid {
    display: grid;
    grid-template-columns: 70% 25%;
    gap: 5%;  
  }

  .bottom-footer-grid {
    display: grid;
    grid-template-columns: 50% 50%;
  }

}