/* 
    Document   : default
    Created on : Sep 2, 2015, 1:24:00 PM
    Author     : xtian
    Description:
        stylesheet to override a lot of css
*/

#app_menulst{ 
/*  border-color: #3f3f3f;
  background-image: none;
  background-color: #3f3f3f; */
  border-color: #ffffff;
  background-image: none;
  background-color: #ffffff;
}

#app_menulst .x-btn-arrow {
  /*background-image: url('../../themes/images/azzurra/button/arrow.gif');*/
  background: none;
  display: block; }

#app_menulst .x-btn-arrow-right{
    padding: 0px;
    padding-right: 3px;
}

#vp_head .x-btn-default-toolbar-small .x-btn-inner{
    color: #fff;
}

#app_menulst .x-btn-default-toolbar-small .x-btn-inner:hover{
    color: #fff;
}

#app_menulst .x-btn-default-toolbar-small-active .x-btn-inner{
    color: #fff;
}
                                                
#app_menulst .x-btn-default-toolbar-small-over, #app_menulst .x-btn-default-toolbar-small-active,#app_menulst .x-btn-default-toolbar-small-focus,#app_menulst .x-btn-default-toolbar-small-pressed,#app_menulst .x-btn-default-toolbar-small-menu-active{
    border-color: #3f3f3f; 
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-image: none;
    background-color: #3f3f3f;
    color: #fff;
}

#app_menulst .x-btn-default-toolbar-small.x-btn-default-toolbar-small-over .x-btn-inner{
    color: #fff;
}


.x-panel-body-newmenu, .x-panel-body-newmenu{
    background: #3f3f3f !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 10 10 10;
}

.x-panel-body-newmenu .x-menu-item-active .x-menu-item-link{
    background: #ffffff !important;
    border-color: #ffffff;
    text-align: left;
}

.x-panel-body-newmenu .x-menu-item-active .x-menu-item-link .x-menu-item-text{
    color: #333;
}

.x-panel-body-newmenu .x-menu-item-link{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 6px 4px 12px;
}

.x-panel-body-newmenu .x-btn .x-btn-center .x-btn-inner{
    text-align: left;
    color: #fff;
    padding: 3px 6px 4px 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.x-panel-body-newmenu .x-menu-item-active .x-menu-item-text, .x-panel-body-newmenu .x-menu-item-over .x-menu-item-text{
    /*color: #3f3f3f;*/
} 
.x-panel-body-newmenu .x-btn .x-btn-center .x-btn-inner:hover{
    background: #ffffff !important;
    border-color: #ffffff;
    text-align: left;
    color: #333;
}

.x-toolbar-maintoolbar{
    background: #3f3f3f;
}

.x-window .x-toolbar-maintoolbar{
    background: #ffffff;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small .x-btn-inner{
    color: #333;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active .x-btn-inner{
    color: #fff;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small .x-btn-icon{
    color: #333;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active .x-btn-icon{
    color: #fff;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small-over .x-btn-icon{
    color: #fff;
}

.x-window .x-toolbar-maintoolbar .x-btn-default-toolbar-small-over .x-btn-inner{
    color: #fff;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small .x-btn-inner{
    color: #fff;
}



.x-toolbar-maintoolbar .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 5px;
    color: #fff;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active.x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active .x-btn-default-toolbar-small-over .x-btn-arrow{
    background-image: url('../../themes/images/azzurra/button/arrow_w.png');
    display: block;
    padding-right: 10px;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small-over .x-btn-arrow{
    background-image: url('../../themes/images/azzurra/button/arrow_w.png');
    display: block;
    padding-right: 10px;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active .x-btn-arrow{
    background-image: url('../../themes/images/azzurra/button/arrow_w.png');
    display: block;
    padding-right: 10px;
}

.x-toolbar-maintoolbar .x-btn-default-toolbar-small-menu-active .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff;
}

.x-toolbar-sencha .x-btn-default-toolbar-small-over,.x-toolbar-sencha .x-btn-default-toolbar-small-active{
    border-color: #3f3f3f;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-image: none;
    background-color: #3f3f3f;
}

.x-toolbar-sencha .x-panel-body-default{
    background: #3f3f3f !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 10 10 10;
}

.x-panel-body-default{
    background: none;
}

.x-toolbar-maintoolbar .x-toolbar-separator-horizontal{
    border-left: 1px solid #fff;
    border-right: none;
}

.x-tab-bar-body{
    border: none;
}

div.x-panel-blue-tab > .x-tab-bar-top .x-tab{
    border: none;
    border-bottom: none;
}

.x-tab-default .x-tab-inner{
    color: #fff;
}

.x-tab-default-active .x-tab-inner, .x-tab-default-over .x-tab-inner{
    color: #333;
}

.x-window .x-tab-default .x-tab-inner{
    color: #333;
}

.x-window .x-tab-default-active .x-tab-inner, .x-window .x-tab-default-over .x-tab-inner{
    color: #fff;
}

#modulePanel{
    border-top: 1px solid #ffffff;
}

