.collection{
 background-color: white !important;
}

.mc-icon-32{
  image-rendering: pixelated !important;
}

#noMargin{
 margin: 0px !important;
 padding: 0px !important;
}

.content{
  margin-right: 15%;
  margin-left: 15%;
}

#navBar{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#mainRow{
  margin-bottom: 0px;
}

#list{
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.brand-logo{
  margin-left: 2%;
}

.cursor{
  cursor: pointer;
}

.marginForm{
  margin-top: 2%;
}

.inputFieldsCard{
  display: block;
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 7px;
  margin-bottom: 14px;
}


.browser-default{
  border-radius: 8px !important;
}

.itemLabel{
  font-size: 20px;
  font-weight: bold;
  vertical-align: super;
  margin-left: 10px;
}


/*MODAL*/

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99998;
    opacity:0;
    transition: opacity 200ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 40%;
    position: relative;
    margin: 10% auto;
    margin-top: 2%;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    background: #fff;
}

.modalHeader {
  display: inline;
  font-size: 3vw;
}
.modalContent{
  margin: 5%;
  margin-left: 10%;
  margin-right: 10%;

}

.modalText{
  margin: 0px;
  font-size: 20px;
}

.longText{
  display: block;
  background-color: rgba(40, 40, 40, 0.02);
  border-radius: 4px;
  border-style: solid;
  border-color: rgba(40, 40, 40, 5);
  border-width: 1px;
  font-size: 15px;
  padding: 10px;
}