html, body {
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, sans-serif
}

.page-head {
    width: 100%;
    height: 65px;
    background: url(../images/template/head-bg.jpg) top repeat-x
}

.page-head .logo {
    float: left;
    margin: 0 15px 5px 15px
}

.page-head .logo img {
    height: 50px;
    width: auto
}

.page-head .text {
    display: block;
    color: #fff;
    font-size: 20px;
    margin: 0 0 0 10px
}

.page-head-sub {
    width: 100%;
    height: 60px;
    background: url(../images/template/sub-head-bg.jpg) top repeat-x;
    border: 0 solid #00f;
    vertical-align: top
}

.page-head-sub .logout {
    display: block;
    margin: 8px 0 0 0!important
}

.page-head-sub .logout img {
    height: 25px;
    width: auto
}

.page-head-sub-new {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 12px
}

.page-head-sub-new .lang-select label, .page-head-sub-new .login-info label {
    color: #fff
}

.page-head-sub-new .login-info span {
    color: #FC0
}

.page-head-sub-new .login-info {
    display: block;
    float: left;
    font-size: 12px;
    margin: 13px 25px 0 50px;
    border: 0 solid green
}

.login-info {
    display: block;
    float: left;
    font-size: 14px;
    margin: 13px 25px 0 150px;
    border: 0 solid green
}

.login-info label {
    color: #004a77;
    font-weight: bold
}

.login-info span {
    color: #004a77;
    font-weight: normal;
    margin-right: 15px
}

.lang-select {
    float: left;
    margin: 15px 0 0 15px;
    color: #959594
}

.lang-select label {
    color: #004a77;
    font-weight: bold
}

.lang-select a {
    text-decoration: none
}

.lang-select a:hover {
    text-decoration: underline
}

.lang-select a.thai {
    color: yellow
}

.lang-select a.english {
    color: orange
}

.lang-select a.chinese {
    color: red
}

.page-body {
    width: 100%;
    height: 600px;
    padding: 10px 0 0;
    background: #fff
}

.body-left {
    vertical-align: top;
    width: 315px
}

.body-right {
    vertical-align: top;
    width: 100%
}

.tb-content {
    margin-right: 10px
}

.body-right .head-center {
    background: url(../images/template/head-center.gif) repeat-x top
}

.body-right .content-head {
    display: block;
    background: url(../images/template/head-left.gif) left top no-repeat;
    width: 100%;
    height: 40px;
    margin: 0
}

.body-right .content-head h1 {
    background: url(../images/template/head-right.gif) right top no-repeat;
    padding: 10px 0 0 0;
    margin: 0 0 0 10px;
    text-indent: 10px;
    height: 30px;
    color: #fff;
    font-size: 16px
}

.body-right .content-head h1 a {
    color: #ff0;
    text-decoration: none
}

.body-right .content-head h1 a:hover {
    color: #ff0;
    text-decoration: underline
}

.body-right .content-search {
    width: 100%;
    height: 60px
}

.body-right .content-search div.content-search-body {
    display: block;
    background: #f7f7f7;
    min-height: 60px;
    border: 1px solid #d8d8d8;
    margin: 0
}

.body-right div.content-search-body {
    display: block;
    background: #f7f7f7;
    min-height: 60px;
    border: 1px solid #d8d8d8;
    margin: 0 0 5px 0
}

.body-right .content-search h2 {
    background: url(../images/template/system-menu-icon1.png) left 5px no-repeat;
    padding: 4px 0 0 25px;
    margin: 5px 0 5px 5px;
    color: #00314e;
    font-size: 18px
}

.body-right .content-body {
    background: #fff;
    width: 100%;
    min-height: 300px;
    height: auto;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    margin: 0;
    padding: 2px 3px;
    vertical-align: top;
    white-space: nowrap
}

.body-right .content-body h2 {
    background: url(../images/template/system-menu-icon1.png) left 5px no-repeat;
    padding: 4px 0 5px 25px;
    margin: 10px 0 10px 5px;
    color: #00314e;
    font-size: 18px
}

.body-right .content-body h2.line {
    border-bottom: 1px solid #becad9
}

.body-right .content-body h2.th2 {
    color: #f49602;
    background: url(../images/template/h2-icon-yellow.png) left 5px no-repeat
}

.body-right .content-body h3 {
    background: url(../images/template/system-menu-arrow.png) 3px 6px no-repeat;
    padding: 3px 0 5px 15px;
    margin: 10px 0 0 10px;
    color: #2c4163;
    font-size: 16px;
    border-bottom: 1px dashed #2c4163
}

.body-right .content-body h3.no-line {
    margin: 10px 0 0 0;
    border-bottom: 0
}

.body-right .content-body h3.th2 {
    background: url(../images/template/h3-icon-yellow.png) 3px 6px no-repeat;
    color: #fca318
}

.body-right .content-body h4.expense-type {
    background: #fff url(../images/permission/head-bg-blue-light.gif) repeat-y;
    padding: 3px 3px 3px 0;
    margin: 5px 0 0 1px;
    color: #fcf46c;
    font-size: 14px;
    border: 0
}

.body-right .content-body h4.expense-type span {
    background: url(../images/permission/menu-arrow-yellow.png) 2px 1px no-repeat;
    padding: 0 0 0 12px
}

h4.showtime {
    background: #fff url(../images/permission/head-bg-blue-light.gif) repeat-y;
    padding: 3px 3px 3px 0;
    margin: 5px 0 0 1px;
    font-size: 14px;
    border: 0
}

h4.showtime span {
    background: url(../images/permission/menu-arrow-dblue.png) 2px 1px no-repeat;
    padding: 0 0 0 12px;
    color: #003181
}

.body-right .content-bottom {
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/template/content-bottom-bg.gif) bottom repeat-x;
    margin-bottom: 10px
}

.body-right .content-bottom div {
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/template/content-bottom-left.gif) bottom left no-repeat
}

.body-right .content-bottom div div {
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/template/content-bottom-right.gif) right bottom no-repeat;
    padding: 0
}

.body-login {
    vertical-align: top;
    width: 100%
}

.body-login .content-head {
    display: block;
    background: url(../images/template/head-center.gif) repeat-x top;
    width: 400px;
    height: 40px;
    margin: 0
}

.body-login .content-head h1 {
    background: url(../images/template/head-right.gif) right top no-repeat;
    padding: 10px 0 0 0;
    margin: 0 0 0 5px;
    text-indent: 10px;
    height: 30px;
    color: #fff;
    font-size: 16px
}

.body-login .content-head div.bg-center {
    background: url(../images/template/head-left.gif) top left no-repeat
}

.body-login .content-body {
    display: block;
    background: #fff;
    width: 398px;
    height: auto;
    border: 1px solid #d8d8d8;
    margin: 0;
    padding: 0
}

.body-login .content-body table {
    margin: 5px
}

.body-login .content-body table th {
    text-align: right;
    padding: 3px 3px 3px 2px
}

.body-login .content-body table td {
    padding: 3px 3px 3px 1px
}

.body-login .content-bottom {
    display: block;
    width: 400px;
    height: 30px;
    background: url(../images/template/content-bottom-bg.gif) bottom repeat-x
}

.body-login .content-bottom div {
    display: block;
    width: 100%;
    height: 30px;
    background: url(../images/template/content-bottom-left.gif) bottom left no-repeat
}

.body-login .content-bottom div div {
    display: block;
    width: 100%;
    background: url(../images/template/content-bottom-right.gif) right bottom no-repeat;
    padding: 0
}

.page-footer {
    width: 100%;
    height: 50px;
    background: url("../images/template/head-bg.jpg") repeat-x scroll center bottom
}

.page-footer div {
    margin: 1px 0 0 20px;
    color: #fff;
    font-size: 15px
}

input[type=text], input[type=password], textarea, select {
    border: 1px solid #8f9aae;
    background: #fff;
    font-size: 13px;
    margin: 2px
}

input[type=text].check-alert, input[type=password].check-alert, textarea.check-alert, select.check-alert, .select2-container .select2-selection.check-alert { 
    border: 1px solid #ff9600
}

input[type=text].check-least, input[type=password].check-least, textarea.check-least, select.check-least {
    border: 1px solid #4a4aff
}

input[type=text].enter-force, input[type=password].enter-force, textarea.enter-force, select.enter-force {
    border: 1px solid #ff9600
}

input[type=text].border-blue, input[type=password].border-blue, textarea.border-blue, select.border-blue {
    border: 1px solid blue
}

input[type=text].border-green, input[type=password].border-green, textarea.border-green, select.border-green {
    border: 1px solid green
}

input[type=text].alert, input[type=password].alert, textarea.alert, select.alert {
    border: 1px solid #f00;
    background: yellow
}

input[type=text].false-alert, input[type=password].false-alert, textarea.false-alert, select.false-alert {
    border: 1px solid #f00;
    background: yellow
}

label.alert, span.alert, div.least-alert {
    background: yellow;
    color: red
}

input[type=text].least-alert, input[type=password].least-alert, textarea.least-alert, select.least-alert {
    border: 1px solid #00f;
    background: #afcdff
}

label.least-alert {
    background: #afcdff;
    color: red
}

input[type=text][disabled], select[disabled] {
    background: #cfcfcf
}

.checkbox-alert {
    background: yellow;
    color: #f00
}

input[type=submit], input[type=button] {
    background: url(../images/template/button-bg-s1.png) no-repeat;
    border: 0;
    width: 80px;
    height: 29px;
    color: #323232;
    font-size: 14px!important;
    margin: 5px;
    cursor: pointer
}

input[type=submit].favorites-add, input[type=button].favorites-add {
    background: #eaedf1 url(../images/favorites-add.png) 2px 2px no-repeat;
    border: 1px solid #dedede;
    width: auto;
    height: 29px;
    color: #0348a4;
    font-size: 14px!important;
    margin: 5px;
    padding: 0 3px 0 22px;
    cursor: pointer
}

input[type=submit].favorites-add:hover, input[type=button].favorites-add:hover {
    background: #f5f7f9 url(../images/favorites-add.png) 2px 2px no-repeat;
    color: #003275
}

input[type=submit].favorites-cancel, input[type=button].favorites-cancel {
    background: #eaedf1 url(../images/favorites-cancel.png) 2px 2px no-repeat;
    border: 1px solid #dedede;
    width: auto;
    height: 29px;
    color: #0348a4;
    font-size: 14px!important;
    margin: 5px;
    padding: 0 3px 0 22px;
    cursor: pointer
}

input[type=submit].favorites-cancel:hover, input[type=button].favorites-cancel:hover {
    background: #f5f7f9 url(../images/favorites-cancel.png) 2px 2px no-repeat;
    color: #003275
}

input[type=submit]:hover, input[type=button]:hover {
    background: url(../images/template/button-bg-s2.png) no-repeat
}

input[type=submit].width100, [type=button].width100, input[type=submit].width120, input[type=button].width120 {
    background: url(../images/template/button-bg-b1.png) no-repeat;
    border: 0;
    width: 128px;
    height: 29px;
    color: #323232;
    font-size: 14px!important;
    margin: 5px;
    padding: 0;
    cursor: pointer
}