.x-tab-bar .x-tab-close-btn{
    top: 5px;
    right: 7px;
}

.x-tab-bar{
    background: #3f3f3f;
}
.x-horizontal-box-overflow-body{
     background: #3f3f3f;
}

.x-window .x-horizontal-box-overflow-body{
    background: #fff;
}

.x-tab-bar .x-tab-close-btn {
    visibility: hidden;
    background-image: url('../../themes/images/azzurra/tab/tab-default-close.gif'); 
}

div.x-panel-blue-tab > .x-tab-bar .x-tab-bar-strip-default{
    /*background: #3f3f3f;*/
    background: #fff;
    color: #fff;
    /*border: 1px solid #3f3f3f;*/
    border: none;
}
div.x-panel-blue-tab > .x-tab-bar .x-tab-active,div.x-panel-blue-tab > .x-tab-bar .x-tab-over{
    /*background: #3f3f3f;*/
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.x-panel-blue-tab .x-tab-bar-top + .x-panel-body-blue-tab{
    /*border-top-color: #3f3f3f !important;*/
    border-top-color: #fff !important;
}

div.x-panel-blue-tab .x-panel-body-blue-tab{
    background: #fff;
}

#vp_head1 {
    background: #fff !important;
    font-weight: bold;
    text-align: right;
    padding-top: 5px;
    padding-right: 42px;
    float:right;
}

#h_text1 {
    padding-right: 15px;
}

#h_text2 {
    font-weight: normal;
}

.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger{
    opacity: 1;
}

/*.x-window-body .x-toolbar-maintoolbar{
    background: #ffffff;
}
.x-window-body .x-toolbar-maintoolbar .x-btn-default-toolbar-small .x-btn-inner{
    color: #333;
}

.x-window-body .x-toolbar-maintoolbar .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 5px;
    color: #fff;
}*/

.x-window-body-blue-window-active{
    color: #fff;
}

.x-window-body-blue-window-active label{
    color: #333;
}

.x-toolbar-maintoolbar label{
    color: #fff;
}

.x-toolbar .x-form-item-label{
    /*color: #fff;*/
}

.x-window-active.x-window-blue-window-active,.x-window-blue-window-active,.x-window-header-blue-window-active-top, .x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-top, .x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-bottom, .x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-left, .x-window-active.x-window-blue-window-active .x-window-header-blue-window-active-right{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 7px;
}

.x-grid-row .x-grid-cell,.x-form-field, .x-form-display-field,.x-form-item-label,.x-form-item,.x-btn-default-toolbar-small .x-btn-inner,.x-toolbar{
    font-size: 12px;
}

#vp_head .x-btn-default-toolbar-small-menu-active, #vp_head .x-btn-default-toolbar-small-pressed{
    border-color: #3f3f3f; 
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-image: none;
    background-color: #3f3f3f;
}

#vp_head .x-menu-body{
    border-color: #3f3f3f; 
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: none;
    background-color: #3f3f3f;
}
.x-panel-newmenu1 .x-btn-group .x-btn-group-notitle .x-box-item .x-btn-group-default-framed .x-menu-item .x-menu-item-cmp{
    /*background:none;*/
    /*border:none;*/
}

