body {
   font-family: 'Open Sans', sans-serif;
}

* {
   transition: 0.2s;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

a {
   text-decoration: none;
}

button {
   cursor: pointer;
}

.none {
   display: none !important;
}

.button {
   width: auto;
   height: auto;
   padding: 3px 12px;
   border-radius: 5px;
   color: rgb(29, 138, 211);
   font-size: 16px;
   display: table;
   border: 1px solid rgb(29, 138, 211);
}

.button:hover {
   background: rgb(29, 138, 211);
   color: #fff;
}

.wrapper {
   width: 100%;
   padding: 0px 30px;
   min-width: 1400px;
   height: auto;
   display: table;
   margin: 0 auto;
}

header {
   width: 100%;
   height: auto;
   display: table;
   background: rgb(29, 138, 211);
   border-radius: 0px 0px 15px 15px;
}

header h1 {
   color: #fff;
   margin: 30px 0;
}

nav.wrapper {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 30px;
}

nav.wrapper a {
   font-size: 18px;
   margin-right: 30px;
   color: #000;
}

nav.wrapper a:hover,
nav.wrapper a.active {
   color: rgb(29, 138, 211);
}


#conteiner {
   margin: 30px auto;
}

#loginForm {
   width: 400px;
   height: auto;
   display: table;
   margin: 0 auto;
   border: 1px solid #000;
   border-radius: 15px;
   padding: 30px;
}

#loginForm input {
   width: 100%;
   height: 50px;
   border: 0;
   outline: none;
   border: 1px solid rgb(29, 138, 211);
   color: rgb(29, 138, 211);
   padding-left: 15px;
   margin-bottom: 15px;
   font-size: 20px;
}

#loginForm input:last-child {
   margin-bottom: 0px;
}

#loginForm button {
   width: auto;
   height: auto;
   display: table;
   margin: 15px auto 0;
   background: rgb(29, 138, 211);
   color: #fff;
   font-size: 20px;
   padding: 15px 45px;
   border: 0;
}

#loginForm button:hover {
   background: rgb(22, 108, 165);
}

.section {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 30px;
}

.topbar {
   width: 100%;
   height: auto;
   padding: 15px;
   background: #ececec;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.topbar h2 {
   font-size: 18px;
   color: rgb(29, 138, 211);
}

.topbar a {
   padding: 5px 15px;
   border: 1px solid rgb(29, 138, 211);
   color: rgb(29, 138, 211);
   font-size: 18px;
}

.content {
   width: 100%;
   height: auto;
   padding: 15px;
   background: #fcfcfc;
}

.section.hide .content {
   display: none;
}

.section:not(.hide) .topbar a {
   background: rgb(29, 138, 211);
   color: #fff;
}

.content form {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}

.content .input {
   width: 49%;
   height: auto;
   display: table;
   margin-bottom: 15px;
}

.content .input label {
   width: 100%;
   font-size: 15px;
   color: rgb(29, 138, 211);
   display: block;
   padding-bottom: 0px;
}

.content .input input,
.content .input select {
   width: 100%;
   height: 40px;
   border: 0;
   outline: none;
   padding-left: 10px;
   background: rgba(0,0,0,0);
   border-bottom: 3px solid rgb(29, 138, 211);
   font-size: 20px;
   color: rgb(29, 138, 211);
}

.content .input select {
   width: 100%;
   height: 40px;
   border: 0;
   outline: none;
   padding-left: 10px;
   background: rgba(0,0,0,0);
   border-bottom: 3px solid rgb(29, 138, 211);
   font-size: 20px;
   color: rgb(29, 138, 211);
}

.content button {
   width: auto;
   height: auto;
   display: table;
   margin: 15px auto 0;
   background: rgb(29, 138, 211);
   color: #fff;
   font-size: 20px;
   padding: 15px 45px;
   border: 0;
}

.content button:hover {
   background: rgb(22, 108, 165);
}

.content table {
   width: 100%;
   border-radius: 5px;
   outline: none;
}

.content table td {
   padding: 5px;
}

.content table thead {
   background: rgb(29, 138, 211);
   color: #fff;
}

.content table .button {
   margin-top: 5px;
   float: right;
}

.content table tr:nth-child(2n) {
   background: #f2f2f2;
}

.content table .edit {
   padding: 5px 0;
   width: 100%;
   text-align: center;
   display: table;
   color: rgb(29, 138, 211);
}

.content table .edit:hover {
   color: rgb(22, 108, 165);
}