[type=submit].width100:hover, [type=button].width100:hover, [type=submit].width120:hover, [type=button].width120:hover {
    background: url(../images/template/button-bg-b2.png) no-repeat
}

[type=submit][disabled], [type=button][disabled] {
    color: #999!important
}

[type=submit].width200, [type=button].width200 {
    background: url(../images/template/button-bg-vlong1.png) no-repeat;
    border: 0;
    width: 200px;
    height: 29px;
    color: #323232;
    font-size: 14px!important;
    margin: 5px;
    padding: 0;
    cursor: pointer
}

[type=submit].width200:hover, [type=button].width200:hover {
    background: url(../images/template/button-bg-vlong2.png) no-repeat
}

[type=submit].width200-su, [type=button].width200-su {
    background: url(../images/template/button-bg-vlong-s1.png) no-repeat;
    border: 0;
    width: 200px;
    height: 29px;
    color: #323232;
    font-size: 14px!important;
    margin: 5px;
    padding: 0;
    cursor: pointer
}

[type=submit].width200-su:hover, [type=button].width200-su:hover {
    background: url(../images/template/button-bg-vlong-s2.png) no-repeat
}

[type=submit].button, [type=button].button, input[type=reset].button {
    background: #2c4163;
    border: 1px solid #040609;
    color: #fff;
    width: auto;
    height: auto;
    cursor: pointer
}

[type=submit].sub-action, [type=button].sub-action {
    background: #283b63;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].sub-action:hover, [type=button].sub-action:hover {
    background: #283b63;
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit][disabled].sub-action, [type=button][disabled].sub-action {
    background: #737374!important;
    border-left: 2px solid #4f4f50;
    border-top: 2px solid #4f4f50;
    border-right: 2px solid #a2a2a4;
    border-bottom: 2px solid #a2a2a4;
    color: #c2c2c3!important;
    width: auto;
    height: auto;
    margin: 0;
    cursor: default
}

[type=submit].sub-edit, [type=button].sub-edit {
    padding-left: 20px;
    background: #283b63 url(../images/template/icon-edit-16.png) no-repeat 2px 2px!important;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].sub-edit:hover, [type=button].sub-edit:hover {
    background: #283b63 url(../images/template/icon-edit-16.png) no-repeat 2px 0!important;
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].addRow, [type=button].addRow {
    padding-left: 20px;
    background: #207601 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #268b02;
    border-top: 2px solid #268b02;
    border-right: 2px solid #134600;
    border-bottom: 2px solid #134600;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left;
    cursor: pointer
}

[type=submit].addRow:hover, [type=button].addRow:hover {
    padding-left: 20px;
    background: #207601 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #134600;
    border-top: 2px solid #134600;
    border-right: 2px solid #268b02;
    border-bottom: 2px solid #268b02;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit][disabled].addRow, [type=button][disabled].addRow {
    background: #207601 url(../images/template/icon-add-disabled.png) no-repeat 2px 0!important;
    border-left: 2px solid #268b02;
    border-top: 2px solid #268b02;
    border-right: 2px solid #134600;
    border-bottom: 2px solid #134600;
    cursor: default
}

[type=submit].addRowBlue, [type=button].addRowBlue {
    padding-left: 20px;
    background: #015c97 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #0170b7;
    border-top: 2px solid #0170b7;
    border-right: 2px solid #00426d;
    border-bottom: 2px solid #00426d;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit].addRowBlue:hover, [type=button].addRowBlue:hover {
    padding-left: 20px;
    background: #015c97 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #00426d;
    border-top: 2px solid #00426d;
    border-right: 2px solid #0170b7;
    border-bottom: 2px solid #0170b7;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit][disabled].addRowBlue, [type=button][disabled].addRowBlue {
    background: #015c97 url(../images/template/icon-add-disabled.png) no-repeat 2px 0!important;
    border-left: 2px solid #0170b7;
    border-top: 2px solid #0170b7;
    border-right: 2px solid #00426d;
    border-bottom: 2px solid #00426d;
    cursor: default
}

[type=submit].addRowBrown, [type=button].addRowBrown {
    padding-left: 20px;
    background: #844b01 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #a35d01;
    border-top: 2px solid #a35d01;
    border-right: 2px solid #613701;
    border-bottom: 2px solid #613701;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit].addRowBrown:hover, [type=button].addRowBrown:hover {
    padding-left: 20px;
    background: #844b01 url(../images/template/icon-add-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #613701;
    border-top: 2px solid #613701;
    border-right: 2px solid #a35d01;
    border-bottom: 2px solid #a35d01;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit][disabled].addRowBrown, [type=button][disabled].addRowBrown {
    background: #844b01 url(../images/template/icon-add-disabled.png) no-repeat 2px 0!important;
    border-left: 2px solid #a35d01;
    border-top: 2px solid #a35d01;
    border-right: 2px solid #613701;
    border-bottom: 2px solid #613701;
    cursor: default
}

[type=submit].addRowGray, [type=button].addRowGray {
    padding-left: 20px;
    background: #d3d3d3 url(../images/template/icon-add-darkblue.png) no-repeat 2px 3px!important;
    border-left: 2px solid #e4e4e3;
    border-top: 2px solid #e4e4e3;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
    color: #00314e;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit].addRowGray:hover, [type=button].addRowGray:hover {
    padding-left: 20px;
    background: #d3d3d3 url(../images/template/icon-add-darkblue.png) no-repeat 2px 3px!important;
    border-left: 2px solid #bdbdbd;
    border-top: 2px solid #bdbdbd;
    border-right: 2px solid #e4e4e3;
    border-bottom: 2px solid #e4e4e3;
    color: #00314e;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit][disabled].addRowGray, [type=button][disabled].addRowGray {
    background: #d3d3d3 url(../images/template/icon-add-disabled.png) no-repeat 2px 3px!important;
    border-left: 2px solid #e4e4e3;
    border-top: 2px solid #e4e4e3;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
    color: #ccc;
    cursor: default
}

[type=submit].deleteRow, [type=button].deleteRow {
    padding-left: 20px;
    background: #9a010b url(../images/template/icon-delect-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #c2020f;
    border-top: 2px solid #c2020f;
    border-right: 2px solid #5e0107;
    border-bottom: 2px solid #5e0107;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit].deleteRow:hover, [type=button].deleteRow:hover {
    padding-left: 20px;
    background: #9a010b url(../images/template/icon-delect-white.png) no-repeat 2px 0!important;
    border-left: 2px solid #5e0107;
    border-top: 2px solid #5e0107;
    border-right: 2px solid #c2020f;
    border-bottom: 2px solid #c2020f;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-align: left
}

[type=submit].sub-cancel, [type=button].sub-cancel {
    background: #283b63 url(../images/template/icon-cancel-x.png) no-repeat 2px 1px!important;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    padding-left: 20px;
    text-align: left
}

[type=submit].sub-cancel:hover, [type=button].sub-cancel:hover {
    background: #283b63 url(../images/template/icon-cancel-x.png) no-repeat 2px 1px!important;
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    padding-left: 20px;
    text-align: left
}

[type=submit][disabled].sub-cancel, [type=button][disabled].sub-cancel {
    background: #737374 url(../images/template/icon-cancel-x-disabled.png) no-repeat 2px 1px!important;
    border-left: 2px solid #4f4f50;
    border-top: 2px solid #4f4f50;
    border-right: 2px solid #a2a2a4;
    border-bottom: 2px solid #a2a2a4;
    color: #c2c2c3!important;
    width: auto;
    height: auto;
    margin: 0;
    padding-left: 20px;
    text-align: left;
    cursor: default
}

.listTable {
    background: #ccc;
    margin: 5px 0
}

.listTable tbody.tbody-line {
    border-top: 2px solid blue
}

