body {

}

h1 {

}
/* fadein for bootstrap alert*/
.fade {
  opacity: 0;

  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.fade.in {
  opacity: 1;
}


/**/
.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.fade.in .modal-dialog {
    transform: translate(0px, 0px);
}

/**/

.flyover {
   left: 150%;
   overflow: hidden;
   position: fixed;
   width: 50%;
   opacity: 0.9;
   z-index: 1050;
   transition: left 0.6s ease-out 0s;
}
 
.flyover-centered {
   top: 50%;
   transform: translate(-50%, -50%);
}


.flyover.in {
   left: 50%;
}

.flyover-bottom {
   bottom: 10px;
}

/**/


#ajax-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    /* - use if you use bacground image, no ico */
    //background: url('../images/spinner.gif') no-repeat;
    background-image: url('../images/spinner.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	background-color: rgba(255, 255, 255, 0.6);
    z-index: 123456;
    color: green;
    top: 0;
    left: 0;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	position: fixed;
	top: 58px;
	right: 4%;
	width: 30%;
	z-index: 9999;
}

a[href^="#error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

html.js .jshidden {
	display: none;
}

body {
    margin: 0px;
}
.embed-container {
    position: relative;
    padding-bottom: 100%;
    height: 0; overflow:
hidden; max-width: 100%;
    min-height: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



 .color-primary-0 { color: #58F758 }	/* Main Primary color */
.color-primary-1 { color: #E0FEE0 }
.color-primary-2 { color: #92F992 }
.color-primary-3 { color: #24F524 }
.color-primary-4 { color: #00F400 }

.color-primary-0 { color: #93FE93 }	/* Main Primary color */
.color-primary-1 { color: #FFFFFF }
.color-primary-2 { color: #D9FFD9 }
.color-primary-3 { color: #5CFE5C }
.color-primary-4 { color: #22FC22 }

.color-primary-0 { color: #55EFE9 }	/* Main Primary color */
.color-primary-1 { color: #DFFCFB }
.color-primary-2 { color: #8EF4F0 }
.color-primary-3 { color: #22ECE5 }
.color-primary-4 { color: #00EAE1 }

.brand-primary {

    background: #fff;

    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(217,217,217,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(217,217,217,1);
    box-shadow: inset 0px 0px 5px 0px rgba(217,217,217,1);

}

.brand-success {
    background: #5cb85c;
}

.brand-info {
    background: #5bc0de;
}

.brand-warning {
    background: #f0ad4e;
}

.brand-danger {
    background: #d9534f;
}

.brand-white {
    background: #fff;
}

.brand-gray {
    background-image: linear-gradient(to top, #F5F5F5 0px, #E8E8E8 100%);;
}

.brand-text-dark {

}

.panel-body .btn , .panel-body input {
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 4px;
}

#navbar-bottom {
    margin-bottom: 0px;
}

#navbar-bottom-static {
    margin-bottom: 0px;
}
#navbar-bottom , #navbar-bottom-static  {
    min-height:20px;
    max-height:35px;

}
#navbar-bottom .navbar-nav > li > a , #navbar-bottom-static .navbar-nav > li > a  {
    padding-top: 5px;
    padding-bottom: 3px;
}

#navbar-bottom {

}

.text-sleft {
    text-align: left;
}

.text-big {
    font-size: 2.3em;
    padding-top: 0.7em;
}

.text-bigger {
    font-size: 1.2em;
    padding-right: 0.5em;
    padding-left: 0.2em;
    padding-top: 0.1em;
    om: 0.1em;
}
.btn-primary {
	margin-top: 15px;
}

.table td {
	text-align: center;
	border: 1px solid #c0c0c0;
}

/*______________________________________________________________*/


.nonselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;    
  -ms-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}

span.tabb { 
	display: inline-block;
	min-width: 60px;
	margin-right:30px;
	text-align:center;
	white-space:nowrap;
}
div.workspace { 
	display:inline-block;	
	margin: 10px;
	min-width: 80%;
	background-color:#f5f5f5;
	height:600px;
		
}

div.hiddenDiv {
  position:relative;
  top:-1000px;
}

element.mytextdiv {
padding:0px;
min-width:100px;
min-height:100px;
height:100px;
display:inline-block;
margin:5px;

}


div.myelementmenu {
  position:relative;
  height: 30px;
  top: 0px;left:10px;
  opacity: 0.5;
  margin:0px;
  background-color:lightblue;
  border-radius:7px;
  visibility: hidden;
  cursor:pointer;
  transition-property: top,left,opacity,visibility,width;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
  z-index: 0;width: 85%;
  
}

element.mytextdiv:hover div.myelementmenu {

top: -30px;
left:-6px;
opacity: 0.6;
visibility: visible;width: calc( 100% + 1em);

}

p.x {
  margin:3px;
  border-radius:8px;
  transition-property: background-color;
  transition-duration: 0.3s;

}

p.x:hover {
  background-color: red;
}



div.mytextarea {
background-color: white;
height: 100px;
padding:3px 5px;
border: dashed 2px;
position:relative;top: -30px;
}