html {
  font-size: 14px;
}

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

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

/*body {
    -moz-transform: scale(0.98,0.98);*/  /*Moz-browsers */
    /*zoom: 0.98;*/  /*Other non-webkit browsers */
    /*zoom: 98%;*/  /*Webkit browsers */
/*}*/

.render-body-content{
    margin:3%;
}

.header-page-text{
    margin-bottom:2%;
}

.body-page-content {
    -moz-transform: scale(0.95,0.95); /* Moz-browsers */
    zoom: 0.95; /* Other non-webkit browsers */
    zoom: 95%; /* Webkit browsers */
}

.all-icons .font-icon-detail {
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 0.1875rem;
    margin: 15px 0;
    min-height: 200px;
}

.all-icons .font-icon-detail p {
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: black;
    padding: 0 10px;
    font-size: 1em;
}

.all-icons .font-icon-list .font-icon-detail i {
    font-size: 50px;
}

.all-icons .font-icon-detail-long {
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 0.1875rem;
    margin: 15px 0;
    min-height: 200px;
}

.all-icons .font-icon-detail-long p {
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: black;
    padding: 0 10px;
    font-size: 1em;
}

.all-icons .font-icon-list-long .font-icon-detail-long i {
    font-size: 50px;
}

#embedded-tableau {
    width:100%;
    margin:-3%;
    margin-bottom:2%;
}

.btn-primary-color {
    background-color: #a06cdc;
    color: white;
    border-color:transparent;
    cursor:pointer;
    min-width:120px;
}

.div-margin-top{
    margin-top:1%;
}

#embbedded-tableau {
    z-index: 99;
    /*-moz-transform: scale(0.80,0.80);*/ /* Moz-browsers */
    /*zoom: 0.80;*/ /* Other non-webkit browsers */
    /*zoom: 80%;*/ /* Webkit browsers */
}

.folder-title{
    font-size:1rem;
}