.listTable th {
    background-image: url(../images/template/th-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #c6d1de;
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #343434;
    text-align: center!important
}

.listTable th.split-left {
    border-left: 2px solid #a8b5c6
}

.listTable th.split-left-yellow {
    border-left: 2px solid #001ba6
}

.listTable th.th2 {
    background: #ffe390 url(../images/template/th-bg2.png) bottom repeat-x;
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #343434
}

.listTable th.th3 {
    background: #67728a url(../images/template/th-bg3.png) bottom repeat-x;
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #fff
}

.listTable th.th-green {
    background: #579a6b url(../images/template/th-bg-green.png) bottom repeat-x;
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #fff
}

.listTable th.th-disabled {
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #838383
}

.listTable th.th-alert {
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: red
}

.listTable th a {
    color: #343434;
    text-decoration: none
}

.listTable th a:hover {
    color: #01093c;
    text-decoration: underline
}

.listTable td {
    height: 25px;
    padding: 3px 3px 0 3px;
    color: #343434;
    white-space: nowrap
}

.listTable tr:nth-child(odd) td {
    background: #fafafa url(../images/template/td-bg.png) bottom repeat-x
}

.listTable tr:nth-child(even) td {
    background: #fff url(../images/template/td-bg-light.png) bottom repeat-x
}

.listTable td.wrap {
    word-break: break-all;
    white-space: normal;
}
.listTable td.nobr {
    white-space: nowrap;
}

.listTable td.split-left {
    border-left: 2px solid #a8b5c6
}

.listTable td.split-left-yellow {
    border-left: 2px solid #001ba6
}

.listTable td.wrap {
    white-space: normal;
    word-break: break-all;
    width: 400px!important
}

.listTable td.bg-blue {
    background: #f3f4f6 url(../images/template/list-td-blue.jpg) top repeat-x
}

.listTable td.bg-pink {
    background: #f3f4f6 url(../images/template/list-td-pink.jpg) top repeat-x
}

.listTable td.bg-brown {
    background: #fff url(../images/template/list-td-light-brown.jpg) top repeat-x
}

.listTable td.bg-dim {
    background: #cfcfcf!important
}
.listTable td.bg-warn {
    background: yellow!important;
    color: #000;
}
.listTable td.bg-alert {
    background: red!important;
    color: #000;
}


.listTable td.strong {
    background: #ccc;
    color: #000;
    font-weight: bold
}

.listTable td.price {
    color: red;
    font-weight: normal
}

.listTable td.price-show {
    text-align: right
}

.listTable td.text-center {
    text-align: center
}

.listTable td.price-report {
    text-align: right;
    color: blue;
    font-weight: bold
}

.listTable td.price-detail-report {
    text-align: right;
    font-weight: normal
}

.listTable td.number-center {
    text-align: center;
    color: blue;
    font-weight: bold
}

.listTable td.number-float {
    text-align: center;
    color: blue;
    font-weight: bold
}

.listTable td.number-detail-report {
    text-align: center;
    font-weight: normal
}

.listTable td.inner {
    padding: 0;
    height: 100%!important
}

.listTable td.alert {
    background: yellow;
    border: 1px solid red
}

.listTable tr.dim td {
    background: #c1c0c0;
    height: auto;
    padding: 2px 3px;
    color: #787878
}

.listTable td.dim {
    background: #c1c0c0;
    color: #787878
}

.listTable tr.summary td {
    background: #d6dce4;
    height: auto;
    padding: 2px 3px;
    color: blue;
    font-weight: bold;
    border-bottom: 2px solid #a9b6c7
}

.listTable tr.active td {
    border: 1px solid yellow
}

.listTable tr.summary-active td {
    background: #d6dce4;
    height: auto;
    padding: 2px 3px;
    color: blue;
    font-weight: bold;
    border: 1px solid yellow;
    border-bottom: 2px solid yellow
}

.listTable tr.summary-white td {
    background: #fff;
    height: auto;
    padding: 2px 3px;
    color: blue;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #a9b6c7
}

.listTable tr.bg-dim>td {
    background: #cdcdcd;
    color: #999
}

.listTable tr.bg-blue>td {
    background: #f3f4f6 url(../images/template/list-td-blue.jpg) top repeat-x
}

.listTable tr.bg-pink>td {
    background: #f3f4f6 url(../images/template/list-td-pink.jpg) top repeat-x
}

.listTable tr.bg-brown>td {
    background: #fff url(../images/template/list-td-light-brown.jpg) top repeat-x
}

.listTable tr.font-green td, .listTable tr.font-green td input[type=text], .listTable tr.font-green td select {
    color: green
}

.listTable tr.font-orange td, .listTable tr.font-orange td input[type=text], .listTable tr.font-orange td select {
    color: #ff8a00!important
}

.listTable tr.font-red td, .listTable tr.font-red td input[type=text], .listTable tr.font-red td select {
    color: #f00
}

.listTable tr.font-reddark td, .listTable tr.font-reddark td input[type=text], .listTable tr.font-reddark td select {
    color: #c20000
}

.listTable tr.font-blue td, .listTable tr.font-blue td input[type=text], .listTable tr.font-blue td select {
    color: #1f01d9
}

.listTable tr.font-black td, .listTable tr.font-black td input[type=text], .listTable tr.font-black td select {
    color: #000
}

.listTable tr.font-green2 td, .listTable tr.font-green2 td input[type=text], .listTable tr.font-green2 td select {
    color: #8fc527
}

.listTable tr.font-dim td, .listTable tr.font-dim td input[type=text], .listTable tr.font-dim td select {
    color: #999
}

.listTable tr.middle-line td, .listTable tr.middle-line td input[type=text], .listTable tr.middle-line td select {
    text-decoration: line-through
}

.listTable th.font-dim, .listTable th.font-dim input[type=text], .listTable th.font-dim select {
    color: #8c8c8c
}

.listTable td.font-green, .listTable td.font-green input[type=text], .listTable td.font-green select {
    color: green
}

.listTable td.font-orange, .listTable td.font-orange input[type=text], .listTable td.font-orange select {
    color: #ff8a00
}

.listTable td.font-red, .listTable td.font-red input[type=text], .listTable td.font-red td select {
    color: #f00
}

.listTable td.font-blue, .listTable td.font-blue input[type=text], .listTable td.font-blue select {
    color: #1f01d9
}

.listTable td.font-black, .listTable td.font-black input[type=text], .listTable dt.font-black select {
    color: #000
}

.listTable tr.overdue td {
    height: auto;
    padding: 2px 3px;
    color: #f00
}

.overdue-comment {
    color: #f00
}

.listTable tr.date-due td {
    height: auto;
    padding: 2px 3px;
    color: #ff9000
}

.date-due-comment {
    color: #ff9000
}

.listTable tr.paid td {
    height: auto;
    padding: 2px 3px;
    color: blue
}

.listTable td.portion {
    height: 3px;
    background: #b6c2d1
}

.listTable tr.split td {
    border-top: 2px solid #9eacbe;
    height: 0
}

.listTable tr.split-data>td {
    border-top: 2px solid #9eacbe
}
.listTable tr.split-data2>td {
    border-top: 2px solid #9eacbe;
    border-bottom: 1px solid #9eacbe;
}

.listTable tr.split-data-active>td {
    border-top: 4px solid green
}

.box-blue {
    background: #f3f4f6 url(../images/template/list-td-blue.jpg) top repeat-x;
    padding: 5px;
    border: 1px solid #b0e1ff
}

.box-blue-white {
    background: #fefefe url(../images/template/list-td-blue-white.jpg) top repeat-x;
    padding: 5px;
    border: 2px solid #b0e1ff;
    width: auto
}

.box-blue-white h2 {
    margin: 1px 1px 3px 1px!important
}

.box-pink {
    background: #f3f4f6 url(../images/template/list-td-pink.jpg) top repeat-x;
    padding: 5px
}

.box-brown {
    background: #fff url(../images/template/list-td-light-brown.jpg) top repeat-x;
    padding: 5px;
    border: 2px solid #fff2df;
    border-bottom: 2px solid #fde4be
}

.box-brown h3 {
    margin: 0!important;
    border: none!important
}

.expense-detail {
    margin: 2px 2px 4px 14px
}

.line_bottom td {
    border-bottom: solid 7px #a9b6c7
}

.dateStyle td {
    background: url(../images/template/bg_line_bottom.png) #f7f8fb bottom repeat-x
}

.listTableInner {
    border-collapse: collapse;
    background: url(../images/template/bg_line_bottom.png) bottom repeat-x
}

.listTableInner td {
    text-align: center;
    border: 1px solid #fff;
    padding: 0 2px
}

.listTableInner td.sprit {
    background: url(../images/template/bg_line_bottom.png) bottom repeat-x
}

.listTableInner td.lineInner {
    border-right: solid 1px #fff!important
}

.forseries {
    background: url(../images/template/bg_forseries.jpg) left repeat-y #ffd5ed!important;
    padding: 0!important
}

.forallot {
    background: url(../images/template/bg_forallot.jpg) left repeat-y #b0e1ff!important;
    padding: 0!important
}

.forstandard {
    background: url(../images/template/bg_forstandard.jpg) left repeat-y #ffd5b2!important;
    padding: 0!important
}

.forseries td, .forallot td, .forstandard td {
    background: 0
}

.listInnerTable {
    background: #fff;
    margin: 0;
    height: 100%!important
}

.listInnerTable td {
    background: #fafafa url(../images/template/td-bg.png) bottom repeat-x;
    height: auto!important;
    padding: 4px 3px;
    color: #343434;
    white-space: nowrap;
    text-align: center
}

.fotmHotelTable {
    background: #fff;
    margin: 1px
}

.fotmHotelTable th {
    height: 25px;
    padding: 3px 3px;
    white-space: nowrap;
    color: #343434;
    text-align: right;
    vertical-align: top
}

.fotmHotelTable td {
    height: 25px;
    padding: 3px 3px;
    color: #343434;
    vertical-align: top
}

.formTable_GroupTour .formTable {
    background: url(../images/template/bg_line_bottom.png) bottom repeat-x;
    border-bottom: solid 1px #cacccf
}

.formTable_GroupTour .formTable *, .formTable_GroupTour .groupManage td * {
    background: 0
}

.formTable_GroupTour .groupManage td {
    background: url(../images/template/bg_groupManage.jpg) right repeat-y;
    border-right: solid 2px #c0c0c2;
    padding-right: 5px
}

.BookDetail td td {
    border: none!important;
    padding: 0;
    background: 0
}

.BookDetail td {
    background: url(../images/template/bg_BookDetail.jpg) right repeat-y;
    border-right: solid 2px #c0c0c2;
    padding-right: 10px
}

.formTable_GroupTour .formTable input, .formTable_GroupTour .formTable select {
    background: #FFF
}

.tableFormHor {
    background: 0;
    margin: 5px;
    padding: 10px auto
}

.tableFormHor th {
    height: auto;
    padding: 3px 3px;
    white-space: nowrap;
    color: #343434;
    text-align: left;
    vertical-align: top;
    border-bottom: 2px solid #1a2a47
}

.tableFormHor td {
    height: auto;
    padding: 3px 3px;
    color: #343434;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #1a2a47
}

.formTable {
    background: #fff;
    margin: 5px;
    padding: 10px auto
}

.formTable th {
    height: auto;
    padding: 3px 3px;
    white-space: nowrap;
    color: #343434;
    text-align: right;
    vertical-align: top
}

.formTable th a {
    color: #343434;
    text-decoration: none
}

.formTable th a:hover {
    color: #01093c;
    text-decoration: underline
}

.formTable td {
    height: auto;
    padding: 3px 3px;
    color: #343434;
    vertical-align: top
}

.formTableNoBG {
    margin: 5px;
    padding: 10px auto
}

.formTableNoBG th {
    height: auto;
    padding: 3px 3px;
    white-space: nowrap;
    color: #343434;
    text-align: right;
    vertical-align: top
}

.formTableNoBG th a {
    color: #343434;
    text-decoration: none
}

.formTableNoBG th a:hover {
    color: #01093c;
    text-decoration: underline
}

.formTableNoBG td {
    height: auto;
    padding: 3px 3px;
    color: #343434;
    vertical-align: top
}

table.form-search {
    padding: 3px 3px
}

table.form-search th {
    font-weight: bold;
    text-align: left;
    padding: 2px 3px 2px 3px
}

table.form-search td {
    padding: 2px 7px 2px 0
}

select option.option-split {
    color: #00f;
    font-style: oblique;
    font-weight: bold
}

.hotel-service {
    background: #fff;
    margin: 5px
}

.hotel-service th {
    background: url(../images/template/th-bg.png) top repeat-x;
    height: 25px;
    padding: 0 3px;
    white-space: nowrap;
    color: #343434;
    text-align: center
}

.hotel-service td {
    padding: 0 3px;
    color: #343434
}

.hotel-service td p {
    margin: 1px 1px;
    padding: 0
}

.hotel-service td div.div-addrow {
    margin: 5px 0 10px 25px
}

.hotel-service td input {
    margin: 1px
}

.hotel-service td p label {
    display: block;
    float: left;
    width: 25px;
    text-align: right;
    padding: 1px 1px 1px 0;
    margin: 3px 0 0 0
}

.ajax-add-form {
    margin: 10px 2px 10px 2px;
    padding: 4px 4px 8px 3px;
    border: 1px solid #ccc
}

.ajax-add-form h2 {
    margin: 2px 0 4px 2px;
    color: #183882;
    font-size: 14px
}

.ajax-add-form label {
    margin: 0 3px 0 5px
}

.lang-select-manage {
    background: #eaeaea;
    color: #959594;
    padding: 5px;
    border: #CCC 1px solid;
    margin-bottom: 5px
}

.lang-select-manage label {
    color: #154889;
    font-weight: bold
}

.lang-select-manage a {
    text-decoration: none;
    color: #2774d9
}

.lang-select-manage a:hover {
    text-decoration: underline
}

.lang-select-manage a.thai {
    color: green
}

.lang-select-manage a.english {
    color: #fcb802
}

.lang-select-manage a.chinese {
    color: red
}

.lang-thai th, .lang-thai td, span.lang-thai {
    color: green
}

.lang-english th, .lang-english td, span.lang-english {
    color: #fcb802
}

.lang-chinese th, .lang-chinese td, span.lang-chinese {
    color: red
}

.lang-thai {
    color: green
}

.lang-english {
    color: #fcb802
}

.lang-chinese {
    color: red
}

.only-cheque {
    display: none
}

.table-detail {
    background: #fff
}

.table-detail th {
    background: #2c4163;
    color: #fff;
    padding: 2px 3px
}

.table-detail td {
    background: #ededed;
    padding: 2px 3px
}

.table-detail .used td {
    background: #ddd;
    color: #888;
    padding: 2px 3px
}

.comment {
    color: blue
}

.countion {
    color: red;
    font-size: 15px
}

.facilities {
    margin: 2px 5px 5px 10px;
    padding: 5px;
    border: 1px solid green;
    width: 1200px
}

.facilities div {
    display: block;
    width: 250px;
    float: left;
    margin: 0 0 2px 0
}

.clear {
    clear: both;
    margin: 1px
}

div.data-form {
    margin: 2px 2px 5px 10px
}

div.data-form textarea {
    background: #fff
}

.table-detail-form {
    background-color: #fff;
    font-size: 9pt
}

.table-detail-form {
    margin: 3px 2px
}

.table-detail-form th {
    background: #2c4163;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    padding: 3px 3px
}

.table-detail-form th.th2 {
    background: #00590b!important;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    padding: 3px 3px
}

.table-detail-form th.special {
    color: yellow
}

.table-detail-form th.space, .table-detail-form td.space {
    background: #fff!important;
    border: none!important
}

.table-detail-form th.split, .table-detail-form td.split {
    background: #d6dce4!important
}

.table-detail-form td {
    background: #ededed;
    padding: 1px 3px;
    color: #000
}

.table-detail-form td.price-show {
    text-align: right;
    font-weight: normal
}

.table-detail-form td.special {
    color: yellow
}

.table-detail-form td.fn-roomtype {
    background: #fdf6e4;
    font-weight: bold;
    color: #003480;
    padding: 1px 2px;
    vertical-align: middle
}

.table-detail-form td.fn-roomtype span {
    display: block;
    float: left;
    margin: 5px 0 0 0
}

.table-detail-form td.fn-roomtype div {
    display: block;
    float: right;
    margin: 2px 0
}

.table-detail-form .fn-price td {
    padding: 2px 3px
}

.table-detail-form td.special input[type=text] {
    color: #000078
}

.table-detail-form td a {
    color: #0202c3;
    text-decoration: none
}

.table-detail-form td a:hover {
    color: blue;
    text-decoration: underline
}

.table-detail-form tr.summary td {
    background: #d6dce4;
    height: auto;
    padding: 2px 3px;
    color: blue;
    font-weight: bold;
    border-bottom: 2px solid #a9b6c7
}

.table-detail-form tr.disabled td {
    background-color: #cecece;
    padding: 1px 3px;
    color: #888
}

.table-detail-form-disabled {
    font-family: MS Sans Serif;
    background-color: #929292;
    font-size: 9pt;
    margin: 3px 2px
}

.table-detail-form-disabled th {
    background-color: #cfcfcf;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 3px 3px;
    color: #222
}

.table-detail-form-disabled th.sub {
    font-weight: normal
}

.table-detail-form-disabled td {
    background-color: #ebebeb;
    padding: 1px 3px;
    color: #222;
    text-align: center
}

.table-detail-form-disabled tr.summary td {
    background: #dfdfdf;
    height: auto;
    padding: 2px 3px;
    color: #222;
    font-weight: bold;
    border-bottom: 2px solid #cfcfcf
}

.table-detail-form-disabled td.price-show {
    text-align: right;
    font-weight: normal
}

.table-detail-form-disabled td.text {
    text-align: left
}

.table-detail-form-disabled td.price-show {
    text-align: right
}

.table-detail-form-disabled input[type=text][disabled] {
    background: #e6e5e5;
    border: 1px solid #929292
}

.table-detail-form th.bk-for-other-site, .table-detail-form td.bk-for-other-site {
    background: #ccc;
    color: #666
}

.free-night-box {
    margin: 5px 0 3px 4px;
    padding: 2px 0 5px 0;
    border-bottom: 1px dashed #00f
}

option.option-topic {
    color: #014f92;
    font-style: italic
}

.payment_method_detail {
    margin: 10px 0 5px 0
}

.receive_method_detail {
    margin: 10px 0 5px 0
}

.link-popup {
    color: #2a55ae;
    text-decoration: none
}

.link-popup:hover {
    color: #00f;
    text-decoration: none
}

.box-date {
    width: 80px
}

.mask-time {
    width: 40px
}

.mask-pint {
    width: 40px
}

.mask-pnum, .mask-num {
    width: 80px;
    text-align: right;
    padding-right: 2px
}

.error-alert {
    color: #f00
}

.white {
    color: white!important
}

.red {
    color: red!important
}

.reddark {
    color: #c20000!important
}

.green {
    color: green!important
}

.blue {
    color: blue!important
}

.pink {
    color: #ff00d2!important
}

.gray {
    color: #aaa!important
}

.orange {
    color: #ffa500!important
}

.yellow {
    color: #fcf13b!important
}

.brown {
    color: brown!important
}

.contract-search {
    border: 1px solid #ccc;
    margin: 2px;
    padding: 5px
}

.box-booking-detail {
    display: block;
    border: 1px solid #ccc;
    margin: 2px 0 0 10px;
    padding: 4px;
    width: 293px;
    height: 200px;
    overflow: auto
}

.box-booking-detail strong {
    margin-top: 7px;
    display: block
}

.box-booking-view {
    display: block;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-top: 0;
    margin: 0 0 5px 10px;
    padding: 2px 3px;
    width: 295px;
    text-align: right
}

.box-booking-view a, .box-booking-detail a {
    color: #0a496e;
    text-decoration: none
}

.box-booking-view a:hover, .box-booking-detail a:hover {
    color: #e21f8e;
    text-decoration: underline
}

.no-data {
    text-align: center;
    color: red!important;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 4px
}

.wi-auto {
    width: auto!important
}

.alert-complete {
    margin-top: 40px;
    font-size: 15px;
    color: green;
    text-align: center
}

.alert-fail {
    margin-top: 40px;
    font-size: 15px;
    color: red;
    text-align: center
}

div.no-data {
    display: block;
    width: 900px;
    text-align: center;
    color: red!important;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 1px;
    border: 1px solid #fe9c9c
}

.room-take-sum {
    font-weight: bold;
    font-size: 10px
}

.room-take-sum span {
    color: red;
    padding-right: 5px;
    font-size: 10px
}

#epd_get_total_amount_div {
    margin: 3px 2px 3px 3px
}

