#reportwrapper {
  /* Custom check boxes */ }
  #reportwrapper .selectall {
    float: right; }
  #reportwrapper .treetoggle i {
    cursor: pointer; }
  #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: #555555; }
    .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: #555555; }
  #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 {
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    .theme-dark #reportwrapper .recipientwrapper {
      background: #333333; }
    .theme-light #reportwrapper .recipientwrapper {
      background: #f2f2f2; }
    #reportwrapper .recipientwrapper input {
      width: 90%; }
    #reportwrapper .recipientwrapper p {
      margin-bottom: 6px; }
    #reportwrapper .recipientwrapper .btn {
      margin-right: 10px;
      min-width: 140px; }
      .theme-dark #reportwrapper .recipientwrapper .btn {
        color: #ffffff;
        background-color: #2c2c2c; }
      .theme-light #reportwrapper .recipientwrapper .btn {
        color: #555555;
        background-color: #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; }
  #reportwrapper .nav-tabs {
    border-bottom: none; }
    #reportwrapper .nav-tabs .nav-link {
      border: none;
      padding-left: 25px;
      padding-right: 25px;
      margin-right: 5px; }
      .theme-dark #reportwrapper .nav-tabs .nav-link {
        background: #4d4d4d;
        color: #ffffff; }
      .theme-light #reportwrapper .nav-tabs .nav-link {
        background: #e0e0e0;
        color: #555555; }
      .theme-dark #reportwrapper .nav-tabs .nav-link.active {
        background: #333333;
        color: #ffffff; }
      .theme-light #reportwrapper .nav-tabs .nav-link.active {
        background: #f2f2f2;
        color: #555555; }
  .theme-dark #reportwrapper .borderbottom {
    border-bottom: 1px solid #666666; }
  .theme-light #reportwrapper .borderbottom {
    border-bottom: 1px solid #dddddd; }
  #reportwrapper .noborderbottom {
    border-bottom: none !important; }
  #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 .reportrow.focusrow {
    padding: 10px;
    margin: 20px 0px;
    border-radius: 5px; }
    .theme-dark #reportwrapper .reportrow.focusrow {
      border: 2px solid #666; }
    .theme-light #reportwrapper .reportrow.focusrow {
      border: 2px solid #ccc; }
    #reportwrapper .reportrow.focusrow div {
      border: none; }
  #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: #555555;
      background-color: #ffffff; }
  #reportwrapper .dropdown input, #reportwrapper .imageinput input {
    width: 90%; }
  #reportwrapper .dropdown-menu.subscriptions i {
    position: relative;
    display: inline-block;
    transform: none;
    padding: 0px; }
  #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: #555555;
      border-radius: 0px; }
    #reportwrapper .dropdown-menu button {
      width: 100%; }
    #reportwrapper .dropdown-menu table tr {
      border-bottom: none;
      height: 25px;
      cursor: pointer; }
      #reportwrapper .dropdown-menu table tr td {
        padding: 8px 15px; }
      .theme-dark #reportwrapper .dropdown-menu table tr:hover {
        background-color: #2c2c2c; }
      .theme-light #reportwrapper .dropdown-menu table tr:hover {
        background-color: #ffffff; }
  #reportwrapper .imageinput {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    width: 200px;
    vertical-align: top; }
    #reportwrapper .imageinput i {
      position: absolute;
      transform: translate(-28px, 5px); }
      #reportwrapper .imageinput i.icon-search {
        transform: translate(-28px, 3px); }
    #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 .checkboxinline .checkboxwrapper {
    margin-left: 2px;
    margin-right: 10px;
    width: auto; }
  #reportwrapper .checkboxwrapper {
    display: inline-block;
    margin-right: 25px;
    padding-top: 4px; }
    #reportwrapper .checkboxwrapper label {
      margin-bottom: 5px;
      font-size: 14px; }
      #reportwrapper .checkboxwrapper label i {
        margin-left: -10px; }
  #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 #555555; }
    .theme-dark #reportwrapper input[type="checkbox"]:hover + label:before {
      background: #ffffff; }
    .theme-light #reportwrapper input[type="checkbox"]:hover + label:before {
      background: #555555; }
    #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: #555555; }
    #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 .reportcontent {
    flex: 0 0 78%;
    max-width: 78%;
    width: 78%; }
  #reportwrapper .reportsidebar {
    width: 22%;
    max-width: 22%;
    flex: 0 0 22%; }
    #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; }
