/*Common */
* {
box-sizing: border-box;
}

*:focus {
  outline: none;
}

@font-face {
  font-family: 'THSarabunNewRegular';  
  src: url('../fonts/THSarabun.ttf') format('truetype');
}
@font-face {
    font-family: 'PromptRegular';
    src: url('../../../fonts/Prompt-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PromptLight';
    src: url('../../../fonts/Prompt-Light.ttf') format('truetype');
}
body {
    font-family: 'PromptRegular', sans-serif;
    font-size: 10pt;
    background-image: url("../../../img/dol-bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden !important;
}

legend {
    width: auto !important;
}

div{ 
  font-family: 'PromptRegular', sans-serif;

}

.customBody {
    height: calc(100vh - 310px);
    overflow-y: auto;
}

.btn {
    font-size: 10pt;
    font-weight: 500;
    min-width: 100px;
    height: 35px;
    padding-top: 3px;
}
.btn i {
        font-size: 10pt;
        padding-top: 3px;
    }
.btnIconTable {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10pt;
    min-width: 0px;
    width: 25px;
    height: 25px;
}
a:hover {
    text-decoration: none;
}

.control-group {
  margin-bottom: 10px;
}


.panel-default > .panel-heading-custom {
  background: #1fa32a; 
  color: #fff; 
}
.panel-default > .panel-heading-custom{
    background: #1fa32a;
    color: #fff;
    font-size:10pt;
    font-weight:500;
}
.panel-heading-custom>span{
    font-size:10pt;
    font-weight:500;
    padding-top:5px;
    padding-left:5px;
}
.panel-heading-custom>span>i {
    font-size: 10pt;
    font-weight: 500;
    padding-top: 10px;
    padding-left:10px;
}
.panel-body-custom{
  height: calc(100vh - 320px);
  overflow-y: auto; 
}


.panel-heading {
    padding: 8px 8px 8px 8px;
    font-weight:600;
}

.dolMenu .panel-title{
    color: #3c763d;
}

.panel-title {
    font-size: 10pt;
    font-weight: 600;
}
.panel-title>a>i {    
    font-size: 10pt;
    font-weight: 500;
}
.panel-body{
    padding: 5px 5px 5px 5px;
}
.table{
    margin-bottom:0px;
}
.table>tbody>tr>td{
    padding : 3px 3px 3px 3px;
}

 .x-tab-strip, .x-tab-right, .x-tab-left, span.x-tab-strip-text {
    color: green !important;
}
.x-tab-strip, .x-tab-panel-header {
    background-color: #8fc37a !important;
    border-color: #dff0d8 !important;
}
.x-btn{
    /*margin:5px 2px 5px 2px;*/
    height:25px !important;
}
.x-btn-text {
    color: darkgreen !important;
}
.x-tab-strip-top {
    background-color: #8fc37a !important;
    border-color: #dff0d8 !important;
}
.x-grid-panel{
    /*margin-top:5px !important;*/
    border-color: #8fc27a;
    border: 1px solid;
  /*  border-right-color: #8fc27a;
    border-right: 1px solid;
    border-left-color: #8fc27a;
    border-left: 1px solid;
    border-bottom-color: #8fc27a;
    border-bottom: 1px solid;*/
}
.x-tab-panel-body, .x-panel-body {
    background-color: #dff0d8 !important;
}
.x-tab-panel-body-top {
    border-color: green !important;
}

.x-panel-header-text {
    color: white !important;
    font-size: 10pt;
}

.x-panel-header, .x-panel-tr, .x-panel-tl {
    background-color: #8fc37a !important;
}
.x-panel-body {
    line-height: 1.4;
    /*height: auto !important;*/
    /*height: 700px !important;*/
}
/*ul.x-tab-strip-top {
    background-image: url(../images/gray/tabs/tab-strip-bg.gif) !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/gray/tabs/tabs-sprite.gif) !important;
}*/

.more-less{
    margin-top:5px;
}
.accordion-toggle:hover {
    text-decoration: none;
}



/* Page Header */
/*@font-face {
    font-family: 'PromptRegular';
    src: url('../../../fonts/Prompt-Regular.ttf') format('truetype');
}*/
.header-screen{
  position: fixed;
  left: 20px;
  top:5px;
  width: 100%;
  height: 100px;
  /*z-index: 9999;*/
}
.groupCommand{
  position: fixed;
  top:0px;
  right:0px; 
  
}
.btnCommand{
    font-size: 12pt;
    text-align: center;
    height: 30px;    
    width: 40px;
    /*padding-top: 5px;*/
    
    border-radius: 0px;
    box-shadow: none;
    transition: 0.25s;
    display: inline;
    text-decoration: none;
    text-shadow: none;
}

.btnProfile {
    background-color: #b627b4;
    color: #000 !important;  
    background:none;
    /*color: #ffffff !important;  */
    /*padding-top:0px;*/
}
.imgProfile{
    top:0px;
}

.btnPortal {
   padding-top: 5px;
    background-color: #44a622;
    color: #ffffff;
}
.btnLogout{   
   padding-top: 5px;
    background-color: #d6851d;
    color: #ffffff;       
  }
  
/*   .btnLogout { */
/*     background-position-y: center; */
/*     background-position-x: center; */
/*     background-repeat: no-repeat; */
/*     background-size: 27px; */
/*     background-color: #d6851d; */
/*     color: #ffffff; */
/*     background-image: url("../../../images/icons/logout_logo.png") !important; */
/* } */
  
.btnExit{    
   padding-top: 5px;
   background-color: #d61d1d;
   color: #ffffff;  
  }
/*.btnProfile:hover{  
  background-color: #e43ae2;
  color: #FFF;
}*/
.btnPortal:hover{ 
  background-color: #53c72a;
  color: #FFF;
}
.btnLogout:hover{  
  background-color: #fdb75e;
  color: #FFF;
}
.btnExit:hover{
  background-color: #ff5a5a;
  color: #FFF;
}

.dolLogo{
  height : 50px ;
  position:absolute;
  top:8px;
}
.textPageName {
    font-family: 'PromptRegular', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    z-index: -9999;
}
.textHeader {
    font-family: 'PromptRegular', sans-serif;
    font-weight: bold;
    color: darkgreen;
    text-shadow: darkolivegreen;
    position: fixed;
    top: 5px;
    left: 100px;
    font-size: 20pt;
    display: none;
}
.textPageTitle {
    font-family: 'PromptRegular', sans-serif;
    color: darkgreen;
    font-weight: bold;
    position: fixed;
    top: 33px;
    left: 80px;
    font-size: 14pt !important;
}
.textFullName {
    position: fixed;
    right: 150px;
    top: 40px;
    font-family: 'PromptRegular', sans-serif;
    font-size: 14pt;
    font-weight: bold;
    z-index: -9999;
}


.appNameTitle {
    font-family: 'PromptRegular', sans-serif;
    font-size: 20pt;
    font-weight: bold;
    color: darkgreen;
    position: fixed;
    top: 5px;
    left: 80px;
}

.sysNameTitle{
    font-family: 'PromptRegular', sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: darkgreen;
    position: fixed;
    top: 38px;
    left: 82px;
}

.textDepartment {
    font-family: 'PromptRegular', sans-serif;
    color: darkgreen;
    position: fixed;
    font-weight: bold;
    font-size: 16pt;
    top: 35px;
    right: 185px;
}

.textFullName {
    position: fixed;
    top: 13px;
    right: 185px;
    font-size: 10pt;
}

.textPageName {
    position: fixed;
    top: 65px;
    right: 185px;
}
#dolUser{
  z-index: -9999 !important;
}
/* End Page Header */

/* Portal */
.dolMenu{
  height: 150px;
  box-shadow: darkolivegreen;
  margin-right: 3px;
  margin-top: 3px;
  padding-right: 5px;
  padding-top: 5px;
  border-radius: 25px;  
 }

.dolMenu:hover{
  transition: 0.75s;
  height: 150px;
  /*cursor: pointer;*/

}
/* End Portal */

/* MyExt */
.x-panel {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-image:none;
}

/*edited css*/
.panel-success{
  border: none !important;
}

.x-grid-panel .x-panel-mc {
    border:0 none;
    padding:0;
    margin:0;
    padding-top:1px;
}

.x-grid-panel .x-panel-ml{
  padding-left: 4px !important;
  padding-top: 2px !important;
  padding-right: 20px !important;
}

.x-grid-panel .x-panel-mr{
  padding-right: 6px;
}

.x-date-middle .x-btn-text{
  color: #fff !important;
}

.x-date-menu ul{
  margin-bottom: 0 !important;
}

.x-form-label-right .x-panel-ml{
  padding-top: 10px;
  padding-left: 6px;
  padding-right: 20px;
}

.x-form-label-right .x-panel-bl .x-toolbar-right{
  padding-right: 20px;
}

.x-form-label-right .x-panel-mr{
  padding-right: 6px;
}

/*end edited css*/

.x-panel-tl, .x-panel-header {
    color: #fff0 !important;
}
.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br, .x-panel-bc {
    background-image: none;
    background-color: #dff0d8;
}
.x-panel-mr, .x-panel-ml, .x-panel-tc, .x-panel-mc {
    background-image: none;
    background-color: #dff0d8;
}


.x-panel-ti {
    background-color: #dff0d8;
    background-image: none;
}
.x-grid3 {
    background-color: #fff;
    padding-right: 10px;
}
/* End MyExt */


/* Screen Ex */

.content-breadcrumb {
    position: absolute;
    top: 60px;
    width:97%;
    margin-left:20px;
    margin-right:20px;
    background-color:transparent;
    z-index:1;
}

.content-screen {
    position: absolute;
    width: 97%;
    height: 80%;
    top: 50px;
    margin-top: 40px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 0px;
    overflow: auto;
    overflow-x: hidden;
}

.breadcrumb{
    background:none;
}

.control-group {
  margin-bottom: 10px;
}


.panel-default > .panel-heading-custom {
  background: #1fa32a; 
  color: #fff; 
}

.panel-body-custom{
  height: calc(100vh - 210px);  
}

.informationNews .panel-body-custom{
  height: calc(100vh - 280px);  
}

.form-control{
  font-size: 10pt;
}

.dol-icon-add {
    background-image:url("../../../img/icon/add.png");
}
.x-form-check-wrap input {
    vertical-align: middle !important;
}
/*label {
    margin-bottom: unset !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    
    vertical-align:middle !important;
}*/
input[type="radio"], input[type="checkbox"]{
    margin-left:4px;
}
/*.x-form-element{
    padding-left:5px !important;
}
*/
label {
    font-family: PromptRegular !important;
    font-size: 10pt;
    margin-bottom: 0px;
}
input {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
}
button {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
    font-weight: bold;
}

.x-panel-header-text {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
    /*font-weight:bold;*/
}

.x-grid3-hd-inner {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
    font-weight: bold;
    color: #3c763d;
}

.x-grid3-cell-inner {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
    color: #3c763d;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    color: #3c763d;
}

.content-breadcrumb {
    font-family: PromptRegular !important;
    font-size: 10pt !important;
    font-weight: bold;
}

.breadcrumb-item > a{
    color:darkgreen;
}

.x-form-field {
   font-family: PromptRegular !important;
   font-size: 9pt;
   /*font-weight: bold;*/
}
/* End Screen Ex */

/* Common i-con */
.i-magnifier {
    background-image: url(../../../img/icon/magnifier.png) !important;
    background-size: 16px auto !important;    
}
.i-database-add {
    background-image: url(../../../img/icon/database_add.png) !important;
    background-size: 16px auto !important;
}
.i-database-delete {
    background-image: url(../../../img/icon/database_delete.png) !important;
    background-size: 16px auto !important;
}
.i-database-go {
    background-image: url(../../../img/icon/database_go.png) !important;
    background-size: 16px auto !important;
}
.i-database-table {
    background-image: url(../../../img/icon/database_table.png) !important;
    background-size: 16px auto !important;
}
.i-folder-go {
    background-image: url(../../../img/icon/folder_go.png) !important;
    background-size: 16px auto !important;
}
.i-save-as {
    background-image: url(../../../img/icon/save_as.png) !important;
    background-size: 16px auto !important;
}
.i-cross {
    background-image: url(../../../img/icon/cross.png) !important;
    background-size: 16px auto !important;
}
.i-plus {
    background-image: url(../../../img/icon/plus_256x256.png) !important;
    background-size: 16px auto !important;
}
.i-new {
    background-image: url(../../../images/icons/new.png) !important;
    background-size: 16px auto !important;
}

/* End Common i-con */

/* Page Footer */

.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background-color: rgba(5, 122, 30, 0.3);
    width: 100%;
    padding-top: 10px;
    
}

