/******   List  ******/

/* dark */

.list-group-item-dark {

  color: #FFFFFF;

  background-color: #000000;

}

a.list-group-item-dark {

  color: #FFFFFF;

}

a.list-group-item-dark .list-group-item-heading {

  color: inherit;

}

a.list-group-item-dark:hover,

a.list-group-item-dark:focus {

  color: #FFFFFF;

  background-color: #111111;

}

a.list-group-item-dark.active,

a.list-group-item-dark.active:hover,

a.list-group-item-dark.active:focus {

  color: #fff;

  background-color: #FFFFFF;

  border-color: #FFFFFF;

}

/* white */

.list-group-item-white {

  color: #000000;

  background-color: #FFFFFF;

}

a.list-group-item-white {

  color: #000000;

}

a.list-group-item-white .list-group-item-heading {

  color: inherit;

}

a.list-group-item-white:hover,

a.list-group-item-white:focus {

  color: #000000;

  background-color: #333333;

}

a.list-group-item-white.active,

a.list-group-item-white.active:hover,

a.list-group-item-white.active:focus {

  color: #000;

  background-color: #000000;

  border-color: #000000;

}

/*****  Text ******/

/* dark */

.text-dark {

  color: #111111;

}

a.text-dark:hover {

  color: #111114;

}

/* white */

.text-white {

  color: #FFFFFF;

}

a.text-white:hover {

  color: #FFFFEF;

}

/***** Panel ******/

/* dark */

.panel-dark {

  border-color: #111111;

}

.panel-dark > .panel-heading {

  color: #FFFFFF;

  background-color: #000000;

  border-color: #111111;

}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #111111;

}

.panel-dark > .panel-heading .badge {

  color: #000000;

  background-color: #FFFFFF;

}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #111111;

}

/* white */

.panel-white {

  border-color: #FFFFFE;

}

.panel-white > .panel-heading {

  color: #000000;

  background-color: #FFFFFF;

  border-color: #FFFFFE;

}

.panel-white > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #FFFFFE;

}

.panel-white > .panel-heading .badge {

  color: #FFFFFF;

  background-color: #000000;

}

.panel-white > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #FFFFFE;

}

/*** Label *****/

/* dark */

.label-dark {

  background-color: #000000;

}

.label-dark[href]:hover,

.label-dark[href]:focus {

  background-color: #111114;

}

/* white */

.label-white {

  background-color: #FFFFFF;

  color: #000000;

}

.label-white[href]:hover,

.label-white[href]:focus {

  background-color: #111111;

}

/**** Background ******/

.bg-success {

  background-color:#DFF0D8;	

}

.bg-info {

  background-color:#D9EDF7;

}

.bg-warning {

  background-color:#FCF8E3;

}

.bg-danger {

  background-color:#F2DEDE;	

}

.bg-dark {

  background-color:#000000;

}

.bg-white {

  background-color:#FFFFFF;

}

.float-left {

	float:left;

}

.float-right {

	float:right;

}

.float-none {

	float:none;

}

/***** analog *******/

.counter-ecl-js {

  width: auto;

  overflow: hidden;

}

.ecl-layer-1 {

  position: relative;

  overflow:hidden; 	

  

  margin: auto;

  width: auto;

  height: auto;

  

  /*border-width:1px;

  border-color:#000000;

  border-style:solid;*/

}

.ecl-layer-2 {

  overflow:hidden;

  display:inline-block;

  margin: 0% auto; 

  position: relative;



  text-align:center;

  

  /*border-width:1px;

  border-color:#1AD280;

  border-style:solid;*/

}

.ecl-layer-digit {

  position: absolute;

  /*top: 0%;*/

  left: 0%;

  margin: 0% auto;

    

  /*border-width:1px;

  border-color:#FF0000;

  border-style:solid;*/

}

.ecl-layer-digit-bottom {

  position: absolute;

  top: 100%;

  left: 0%;

  margin: 0% auto;

  

}

.ecl-layer-hidden-text {

  display:inline-block;	

  

  /*border-width:1px;

  border-color:#FF0000;

  border-style:solid;*/

}

/***** 3d ******/

.ecl-layer-3-highlight, .ecl-layer-3-lowlight {

  position: absolute;

  opacity: 0.25;

  filter: alpha(opacity=25);

  width: 100%;

  left:0%;

  margin: 0%;

}



.ecl-layer-3-highlight {

  background: white;

}



.ecl-layer-3-lowlight {

  background: black;

}



.ecl-layer-3-sidehighlight, .ecl-layer-3-sidelowlight {

  position: absolute;

  opacity: 0.50;

  filter: alpha(opacity=50);

  height: 100%;

  top: 0px;

  margin: 0%;

}



.ecl-layer-3-sidehighlight {

  background: white;

}



.ecl-layer-3-sidelowlight {

  background: black;

}



.ecl-layer-3-highlight-1 { top: 20%; height: 32%; }

.ecl-layer-3-highlight-2 { top: 27.5%; height: 16%; }

.ecl-layer-3-highlight-3 { top: 32.5%; height: 6%; }

.ecl-layer-3-highlight-4 { right: 0%; width: 6%; }

.ecl-layer-3-highlight-5 { left: 0%; width: 4%; }

.ecl-layer-3-highlight-6 { top: 0%; height: 14%; }

.ecl-layer-3-highlight-7 { bottom: 0%; height: 25%; }

.ecl-layer-3-highlight-8 { bottom: 0%; height: 8%; }

/** message **/

.position-bottom {

  position:fixed;

  bottom: 5px;

  left: 5%;

  width: 90%;

  height: auto;

  border-top: 2px solid #707070;

  border-right: 2px solid #707070;

  text-align: center;

  display: none;

  border-radius: 10px;

}

.position-top {

  position:fixed;

  top: 5px;

  left: 5%;

  width: 90%;

  height: auto;

  border-bottom: 2px solid #707070;

  border-left: 2px solid #707070;

  text-align: center;

  display: none;

  border-radius: 10px;

}

.position-top, .position-bottom {

	z-index: 100000;

}