/*** -0 Header ***/
@keyframes fadeInSlide {
    0% {
      opacity:0;
      transform: translateY(20px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeInSlide {
    0% {
      opacity:0;
      transform: translateY(20px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }

  @-moz-keyframes fadeInSlide {
    0% {
      opacity:0;
      transform: translateY(20px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }

  @-o-keyframes fadeInSlide {
    0% {
      opacity:0;
      transform: translateY(20px);
    }
    100% {
      opacity:1;
      transform: translateY(0);
    }
  }
  .ml0{margin-left: 0px !important;}
  .mr0{margin-right: 0px !important;}
  .mb0{margin-bottom: 0px !important;}
  .mt0{margin-top: 0px !important;}

  .pl0{padding-left: 0px !important;}
  .pr0{padding-right: 0px !important;}
  .pb0{padding-bottom: 0px !important;}
  .pt0{padding-top: 0px !important;}

  .mall{margin:5px;}
  .ml5{margin-left:5px;}
  .ml10{margin-left:10px;}
  .ml15{margin-left:15px;}
  .ml20{margin-left:20px;}
  .ml25{margin-left:25px;}
  .ml30{margin-left:30px;}
  .ml35{margin-left:35px;}
  .ml40{margin-left:40px;}
  .ml50{margin-left:50px;}
  .ml60{margin-left:60px;}
  .ml70{margin-left:70px;}
  .ml80{margin-left:80px;}
  .ml90{margin-left:90px;}
  .ml100{margin-left:100px;}
  .mr5{margin-right:5px;}
  .mr10{margin-right:10px;}
  .mr15{margin-right:15px;}
  .mr20{margin-right:20px;}
  .mr25{margin-right:25px;}
  .mr30{margin-right:30px;}
  .mr35{margin-right:35px;}
  .mr40{margin-right:40px;}
  .mr50{margin-right:50px;}
  .mr60{margin-right:60px;}
  .mr70{margin-right:70px;}
  .mr80{margin-right:80px;}
  .mr90{margin-right:90px;}
  .mr100{margin-right:100px;}
  .mt2{margin-top:2px;}
  .mt5{margin-top:5px;}
  .mt10{margin-top:10px;}
  .mt15{margin-top:15px;}
  .mt20{margin-top:20px;}
  .mt25{margin-top:25px;}
  .mt30{margin-top:30px;}
  .mt35{margin-top:35px;}
  .mt40{margin-top:40px;}
  .mt50{margin-top:50px;}
  .mt60{margin-top:60px;}
  .mt70{margin-top:70px;}
  .mt80{margin-top:24px;}
  .mt90{margin-top:90px;}
  .mt100{margin-top:100px;}
  .mb{margin-bottom:0px;}
  .mb5{margin-bottom:5px;}
  .mb10{margin-bottom:10px;}
  .mb15{margin-bottom:15px;}
  .mb20{margin-bottom:20px;}
  .mb25{margin-bottom:25px;}
  .mb30{margin-bottom:30px;}
  .mb35{margin-bottom:35px;}
  .mb40{margin-bottom:40px;}
  .mb50{margin-bottom:50px;}
  .mb60{margin-bottom:60px;}
  .mb70{margin-bottom:70px;}
  .mb80{margin-bottom:80px;}
  .mb90{margin-bottom:90px;}
  .mb100{margin-bottom:100px;}
  .p{padding:0px !important;}
  .pl5{padding-left:5px;}
  .pl10{padding-left:10px;}
  .pl15{padding-left:15px;}
  .pl20{padding-left:20px;}
  .pl25{padding-left:25px;}
  .pl30{padding-left:30px;}
  .pl30-dashboard{padding-left:20px !important;}
  .pl35{padding-left:35px;}
  .pl40{padding-left:40px;}
  .pl50{padding-left:50px;}
  .pl60{padding-left:60px;}
  .pl70{padding-left:70px;}
  .pl80{padding-left:80px;}
  .pl90{padding-left:90px;}
  .pl100{padding-left:100px;}
  .pr5{padding-right:5px;}
  .pr10{padding-right:10px;}
  .pr15{padding-right:15px;}
  .pr20{padding-right:20px;}
  .pr25{padding-right:25px;}
  .pr30{padding-right:30px;}
  .pr35{padding-right:35px;}
  .pr40{padding-right:40px;}
  .pr50{padding-right:180px;}
  .pr60{padding-right:60px;}
  .pr70{padding-right:70px;}
  .pr80{padding-right:80px;}
  .pr90{padding-right:90px;}
  .pr100{padding-right:100px;}
  .pt5{padding-top:5px;}
  .pt10{padding-top:10px;}
  .pt15{padding-top:15px;}
  .pt20{padding-top:20px;}
  .pt25{padding-top:25px;}
  .pt30{padding-top:30px;}
  .pt35{padding-top:35px;}
  .pt40{padding-top:40px;}
  .pt42{padding-top:27px;}
  .pt50{padding-top:50px;}
  .pt60{padding-top:60px;}
  .pt70{padding-top:70px;}
  .pt80{padding-top:80px;}
  .pt90{padding-top:90px;}
  .pt100{padding-top:100px;}
  .pt125{padding-top:100px;}
  .pt150{padding-top:229px;}
  .pt175{padding-top:175px;}
  .pt200{padding-top:75px;}
  .pb5{padding-bottom:5px;}
  .pb10{padding-bottom:10px;}
  .pb15{padding-bottom:15px;}
  .pb20{padding-bottom:20px;}
  .pb25{padding-bottom:25px;}
  .pb30{padding-bottom:30px;}
  .pb35{padding-bottom:35px;}
  .pb40{padding-bottom:40px;}
  .pb50{padding-bottom:50px;}
  .pb60{padding-bottom:60px;}
  .pb70{padding-bottom:70px;}
  .pb80{padding-bottom:80px;}
  .pb90{padding-bottom:90px;}
  .pb100{padding-bottom:100px;}

  .txt-left{text-align:left;}
  .txt-right{text-align:right;}
  .txt-center{text-align:center;}

  .align-middle{vertical-align:middle;}

  .display-right { float: right; }
  .display-left { float: left; }
  .opacity_zero { opacity: 0; }

  .relative {position:relative;}

  .display-inline {display:inline-block;}
  .display-block {display:block;}

  table.table-project tfoot tr.log-data-row td {
      background: #eee;
      border-top: 1px solid #f0f0f0;
      margin-bottom: 2px;
      padding: 10px;
      vertical-align: middle;
      text-align: center;
  }

  table.table-project tfoot tr td.project-list-no {
      border-left: 5px solid #ee5a2c;
  }

  table.table-project td {
      border: none;
      font-size: 11px!important;
  }
  table.table-project tfoot td {
      padding-top:10px !important;
  }
  .table>tfoot>tr>td {
      border: none;
  }


  .log-data-wrap-overflow-auto {
     overflow: hidden;
  }

  .collapse-side-menu {
      display: block;
      width: 20px;
      margin: 0;
      top: 0;
      left: 87%;
      height: 50px;
      background:#777;
      position:absolute;
  }
  .side-menu-folded .collapse-side-menu {
      left:auto;
      right:10px;
  }
  .side-menu-folded .side-menu-bkgrd {
      width: calc(100% - 30px);;
  }
  a.collapse-side-menu-link {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height:50px;
      width:20px;
      padding: 0;
      margin: 0;
      line-height: 50px;
      text-align:center;
  }

  /*.side-menu-folded {
      margin-left: -300px;
  }*/
  .inline-edit-form-container {
      /* max-width: 150px; */
  }
  .inline-edit-form-container input.form-control {
      height: 18px;
      width: 100%;
  }
  .alert {
      padding: 3px;
  }
  .has-danger, .invalid.dirty  {
      border-color: #d9534f;
  }
  .has-danger, .is-danger {
      color: red;
  }
  /*
  .side-menu .menu-projects.project-nav-partial a {
      border-left: 5px solid;
      border-color: #DFDFDF;
  }
  */
  /*
  .side-menu .menu-projects.project-nav-partial.active a {
      border-left: 5px solid #EE5A2C;
  }
  .side-menu .menu-projects.project-nav-partial.active a {
      border-left: 5px solid #00a8b7;
  }
  */

  .black-color {
    color: #000;
  }
  button.blk-inline-edit {
      overflow: visible;
  }
  a.lineitem-wrap.full-text-hidden {
      padding: 0;
      margin: 0;
      color: black;
      position: relative;
  }
  a.lineitem-wrap.full-text-hidden:hover{
      text-decoration:none;
  }
  a.lineitem-wrap.full-text-hidden .lineitem-full-text.panel-hover {
      display: none;
  }
  a.lineitem-wrap.full-text-hidden:hover .lineitem-full-text.panel-hover {
      background: white;
      border: 1px dashed #999;
      color: #EE5A2C;
      display: block;
      font-size: 1.2em;
      height: auto;
      left: -12px;
      margin: 0;
      text-align: left;
      padding: 15px;
      padding-right: 5px;
      position: absolute;
      text-decoration: none;
      top: -1px;
      width: 230px;
      z-index: 100;
  }
  a.lineitem-wrap.full-text-hidden:hover .lineitem-full-text.panel-hover div.lineitem-full-text-text {
      width: 180px;
      float: left;
  }
  a.lineitem-wrap.full-text-hidden:hover .lineitem-full-text.panel-hover i.fa-pencil {
      width: 20px;
      float: right;
  }

  a.lineitem-wrap.full-text-hidden .lineitem-full-text.panel-hover {

  }




  /*** W CSS ***/
      html, body {
          background:#eee;
          margin: 0; padding: 0;
          width: 100%; height: 100%;
          overflow-x: hidden;
      }


      #user-header {
          position: fixed; top: 0; left: 0;
          width: 100%;
      }



      body.page-project-projects .side-menu {
        background:#eee;
        height:100%;
        position: fixed; /* top: 70px; */ left: 0;
        transition: all .5s ease;
        width: 240px;
      }
      body.page-project-projects .side-menu-folded { left: -210px; transition: all .5s ease; }

      body.page-project-projects .maincontent {
          width: calc(100% - 240px);
          /* overflow-x: scroll;  */
          float: right;
          transition: all .5s ease;
            background:#eee;
      }
      body.page-project-projects .maincontent-container { width: calc(100% - 30px); transition: all .5s ease; }
      body .nopadding.maincontent {padding-top:20px;}
      footer { position: fixed; bottom: 0; left: 0; width: 100%; }
  /*
  table.dataTable thead th.sorting:after ,table.dataTable thead th.sorting_asc:after,table.dataTable thead th.sorting_desc:after {
      content: '';
  }
  .dataTables_wrapper .dataTables_paginate {
      border: none;
  }
  .btn-sm, .btn-xs {
      padding: 4px 10px 5px 10px !important;
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
  {
      padding: 8px !important;
  }*/
  .image-main-cell {
      width:175px;
      height:165px;
      background: #fff;
      /* float: left; */
      margin-right:11px;
  }
  a.remove-file-link {
      display: grid;
      position: relative;
  }
  a.remove-file-link.oc-loading:after {
      position: absolute !important;
      right: 30px !important;
      margin-top: 5px !important;
  }

  .installation-image-main-cell, .shipping-image-main-cell {
      width:169px;
      height:156px;
      background: #fff;
      float: left;
      margin-right:11px;
  }
  a.installation-remove-file-link,a.installation-remove-file-link2, a.installation-tab-remove-file-link, a.shipping-remove-file-link2 {
        padding: 1px !important;
        float: right;
        position: relative;
  }
  a.installation-remove-file-link.oc-loading:after,a.installation-remove-file-link2.oc-loading:after, a.installation-tab-remove-file-link.oc-loading:after,
  a.shipping-remove-file-link2.oc-loading:after {
        position: absolute !important;
        right: -2px !important;
        margin-top: 1px !important;
        font-size: 20px;
  }
  .task-image-upload{
    text-align: -webkit-center;
  }
  #task_image_upload .task-image-upload .image-cell,  #defect_image_upload .defect-image-upload .defect-image-cell,  #action_image_upload .action-image-upload .action-image-cell,  #install_image_upload .install-image-upload .install-image-cell, #install_action_image_upload .install-action-image-upload .image-cell{
      display: block;
      width: 175px;
      margin-right: 3%;
      /* float: left; */
      text-align: -webkit-center;
      height: 130px;
      background: #ececec;
      margin-bottom: 10px;
  }
  #task_image_upload .task-image-upload .image-cell a.oc-loading:after,  #defect_image_upload .defect-image-upload .defect-image-cell a.oc-loading:after, #action_image_upload .action-image-upload .action-image-cell a.oc-loading:after,  #install_image_upload .install-image-upload .install-image-cell a.oc-loading:after, #install_action_image_upload .install-action-image-upload .image-cell a.oc-loading:after {
      display: block;
      margin-top: 30%;
      margin-left: 40%;
  }
  #task_image_upload .image-main-cell, .defect-image-main-cell, .action-image-main-cell, .install-image-main-cell, #install_image_image_upload .image-main-cell, #install_action_image_upload .install-action-image-main-cell{
      width:175px;
      height:165px;
      background: #fff;

  }
  a.task-remove-file-link, a.defect-remove-file-link, a.action-remove-file-link, a.install-remove-file-link, a.install-action-remove-file-link {
    position: relative;
    padding: 1px !important;
    float: right;
  }
  a.task-remove-file-link.oc-loading:after, a.defect-remove-file-link.oc-loading:after, a.action-remove-file-link.oc-loading:after, a.install-remove-file-link.oc-loading:after, a.install-action-remove-file-link.oc-loading:after   {
    position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;
  }

  .dataTables_wrapper { border: 0px; }

  table.table-log thead > tr > th.sorting_asc, table.table-log thead > tr > th.sorting_desc, table.table-log thead > tr > th.sorting, table.table-log thead > tr > td.sorting_asc, table.table-log thead > tr > td.sorting_desc, table.table-log thead > tr > td.sorting, table.table-log thead > tr > th {
     padding-right: 20px !important;
     min-width:50px !important;
  }
  table.table-log > thead > tr > th, table.table-log > tbody > tr > th, table.table-log > tfoot > tr > th, table.table-log > tfoot > tr > th, table.table-log > tfoot > tr > td {
      white-space: nowrap;
  }

  table.table-log thead > tr > th.sorting_disabled{
      padding-right: 8px !important;

  }

  table.table-import thead > tr > th.sorting_asc, table.table-import thead > tr > th.sorting_desc, table.table-import thead > tr > th.sorting, table.table-import thead > tr > td.sorting_asc, table.table-import thead > tr > td.sorting_desc, table.table-import thead > tr > td.sorting, table.table-import thead > tr > th {
    padding-right: 20px !important;
    min-width:50px !important;
 }
 table.table-import > thead > tr > th, table.table-import > tbody > tr > th, table.table-import > tfoot > tr > th, table.table-import > tfoot > tr > th, table.table-import > tfoot > tr > td {
     white-space: nowrap;
 }

 table.table-import thead > tr > th.sorting_disabled{
     padding-right: 8px !important;

 }
  table.table-log, table.table-log .form-control, table.table-import { font-size: 11px !important;}
  table.table-project thead .sorting:after,
  table.table-project thead .sorting_asc:after,
  table.table-project thead .sorting_desc:after,
  table.table-project thead .sorting_asc_disabled:after,
  table.table-project thead .sorting_desc_disabled:after {
      position: absolute;
      bottom: 15px;
      right: 8px;
      display: block;
      font-family: 'Glyphicons Halflings';
      opacity: 0.5;
  }
  table.table-project thead .sorting,
  table.table-project thead .sorting_asc,
  table.table-project thead .sorting_desc,
  table.table-project thead .sorting_asc_disabled,
  table.table-project thead .sorting_desc_disabled {
      position: relative;
  }
  table.table-project thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    /* sort */
  }
  table.table-project thead .sorting_asc:after {
    content: "\e155";
    /* sort-by-attributes */
  }
  table.table-project thead .sorting_desc:after {
    content: "\e156";
    /* sort-by-attributes-alt */
  }

  table.dataTable thead th.sorting:after { opacity: 1; content: "\e150"; }
  table.dataTable thead th.sorting_asc:after { content: "\e155"; }
  table.dataTable thead th.sorting_desc:after { content: "\e156"; }
  table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
      position: absolute;
      bottom: 15px;
      right: 8px;
      display: block;
      font-family: 'Glyphicons Halflings';
      opacity: 1;
      transform: none;
      top: 10px !important;
      border: 0;
  }
  table.dataTable>thead>tr>th { border: 0; 
    white-space: nowrap;}
  table.dataTable thead th {
      line-height: 1.1;
      min-width: 80px;
      padding-left:2px;
      vertical-align: middle;
      text-align: center;
  }
  #log-data-container .table td .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; }
  #log-data-container .table td .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 10px; }
  #log-data-container .table td .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; }
  #log-data-container .table td .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 3px; }


  .paging_bootstrap_extended {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    font-size: 12px;
    border: none !important;
  }
  .dataTables_extended_wrapper div.dataTables_paginate,
  .dataTables_extended_wrapper div.dataTables_length,
  .dataTables_extended_wrapper div.dataTables_info {
    display: inline-block;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    font-size:13px;
  }
  .dataTables_extended_wrapper .pagination-panel .input-inline,
  .dataTables_extended_wrapper div.dataTables_length .input-inline{
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .dataTables_extended_wrapper div.dataTables_length select.input-sm {
      height:32px !important;
      padding:3px;
  }
  .dataTables_extended_wrapper div.dataTables_paginate .btn.default {
      background-color: #e5e5e5;
      border-radius:50%;
      height:24px;
      width:24px;
      padding:0;
  }
  .dataTables_extended_wrapper div.dataTables_paginate input.input-inline {
      width: 45px;
      height: 28px !important;
  }
  .form-group .input-inline {
    margin-right: 5px;
  }
  div.dataTables_paginate a.next::after {
      content: '';
  }
  table.table-project thead td {
     padding:5px !important;
  }




  table.table-project tbody tr > :nth-child(2)  button, table.table-log tbody tr > :nth-child(3) button,
  table.table-action tbody tr > :nth-child(2) button{
    width: 27px;
    padding: 0;
    height: 21px;
  }
  table.table-project tbody tr > :nth-child(2)  button img, table.table-log tbody tr > :nth-child(3)  button img,
  table.table-action tbody tr > :nth-child(2) button img{
    max-height: 100%;
    vertical-align: top;
  }
  table.table-project tbody tr > :first-child, table.table-project tbody tr.sub-project-list > :nth-child(2), table.table-project tbody tr > :first-child:hover, table.table-project tbody tr.sub-project-list > :nth-child(2):hover,
  table.table-log tbody tr > :nth-child(2), table.table-log tbody tr > :nth-child(2):hover 
  /* ,table.table-action tbody tr > :nth-child(2),table.table-action tbody tr > :nth-child(2):hover */
  {
      border-left: 5px solid #ee5a2c;
      /* text-align: left; */
  }


  table.table-action tbody tr > :first-child td{
    text-align: center;

  }

  table.table-action tbody tr > :first-child td :hover{
    text-align: center;

  }
  table.table-action tbody tr > :first-child :hover{
    text-align: center;

  }
  table.table-action tbody tr > :first-child, table.table-action tbody tr > :first-child:hover{
    text-align: center;

  }



  table.table-project tbody tr.sub-project {
      height: 70px;
      min-height: 70px;
  }

  table.table-project tbody tr.sub-project > :first-child, table.table-project.table-project-list tbody tr.sub-project > :first-child:hover,table.table-project.table-project-list tbody tr.sub-project-list > :first-child, table.table-project.table-project-list tbody tr.sub-project-list > :first-child:hover, table.table-log tbody tr > :first-child, table.table-log tbody tr > :first-child:hover {
        border: none;
  }

  table.table-project tbody tr.sub-project td, table.table-project tbody tr.sub-project-list td:first-child, table.table-project tbody tr.sub-project td:hover, table.table-project tbody tr.sub-project-list td:first-child:hover, table.table-log tbody tr > :first-child, table.table-log tbody tr > :first-child:hover {
      background-color: #fff !important;
      text-align: left;
  }

  table.table-project tbody tr.sub-project-list td:nth-child(2) div.content {
        display: inline-block;
        padding-right: 10px;
        text-align: left;
  }


  table.table-project tbody tr td:hover {
      /*border: 1px dashed #999;*/
      cursor: pointer;
      background-color: #c6c6c6;

  }
  table.table-project tbody tr td.no-hover:hover {
      border:none;
      cursor:default;
  }
  table.table-project.table-project-list tbody tr td:hover {
      border:none;
      border-top: 1px solid #f0f0f0;
      cursor:auto;
  }

  table.table-project.table-project-list tbody tr > :first-child:hover  {
      border-left: 5px solid #ee5a2c;
  }

  table.table-project tbody tr td span.edit-inline a,
  table.table-project tbody tr td span.defect-count a,
  table.table-project tbody tr td span.installAction-count a{
      display: inline;
      padding: 7px 5px;
      font-size: 11px !important;
  }
  table.table-project input.form-control {
      height:auto !important;
  }
  table.table-project select.input-sm {
      height:32px !important;
  }
  table.table-project thead tr td button.btn{
      font-size: 11px!important;
      margin-bottom: 2px;
  }
  table.table-project input.form-control:focus {
      border-color: #00354f;
      /* border-left-width: 5px; */
  }



  /***
  UI Loading
  ***/
  .loading-message {
    display: inline-block;
    min-width: 125px;
    margin-left: -60px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
  }
  .loading-message.loading-message-boxed {
    border: 1px solid #ddd;
    background-color: #ee5a2c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  }
  .loading-message > span {
    line-height: 20px;
    vertical-align: middle;
    color: #ccc
  }
  .loading-message > span a {
      color:#ccc;
      vertical-align: top;
  }

  .page-loading {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #ee5a2c;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  }
  .page-loading > span {
    line-height: 20px;
    vertical-align: middle;
  }

  .page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
  }
  .page-spinner-bar > div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }

  .block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
  }
  .block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    background: #ee5a2c;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .block-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .block-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .add-log-datatable { min-height: 34px; }
  .add-log-datatable button.add-data{background:#0bcc6b; color:#fff; padding-left:20px; padding-right:20px;}
  .btn-list-filter{
      padding: 4px 7px;

  }
  table.table-project tbody tr td.hold-status-bg{
      background: #FF0000 !important;
      color: #fff !important;
  }
  table.table-project tbody tr td.approved-status-bg{
      background: #3CB371 !important;
      color: #fff !important;
  }
  table.table-project tbody tr td.void-status-bg{
       background: #696969 !important;
       color: #fff !important;
  }
  table.table-project tbody tr td.in-progerss-status-bg{
      background: #ee5a2c !important;
      color: #fff !important;
  }
  table.table-project tbody tr td.ready-status-bg{
    background: #0892d0 !important;
    color: #fff !important;
}
table.table-project tbody tr td.sent-status-bg{
    background: #FFFF00 !important;
    color: #000 !important;
}
  table.table-project tbody tr > :first-child.hold-status-bar, table.table-log tbody tr > :nth-child(2).hold-status-bar{
      border-left: 5px solid #FF0000;
  }
  table.table-project tbody tr > :first-child.hold-status-bar:hover, table.table-log tbody tr > :nth-child(2).hold-status-bar:hover  {
      border-left: 5px solid #FF0000;
  }
  table.table-project tbody tr > :first-child.approved-status-bar, table.table-log tbody tr > :nth-child(2).approved-status-bar{
      border-left: 5px solid #3CB371;
  }
  table.table-project tbody tr > :first-child.approved-status-bar:hover, table.table-log tbody tr > :nth-child(2).approved-status-bar:hover{
      border-left: 5px solid #3CB371;
  }
  table.table-project tbody tr > :first-child.void-status-bar, table.table-log tbody tr > :nth-child(2).void-status-bar{
      border-left: 5px solid #696969;
  }
  table.table-project tbody tr > :first-child.void-status-bar:hover, table.table-log tbody tr > :nth-child(2).void-status-bar:hover{
      border-left: 5px solid #696969;
  }
  table.table-project tbody tr > :first-child.in-progerss-status-bar, table.table-log tbody tr > :nth-child(2).in-progerss-status-bar{
      border-left: 5px solid #ee5a2c;
  }
  table.table-project tbody tr > :first-child.in-progerss-status-bar:hover, table.table-log tbody tr > :nth-child(2).in-progerss-status-bar:hover  {
      border-left: 5px solid #ee5a2c;
  }
  table.table-project tbody tr > :first-child.sent-status-bar, table.table-log tbody tr > :nth-child(2).sent-status-bar{
    border-left: 5px solid #FFFF00;
}
  .add_new_builder {padding-top: 12px;}
  .text-align-inherit{text-align: inherit !important;}
  .text-align-inherit ul{ margin: 10px 0 !important;}
  .red-text{color: red;}
  .dataTables_empty{padding: 10px !important;}
  .dataTables_extended_wrapper div.p10{padding:10px !important;}
  #status_comment .modal-content, #install_status_comment_modal .modal-content{ max-width: 300px;}
  #status_comment .modal-dialog, #install_status_comment_modal .modal-dialog{ width: 300px;}
  .cost_checkbox{ cursor: pointer; display: flex; float: left; }
  .cost_checkbox input[type=checkbox]{    display: inline-block; float: left; width: auto; margin-right: 7px; }
  .cost_checkbox span{ display: inline-block; float: left; }

  @media (max-width: 767px ){
    #display-costs  label.control-label{ display: none; }
  }

  .display-none { display: none; }
  .display-none-imp { display: none !important;}
  .cursor-pointer { cursor: pointer !important; }
  .subscription-logo{ max-width: 100px; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; }
  .log-details span{display: inherit;padding: 5px;}
  .select-defect-list, .select-install-list, .select-install-action-list, .select-task-list {height: 40px !important;}
  #installation_details_show label {padding: 5px;}
  #installation_modal .installation-image-label {padding-left: 5px;}
  #installation_modal .modal-dialog .modal-content .modal-body{ display: block;}
  #installation_modal .modal-dialog .modal-content .modal-body .installation_notes { word-wrap: break-word; word-break: break-word; }
  #installation_modal .modal-dialog .modal-content .modal-body .installation_time_input {
      padding-left: 4px;
      font-weight: 600;
      margin-top: 10px;
  }

  .task_name_field{width:60% !important;}
  #log-data-container .top-pages,  #task-data-container .top-pages,  #action-data-container .top-pages, #install-data-container .top-pages,  #install-action-data-container .top-pages, #shipping-data-container .top-pages , #install-tab-data-container .top-pages, #install-list-data-container .top-pages, #installation-action-data-container .top-pages, #defect-data-container .top-pages {display: none; }
  #log-data-container #import-table-scroll .table-scrollable{ overflow-x: auto; }

  table.table-log tbody tr.cost-tr td, table.table-defect tbody tr.cost-tr td, table.table-action tbody tr.cost-tr td, table.table-install tbody tr.cost-tr td, table.table-install-action tbody tr.cost-tr td{
      background: #ddd;
  }
  table.table-project tbody tr td{
      position: relative !important;
  }
  table.table-project tbody tr td button.image-popup:hover .tooltip, table.table-project tbody tr td button.defect-image-popup:hover .tooltip, button.action-image-popup:hover .tooltip, table.table-project tbody tr td button.task-image-popup:hover .tooltip, table.table-project tbody tr td button.install-image-popup:hover .tooltip, , table.table-project tbody tr td button.install-action-image-popup:hover .tooltip {
      display: block;
  }

  table.table-project tbody tr td button .tooltip, table.table-project tbody tr td .installation_status .tooltip{
      position: absolute !important;
      /* top: 3px !important; */
      right: -145px !important;
      max-width: 200px !important;
      display: none;
  }
  table.table-project tbody tr.tooltip-last-tr td button .tooltip, table.table-project tbody tr.tooltip-last-tr td .installation_status .tooltip  {
      position: absolute !important;
      /* top: -160px !important; */
      right: -145px !important;
      max-width: 200px !important;
     display: none;
  }
  table.table-project tbody tr td button .tooltip img{
      max-width: 200px !important;
      /* min-height: 190px !important; */
  }
  table.table-project .installation_status .tooltip img{
      max-width: 200px !important;
      /* min-height: 190px !important; */
  }

  .tooltip-arrow{
      display: none !important;
  }

  table.table-project tbody tr td .installation_status .tooltip.left { margin-left: 12px; }
  .table-project .tooltip .tooltip-inner { padding: 0px; max-width: 300px !important; background-color: #fff; color: #000;}
  .table-project tbody tr>td { margin:0 auto; }

  #barcode_modal .modal-dialog, #barcode_modal_action .modal-dialog, #barcode_modal_install_action .modal-dialog { width:750px; }

  #barcode_modal .line_item_details tbody,  #barcode_modal_action .action_details tbody,  #barcode_modal_install_action .install_action_details tbody { text-align: center;}
  #barcode_modal .line_item_details>tbody>tr>td,
  #barcode_modal_action .action_details>tbody>tr>td,
  #barcode_modal_install_action .install_action_details>tbody>tr>td {
      border: 1px solid #ddd; padding: 2px;
    }
  #barcode_modal .line_item_details>tbody>tr>td.noborder, #barcode_modal_action .action_details>tbody>tr>td.noborder, #barcode_modal_install_action .install_action_details>tbody>tr>td.noborder { border: none !important;}
  #barcode_modal .line_item_details>tbody>tr>td b {font-size: 12px;}
  #barcode_modal .barcode-table, #barcode_modal_action .barcode-table, #barcode_modal_install_action .barcode-table { padding: 10px 10px 0px 10px;}
  #barcode_modal .barcode-inner-content, #barcode_modal_action .barcode-inner-content, #barcode_modal_install_action .barcode-inner-content {display: inline-block;}


  #barcode_room_logic_modal .barcode-content { text-align: center;}
  .barcode_image img { width: 80px; height: 80px;}
  .center { text-align: center;}
  .left { text-align: left;}
  .fixWidthTH { width: 180px;}
  .to_datetime {max-width: 150px;}
  .nopadding {padding: 0px;}
  .nomargin {margin: 0px;}
  /* #user-header .container-fluid .row .col-md-2{display: inline-block;}
  #user-header .container-fluid .row .nav-holder{display: inline-block; float: right;} */
  /* body.page-project-projects .maincontent #datatable_ajax_wrapper .bottom-pages .cost {
      padding-left: 25%;

  }
  body.page-project-projects .maincontent-container #datatable_ajax_wrapper .bottom-pages .cost{  padding-left: 9%; } */
  .sidebar-detail .image_block {padding: 0 2px; margin: 0 0 10px 0}

  table.table-project select.form-control{height: 24px;font-size: 12px;padding-top: 0px;}
  table.table-project input.form-control {height: 24px !important;}
  table.table-task tbody tr td:nth-child(2),
  table.table-task tbody tr td:nth-child(5),
  table.table-defect tbody tr td:nth-child(4),
  table.table-defect tbody tr td.left-align-user { text-align: left !important; padding-left: 2px;}
  /* table.table-install tbody tr td:nth-child(4), */
  table.table-install tbody tr td.left-align-user { text-align: left !important; padding-left: 2px;}
  table.table-install-action tbody tr td.left-align-user { text-align: left !important; padding-left: 2px;}

  /* table.table-action tbody tr td:nth-child(7),
  table.table-action tbody tr td:nth-child(8),
  table.table-action tbody tr td:nth-child(9),
  table.table-action tbody tr td.left-align-user */

  /*task table*/
  table.table-task tbody tr td:nth-child(2),
  table.table-task tbody tr td:nth-child(5){
     padding-left:10px;
  }


  .dragover{-webkit-box-shadow: -1px 0px 18px 3px green; -moz-box-shadow: -1px 0px 18px 3px rgba(255,0,64,1); box-shadow: -1px 0px 18px -2px grey;}
  #installation_image_upload .installation-image-upload, #installation_tab_image_upload .installation-image-upload, #shipping_image_upload2 .shipping-image-upload, #installation_image_upload2 .installation-image-upload{padding: 10px;}
  #installation_modal .dragover{opacity: 0.5;}
  #image_upload .dragover{opacity: 0.5;}
  #image_upload .line-item-image-upload .line-item-image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
  .line-item-image-cell{display: block; width: 175px; margin-right: 3%; float: left; height: 130px;background: #ececec; margin-bottom: 10px;}
  .line-item-image-main-cell{width: 175px;height: 165px;background: #fff;float: left;margin-right: 11px;}
  .line-item-remove-file-link{padding: 1px !important; float: right; position: relative;}
  a.line-item-remove-file-link.oc-loading:after{ position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;}

/*   #line_item_add_modal .modal-dialog .modal-content .modal-body {display: inline-table; padding-bottom: 0px;} */
.sweet-overlay{z-index: 99999 !important;}

#line_item_image_upload_add {padding: 10px;}
#line_item_image_upload_add .line-item-add-image-main-cell {width: 179px;}
#line_item_image_upload_add .image-upload-div{display: block;width: 168px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
.line-item-add-remove-file-link {padding: 1px !important; float: right;position: relative;}
#line_item_image_upload_add .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}

#line_item_image_upload_div { padding: 10px;}
#line_item_image_upload_div .line-item-image-main-cell {width: 169px;}





#action_image_upload .dragover{opacity: 0.5;}
#action_image_upload .action-image-upload .action-image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
.action-image-cell{display: block; width: 175px; margin-right: 3%; float: left; height: 130px;background: #ececec; margin-bottom: 10px;}
.action-image-main-cell{width: 175px;height: 165px;background: #fff;float: left;margin-right: 11px;}
.action-remove-file-link{padding: 1px !important; float: right; position: relative;}
a.action-remove-file-link.oc-loading:after{ position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;}

/*   #line_item_add_modal .modal-dialog .modal-content .modal-body {display: inline-table; padding-bottom: 0px;} */
.sweet-overlay{z-index: 99999 !important;}


#action-image-upload_div { padding: 10px;}
#action-image-upload_div .action-image-main-cell {width: 169px;}





#defect_image_upload .dragover{opacity: 0.5;}
#defect_image_upload .defect-image-upload .defect-image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
.defect-image-cell{display: block; width: 175px; margin-right: 3%; float: left; height: 130px;background: #ececec; margin-bottom: 10px;}
.defect-image-main-cell{width: 175px;height: 165px;background: #fff;float: left;margin-right: 11px;}
.defect-remove-file-link{padding: 1px !important; float: right; position: relative;}
a.defect-remove-file-link.oc-loading:after{ position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;}

/*   #line_item_add_modal .modal-dialog .modal-content .modal-body {display: inline-table; padding-bottom: 0px;} */
.sweet-overlay{z-index: 99999 !important;}


#defect-image-upload_div { padding: 10px;}
#defect-image-upload_div .defect-image-main-cell {width: 169px;}












#install_action_image_upload .dragover{opacity: 0.5;}
#install_action_image_upload .install-action-image-upload .install-action-image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
.install-action-image-cell{display: block; width: 175px; margin-right: 3%; float: left; height: 130px;background: #ececec; margin-bottom: 10px;}
.install-action-image-main-cell{width: 175px;height: 165px;background: #fff;float: left;margin-right: 11px;}
.install-action-remove-file-link{padding: 1px !important; float: right; position: relative;}
a.install-action-remove-file-link.oc-loading:after{ position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;}

/*   #line_item_add_modal .modal-dialog .modal-content .modal-body {display: inline-table; padding-bottom: 0px;} */
.sweet-overlay{z-index: 99999 !important;}


#install-action-image-upload_div { padding: 10px;}
#install-action-image-upload_div .install-action-image-main-cell {width: 169px;}




#install_image_upload .dragover{opacity: 0.5;}
#install_image_upload .install-image-upload .install-image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
.install-image-cell{display: block; width: 175px; margin-right: 3%; float: left; height: 130px;background: #ececec; margin-bottom: 10px;}
.install-image-main-cell{width: 175px;height: 165px;background: #fff;float: left;margin-right: 11px;}
.install-remove-file-link{padding: 1px !important; float: right; position: relative;}
a.install-remove-file-link.oc-loading:after{ position: absolute !important;
    right: -2px !important;
    margin-top: 1px !important;
    font-size: 20px;}

/*   #line_item_add_modal .modal-dialog .modal-content .modal-body {display: inline-table; padding-bottom: 0px;} */
.sweet-overlay{z-index: 99999 !important;}


#install-image-upload_div { padding: 10px;}
#install-image-upload_div .install-image-main-cell {width: 169px;}












#shipping_image_upload_div2 {padding: 10px;}
#shipping_image_upload_div2 .image-upload-div{display: block;width: 168px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
#shipping_image_upload_div2 .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
#shipping_image_upload_div2 { padding: 10px;}
#shipping_image_upload_div2 .shipping-image-main-cell {width: 169px;}

#installation_image_upload_div2 {padding: 10px;}
#installation_image_upload_div2 .image-upload-div{display: block;width: 168px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
#installation_image_upload_div2 .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
#installation_image_upload_div2 { padding: 10px;}
#installation_image_upload_div2 .installation-image-main-cell {width: 169px;}

#installation_tab_image_upload_div {padding: 10px;}
#installation_tab_image_upload_div .image-upload-div{display: block;width: 168px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
#installation_tab_image_upload_div .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}
#installation_tab_image_upload_div { padding: 10px;}
#installation_tab_image_upload_div .installation-image-main-cell {width: 169px;}

#defect_image_upload_add, #task_image_upload_add, #install_image_upload_add, #install_action_image_upload_add {padding: 10px;}
#defect_image_upload_add .defect-add-image-main-cell , #task_image_upload_add .task-add-image-main-cell, #install_image_upload_add .install-add-image-main-cell, #install_action_image_upload_add .install-action-add-image-main-cell{width: 165px;}
#defect_image_upload_add .image-upload-div, #task_image_upload_add .image-upload-div, #install_image_upload_add .image-upload-div, #install_action_image_upload_add .image-upload-div{display: block;width: 165px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
.defect-add-remove-file-link, .task-add-remove-file-link, .install-add-remove-file-link, .install-action-add-remove-file-link{padding: 1px !important; float: right;position: relative;}
#defect_image_upload_add .image-cell a.oc-loading:after, #task_image_upload_add .image-cell a.oc-loading:after,#install_image_upload_add .image-cell a.oc-loading:after,#install_action_image_upload_add .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}

#defect_image_upload_div, #install_image_upload_div, #install_action_image_upload_div { padding: 10px;}
#defect_image_upload_div .defect-image-main-cell, #install_image_upload_div .install-image-main-cell, #install_action_image_upload_div .install-action-image-main-cell {width: 169px;}

#project_image_upload_add {padding: 10px;}
#project_image_upload_add .project-add-image-main-cell {width: 165px;}
#project_image_upload_add .image-upload-div{display: block;width: 165px;margin-right: 3%;float: left;height: 130px;background: #ececec;margin-bottom: 10px;}
.project-add-remove-file-link {padding: 1px !important; float: right;position: relative;}
#project_image_upload_add .image-cell a.oc-loading:after {display: block;margin-top: 30%;margin-left: 40%;}

#project_image_upload_div { padding: 10px;}
#project_image_upload_div .project-image-main-cell {width: 169px;}


#user_image_upload_div .image-upload-div{display: block;
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 12px;
}
.user-remove-file-link {padding: 0px !important; float: right;position: relative;}
#user_image_upload_div .image-cell a.oc-loading:after {display: block;margin-top: 45%;margin-left: 45%;}
/* #user_image_upload_div { padding-bottom: 10px;} */
#user_image_upload_div .user-image-main-cell {width: 138px; height: 138px; border: 1px solid #ccc;border-radius: 50%; float: none; margin: 0 auto;  padding: 5px;}
#user_image_upload_div .user-image-main-cell img { position: absolute;
    max-height: 100%;
    max-width: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    }

.add-button{text-decoration: none;}
.add-button:hover{text-decoration: none;opacity: 0.7;}
#log_status_comment .fa { font-size: 16px !important;}
#log_status_comment .popover { width: 215px !important;}
#log_status_comment .popover .popover-content{ word-wrap: break-word; word-break: break-word;}
#install_status_comment .fa { font-size: 16px !important;}
#install_status_comment .popover { width: 215px !important;}
#install_status_comment .popover .popover-content{ word-wrap: break-word; word-break: break-word;}
.project-projects table.table tr td { word-wrap: break-word; word-break: break-word; }
table.table-project thead tr td button.btn-list-filter { padding: 7px 12px; min-width: auto;}
/* Added for fixheader and sorting icon issue */
#action_datatable_ajax_wrapper table.dataTable thead th.sorting:after, #action_datatable_ajax_wrapper table.dataTable thead th.sorting_asc:after, #action_datatable_ajax_wrapper table.dataTable thead th.sorting_desc:after {
    top: 15px !important;
}
#install_actions_datatable_ajax_wrapper table.dataTable thead th.sorting:after, #install_actions_datatable_ajax_wrapper table.dataTable thead th.sorting_asc:after, #install_actions_datatable_ajax_wrapper table.dataTable thead th.sorting_desc:after {
    top: 15px !important;
}
#shipping_actions_datatable_ajax_wrapper table.dataTable thead th.sorting:after, #shipping_actions_datatable_ajax_wrapper table.dataTable thead th.sorting_asc:after, #shipping_actions_datatable_ajax_wrapper table.dataTable thead th.sorting_desc:after {
    top: 15px !important;
}
.fht-thead{
    display: block;
	padding-right:20px;
}
.fht-tbody{
    /* height: 700px !important; */
    display: block;
    overflow: auto;
}
.circle-avatar-image { border-radius: 50%; height: 25px; width: 25px; }
.installation_members td { padding: 5px; }
table.table-import {
    table-layout: auto !important;
}

table.table-import thead tr:last-child>th { min-width: 110px !important;}
table.table-project tbody tr .project-name .builder-content { margin-top: 15px;}
table.table-project tbody tr .project-name .builder-content img{ padding-right: 5px;}
.total-amount { text-align: left !important;}
#bulk_barcode_modal .col-md-4{ text-align: center;}
.project-projects table.table tr td .sub-project-link { font-size: 14px; vertical-align: top;}
.project-projects table.table tr td .sub-project-action { color: #51a56f;}
.project-projects table.table tr td .sub-project-install-action { color: #51a56f;}
#loading { text-align: center; }

@-webkit-keyframes bounceDelay {
    0%, 80%, 100% {
      -webkit-transform: scale(0);
    }

    40% {
      -webkit-transform: scale(1);
    }
  }
  @keyframes bounceDelay {
    0%, 80%, 100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }

    40% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

.date-required-bar { border-bottom: 3px solid #ccccff !important; }
.date-listed-bar { border-bottom: 3px solid #90beeb !important; }
.date-machined-bar { border-bottom: 3px solid #7bb2e8 !important; }
.date-assembled-bar { border-bottom: 3px solid #4f98e0 !important; }
.date-delivered-bar { border-bottom: 3px solid #398bdc !important; }
.date-installed-bar { border-bottom: 3px solid #2580da !important; }
/* table.table-condensed td, table.table-condensed th {
    background-clip: padding-box;
    text-align: center !important;
    width: 20px !important;
    height: 20px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none !important;
    padding: 5px !important;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
} */

div.datepicker-dropdown:before, div.datepicker-dropdown:after { content: none;}

.datepicker .custom_div { width: 100%; display: block;}
.datepicker .custom_div table { width: 100%;}
.datepicker .custom_div table td {display: table-cell;}
.datepicker .custom_div table td.clear_btn, .datepicker .custom_div table td.cancel_btn {background-color: #ccc; color: white;}
.datepicker .custom_div table td.apply_btn {background-color: #ee5a2c; color: white;}
.datepicker .custom_div table td:hover { background-color: #eeee; }
.datepicker .custom_div table td.apply_btn:hover { background-color: #ad3c1c; }
.datepicker .custom_div table td.clear_btn:hover, .datepicker .custom_div table td.cancel_btn:hover { background-color: #A8A8A8;color: #fff; }
.datepicker .custom_div table td.label_td {word-wrap: break-word; word-break: break-word; }


div.datetimepicker-dropdown:before, div.datetimepicker-dropdown:after { content: none;}

.datetimepicker .custom_div { width: 100%; display: block;}
.datetimepicker .custom_div table { width: 100%;}
.datetimepicker .custom_div table td {display: table-cell;}
.datetimepicker .custom_div table td.clear_btn, .datetimepicker .custom_div table td.cancel_btn {background-color: #ccc; color: white;}
.datetimepicker .custom_div table td.apply_btn {background-color: #ee5a2c; color: white;}
.datetimepicker .custom_div table td:hover { background-color: #eeee; }
.datetimepicker .custom_div table td.apply_btn:hover { background-color: #ad3c1c; }
.datetimepicker .custom_div table td.clear_btn:hover, .datetimepicker .custom_div table td.cancel_btn:hover { background-color: #A8A8A8;color: #fff; }
.datetimepicker .custom_div table td.label_td {word-wrap: break-word; word-break: break-word; }
/* #datatable_ajax { position: relative !important;} */

/* #barcodeProgress {
    width: 100%;
    height: 35px;
    background-color: transparent;
    position: relative;
    top: auto;
    left: 0;
    bottom: -25px;
    border: 1px solid #ee5a2c;
    text-align: center;
    line-height: 30px;
    color: white;
} */

#barcodeProgress {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #ee5a2c;
    text-align: center;
    line-height: 30px;
    color: white;
    margin-top: 25px;
}
#barcodeProgressBarView {
    text-align: center;
    background-color: #ee5a2c;
    width: 0%;
    margin: 5px;
    max-width: calc(100% - 10px);
}

/* #barcodeProgressBarView {
    text-align: center;
    height: 24px;
    background-color: #ee5a2c;
    width: 0%;
    top: 5px;
    left: 5px;
    position: absolute;
    max-width: calc(100% - 10px);
} */

/*search fields*/
.quick-search{margin-top:-20px; font-size:13px;}
.quick-search {
    margin-top: 0px !important;
    font-size: 13px;
}
.quick-search-bkgrd, .quick-search-bkgrd-user{
    background:#fff;
    border-radius:21px;
    display:inline-block;
    height:42px;
    margin-top:5px;
    padding-left:15px;
    padding-right:20px;
    vertical-align:top;
}
.quick-search input{
    background:transparent;
    border:none;
    font-size:15px;
    outline:none;
    padding:10px 10px 7px;

}
.quick-search input:focus{border:none;}
.quick-search input[type=submit]{transition:0.5s all; border:none; padding:5px 15px; background:transparent}
.quick-search input[type=submit]:hover{color:#ee5a2c;}
.quick-btn-search{position:relative;}
    .quick-btn-search:before{
        content: "\f002";
        font-family: FontAwesome;
        left:-5px;
        position:absolute;
        top:0;
    }
.quick-btn-cross{position:relative;}
    .quick-btn-cross:before{
        content: "\f00d";
        font-family: FontAwesome;
        left:-5px;
        position:absolute;
        top:0;
    }

.search-icon-submit{
    display:inline-block;
    height:25px;
    position:relative;
    width:25px;
}
.search-icon-submit:before{
    color:#888;
    content: "\f002";
    font-family: FontAwesome;
    font-size:16px;
    left:8px;
    position:absolute;
    top:8px;
}
.search-icon-submit .quick-btn-search{
    color: transparent;
    font-size:0;
    height:40px;
    left:0;
    position:absolute;
    top:0;
    width:30px;
}
.search-icon-reset{
    display:inline-block;
    height:25px;
    position:relative;
    width:25px;
}
.search-icon-reset:before{
    color:#ddd;
    content: "\f00d";
    font-family: FontAwesome;
    font-size:16px;
    left:8px;
    position:absolute;
    top:8px;
}
.search-icon-reset .quick_btn_reset, .search-icon-reset .quick_btn_user_reset{
    color: transparent;
    font-size:0;
    height:40px;
    left:0;
    position:absolute;
    top:0;
    width:30px;
}

/*Company List page*/
.page-companylist .company-search{
    text-align:center;
}
.page-companylist .company-search.quick-search input.quick_search{
    width:300px;
}
.page-companylist .page-heading-holder { padding-bottom: 20px;}
.page-companylist .table.table-company { margin-bottom: 0; }
.page-companylist .table.table-company > tbody > tr > td{ height: 140px; vertical-align: middle; }
.page-companylist .table.table-company h3,
.page-companylist .table.table-company a h3 { color: #111; font-size: 18px; font-weight: bold; margin:0; padding: 0; text-decoration: none; transition: 0.5s all ease;  }
.page-companylist .table.table-company a:hover { color: #777; }
.page-companylist .table.table-company a:hover h3 { color: #777; text-decoration: none; transition: 0.5s all ease; } 
.page-companylist .table.table-company .expired-warning {display: inline-block; padding-top: 5px;}
.page-companylist .table.table-company .expired-warning a {color: red; text-decoration: underline;}
.page-companylist .table.table-company .expired-warning a:hover {color: #444;}
/*end Company List page*/

#user-management .quick-search input.quick_search_user{
    width:300px;
}


.ins_members ul { padding: 2px; margin: 0px; }
.ins_members li { list-style: none; text-align: left; padding: 2px; }

.apply_field_btn {
    margin: 5px 5px 0px 5px;
}
.apply_field_btn button {
    font-family: "Open Sans", Helvetica, "Noto Sans", sans-serif;
    font-weight: normal;
    border-radius: 5px;
    padding:4px;
    font-size: 11px;
    background-color: #ee5a2c;
    color: white;
    border: 0 none;
}

.page-subscription-checkout {
    background: #fff;
}
#frmRegistration label {
    padding-top: 0px;
}
#frmRegistration .full-name {
    font-size: 17px;
}
#tab_header .col-sm-2 {
    padding-left: 34px;
    margin-top: 30px;
    margin-bottom: 10px;
}
#tab_header {
    text-transform: uppercase;
}
.password-progress {
    height: 5px;
    /* margin-top: 10px; */
    overflow: hidden;
    background-color: #fff;
    /* border-radius: 4px; */
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    height: 100%;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-bar-result {
    color: #A9A9A9;
    padding-left: 10px;
    height: 25px;
    display: block;
}

.bg-red {
    background: #E74C3C;
    border: 1px solid #E74C3C;
}

.bg-orange {
    background: #F39C12;
    border: 1px solid #F39C12;
}

.bg-green {
    /* background: #1ABB9C;
    border: 1px solid #1ABB9C; */
    background: #32CD32;
    border: 1px solid #32CD32;
}

button.filter-exclude-record {
    width: 15px !important;
    background: #fff;
    font-size: 17px;
    border: none;
    /* display: block; */
}
button.filter-exclude-record .exclude-icon {
    border: 2px solid black;
    border-right: none;
}
.noborder { border: none !important;}
.project-main { padding: 0px 0px 10px 0px; }
.side-menu-project-page { display: inline-flex !important; padding: 5px !important;  color: #ee5a2c; font-weight: 600; font-size: 14px !important;}
.side-menu-project-page a { padding: 0px 8px 0px 0px !important;  color: #ee5a2c;}
.side-menu-project-page span { padding: 0px 0px 0px 8px !important;  color: #ee5a2c;}

#bulk_barcode_modal .modal-body { text-align: center; }
#line_item_pdf_modal .modal-body { text-align: center; }
#installation_pdf_modal .modal-body { text-align: center; }
#installation_tab_pdf_modal .modal-body { text-align: center; }
#shipping_pdf_modal .modal-body { text-align: center; }
.barcode-generator, .barcode-generator-action, .barcode-generator-install-action { display: inline-block; padding: 4px 0px 4px 11px;}
table.table-log .small-btn{ padding: 7px;}

.bg_disableuser{
    background-color: #ddd;
}
.disable_user{
    background-color: #000;
    color: #fff;
}
.disable_user:hover{
    background-color:#696969;
    color: #fff;
}
#freshwidget-button {
    top: 70% !important;
}

.ui-autocomplete {
    height: 465px;
    overflow: scroll;
}

.project_list_align{
    text-align:right !important;
    padding: 10px 10px 10px 0px !important;
}

.project_text_align{
    text-align:left !important;
}

table.action_details, table.line_item_details, table.install_action_details {
    margin-bottom: 0px;
}
/* div.online-user-list {
    overflow: hidden;
} */

/* 17-01-2019 */
.side-menu-bkgrd {height: calc(100vh - 70px);}
body.page-project-projects .side-menu {height: calc(100vh - 70px);}
.sidebar-user-list { height: calc(100vh - 379px);overflow: auto;}

.header-project-links-back-button {
    margin: 22px;
    display: inline-block;
}
.header-project-links-back-button .nav-link{
    color:#888;
    text-decoration: none;
}

.header-project-links-back-button > a:hover{
    background:transparent; 
    color:#fff;
}
.header-project-links-back-button > a:focus{
    background:transparent; 
    color:#fff;
}

.orangeText {
    color: #ee5a2c;
}

span.required {
    color: red;
}

.email-notification-list {
    list-style-type: none;
    padding: 0;
}
.inactive-popup{
    text-align: center !important;
}
.bg-archived-project td{
    background-color: #A9A9A9 !important;
}

.sweet-overlay {
    height: 111%;
}

.supporting-text
{
    color: #ee5a2c;
    margin-top: 2.5%;
    margin-left: 5%;
}
/* #to-reset-date , #from-reset-date
{
    position: relative;
    float: right;
    height: 20px;
    width: 20px;
    top: 5px;
    right: 5px;
    border-radius: 20px;
    background: #f1f1f1;
    color: white;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
  #to-reset-date:hover , #from-reset-date:hover {
    background: #ccc;
  }

  #input-outer {
    height: 2em;
    width: 15em;
    border: 1px #e7e7e7 solid;
    border-radius: 20px;
  }
  #input-outer input {
    height: 2em;
    width: 80%;
    border: 0px;
    outline: none;
    margin: 0 0 0 10px;
    border-radius: 20px;
    color: #666;
  } */