/*======================== pmd-others ======================*/
.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label,
.togglebutton-default label input[type="checkbox"]:checked + .pmd-switch-label {
  background-color: hsla(0, 0%, 89%, 1);
}

.pmd-user-info > a {
  cursor: pointer;
}

.pmd-d {
  max-height: 274px;
  overflow-y: auto;
  top: 95%;
}

.pmd-sidebar.pmd-extra-sidebar {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
}

.mdi.pmd-xl {
  font-size: 64px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.modal-footer {
  text-align: right;
  border-top: none !important;
}

.pmd-chip {
  margin: 4px;
}

.mdi {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.mdi.media-left {
  display: table-cell;
  padding-right: 32px;
  vertical-align: top;
}

/*======================== pmd-table  ======================*/
.no-table-found .material-icons {
  font-size: 128px;
}

table.pmd-table thead tr th {
  cursor: pointer;
  user-select: none;
}

.action-bar.row span.actions {
  border-left: 1px solid #dfe3e7;
  margin-left: 2px;
}

.action-bar .btn-delete {
  margin-left: 4px !important;
}

span.pmd-checkbox-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

span.sorting {
  font-family: "Material Icons";
  float: left;
}

span.sorting.sorting_asc::before {
  content: "\E5C5";
}

span.sorting.sorting_desc::before {
  content: "\E5C7";
}

span.sorting.sorting_asc::after {
  content: "n";
}

span.sorting.sorting_desc::after {
  content: "n";
}

.custom-select {
  margin: 0;
  border-bottom: 1px solid #ccc;
  width: 120px;
  overflow: hidden;
  background-color: #fff;
  padding: 2px 0 2px 0;
  margin-left: 32px;
  position: relative;
}

/*======================== pmd-tabset  ======================*/

.pmd-tabs {
  display: block;
  position: relative;
}
.pmd-tabs ul.nav.nav-tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.pmd-tabs ul.nav.nav-tabs li.active {
  z-index: 10;
  display: block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  box-shadow: inset 0 -3px 0 #458cff;
}

.pmd-tabs.pmd-tabs-bg ul.nav.nav-tabs li.active {
  z-index: 10;
  display: block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  box-shadow: inset 0 -3px 0 #ffc107;
}

/*======================== Role Edition  ======================*/
.role {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/*======================== pmd-progress  ======================*/
.pmd-spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.path {
  stroke: #049a9b;
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

/* pmd-progress Bar */
.pmd-progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #049a9b60;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0;
  overflow: hidden;
}
.pmd-progress .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #049a9b;
  transition: width 0.3s linear;
}
.pmd-progress .indeterminate {
  background-color: #049a9b;
}
.pmd-progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
    infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.pmd-progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

textarea {
  resize: vertical;
}

.pmd-move-handle {
  cursor: move;
}

/* project progress timeline css added */
.project-progress .timeline.project-standby:before {
  background: #bcbc29 !important;
}
.project-progress .timeline.project-standby:after {
  background: #bcbc29 !important;
}

/* Sidebar additions */
.pmd-extra-sidebar {
  background: #fff;
  width: 0px;
  min-width: 0px !important;
}
.pmd-sidebar-open.pmd-extra-sidebar {
  width: 400px;
}