#epd_get_total_amount_div span {
    font-weight: bold;
    color: #f00
}

.price-show {
    color: red;
    font-weight: bold
}

.caution {
    color: red;
    font-size: 13px
}

.caution strong {
    color: red;
    font-size: 15px
}

.requirement-text h2 {
    margin: 4px 2px 2px 1px;
    font-size: 13px;
    color: #000
}

.requirement-text div {
    margin: 3px 2px 2px 1px;
    padding: 3px;
    border: 1px solid #ccc;
    width: 400px;
    height: 110px;
    overflow: auto
}

#tooltip {
    position: absolute;
    border: 1px solid #fff;
    background: #24385d;
    padding: 2px 5px;
    color: #fff;
    font-size: 13px;
    width: auto;
    white-space: nowrap;
    display: none
}

.tooltip {
    cursor: pointer
}

.content-search-body table {
    width: 100%
}

.content-search-body .requirement-text {
    padding-left: 20px;
    width: 35%
}

.content-search-body .requirement-text div {
    background: #fcf8cc;
    width: 90%;
    height: auto;
    padding: 10px;
    border: 1px solid #666
}

.content-search-body table.form-search {
    width: auto
}

.content-search-body .pageselect {
    width: 1300px
}

.confirmxxx {
    color: #39b54a;
    background: url(../images/template/icon-16-checkin.png) no-repeat left top!important;
    padding-left: 20px!important
}

.notconfirm {
    color: #111;
    background: none!important;
    padding-left: 0!important
}

.process-issue {
    color: #F00;
    background: url(../images/template/icon-16-alert.png) no-repeat left top!important;
    padding-left: 20px!important
}

.gototop {
    z-index: 999;
    bottom: 15px;
    right: 10px;
    position: fixed
}

.gototop a {
    background: #d7d7d7;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    padding: 0;
    margin: 0 3px
}

.gototop a.top {
    background: url(../images/top-arrow.png) no-repeat top center
}

.gototop a.top:hover {
    position: relative;
    bottom: 3px
}

.gototop a.down {
    background: url(../images/down-arrow.png) no-repeat top center
}

.gototop a.down:hover {
    position: relative;
    top: 3px
}

[type=submit].btnAdd, [type=button].btnAdd {
    background: url(../images/template/button-bg-add-new.png) no-repeat left center;
    width: 100px;
    text-align: left;
    padding-left: 20px
}

[type=submit].btnAdd:hover, [type=button].btnAdd:hover {
    background: url(../images/template/button-bg-add-new-hover.png) no-repeat left center
}

[type=submit].btnEdit, [type=button].btnEdit {
    background: url(../images/template/button-bg-edit.png) no-repeat left center;
    width: 128px;
    text-align: center
}

[type=submit].btnEdit:hover, [type=button].btnEdit:hover {
    background: url(../images/template/button-bg-edit-hover.png) no-repeat left center;
    width: 128px
}

