*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pagewidth {
  display: block;
  margin: auto;
  padding: 0 1rem; }

.clearfix {
  display: block;
  content: '';
  clear: both; }

body {
  font-size: 16px;
  font-family: Arial, Tahoma, sans-serif;
  background: #f0f0f0; }
  body .btn {
    border-radius: 5px;
    box-shadow: 0 0 .5px 0 silver;
    cursor: pointer;
    text-transform: uppercase;
    transition: .1s; }
    body .btn:hover {
      transition: .3s;
      box-shadow: 1px 1px 1px 1px silver; }
  body .btn-primary {
    background-color: #2196f3; }
  body .btn-danger {
    background-color: #f44336; }
  body .btn-success {
    background-color: #4caf50; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

a {
  color: #69b;
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: underline;
    color: #369; }

.swph {
  background: #fff;
  box-shadow: 0 2px 15px 3px #ddd; }
  .swph .swph-topbar {
    background: #e7e7e7;
    line-height: 30px;
    text-align: right; }
    .swph .swph-topbar .swph-topbar-user {
      cursor: pointer;
      position: relative;
      display: inline-block; }
      .swph .swph-topbar .swph-topbar-user:hover .swph-topbar-user-hover, .swph .swph-topbar .swph-topbar-user:focus .swph-topbar-user-hover {
        display: block; }
      .swph .swph-topbar .swph-topbar-user .swph-topbar-user-label {
        font-size: 13px;
        padding: 0 10px; }
      .swph .swph-topbar .swph-topbar-user .swph-topbar-user-hover {
        display: none;
        width: 200px;
        position: absolute;
        top: 28px;
        right: 0;
        background: #fff;
        z-index: 99;
        font-size: 13px;
        box-shadow: 0 0 10px 3px #ddd; }
        .swph .swph-topbar .swph-topbar-user .swph-topbar-user-hover a {
          display: block;
          text-decoration: none;
          color: inherit;
          padding: .4rem 1rem;
          border-bottom: 1px solid #e7e7e7; }
          .swph .swph-topbar .swph-topbar-user .swph-topbar-user-hover a:hover, .swph .swph-topbar .swph-topbar-user .swph-topbar-user-hover a:focus {
            background: #eef; }
      .swph .swph-topbar .swph-topbar-user .display-block {
        display: block !important; }
      .swph .swph-topbar .swph-topbar-user::selection {
        background: transparent; }
  .swph .swph-mainmenu {
    text-align: right; }
    .swph .swph-mainmenu .swph-mainmenu-logo {
      margin-top: -30px;
      width: 135px;
      height: 100px;
      display: block;
      float: left;
      background-position: center left;
      background-size: contain;
      background-repeat: no-repeat;
      text-decoration: none; }
    .swph .swph-mainmenu .swph-mainmenu-links {
      padding: 15px 0;
      line-height: 40px; }
      .swph .swph-mainmenu .swph-mainmenu-links > a {
        display: inline-block;
        padding: 0 .8rem;
        color: #333;
        text-decoration: none;
        font-size: 18px; }
        .swph .swph-mainmenu .swph-mainmenu-links > a.active, .swph .swph-mainmenu .swph-mainmenu-links > a:hover, .swph .swph-mainmenu .swph-mainmenu-links > a:focus {
          color: #69f; }
  .swph .swph-bottommenu {
    text-align: center;
    background: #eee; }
    .swph .swph-bottommenu a {
      padding: .5rem 1rem;
      display: inline-block;
      color: #000;
      font-size: 13px;
      text-transform: uppercase;
      text-decoration: none;
      min-width: 150px; }
      .swph .swph-bottommenu a.active, .swph .swph-bottommenu a:hover, .swph .swph-bottommenu a:focus {
        background: #69f;
        color: #fff; }

.content-wrapper {
  display: block;
  margin: auto;
  padding: 0 1rem;
  max-width: 1000px; }

.content-header {
  line-height: 3rem;
  margin-bottom: 1rem; }
  .content-header .content-title {
    font-size: 15px;
    text-transform: uppercase; }

.sitefooter {
  background: #f7f7f7;
  background: linear-gradient(#f7f7f7, #eee);
  padding: 30px;
  margin: 0;
  margin-top: 30px;
  box-shadow: 0 -1px 4px 1px #aaaaaa; }
  .sitefooter .sitefooter-apps {
    margin-bottom: 20px; }
    .sitefooter .sitefooter-apps .row {
      display: flex; }
      .sitefooter .sitefooter-apps .row > div {
        flex: 1; }
    .sitefooter .sitefooter-apps h3 {
      display: block;
      margin: 0;
      padding: 0;
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: bold; }
    .sitefooter .sitefooter-apps ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .sitefooter .sitefooter-apps ul > li {
        margin-bottom: 10px; }
    .sitefooter .sitefooter-apps .sitefooter-logo {
      width: 90px;
      margin-bottom: 15px; }

.sigmaweb-vuejs .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  font-size: 13px;
  line-height: 2rem;
  border-radius: 2px;
  border: none;
  transition: all .15s ease-in-out;
  cursor: pointer; }
.sigmaweb-vuejs .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
.sigmaweb-vuejs .btn-primary {
  color: #fff;
  background-color: dodgerblue;
  border-color: blue; }
.sigmaweb-vuejs .form-group {
  margin: .5rem 0;
  padding: 0 .3rem; }
  .sigmaweb-vuejs .form-group .labelInside span {
    position: absolute;
    padding: .5rem 0 0 .5rem;
    opacity: .5; }
.sigmaweb-vuejs .form-control {
  font-family: Arial, Tahoma, sans-serif;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.loading-page {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding-top: 1rem; }
  .loading-page img {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*# sourceMappingURL=layout.css.map */
/* @override bootstrap when has overflow inside list items */
.list-group-item { display: flow-root; }