.footer-C {
    position: fixed;
    text-align: center;
    bottom: 5px;
    left: 10px;
    width:100%;
    padding-top: 5px;
    font-weight: bold;
    font-size: 10pt;
    /*color: darkgreen;*/
    color: black;
    padding-left: 40px;
}

.footer-L {
    position: fixed;
    text-align: left;
    bottom: 5px;
    left: 10px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 10pt;
    color: black;
    /*color: darkgreen;*/
    /*padding-left: 40px;*/
}
.footer-R {
    position: fixed;
    text-align: right;
    bottom: 5px;
    right: 10px;
    padding-top: 10px;
    font-weight: 400;
    color: black;
}

footer p {
    margin-top: 11px;
    font-size: 10px;
}
.textDateTime {
    font-family: 'PromptRegular', sans-serif;
    font-weight: bold;
    position: fixed;
    bottom: 3px;
    right: 10px;
    font-size: 10pt;
    color: black;
    /*background: rgba(5, 122, 30, 0.3);*/
    /*color: darkgreen;*/

}

    .textDateTime > i {
        font-size: 10pt;
    }



/* End Page Footer 

/* Menu page*/

.menuItem > tbody > tr > td > a{
 color:darkgreen !important;
}

.menuItem > tbody > tr > td {
    padding-left: 15px;
}