[type=submit].btnDup, [type=button].btnDup {
    background-image: url(../images/btn-duplicate3.png), url(../images/template/button-bg-b1.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 4px center, left center;
    background-size: 20px 20px, 100%;
    width: 128px;
    text-align: center
}

[type=submit].btnDup:hover, [type=button].btnDup:hover {
    background-image: url(../images/btn-duplicate3.png), url(../images/template/button-bg-b2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 4px center, left center;
    background-size: 20px 20px, 100%;
    width: 128px;
    text-align: center
}

.myButton {
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f8f8f8), color-stop(1, #ddd));
    background: -moz-linear-gradient(top, #f8f8f8 5%, #ddd 100%);
    background: -webkit-linear-gradient(top, #f8f8f8 5%, #ddd 100%);
    background: -o-linear-gradient(top, #f8f8f8 5%, #ddd 100%);
    background: -ms-linear-gradient(top, #f8f8f8 5%, #ddd 100%);
    background: linear-gradient(to bottom, #f8f8f8 5%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0);
    background-color: #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    display: inline-block;
    cursor: pointer;
    color: #142342;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 6px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddd), color-stop(1, #f8f8f8));
    background: -moz-linear-gradient(top, #ddd 5%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ddd 5%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #ddd 5%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #ddd 5%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ddd 5%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f8f8f8', GradientType=0);
    background-color: #ddd
}

.myButton:active {
    position: relative;
    top: 1px
}

.myButton i {
    font-size: 17 px;
    margin-right: 5px;
    margin-bottom: -3px
}

.myButton[disabled] {
    color: #aaa!important
}

.myButton[disabled] i {
    color: #aaa!important
}

a.btnPrint {
    display: inline-block;
    background: url(../images/template/button-bg-print.png) no-repeat left center;
    width: 128px;
    height: 29px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px
}

a.btnPrint:hover {
    background: url(../images/template/button-bg-print-hover.png) no-repeat left center;
    width: 128px
}

[type=submit].btnPrint, [type=button].btnPrint {
    background: url(../images/template/button-bg-print.png) no-repeat left center;
    width: 128px;
    text-align: center
}

[type=submit].btnPrint:hover, [type=button].btnPrint:hover {
    background: url(../images/template/button-bg-print-hover.png) no-repeat left center;
    width: 128px
}

[type=submit][disabled].btnPrint, [type=button][disabled].btnPrint, [type=submit][disabled].btnPrint:hover, [type=button][disabled].btnPrint:hover {
    background: url(../images/template/button-bg-print-disabled.png) no-repeat left center;
    cursor: default
}

[type=submit].btnExport, [type=button].btnExport {
    background: url(../images/template/button-bg-export.png) no-repeat left center;
    width: 150px;
    text-align: center
}

[type=submit].btnExport:hover, [type=button].btnExport:hover {
    background: url(../images/template/button-bg-export-hover.png) no-repeat left center;
    width: 150px
}

[type=submit][disabled].btnExport, [type=button][disabled].btnExport, [type=submit][disabled].btnExport:hover, [type=button][disabled].btnExport:hover {
    background: url(../images/template/button-bg-export-disabled.png) no-repeat left center;
    cursor: default
}

[type=submit].btnExportSm, [type=button].btnExportSm {
    background: #283b63;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].btnExportSm:hover, [type=button].btnExportSm:hover {
    background: #283b63;
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386
}

[type=submit].btnExportSmRed, [type=button].btnExportSmRed {
    background: #b80101;
    border-left: 2px solid #e30404;
    border-top: 2px solid #e30404;
    border-right: 2px solid #900;
    border-bottom: 2px solid #900;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].btnExportSmRed:hover, [type=button].btnExportSmRed:hover {
    background: #b80101;
    border-left: 2px solid #900;
    border-top: 2px solid #900;
    border-right: 2px solid #e30404;
    border-bottom: 2px solid #e30404
}

[type=submit].btnExportSmGreen, [type=button].btnExportSmGreen {
    background: #060;
    border-left: 2px solid #008f00;
    border-top: 2px solid #008f00;
    border-right: 2px solid #005200;
    border-bottom: 2px solid #005200;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].btnExportSmGreen:hover, [type=button].btnExportSmGreen:hover {
    background: #060;
    border-left: 2px solid #005200;
    border-top: 2px solid #005200;
    border-right: 2px solid #008f00;
    border-bottom: 2px solid #008f00
}

[type=submit].btnBooking, [type=button].btnBooking {
    background: url(../images/template/button-bg-booking.png) no-repeat left center;
    width: 128px;
    text-align: left;
    padding-left: 20px
}

[type=submit].btnBooking:hover, [type=button].btnBooking:hover {
    background: url(../images/template/button-bg-booking-hover.png) no-repeat left center;
    width: 128px
}

[type=submit].btnDelete, [type=button].btnDelete {
    background: url(../images/template/button-bg-delete.png) no-repeat left center;
    width: 100px
}

[type=submit].btnDelete:hover, [type=button].btnDelete:hover {
    background: url(../images/template/button-bg-delete-hover.png) no-repeat left center;
    width: 100px
}

[type=submit][disabled].btnDelete, [type=button][disabled].btnDelete, [type=submit][disabled].btnDelete:hover, [type=button][disabled].btnDelete:hover {
    background: url(../images/template/button-bg-delete-disable.png) no-repeat left center;
    width: 100px;
    cursor: default
}

input.width100[name="btnHotelFavorites"], input.width120[name="btnHotelFavorites"] {
    background: url(../images/template/button-bg-star.png) no-repeat left center;
    width: 130px
}

input.width100[name="btnHotelFavorites"]:hover, input.width120[name="btnHotelFavorites"]:hover {
    background: url(../images/template/button-bg-star-hover.png) no-repeat left center;
    width: 130px
}

[type=submit].btnSave, [type=button].btnSave {
    background: url(../images/template/botton-bg-save.png) no-repeat left center;
    width: 100px
}

[type=submit].btnSave:hover, [type=button].btnSave:hover {
    background: url(../images/template/botton-bg-save-hover.png) no-repeat left center;
    width: 100px
}

[type=submit][disabled].btnSave, [type=button][disabled].btnSave {
    background: url(../images/template/botton-bg-save-disabled.png) no-repeat left center;
    width: 100px;
    cursor: default
}

[type=submit].btnSaveLong, [type=button].btnSaveLong {
    background: url(../images/template/botton-bg-save-long.png) no-repeat left center;
    width: 145px
}

[type=submit].btnSaveLong:hover, [type=button].btnSaveLong:hover {
    background: url(../images/template/botton-bg-save-long-hover.png) no-repeat left center;
    width: 145px
}

[type=submit].btnSave180, [type=button].btnSave180 {
    background: url(../images/template/botton-bg-save-vlong.png) no-repeat left center;
    width: 180px
}

[type=submit].btnSave180:hover, [type=button].btnSave180:hover {
    background: url(../images/template/botton-bg-save-vlong-hover.png) no-repeat left center;
    width: 180px
}

[type=submit].btnSave200, [type=button].btnSave200 {
    background: url(../images/template/botton-bg-save-w200.png) no-repeat left center;
    width: 200px
}

[type=submit].btnSave200:hover, [type=button].btnSave200:hover {
    background: url(../images/template/botton-bg-save-w200-hover.png) no-repeat left center;
    width: 200px
}

[type=submit].btnSave250, [type=button].btnSave250 {
    background: url(../images/template/botton-bg-save-w250.png) no-repeat left center;
    width: 250px
}

[type=submit].btnSave250:hover, [type=button].btnSave250:hover {
    background: url(../images/template/botton-bg-save-w250-hover.png) no-repeat left center;
    width: 250px
}

[type=submit].btnCancel, [type=button].btnCancel {
    background: url(../images/template/button-bg-cancel-x.png) no-repeat left center;
    width: 128px;
    text-align: left;
    padding-left: 20px
}

[type=submit].btnCancel:hover, [type=button].btnCancel:hover {
    background: url(../images/template/button-bg-cancel-x-hover.png) no-repeat left center;
    width: 128px;
    text-align: left;
    padding-left: 20px
}

[type=submit][disabled].btnCancel, [type=button][disabled].btnCancel, [type=submit][disabled].btnCancel:hover, [type=button][disabled].btnCancel:hover {
    background: url(../images/template/button-bg-cancel-x-disable.png) no-repeat left center;
    width: 128px;
    text-align: left;
    padding-left: 20px
}

[type=submit].btnManage, [type=button].btnManage {
    background: url(../images/template/botton-bg-manage-long.png);
    width: 130px;
    text-align: center;
    padding-bottom: 1px
}

[type=submit].btnManage:hover, [type=button].btnManage:hover {
    background: url(../images/template/botton-bg-manage-long-hover.png);
    width: 130px
}

[type=submit].btnSearch, [type=button].btnSearch {
    background: url(../images/template/button-bg-search.png) no-repeat left center;
    width: 128px
}

[type=submit].btnSearch:hover, [type=button].btnSearch:hover {
    background: url(../images/template/button-bg-search-hover.png) no-repeat left center;
    width: 128px
}

[type=submit][disabled].btnSearch, [type=button][disabled].btnSearch, [type=submit][disabled].btnSearch:hover, [type=button][disabled].btnSearch:hover {
    background: url(../images/template/button-bg-search.png) no-repeat left center;
    width: 128px;
    cursor: default
}

[type=submit].btnSearchReport, [type=button].btnSearchReport {
    background: url(../images/template/button-bg-search-report.png) no-repeat left center;
    width: 128px
}

[type=submit].btnSearchReport:hover, [type=button].btnSearchReport:hover {
    background: url(../images/template/button-bg-search-report-hover.png) no-repeat left center;
    width: 128px
}

[type=submit].width100:hover, [type=button].width100:hover, [type=submit].width120:hover, [type=button].width120:hover {
    background: url(../images/template/button-bg-b2.png) no-repeat!important;
    border: 0;
    width: 128px;
    height: 29px;
    color: #323232;
    font-size: 14px!important;
    margin: 5px;
    padding: 0;
    cursor: pointer
}

input[name="btnApple"] {
    background: url(../images/template/botton-bg-apply.png) no-repeat left center;
    width: 100px
}

input[name="btnApple"]:hover {
    background: url(../images/template/botton-bg-apply-hover.png) no-repeat left center;
    width: 100px
}

input[name="btnApple"] {
    background: url(../images/template/botton-bg-apply.png) no-repeat left center;
    width: 100px
}

[type=submit].btnApple, [type=button].btnApple {
    background: url(../images/template/botton-bg-apply.png) no-repeat left center;
    width: 100px
}

[type=submit].btnApple:hover, [type=button].btnApple:hover {
    background: url(../images/template/botton-bg-apply-hover.png) no-repeat left center;
    width: 100px
}

input.width100[value="Manage now"], input.width120[value="Manage now"] {
    background: url(../images/template/botton-bg-manage-long.png);
    width: 130px
}

input.width100[value="Manage now"]:hover, input.width120[value="Manage now"]:hover {
    background: url(../images/template/botton-bg-manage-long-hover.png);
    width: 130px
}

[type=submit].btnNext, [type=button].btnNext {
    background: url(../images/template/button-bg-next.png);
    width: 80px
}

[type=submit].btnNext:hover, [type=button].btnNext:hover {
    background: url(../images/template/button-bg-next-hover.png)
}

[type=submit].btnNext130, [type=button].btnNext130 {
    background: url(../images/template/botton-bg-next-long.png);
    width: 130px
}

[type=submit].btnNext130:hover, [type=button].btnNext130:hover {
    background: url(../images/template/botton-bg-next-long-hover.png)
}

[type=submit].btnBack, [type=button].btnBack {
    background: url(../images/template/button-bg-back.png);
    width: 80px
}

[type=submit].btnBack:hover, [type=button].btnBack:hover {
    background: url(../images/template/button-bg-back-hover.png)
}

input.sub-action[value="Recreate Season Price"], input.sub-action[value="Delete"], input[value="Season delete"] {
    padding-left: 20px;
    background: url(../images/template/icon-delect-white.png) no-repeat 2px 2px #9a010b!important
}

.btn-delete {
    padding-left: 20px;
    background: url(../images/template/icon-delect-white.png) no-repeat 2px 2px #9a010b!important
}

input[name="btnGalleryAddrow"], input[name="btnFreeNightAdd"], input[name="btnAddSeason"], input[value="Create Season Price"], input[value="Optional Extras Type Create"], input[value="Add Row"], input[value="Add row"], input[name="btnAddMealPrice"] {
    padding-left: 20px;
    background: url(../images/template/icon-add-white.png) no-repeat 2px 2px #9a010b!important
}

#tableGalleryPicture input[name="btnGalleryAddrow"] {
    margin: 20px 0
}

#tableGalleryPicture .tablelist3 img {
    margin-top: 20px
}

[type=submit].btn-create, [type=button].btn-create {
    padding-left: 20px;
    background: #283b63 url(../images/template/icon-add-white.png) no-repeat 2px 2px!important;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].btn-create:hover, [type=button].btn-create:hover {
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386
}

[type=submit][disabled].btn-create, [type=button][disabled].btn-create {
    padding-left: 20px;
    background: #737374 url(../images/template/icon-add-disabled.png) no-repeat 2px 2px!important;
    border-left: 2px solid #4f4f50;
    border-top: 2px solid #4f4f50;
    border-right: 2px solid #a2a2a4;
    border-bottom: 2px solid #a2a2a4;
    color: #c2c2c3!important;
    cursor: default
}

[type=submit].btn-re, [type=button].btn-re {
    padding-left: 20px;
    background: #283b63 url(../images/template/icon-re.png) no-repeat 2px 2px!important;
    border-left: 2px solid #3b5386;
    border-top: 2px solid #3b5386;
    border-right: 2px solid #142342;
    border-bottom: 2px solid #142342;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0
}

[type=submit].btn-re:hover, [type=button].btn-re:hover {
    border-left: 2px solid #142342;
    border-top: 2px solid #142342;
    border-right: 2px solid #3b5386;
    border-bottom: 2px solid #3b5386
}

[type=submit][disabled].btn-re, [type=button][disabled].btn-re {
    padding-left: 20px;
    background: #737374 url(../images/template/icon-re-disabled.png) no-repeat 2px 2px!important;
    border-left: 2px solid #4f4f50;
    border-top: 2px solid #4f4f50;
    border-right: 2px solid #a2a2a4;
    border-bottom: 2px solid #a2a2a4;
    color: #c2c2c3!important;
    cursor: default
}

#frmHotel .data-form input[name="btnSave"] {
    clear: both;
    display: block;
    margin: 15px 0 10px 0
}

.manage-menu1 {
    background-color: #e5e5e5;
    margin: 2px 0 10px 1px;
    padding: 2px;
    color: #000;
    border-bottom: 1px dashed #555
}

.manage-menu2 {
    background-color: #b9d9f7;
    margin: 2px 4px 10px 15px;
    padding: 2px;
    border: 1px solid #222
}

.box-menu3 {
    background-color: #e9f4ff;
    margin: 2px 4px 10px 15px;
    padding: 2px;
    border: 1px solid #222
}

.box-menu3 p {
    margin: 4px 0 5px 0;
    padding-top: 3px
}

.tbl-menu {
    font-family: MS Sans Serif;
    font-size: 9pt;
    margin: 3px 2px
}

.tbl-menu th {
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    padding: 3px 3px
}

.tbl-menu td {
    padding: 3px 3px;
    color: #000;
    vertical-align: top;
    border-bottom: 1px dashed #666
}

.tbl-menu input[type=text][disabled] {
    border: 1px solid #c6c6c6;
    background: #efefef
}

.menu1-manage {
    background-color: #fff;
    margin: 2px 0 10px 1px;
    padding: 0;
    color: #000;
    border-left: 1px solid #16498a;
    border-top: 1px solid #16498a;
    border-bottom: 0 dashed #555
}

.menu1-manage>h2 {
    background: #fff url(../images/permission/head-bg-blue-dark.gif) repeat-y;
    padding: 4px 2px 4px 0;
    color: #ffca36;
    font-size: 15px;
    font-weight: bold;
    margin: 2px 0 3px 1px
}

.menu1-manage>h2 span {
    background: url(../images/permission/menu-arrow-orange.png) 2px 2px no-repeat;
    padding: 0 0 0 13px
}

.menu2-manage {
    margin: 2px 4px 10px 15px;
    padding: 2px
}

.menu2-manage>h3 {
    background: #fff url(../images/permission/head-bg-blue-light.gif) repeat-y;
    padding: 3px 3px 3px 0;
    margin: 2px 0 3px 1px;
    color: #fcf46c;
    font-size: 14px;
    border: 0
}

.menu2-manage>h3 span {
    background: url(../images/permission/menu-arrow-yellow.png) 2px 1px no-repeat;
    padding: 0 0 0 12px
}

.menu3-manage {
    margin: 1px 4px 1px 15px;
    padding: 2px;
    border: 0 solid #222
}

.menu3-manage>h4 {
    background: #fff url(../images/permission/sub-head-bg.gif) repeat-y;
    color: #002060;
    font-size: 13px;
    border-left: 0 solid #002060;
    padding: 2px 0 2px 2px;
    margin: 0;
    font-weight: bold
}

.menu3-manage>h4 span {
    background: url(../images/permission/menu-arrow-dblue.png) 0 0 no-repeat;
    padding: 0 0 0 10px
}

.menu-check-list {
    margin: 2px 2px 4px 5px;
    border-bottom: 1px dotted #222
}

.permission-manage {
    margin: 2px 2px 4px 20px
}

.menu-check {
    display: block;
    width: 300px;
    float: left;
    margin: 1px 0 1px 0
}

.tab-head {
    display: block;
    margin: 10px 0 1px 5px;
    color: #2774d9;
    font-size: 14px;
    font-weight: bold
}

.tab-head label {
    font-size: 13px;
    font-weight: normal
}

.tab-check {
    display: block;
    width: 300px;
    float: left;
    margin: 1px 0 1px 15px
}

#vehiclesGalleryDiv {
    width: 840px;
    display: block;
    margin: 5px 5px 5px 0
}

#vehiclesGalleryDiv .vehicles-gall {
    padding: 5px;
    width: 400px;
    height: 250px;
    display: block;
    float: left
}

#vehiclesGalleryDiv .border-left {
    border-left: 1px dashed #ccc
}

#vehiclesGalleryDiv .vehicles-gall div {
    text-align: center;
    margin: 3px 0 5px 0
}

#vehiclesGalleryDiv .vehicles-gall div img {
    width: 300px
}

