.PropertiesBox{ width:700px; height:400px;position:relative;  }
        .triggersave{ width:0px; height:0px; }
        
        .hierarchy_search
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Search_256_313131.png?v=4");
            background-size: contain;
            background-repeat:no-repeat;
            background-position:left;
            padding-left:18px;
        }

        .text-label { 
            color: #909090;
        }
       
        div.SlideHeader > span.X8Header {  margin:center;  }
        .reOrder
        {

        }
        
         .hdcontent
        {
            display: none;
            position: relative;
            /* padding-bottom: 10%; */ /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
            height: 0;
            overflow: hidden;
        }

        .hdcontent iframe 
        {
            z-index: 9999;
            position: absolute;
            top: 0; 
            left: 0;
            width: 100%;
            height: 100%;
        }

        .set_auto_height_scrollbar{
        overflow-y: auto; 
        height: 400px;
        }
        .span4 
        {
          width: 320px;
          margin-left:97px; 
        }
  
        .row-fluid .span4 {
        width: 31.915%;
        *width: 31.862%; 
        }
    

    /* line 112, /Users/jonasvonandrian/.rvm/gems/ruby-1.9.3-p484/bundler/gems/sass-twitter-bootstrap-06795315e047/lib/bootstrap/_type.scss */
    ul.unstyled,
    ol.unstyled {
      margin-left: 0;
      list-style: none; }

    /* line 118, /Users/jonasvonandrian/.rvm/gems/ruby-1.9.3-p484/bundler/gems/sass-twitter-bootstrap-06795315e047/lib/bootstrap/_type.scss */
    dl {
      margin-bottom: 18px; }

    /* line 122, /Users/jonasvonandrian/.rvm/gems/ruby-1.9.3-p484/bundler/gems/sass-twitter-bootstrap-06795315e047/lib/bootstrap/_type.scss */
    dt,
    dd {
      line-height: 18px; }

    /* line 125, /Users/jonasvonandrian/.rvm/gems/ruby-1.9.3-p484/bundler/gems/sass-twitter-bootstrap-06795315e047/lib/bootstrap/_type.scss */
    dt {
      font-weight: bold;
      line-height: 17px; }

    /* line 129, /Users/jonasvonandrian/.rvm/gems/ruby-1.9.3-p484/bundler/gems/sass-twitter-bootstrap-06795315e047/lib/bootstrap/_type.scss */
    dd {
      margin-left: 9px; }
  
      /* line 10, /Users/jonasvonandrian/jquery-sortable/source/css/jquery-sortable.css.sass */
    ol.vertical 
    {
        padding:2px;
      margin: 0 0 9px 0;
      min-height: 10px; }
      /* line 13, /Users/jonasvonandrian/jquery-sortable/source/css/jquery-sortable.css.sass */
      ol.vertical li {
        display: block;
        margin: 2px;
        }
      /* line 20, /Users/jonasvonandrian/jquery-sortable/source/css/jquery-sortable.css.sass */
      ol.vertical li.placeholder {
        position: relative;
        margin: 0;
        padding: 0;
        border: none; }
        /* line 25, /Users/jonasvonandrian/jquery-sortable/source/css/jquery-sortable.css.sass */
        ol.vertical li.placeholder:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          margin-top: -5px;
          left: -5px;
          top: -4px;
          border: 5px solid transparent;
          border-left-color: red;
          border-right: none; }

