#PlanPrintingGridId label{
     color: #eeeeee;
    }  
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
    background-image: url(../../resources/images/icons/silk/wp2f2f2f/plus_gray.png) ! important;
    top: -5px! important;
}
.x-grid-group-hd div.x-grid-group-title{
    background-image: url(../../resources/images/icons/silk/wp2f2f2f/minus.png) ! important;
    top: -5px! important;
}
.x-grid-group-title{
    padding-left: 36px! important;
    height: 19px! important;
}
.ext-mb-content {
    padding: 15px;
}

.x-tip .x-tip-body {
    font: normal 14px Verdana,Trebuchet, Tahoma;
    color: #444;
    width: auto !important;
/*    word-break: break-all !important;*/
/*    min-width: 150px !important;*/
}
#NoOfUserOnlineDivID{
        width: auto !important;
    }
#EditorBuffer,#EditorBuffer2,#EditorBuffer3{
     margin-left: 10px !important;  
    }
     
.x-tip   {
    
/*    min-width: 260px !important ;*/
}

#PreferanceId, #PrefRatioSelectLeb {
 color:#000000;   
}
.x-check-group-alt .x-form-cb-label {
    color: #ffffff;
}

.x-grid3-header-offset {
    padding-left: 1px;
    text-align: left;
    width: 1425px !important;
   
    background-color: #949494 !important; 
}
#HomeWonpMenuId { margin-top: -5px !important; 
}
.labelColor{
 color:#000000;
 font-size: 11px;
}
.Icon-BrandingLogon,.Icon-BrandingLib,.Icon-BrandingPlan{
    background-size: 45px 45px !important;
    background-repeat: no-repeat !important;
}



.x-hide-label{
 overflow: hidden !important;  
}

.x-btn-icon .x-btn-small .x-btn-text {
    height: 40px !important;
    width: 40px !important;
}
.Icon-BrandingLogo, #BGLogoIid .x-btn-icon, #BGLogoIid .x-btn-small, #BGLogoIid .x-btn-text 
{
 background-size: 180px 45px !important;   
 width: 180px !important;
  
}
  #BGLogoIid .x-btn-icon 
{
 height: 45px !important; 
}

#BGLogonIid,#BGLibIid,#BGPlanIid {
    padding-left: 149px;
     
}
/*#BGLogonIid .x-btn-icon, #BGLogonIid .x-btn-small, #BGLogonIid .x-btn-text,
#BGLibIid .x-btn-icon, #BGLibIid .x-btn-small, #BGLibIid .x-btn-text,
#BGPlanIid .x-btn-icon, #BGPlanIid .x-btn-small, #BGPlanIid .x-btn-text 
{
    
  width: 45px;
  height: 45px;  
}*/
#wrapper, #menu_wrapper {
    
    height: 336px;
    margin-top: 0px; 
    background-color: transparent}

 .flipbox, .menu_flipbox {
    background-color: #eeeeee !important;
    height: 336px;
     
}

 #FieldEditor_popup,#EditorMenu_popup ,#FieldEditor_popup3{
    border: 0px none;
    display: block;
    margin-bottom:  0px;
    padding:  0px;
}
  
.x-window-mc {
border-color: #dfe8f6;
font: normal 14px Verdana,Trebuchet, Tahoma;
background-color: rgba(159, 160, 162, 0.54);
}
/*//########################################################################################################################################*/
.x-form-field-wrap .x-form-trigger {
width: 17px !important;
height: 28px !important;
border: 0;
background: transparent no-repeat 0 0;
cursor: pointer;
border-bottom: 1px solid;
position: absolute;
top: 1px !important;
}
/*Global Change*/
.x-form-field-wrap .x-form-trigger{
  background-image: url(../../../lib/resources/images/icons/silk/wp2f2f2f/trigger.gif) !important;   
  height: 29px;
  width: 17px;
  top: 0px;
}
.x-small-editor .x-form-text{
border-color: transparent;    
}

