﻿.nomecliente {
    padding: 5px;
    padding-left: 10px;
    color: #808080;
    width: 300px;
    background-color: #f7f5f5;
    border: 0px solid #d9d7d7;
    font-size: 20px;
}

.inputform-xs {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    width: 22%;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    margin-right: 3px;
}

.inputform-sm {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    width: 33%;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    margin-right: 3px;
}

.inputform-md {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    width: 64%;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    margin-right: 3px;
}

.inputform-lg {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    width: 67%;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    margin-right: 3px;
}

.inputform-xg {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    width: 95%;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    margin-right: 3px;
}

.inputform-topo {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
}

.transp {
    background-color: white;
    border: 0;
}

.input-normal {
    padding: 6px;
    padding-left: 10px;
    color: #808080;
    background-color: #f7f5f5;
    border: 1px solid #d9d7d7;
    margin-top: 3px;
    width: 80%;
}

.activitylist2 {
    list-style: none;
    margin: 0;
}

.activitylist2 li {
        display: block;
        padding: 0;
        margin: 10px 0 0 -10px;
}

.activitylist2 li h3 {
        font-family: 'yanone_kaffeesatzregular';
        text-transform: uppercase;
        border-bottom: 1px solid #eee;
        padding-bottom: 6px;
}

.container-end {
  display: flex;
  width: 85%;
}
.container-end > div {
  flex: 1; /*grow*/
}

.container-docs {
  display: flex;
  width: 90%;
}
.container-end > div {
  flex: 1; /*grow*/
}

.tabs ul li { background-color: black;}

@media screen and (max-width: 1024px) {
    .content {
        padding: 8px;
    }
}