.x-panel-newmenu1 .x-btn-group-default-framed{
    border: none;
}

.x-panel-newmenu1 .x-btn-default-toolbar-medium-over{
    background:none;
    border-color: #3f3f3f;
}

.x-panel-body-newmenu1 .x-btn .x-btn-center .x-btn-inner{
    padding: 0px 3px 4px 10px;
    font-size: 12px;
}

.x-panel-body-newmenu1{
    background: #3f3f3f !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 5 5 5;
}

.x-panel-body-newmenu1 .x-menu-item-active .x-menu-item-link{
    background: #ffffff !important;
    border-color: #ffffff;
    text-align: left;
}

.x-panel-body-newmenu1 .x-btn-default-small{
    background: #3f3f3f  !important;
    border-color: #3f3f3f ;
}

.x-panel-body-newmenu1 .x-menu-item-active .x-menu-item-link .x-menu-item-text{
    color: #333;
}

.x-panel-body-newmenu1 .x-menu-item-link{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 6px 4px 12px;
}

.x-panel-body-newmenu1 .x-btn .x-btn-center .x-btn-inner{
    text-align: left;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.x-panel-body-newmenu1 .x-btn-over .x-btn-center .x-btn-inner{
    background: #ffffff !important;
    border-color: #ffffff;
    color: #333;
} 

.x-panel-body-newmenu1 .x-btn .x-btn-center .x-btn-inner:hover{
    background: #ffffff !important;
    border-color: #ffffff;
    text-align: left;
}

#vp_head .x-btn-arrow{
    background-image: url('../../themes/images/azzurra/button/s-arrow-light.gif');
}

#vp_head .x-btn-default-small{
    background: #3f3f3f;
    border: 1px solid #3f3f3f; 
    border-radius: 5px;
}

#vp_head .x-btn-default-small .x-btn-inner{
    font-size: 12px;
}

#vp_foot1{
  background-color: #2f2f2f;
  border: 1px solid #2f2f2f;
  text-align: right;
  font-size: 12px;
  color: #fff;
}

#vp_foot1 #footerlabel{
    float: right;
    margin-right: 10px;
    width: 100%;
    text-align: right;
    padding-right: 30px;
}

#vp_cc{
    margin: auto auto!important; 
    top: 25%;
    padding-bottom: 90px;
}

#vp_cc1{
    margin: auto auto!important; 
}

#vp_cc1 .x-fieldset-header .x-fieldset-header-text{
    font-size: 15px;
    font-weight: bold;
    color: #3f3f3f;
}

.x-grid-with-row-lines .x-grid-cell-inner{
    line-height: 19px;
}

.x-column-header-inner .x-column-header-text{
    font-size: 12px;
}

.x-btn-ccbuttons-small{
    margin:9px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    
    
}
.x-btn-ccbuttons-small-over,.x-btn-ccbuttons-small-active, .x-btn-ccbuttons-small-pressed{
    -webkit-box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
}

/*#vp_cc1{
    overflow: visible;
}*/

.x-btn-default-small{
    background: #3f3f3f;
    border: 1px solid #3f3f3f; 
    border-radius: 5px;
}

.x-btn-default-small-disabled{
    background: #B3BAC0;
    border: #B3BAC0;
}

.x-btn-default-small-over{
    background: #3f3f3f;
    border: 1px solid #3f3f3f; 
    border-radius: 5px;
    color: #fff;
}

.x-panel-body-newmenu .x-btn-default-small{
    background: #3f3f3f;
    border-radius: 5px;
    border: 1px solid #3f3f3f; 
    color: #fff;
}

.x-menu-item-active .x-menu-item-arrow{
    background: url('../../themes/images/azzurra/menu/menu-parent-b.png') no-repeat;
}

/*div#menu-1500-body*/
/*.x-btn-default-small{
    background: none;
    border: none;
}*/


.x-btn-default-small-over .x-btn-inner{
    color: #fff;
}