.menu-body-custom{
  height: calc(100vh - 240px);
  overflow-y: auto; 
}

/* End Menu page */

/* Shortcut Menu*/
/*#accordion{
  height: calc(120vh - 225px) !important;
  overflow-y: auto  !important;
}*/

#bgPanel {
    display:none;
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.menu_panel {
    position: fixed;
    top: 10px;
    right: 5px;    
    z-index: 10000;
    height: 80%;
    overflow: auto;
}
.panel-menu-btn{
    position:fixed;
    left:unset;
    right:0px;
    top:32px;
    z-index:10002;
}
.panel-menu-content {
    background-color: #ffffff;
    position: fixed;
    top: 63px;
    bottom: unset;
    right: 0px;
    left: unset;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    border-radius: 0px;
    overflow: auto;
    height: auto;
    width: 350px !important;
}

.btnShortMenu {    
    color:white;
    background-color:forestgreen;
    height:30px;
    width:130px;
   
    display:block;   
    text-align:center;
    vertical-align:middle;  
    
    z-index:2;
    border-radius:0px;    
    padding-top:5px;
}
.btnShortMenu:hover {
    color: white;
    background-color: darkgreen;    
}
.btnShortMenu > span {
    font-size:12pt;
    font-weight:bold; 
    text-shadow:none;
    text-decoration:none;
    
}
.btnShortMenu > i {
    font-size: 12pt;
    font-weight: 200;
    
}

