.modal-backdrop.am-fade {
  background-color: black;
  opacity: .5;
  transition: opacity .15s linear;
}
.modal-backdrop.am-fade.ng-enter {
  opacity: 0;
}
.modal-backdrop.am-fade.ng-enter.ng-enter-IsActive {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave.ng-leave-IsActive {
  opacity: 0;
}
/*modal css*/
.modal {
  -webkit-transform: translateY(-50%);
  padding: 0 !important;
  right: auto !important;
  text-align: center;
  top: 50% !important;
  transform: translateY(-50%);
  width: 100vw !important;
  position: fixed;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}
.modal-dialog {
  display: inline-block;
  margin: 0 10px !important;
  text-align: left;
  vertical-align: middle;
  width: calc(80vw);
}
.modal-open .modal {
  outline: none;
}
.modal-dialog .modal-body {
  overflow-y: auto;
  max-height: 33vh;
}
.button {
  float: left !important;
}
.role-label {
  width: 100%;
}
.collapse-indicator {
  content: "\e080";
  transition: all 0.5s;
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  margin-right: 5px;
}
.collapse-indicator.expanded {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.collapse.am-collapse {
  animation-duration: 1.0s !important;
  animation-timing-function: ease !important;
  animation-fill-mode: backwards !important;
  overflow: hidden !important;
}
.collapse.am-collapse.in-remove {
  animation-name: collapse !important;
  display: block !important;
}
.collapse.am-collapse.in-add {
  animation-name: expand !important;
}
.pointer {
  cursor: pointer;
}
uib-accordion a:hover {
  text-decoration: underline;
}
uib-accordion a:focus {
  text-decoration: none;
}
.modal-dialog {
  min-width: 250px;
}
#BootstrapApp .form-control {
  height: unset !important;
}
div[dnd-list],
div[dnd-list] > li {
  position: relative;
  list-style-type: none;
}
div[dnd-list] {
  min-height: 42px;
  height: calc(100% - 38px);
}
div[dnd-list] .dndDraggingSource {
  display: none;
}
 > div,
div.panel {
  height: inherit;
}
div[dnd-list] div[dnd-type="'question'"] {
  margin-bottom: 10px;
}
.list-group:last-child .list-group-item:last-child {
  border-bottom: 1px solid #ddd;
}
div[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 42px;
}
.search {
  margin-bottom: 30px;
}
.search input {
  border: 0;
  width: 100%;
  padding: 15px 25px;
  background-color: #ececec;
  margin-top: 5px;
  margin-bottom: 60px;
  margin: 10px;
  font-size: 18px;
}
.search input {
  text-indent: 4px;
}
.search .fa-search {
  position: relative;
  top: 40px;
  right: 10px;
  font-size: 28px;
  color: #706F6F;
}
.form-group .icon-search {
  content: "\f002";
  float: right;
  padding: 10px 12px;
  pointer-events: none;
}
/*remove default padding on te left side of catergory and title*/
.panel-heading {
  padding: 10px 0px !important;
}
/* category*/
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
/*added to alter the color of deIsActive categories/questions*/
.disable-result {
  color: #E6E6E6 !important;
}
/*css for the questiontitle*/
.questionTitle {
  color: #1d1d1b;
  font-size: 14px !important;
  text-decoration: underline;
  display: block;
  max-width: 94%;
  padding-bottom: 20px;
}
.questionTitle:hover {
  cursor: pointer;
}
/* texteditor css */
.ta-editor {
  min-height: 100px;
  height: auto;
  font-family: inherit;
  font-size: 100%;
}
/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ta-editor.ta-html,
.ta-scroll-window.form-control {
  min-height: 100px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}
.ta-scroll-window.form-control {
  position: relative;
  padding: 0;
}
.ta-scroll-window > .ta-bind {
  height: 100%;
  padding: 6px 12px;
}
.ta-scroll-window > .ta-bind:focus {
  outline: none;
}
div[text-angular-toolbar] {
  margin-bottom: 5px;
}
#BootstrapApp div[text-angular-toolbar] button[name=h1],
#BootstrapApp div[text-angular-toolbar] button[name=h2],
#BootstrapApp div[text-angular-toolbar] button[name=h3] {
  font-size: 10px;
}
.ta-editor:focus {
  user-select: text;
}
/* dropdown menu box layout, default comes from bootstrap*/
.dropdown-menu {
  min-width: 180px !important;
  font-family: inherit !important;
}
/*editbutton*/
.statusText {
  position: absolute;
  right: 55px;
  top: 4px;
}
.switch {
  position: relative;
  margin-left: 75px;
  top: 5px;
  display: inline-block;
  width: 75px;
  height: 26px;
}
.switch input {
  display: none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 30px;
  right: -30px;
  bottom: 0;
  background-color: #629739;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 26px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #2ab934;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(50px);
}
input:checked + .slider:after {
  content: 'Aan';
}
.slider:after {
  content: 'Uit';
  color: white;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}
#BootstrapApp .category-list a:hover {
  text-decoration: underline;
}
#BootstrapApp .category-list a:active,
#BootstrapApp .category-list a:focus {
  text-decoration: none;
}