.x-btn-ccbuttons1-small{
    margin:9px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(134,134,134,1), 0px 9px 20px rgba(0,0,0,.7);
    
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    width: 97px !important;
    height: 85px !important;

}
.x-btn-ccbuttons1-small-over,.x-btn-ccbuttons-small-active, .x-btn-ccbuttons-small-pressed{
    -webkit-box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(134,134,134,1), 0px 3px 6px rgba(0,0,0,.9);
}

.textAreaNoBorder{
    border: none;
}

/*.x-action-col-glyph {font-size:16px; line-height:16px; color:#1fb496; width:20px}
.x-action-col-glyph:hover{color:#3f3f3f}*/

.x-action-col-icon {font-size:16px; line-height:16px; color:#3f3f3f; width:100%; text-align: center;}
.x-action-col-icon:hover{color:#1fb496;}
.x-action-col-icon .fa{font: normal normal normal 16px/1 FontAwesome; line-height:16px; color:#3f3f3f; width:20px; text-align: center;}
.x-btn-icon{font-size: 14px; color: white; padding: 1px;}
.x-btn-icon .fa{font-size: 11px; color: white; padding: 6px 3px;}
.x-btn-default-small-disabled .x-btn-icon.fa{padding: 7px 4px;}
.x-box-inner .x-toolbar .x-btn-default-toolbar-small{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 5px;
    color: #fff;
    /*padding: 0 10 10 10;*/
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small{
    background: #ffffff;
    border-color: #ffffff;
    border-radius: 3px;
    color: #333;
    /*padding: 0 10 10 10;*/
}

#contracts_ContractDetails-toolbar-innerCt{
    background: transparent !important;
    border-bottom: none !important;
}

#contracts_ConditionsAndWarranties-toolbar-innerCt{
    background: transparent !important;
    border-bottom: none !important;
}

#contracts_Agreement-toolbar-innerCt{
    background: transparent !important;
    border-bottom: none !important;
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 3px;
    color: #fff;
    /*padding: 0 10 10 10;*/
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active .x-btn-default-toolbar-small-over{
    border-color: #3f3f3f;
    background: #3f3f3f;
    border-radius: 5px;
    color: #fff;
}
.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active.x-btn-default-toolbar-small-over, .x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active.x-btn-default-toolbar-small{    
    border-color: #3f3f3f;
    background: #3f3f3f;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    /*padding: 0 10 10 10;*/
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active.x-btn-default-toolbar-small .x-btn-inner{
    color: #fff;
}


.notif_bal .x-btn-default-toolbar-small .x-btn-inner{
   color: #333;
} 

.notif_bal .x-btn-default-toolbar-small-over{
    border-color: #3f3f3f;
    background: #3f3f3f;
    border-radius: 5px;
    color: #fff;
}
.notif_bal .x-btn-default-toolbar-small-over .x-btn-inner{
    color: #fff;
}

.x-btn-default-toolbar-small .x-btn-inner{
    color: #fff;
}

.x-window .x-btn-default-toolbar-small .x-btn-inner{
    color: #333;
}

.x-window .x-btn-default-toolbar-small-over{
    border-color: #3f3f3f;
    background: #3f3f3f;
    border-radius: 5px;
    color: #fff;
}
.x-window .x-btn-default-toolbar-small-over .x-btn-inner{
    color: #fff;
}

#app_menulst .x-btn-default-toolbar-small .x-btn-inner{
    color: #333;
}

#app_menulst .x-btn-default-toolbar-small-menu-active .x-btn-inner{
   color: #fff; 
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small:hover .x-btn-inner{
    color: #fff;
}

.x-window .x-box-inner .x-toolbar .x-btn-default-toolbar-small .x-btn-inner{
    color: #333;
}

.x-box-inner .x-toolbar .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 5px;
    color: #fff;
    /*padding: 0 10 10 10;*/
}

.x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active .x-btn-default-toolbar-small-over{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}

.x-box-inner .x-toolbar .x-btn-default-toolbar-small-menu-active{
    background: #3f3f3f;
    border-color: #3f3f3f;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;  
    color: #fff;
}

.x-box-inner .x-toolbar .x-btn-default-toolbar-small{
    color: #fff;
}

.x-grid-row-alt .x-grid-cell{
    background: #e8e4d5;
}

#accountgrid .x-grid-row-alt .x-grid-cell{
    background: #fff;
}

