#reportwrapper {
  /* Custom check boxes */ }
  #reportwrapper h3 {
    font-weight: 400;
    font-size: 24px; }
  #reportwrapper input, #reportwrapper textarea {
    font-size: 14px;
    padding: 5px 10px;
    vertical-align: top;
    width: auto; }
    .theme-dark #reportwrapper input, .theme-dark #reportwrapper textarea {
      border: 1px solid #666666;
      background-color: #4d4d4d;
      color: #ffffff; }
    .theme-light #reportwrapper input, .theme-light #reportwrapper textarea {
      border: 1px solid #dddddd;
      background-color: #e0e0e0;
      color: #000000; }
    .theme-dark #reportwrapper input::placeholder, .theme-dark #reportwrapper textarea::placeholder {
      font-size: 14px;
      font-weight: 300;
      color: #ffffff; }
    .theme-light #reportwrapper input::placeholder, .theme-light #reportwrapper textarea::placeholder {
      font-size: 14px;
      font-weight: 300;
      color: #000000; }
  #reportwrapper .headerrow {
    padding-bottom: 10px; }
    .theme-dark #reportwrapper .headerrow {
      border-bottom: 1px solid #666666; }
    .theme-light #reportwrapper .headerrow {
      border-bottom: 1px solid #dddddd; }
  #reportwrapper .contentrow {
    padding-top: 10px; }
  #reportwrapper .recipientwrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .theme-dark #reportwrapper .recipientwrapper {
      background: #2c2c2c; }
    .theme-light #reportwrapper .recipientwrapper {
      background: #ffffff; }
  #reportwrapper .recipientheader {
    padding: 4px 0 8px 0; }
    .theme-dark #reportwrapper .recipientheader {
      border-bottom: 1px solid #666666; }
    .theme-light #reportwrapper .recipientheader {
      border-bottom: 1px solid #dddddd; }
  .theme-dark #reportwrapper .borderbottom {
    border-bottom: 1px solid #666666; }
  .theme-light #reportwrapper .borderbottom {
    border-bottom: 1px solid #dddddd; }
  #reportwrapper ul.selectedrecipients {
    height: 315px; }
  #reportwrapper ul.chooserecipients {
    height: 278px; }
  #reportwrapper ul.chooserecipients, #reportwrapper ul.selectedrecipients {
    margin: 0;
    padding: 0 15px 0 0;
    list-style-type: none;
    overflow-y: scroll; }
    #reportwrapper ul.chooserecipients li, #reportwrapper ul.selectedrecipients li {
      padding: 8px 0;
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      transition: all 0.4s; }
      .theme-dark #reportwrapper ul.chooserecipients li, .theme-dark #reportwrapper ul.selectedrecipients li {
        border-bottom: 1px solid #666666; }
      .theme-light #reportwrapper ul.chooserecipients li, .theme-light #reportwrapper ul.selectedrecipients li {
        border-bottom: 1px solid #dddddd; }
      #reportwrapper ul.chooserecipients li span, #reportwrapper ul.selectedrecipients li span {
        float: right; }
        #reportwrapper ul.chooserecipients li span img, #reportwrapper ul.selectedrecipients li span img {
          cursor: pointer;
          height: 14px;
          transition: all 0.2s;
          padding-right: 5px; }
      #reportwrapper ul.chooserecipients li:hover, #reportwrapper ul.selectedrecipients li:hover {
        padding-left: 5px; }
        .theme-dark #reportwrapper ul.chooserecipients li:hover, .theme-dark #reportwrapper ul.selectedrecipients li:hover {
          background-color: #4d4d4d; }
        .theme-light #reportwrapper ul.chooserecipients li:hover, .theme-light #reportwrapper ul.selectedrecipients li:hover {
          background-color: #e0e0e0; }
      #reportwrapper ul.chooserecipients li:hover img, #reportwrapper ul.selectedrecipients li:hover img {
        height: 18px; }
  #reportwrapper .reportrow > div {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap; }
    .theme-dark #reportwrapper .reportrow > div {
      border-bottom: 1px solid #666666; }
    .theme-light #reportwrapper .reportrow > div {
      border-bottom: 1px solid #dddddd; }
    #reportwrapper .reportrow > div p {
      margin: 0px;
      padding-top: 5px; }
  #reportwrapper .inputwrapper input, #reportwrapper .inputwrapper .imageinput {
    width: 100%; }
    #reportwrapper .inputwrapper input img, #reportwrapper .inputwrapper .imageinput img {
      right: 0px; }
  #reportwrapper button.btn {
    padding: 0px 20px;
    font-size: 15px;
    height: 33px; }
    .theme-dark #reportwrapper button.btn {
      color: #ffffff;
      background-color: #2c2c2c; }
    .theme-light #reportwrapper button.btn {
      color: #000000;
      background-color: #ffffff; }
  #reportwrapper .dropdown-menu {
    font-size: 14px;
    width: calc(100% + 55px); }
    .theme-dark #reportwrapper .dropdown-menu {
      border: 1px solid #666666;
      background-color: #4d4d4d;
      color: #ffffff;
      border-radius: 0px; }
    .theme-light #reportwrapper .dropdown-menu {
      border: 1px solid #dddddd;
      background-color: #e0e0e0;
      color: #000000;
      border-radius: 0px; }
    #reportwrapper .dropdown-menu table tr {
      border-bottom: none;
      height: 25px;
      cursor: pointer; }
      #reportwrapper .dropdown-menu table tr td {
        padding: 8px 15px; }
  #reportwrapper .imageinput {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    width: 200px;
    vertical-align: top; }
    #reportwrapper .imageinput.recipients {
      margin-bottom: 4px;
      width: 100%; }
      #reportwrapper .imageinput.recipients input {
        width: 100%; }
      #reportwrapper .imageinput.recipients img {
        right: 0px; }
    #reportwrapper .imageinput .dropdown-menu img {
      position: relative;
      margin-right: 10px;
      padding: 0px;
      height: 14px; }
  #reportwrapper .imageinput input {
    padding-right: 30px; }
  #reportwrapper .imageinput img {
    position: absolute;
    right: -8px;
    padding: 10px 12px;
    pointer-events: none;
    top: 0px;
    z-index: 999;
    height: 32px; }
  #reportwrapper .checkboxwrapper {
    display: inline-block;
    margin-left: 42px;
    padding-top: 4px;
    width: 135px; }
    #reportwrapper .checkboxwrapper label {
      margin-bottom: 5px; }
  #reportwrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
    #reportwrapper input[type="checkbox"] + label {
      position: relative;
      cursor: pointer;
      padding: 0; }
    #reportwrapper input[type="checkbox"] + label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      margin-top: 3px;
      width: 12px;
      height: 12px; }
      .theme-dark #reportwrapper input[type="checkbox"] + label:before {
        border: 1px solid #ffffff; }
      .theme-light #reportwrapper input[type="checkbox"] + label:before {
        border: 1px solid #000000; }
    .theme-dark #reportwrapper input[type="checkbox"]:hover + label:before {
      background: #ffffff; }
    .theme-light #reportwrapper input[type="checkbox"]:hover + label:before {
      background: #000000; }
    #reportwrapper input[type="checkbox"]:focus + label:before {
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
    .theme-dark #reportwrapper input[type="checkbox"]:checked + label:before {
      background: #ffffff; }
    .theme-light #reportwrapper input[type="checkbox"]:checked + label:before {
      background: #000000; }
    #reportwrapper input[type="checkbox"]:disabled + label {
      color: #b8b8b8;
      cursor: auto; }
    #reportwrapper input[type="checkbox"]:disabled + label:before {
      box-shadow: none;
      background: #ddd; }
    #reportwrapper input[type="checkbox"]:checked + label:after {
      content: '';
      position: absolute;
      left: 1px;
      top: 10px;
      width: 2px;
      height: 2px;
      transform: rotate(45deg); }
      .theme-dark #reportwrapper input[type="checkbox"]:checked + label:after {
        background: #000000;
        box-shadow: 2px 0 0 #000000, 4px 0 0 #000000, 4px -2px 0 #000000, 4px -4px 0 #000000, 4px -6px 0 #000000, 4px -8px 0 #000000; }
      .theme-light #reportwrapper input[type="checkbox"]:checked + label:after {
        background: #ffffff;
        box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff; }
  #reportwrapper .reportsidebar h3 {
    margin: 10px 0 15px 8px;
    font-weight: 400;
    font-size: 24px; }
  #reportwrapper .reportsidebar > .checkboxwrapper {
    margin-left: 8px; }
  #reportwrapper .reportsidebar .checkboxwrapper {
    width: 100%; }
  #reportwrapper .reportsidebar ul {
    list-style-type: none;
    width: 100%;
    font-size: 14px; }
    #reportwrapper .reportsidebar ul li {
      width: 100%;
      display: block; }
  #reportwrapper .reportsidebar .tree .checkboxwrapper {
    margin-left: 32px; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
    position: absolute;
    right: 3px;
    top: 0px; }
    #reportwrapper .reportsidebar ul.nav-menu-list-style .nav-header .menu-collapsible-icon img {
      height: 10px;
      cursor: pointer; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style {
    margin: 0; }
  #reportwrapper .reportsidebar .divider {
    margin-bottom: 12px;
    padding-top: 8px; }
    .theme-dark #reportwrapper .reportsidebar .divider {
      border-bottom: 1px solid #666666; }
    .theme-light #reportwrapper .reportsidebar .divider {
      border-bottom: 1px solid #dddddd; }
  #reportwrapper .reportsidebar a {
    color: #fff; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style .nav-header {
    display: block;
    margin: 0;
    /*line-height:42px;*/
    padding: 0 8px;
    font-weight: 600; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style > li {
    position: relative; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style > li a {
    padding: 0 10px;
    line-height: 32px; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style {
    list-style: none;
    padding: 0px;
    margin: 0px; }
  #reportwrapper .reportsidebar ul.nav-menu-list-style li .badge, #reportwrapper .reportsidebar ul.nav-menu-list-style li .pull-right, #reportwrapper .reportsidebar ul.nav-menu-list-style li span.badge, #reportwrapper .reportsidebar ul.nav-menu-list-style li label.badge {
    float: right;
    margin-top: 7px; }