#btnM{
    color: white !important;
}

.mpanel-heading {
    background-color:forestgreen;    
    padding: 8px 8px 8px 8px;
}
.mpanel-title {
    color:white;
    font-size: 12pt;
    font-weight: 500;
}
.mpanel-title > a {
    color: white;
    font-size: 12pt;
    font-weight: 500;
}
.mpanel-title > a > i {
    color: white;
    font-size: 12pt;
    font-weight: 500;
}

.mpanel-title .glyphicon-transfer::before{
    content:"\e118";
}

.mpanel-body {
    padding: 5px 5px 5px 5px;
    /*width: 300px;*/
}
.menuSubItem {
    color: black;
    font-size:11pt;    
}

.collapse {
    visibility: hidden;
}
.collapse.in {
    visibility: visible;
}
.collapsing {
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.05s;
    transition-duration: 0.05s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.collapsing.width {
        -webkit-transition-property: width, visibility;
        transition-property: width, visibility;
        width: 0;
        height: 0;
    }


/* End Shortcut Menu*/


/* My Custom css*/
legend {
    margin-bottom: 5px;
    border-bottom: 0px;
}

.btnHelp{
    font-size: 22px;
    position:fixed;
    left:unset;
    right:135px;
    top:32px;
    z-index:10002;
    background-color: #316013;
    /*background:none;*/
    color: #ffffff;  
    /*padding-top:0px;*/
}

.btnHelp:hover{  
  background-color: #44851b;
  color: #FFF;
}

.glyphicon-question-sign{
  top: -1px;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0px;
  background-color: #8fc37a;;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
z-index: 99999;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 20px;
  color: #006400;
  display: block;
  transition: 0.3s;
}

.helpSubtitle{
  font-size: 15px !important;
  color: #006400;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.sidenav .custombtn {
  position: absolute;
  top: 18px;
  right: 50px;
  font-size: 15px;
}

.x-tool {
    background-image: url(../../../images/default/panel/tool-sprites.gif) !important;
}

.x-fieldset{
    padding: 0px !important;
}

.x-fieldset legend {
    font-family: 'PromptRegular', sans-serif;
    font-weight: bold;
    font-size: 9pt;
    color: #3c763d;
}

.x-form-field-wrap .x-form-trigger {
    height: 22px;
}

.x-window-tl .x-window-header {
    font-family: 'PromptRegular', sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #fff;
}

.x-window-plain .x-window-mc {
    background-color: #d5ded2 !important;
    border-color: #8fc37a #8fc37a #53a94d #53a94d;
}

.x-grid3-cell-selected {
    background-color: #a3e9b3 !important;
    color: #000;
}

.x-combo-list {
    font-family: 'PromptRegular', sans-serif;
    font-size: 12px;
}

/*.x-form-clear-left {
    clear: none;
}*/

.x-form-item {
    margin-bottom: 2px;
}

/*.x-box-inner {
    left: 15px;
}*/
 
.x-form-field .x-box-item{
   font-family: PromptRegular !important;
   font-size: 9pt !important;
   font-weight: bold !important;
}

.x-form-text{
    font-family: PromptRegular !important;
   font-size: 10pt !important;
   font-weight: none !important;
}

.ext-gecko .x-window-body .x-form-item{
    overflow: hidden;
}

.ext-gecko .x-form-text, .ext-ie8 .x-form-text{
    padding-top: 0px;
    color:darkgreen;
}

.x-panel-btns{
    padding: 0px;
}

.x-toolbar-right{
    margin-right: 20px !important;
}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    padding-right: 10px;

}

