Y-SLD/assets/playkit/examples/css/apps/projects.css

.app-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Raleway', sans-serif;
  width: 100%;
  border: 1px solid #eceeef;
  border-radius: 0.25rem; }

.app-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #eceeef;
  background: #f7f7f9; }

.app-main-header {
  height: 90px;
  background: #fff;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }

.app-main-heading {
  margin-bottom: 0;
  line-height: 40px; }

.app-main-content {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 0%;
          flex: 2 2 0%; }

.app-panel {
  height: calc(100% - 66px);
  top: 66px;
  position: fixed;
  width: 340px;
  left: -340px;
  right: auto;
  z-index: 997;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-transition: left .5s, top .5s;
  transition: left .5s, top .5s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
  .app-panel.show {
    left: 0; }
  body.navbar-collapse-in .app-panel {
    top: 132px; }
  body.menubar-open .app-panel {
    left: -340px; }
  @media (min-width: 768px) {
    .app-panel {
      position: static;
      height: auto;
      box-shadow: none; } }

.app-panel-inner {
  height: auto; }
  @media (max-width: 767px) {
    .app-panel-inner {
      height: calc(100% - 90px);
      overflow: hidden; } }

.app-panel-toggle {
  position: absolute;
  top: 25%;
  right: -30px;
  display: block;
  width: 30px;
  height: 50px;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); }
  .app-panel-toggle .fa {
    text-align: center;
    line-height: 50px;
    width: 25px;
    font-size: 1.13rem; }
  .app-panel-toggle .fa-chevron-left {
    display: none; }
  .show .app-panel-toggle .fa-chevron-left {
    display: block; }
  .show .app-panel-toggle .fa-chevron-right {
    display: none; }
  @media (min-width: 768px) {
    .app-panel-toggle {
      display: none; } }

.panel-item {
  border: 1px solid #eceeef;
  border-radius: 0.25rem;
  margin-bottom: .5rem;
  padding: .75rem; }
  .panel-item:last-child {
    margin-bottom: 0; }

a.panel-item {
  display: block; }

.app-search {
  position: relative;
  height: 90px;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }
  .app-search .search-field {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 40px;
    padding: .75rem;
    border-radius: 500px;
    border: 1px solid #eceeef; }
  .app-search .search-icon {
    position: absolute;
    top: 2.25rem;
    right: 2.25rem; }

.project-task {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #eceeef; }
  .project-task label {
    font-size: 1rem; }
  .project-task input[type="checkbox"]:checked + label {
    color: #aaa;
    font-style: italic;
    text-decoration: line-through; }

.projects-list {
  padding: 1rem; }
  .projects-list .avatar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px; }
  .projects-list .media {
    padding: .5rem 0;
    cursor: pointer; }
    .projects-list .media.selected .project-icon, .projects-list .media:hover .project-icon {
      border-color: #60c84c;
      background: #fff;
      color: #60c84c; }
    .projects-list .media.selected .project-name, .projects-list .media:hover .project-name {
      color: #60c84c; }
  .projects-list .project-icon {
    color: gray;
    background: #f7f7f9;
    border: 1px solid #eceeef; }
  .projects-list .project-name {
    margin-bottom: .25rem;
    font-weight: 500;
    white-space: nowrap; }
  .projects-list .project-detail {
    color: #bbb;
    font-size: .875rem;
    white-space: nowrap; }

.people-list .avatar {
  font-weight: 600;
  font-size: 18px;
  margin-right: .5rem;
  margin-bottom: 1rem; }

.add-people-btn {
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  background: none;
  padding: 0;
  color: #60c84c !important;
  border: 2px solid #60c84c; }
  .add-people-btn:focus {
    outline: none; }

#projects-task-modal .modal-dialog {
  margin-top: 100px; }

#projects-task-modal .modal-content {
  box-shadow: none;
  border: none; }

#projects-task-modal input::-webkit-input-placeholder {
  color: #ccc !important; }

#projects-task-modal input:-moz-placeholder {
  color: #ccc !important; }

#projects-task-modal input::-moz-placeholder {
  color: #ccc !important; }

#projects-task-modal input:-ms-input-placeholder {
  color: #ccc !important; }

#projects-task-modal .task-pickers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#projects-task-modal .task-field-picker {
  margin-right: 1rem; }
  #projects-task-modal .task-field-picker label {
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 500px;
    text-align: center;
    color: #636c72;
    border: 1px dashed #ccc;
    font-size: 1.5rem;
    color: #ccc;
    margin-right: 1rem;
    margin-bottom: 0; }
  #projects-task-modal .task-field-picker input {
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 1rem;
    color: #ccc;
    font-weight: 400;
    width: 100px; }

#projects-task-modal .close {
  border: none;
  outline: none;
  box-shadow: none;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 1.13rem;
  border-radius: 500px;
  border: 1px solid #55595c; }

#projects-task-modal .task-name-wrap {
  position: relative; }
  #projects-task-modal .task-name-wrap span {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 500px;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    border: 1px solid #ccc;
    font-size: 1.5rem;
    color: #ccc; }

#projects-task-modal .task-name-field,
#projects-task-modal .task-desc-field {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  color: #636c72; }

#projects-task-modal .task-name-field {
  padding-left: 42px;
  height: 60px;
  font-size: 1.75rem;
  font-weight: 500; }

#projects-task-modal .task-desc-field {
  height: 180px;
  resize: none;
  padding: 1.5rem;
  font-size: 1rem; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,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