@media screen and (min-width: 992px) {
  .content-margin {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
  .content-padding {
    padding-left: 20% !important;
    padding-right: 20% !important;
    padding-top: 10% !important;
  }
}

html, body {
    margin: 0;
}

img.img-100 {
	width: 100%
}

.berni {
	/*width: 300px;*/
	height: 300px;
    margin-bottom: 30px;
}

.buttons .btn{
    margin-right: 5px;
    min-width: 120px;
}

.zoomable {
  transition: transform .2s;
}
.zoomable:hover {
  transform: scale(1.02);
}

.footer  a {
    text-decoration: none;
    color: white;
}

.puntero{
	cursor:pointer;
}

.title{
	padding: 0;
	margin: 0;
	color: white;
}

.add-button {
    border-radius: 15px 15px 0px 0px !important;
    height: 45px !important;
    width: 120px;
    position: fixed !important;
    right: 5px !important;
    bottom: 0px !important;
    z-index: 10;
}

.add-button-center {
    border-radius: 15px 15px 0px 0px !important;
    height: 45px !important;
    width: 120px;
    position: fixed !important;
    right: 130px !important;
    bottom: 0px !important;
    z-index: 10;
}

.panel-wrap{
	margin: 0 !important;
    width: 300px;
    position: fixed !important;
    right: 5px !important;
    top: 80px !important;
    padding: 0 !important;
    z-index: 10;
}

.panel-content{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 350px;
	overflow-y: scroll;
}

.panel-content body{
	margin: 0px !important;
	padding: 0px !important;

}
.panel-txtBox{
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 20px;
	border: 2px solid gray;
	
}

.panel-close{
	height: 10px !important;
	width: 10px !important;
	margin-bottom: 10px;
	background: transparent;
	cursor: pointer;
}

.panel-guardar{
/* 	margin: 0 !important; */
/* 	padding: 0 !important; */
}

.nota{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	border: 2px solid gray;
	margin-bottom: 5px !important;
}