@import url(//fonts.googleapis.com/css?family=Play);
nav {
    font-size: 1em;
    padding: 2px 0 0 15px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    color: white;
    text-shadow: 0 1px 0 black;
    margin: 0 auto;
    text-align: left;
}

nav ul {
    display: inline-block;
    padding: 10px;
}

nav a {
    text-decoration: none;
}

body {
    font-family: 'Play', sans-serif;
    font-size: 0.9em;
    background: #f1f1f1;
    margin-top: 1%;
    margin-left: 5%;
    margin-right: 5%;
}

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Play', sans-serif;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f1f1f1;
    margin-top: 1px;
}

input,
button,
select,
textarea {
    font-family: 'Play', sans-serif;
    color: #185A8C;
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
    width: 100%;
    float: left;
}

.flex-container>* {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
}

.icon {
    background-image: url('../img/icone_webnex.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    position: relative;
    float: left;
    margin: 4px auto;
}

.icon-success {
    background-image: url('../img/icone_webnex.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    position: relative;
    float: left;
    margin: 0.7em auto;
}

.barra-titulo {
    font-size: 1em;
    line-height: 30px;
    padding: 2px 0 0 15px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    color: white;
    text-shadow: 0 1px 0 black;
    margin: 0 auto;
    text-align: left;
    background: -webkit-linear-gradient(top, #0185c8 0%, #0185c8 0%, #185A8C 100%);
    background: linear-gradient(to bottom, #0185c8 0%, #0185c8 0%, #185A8C 100%);
}

.ui-title-danger {
    line-height: 2.8em;
    background: -webkit-linear-gradient(top, #c76d68 0%, #de6862 0%, #b5342d 100%);
    background: linear-gradient(to bottom, #c76d68 0%, #de6862 0%, #b5342d 100%);
}

.ui-title-success {
    line-height: 2.8em;
    background: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 0%, #398439 100%);
    background: linear-gradient(to bottom, #5cb85c 0%, #449d44 0%, #398439 100%);
}

.ui-title-warn {
    line-height: 2.8em;
    background: -webkit-linear-gradient(top, #f0ad4e 0%, #f0ad4e 0%, #d58512 100%);
    background: linear-gradient(to bottom, #f0ad4e 0%, #f0ad4e 0%, #d58512 100%);
}

.ui-title-primary {
    line-height: 2.8em;
    background: -webkit-linear-gradient(top, #0185c8 0%, #0185c8 0%, #185A8C 100%);
    background: linear-gradient(to bottom, #0185c8 0%, #0185c8 0%, #185A8C 100%);
}

.truncate {
    width: 82%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}