.x-form-element {
padding-top: 7px !important;  
}
.x-grid3-hd-inner {
 
vertical-align: top !important;
height: 36px;
}
.x-form-item label.x-form-item-label{
 margin-top: 10px !important; 
 color: #eeeeee;
}
.Upload-File .x-form-text {
    padding: 0px 0px;
    background: transparent;
    border: none; 
}
#UploadHistoryFileGrid .x-grid3-cell-inner
{
    /* overflow: hidden; */
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
/* padding: 3px 3px 3px 5px; */
padding: 9px 5px 11px 7px !important;
/* padding: 11px 5px 10px 7px !important; */
white-space: pre !important;
word-break: break-word;
}
.x-panel-bwrap .x-panel-mc .x-panel-body{
background: transparent;
border: 0 none;
color: #000000;
}
#AddEditPlanWinId .x-window-bwrap .x-panel-bwrap .x-panel-mc .x-panel-body{
background: transparent;
border: 0 none;
color: #000000;
margin-bottom: -16;  margin-top: -25;
}
 
 .x-grid-editor .x-form-invalid{
    border-radius: 0px;
    background-color: rgba(241, 214, 214, 1) !important;
}
.x-form-text, textarea.x-form-field {
    /*background-image: url("../simages/default/form/text-bg.gif");*/
    background-image: none !important;
background-color: rgba(255, 252, 252, 1) ;
border-color: #2C2C2C;
color: #000000;
    /*margin-left: 5px;*/
    /*-webkit-border-radius: 9px;*/
    -webkit-box-shadow: 0 0 11px rgba(231,254,237,0.6);
    /*border-radius: 9px;*/
    box-shadow: 0 0 11px rgba(231,254,237,0.6);
    height: 30px;
     
}

.ShadowLookAndFeel, .x-window {
margin-left: 5px;
-webkit-border-radius: 9px;
-webkit-box-shadow: 0 0 11px rgba(231,254,237,0.6);
border-radius: 9px;
box-shadow: 0 0 11px rgba(255, 255, 255, 0.9);
background-color: rgba(47, 47, 47, 0.98);
/* background-color: #949494; */
/* background-color: #eeeeee; */
}

.WonpCopyRightId{
     
    margin-left: 6px !important;
}

#FieldEditor_popup2{
    margin-left: -8px !important;
     
}
 
.x-grid-editor input{
    background-color: #eeeeee !important;
}
 

 .IE_FireFoxBulletsCls{
     
     padding-left: 15px;
}

 .x-tab-strip-top LI{
  list-style-image: none !important;
}

.MeasureGridNone  *{
  color: #eeeeee; 
  
}
.MeasureGridNormal{
  color: #000000;  
}

.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer{
    height: 1px !important;
}
.x-fieldset-header .x-tool-toggle {
    background-image: url(../.../../../../lib/resources/images/grid-collapse.png)!important ;
    width: 26px;
    height: 26px !important;
    background-color:  #eeeeee !important;
}
.x-fieldset legend {
font: bold 14px Verdana,Trebuchet, Tahoma;
color: #eeeeee;
} 
.x-panel-collapsed .x-tool-toggle {
background-position: 0 0px  !important;
background-image: url(../.../../../../lib/resources/images/grid-expand.png)!important ;
width: 26px;
height: 26px !important;
background-color:  #eeeeee !important;
}

.x-grid3-cell-inner  {
/* overflow: hidden; */
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
/* padding: 3px 3px 3px 5px; */
padding: 9px 5px 11px 7px !important;
 
/*padding: 11px 5px 10px 7px !important;*/

/* white-space: nowrap; 
word-break: break-word;*/
} 

/*.x-grid3-row-selected {
  text-align: center;
  border-color: #000000;
  background-color: #dedede !important;
  }
  a:hover{background:grey; width:100%; display:block; text-decoration:none;}
  
  .x-grid3-row:hover   {
  text-align: center;
  border-color: #000000;
  background-color: #dedede !important;
  }  
    .x-grid-panel .x-panel-mc .x-panel-body {
        border-color: #D2E0F1;
    }*/


.x-grid3-hd-inner{
/* overflow: hidden; */
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
/* padding: 3px 3px 3px 5px; */
/*padding: 8px 5px 0px 7px !important;*/
padding:  8px 5px 3px 7px !important;
/*padding: 11px 5px 10px 7px !important;*/

/* white-space: nowrap; */
word-break: break-word;
} 

