.show {
  display: block;
}
.hidden {
  display: none;
  visibility: hidden;
}
.invisible {
  visibility: hidden;
  width: 100%;
  height: 100%;
}

#canvasWindow{
  background-color: #474747;
  width: 100%;
  height: 100%;
  position:absolute;
}

#mapWindows{
  background-color: #474747;
  width: 100%;
  height: 100%;
  position:absolute;
}

.mapWindow {
  margin-top: 60px;
  width: 100%;
  height: 100%;
  position:absolute;
  top:0px;
  left:0px;
  border: 0px solid lightgray;
  padding: 0px;
  margin: 0px;
  background-color: #474747;
}


#nodeAdd-1-inputHost {
	margin: 15px;
	padding: 5px;
	font-size: 120%;
}

#nodeAdd-1-inputName {
	margin: 15px;
	padding: 5px;
	font-size: 120%;
}


.modal-body-Fedy {
    max-height:600px; 
    padding: 30px;
	height: 60vh;
    overflow-y: auto;
}

#nodeAddDialogTabs {
	min-height:95%;
}
#nodeDetailDialogTabs {
	min-height:95%;
}



#search-input {
	border:0;
	font-size:250%;
	padding:20px;
	visibility: hidden;
	z-index: 200;
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}


#statusWindow {
	width: 290px;
	position: absolute;
	bottom: 0px;
	right: 20px;
	border:solid 0px #000000;
	z-index: 200;
	padding: 0px;
	font-size: 80%;
}
#iconsMain {
	width: 300px;
	height: 50px;
	position: absolute;
	bottom: 130px;
	right: 25px;
	z-index: 200;
  text-align: right;
}

#iconsMain .iconsMainBack {
	width: 70px;
	height: 70px;
  background:url('../images/ikony/home.png') no-repeat 10px 10px;
	background-size: 50px 50px;
	display: none;
	border:solid 0px #000000;
  margin: 0px;
	cursor: pointer;
}

#iconsMain .iconsMainSearch {
	width: 70px;
	height: 70px;
  background:url('../images/ikony/search.svg') no-repeat 10px 10px;
	background-size: 50px 50px;
	display: inline-block;
	border:solid 0px #000000;
	margin: -5px;
	cursor: pointer;
}

#iconsMain .iconsMainAdd {
	width: 70px;
	height: 70px;
  background:url('../images/ikony/add.svg') no-repeat 15px 10px;
	background-size: 43px 43px;
	display: inline-block;
	border:solid 0px #000000;
  margin: -5px;
	cursor: pointer;
}



.interfaceStatusDOWN {
	width: 27px;
	height: 38px;
    background:url('../images/ikony/red-yellow-green-status-icons.jpg') no-repeat -74px 13px;
	background-size: 100px 50px;
	display: inline-block;
	border:none 0px #000000;
	padding-top:-8px;
	margin-right:-15px;
	vertical-align:middle;
}

.interfaceStatusUP {
	width: 25px;
	height: 38px;
    background:url('../images/ikony/red-yellow-green-status-icons.jpg') no-repeat 0px 13px;
	background-size: 100px 50px;
	display: inline-block;
	border:none 0px #000000;
	padding-top:-8px;
	margin-right:-15px;
	vertical-align:middle;
}
.vertical-align {
	display: flex;
    align-items: center;
}



.stationItem {
	cursor: pointer;	
}


.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

.glyphicon.slow-right-spinner {
    -webkit-animation: glyphicon-spin-r 3s infinite linear;
    animation: glyphicon-spin-r 3s infinite linear;
}

.glyphicon.fast-left-spinner {
    -webkit-animation: glyphicon-spin-l 1s infinite linear;
    animation: glyphicon-spin-l 1s infinite linear;
}

.glyphicon.normal-left-spinner {
    -webkit-animation: glyphicon-spin-l 2s infinite linear;
    animation: glyphicon-spin-l 2s infinite linear;
}

.glyphicon.slow-left-spinner {
    -webkit-animation: glyphicon-spin-l 3s infinite linear;
    animation: glyphicon-spin-l 3s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



.nav-tabs{

}
.tab-content{


    padding:5px
}
.nav-tabs-dash > li > a{
	text-align: center;
  min-width: 150px;
  min-height: 100px;
  border: medium none;
}
.nav-tabs-dash > li > a:hover{

}