.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.h10px {
  height: 10px; }

p, hr {
  margin: 0; }

label {
  font-weight: normal; }

footer {
  background-color: #eee;
  height: 45px;
  width: 100%; }
  footer p {
    text-align: center;
    color: #666;
    line-height: 4rem; }

hr {
  border-color: #bbb; }

h2 {
  color: #656565;
  font-size: 2.2rem;
  font-weight: bold; }

.logo {
  background: url(img/logo.png) no-repeat;
  width: 341px;
  height: 124px;
  display: block;
  margin: 10% auto 4%; }

.logo.small {
  background: url(img/logo-small.png) no-repeat;
  margin: 0;
  width: 193px;
  height: 70px; }

.login-form {
  width: 320px;
  margin: 0 auto; }
  .login-form input {
    width: 100%;
    display: block; }

html body form .submit, .resumen .submit {
  background-color: #4F349F;
  border: 0 none;
  color: #fff;
  font-size: 1.8rem;
  height: 45px;
  border-radius: 8px;
  margin-top: 20px;
  width: 100%; }
  html body form .submit:hover, .resumen .submit:hover {
    color: #fff; }
  html body form .submit.disabled, .resumen .submit.disabled {
    cursor: default;
    opacity: .6; }

.add-category #name {
  font-size: 1.3rem; }

header.container {
  padding: 15px 0;
  margin-bottom: 10px; }
  header.container hr {
    margin-top: 10px; }

.main-nav .username {
  font-size: 1.3rem; }
.main-nav .row > ul {
  margin-top: 20px;
  margin-bottom: 0;
  position: relative; }
  .main-nav .row > ul > li {
    list-style: none;
    float: left;
    margin: 0 20px; }
    .main-nav .row > ul > li > a {
      color: #000;
      text-transform: uppercase;
      font-size: 1.4rem;
      text-decoration: none; }
.main-nav .has-sub ul {
  position: absolute;
  visibility: hidden;
  list-style: none;
  margin: 0;
  border: 1px solid #bbb;
  background-color: #fff;
  border-radius: 5px;
  z-index: 1; }
  .main-nav .has-sub ul li {
    margin: 0;
    border-top: 1px solid #bbb; }
    .main-nav .has-sub ul li a {
      display: block;
      padding: 8px 40px 8px 15px;
      text-decoration: none;
      color: #e55f37; }
  .main-nav .has-sub ul li:hover {
    background-color: #efefef; }
  .main-nav .has-sub ul li.first {
    border-top: 0 none; }
.main-nav .has-sub:hover > ul {
  visibility: visible; }
.main-nav li:last-of-type {
  margin-right: 0; }

h2 {
  letter-spacing: .05em; }

.thanks {
  text-align: center; }
  .thanks h2 {
    color: #E75F37;
    margin-bottom: 0;
    letter-spacing: 0; }
  .thanks p {
    font-size: 1.9rem;
    color: #656565; }
    .thanks p .check-ico {
      background: url(img/ico-check.png) no-repeat;
      display: inline-block;
      width: 17px;
      height: 17px;
      position: relative;
      top: 2px; }
  .thanks .row {
    margin: 10% 0; }

.cotizador legend {
  width: 100%;
  background-color: #4F349F;
  color: #fff;
  box-sizing: border-box;
  padding: 5px 10px; }
.cotizador textarea, .cotizador select {
  width: 100%;
  resize: none;
  font-size: 1.2rem; }
.cotizador textarea, .cotizador input {
  margin-bottom: 5px;
  border-radius: 0; }
.cotizador #count {
  color: #888;
  float: right;
  font-size: 1.2rem;
  margin-top: -8px; }
.cotizador .formatted-price {
  text-align: left;
  margin-top: -14px;
  font-size: 1.3rem;
  color: #403075; }
.cotizador .hidden {
  display: none; }
.cotizador .modifier {
  width: 100px;
  position: relative;
  top: -4px;
  border-radius: 3px; }
.cotizador .bienes textarea {
  height: 111px; }
.cotizador .bienes select {
  margin-bottom: 10px; }
.cotizador .bienes input {
  margin-bottom: 15px; }
.cotizador select {
  height: 30px; }
.cotizador form input {
  width: 100%;
  height: 30px;
  font-size: 1.2rem; }
.cotizador form .input.radio input {
  width: initial;
  margin-right: 10px;
  position: relative;
  top: 10px; }
.cotizador form .input.radio label:not(:first-child) {
  float: left;
  margin: -10px 20px 10px; }
.cotizador hr {
  margin: 10px 0; }
.cotizador .total a {
  font-size: 1.2rem;
  text-decoration: none;
  margin-top: 14px; }
.cotizador .total .price {
  font-size: 2.5rem;
  color: #E75F37;
  font-weight: bold;
  position: relative;
  top: 4px;
  left: 4px; }

.row .columns:first-of-type {
  margin-left: 0; }

.resumen .field {
  font-size: 1.4rem;
  margin-bottom: 15px;
  color: #656565; }
  .resumen .field .key {
    font-weight: bold;
    color: #444; }
.resumen .legend {
  width: 100%;
  background-color: #4F349F;
  color: #fff;
  box-sizing: border-box;
  padding: 5px 10px;
  margin-bottom: 10px; }
.resumen hr {
  margin: 10px 0; }
.resumen .submit {
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 4.5rem;
  font-weight: bold; }
.resumen .regresar {
  width: 90px;
  height: 42px;
  background-color: #eee;
  color: #656565;
  letter-spacing: initial;
  font-weight: normal;
  font-size: 1.4rem;
  border: 0 none;
  text-transform: none;
  border-radius: 8px;
  margin-right: 20px;
  text-align: center;
  text-decoration: none;
  line-height: 4rem;
  margin-top: 62px; }
.resumen .total a {
  font-size: 1.2rem;
  text-decoration: none;
  margin-top: 14px; }
.resumen .total .price {
  font-size: 2.5rem;
  color: #E75F37;
  font-weight: bold;
  position: relative;
  top: 4px;
  left: 4px; }

.config {
  font-size: 1.4rem;
  color: #656565; }
  .config table {
    width: 100%; }
  .config input.editValue {
    width: 80px;
    height: 30px;
    font-size: 1.2rem;
    margin: 0; }
  .config .edit.saveBtn:before {
    content: '' !important; }
  .config .client-type td:first-child {
    padding-left: 40px; }
  .config .title {
    width: 100%;
    background-color: #4F349F;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 10px;
    width: auto; }
  .config .edit a {
    font-size: 1.2rem;
    color: #E55F37; }
  .config .edit:before {
    content: url(img/ico-edit.png);
    width: 10px;
    height: 13px;
    margin-right: 4px;
    position: relative;
    top: 3px; }
  .config td:first-child {
    font-weight: bold; }

.container {
  margin-bottom: 4%; }

.users #insurance-id {
  font-size: 1.2rem; }

.add-new {
  color: #656565;
  font-size: 1.4rem;
  width: 100%;
  background-color: #F6F6F6;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 17px 20px;
  box-sizing: border-box;
  margin-bottom: 20px; }
  .add-new * {
    margin: 0; }
  .add-new input, .add-new select {
    height: 30px; }
  .users .add-new .submit-2 {
    position: relative;
    top: 20px; }
  .add-new .field {
    width: 218px;
    margin-right: 20px; }
    .add-new .field:first-child {
      width: 210px; }
    .add-new .field select, .add-new .field input {
      width: 100%;
      box-sizing: border-box; }
  .add-new .add-category #name {
    width: 75%; }
  .add-new .legend {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 16px; }
    .add-new .legend:before {
      content: url(img/ico-plus.png);
      width: 17px;
      height: 17px;
      margin-right: 8px;
      position: relative;
      top: 3px; }

.aseguradoras .add-new .field {
  width: 209px; }
.aseguradoras .add-new .address {
  width: 442px; }
.aseguradoras .submit-2 {
  position: relative;
  top: 22px;
  right: 21px; }
.aseguradoras table td:first-child {
  font-weight: bold; }
.aseguradoras table td:nth-child(4) {
  text-align: center; }

.clientes .search-form input[type="text"] {
  width: 275px;
  border-radius: 0;
  height: 30px;
  font-size: 1.4rem; }
.clientes .submit-query {
  width: 17px;
  height: 18px;
  border: 0 none;
  background: url(img/ico-search.png) no-repeat;
  text-indent: -99999px;
  padding: 0;
  position: relative;
  top: 9px;
  left: -31px;
  margin: 0; }

.reportes h2 {
  margin-bottom: 0; }
.reportes .sub-title {
  font-size: 1.3rem;
  color: #656565;
  margin-bottom: 30px; }
.reportes .submit-2 {
  margin-top: 20px; }
.reportes td:first-child {
  padding: 15px 0 20px; }
.reportes .bolder {
  font-weight: bold; }
.reportes .folio-fecha {
  background-color: #eee;
  padding: 0 10px;
  margin-bottom: 10px; }
.reportes .transporte {
  margin-bottom: 7px; }
.reportes select {
  font-size: 1.3rem;
  padding: 0;
  padding-left: 7px; }
.reportes .add-new form {
  width: 100%; }
.reportes .add-new .field {
  width: 165px; }
.reportes .add-new .submit-2 {
  margin-top: 21px;
  width: 176px; }
.reportes .add-new label {
  font-weight: bold; }
.reportes .totals td {
  text-align: right;
  padding: 0; }

table.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px 0; }
  table.table th {
    width: 100%;
    background-color: #4F349F;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 10px;
    width: initial; }
    table.table th a {
      color: #fff;
      text-decoration: none; }
  table.table td {
    padding-left: 10px;
    font-size: 1.3rem;
    color: #656565; }
  table.table th.actions {
    text-align: center;
    width: 200px; }
  table.table td.actions {
    font-size: 1.2rem; }
    table.table td.actions a {
      color: #545454; }
    table.table td.actions .edit {
      border-right: 1px solid #545454;
      padding-right: 8px;
      margin-right: 5px; }
      table.table td.actions .edit:before {
        content: url(img/ico-edit.png);
        width: 10px;
        height: 13px;
        margin-right: 4px;
        position: relative;
        top: 3px; }
    table.table td.actions .delete:before {
      content: url(img/ico-delete.png);
      width: 8px;
      height: 8px;
      margin-right: 3px; }
    table.table td.actions > div {
      width: 120px;
      margin: 0 auto; }
  .users table.table td:nth-child(2) {
    text-align: center; }
  table.table .center {
    text-align: center; }

input.submit-2 {
  border: 0 none;
  line-height: 1em;
  background-color: #DF6317;
  font-size: 1.6rem;
  color: #fff;
  width: 200px;
  height: 30px;
  float: right; }
  input.submit-2:hover {
    color: #fff; }

.i-text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .i-text.invalid {
    border-color: rgba(230, 20, 20, 0.4);
    box-shadow: 0 0 3px rgba(230, 20, 20, 0.6);
    outline: 0 none; }
    .i-text.invalid:focus {
      border-color: rgba(230, 20, 20, 0.4); }

.usercheck {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

a.download-pdf {
  background-color: #4f349f;
  text-decoration: none;
  width: 175px;
  height: 50px;
  margin: 0 auto;
  color: #fff;
  display: block;
  border-radius: 5px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 20px; }
  a.download-pdf img {
    width: 30px;
    margin-right: 8px;
    position: relative;
    top: 8px; }

a.export-csv {
  background-color: #17aa56;
  text-decoration: none;
  width: 160px;
  height: 45px;
  color: #fff;
  display: block;
  border-radius: 5px;
  font-family: Helvetica, sans-serif;
  float: right;
  font-weight: bold;
  /*font-size: 1.6rem;*/
  text-align: center;
  line-height: 2.9em;
  margin-bottom: 2.5rem;
  margin-right: 17px; }
  a.export-csv svg {
    position: relative;
    top: 7px;
    margin-right: 5px;
    fill: #fff;
    width: 25px; }
  a.export-csv.disabled {
    opacity: .6; }

/* Media Queries
------------------------------------------ */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */

/*# sourceMappingURL=style.css.map */