/*input  {*/
/*background-color: #0a65aa !important;*/
/*}*/

/* Fonts */
@font-face {
  font-family: "Rubik Light";
  font-weight: 300 !important;
  src: url(https://fonts.googleapis.com/css?family=Rubik:300) format("truetype");
}

@font-face {
  font-family: "Rubik";
  font-weight: 400 !important;
  src: url(https://fonts.googleapis.com/css?family=Rubik) format("truetype");
}

@font-face {
  font-family: "Rubik Medium";
  font-weight: 500 !important;
  src: url(https://fonts.googleapis.com/css?family=Rubik:500) format("truetype");
}

@font-face {
  font-family: "Rubik Bold";
  font-weight: 700 !important;
  src: url(https://fonts.googleapis.com/css?family=Rubik:700) format("truetype");
}

.task-form label,
.task-form h4.label,
.task-form span.field-legend,
.toolbarform label,
.toolbarform h4.label,
.toolbarform span.field-legend {
  font-family: "Rubik Light", "Arial", sans-serif !important;
  font-size: 15px;
  font-weight: bold !important;
}

#task-form-container label.option {
  font-size: 14px;
}

fieldset#task-fields-wrapper {
  width: 35%;
  background: none;
  border: none;
  display: inline-block;
}

input.form-autocomplete,
input.form-text {
  font-size: 1em;
}

div#edit-due-date-0-value--description,
.js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-due-date-0-value-time.form-item-due-date-0-value-time.form-no-label {
  display: none;
}

/* Field wrappers */

/* Max width */
.field--name-title,
.field--name-type,
.field--name-page,
.field--name-new-page {
  width: 99%;
  display: block;
}

.field--name-status,
.field--name-priority,
.field--name-due-date {
  width: 49%;
  display: inline-block;
}
.field--name-assignee input:not([type="submit"]) {
  width: 100%;;
}

div#task-description-wrapper {
  width: 57%;
  display: inline-block;
  vertical-align: top;
  margin: 1em 0;
  padding: 30px 0;
}

div#edit-description-format {
  margin-bottom: -46px;
  padding: 1.5em .666em .5em .666em;
}

/* Medium width */

@media (max-width: 1320px) and (min-width: 1020px) {

  .field--name-assignee,
  .field--name-status,
  .field--name-priority,
  .field--name-assignee,
  .field--name-due-date {
    width: 99%;
    display: block;
  }

  div#edit-description-0-format {
    width: 60%;
    display: inline-block;
  }

  .text-format-wrapper > .form-item {
    margin-bottom: -24px;
  }
}

@media (max-width: 1280px) and (min-width: 1021px) {
  div#task-description-wrapper {
    width: 57%;
  }
}

@media (max-width: 1020px) and (min-width: 501px) {
  div#task-description-wrapper {
    width: 99%;
    display: block;
    margin-top: -30px !important;
  }

  div#edit-description-0-format {
    margin-bottom: 0;
    padding: 0.5em .666em .5em .666em;
  }

  fieldset#task-fields-wrapper {
    width: 100%;
    padding: 0 18px 18px;
    margin: 1em 0 1em -17px;
  }

  .field--name-title,
  .field--name-type,
  .field--name-page,
  .field--name-new-page {
    width: 99%;
  }

  .field--name-status,
  .field--name-priority,
  .field--name-due-date {
    width: 49%;
    display: inline-block;
  }
}

@media (max-width: 500px) {
  .field--name-assignee,
  .field--name-status,
  .field--name-priority,
  .field--name-assignee,
  .field--name-due-date {
    width: 100%;
    display: block;
  }

  fieldset#task-fields-wrapper {
    width: 100%;
    padding: 0 18px 18px;
    margin: 1em 0 1em -17px;
  }

  div#task-description-wrapper {
    width: 99%;
    display: block;
    margin-top: -30px !important;
    margin-bottom: 50px;
  }

}

/* Inputs */

select#edit-status {
  width: 100%;
}

select#edit-priority {
  width: 100%;
}

.container-inline {
  margin: -10px 0;
}

.cke_top,
.cke_bottom {
  border: 1px solid #d1d1d1;
}

.cke_contents {
  height: 480px !important;
  border: 1px solid #d1d1d1;
}

.cke_inner {
  margin-bottom: -52px;
}

.cke_chrome {
  width: 100% !important;
}

#toolbarform > input,
#task-add-form > input,
#toolbarform > select,
#task-add-form > select,
#toolbarform > .form-type-date,
#task-add-form > .form-type-date {
  width: 100%;
}

input#edit-new-page-value {
  width: unset;
}

#toolbarform > .form-submit {
  display: block;
  float: right;
  margin-right: 18px !important;
}

#toolbarform .highlight-element.form-select,
#toolbarform .highlight-element.form-text {
  border: #134460 1px solid !important;
  background-color: #19597d !important;
  text-shadow: none;
  color: white;
  font-family: 'Rubik Medium', sans-serif;
}

input#edit-submit-content,
.views-exposed-form > div > div#edit-actions {
  float: left;
}

.task-add-form {
  width: 80%;
  margin: 44px auto 0 auto;
  border: #28b3da 1px solid;
  border-radius: 3px;
  border-top: #28b3da 5px solid;
  padding: 0 45px 60px;
}

div#edit-description-0-format {
  margin-bottom: -58px;
  padding: 1.5em 0.666em;
}

#toolbarform input:focus,
#toolbarform select:focus {
  border: 1px solid #28b3da !important;
  box-shadow: none !important;
}

#toolbarform textarea.form-textarea {
  background-color: white;
}
