dynamicsmobile/lib-backend/controls/control-styles.css

Allows development of off-line mobile and web business apps over the Dynamics Mobile platform. More info on https://www.dynamicsmobile.com

  input.invalid {
    border: 1px solid red  !important;
  }
  
  input.valid {
    border: 1px solid green  !important;
  }
  

  select.invalid {
    border: 1px solid red !important;
  }

  select.valid {
    border: 1px solid green  !important;
  }
  
  textarea.invalid {
    border: 1px solid red  !important;
  }

  textarea.valid {
    border: 1px solid green  !important;
  }
  

  .form-group {
    margin-bottom: 0.3rem !important;
  }

  /*fix for grid toolbar buttons with longer captions*/
  .navbar .action-nav a {
    width: auto !important;
  }

  /*
  important for dropdown items in view topbar
  to override "navbar right-subnav li"   
  */
  .dropdown-menu li {
    height: 35px !important;
    float: none !important;
  }

  /* important to have the record-related actions aligned on the left*/
  .navbar .action-menu .menu a {
    text-align: left;
  }


.navbar .action-nav .dropdown-menu a {
  text-align: left;
  background-color: white;
  color: black;
}

/* moves up the items in the dropdown menu in the view headers */
.dropdown-menu li {
  padding-top: 1px !important;
}

/* moves up the dropdown menu in view headers  */
.dropdown-menu {
  top: revert !important
}


/* make the form controls smaller */
/* .accordion-style .accordion-content {
   border-radius: revert; 
   height:  revert;
   background: revert;
   font-size: revert;
   border: revert;
   color: revert;
}  */

.form-control  {
  /* display: block;
  width: 100%; */
  height: 2.7em !important;
  /*padding: .375rem .75rem;
   font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; */
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}

.grid-search-control {
  display: none;
  position: absolute;
  top: 0px;
  right: 8px;
  width: 200px;
  z-index: 5000;
  background-color: white;
  background: #fff;
  box-shadow: 0 3px 14px 0 rgba(0,0,0,.16);
  border-radius: 9px;
}

.grid-search-control>.header {
  background: #f4f4f4;
  height: 50px;
  line-height: 50px;
  position: relative;
  padding: 0 80px 0 25px;
  font-size: 11px;
  font-weight: 700;
  color: #214860;
}

.grid-search-control>.content {
  margin-top: 5px;
  padding: 8px;
}

.grid-search-control-active {
  color: #cecece !important;
  background: #f4f4f4 !important;
  border: 1px solid #cecece !important;
}

.daterangepicker {
  z-index: 5001 !important;
}



.sorting_asc,
.sorting_desc,
.sorting {
  background-image: none !important;
}

.card-header {
  padding: 0 20px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: #0976bc !important;
  color: #fff !important;
  position: relative !important;
  z-index: 50 !important;
  border: none !important;
  height: 45px !important;
  line-height: 3 !important;
}

.card-body {
  background: #fff !important;
  padding: 5px !important;
  position: relative !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

.invalid-search-control {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: red !important;
}


/* switch */
.toggle-checkboxinput {
	height: 0;
	width: 0;
	visibility: hidden;
}

.toggle-label {
	cursor: pointer;
	text-indent: -9999px;
	width: 70px;
	height: 30px;
	background: grey;
	display: block;
	border-radius: 40px;
	position: relative;
}

.toggle-label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 20px;
	background: #fff;
	border-radius: 50px;
	transition: 0.3s;
}

.toggle-checkboxinput:checked + label {
	background:#0976bc;
}

.toggle-checkboxinput:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.toggle-label:active:after {
	width: 35px;
}