#vehiclesGalleryDiv .vehicles-gall label {
    display: block;
    float: left;
    width: 100px;
    text-align: right
}

#boatGalleryDiv {
    width: 840px;
    display: block;
    margin: 5px 5px 5px 0
}

#boatGalleryDiv .boat-gall {
    padding: 5px;
    width: 400px;
    height: 250px;
    display: block;
    float: left
}

#boatGalleryDiv .border-left {
    border-left: 1px dashed #ccc
}

#boatGalleryDiv .boat-gall div {
    text-align: center;
    margin: 3px 0 5px 0
}

#boatGalleryDiv .boat-gall div img {
    width: 300px
}

#boatGalleryDiv .boat-gall label {
    display: block;
    float: left;
    width: 100px;
    text-align: right
}

.gallButton {
    padding: 20px 5px 20px 5px;
    margin-top: 5px;
    width: 400px;
    display: block;
    text-align: center;
    float: left;
    border: 1px dashed #ccc
}

.search-incorrect {
    margin: 7px 1px 5px 7px;
    padding: 5px;
    font-size: 15px;
    color: red;
    border: 1px dashed red
}

.div-dinning-img {
    display: block;
    float: left;
    width: 220px;
    height: 115px
}

.manage-link {
    margin: 2px 2px 5px 10px;
    font-size: 14px;
    clear: both
}

.manage-link a {
    color: #021afc;
    text-decoration: underline
}

.manage-link a:hover {
    color: #0518d3;
    text-decoration: underline
}

a.manage-link {
    margin: 1px;
    color: #021afc;
    text-decoration: underline
}

a.manage-link:hover {
    color: #0518d3;
    text-decoration: underline
}

a.manage-link-noline {
    margin: 1px;
    color: #021afc;
    text-decoration: none
}

a.manage-link-noline:hover {
    color: #0518d3;
    text-decoration: underline
}

a.voucher-link {
    margin: 1px;
    color: #021afc;
    text-decoration: none
}

a.voucher-link:hover {
    color: #0518d3;
    text-decoration: underline
}

.txt-price {
    width: 70px;
    text-align: right;
    padding: 0 2px;
    margin: 2px 1px
}

.txt-number {
    width: 40px;
    text-align: center;
    padding: 0 2px;
    margin: 2px 1px
}

.box-date {
    width: 80px
}

.box-price {
    width: 80px
}

.mask-time {
    width: 80px
}

.tab-menu {
    border: 1px solid #ccc;
    display: block;
    height: 25px;
    margin: -7px -5px 10px -5px;
    padding: 0
}

.tab-menu a {
    display: block;
    float: left;
    padding: 3px 4px 2px 4px;
    margin: 0;
    width: 80px;
    height: 20px;
    background: #579df9;
    border-right: 1px solid #ccc;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none
}

.tab-menu a:hover {
    color: #fff000
}

.tab-menu a.active {
    background: #f5f487;
    color: #154889
}

.toggle-show {
    display: block;
    width: auto;
    cursor: pointer;
    white-space: nowrap
}

.toggle-show span {
    color: blue;
    cursor: pointer
}

.group-tour-booking td {
    vertical-align: top
}

.listTable td.warning, .table-detail-form td.warning {
    color: #ff9000!important
}

.no-expense {
    border: 1px solid #ccc;
    margin: 5px 5px 5px 0;
    padding: 10px;
    font-size: 18px;
    color: red;
    text-align: center
}

.span-manage {
    color: blue;
    cursor: pointer;
    text-decoration: none
}

.span-manage:hover {
    color: #4949fe;
    text-decoration: underline
}

.span-button {
    border: 1px solid #325dff;
    color: #325dff;
    cursor: pointer;
    text-decoration: none;
    padding: 3px;
    margin-top: 5px
}

.span-button:hover {
    color: #4949fe;
    text-decoration: underline
}

.span-button-del {
    border: 1px solid #ff4855;
    color: #ff4855;
    cursor: pointer;
    text-decoration: none;
    padding: 3px;
    margin-top: 5px
}

.span-button-del:hover {
    color: #ff0d1e;
    text-decoration: underline
}

.span-manage-disabled {
    color: #9a9a9b;
    text-decoration: none;
    cursor: default
}

div.line-bottom {
    margin: 0 0 2px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc
}

.comment-gray {
    color: #555
}

.star {
    color: #f00
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7)
}

.highlight {
    padding: 1px 4px;
    margin: 0 -4px
}

.field-select {
    padding: 2px
}

.field-select div {
    display: block;
    float: left;
    width: 200px
}

.report-form-box {
    display: block;
    width: 1000px;
    margin: 5px 10px 3px 10px;
    padding: 7px;
    border: 1px solid #ccc
}

.report-submit-box {
    display: block;
    width: 1000px;
    text-align: center;
    margin: 5px 10px 3px 10px
}

#seat_pending_group_div {
    min-width: 400px;
    width: auto;
    height: auto;
    border: 1px solid #aaa;
    background: #f6f6f5;
    padding: 1px
}

#seat_pending_group_div span {
    display: block;
    padding: 3px 2px;
    border: 1px solid #fff;
    cursor: pointer
}

#seat_pending_group_div span:hover {
    background: #fcffce;
    border: 1px solid #999
}

#wangwang_id_div {
    min-width: 400px;
    width: auto;
    height: auto;
    border: 1px solid #aaa;
    background: #f6f6f5;
    padding: 1px
}

#wangwang_id_div span {
    display: block;
    padding: 3px 2px;
    border: 1px solid #fff;
    cursor: pointer
}

#wangwang_id_div span:hover {
    background: #fcffce;
    border: 1px solid #999
}

label.label-inbox {
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    position: relative;
    display: inline-block;
    top: 0;
    left: -200px;
    width: 200px;
    margin-right: -200px;
    text-align: left;
    color: #888;
    cursor: text
}