/* line 32, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
    ol {
        list-style-type: none; }
  
  
  .TabsDisable
  {
      color: Gray;
  }
  
        .inner > div.More
        {
            background-image: url(../../../X8/Style/images/scrolldown.png);
            padding-right: 10px  !important;
            background-repeat: no-repeat;
            width: 7px;
            height: 5px;
            background-size: 7px;
        }
        
        .DIYReporShowAddResource
        {
            background-image: url( images/add-green15px.png);
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokenSetting
        {
            background-image: url(../../../X8/Style/images/icon-edit.png);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            background-size: 15px;
            cursor: pointer;
            margin: auto;
        }
        
        .btnInputResource
        {
            cursor: pointer;
        }
        
        .DIYReporttokenAdd
        {
            background-image: url( images/add-15-green.png);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokenView
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Preview_256_313131.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokenNoView
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/NoPreview_256_313131.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            cursor: pointer;
            margin: auto;
        }
     
        .tokenselect
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/UnSelect_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }
        
        .tokenselected
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Select_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokenSelect
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/UnSelect_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }

         .DIYReporttokenSelected
        {
            background-image: url( images/add-15-green.png);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            cursor: pointer;
            margin: auto;
        }
        
          .DIYReporttokengroup
        {
            background-image: url( images/group.png);
            background-repeat: no-repeat;
            width: 21px;
            height: 9px;
            cursor: pointer;
            margin: auto;
        }
        
        .tokenSelect_move
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/UnSelect_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
            
        }
        
        .DIYReporttokenSelect_move
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/UnSelect_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }

         .x8_Check
        {
            background-image: url(../../../X8/Style/images/checkbox-select.png) !important;
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            background-size: 15px !important;
            margin-top:-1px;
            cursor: pointer;
        }
        
         .DIYReporttokenSelectAll
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/UnSelect_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }
        
           .DIYReporttokenSelectedAll
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Select_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokensingleSubmit
        {
            background-image: url(../../../X8/Style/images/arrow-right-blue.png);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            cursor: pointer;
            margin: auto;
            background-size: 6px;
            display: none;
        }
        
         .DIYReporttokenmultiSubmit
        {
            background-image: url(../../../X8/Style/images/arrow-right-blue.png);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            cursor: pointer;
            background-size: 6px;
            margin: auto;
            display: none;
        }

        .inDelete
        {
            background-image: url("../../../X8/Style/images/ActionIcons/Close_256.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;
            cursor: pointer;
            margin: auto;
        }
        
        .inDeleteAll
        {
            background-image: url( images/reject-15-grey.png);
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            cursor: pointer;
            margin: auto;
        }
        
        .DIYReporttokenToggleDown
        {
            background-image: url(../../App_Themes/Default/Images/collaspe.png);
            background-repeat: no-repeat;
            width: 19px;
            height: 15px;
            cursor: pointer;
            margin: auto;
            margin-top:1px;
        }
        
        .DIYReporttokenToggleUp
        {
            background-image: url(../../App_Themes/Default/Images/expand.png);
            background-repeat: no-repeat;
            width: 19px;
            height: 15px;
            cursor: pointer;
            margin: auto;
            margin-top:1px;
        }
        
        .PopupConditionError
        {
             background-image: url(../../App_Themes/Default/Images/errorCollection.gif);
            background-repeat: no-repeat;
            width: 14px;
            height: 15px;
            cursor: pointer;
            margin: auto;
            display: none;
            
         }
         
         .PopupConditionError_show
        {
             background-image: url(../../App_Themes/Default/Images/errorCollection.gif);
            background-repeat: no-repeat;
            width: 14px;
            height: 15px;
            cursor: pointer;
            margin: auto;
            display: block;
             position:relative;
         }
         
         .moveup
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Up_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 12px;
            height: 12px;
            background-size: contain;
            cursor: pointer;
            margin: auto;
         }
         
         .movedown
        {
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/Down_256_313131.png?v=4");
            background-repeat: no-repeat;
            width: 12px;
            height: 12px;
            background-size: contain;
            cursor: pointer;
            margin: auto;
         }
         
         .DIYReportParentIcon.DIYReporttokenToggleDown
         {
            cursor: pointer;
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/CollapseUp_256_313131.png?v=4");
            background-size: contain;  
            width: 20px;
            height: 20px;
         }
         
         .DIYReportParentIcon.DIYReporttokenToggleUp
         {
            cursor: pointer;
            background-image: url("../../../X8/Style/images/ActionIcons/DarkGrey-313131/CollapseDown_256_313131.png?v=4");
            background-size: contain;  
            width: 20px;
            height: 20px;
         }
         
         .btnclearselect
        {
            background-image: url("../../../X8/Style/images/ActionIcons/Close_256.png?v=4");
            background-repeat: no-repeat;
            width: 20px !important;
            height: 20px !important;
            background-size: contain;
            cursor: pointer;
            margin: auto;
         }
         
         .out
         {
            visibility:hidden;
            opacity: 0;
            transition: opacity .55s ease-in-out;
         }
         
          .in
         {
            visibility:visible;
            transition: opacity .55s ease-in-out;
         }
         
        .contentDIYRPT .out
        {
            float: right;
            margin-top: 0px;
            cursor: pointer; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
            filter: alpha(opacity=0); /* Older than Firefox 0.9 */
            -moz-opacity: 0.0; /* Safari 1.x (pre WebKit!) */
            -khtml-opacity: 0.0; /* Modern!
	        /* Firefox 0.9+, Safari 2?, Chrome any?
	        /* Opera 9+, IE 9+ */
            opacity: 0;
            transition: opacity .55s ease-in-out;
        }
        
        .contentDIYRPT .out:hover
        {
            float: right;
            margin-top: 0px;
            cursor: pointer;
            transition: opacity .55s ease-in-out;
        }
        
        .contentDIYRPT .in 
        {
            float: right;
            margin-top: 0px;
            cursor: pointer;
            transition: opacity .55s ease-in-out;
        }
        
        .open
        {
            display: block;
        }
        .closed
        {
            display: none;
        }
       
       .contentDIYRPT { width: 100%;}
       .box-1{ float:right; height:440px; background-color: #F8FCFB; width: 415px; }
       .box-2{ float:left; height:440px; background-color: #F8FCFB; width: 415px; }

         .cf:after
        {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }
        * html .cf
        {
           /* zoom: 1; */
        }
        
        *:first-child + html .cf
        {
            /* zoom: 1;  */
        }
          
        .dd
        {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            max-width: 600px;
            list-style: none;
            font-size: 13px;
            line-height: 20px;
        }
        
        .dd-list
        {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .dd-list .dd-list
        {
            padding-left: 30px;
        }
        .dd-collapsed .dd-list
        {
            display: none;
        }
        
        .dd-item, .dd-empty, .dd-placeholder
        {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            
            background-color:#cfdffc;
        }
        
        .dd-item.hide
        {
            display: none;
        }
         .dd-item.show
        {
            display: block;
        }
         .dd-item.hilight
        {
           background-color: #cfdffc;
           display: none;
        }
        .dd-itemmulti.hilightudc
        {
           background-color: #cfdffc;
        }
        
        .dd-itemselect , .dd-itemmulti , .dd-itemparent , .dd-itemudc
        {
            background-color:#cfdffc;
        }
        
        .dd-item.token-input-list
        {
             background-color:#cfdffc;
        }
        
        .dd-handle
        {
            display: block;
            height: 30px;
            margin: 5px 0;
            padding: 5px 10px;
            color: #333;
            text-decoration: none;
            font-weight: bold;
            border: 1px solid #ccc;
            background: #fafafa;
            background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
            background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
            background: linear-gradient(top, #fafafa 0%, #eee 100%);
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        .dd-handle:hover
        {
            color: #2ea8e5;
            background: #fff;
        }
        
        .dd-item > button
        {
            display: block;
            position: relative;
            cursor: pointer;
            float: left;
            width: 25px;
            height: 20px;
            margin: 5px 0;
            padding: 0;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            border: 0;
            background: transparent;
            font-size: 12px;
            line-height: 1;
            text-align: center;
            font-weight: bold;
        }
        .dd-item > button:before
        {
            content: '+';
            display: block;
            position: absolute;
            width: 100%;
            text-align: center;
            text-indent: 0;
        }
        .dd-item > button[data-action="collapse"]:before
        {
            content: '-';
        }
        
        .dd-placeholder, .dd-empty
        {
            margin: 5px 0;
            padding: 0;
            min-height: 30px;
            background: #f2fbff;
            border: 1px dashed #b6bcbf;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        .dd-empty
        {
            border: 1px dashed #bbb;
            min-height: 100px;
            background-color: #cfdffc;
            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;
        }
        
        .dd-dragel
        {
            position: absolute;
            pointer-events: none;
            z-index: 9999;
        }
        .dd-dragel > .dd-item .dd-handle
        {
            margin-top: 0;
        }
        .dd-dragel .dd-handle
        {
            -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
        }
        
        /**
 * Nestable Extras
 */
        
        .nestable-lists
        {
            display: block;
            clear: both;
            padding: 30px 0;
            width: 100%;
            border: 0;
            border-top: 2px solid #ddd;
            border-bottom: 2px solid #ddd;
        }
        
        #nestable-menu
        {
            padding: 0;
            margin: 20px 0;
        }
        
        #nestable-output, #nestable2-output
        {
            width: 100%;
            height: 7em;
            font-size: 0.75em;
            line-height: 1.333333em;
            font-family: Consolas, monospace;
            padding: 5px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        
        #nestable2 .dd-handle
        {
            color: #fff;
            border: 1px solid #999;
            background: #bbb;
            background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
            background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
            background: linear-gradient(top, #bbb 0%, #999 100%);
        }
        #nestable2 .dd-handle:hover
        {
            background: #bbb;
        }
        #nestable2 .dd-item > button:before
        {
            color: #fff;
        }
        
        @media only screen and (min-width: 700px)
        {
        
            .dd
            {
                float: left;
                width: 48%;
            }
            .dd + .dd
            {
                margin-left: 2%;
            }
        
        }
        
        .dd-hover > .dd-handle
        {
            background: #2ea8e5 !important;
        }
        
        /**
 * Nestable Draggable Handles
 */
        
        .dd3-content
        {
            display: block;
            height: 30px;
            margin: 5px 0;
            padding: 5px 10px 5px 40px;
            color: #333;
            text-decoration: none;
            font-weight: bold;
            border: 1px solid #ccc;
            background: #fafafa;
            background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
            background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
            background: linear-gradient(top, #fafafa 0%, #eee 100%);
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        .dd3-content:hover
        {
            color: #2ea8e5;
            background: #fff;
        }
        
        .dd-dragel > .dd3-item > .dd3-content
        {
            margin: 0;
        }
        
        .dd3-item > button
        {
            margin-left: 30px;
        }
        
        .dd3-handle
        {
            position: absolute;
            margin: 0;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 30px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            border: 1px solid #aaa;
            background: #ddd;
            background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
            background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
            background: linear-gradient(top, #ddd 0%, #bbb 100%);
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .dd3-handle:before
        {
            content: '?';
            display: block;
            position: absolute;
            left: 0;
            top: 3px;
            width: 100%;
            text-align: center;
            text-indent: 0;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
        }
        .dd3-handle:hover
        {
            background: #ddd;
        }
        
        .myEvenRowClass
        {
            border-style: dotted;
            border-top-style: dotted;
            border-right-style: solid;
            border-bottom-style: dotted;
            border-left-style: solid;
        }
        .myOddRowClass
        {
            background: #FFFFFF url('loading.gif') right center no-repeat;
        }
        .ui-jqgrid tr.jqgrow td
        {
            border-left:solid 1px #fff;
        }
        .SwapCondition.Navigation
        {   
            /*  padding:0px; */
        }
        .SortType.Navigation
        {   
              /*  padding:0px; */
        }
        tr.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover {
        }

        #gbox_myGrid
        {
            border:0px;
        }
        
        .ui-tabs .ui-tabs-panel
        {
            padding:0px;
        }
        .ui-widget-content
        {
            border:0px;
        }
        
        .ui-jqgrid-labels { 
            height: 37px;
        }
        .ui-jqgrid .ui-widget-header {
            border: 1px solid #0b3e6f;
        }
        th.ui-th-column .ui-state-hover
        {
             background: red;
        }
  	.SlideMain
        {
            background: none;
        }