.running-text{
  position: fixed;
  width: 100%;
	margin-top:-10px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
	z-index: 15;
}

.style-black{
    background: #000000 !important;
    color: #fff !important;
}
.style-black:before{
    border-color: transparent transparent transparent #000000 !important;
}
.style-black span{
    float: right;
}
.style-black-circ{
    background: #000000 !important;
}

.style-brown{
    background: #823203 !important;
    color: #fff !important;
}
.style-brown:after{
    border-color: transparent transparent transparent #823203 !important;
}
.style-brown span{
    float: right;
}
.style-brown-circ{
    background: #823203 !important;
}

.style-blue{
    background: #007fbb !important;
    color: #fff !important;
}
.style-blue:after{
    border-color: transparent transparent transparent #007fbb !important;
}
.style-blue-circ{
    background: #007fbb !important;
}

.style-green{
    background: #4caf50 !important;
    color: #fff !important;
}
.style-green:after{
    border-color: transparent transparent transparent #4caf50 !important;
}
.style-green span{
    float: right;
}
.style-green-circ{
    background: #4caf50 !important;
}

.style-yellow{
    background: #ffcf00 !important;
    color: #fff !important;
}
.style-yellow:after{
    border-color: transparent transparent transparent #ffcf00 !important;
}
.style-yellow-circ{
    background: #ffcf00 !important;
}

.style-white{
    background: #E3E3E1 !important;
    color: #222 !important;
}
.style-white:after{
    border-color: transparent transparent transparent #E3E3E1 !important;
}
.style-white-circ{
    background: #E3E3E1 !important;
}

/*TREE*/
.tree_new { margin: 1em; }

.tree_new input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }

.tree_new input ~ ul { display: none; }

.tree_new input:checked ~ ul { display: block; }

.tree_new li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 1em;
  }

.tree_new ul li { padding: 1em 0 0 1em; }

.tree_new > li:last-child { padding-bottom: 0; }

.tree_label_new {
  position: relative;
  display: inline-block;
  background: #fff;
  }

label.tree_label_new { cursor: pointer; margin: 0;}

label.tree_label_new:hover { color: #222; }

label.tree_label_new:before {
  background: #03a9f3;
  color: #fff;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  content: '+';
  text-align: center;
  line-height: .9em;
  }

:checked ~ label.tree_label_new:before { content: '–'; }

.tree_new li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.55em;
  display: block;
  width: 0;
  border-left: 1px solid #777;
  content: "";
  }

.tree_label_new:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  border-bottom: 1px solid #777;
  border-left: 1px solid #777;
  border-radius: 0 0 0 .3em;
  content: '';
  }

label.tree_label_new:after { border-bottom: 0; }

:checked ~ label.tree_label_new:after {
  border-radius: 0 .3em 0 0;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto;
  }

.tree_new li:last-child:before {
  height: 1em;
  bottom: auto;
  }

.tree_new > li:last-child:before { display: none; }

.tree_custom_new {
  display: block;
  background: #eee;
  padding: 1em;
  border-radius: 0.3em;
}
.tree-ul-new, .tree-li-new {
    list-style: none;
    padding-left: 0;
}

.login-register-flex {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    padding: 2% 0;
}

.login-box-flex {
    width: 50%;
    margin: 0 auto;
}

.dot-red {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #e46a76;
    display: inline-block;
}

@media (max-width:768px){
	.running-text{
		margin-top: 65px;
	}

	.container-fluid{
		margin-top: 20px;
	}
}

.bg-rocket{
  background-image:url('http://sialfa.fisika.lipindonesia.com/img/rocket.jpg') !important;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
         -o-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
            transition: all 0.7s ease;
}

.bg-dashboard{
  background-image:url('../../../img/main-bg.png') !important;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
         -o-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
            transition: all 0.7s ease;
}