.x-tab-strip span.x-tab-strip-text {
    white-space: nowrap;
    cursor: pointer;
    padding: 1px 0 !important;
}
.x-small-editor .x-form-field-wrap .x-form-trigger{
     height: 30px !important;
}
 .x-grid-editor .x-form-field-wrap .x-form-trigger, .x-form-text, textarea.x-form-field  {
    height: 30px ;
}
#TinyMceEditorHolder,#TinyMceEditorHolder2 {
border-right-color: transparent !important; 
background-color: transparent !important; 
border-right-width:  4px;
 margin-top:  0px  !important;  

}

#EditorBufferHeight{
 font-size: 18px;
 float : right; 
 border-radius: 9px 0px 0px 0px !important;
 background-color: transparent !important; 
 padding-bottom: 9px;
 padding-top: 5px;
 width: 52px;
 height: 25px;
 color:#000000;
    
}
#EditorBufferHeight2{
 visibility: hidden;  
 font-size: 18px;
 float : right; 
 border-radius: 9px 0px 0px 0px !important;
 background-color: transparent !important; 
 padding-bottom: 9px;
 width: 52px;
 height: 25px;
 color:#ffffff;
}
#MeasureGridRowText,#ActionGridRowText{
    float: left;
    padding-top : 6px !important; 
    text-align:center;
    background-color: #ffffff;
    font-size: 12px;
    border-radius: 0px 9px 0px 0px !important;
    height: 30px;
    width: 257px;
}
#EditorPresence,#EditorPresence2,#EditorPresence3{
 font-size: 9px;
 float : left; 
 color: #ef0000;
 border-radius: 9px 9px 0px 0px !important;
 background : url("../../../lib/resources/images/icons/silk/wp2f2f2f/lock.png") left no-repeat #949494;
 padding-left: 14px;
 padding-top: 4px;
 margin-left:  3px;
 /*width: 12px;*/
 height: 12px;
    
}

li {
list-style-image: url("../../../lib/resources/images/play.png");
}


#BoldIconDiv{
    float: left;
    padding : 5px; 
    text-align:center;
    background-color: #ffffff;
    border-radius: 0px 9px 0px 0px !important;
    width: 45px;
    height: 25px;
}




//TAB CSS 
 
.x-tab-strip-active .x-tab-right, .x-tab-strip-active .x-tab-left, .x-tab-strip-active .x-tab-strip-inner
{
  height: 35px !important;
  background-color: #ffffff !important;  
  -webkit-border-radius: 7px; 
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255,1);
  border-radius: 7px !important;
  
  box-shadow: 0 0 24px rgba(255, 255, 255, 1);
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right,.x-tab-strip-top .x-tab-strip-active  .x-tab-left,.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner{
    
    height: 33px !important;
    background-color: #ffffff;
} 
ul.x-tab-strip-top {
border-bottom-color: #ffffff !important;
/*border-bottom: 1px solid !important;*/
}
.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer {
border-color: #FFFFFF !important;
background-color: #FFFFFF !important;//deecfd;
}

body.x-body-masked .x-window-plain .x-window-mc {
background-color: transparent !important;
 
}


ul.x-tab-strip li {
alignment-adjust: central;

margin-left: 21px !important;
width: 65px !important;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
/* background-image: url(../images/default/tabs/tabs-sprite.gif); */
background-color: #b6b6b6;
border-radius: 0px 9px 0px 0px !important;
text-align: center !important;
background-image:none !important;
height: 32px ;
 
}

.x-tab-strip-active{
  background-color: #ffffff;  
  border-bottom-color: #949494;
  border-bottom-width: 5px; 
  -webkit-border-radius: 9px; -webkit-box-shadow: 0 0 15px rgba(231,254,237,0.6); border-radius: 9px; box-shadow: 0 0 15px rgba(231,254,237,0.6);  
    
}

.x-tab-panel-header{
    width: 585px !important;  
}
.x-tab-strip-top LI{
  list-style-image: none !important;
}
 #FieldEditor_popup2{
    margin-left: -8px !important;
     
}
  #FieldEditor_popup2{
    margin-left: -8px !important;
     
}
 
