html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.addMarginTop {
    margin-top: 10px;
}

.addMarginTop1 {
    margin-top: 20px;
}

.addMarginTop2 {
    margin-top: 40px;
}

.addMarginBottom1 {
    margin-bottom: 20px;
}

.colorBorder {
    border:1px solid;
    border-color:rosybrown;
}

.rcorners3 {
    border-radius: 25px;
    background: url('https://www.w3schools.com/css/paper.gif');
    background-position: left top;
    background-repeat: repeat;
    padding: 30px;
    width: 400px;
    /*height: 200px;*/
}

.parentInline {
    background: mediumpurple;
    padding: 1rem;
}

.childInline {
    border: 1px solid indigo;
    padding: 1rem;
}

.float-left-child {
    float: left;
}

.inline-block-child {
    display: inline-block;
}

.paperBackground {
    background: url('https://www.w3schools.com/css/paper.gif');
}

.fontBold {
    font-weight:bold;
}

.fontLarge {
    font-size:20px;
}

.buttonRound {
    border-radius: 60%;
}

.btnRound1 {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid;
}

.imgAddBtn {
    height:40px;
    width:40px;
}

.imgAddBtn1 {
    background: url("../round-add-button-svgrepo-com.svg") no-repeat scroll 0 0 transparent;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    height: 40px;
    padding-bottom: 0px;
    width: 40px;
}

.imgAddBtnSmaller {
    background: url("../round-add-button-svgrepo-com.svg") no-repeat scroll 0 0 transparent;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    padding-bottom: 0px;
    width: 30px;
}

.imgAddBtnSmaller1 {
    height: 30px;
    width: 30px;
}

.elementContainer {
    overflow: auto;
    white-space: nowrap;
}

.divInlineBlock {
    display:inline-block;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-me {
    margin: 0 auto;
}

.container1 {
    /*height: 80px;*/
    position: relative;
    border: 0px solid green;
}

.vertical-center1 {
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 3px solid green;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border: 3px solid green;
}

.addMarginLeft {
    margin-left:10px;
}

.addMarginLeft2 {
    margin-left:30px;
}

.addMarginLeft3 {
    margin-left: 50px;
}