.x-form-label-left .x-toolbar-right{
    padding-right: 15px;
}

.x-window-mc .x-toolbar-right{
    padding-right: 15px;
}

.x-tab-panel-header, .x-tab-panel-footer {
    border-color: #c8e6c1;
}

.x-tab-panel-header, .x-tab-panel-footer {
    background-color: #b6deaf;
    border-color: #82bb6f;
    overflow: hidden;
    zoom: 1;

}

ul, ol {
    margin-top: 0;
    margin-bottom: 2px;
}

.ext-strict .x-form-text {
    height: 22px;
}

.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field {
    padding-top: 3px;
}

.x-form-item {
    font-family: PromptRegular !important;
    font-weight: bold;
    font-size: 10pt;
    margin-bottom: 0px;
}

.x-form-cb-label {
    position: relative;
    margin-left:4px;
    top: 2px;
    padding-top:3px;
}

input[type='radio'], input[type='checkbox'] {
    margin-left: 4px;
    margin-bottom: 1px;
}


.ext-el-mask-msg {
    border-color: #8fc37a;
    background-color: #dff0d8;
    background-image: none !important; /*url(../../../images/default/box/tb-blue.gif);*/
}

.ext-el-mask-msg div{
    font: normal 11px PromptRegular !important;
}


/* calendar */
.x-date-mp-btns button {
    background-color: #3a8718;;
    color: #fff;
    border-color: #6dcc33 #0b5500 #0b5500 #6dcc33;
    font: normal 11px arial, helvetica,tahoma,sans-serif;
}

