/*Write your custom css in this file.*/

.vh-100 {
  height: 100vh;
}

.vw-100 {
  width: 100vw;
}
/* ul#sidebar-menu {
  background-color: #1d2632;
} */

.brand-logo .dashboard-image {
  width: 185px !important;
  margin-left: 1px;
  margin-top: -10px;
}
.topimage {
  width: 220px;
}
/* div#clock-status-widget {
  border-radius: 18px;
}
.bg-white.project_and_clock_status_widget {
  border-radius: 18px;
} */
/* textarea#sticky-note {
  border-radius: 18px;
} */
/* .bg-info {
  border-radius: 18px;
} */
/* .page-title {
  border-radius: 18px;
}
.nav-tabs {
  border-radius: 18px;
}
div#kanban-wrapper {
  border-radius: 18px;
} */

.mfp-hide-popout-btn {
  width: 80px;
  height: 80px;
  position: absolute;
  opacity: 0;
  right: 0px;
  top: 0px;
  z-index: 9999999;
}

.hide-popout-btn {
  width: 80px;
  height: 80px;
  position: absolute;
  opacity: 0;
  right: 0px;
  top: 0px;
}

#timesheet-task-pie-flotchart {
  width: 100%;
  height: 400px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
#timesheet-pie-chart-filters button.btn.btn-default.form-control{
  width: 170px;
}
#clockindia {
  font-size: 18px;
  width: 120px;
  text-align: center;
  /* border: 2px solid #ccc; */
  /* border-radius: 20px; */
  color: red;
  font-weight: bold;
  margin-left: 5px;
}

#clocklondon {
  font-size: 18px;
  width: 120px;
  text-align: center;
  /* border: 2px solid #ccc; */
  /* border-radius: 20px; */
  color: red;
  font-weight: bold;
}

#all-project-timesheet-table_wrapper button.btn.btn-default.form-control{
  width: 170px;
}