#accountgrid .x-grid-cell{
    background: #fff;
}

#accountgrid tr,#accountgrid td{
    border: none;
}

#accountgrid table{
    border:none;
    border-collapse: collapse;
}

.x-column-header{
   color: #000; 
}

.x-toolbar-default{
    /*background: #3f3f3f;*/
    background: #ffffff;
}

.notif_bal .x-toolbar-default{
    /*background: #3f3f3f;*/
    background: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.x-form-search-trigger{
    background-position: 0px -4px;

}

.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  border-color: #3f3f3f;
  background-image: none;
  background-color: #3f3f3f;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  color: #fff;
}

.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-top-active{
    background: #3f3f3f !important;
    color: #fff;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.x-window-active.x-window-blue-window-active .x-tab-bar .x-tab-bar-strip-default-plain{
    background: #fff;
    color: #fff;
    border: none;
}

.x-window-active.x-window-blue-window-active .x-tab-bar-top + .x-panel-body{
    border-top-color: #fff !important;
}

.x-window .x-tab-bar .x-tab{
  border-bottom: 1px solid #3f3f3f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #ffffff;
}

.x-window .x-tab-bar .x-tab-active.x-tab-default-active{
    background: #3f3f3f !important;
    color: #fff;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.x-portal-column .x-panel-header-collapsed-left .x-panel-header-text-container{
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(90deg);
    -o-transform-origin: 0 0;
    transform: rotate(90deg);
    transform-origin: 0 0;
}



/*!
 * Ext JS
 * Copyright(c) 2006-2012 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
body {
    padding:20px;
    padding-top:32px;
}
.x-body {
    font-family:helvetica,tahoma,verdana,sans-serif;
    font-size:13px;
}
p {
    margin-bottom:15px;
}
h1 {
    font-size:16px;
    margin-bottom:20px;
}

h2 {
/*    font-size:14px;
    color:#333;
    font-weight:bold;
    margin:10px 0;*/
}
.example-info{
    width:150px;
    border:1px solid #c3daf9;
    border-top:1px solid #DCEAFB;
    border-left:1px solid #DCEAFB;
    background:#ecf5fe url( info-bg.gif ) repeat-x;
    font-size:10px;
    padding:8px;
}
pre.code{
    background: #F8F8F8;
    border: 1px solid #e8e8e8;
    padding:10px;
    margin:10px;
    margin-left:0px;
    border-left:5px solid #e8e8e8;
    font-size: 12px !important;
    line-height:14px !important;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:85%;
    top:10px;
    width:400px;
    margin-left:-200px;
    z-index:20000;
    -webkit-transform: translate3d(0,0,0);
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ff7575;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #ff0000;
}

#msg-div .msg p {
    margin: 0;
}

#msg-div-good {
    position:absolute;
    left:85%;
    top:10px;
    width:400px;
    margin-left:-200px;
    z-index:20000;
    -webkit-transform: translate3d(0,0,0);
}
#msg-div-good .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #b7d3a9;
    border: 2px solid #29630b;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div-good .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
    color: #29630b;
}

#msg-div-good .msg p {
    margin: 0;
}


.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

.feature-list {
    margin-bottom: 15px;
}
.feature-list li {
    list-style: disc;
    margin-left: 17px;
    margin-bottom: 4px;
}

.x-panel-girdOneline .x-grid-cell-inner{
    white-space: nowrap;
}

.x-window-active{
    border: 1px solid #3f3f3f !important;
}

.x-window .x-border-box .x-tab-bar-top .x-tab-bar-body{
    border-top: none;
}

.noWrap .x-grid-cell-inner{
    white-space: nowrap !important; 
}

.wrapText{
    white-space: nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important
}

.x-window .gridWithHiddenTab .x-tab-bar .x-tab-active.x-tab-default-active{
    background: #fff !important;
}

.gridWithHiddenTab{
    border: 1px solid #aeb6be;
}