td.x-date-mp-month a, td.x-date-mp-year a {
    color: #3c763d;
}

.informationNews ul,.informationNews ol{
     padding-left: 40px !important;

}

.informationNews ul, .informationNews ul > li{
    list-style:disc !important;

}

 .informationNews ol , .informationNews ol > li{
    list-style:decimal !important;

}

.informationNews em{
    font-style: italic !important;
}


/*.x-btn-over .x-btn-tl{
  background-position: -6px 0;
}

.x-btn-over .x-btn-tr{
  background-position: -9px 0;
}

.x-btn-over .x-btn-tc{
  background-position: 0 -9px;
}

.x-btn-over .x-btn-ml{
  background-position: -6px -24px;
}

.x-btn-over .x-btn-mr{
  background-position: -9px -24px;
}

.x-btn-over .x-btn-mc{
  background-position: 0 -2168px;
}

.x-btn-over .x-btn-bl{
  background-position: -6px -3px;
}

.x-btn-over .x-btn-br{
  background-position: -9px -3px;
}

.x-btn-over .x-btn-bc{
  background-position: 0 -18px;
}*/


/* background positioning */
/*.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
  font-size:1px;
    line-height:1px;
    width:3px;
    display:block;
    overflow:hidden;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
  height:2px;
}

.x-btn-tl{
  width:3px;
  height:1px;
  background:no-repeat 0 0;
}
.x-btn-tr{
  width:3px;
  height:1px;
  background:no-repeat -3px 0;
}
.x-btn-tc{
  height:1px;
  background:repeat-x 0 -9px;
}

.x-btn-ml{
  width:3px;
  background:no-repeat 0 -24px;
}
.x-btn-mr{
  width:3px;
  background:no-repeat -3px -24px;
}

.x-btn-mc{
  background:repeat-x 0 -1096px;
    vertical-align: middle;
  text-align:center;
  padding:0 5px;
  cursor:pointer;
  white-space:nowrap;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background-image: url(../../../images/default/button/btn.gif);
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background-image: url(../../../images/default/button/btn.gif);
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background-image: url(../../../images/default/button/btn.gif);
}*/


/*x-window-mc*/
/*.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br {
    border-bottom-color: green;/s*#3c763d;*s/
}*/

/*.x-panel-tl {
    background: transparent no-repeat 0 0;
    padding-left: 6px;
    zoom: 1;
    border-bottom: 1px solid;
}*/

/*.x-panel-body .x-panel-ml{
    padding-left: 6px;
    zoom: 1;
    border-right-color: #8fc27a;
    border-right: 1px solid;
    border-left-color: #8fc27a;
    border-left: 1px solid;
     border-bottom-color: #8fc27a;
    border-bottom: 1px solid;
}*/

/*.x-panel-bl{
    border-bottom-color: #8fc27a;
    border-bottom: 1px solid;
}

.x-panel-bl .x-panel-nofooter{
     border: 0px;
}*/
/************************/