/*------------------------------- BODY -------------------------------*/

/*------------------------------- PAGE, CONTAINER, CHAPTER -------------------------------*/
body{
  background-color:transparent;
}
.page-title{
  width:100%;
  text-align:center;
  font-size:24px;
  font-family:"arial";
  font-weight:900;
}
.page{
  top:0;
  border:none;
  box-shadow:none;
  left:0px;
  width: 100%;
  padding: 1%;
  min-height:90%;
  margin-top:0px;
  background-color:transparent;
}
.container, .subcontainer{
  top:0;
  margin-top:0;
  border:none;
}
.chapter{
  margin:auto;
  width: 94%;
  padding:1%;
  min-height: 100px;
  border:none;
}
/*------------------------------- AUTO RESIZE TEXTAREA, PARAGRAPH -------------------------------*/
.para{
  display:grid;
  border:none;
}
.input{
  border:none;
}
.para::after{
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.para > textarea{
  resize:none;
  overflow: hidden;
}
.para > textarea:focus{
  outline:none !important;
}
.para > textarea, .para::after{
  width: 100%;
  padding:0%;
  min-height:0px;
  grid-area: 1 / 1 / 2 / 2;
}
.minh{
  min-height:300px !important;
}
/*------------------------------- TITLES AND SUBTITLES (ON PAGE) -------------------------------*/
.title, .subtitle{
  font-size:20px;
  color:red;
}
.template{
  width: 70%;
  font-style: italic;
}
.tag{
  width: 25%;
  font-style: italic;
  font-size:11px !important;
  color:grey !important;
  text-align: right !important;
}

/*------------------------------- BARS (ON PAGE) ON HOVER -------------------------------*/
.bar{
  display:none;
}
.subbar{
  display:none;
}
.plus, .subplus{
  display:none;
}
/*------------------------------- MENUS (ON PAGE) -------------------------------*/
.menu, .submenu{
  position:absolute;
  margin:auto;
  height: auto;
  background-color: rgba(250, 250, 250, 0.6);
  box-shadow: 0px 10px 10px 10px rgba(250, 250, 250, 0.6);
 }
.menu{
  display:none;
}
 .submenu{
  display:none;
 }
.new, .subnew{
  display:none;
}
/*------------------------------- TEXTS -------------------------------*/
.title{
  font-size:24px;
  font-weight:700;
  font-family:"arial";
  color:black;
}
.subtitle{
  font-size:12px;
  font-weight:700;
  font-family:"arial";
  color:black;
}
.text, .para{
  font-size:12px;
  font-weight:200;
  font-family:"arial";
  text-align: justify;
  color:black;
}
.new, .subnew{
  text-align:center;
  font-size:12px;
  font-weight:200;
  font-family:"arial";
  color:black;
}
.plus, .subplus{
  font-size:12px;
  font-family:"arial";
  font-weight:700;
  color:transparent;
}
.header{
  font-size:15px;
  font-weight:400;
  font-family:"arial";
  color:black;
}
.footer{
  font-size:15px;
  font-weight:400;
  font-family:"arial";
  color:black;
}
.small{
  font-size:12px;
  line-height:12px;
  font-style:italic;
  color:black;
}
.tooltipleft, .tooltipright, .tooltipelement{
  font-size:12px;
  font-weight:400;
  font-family:"arial";
  line-height: 12px;
  color:black;
}
.tooltipoptions{
  font-size:12px;
  font-weight:400;
  font-family:"arial";
  line-height: 12px;
  color:white;
}
/*------------------------------- OPTIONS MENU -------------------------------*/
.fa{
  display:none;
}

.buttons{
  display:none;
}
.hide{
  display:none !important;
  visbility:hidden !important;
}

/*------------------------------- NAVBAR -------------------------------*/
.footer{
  display:none;
}
.footnav{
  display:none;
}
.tiny{
  height:12px;
  line-height:12px;
  font-size:12px;
  margin-right:0px;
  
}
.header{
  display:none;
}
.nav{
  display:block;
  margin:5px;
  padding:5px;
  height: 30px;
  line-height: 30px;
  float:left;
}
/*------------------------------- SCROLLBAR -------------------------------*/
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #878051; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fef08f; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #878051; 
}
/*------------------------------- TOOLTIP NAVBAR -------------------------------*/

div.tooltipleft{
  display:none;
}
div.tooltipright{
  display:none;
}

/*------------------------------- TOOLTIP OPTIONS MENU -------------------------------*/
div.tooltipoptions{
  display:none;
}


/*------------------------------- CUSTUM ALERT BOX -------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

/* ---------------Animation---------------- */

.slit-in-vertical {
  -webkit-animation: slit-in-vertical 0.45s ease-out both;
          animation: slit-in-vertical 0.45s ease-out both;
}

@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
}
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
}

/*---------------#region Alert--------------- */

#dialogoverlay{
  display:none;
}

#dialogbox{
  display:none;
}
table{
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
.download{
  display:none;
}
.download-label{
  display:none;
}
.fa-file-word-o{

}
.fa-file-o{

}
.fa-file-pdf-o{

}
.fa-external-link{
  display:none;
}
th{
  display:none;
}
tr{
  display:none;
}
td{
  text-align:left;
}
@media screen and (min-width:400px){
  #dialogbox{
    width: 100%;
  }
}
@media screen and (min-width:800px){
  #dialogbox{
    width: 80%;
  }
}
@media screen and (min-width:1200px){
  #dialogbox{
    width: 60%;
  }
}
@media screen and (min-width:1600px){
  #dialogbox{
    width: 40%;
  }
}

/*#dialogbox:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.911);
}*/

.pure-material-button-contained {
  display:none;
}


/*------------------------------- FIELD BOX -------------------------------*/
.floating{
  display:none;
}
.elements{
  display:none;

}
.mainbutton{
  display:none;
}
button.pure-material-button-contained.active.norm{
  display:none;
}