body {
/*  max-width: 560px;*/
  font-size: 14px;
  background: none;
  height: auto;
  width: 100%;
  overflow-x: hidden
}

h2 { font-size: 1.7rem; }

div[class*="col-"] {
    margin-bottom: 0;
}

hr { 
  height: 0px;
  border: none;
  border-top: 1px solid gray;
}

.inline { display: inline; }


.center { text-align: center; }

header {
  padding-bottom: 12px;
  border-bottom: 4px solid red;
}

.content {
    padding: 14px;
}

div.info {
    padding:20px;
    margin-bottom: 16px;
    border: 1px #3366cc solid;
    background: #eeeeee;
}


.w100 { width: 100%; }

.w100px{
  width: 100px !important;
}

.w150px{
  width: 150px !important;
}


.w200px{
  width: 200px !important;
}

.w300px{
  width: 300px !important;
}

.w400px{
  width: 400px !important;
}

.text-error {
  color: red;
}

.text-success {
  color: green;
}

.m-0 {
    margin: 0;
}

.bg-yellow {
    background-color: #ffff00;
}

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

.text-orange {
    color: #ff6633;
}

.p-5 {
    padding: 5px;
}

.mb-15 {
    margin-bottom: 15px;
}

.d-flex {
    display: flex;
}

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

.justify-center {
    justify-content: center;
}

.ml-10 {
    margin-left: 10px;
}