// Place all the styles related to the tasks controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


/* By Nikhil Vetam starts */
#tasks_index {
  .container-fluid { padding:0; }
  .askq {
    position:relative; padding-left: 56px; height: 27px; border: 1px solid #336AB6; background: #fff;
    border-radius:5px;
    &:before {
      content: '\f067'; display: inline-block; background: #fff; font-family: fontawesome;
      position: absolute; left: -1px; top: -1px; border-radius: 5px; border: 1px solid #336AB6 !important;
      font-size: 10pt; width:27px; height:27px; text-align:center; line-height:22pt; color:#333;
    }
    &:hover { background:#336AB6;
      &:before{ color: #336AB6; }
    }
  }
  .right-arrow.inline {
    padding: 2px 10px; background: #e377bd; color: #fff; font-weight: bold; border-radius: 4px; margin-right: 4px; vertical-align: bottom;
    i { padding-left:5px; }
  }
  /*ul.nav.nav-pills { border: 1px solid #ccc; border-radius: 5px; margin-bottom: 5px; }
  ul.nav.nav-pills>li>a { color:#333; padding:3px 10px; font-size:10pt; }
  ul.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color:#336AB6 !important; background:transparent; color:#fff;
  }*/

  .show-description { cursor:pointer; color:#ff3d00; font-size:8pt !important; }
  .task-description {text-align:center; border: 1px solid #ddd; padding: 15px;}
  #task-accordion {
    .show-more { color:inherit; font-size:9pt; padding-left:auto; }
    a.more-text,a.less-text{ float:right; font-size:7pt; padding-top:5px;}
  }
  .group-task-name
  {
    font-weight: bold; color: #ff3d00; text-shadow:0 1px #ccc; font-size:16pt; border-bottom: 1px dashed; display: inline;
  }

  /*----- custom rectangular orange radio buttons STARTS--------------*/
  input[type='radio']#task_schedule_type_personal, input[type='radio']#task_schedule_type_group {
    display:none;
  }
  label.rect-radio-label {
    padding:4px 6px; background:#fff; border-radius:4px; font-weight:normal;border:1px solid #ccc; cursor:pointer;
  }

  input[type='radio']#task_schedule_type_personal + label.rect-radio-label {
    border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;
  }
  input[type='radio']#task_schedule_type_group + label.rect-radio-label {
    border-left:none; border-top-left-radius:0; border-bottom-left-radius:0;
  }

  input[type='radio']#task_schedule_type_personal:checked + label.rect-radio-label {
    background:#336AB6; color:#fff; border-top-right-radius:0; border-bottom-right-radius:0;
  }

  input[type='radio']#task_schedule_type_group:checked + label.rect-radio-label {
    background:#336AB6; color:#fff; border-top-left-radius:0; border-bottom-left-radius:0; border-left:none;
  }
  /*----- custom rectangular orange radio buttons ENDS--------------*/

  .invite-users {
    ul.token-input-list-facebook { border: 1px solid #d5d5d5; border-radius: 4px; }
  }

  .inline-task-form { background: #f6f9fb; padding: 10px 0; border-radius: 4px; margin-bottom: 10px; font-size:8pt;
    box-shadow:0 0 10px #dedede; border:1px solid #e1e1e1;
    a#close-task-form {
      font-size: 10pt; position: absolute; right: 25px; top: 10px; display: block; cursor: pointer;
    }
    .task_name { textarea { padding:5px 8px; height:28px; resize:none; } }
    p { color:#888; margin-bottom:0; font-size:8pt; }
    .form-group { margin-bottom:0 !important; }
    .task_date,.task_stime {
      position:relative;
      input { font-size:8pt; }
      span.input-group-addon.btn.smico { position:absolute; border:none; right:10px; top:1px; z-index:2; background-color:transparent; }
    }

    .invite-users { padding-top:17px;
      ul.token-input-list-facebook { width:auto !important; }
    }
    .task-button-wrapper{
      width:100px; float:left; top:16px;
      #add-task-button { font-size:8pt; background:none; position:absolute; left:24px; top:0px	;
        &:focus { outline: none; }
      }
      .btn-default { border:none !important; color:#333 !important;
      	&:hover { border:none !important; color:#fff !important; }
      }
      &:hover {
        #add-task-button {  color: #fff; }
      }
    }
  }

  #task-accordion.panel-group {
    .panel{
      .panel-heading{
        padding:0; background:none;
        a[data-toggle="collapse"]{
          color:#fff !important;
          .panel-title{ background: #607d8b; padding:5px 10px; font-weight:normal; font-size:10pt; }
        }
        a[data-toggle="collapse"].collapsed {
          color:#fff !important;
          .panel-title{ background: #263238; padding:5px 10px; font-weight:bold; font-size:10pt; }
        }
      }

      .panel-body { border:none; padding:0; font-size:8pt;
        p {  margin-bottom:0; }
        span.statusInProgress { padding-top:7px; padding-right: 0; padding-left: 10px; color:#ff3D00; font-size:8pt;
          &:before {
            content: '\f017'; font-family: fontawesome; font-size:11pt; border-radius:50%; border:1px solid #ff3D00;
            line-height:15pt; width:22px; height:22px; display:inline-block; text-align:center;
          }
        }
        span.statusComplete { padding-top:7px; padding-right: 0; padding-left: 10px;color:#336AB6; font-size:8pt;
          &:before {
            content: '\f058'; font-family: fontawesome; font-size:11pt; border-radius:50%;border:1px solid #336AB6;
            line-height:15pt; width:22px; height:22px; color:#fff; background:#336AB6; display:inline-block;
            text-align:center;
          }
        }
        .new-comment-form { margin-top:10px; }
        .btn-add-comment,.btn-show-comments
        {
          background: #e377bd; color: #fff; padding: 2px 5px; border-radius: 3px; font-size: 7pt; cursor: pointer;
        }
        span.btn.btn-info.fileinput-button { background: #336AB6; border-color: #336AB6; padding: 5px 10px; }
        button.btn.start { background: #e377bd; padding: 5px 10px; color:#fff; }
        .table { margin-bottom:0px; }
      }
    }
  }
}

/* By Nikhil Vetam ends */