/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
header h1, header h2, header h3, header h4, header h5, header h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  // font: inherit; // removed 6/21 to allow bold/em/etc in the bio, also this has to be removed for bold to work in the modals on the user page
  vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html, 
body {
  height: 100%;
}

html, 
body, 
body input, 
body textarea, 
body select, 
body button {
  font-family: $font-family;
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; 
  -moz-osx-font-smoothing: grayscale; 
}
textarea {
  font-family: inherit;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
iframe {
  display: block;
}
* {
  box-sizing: border-box;
  margin: 0;
}
.note-editor,
.note-editor p,
.note-editor ul,
#importHelpModal,
#importHelpModal p,
#importHelpModal ul, {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 25px;
}
#importHelpModal ul,
#importHelpModal ol {
  list-style: initial;
  padding-left: 10px;
  margin-left: 10px;
}
a {
  outline: none;
  &:focus {
    outline: none;
  }
}

/*==============================================================================
Miscellaneous
==============================================================================*/

::-moz-selection {
  background: $red !important;
  color: #fff !important;
  text-shadow: none !important;
}
::selection { 
  background: $red !important;
  color: #fff !important;
  text-shadow: none !important;
}

.disabled {
  cursor: default !important;
}


/*==============================================================================
Form Styles
==============================================================================*/

.form-group input,
.form-group select,
.form-group textarea
 {
  border-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border: solid 1px #ccc;
  box-shadow: none;
  font-size: em(12);
}

.form-group textarea {
  height: 80px;
}

.form-group input,
.form-group select {
  height: 28px;
}
/* for the above, we do not want the gray line around "file" type inputs, because it looks weird */
.form-group input[type=file] {
  border: 0px;
}

.select2 span {
  font-size: 12px;
  border-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  font-family: $font-family;
}

  // this is to format between the dropdowns on the "AR Status Log - Change Status"
.form-group > .select2 > span > span {
  margin-bottom: 10px;
}
.form-group span.glyphicon {
  font-family: 'Glyphicons Halflings';
}
.select2-results {
  font-size: 12px;
  font-family: $font-family;
  margin-bottom: 10px;
}
.form-group input:focus {
  outline: none;
  border: solid 1px #666;
  box-shadow: none;
}
.btn-group {
  // width: 100%;
}
.multiselect-container
.multiselect.dropdown-toggle.btn.btn-default {
  border-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border: solid 1px #ccc;
  box-shadow: none;
  height: 28px;
  font-size: em(12);
  width: 100%;
  text-align: left;
  margin-right: 15px;
}
.multiselect .caret {
  // removed by GAR on 2018-02-17 because the dropdown arrows on the multiselects were not working correctly:
  float: right;
  margin-top: 6px;
}
.multiselect-selected-text {
  color: $color-primary;
}
label {
  color: $color-primary !important;
  font-size: em(12);
}
.checkbox input {
  height: 15px;
}
// The Firm added these rules on 5/29/2017 - not sure
// why they were here but they were causing the multiselects
// to open "up" https://github.com/bobasic/paradigm/issues/261
// .open > .dropdown-menu,
// .multiselect-container.dropdown-menu {
//   top: auto;
//   bottom: 0;
//   padding: 5px 0;
// }
.multiselect-container {
  max-height: 200px;
  overflow: auto;
}
.form-multiselect-wrapper > div.btn-group,
.form-multiselect-wrapper > div.btn-group > button,
.intranet-filter-columns-container div.btn-group,
.intranet-filter-columns-container div.btn-group > button {
  width: 100%;
}
.form-multiselect-wrapper > div.btn-group > button .multiselect-selected-text,
.intranet-filter-columns-container div.btn-group > button .multiselect-selected-text  {
  float: left;
}
.form-multiselect-wrapper .multiselect.dropdown-toggle.form-control,
.intranet-filter-columns-container div.btn-group > button .multiselect-selected-text {
  text-align: right;
}
.intranet-filter-columns-container .multiselect {
  font-size: 0.8125em;
}

.btn.btn-default {
  height: 28px;
  font-size: em(12);
  border: solid 1px #ccc;
}
button.button--small.button--red {
  padding: 9px 100px 9px 10px;
}
.form-horizontal .control-label {
  line-height: 1.3;
}
.col-md-10 {
  width: 78%;
}
.col-md-2 {
  width: 22%;
}
// .multiAddRowTable tr.header th {
//   display: none;
// }
.multiAddRowTable tr td select  {
  margin-right: 8px;
  margin-bottom: 8px;
}
.col-md-10 .multiAddRowTable th {
  display: none;
}
// .multiAddRowTable {
//   transform: translateX(7px);
// } 
.multiAddRowTable .glyphicon {
  top: 5px;
  // left: 7px;
}
.multiAddRowTable.form-group input {
  font-size: 10px;
}
.dataTables_filter input {
  border: solid 1px #ccc;
  box-shadow: none;
  height: 28px;
  // font-size: em(12); hidden 8/18/2017 - not sure why this is here
  width: 200px;
    &:focus {
      outline: none;
      border: solid 1px #666;
      box-shadow: none;
    }
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 0 !important;
  border-bottom: solid 1px #ccc !important;
}
table.dataTable.no-footer {
  border-bottom: solid 1px #ccc !important;
}
.dataTables_info {
  font-size: $font-small !important;
  line-height: 1.5;
  color: $color-primary;
}
.form-group {
  @extend %clearfix;
}
// our reset logic is removing the padding on bullets, so we sometimes want to show that:
.normalBullets {
  ul {
    list-style: inherit;
  }
  ol {
    list-style: decimal;
  }
  ul, ol {
    padding-left: 20px;
    margin: 13px;
  }
}