body {font-family: 'Roboto', sans-serif;}

img {
   -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

/* body {font-family: 'Graphik', sans-serif;} */
select.h1 {font-size: 24px!important;font-weight: bold!important;padding: 0 !important;height: auto!important;width: auto;border: none;color: #000;margin-left: -0.2em;/*-webkit-appearance:none;*/ font-weight: 900!important; }
h1.font-weight-bold {font-weight: 900!important;}

.status {display: block;width: 45px;height: 45px;position: relative;font-size: 13px;cursor: pointer;border-radius: 2px;}
/* .status.yellow {background: #ffdd00; border: none!important;}
.status.green {background: #93c01f; border: none!important;} */
.status.yellow {background: #FFCC29; border: none!important;}
.status.green {background: #81B214; border: none!important;}
.status.darkgreen {background: #397100; border: none!important;}
.status.grey {background: #fff; border: none!important;}
.status .percent {position: absolute;width: 100%;}
.status .date {position: absolute;width: 100%;color: #1d34e2;font-weight: bold;bottom: 0;}
.status .startdate {position: absolute;width: 100%;color: #fff;font-weight: bold;bottom: 0;}
.status .enddate {position: absolute;width: 100%;}

.status .date7 {position: absolute;width: 100%;color: #1d34e2;bottom: 0;}
.status .date14 {position: absolute;width: 100%;color: #aea9ff;bottom: 0;}
.today {background: #1d34e2; color: #fff !important; }
.table td, .table th {padding: 1px;vertical-align: middle;text-align: center;}
.status-fc tr td {height: 48px; text-align: right;}
.status-fc tr:first-child td {height: 27.19px;}
.status-wl tr td {height:47px; text-align: right;white-space: normal;    border-bottom: 1px solid #dee2e6;     line-height: 13px;}
.bbottom {border-bottom: 1px solid #dee2e6 !important;}
.status-wl tr:first-child td {height: 70px;}
.opacity-0 {opacity: 0;}
a, a:hover {color: #000;}
.red {color: #fff!important; background: #c20a00;}
.modal-backdrop {background: #000;}
.modal-backdrop.show {opacity: .15;}
.word-break {position: relative;height: 70px;}
.word-break span {position: absolute;bottom: 0;left: 12px;transform-origin: 0 0;transform: rotate(-45deg);}
.plan-container {position: relative;}
.plan-date {width: 0;height: 0;padding: 0;margin: 0;border: 0;overflow: hidden;position: absolute;top: 25px;left: 10px;}
.header {position: sticky;background: #fff;z-index: 1;}
#header01 {top: 0;}
#header02 {top: 1.5em;padding-bottom: 0.1em; box-shadow: 0px 7px 5px -9px #000;}
#header03 {top: 3.5em; border-bottom: 1px #ddd solid;}
/* .works-view {padding: 6px 9px;} */
@media (max-width: 991px) {
  .status-wl tr td {font-size: 13px;line-height: 12px; word-wrap: break-word;}
  /* .btn {font-size: .82rem;} */
  h1.font-weight-bold {
            font-size: 1.8rem;
        }
}

.shadowmenu {  box-shadow: 0 .3rem .7rem rgba(0,0,0,.8); }

.activemenu { background: #ddd;   }
/* a.edit-section-dates {color: #888;} */

.navbar-toggler { border: none!important;}
.floorname{FONT-WEIGHT: 200;
        position: absolute;
            width: 100%;
            font-weight: bold;
            padding: 5px;
            word-break: break-all !important;
            line-height: 1;
            white-space: normal;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
    }
.frontname{
            width: 100%;
            font-weight: bold;
            padding: 5px;
            word-break: break-all !important;
            line-height: 1;
            white-space: normal;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            font-size: 2em;
            /* color:#eff; */
    }
.green .floorname{color:#e1f5b2; }
.yellow .floorname{color:#9a7809; }
.darkgreen .frontname{color:#6fa000; }
   /*.bottomtdate {
        position: absolute;
        bottom: 0;
    }*/

    .status .bottomtdate {
        position: absolute;
        width: 100%;
        font-weight: bold;
        bottom: 0;
    }
    .builder {font-size: .9em;}

    .border-black {border: 1px #000 solid;}

    .frontcard{
      /* background-color: #f8f8f8; */
      background-color: #f3f1ed;
      border-radius: 0.6em;
    }
 #editStatus { padding-right: 0 !important }