.fontjost{font-family: 'Jost', sans-serif;}

.sidebar-left, .card-title, .modal-header, .modal-title, .page-title{font-family: 'Jost', sans-serif;}
.modal-header h5, h5#defaultModalLabel{font-family: 'Jost', sans-serif;}
.nav-item{font-family: 'Jost', sans-serif;}


#mrt, #btm, #cmm{display: none;}

.input-20{ width: 20%;}
.input-25{ width: 25%;}
.input-50{ width: 50%;}
.input-75{ width: 75%;}
.input-inline{ display: inline;}

#loading { background:  rgba(255,255,255,0.8);		display:none;position: fixed;overflow: auto;
    top: 0px;	right: 0;bottom: 0;	left: 0;z-index: 888;	opacity:1;	-webkit-transition: opacity 200ms ease-in;	-moz-transition: opacity 200ms ease-in;		transition: opacity 200ms ease-in;		pointer-events: auto;}
  
  #loading img{ position: fixed;   top: 50%;   left: 50%; margin-top:-50px;  margin-left:-50px}

  .psp_photo img {  background: url(../assets/images/psp_bg.png) no-repeat;  padding: 8px; }

.zebratable tr:nth-child(even) { /* background-color: #f2f2f2; */ background-color:#ebebeb99}
.zebratable td{padding:8px}
.alignrighttd{text-align:right; font-weight:bold;}
  
 .t_today{ border-left:2px solid #3ad29f;} 
 .t_old{border-left:2px solid #dc3545;} 
 .t_future{border-left:2px solid #333;}
 
 .dropdown-toggle, .dropdown-item {cursor: pointer;} 
 .dropdown-toggle a{cursor: pointer;}
 
 .navbar-light .navbar-nav .nav-link:hover {color: #27ff1b }
 .badge-purple {   color: #fff;   background-color: #8440cf; }
 
 .pr_accordion {
  transition: 0.4s;
  cursor: context-menu;
}

.pr_accordion.active, .pr_accordion:hover {
  background-color: initial;
  background-color: unset;
}

.pr_accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  margin-top: -30px;
}

.active:after {
  content: "\2212";
}

.pr_panel {
  padding: 3px 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: 13px;
}


.milestone_tasks{ background-color: #2e3339;
    margin: 15px 0px;
    padding: 5px 15px;
    border-radius: 0.25rem;; }

    .milestone_tasks ul{ list-style: none; margin: 0px; padding: 0px 5px;}
    .milestone_tasks ul li{ padding: 5px 0px; border-bottom: 1px solid #343a40;}