@charset "utf-8";
/* CSS Document */


#TestDivTheory{ height:700px; padding-bottom:150px; overflow-y:scroll}
#canvas {
/* 	width:100%; */
/* 	height:100%; */
	background-color: #FFFFFF;
	padding-bottom:10px;
}




.modal-dialog {
    width: 620px;
    margin: 30px auto;
}
.modal-header {
    font-size: 21px;
    padding: 15px;
    color: #fff;
    background: darkcyan;
    border-bottom: 1px solid #607D8B;
    font-weight: bold;
}
.modal-title {
    margin: 0;
    font-weight: bold;
    line-height: 1.42857143;
    font-size: 21px;
    text-align: center;
}
#calibrationmyModal .formu{font-size: 17px;
    font-weight: bold;
    color: #795548;
    padding:5px 0;
    text-align: left;
    }
    
    #calibrationmyModal p{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    background: #008b8b;
    }
#tramsTInst {
	padding: 20px 0;
}

#tramsTInst p {
	margin: 50px 0 20px 0;
	text-align: justify;
	padding: 0 20px 0 29px;
	font-size: 15px;
	font-weight: bold;
	color: #696868;
}

#tramsTInst ol, li {
	margin: 30px 0;
	text-align: justify;
	padding: 0 10px 0 41px;
	font-size: 15px;
	font-weight: bold;
	color: #696868;
}

#tramsTInst span {
	color: #EF6C00;
	font-weight: bold;
	letter-spacing: 2px;
}
/*  libary css start */
#library {
	border: 2px solid #333;
	height: 800px;
	overflow: scroll;
	padding-bottom: 100px;
}



#draw2Did nav {
	font-weight: bold;
	color: #fff;
	background-color: #333;
	margin: 5px 0;
	border-radius: 10px;
	padding: 10px 0;
	font-family: Cambria, Georgia, serif;
}

#draw2Did a {
	font-size: 18px;
	background: #666;
	color: #fff;
	margin: 10px 20px;
	padding: 5px 5px;
}

#img1 {
	float: left;
	width: 90px;
	height: 90px;
}

 #draw2Did {
	border: 2px solid #333;
	height: 750px;
	overflow-x: scroll
}
 #library p {
	background: #666;
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    margin: 1px 0px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 4px;
}
#commanSymbols, #TransmitterSymbols, #I2PSymbols, #P2ESymbols, #HLSSymbols{padding: 0 5px;
    border: 2px solid #666; margin:5px 0; border-radius: 4px;}
 .palette_node_element img {
    width: 98%;
    padding: 1%;
}


.palette_node_element {
    float: left;
    border: 1px solid gray;
    background-color: #f3f3f3;
    cursor: move;
    width: 30%;
    margin: 1px 1%;
    text-align: center;
    align: center;
    border-radius: 5px;
    cursor: pointer;
}
#toolbar {
    /* position: absolute; */
    padding: 10px;
    margin: 0px;
    /* padding-top: 10px; */
    /* padding-left: 20px; */
    /* top: 120px; */
    /* left: 160px; */
    /* height: 64px; */
    /* right: 0px; */
    overflow: hidden !important;
    z-index: 1000 !important;
    /* border: 0 none; */
    /* border-bottom: 1px solid #d6d6d6; */
    background-color: #2f7875 !important;
}
#toolbar button{margin-left:10px;} 
/*  libary css end */