/**
 * /user/assets/styles/layout.css
 *
 * @author Pablo Rubio
 * @version 0.1
 */

/* Cols
 */

.cols {

}

.cols:after {
  display: block;
  clear: both;
  content: '';
}

.cols .col,
.cols .col-l,
.cols .col-1,
.cols .col-2,
.cols .col-25,
.cols .col-3,
.cols .col-33,
.cols .col-4,
.cols .col-5,
.cols .col-6,
.cols .col-66,
.cols .col-7,
.cols .col-8,
.cols .col-9,
.cols .col-10 {
  float: left;
}

.cols .col-r {
  float: right;
}

.cols .col-1 {
  width: 10%;
}

.cols .col-2 {
  width: 20%;
}

.cols .col-25 {
  width: 25%;
}

.cols .col-3 {
  width: 30%;
}

.cols .col-33 {
  width: 33.333%;
}

.cols .col-4 {
  width: 40%;
}

.cols .col,
.cols .col-5 {
  width: 50%;
}

.cols .col-6 {
  width: 60%;
}

.cols .col-66 {
  width: 66.6666%;
}

.cols .col-7 {
  width: 70%;
}

.cols .col-8 {
  width: 80%;
}

.cols .col-9 {
  width: 90%;
}

.cols .col-10 {
  width: 100%;
}

/* Rows
 */

.rows {

}

.rows .row-1 {
  height: 10%;
}

.rows .row-16 {
  height: 16.666%;
}

.rows .row-2 {
  height: 20%;
}

.rows .row-25 {
  height: 25%;
}

.rows .row-3 {
  height: 30%;
}

.rows .row-33 {
  height: 33.333%;
}

.rows .row-4 {
  height: 40%;
}

.rows .row-5 {
  height: 50%;
}

.rows .row-6 {
  height: 60%;
}

.rows .row-66 {
  height: 66.666%;
}

.rows .row-7 {
  height: 70%;
}

.rows .row-8 {
  height: 80%;
}

.rows .row-9 {
  height: 90%;
}

.rows .row-10 {
  height: 100%;
}

/* Buttons
*/

/* .button {
  font-size: 1em;
  line-height: 1em;
  cursor: pointer;
  transition: color 400ms ease, background-color 400ms ease;
  color: #443f3f;
  padding: 13px 10px 12px 10px;
  margin: 0px 0px;
  width: 100%;
  color: #ffffff;
  background-color: #4186d8;
  border-radius: 2px;
  font-family: inherit;
  border: none;
  display: block;
  vertical-align: middle;
}

.button.small {
  font-size: 0.8em;
  line-height: 0.8em;
}

.button.grey {
  color: #443f3f;
  background-color: #f0f0f0;
}

.button.white {
  color: #443f3f;
  background-color: #ffffff;
}

.button:focus {
  outline: none;
}

.button:hover {
  color: #ffffff;
  background-color: #c8e07e;
}

.button[disabled],
.button[disabled]:hover {
  cursor: not-allowed;
  color: #c0c0c0;
  background-color: #f0f0f0;
}

.button:before {
  display: inline-block;
  font-family: 'dashicons';
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  margin-right: 10px;
  vertical-align: middle;
  color: inherit;
}

.button:after {
  display: inline-block;
  font-family: 'dashicons';
  height: 14px;
  font-size: 14px;
  line-height: 14px;
  margin-left: 10px;
  vertical-align: middle;
  color: inherit;
} */