.tree-node {
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#e8e8e8 100%);
    background: linear-gradient(top, #FAFAFA 0%,#e8e8e8 100%);
    border: 1px solid #c2c2c2;
    color:#555;
}
.tree-node.tree-node-content{
    padding:8px 5px;
    height: 40px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: rgba(0, 0, 0, .05);
    border: 2px dashed #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* angular-ui-tree css file */
.angular-ui-tree-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-size:60px 60px;background-position:0 0,30px 30px}.angular-ui-tree-nodes{display:block;position:relative;margin:0;padding:0;list-style:none}.angular-ui-tree-nodes .angular-ui-tree-nodes{padding-left:20px}.angular-ui-tree-node .angular-ui-tree-nodes{margin-top:5px}.angular-ui-tree-node,.angular-ui-tree-placeholder{display:block;position:relative;margin:0;margin-bottom:5px;padding:0;min-height:40px;min-width:200px;line-height:20px}.angular-ui-tree-node.selected .angular-ui-tree-node>.angular-ui-tree-handle,.angular-ui-tree-node.selected>.angular-ui-tree-handle{background:#DDE7FF;border:1px solid #000}.angular-ui-tree-node.original>.angular-ui-tree-handle{background:#E2E2E2;border:1px solid lightgrey}.angular-ui-tree-hidden{display:none}.angular-ui-tree-placeholder{margin:5px 0;padding:0;min-height:30px}.angular-ui-tree-placeholders-wrapper{margin-bottom:5px}.angular-ui-tree-handle{cursor:move;text-decoration:none;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:20px;line-height:20px}.angular-ui-tree-handle.select{cursor:cell}.angular-ui-tree-handle.copy{cursor:copy}.angular-ui-tree-drag{position:absolute;pointer-events:none;z-index:999;opacity:.8}
.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}
.GGMenu {
    width: 897px;
    margin-right: auto;
    margin-left: auto;
}
fieldset .dnnFormItem {
    margin: 0 auto;
}
.pull-right{
    float:right;
}
.well.detailMenu {
  height: 180px;
  padding: 19px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well.detailMenu label {
    float: left;
    width: 80px;
    padding: 6px 20px;
}
.well.detailMenu .menumega_checkbox {
    padding: 7px 0;
    width: 184px;
}
.well.detailMenu .menumega_checkbox input{
    width: 40px;
    margin-top: 3px;
    margin-left: 27px;
}
select#pageOptionsList {
    padding: 8px 0 7px 0;
    float: left;
    width: 291px;
    margin-right: 21px;
    margin-left: 10px;
}
.dnnFormItem row-fluid .txtCssClass{
    width: 257px;
    margin-right: 0;
}
.dnnFormItem.row-fluid .txtMenuTittle,.dnnFormItem.row-fluid .txtIconClass, .dnnFormItem.row-fluid .txtCssClass {
    float: left;
    width: 30%;
    margin-right: 25px;
}
input#menuName {
    width: 250px;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
}
div#tree-root {
    clear: both;
}
ol , ul{
    list-style:none;
}
.styleLabel, .iconLabel, .cssLabel{
    float: left;
    display: inline-block;
    position: relative;
    margin: 10px 16px 10px 0;
    width: 70px;
}
.iconLabel {
    width: 70px;
}
.dnnFormItem.span6 input{
    width:254px;
}
.dnnFormItem.span6{
    float:left;
    width: 390px;
}
.dnnFormItem.span6.col2{
    float:left;
    width:487px;
}
.dnnFormItem.span6.col2 .styleDropdown {
    height: 132px;
    width: 317px;
    margin-left: -12px;
    margin-top: 0;
}
.GGMenu a>span.glyphicon {
    padding: 3px 7px 11px 7px;
    font-size: 13px;
    cursor: pointer;
}
.dnnFormItem.span6 input{
    width:70%;

}

.GGMenu input{
    width: 35%;
    float:left;
    padding:8px;
}

.styleLabel, .cssLabel{
    margin: 10px 1px 10px 0;
    width: 86px;
    float: left;
    margin-right: 0;
}
.dnnFormItem.row .menuPageID, .dnnFormItem.row .menuClass, .dnnFormItem.row .menuIcon{
    width:160px;
}
.dnnFormItem.row .menuPageID{
    height:32px;
    float:left;
    width:257px;
}
.dnnFormItem.row .menulink{
    width:45%;
}
.dnnFormItem.row .menuMega_checkBox{
    width: 200px;
    float: left;
    padding: 6px 0px;
}
.dnnFormItem.row .menuMega_checkBox input{
    width: 15px;
    margin-top: 3px;
}
.dnnFormItem.row .ipMenuName{
    max-width:650px;
    width:617px;
}
.dnnFormItem.row .lbMenuIcon{
    width:5%;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
/*.style-thumbnails{
    width: 130px;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 10px 0 30px 6px;
    max-height: 100px;
}*/
.style-thumbnails {
    width: 145px;
    padding: 6px 7px 7px 5px;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0px 0 0px 20px;
    height: 116px;
    position: absolute;
}
.style-thumbnails img{
    width:100%;
    height:100%;
}
fieldset {
    width: 874px;
    border: 1px solid silver;
    padding: 8px;    
    border-radius: 4px;
}
legend{
    padding: 2px;    
}
.tree-node .node-menuName{
    right: 120px;
    width: auto;
    left: 36px;
    font-size: 13px;
    position: absolute;
}
.