.publishedTutorial,.editable{
  font: normal 14px Verdana,Trebuchet, Tahoma !important;  
  padding-top: 8px;
}
 
 
.x-tab-strip span.x-tab-strip-text {
    white-space: nowrap;
    cursor: pointer;
    padding: 1px 0 !important;
}

.x-tab-panel-bwrap{
    background-color:#ffffff;
    padding: 0px !important;  
    font: normal 14px Verdana,Trebuchet, Tahoma !important;
}

 span.defaultSkin table.mceLayout tbody tr.mceLast td.mceStatusbar {
    display: none !important;
}



.FieldVisitor {
    font-size: 9px;
    float: right;
}
#HeaderOnlineNotifier,#PopupHeaderOnlineNotifier,#PopupHeaderOnlineNotifier2,#PopupHeaderOnlineNotifier3{
    font-size: 9px;
    float: left;
    padding: 0px;
    margin-left: 4px;
    color: #ef0000;
    opacity: 0;
    
    /*Blinking Notification*/
      text-decoration: blink;
}

.HeaderFieldVisitor {
    font-size: 9px;
    float: left;
    padding: 0px;
    margin-left: 4px;
    color: #ef0000;
    opacity: 1;
     
}
.WonpCopyRightId  {
    color: #ffffff;
}
.PlanColumnHeader{
     background-color: transparent; 
     
     /*color:#e50000#e50000;///#eeeeee 00-FF G B*/
}
.x-window-tl .x-window-header{
padding: 0px 0 0px 0 !important; 
}
 .x-tool {
overflow: hidden;
width: 15px;
height: 3px !important;
float: right;
cursor: pointer;
background: transparent no-repeat;
margin-left: 2px;
}
.PlanTitle  {
    font-size:  20px;
    font-weight:bold;
    margin-top: -6px;
    text-shadow: 1px 1px #e4eaee8c; 
    border-color: transparent;
    alignment-adjust: central; 
}
.WONplanTitle{
    text-align: center;
    font-size: 15px;
    text-shadow: 1px 1px #e4eaee8c;
}
.PlanLibTitle   {
    font-size:  30px;
    font-style: bold;
    text-shadow: 1px 1px #e4eaee8c;
     
    border-color: transparent;
    alignment-adjust: central; 
}

.x-panel-ml {
/*padding-left: 18px !important;*/
}

 
    .Grey-row{ background-color: #eeeeee !important;
             }
                .Grey-row .x-grid3-cell-inner{color: #b5b5b5 !important;}
    .Normal-row{   }
 
    .Wpbar{
        font-size: 16px;
        font-style: bold;
        padding-top: 1px;
        padding-left: 10px;
        padding-bottom: 1px;
        color: #eeeeee;
        font-weight: bold;
        text-align: left;
        font: normal 14px Verdana,Trebuchet, Tahoma !important;
        background: url("../../../lib/resources/images/bar.jpg") left no-repeat #000000;
    }
 
/*     .x-tab-panel-bwrap .x-tab-panel-body-noborder{
        height: 342px !important;
    }*/
    
  #PopupEditorTextTutorial,#PopupEditorPersonalNote,
  #PopupEditorTextTutorial2,#PopupEditorPersonalNote2,
  #PopupEditorTextTutorial3,#PopupEditorPersonalNote3,
  #vTabMockup ,#cTabMockup,#LongNote,#sTabMockup,#cTabMockup,
  #PopupEditorPersonalNote
  
  {
      width:98%;
      height:98%;
 
   
/*   width:560px; 
   height:365px;*/
   padding : 3px;
  }
  
  .x-window-dlg .x-dlg-icon .ext-mb-content{
      color: #eeeeee;
  }
  
  
   .TosLink, .TosLink a, .TosLink .TosLink_a{
        text-align: center;
        background-color: transparent;
        color: #000000;
        /*text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.98);*/
        text-decoration: none;
        font: normal 10px Verdana,Trebuchet, Tahoma !important;
        font-weight: bolder;
  }
  
  .LogoImg{
        border: 0;
        background-color: rgba(255, 255, 255, 0.33);
        border-radius: 10px;
        padding: 5px;
  }