.simply-list {
    background: #ccc
}

.simply-list th {
    background: #fff;
    padding: 3px 2px
}

.simply-list td {
    background: #fff;
    text-align: left;
    padding: 3px 2px
}

.news-user {
    display: block;
    width: 99%
}

.news-user>div.level-name {
    background: #fff url(../images/permission/sub-head-bg.gif) repeat-y;
    color: #002060;
    font-size: 13px;
    padding: 2px 0 2px 2px;
    margin: 0;
    font-weight: bold;
    display: block;
    width: 100%
}

.news-user ul {
    display: block;
    margin: 0 2px 7px 0;
    border: 1px solid #ccc;
    list-style: none;
    padding: 5px 5px 5px 10px
}

.news-user ul li {
    display: block;
    float: left;
    width: 110px
}

.table-group-close-list {
    background-color: #fff;
    font-size: 9pt;
    margin: 3px 2px;
    border-collapse: collapse
}

.table-group-close-list th {
    background: #ededed;
    color: blue;
    white-space: nowrap;
    text-align: center;
    padding: 3px 3px;
    border: 1px solid #555
}

.table-group-close-list td {
    background: #fff;
    padding: 1px 3px;
    color: #000;
    border: 1px solid #555
}

.table-group-close-list td.td-head {
    font-weight: bold;
    background: #ededed
}

.table-group-close-list td.price-show {
    text-align: right;
    font-weight: normal
}

.table-group-close-list td .small {
    font-size: 11px
}

fieldset.form-search {
    border: 1px solid #ccc;
    width: 99%;
    margin-left: 0
}

fieldset.form-search>legend {
    font-size: 15px;
    font-weight: bold;
    color: #2c4163
}

.table-print-list {
    background-color: #fff;
    font-size: 9pt;
    margin: 3px 2px;
    border-collapse: collapse
}

.table-print-list th {
    background: #ededed;
    color: blue;
    white-space: nowrap;
    text-align: center;
    padding: 3px 3px;
    border: 1px solid #555
}

.table-print-list td {
    background: #fff;
    padding: 2px 3px;
    color: #000;
    border: 1px solid #555
}

.table-print-list td.price-show {
    text-align: right;
    font-weight: normal
}

.table-print-list td .small {
    font-size: 11px
}

.hall-booking-box {
    padding: 3px;
    border: 1px solid #ccc
}

.hall-booking-box h4 {
    font-size: 15px;
    color: #192845;
    margin: 2px 2px 3px 0
}

.img-manage {
    cursor: pointer
}

.hand {
    cursor: pointer
}

.img-manage:hover {
    opacity: .6;
    filter: alpha(opacity=60)
}

.icon-manage {
    font-size: 18px;
    cursor: pointer
}

.icon-manage:hover {
    opacity: .6;
    filter: alpha(opacity=60)
}

div.float-left-auto {
    display: block;
    float: left;
    width: auto;
    margin: 0 10px 5px 0
}

fieldset.program-tour-country {
    border: 1px solid #ccc;
    width: auto;
    margin: 0 0 10px 0
}

fieldset.program-tour-country>legend {
    font-size: 15px;
    font-weight: bold;
    color: #2c4163
}

ul.program-tour-city-zone {
    display: block;
    margin: 0 2px 7px 0;
    list-style: square url(../images/template/system-menu-arrow.png);
    padding: 5px 5px 5px 10px
}

ul.program-tour-city-zone li {
    float: left;
    width: 200px;
    padding: 5px 0 10px 0
}

ul.program-tour-city-select {
    display: block;
    margin: 0 2px 7px 0;
    list-style: none;
    padding: 5px 5px 5px 10px
}

ul.program-tour-city-select li {
    display: block;
    float: left;
    width: 200px
}

textarea[class=disabled][disabled], input[class=disabled][disabled], select[class=disabled][disabled] {
    background: none!important;
    border: none!important;
    color: #444!important
}

input[type=text][class=disabled][disabled] {
    width: inherit
}

select[class=disabled][disabled] {
    border: 0;
    outline: 0;
    background: transparent
}

textarea[class=disabled][disabled] {
    outline: none!important;
    resize: none!important;
    height: inherit!important;
    overflow: auto!important;
    height: inherit!important
}

.count-num-record {
    width: auto;
    border: 1px solid #ccc;
    margin: 5px 0 5px 0;
    padding: 5px
}

.count-topic {
    font-weight: bold
}

.count-number {
    font-weight: bold;
    color: blue
}

fieldset.ticket-seat-bulk {
    background-color: #fff;
    border-width: 1px 1px 3px 2px;
    border-style: solid;
    border-color: #164989;
    margin: 2px 0 10px 0
}

fieldset.ticket-seat-bulk>legend {
    background: #164989 url(../images/template/h3-icon-yellow.png) 4px 6px no-repeat;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 5px 2px 18px;
    width: auto
}

fieldset.ticket-seat-bulk>legend span {
    min-width: 140px;
    display: inline-block
}

fieldset.ticket-seat-bulk.box-green {
    border-color: green
}

fieldset.ticket-seat-bulk.box-green>legend {
    background-color: green
}

fieldset.ticket-seat-bulk.box-brown {
    background: #fff;
    border-color: #b75f00
}

fieldset.ticket-seat-bulk.box-brown>legend {
    background-color: #b75f00
}

fieldset.ticket-seat-bulk.box-gray {
    border-color: #a9b6c7
}

fieldset.ticket-seat-bulk.box-gray>legend {
    background: #f8f8f8 url(../images/template/system-menu-arrow.png) 4px 7px no-repeat;
    border-width: 2px 3px 1px 1px;
    border-style: solid;
    border-color: #a9b6c7;
    color: #2c4163
}

fieldset.ticket-set {
    background-color: #ecf9ff;
    border: 1px solid #164989;
    margin: 2px 0 10px 0
}

fieldset.ticket-set>legend {
    background: #fff;
    border: 1px solid #164989;
    color: #164989;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 15px 2px 10px;
    min-width: 400px;
    width: auto
}

fieldset.ticket-set>legend.active {
    background: #fefe90
}

.box-market-zone {
    padding: 5px 8px;
    border: 2px solid #b0e1ff
}

.market-zone-list {
    margin-top: -5px;
    margin-left: -8px
}

.market-zone-list div {
    display: blodk;
    float: left;
    padding: 3px
}

.market-zone-list div.head {
    background: #b0e1ff;
    color: #00314e;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #b0e1ff
}

.market-zone-list div.list {
    background: #fff;
    color: #b0e1ff;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #b0e1ff
}

.market-zone-list div.list a {
    color: #b0e1ff;
    text-decoration: none
}

.market-zone-list div.list a:hover {
    color: #b0e1ff;
    text-decoration: underline
}

.market-zone-list div.list a.link-manage {
    color: blue;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal
}

.market-zone-list div.list a.link-manage:hover {
    color: blue;
    text-decoration: underline
}

.market-zone-list div.list.disabled {
    background: #ddd;
    color: #999;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #999
}

.market-zone-list div.list.disabled a {
    color: #999;
    text-decoration: none
}

.market-zone-list div.list.disabled a:hover {
    color: #999;
    text-decoration: underline
}

.market-zone-list div.list-selected {
    background: #51bdff;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #b0e1ff
}
.market-zone-list div.list-selected a {
    color: #fff;
    text-decoration: none
}

.market-zone-list div.list-selected a:hover {
    color: #fff;
    text-decoration: underline
}

.market-zone-list div.list-selected.disabled {
    background: #999;
    color: #ddd;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #b0e1ff
}
.market-zone-list div.list-selected.disabled a {
    color: #ddd;
    text-decoration: none
}

.market-zone-list div.list-selected.disabled a:hover {
    color: #ddd;
    text-decoration: underline
}

.market-zone-detail {
    border: 1px dotted #b0e1ff;
    margin-left: -8px
}

.ticket-price-set {
    display: block;
    margin-top: -5px;
    margin-left: -8px;
    padding: 4px 3px 3px 5px;
    border: 1px solid #fcffb0;
    background: #fcffb0
}

.ticket-price-set div {
    display: inline-block;
    height: 100%
}

.ticket-price-set div.set-head {
    font-size: 16px;
    color: #003bd0;
    font-weight: bold;
    padding: 0 20px 0 0
}

.ticket-price-set div.set-select {
    padding: 0 10px 0 10px;
    border-left: 2px solid #fff000;
    border-right: 2px solid #fff000
}

.ticket-price-set div.set-manage {
    padding: 0 0 0 10px
}

.ticket-price-set div.set-manage span {
    margin: 3px
}

.box-color {
    padding: 5px;
    border-style: solid;
    border-width: 2px;
    width: auto;
    min-height: 50px
}

.box-color div.data-content {
    border-top: 1px dotted #fff;
    padding-top: 5px
}

.box-color h2 {
    margin: 5px 1px 3px 1px!important;
    display: inline-block
}

.box-color h3 {
    margin: 3px 1px 3px 1px!important;
    display: inline-block;
    border-bottom: 1px dotted #fff!important;
    width: 98%
}

.box-color fieldset {
    border-width: 3px 1px;
    border-style: solid;
    margin: 5px 5px 10px 3px;
    width: auto
}

.box-color fieldset>legend {
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #3a70fb;
    padding: 1px 5px 1px 5px
}

.box-color fieldset.zone-list {
    border-color: #263a61;
    background: #ebebeb
}

.box-color fieldset.zone-list>legend {
    border: 1px solid #263a61;
    color: #263a61;
    background: #fff
}

.box-color table.formTableInBox {
    margin: 5px;
    padding: 10px auto
}

.box-color table.formTableInBox th {
    height: auto;
    padding: 3px 3px;
    white-space: nowrap;
    text-align: right;
    vertical-align: top
}

.box-color table.formTableInBox td {
    height: auto;
    padding: 3px 3px;
    vertical-align: top
}

.box-color-main {
    background: #fff;
    border-color: #0034b7
}

.box-color-main h2 {
    color: #0034b7!important
}

.box-color-main h3 {
    color: #0034b7!important;
    font-size: 25px;
    border-bottom: 1px dotted #0034b7!important
}

.box-color-main table.formTableInBox th {
    color: #ff0
}

.box-color-main table.formTableInBox td {
    color: #fff
}

.box-color-main fieldset.box-color-blue {
    border-color: #0034b7;
    background: #4e7cf2
}

.box-color-main fieldset.box-color-blue>legend {
    border-color: #0034b7;
    color: #0034b7;
    background: #fff
}

.box-color-main fieldset.box-color-red {
    border-color: #b80101;
    background: #fbb8de
}

.box-color-main fieldset.box-color-red>legend {
    border-color: #b80101;
    color: #b80101;
    background: #fff
}

.box-color-main fieldset.box-color-green {
    border-color: #060;
    background: #e4ffe4
}

.box-color-main fieldset.box-color-green>legend {
    border-color: #060;
    color: #060;
    background: #fff
}

.box-color-blue {
    background: #0034b7;
    border-color: #003fde
}

.box-color-blue h2 {
    color: #fff!important
}

.box-color-blue h3 {
    color: #fff!important
}

.box-color-blue fieldset.fieldset-list1 {
    border-color: #3a70fb;
    background: #4e7cf2
}

