/* the main css file */
/* report wizard styles */
/* hide the columns */
.reset-view {
  font-size: 18px;
}
.saved-report {
  color: blue;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.saved-report-warning {
  color: red;
  font-weight: bold;
  animation: flashRed 1s infinite;
  font-size: 20px;
  margin-bottom: 10px;
}

@keyframes flashRed {
  0%, 100% {
    color: red;
  }
  50% {
    color: transparent;
  }
}

.trfunctions {
  font-size: 12px;
  font-weight: normal!Important;
  text-align: center;
}
select.form-control {
  cursor: pointer !important;
}

.reimbursement-item {
  font-weight: normal;
}

.hrs-color {
  background: #dbdbdb;
}
.wizard-title {
  font-size: 20px;
  font-weight: bold;
}
.report-cal input {
  cursor: pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

th.force-wrap {
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 134px!Important;
  font-size: 14px!Important;
}

.contractor-list {
  border: 1px solid green;
  padding:5px;
}
.tbwidth {
  width: 1%;
  white-space: nowrap;
}
/* dashboard updates */
.about-functions a {
  margin-left:5px;
  margin-right:5px;
  text-decoration: none;
}
.about-functions {
  margin-bottom: 20px;
}
.footer-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.update-box {
  border: 1px solid grey;
  margin-bottom: 20px;
  padding: 5px;
}
.version-update-title {
  font-size: 17px;
  font-weight: bold;
}
.update-date {
  font-size: 16px;
  font-style: italic;
}
.show-all {
  margin-top: 5px;
}
.show-all a {
  text-decoration: none;
}
/* End of dashbaord updates */

.jobsitettt {
  font-size: 20px;
  margin-bottom: 10px;
}
.brderboxbottom {
  border-bottom: 1px solid green;
  padding-bottom: 12px;
  padding-top: 4px;
}

.asset-title {
  font-size: 18px;
  font-weight: bold;
}
.errortxt {
  color: red;
  font-size: 23px;
}
body {
  padding-top: 70px; /* adjust if your navbar is taller */
}

.loop-title a {
  text-decoration: none;
  color: #000;
}
.actions {
  text-align: right;
}
.actions a {
  margin-left: 10px;
}
.controlarea {
  text-align: right;
}
.tbl-col {
  width: 1%;
  white-space: nowrap;
}

.ffspace { margin-right: 10px; }
.ffspace-5 { margin-right: 5px; }
.code_list a {
  text-decoration:none;
  color: #000;
}
.report-title {
  font-size: 21px;
  font-weight: bold;
}
.error {
  font-size: 21px;
  color: red;
  font-weight: bold;
}
.confirm {
  font-size: 21px;
  color: blue;
  font-weight: bold;
}
.dashboard-buttons .btn {
  width: 100%;
  margin-bottom: 20px
}
.navbar-brand img {
  max-height: 50px;
  height: auto;
  width: auto;
}
.rr-footer {
  border-top: 1px solid #000;
  padding: 10px 15px 20px 15px;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
.rr-footer p { margin-bottom: 0; }
#appname { font-weight: bold; }
#dpproduction { font-size: 15px; }
.update-box { background: #f4f4f4; }

.code-area {
  border: 1px solid gray;
  padding: 10px;
}

/* =========================
   REPORT TABLE (only)
   ========================= */
.report-table-rr {
  border-collapse: collapse;
  width: 100%;
}

.report-table-rr th,
.report-table-rr td {
  border: 1px solid #000;
  white-space: nowrap;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 3px !important;
  padding-right: 1px !important;
}

.report-table-rr.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}

.report-table-rr.custom-rr-report-fontsize {
  font-size: 10px;
}

.report-table-rr.rr-ftoveride {
  font-size: 16px !important;
}

.report-table-rr th,
.report-table-rr td {
  border-width: 1px;
}

.report-table-rr th {
  font-weight: bold;
}

/* =========================
   DESKTOP
   ========================= */
@media only screen and (min-width: 991px) {
  .hd, .mobile-updates, .users_mobile,
  .new-company-asset-desktop, .hide-desktop,
  .show-me-some { display: none; }

  h1 { font-size: 30px; }

  .custom-rr-report-fontsize {
    font-size: 10px;
  }

  .report-table-rr.custom-rr-report-fontsize {
    font-size: 8px;
  }
}

/* =========================
   MOBILE
   ========================= */
@media only screen and (max-width: 991px) {
  .contractor-list  {
    margin-left: 15px;
    margin-right: 15px;
  }
  .cont-contr-wrap {
    border-bottom: 2px solid grey;
    padding: 5px 0 15px 0;
  }
  .contractor-titles {
    font-size: 22px;
    font-weight: bold;
  }
  .hm, .table-hide, .span-hide,
  .hide-mobile, .new-company-asset-mobile,
  .desktop-updates, .users_desktop { display: none; }

  h1 { font-size: 24px; }

  .mobile-line-break {
    width: 100%;
    height: 1px;
    background: blue;
    margin-top: 5px;
  }
  .m-username {
    font-size: 23px;
    font-weight: bold;
  }
  .m-normal { font-size: 23px; }
}

/* spin the logo on load */
.logo-spin {
  display: inline-block;
  animation: spinIn 1s ease-in-out;
}
@keyframes spinIn {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}