#report-container {
    font-family: "OpenSans";
    width: 95%;
    margin: 0px auto;
  }
  
  .btn-report-print {
    height: 51px;
  }
  
  #btn-print{
    background-color: #FF7E0B;
    width: 100px !important;
  }
  
  .drop-down-multi-select .btn{
    background-color: white !important;
    color: black !important;
    border-radius: 0px;
  }
  
  .header-column-report {
    background-color: #657383 !important;
    color: white !important;
  }
  
  .header-column-report-detail {
    background-color: white;
    border: 1px solid #657383;
    border-top: none !important;
  }
  
    .header-column-report div, .header-column-report-detail div {
      min-height: 30px;
      padding-top: 5px;
      font-weight: bold;
      text-align: center;
    }
  
  .row-detail {
    border-left: 1px solid #657383;
    border-right: 1px solid #657383;
    border-top: none;
  }
  
    .row-detail-post {
      border-bottom: 1px solid #657383;
      /*border-left: 1px solid #657383;*/
      padding: 0px !important;
    }
  
    .row-detail-post:last-child {
      border-bottom: none;
    }
  
    .row-detail-post div {
      padding: 10px;
    }
  
    .row-detail img {
      max-width: 100%;
    }
  
  .table-report{
    border-collapse: collapse;
  }
  
  /*#table-detail-report tbody tr:last-child td {
    border-bottom: none !important;
  }*/
  
  #table-report-detail tbody tr td {
    width: 25% !important;
  }
  
  .table-report td, .table-report th, #table-detail-link tbody tr td {
    border: 1px solid #657383;
  }
  
  .report-title-right{
    float:right;
    margin-right: 0px;
    width: 320px;
  }
  
  .report-title-left{
    float: left;
    margin-left: 0px;
    width: 300px;
  }
  
  .row-custom-report {
    overflow-x: hidden;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  
    .row-custom-report:first-child {
      border-top: 1px solid #657383;
    }
  
  .location_date{
    margin-top: 20px;
  }
  
  .input_name_document{
    margin-top: 60px;
    margin-bottom: 50px;
    width: 90%;
    text-transform: uppercase;
  }
  
  .text-center {
    text-align: center;
  }

  .center-table{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  .title-report-left {
    margin-left: 30px;
  }
  
  .input-date-report {
    width: 20px;
  }
  
  .input-date-year-report {
    width: 60px;
  }
  
  .report-assign-user {
    margin: 50px 20px 50px 0;
    text-align: center;
  }
  
  .report-signature-user {
    width: 100%;
    margin-top: 100px !important;
    text-align: center;
  }

  .report-assign-user-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
  }
  
  .dropdown-menu-form {
    max-height: 300px !important;
    width: 300px !important;
  }
  
  .dropdown-menu-form::-webkit-scrollbar, .data-report-print::-webkit-scrollbar {
      width: 0.8em;
      margin-right: 5px;
  }
  
  .dropdown-menu-form::-webkit-scrollbar-track, .data-report-print::-webkit-scrollbar-track  {
      -webkit-box-shadow: inset 0 0 6px white;
  }
  
  .dropdown-menu-form::-webkit-scrollbar-thumb, .data-report-print::-webkit-scrollbar-thumb {
    background-color: #DCDCDC;
    outline: 1px solid #DCDCDC;
  }
  
  .data-report-print {
    width: 100%;
    margin: 5px 0px;
    overflow-y: auto;
    height: calc(100% - 300px);
  }
  
  .data-report-keyword {
    width: 100%;
    margin: 5px 0px;
    overflow-y: auto;
    height: calc(100% - 330px);
  }
  
  .data-import-link {
    width: 100%;
    margin: 5px 0px;
    overflow-y: auto;
    height: calc(100% - 150px);
  }
  
  .data-row-import-link {
    margin: 0px 10px;
  }
  
  .data-report-processed-link {
    width: 100%;
    margin: 5px 0px;
    overflow-y: auto;
    height: calc(100% - 200px);
  }
  
  #report-btn-save-pdf, #report-btn-save-pdf-detail {
    visibility: hidden;
  }
  
  .btn-menu-bar {
    margin-top: -7px;
  }
  
  .border-button {
    border: 1px solid white;
  }
  
  .report-detail-title {
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    border-top: none;
  }

  .max-width{
    width: 100%;
  }
  
  .font-size-12 {
    font-size: 12px;
  }
  
  .font-size-13 {
    font-size: 13px;
  }
  
  .font-size-14 {
    font-size: 14px;
  }
  
  .font-style-italic {
    font-style: italic;
  }
  
  .report-title-bold {
    font-weight: bold;
  }
  
  .report-title-hr {
    width: 50%; 
    margin: auto;
  }
  
  .font-report {
    font-family: "Times New Roman";
  }
  
  .input_description_document{
    width: 90%;
  }
  
  .report-name-document-hr {
    width: 30%;
    margin: auto;
    margin-bottom: 50px;
  }
  
  .input_name_report{
    margin-top: 60px !important;
    width: 90%;
    text-transform: uppercase;
  }
  
  .report-float-right {
    float: right;
  }
  
  @media (max-width: 768px) {
    #option-report-panel div label {
      display: none;
    }
  
    .dropdown-menu-form li a {
      color: #333 !important;
    }
  
    .btn-menu-bar {
      padding-right: 0px;
    }
  
    #date-from, #date-to {
      width: 50%;
      padding: 0 15px !important;
    }
  
    #website-input {
      width: 50%;
      padding: 15px !important;
    }
  
    #button-report {
      width: 50%;
      margin-top: 15px !important;
    }
  
    .search-option {
      margin-top: 15px;
      width: 50%;
      padding: 0 15px !important;
    }
  }
  
  @media (max-width: 500px) {
    .btn-menu-bar {
      width: 77%;
      padding-right: 0px;
    }
  
    .div-setting {
      width: 23%;
    }
  
    #website-input {
      width: 100%;
      padding: 15px !important;
    }
  
    #button-report {
      width: 100%;
      margin-top: 0px;
    }
  }
  
  @media (max-width: 350px) {
    .btn-report span {
      display: none;
    }
  }
  
  @media print {
    *,
    *:before,
    *:after {
      color: #000 !important;
      text-shadow: none !important;
      /*background: transparent !important;*/
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    a,
    a:visited {
      color: #337ab7 !important;
      text-decoration: none;
    }
    a[href]:after {
      content: "";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    body{
      -webkit-print-color-adjust:exact !important;
      margin: 2.5mm;
    }
    pre,
    blockquote {
      border: 1px solid #999;
  
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: auto;
      page-break-after: auto;
    }
    img {
      max-width: 100% !important;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
    .navbar {
      display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
      border-top-color: #000 !important;
    }
    .label {
      border: 1px solid #000;
    }
    .table {
      border-collapse: collapse !important;
    }
    /*.table td,*/
    /*.table th {*/
      /*background-color: #fff !important;*/
    /*}*/
    .table-bordered th,
    .table-bordered td {
      border: 1px solid #ddd !important;
    }
  
    .none-border {
      border: none !important;
    }
  
    .row {
      width: 100% !important;
    }
  
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
    .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      /*float: left;
      padding: 0px;*/
    }
  
    .col-xs-12 {
        width: 100% !important;
    }
  
    .col-xs-11 {
        width: 91.66666666666666% !important;
    }
  
    .col-xs-10 {
        width: 83.33333333333334% !important;
    }
  
    .col-xs-9 {
        width: 75% !important;
    }
  
    .col-xs-8 {
        width: 66.66666666666666% !important;
    }
  
    .col-xs-7 {
        width: 58.333333333333336% !important;
     }
  
    .col-xs-6 {
        width: 50% !important;
     }
  
    .col-xs-5 {
        width: 41.66666666666667% !important;
     }
  
    .col-xs-4 {
        width: 33.333333% !important;
    }
  
     .col-xs-3 {
        width: 25% !important;
     }
  
    .col-xs-2 {
        width: 16.666666666666664% !important;
    }
  
    .col-xs-1 {
        width: 8.333333333333332% !important;
    }
  
    .border-bottom-table {
      border-bottom: 1px solid #657383;
    }
  
    .text-right {
      text-align: right !important;
    }
  
    .break-text {
      word-break: break-all !important;
    }
  
    .table-report, .row-link-detail {
      width: 100% !important;
    }
  
    #table-report-detail-link {
      border: 0px !important;
      width: 100% !important;
    }
  
    .table tbody tr td {
      border: 1px solid #657383;
    }
  
    .row-custom-report {
      border: 1px solid #657383 !important;
    }
  
    .row-link-detail div div {
        padding: 5px 0px;
        display: table;
    }
  
    .row-link-detail div div div:nth-child(2) {
      border-left: 1px solid #657383;
      border-right: 1px solid #657383;
    }
  
    .header-column-report div, .header-column-report tr th, .header-column-report td {
      background-color: #657383 !important;
      color: white !important;
      font-weight: bold;
      min-height: 50px !important;
    }
  
    .row-detail-post {
      border-bottom: 1px solid #657383;
      border-left: 1px solid #657383;
      padding: 0px !important;
      float: right !important;
      display: table;
    }
  
    .row-categories {
      border-left: 1px solid #657383;
    }
  
    input[type="text"] {
      font-family: "Times-New-Roman" !important;
    }
  
    .input_name_document {
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
    }
  
    .input_description_document {
      font-weight: bold;
      font-size: 14px;
    }
  
    #table-detail-report {
      overflow: hidden !important;
      border: none !important;
      margin: 0px !important;
    }
  
    #table-detail-report tbody tr td.border-right-bottom {
      border-right: 1px solid #657383 !important;
      border-bottom: 1px solid #657383 !important;
    }
  
    #table-detail-report tbody tr td.border-left-bottom {
      border-left: 1px solid #657383 !important;
      border-bottom: 1px solid #657383 !important;
    }
  
    /* Begin transparent placeholder*/
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }
    /* End transparent placeholder*/
  
    textarea {
      font-family: "Times-New-Roman" !important;
    }
  }