.box-color-blue fieldset.fieldset-list1>legend {
    border-color: #3a70fb;
    color: #3a70fb;
    background: #fff
}

.box-color-blue table.formTableInBox th {
    color: #ff0
}

.box-color-blue table.formTableInBox td {
    color: #fff
}

.box-color-red {
    background: #b80101;
    border-color: #e30404
}

.box-color-red h2 {
    color: #fff!important
}

.box-color-red h3 {
    color: #fff!important
}

.box-color-red fieldset.fieldset-list1 {
    border-color: #ff85ca;
    background: #fbb8de
}

.box-color-red fieldset.fieldset-list1>legend {
    border-color: #ff85ca;
    color: #b80101;
    background: #fff
}

.box-color-red table.formTableInBox th {
    color: #000
}

.box-color-red table.formTableInBox td {
    color: #b80101
}

.box-color-brown {
    background: #b75f00;
    border-color: #d36f03
}

.box-color-brown h2 {
    color: #fff!important
}

.box-color-brown h3 {
    color: #fff!important
}

.box-color-brown fieldset.fieldset-list1 {
    border-color: #e78d2c;
    background: #ffcc95
}

.box-color-brown fieldset.fieldset-list1>legend {
    border-color: #e78d2c;
    color: #e78d2c;
    background: #fff
}

.box-color-brown table.formTableInBox th {
    color: #000
}

.box-color-brown table.formTableInBox td {
    color: #b75f00
}

.box-color-green {
    background: #060;
    border-color: #008f00
}

.box-color-green h2 {
    color: #fff!important
}

.box-color-green h3 {
    color: #fff!important
}

.box-color-green fieldset.fieldset-list1 {
    border-color: #00a400;
    background: #e4ffe4
}

.box-color-green fieldset.fieldset-list1>legend {
    border-color: #00a400;
    color: #060;
    background: #fff
}

.box-color-green table.formTableInBox th {
    color: #000
}

.box-color-green table.formTableInBox td {
    color: #060
}

fieldset.fieldset-job-order {
    background: #fff;
    border: 1px solid green;
    margin: 2px 1px 3px 1px
}

fieldset.fieldset-job-order legend {
    background: #fff;
    padding: 2px;
    border: 1px solid green
}

fieldset.booking-manage {
    border-width: 3px 1px;
    border-style: solid;
    margin: 5px 5px 10px 3px;
    width: auto;
    border-color: #3a70fb;
    background: #f0fdff
}

fieldset.booking-manage>legend {
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #3a70fb;
    padding: 1px 5px 1px 5px;
    border-color: #3a70fb;
    color: #fff;
    background: #628eff
}

fieldset.booking-add {
    background: #ffffe3
}

fieldset.booking-add>legend {
    background: #ff0;
    color: #ff5858
}

fieldset.booking-disabled {
    background: #f0f0f0;
    border-color: #7a7a7a
}

fieldset.booking-disabled>legend {
    background: #f0f0f0;
    color: #3b3b3b;
    border-color: #7a7a7a
}

.booking-manage table.formTableInBox {
    margin: 5px;
    padding: 10px auto
}

.booking-manage table.formTableInBox th {
    height: auto;
    padding: 3px 3px;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    color: #000
}

.booking-manage table.formTableInBox td {
    height: auto;
    padding: 3px 5px 3px 3px;
    vertical-align: top;
    color: #00f
}

.order-info {
    background: #a8b5c6;
    margin: 5px 0
}

.order-info th {
    background-color: #c6d1de;
    padding: 3px 4px;
    white-space: nowrap;
    color: #343434;
    text-align: center!important
}

.order-info td {
    background: #fff;
    height: 25px;
    padding: 3px 3px 0 3px;
    color: #343434;
    white-space: nowrap
}

.table-info {
    background: #ccc
}

.table-info th {
    background: #2c4163;
    color: #fff;
    padding: 2px 3px
}

.table-info td {
    background: #fff;
    padding: 2px 3px
}

.table-info td.bg-red {
    background: #f00;
    color: #fff
}

.table-info td.bg-green {
    background: #0f0;
    color: #fff
}

.stop-sale-info {
    margin-left: 20px
}

.stop-sale-info strong {
    font-size: 15px;
    color: red
}

.report-month-select {
    display: block;
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    margin: 10px 0;
    padding: 5px 2px
}

.report-month-select span {
    margin: 2px 5px;
    color: blue;
    font-weight: bold;
    cursor: pointer
}

.report-month-select span:hover {
    color: #4e7cf2
}

.report-month-select span.month-selected {
    color: green;
    font-size: 18px;
    cursor: text
}

.div-cost {
    width: auto;
    margin-top: 2px;
    border-top: 1px solid #a8b5c6;
    padding: 2px
}

.booking-currency-code {
    color: green
}

.span-toggle-show {
    cursor: pointer
}

fieldset:nth-child(odd).fieldset-default {
    background-color: #ecfff4;
    border: 1px solid #164989;
    border-bottom: 2px solid #164989;
    margin: 2px 0 10px 0
}

fieldset:nth-child(even).fieldset-default {
    background-color: #fff;
    border: 1px solid #164989;
    border-bottom: 2px solid #164989;
    margin: 2px 0 10px 0
}

fieldset.fieldset-default>legend {
    background: #164989;
    border: 1px solid #164989;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 15px 2px 10px;
    min-width: 400px;
    width: auto
}

input[type=button].btn-add {
    background: url(../images/template/button-bg-add-new.png) no-repeat left center;
    width: 100px;
    padding-left: 20px
}

input[type=button].btn-add:hover {
    background: url(../images/template/button-bg-add-new-hover.png) no-repeat left center;
    width: 100px
}

input[type=button].btn-cancel {
    background: url(../images/template/button-bg-delete.png) no-repeat left center;
    width: 100px
}

input[type=button].btn-cancel:hover {
    background: url(../images/template/button-bg-delete-hover.png) no-repeat left center;
    width: 100px
}

div.no-picture {
    width: 500px;
    background: #eee;
    color: #777;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

fieldset.fieldset-main {
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    margin: 5px 5px 20px 3px;
    padding: 10px;
    width: auto;
    border-color: #0034b7;
    background: #f0fdff
}

fieldset.fieldset-main>legend {
    font-size: 20px;
    font-weight: bold;
    padding: 3px 15px 3px 5px;
    background: #fff;
    border-width: 3px 1px 3px 1px;
    border-style: solid;
    border-color: #00f;
    color: #00f
}

fieldset.fieldset-list {
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    margin: 5px 5px 10px 3px;
    width: auto
}

fieldset.fieldset-list>legend {
    background: #fff;
    padding: 1px 5px 1px 5px;
    font-size: 16px;
    font-weight: bold;
    border-width: 1px 3px 3px 1px;
    border-style: solid
}

fieldset.fieldset-list.brown {
    border-color: #e78d2c;
    background: #ffcc95
}

fieldset.fieldset-list.brown>legend {
    background: #fff;
    border-color: #e78d2c;
    color: #b75f00
}

fieldset.fieldset-list.blue {
    border-color: #3a70fb;
    background: #c9d8ff
}

fieldset.fieldset-list.blue>legend {
    background: #fff;
    border-color: #3a70fb;
    color: #3a70fb
}

fieldset.fieldset-list.green {
    border-color: #00a400;
    background-color: #e4ffe4;
    color: #fff
}

fieldset.fieldset-list.green>legend {
    border-color: #00a400;
    color: #00a400
}

fieldset.manage-group, div.manage-group {
    width: auto;
    margin: 5px 0 5px 0;
    border-width: 1px;
    border-style: dotted;
    border-color: #888;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

fieldset.manage-group>legend {
    font-size: 15px;
    font-weight: bold;
    color: black
}
fieldset.manage-group>legend i{
  font-weight: normal!important;
  font-size: 13px!important;
}

fieldset.border-blue, div.border-blue {
    border-color: blue!important
}

fieldset.border-green, div.border-green {
    border-color: green!important
}

fieldset.border-orange, div.border-orange {
    border-color: orange!important
}

fieldset.border-red, div.border-red {
    border-color: red!important
}

.btn-voucher {
    border-top: 1px solid #555;
    margin-top: 15px
}

.btn-voucher fieldset {
    display: inline-block;
    padding: 10px;
    width: 400px;
    margin-left: 20px;
    text-align: center
}

.btn-voucher fieldset:first-child {
    margin-left: 0
}

.table-inside {
    padding: 0;
    margin: 0;
    border: 0
}

.table-inside td {
    background: none!important;
    padding: 0!important;
    vertical-align: top
}

.transfer-check-icon {
    font-size: 17px
}

.form-display-amount th {
    font-weight: normal;
    color: black;
    padding: 3px
}

.form-display-amount td {
    font-weight: bold;
    color: blue;
    padding: 3px 20px 3px 3px;
    font-size: 15px
}

.box-voucher-supplier {
    display: inline-block
}

.voucher-method-text {
    margin-top: 7px;
    font-size: 15px;
    color: blue
}

.select2-container--default .select2-results__group {
    color: #00f;
    font-style: italic
}

button.btn-sub {
    cursor: pointer
}

button.btn-sub i {
    margin-right: 4px
}

button.btn-sub.bg-green {
    background-color: #207601;
    border-left: 2px solid #268b02;
    border-top: 2px solid #268b02;
    border-right: 2px solid #134600;
    border-bottom: 2px solid #134600;
    color: #fff
}

button.btn-sub.bg-green:hover {
    border-left: 2px solid #134600;
    border-top: 2px solid #134600;
    border-right: 2px solid #268b02;
    border-bottom: 2px solid #268b02
}

button.btn-sub.bg-red {
    background-color: #9a010b;
    border-left: 2px solid #c2020f;
    border-top: 2px solid #c2020f;
    border-right: 2px solid #5e0107;
    border-bottom: 2px solid #5e0107;
    color: #fff
}

button.btn-sub.bg-red:hover {
    border-left: 2px solid #5e0107;
    border-top: 2px solid #5e0107;
    border-right: 2px solid #c2020f;
    border-bottom: 2px solid #c2020f
}

button.btn-sub[disabled], button.btn-sub[disabled]:hover {
    background-color: #d3d3d3;
    border-left: 2px solid #e4e4e3;
    border-top: 2px solid #e4e4e3;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
    color: #ccc;
    cursor: default
}

.badge-count {
    display: inline-block;
    position: relative;
    background: #fff;
    border: 1px solid #b9b9b9;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -25px;
    margin-bottom: -25px;
    margin-left: -6px;
    top: -1rem;
    right: -0.7rem;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    border-radius: 50%;
    color: blue;
    z-index: 999
}

input[type=textbox].text-readonly[readonly] {
  background: transparent!important;
}

.manage-info {
    border-bottom:1px dotted #999;
    padding-left:400px;
    margin:-12px 0 5px 0;
    color:#999;
}
.manage-info .divide{
    margin:0 10px;
}
.inline-block {
    display: inline-block;
    padding:2px;
    margin-right: 10px;
}
.cutoff-alert {
    background: yellow;
    color: red;
    padding:2px 5px;
}
.text-wrap {
    word-break: break-all;
    white-space: normal;
}