body{
    background-color: #B0C4DE;
    max-height: 768px;
}

a{
    color:#000;
}
hr {
    margin-top: -10px !important;
}
thead{
    background-color: #87CEFA;
}
.dropdown-menu{
    background-color: #3499fb;
}
.content{
    max-width: 900px;
    max-height: 768px;
    overflow-y: scroll;
   /* background-color: seashell*/
}
.navbar{
    padding: .03rem 1rem;
}
.form-group {
    margin-bottom: 0.2rem;
    padding-left: 5px;
    padding-right: 5px;
}
.form-control{
    height: calc(1.75rem + 2px);
    padding: 0.175rem 0.05rem;
}
.header{
   padding-top: 1px;
}

.logo{
    padding: 1px;
}
.logo img{
    max-height: 75px;
}

.usuario{
    padding-right: 10px;
    padding-top: 1px;
    font-weight: bold;
    text-align: right;
}

.footer {
    position: fixed;
    bottom:1px;
    left:0px;
    width: 100%;
    text-align: center;    
}
.home{   
    height: 82vh;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.table td, .table th {
    padding: 0.15rem;
    font-size: 0.8rem;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .05rem .5rem;
    font-weight: bold;
    margin-bottom: 1px;
}

.msg{
  font-weight: bold;
  text-align: center;
}
.msg-success{
  color: blue;
}
.msg-error{
  color: red;
}
.wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 400px;
	margin: 50vh auto 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

label {
    display: inline-block;
    margin-bottom: .1rem;
}

.my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}
.table-wrapper-scroll-y {
    display: block;
}