@import url(/assets/css/reset-adcac7a603f4b6651d72a4140bcf5ea7.css);
@import url(/assets/css/progress-a9687f4789b18b549858784ba2156566.css);

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hide {
    display: none;
}

html, body {
    height: 100%
}

body {
    letter-spacing: -0.06em;
    font-size: 13px;
    min-width: 900px
}

.main {
    height: 100%;
    position: relative;
    min-width: 1280px
}

section.header {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 100
}

header {
    position: absolute;
    width: 100%
}

main {
    position: relative;
    padding-left: 260px;
    min-height: 100%
}

ul {
    padding-left: 20px
}

li {
    line-height: 15px
}

.description + .content {
    margin-top: 40px
}

.cp {
    cursor: pointer
}

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

.loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(77, 77, 77, 0.1);
/*    background-color: rgba(255, 255, 255, 0.1);*/
    z-index: 999999;
}

.loading:after {
    content: '';
    background: url(data:image/gif;base64,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) no-repeat 0;
    background-position: center center;
    background-size: 32px;
    height: 100%;
    display: block;
}

.content_left {
    border-right: 1px dashed #ccc;
    margin-right: 10px;
    padding-right: 10px
}

section.content {
    padding: 0 20px 20px 20px
}

.lnb {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 260px;
    min-width: 212px;
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    background: #2b3a48
}

.nav {
    margin-top: 15px;
    margin-bottom: 30px
}

.nav ul {
    padding: 0;
    list-style: none
}

.nav p.nav-item {
    line-height: 40px;
    position: relative;
    padding: 0 15px 0 15px
}

.nav p.nav-item + ul li > p:before {
    content: unset
}

.nav p.nav-item a {
    color: #ffffff;
    text-decoration: none;
    display: block
}

li.open > p.tabs-root:before, p.tabs-root.on:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ffffff
}

.nav li p.on, .nav li p:hover {
    background: #cccccc88;
    cursor: pointer
}

ul.disabled {
    display: none
}

.footer {
    position: fixed;
    bottom: 0;
    color: #ccc;
    text-align: center;
    line-height: 30px;
    width: 260px;
    background: #2b3a48
}

header a {
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.information {
    position: absolute;
    width: 100%;
    z-index: 1
}

._title {
    background: #fff;
    margin-top: 30px;
    padding-left: 48px;
    height: 40px
}

._title a {
    padding-top: 1px;
    display: inline-block;
    line-height: 17px
}

._title:before {
    content: "T";
    left: 8px;
    bottom: 4px;
    width: 33px;
    background: #ccc;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 33px;
    font-size: 25px
}

._title a b {
    font-size: 16px
}

.information:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 260px;
    background: #2b3a48;
    z-index: -1
}

.info-wrapper ul {
    list-style: none;
    display: inline-flex
}

.info-wrapper li {
    padding: 0 5px
}

.info-wrapper {
    position: absolute;
    background: #ddd;
    left: 260px;
    right: 0;
    height: 70px;
    z-index: 100
}

.info-top {
    text-align: right;
    line-height: 30px
}

ul.info-notice {
    display: inline-block;
    width: 600px;
    text-align: left;
    position: absolute;
    left: 0
}

ul.info-notice li {
    display: none;
    line-height: inherit
}

ul.info-notice li.active {
    transition: all .2s;
    display: block
}

.info-top ul.info-operator {
    padding-right: 10px
}

.info-body {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 2;
    height: 40px;
    background: #fff;
    line-height: 40px
}

._favorite li {
    padding: 0
}

._favorite li a {
    background: #fff;
    padding: 3px 5px;
    border-radius: 4px;
    transition: all .2s
}

._favorite li a:hover {
    background: #ddd
}

.info-body_timer {
    float: right;
    padding-right: 10px
}

.timer {
    font-size: 15px;
    color: #ff3c42;
    position: absolute;
    right: 150px;
    line-height: 30px;
    font-weight: bold;
}

._logout {
    line-height: 40px;
    font-size: 25px;
    transition: all .2s
}

._logout:hover {
    color: #f82244
}

._timer > div {
    color: #fff;
    width: 76px;
    padding: 4px 9px;
    margin-top: 8px;
    border-radius: 5px;
    background: #333;
    font-size: 13px;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    transition: all .2s
}

._timer:hover > div {
    background: #f82244
}

._timer-extention {
    display: inline-block;
    float: right
}

.tabs {
    padding-top: 70px
}

.tab-buttons {
    height: 35px;
    background-color: #ddd;
    position: relative;
    margin: 0 40px;
    padding-left: 5px
}

.tabBtnElement ._close_box {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    margin: 5px;
    margin-right: -5px;
    vertical-align: middle
}

.tabBtnElement ._close_box:hover {
    background: #d1d2d5;
    border-radius: 50%
}

.tabElement {
    cursor: pointer;
    margin-right: 5px;
    z-index: 300
}

.tabBtnElement {
    height: 30px;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f1f3f5;
    color: #888;
    position: relative;
    white-space: nowrap
}

.tabElement.active > .tabBtnElement {
    background-color: #ffffff;
    color: #000000;
    z-index: 300
}

.titleElement {
    line-height: 31px;
    vertical-align: middle
}

.pageTab button.tabLeftButtonElement, .pageTab button.tabRightButtonElement, .pageTab .contextMenuElement {
    display: none
}

.pageTab .tab-buttons {
    margin: 0;
    padding-left: 20px
}

.tabAreaDivElement {
    position: relative;
    overflow: hidden
}

button.tabLeftButtonElement {
    position: absolute;
    left: 0;
    z-index: 100000;
    top: 0
}

button.tabRightButtonElement {
    position: absolute;
    right: 0;
    z-index: 100000;
    top: 0
}

button.tabLeftButtonElement, button.tabRightButtonElement {
    width: 40px;
    height: 33px;
    border: none;
    background: #ddd;
    font-size: 22px;
    color: #888
}

.contextMenuElement {
    background: #ffffff;
    position: fixed;
    z-index: 100;
    border: 1px solid #dadce0;
    padding: 5px 0;
    box-shadow: 3px 3px 2px #eee
}

.contextMenuElement i {
    position: absolute;
    left: 7px;
    line-height: 24px;
    font-size: 12px;
    color: #333
}

.contextMenuElement a {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 1px 25px;
    line-height: 24px;
    width: 130px
}

.contextMenuElement a:hover {
    background-color: #c8c8c9
}

.tab-content.iframe {
    height: calc(100vh - 165px)
}

.pageElement.active {
    display: block
}

.pageElement.inactive {
    display: none
}

.wrapper {
    height: 100%;
    position: relative;
    overflow-y: scroll
}

.header h2 {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    font-size: 20px
}

.wrapper header {
    padding: 20px;
    position: absolute
}

.wrapper2 {
    height: 100%;
    position: relative;
    overflow-y: hidden
}

.description {
    line-height: 15px;
    padding: 10px;
    background: #f1f3f5;
    position: absolute;
    top: 68px;
    z-index: 99;
    width: 100%;
    cursor: pointer
}

.description-contents {
    padding: 10px
}

.description-close, .description-open {
    padding-left: 10px;
    position: absolute;
    top: 10px;
    right: 20px
}

.description.open .description-contents {
    overflow: hidden;
    height: 15px;
    padding: 0 10px
}

.description.open .description-close {
    display: none
}

.description.close .description-open {
    display: none
}

.flex {
    display: flex
}

.flex em {
    font-style: normal;
    font-weight: bold
}

.flex .btn {
    margin-left: 5px
}

table {
    width: 100%;
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1
}

td, th {
    padding: 9px 10px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all
}

td {
    border-top: 1px solid #f0f0f0;
    color: #333;
    height: 23px;
    background: url(data:image/png;base64,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) no-repeat 0 100%
}

thead th:first-child, td:first-child {
    background: none
}
table.info-reason {
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin: 15px 0px
}
/*table.info-reason th {*/
/*    background: #f8f9fa*/
/*}*/
/*table.info-reason td {*/
/*    background: unset*/
/*}*/
/*table.info-reason th, table.info-reason td {*/
/*    text-align: left;*/
/*    border-top: unset;*/
/*    border-bottom: 1px solid #f0f0f0*/
/*}*/

table.info {
    width: 100%;
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1;
    margin: 15px 0px
}

table.info th {
    background: #f8f9fa
}

table.info td {
    background: unset
}

table.info th, table.info td {
    text-align: left;
    border-top: unset;
    border-bottom: 1px solid #f0f0f0
}

hr {
    border-color: #f1f3f5;
    margin: 2em 0
}

hr.page {
    border-style: dashed;
    border-color: #ccc
}

h3 {
    font-size: 20px
}

.bold {
    font-weight: bold
}

.h50 {
    height: 50px !important
}

.h85 {
    height: 85px !important;
}


.wd52 {
    width: 52px !important
}

.wd100 {
    width: 100px !important
}

.wd200 {
    width: 200px !important
}

.wd300 {
    width: 300px !important
}

.wd525 {
    width: 525px !important
}

.wd10p {
    width: 20% !important
}

.wd20p {
    width: 20% !important
}

.wd30p {
    width: 30% !important
}

.wd40p {
    width: 40% !important
}

.wd50p {
    width: 50% !important
}

.wd60p {
    width: 60% !important
}

.wd70p {
    width: 70% !important
}

.wd80p {
    width: 80% !important
}

.wd90p {
    width: 90% !important
}

.wd100p {
    width: 100% !important
}

.lh30 {
    line-height: 30px
}

.ml0 {
    margin-left: 0 !important
}

.ml10 {
    margin-left: 10px !important
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}
.mt35 {
    margin-top: 35px
}
.mt40 {
    margin-top: 40px
}
.mt45 {
    margin-top: 45px
}
.mt50 {
    margin-top: 50px
}
.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.pr0 {
    padding-right: 0 !important
}

.f_left {
    float: left
}

.f_right {
    float: right
}

.t_left {
    text-align: left !important
}

.t_right {
    text-align: right !important
}

.t_center {
    text-align: center !important
}

.v_top {
    vertical-align: top
}

.filter.h50 form {
    min-height: 50px;
}

.filter.h85 form {
    min-height: 85px;
}

.btn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #a3a9b2;
    vertical-align: middle;
    min-width: 100px;
    padding: 0px 15px
}

.btn_open {
    color: #fff;
    background: #5a6370
}

.btn_delete {
    color: #fff;
    background: #e74c3c
}

.btn_save, .btn_upload {
    color: #fff;
    background: #3498db
}

.btn_reject {
    color: #fff;
    background: #f1c40f
}

.btn_add, .btn_edit {
    color: #fff;
    background: #07bc0c
}

.btn_cancel, .btn_reset, .btn_list, .btn_close, .btn_search, .btn_black {
    color: #fff;
    background: #000000
}

.btn_download {
    color: #fff;
    background: #5a6370
}

.btn_masking {
    color: #fff;
    background: #5a6370
}

.btn_open:before {
    content: "\f2d2";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_cancel:before, .btn_close:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_reset:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_list:before {
    content: "\f03a";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_add:before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_edit:before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_save:before {
    content: "\f0c7";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_delete:before {
    content: "\f1f8";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_search:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_download:before {
    content: "\f019";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.btn_upload:before {
    content: "\f093";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px
}

.filter-btn {
    width: 80px;
    height: 19px;
    position: absolute;
    bottom: -19px;
    z-index: 99;
    left: calc(50% - 50px);
    text-align: center;
    cursor: pointer;
    border-width: 0 1px 2px;
    border-style: solid solid solid;
    border-color: #cccccc;
    background: #ffffff;
    border-top: 0;
}

.filter-btn.open {
    border-bottom-color: #418ed4;
}

.filterItem-extend {
    display: none
}

.reload {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    color: #555;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background: none;
}

.label {
    height: 22px;
    line-height: 22px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    background-color: #008aff;
    padding: 0 7px;
    text-align: center
}

.label.wait, .label.add {
    color: #fff;
    background-color: #45d8a3
}

.label.cancel {
    color: #fff;
    background-color: #ffb400
}

.label.reject {
    color: #fff;
    background-color: #ff4155
}

.c_red {
    color: #f82244
}

.c_green {
    color: #45d8a3
}

.c_info {
    color: #3498db
}

.c_success {
    color: #07bc0c
}

.c_warning {
    color: #f1c40f
}

.c_error {
    color: #e74c3c
}

.bc_gray {
    background: #a3a9b2
}

.bc_dark {
    background: #5a6370
}

.bc_black {
    background: #000000
}

.bc_info {
    background: #3498db
}

.bc_success {
    background: #07bc0c
}

.bc_warning {
    background: #f1c40f
}

.bc_error {
    background: #e74c3c
}

table input[type="text"],
table input[type="password"],
table input[type="date"], .passwordTotextForm {
    width: 250px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 10px 1px;
    background: #fff;
    outline: none
}



input[type="radio"] {
    display: none
}

textarea {
    width: 100%;
    border: 1px solid #dbdde0;
    height: 80px;
    resize: none
}

input[type="radio"] + label {
    position: relative;
    font-size: 13px;
    line-height: 30px;
    padding-left: 27px;
    margin-right: 10px;
    cursor: pointer;
    outline: none;
    vertical-align: middle
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s
}

input[type="radio"] + label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    left: 0;
    top: 0
}

input[type="radio"]:checked + label:before {
    border: 2px solid #418ed4
}

input[type="radio"]:checked:disabled + label:before {
    border: 2px solid #888888
}

input[type="radio"]:checked + label:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 6px;
    top: 6px;
    background: #418ed4
}

input[type="radio"]:checked:disabled + label:after {
    background: #888888
}

input[type="checkbox"] {
    display: none
}

input[type="checkbox"] + label {
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    margin-right: 10px;
    white-space: nowrap;
}

input[type="checkbox"]:checked + label:before {
    border: 0;
    outline: 0;
    width: 20px;
    height: 20px;
    background-image: url(/assets/img/checkobx-sel-ba05bcf0564c5005215ede99f78a5498.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(/assets/img/checkobx-nor-50bac17e5eb8381e3349edde0a7e0e13.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

input:disabled + label {
    cursor: no-drop !important
}

select {
    width: 250px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 20px 0 9px;
    color: #666;
    font-size: 13px;
    background-image: url(/assets/img/dropdown-arrow-down-12c1047ff72575dbb839bf1da991d069.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px 5px;
    appearance: none;
    image-rendering: -webkit-optimize-contrast
}

select:active, select:focus {
    width: 250px;
    height: 30px;
    border: 1px solid #2b3a48;
    padding: 0 20px 0 9px;
    color: #000;
    outline: 0;
    border-radius: 0;
    font-size: 13px;
    background-image: url(/assets/img/dropdown-arrow-up-a1478d9a69db332d3bd722657c7525be.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px 5px;
    appearance: none;
    image-rendering: -webkit-optimize-contrast
}

table input[type="text"].treeSelect {
    background-image: url(/assets/image/forder.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    cursor: pointer
}

div.treeSelect {
    border: 1px solid;
    position: absolute;
    height: 400px;
    overflow: auto;
    z-index: 999;
    background-color: white;
    padding: 0;
    width: inherit
}

*:disabled {
    background: #f8f9fa !important;
    cursor: no-drop;
    color: #888888;
}

.alert {
    display: flex;
    background-color: #fff9db;
    border-radius: 8px
}

.alert div {
    padding: 15px 20px
}

.alert-head {
    background: #ffe066;
    color: #fab005;
    text-align: center;
    font-size: 24px;
    border-radius: 8px 0 0 8px
}

.alert-head i {
    width: 25px
}

.alert-body h3 {
    font-size: 13px;
    border-radius: 0 8px 8px 0
}

.alert-body p.alert-info {
    text-align: center;
    margin: 20px 0
}

.alert-body div {
    padding: 5px 0
}

.alert.warning {
    background-color: #f8f9fa
}

.alert.warning .alert-head {
    background: #e8e8e8;
    color: #2b3a48;
    padding: 5px 20px
}

.action {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ccc;
    background: #f8f9fa;
    padding: 10px 20px;
    text-align: right;
    z-index: 22;
    width: 100%;
}

.action .btn {
    margin-left: 5px
}

.btn:disabled {
    background: #888888 !important;
    color: #f8f9fa;
}

.filter {
    margin-top: 5px;
    position: relative;
    height: 124px;
}

.filter form {
    position: absolute;
    border: 1px solid #ccc;
    background: #f8f9fa;
    padding-bottom: 5px;
    width: 100%;
    z-index: 98;
    min-height: 124px;
}

.filter table {
    border: none
}

.filter th {
    text-align: right;
    padding: 9px 0 0 10px
}

.filter td {
    border: none;
    color: #000000;
    background: none;
    padding: 9px 0 0 10px;
    text-align: left
}

.tui-tree-wrap {
    background: none
}

.tui-tree-root {
    overflow-y: auto;
    overflow-x: hidden
}

.tui-tree-wrap::-webkit-scrollbar {
    width: 5px
}

.tui-tree-wrap::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px
}

.tui-tree-wrap::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px
}

.tui-tree-xroll {
    background: none
}

.tui-tree-xroll .tui-tree-root {
    overflow-y: auto;
    overflow-x: auto;
    height: 100%
}

.tui-tree-xroll .tui-tree-root::-webkit-scrollbar, .tui-tree-xroll::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.tui-tree-xroll::-webkit-scrollbar-thumb, .tui-tree-xroll .tui-tree-root::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px
}

.tui-tree-xroll::-webkit-scrollbar-track, .tui-tree-xroll .tui-tree-root::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px
}

.tab_r {
    display: block;
    text-indent: -9999px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UzODlGNEQ4QjE5MTFFODk1QzFCN0I4N0E2QTRGNDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UzODlGNEU4QjE5MTFFODk1QzFCN0I4N0E2QTRGNDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTM4OUY0QjhCMTkxMUU4OTVDMUI3Qjg3QTZBNEY0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTM4OUY0QzhCMTkxMUU4OTVDMUI3Qjg3QTZBNEY0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg04/hUAAAEJSURBVHjapNO/SwJhHMfx5w6hTQWDGpoEIdSlIZSm1oYEF4d2D0qdFKfQ/0FaHmpviYpAoZrcajEawtZwKmjoL7jeD3yfeBTt+vGFFw/35T733PF9zguCQDm1jBpKyCHEBDc4wrNzb+g7F2WMsYYGVpCU/iuG6MCzgZisJXnyLu7UdD0JjUvE0bLhFE4keK8W1xt2MMK1aZjXruMsImjrA20c2p3NN+1HhMJ5TbPzOh4iwt4srbXnq3+UL7Pb+Gv4Anu/yGwiY8NmvhUUfhBM4BRpG35HFecofhNcxQBX7pyVNAJZj7ElR3MJeXTxiFs0Z4+nqT6yOEBPfgwzlhf5Mbbl7H/VpwADANxlMMYQb+GwAAAAAElFTkSuQmCC) no-repeat 50%;
    width: 50px;
    height: 30px;
    margin-top: 10px
}

body.login {
    background: url(/assets/image/login-bg3.png) center center;
    background-size: cover
}

.loginForm h2, .loginForm dt {
    display: none
}

.loginForm {
    background: #00000088;
    color: #ffffff;
    margin-top: -107px;
    position: absolute;
    top: 50%;
    width: 100%
}

.loginForm_body {
    margin: 0 auto;
    width: 800px;
    position: relative
}

.loginForm_title {
    font-size: 55px;
    padding: 40px 0;
    font-weight: bold
}

.loginForm_error {
    font-size: 55px;
    padding: 40px 0;
    font-weight: bold;
    height: 215px
}

.loginForm_title span {
    display: block;
    line-height: 45px
}

.loginForm_input {
    position: absolute;
    right: 100px;
    top: 0;
    margin-top: 27px;
    font-size: 19px;
    line-height: 30px;
    width: 360px
}

.loginForm_body dd input {
    height: 38px;
    font-size: 14px;
    padding: 3px 8px;
    margin-bottom: 9px;
    width: 360px;
    color: #333333
}

.loginForm_step1 h3, .loginForm_step2 h3 {
    color: #888
}

.loginForm_submit {
    width: 65px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 77px
}

.profile {
    position: absolute;
    font-size: 25px;
    color: #ff0000;
    margin-top: -101px;
    top: 20px;
    left: 135px;
    transform: rotate(350deg);
    padding: 0;
    margin: 0
}

a.toHome {
    text-align: right;
    position: absolute;
    left: 338px;
    font-size: 22px;
    text-decoration: none;
    color: #888;
    transition: all 0.2s
}

a.toHome:hover {
    color: #fff
}

a.loginForm_btn {
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 55px;
    text-align: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 37px;
    color: #888;
    transition: all 0.2s
}

a.loginForm_btn:hover {
    border-color: #888;
    color: #ffffff
}

.loginForm_function {
    height: 20px;
    line-height: 20px;
    font-size: 13px
}

.loginForm_function a.btn {
    background: none;
    width: unset;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none
}

.loginForm_footer {
    text-align: center;
    color: #aaa;
    position: absolute;
    bottom: -20px;
    width: 100%
}

._close_box:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #888;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px
}

._close_box:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #888;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px
}

.errorMsg {
    border: 1px solid #888;
    background: #fff;
    color: #000;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 16px
}

.tip {
    font-size: 13px;
    font-weight: normal;
    color: #ccc
}

i.favorite {
    cursor: pointer;
    color: #ccc;
    margin-left: 7px
}

i.favorite.save {
    color: #ffe793
}

.tip h4:before {
    content: '※';
    padding-right: 3px
}

.nav li > p.nav-item > span:before {
    content: "▼";
    float: right;
    transition: all .2s
}

.nav li.open > p.nav-item > span:before {
    content: "▲";
    transition: all .2s
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    background: #55555540;
    box-shadow: 3px 3px 2px #eee
}

.popup-window {
    position: relative;
    top: 0;
    border: 1px solid #000000;
    z-index: 99999;
    background: #ffffff;
    bottom: 100px;
    margin: 0 auto;
}

.popup-head {
    position: absolute;
    top: 0;
    background: #000000;
    width: 100%;
    line-height: 30px;
    color: #ffffff
}

.popup-head h3 {
    font-size: 13px;
    font-weight: normal;
    padding-left: 30px
}

.popup-head h3:before {
    content: '';
    background: url(/assets/img/favicon-ddcf91e83d4ab677e2ee60745424cab9.png) center center no-repeat;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    display: block
}

.popup-body {
    position: absolute;
    top: 30px;
    bottom: 0;
    width: 100%
}

.popup-close {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0
}

.popup-close:hover {
    background-color: #e81123
}

.popup-close:before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px
}

.popup-close:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -6px
}

.layerWrap-back {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0
}

.ui-jqgrid {
    margin-top: 5px
}

.ui-jqgrid-caption {
    display: none
}

tr.ui-jqgrid-labels {
    height: 38px
}

tr.jqgrow {
    height: 38px
}

tr.jqgrow:nth-child(even) {
    background: #f8f9fa
}

tr.jqgrow.success, .tui-grid-table tr.tui-grid-cell-current-row {
    background: #418ed444
}

tr.jqgrow:hover, .tui-grid-table-container > table.tui-grid-table tr:hover {
    background: #fff8dc
}

.linkedGrid .tui-grid-rside-area .tui-grid-table-container > table.tui-grid-table tr:hover {
    cursor: alias
}

.ui-jqgrid-view {
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1
}

.ui-jqgrid-pager {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px
}

.ui-jqgrid-pager .btn {
    width: unset;
    color: #333333;
    background: unset
}

.ui-jqgrid-pager td {
    background-image: none
}

.tui-datepicker-input, .datePickerwrapper input {
    width: 120px !important
}

.tui-datepicker-input > input {
    font-size: 13px
}

.tui-datepicker-input {
    border: none
}

.tui-calendar th, .tui-calendar td {
    text-align: center !important;
    padding: 0 !important
}

.tui-datepicker.tui-rangepicker {
    z-index: 999999
}

.datePickerwrapper a.dataRange {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    text-align: center;
    color: #000000;
    vertical-align: middle;
    border: 1px solid #dbdde0;
    border-right: none
}

.datePickerwrapper a.dataRange:last-child {
    border: 1px solid #dbdde0
}

.datePickerwrapper a.dataRange.selected {
    background: #418ed4;
    color: #ffffff
}

.tui-grid-cell {
    background-color: unset !important
}

select.counter {
    width: unset;
}


.tui-tree-wrap.sort {
    margin-top: 15px;
    width: 13em;
    height: 8em;
    vertical-align: middle;
    border: 1px solid #a7a7a7;
    text-align: center;
    padding: 40px 0
}

.tui-tree-wrap.sort.on {
    border: 1px solid #616167;
    background-color: #f1f1f1
}

.tui-tree-wrap.sort.new {
    margin-top: 15px;
    width: 13em;
    height: 8em;
    vertical-align: middle;
    border: 1px dotted #eeeeee;
    text-align: center;
    padding: 40px 0
}

.tui-tree-wrap.sort.new.on {
    border: 1px dotted #616167;
    background-color: #f1f1f1
}

.content_left .add_div {
    padding: 15px;
    text-align: center
}

.title div {
    font-weight: bold;
    padding: 15px
}

.title sub_title {
    font-style: normal;
    font-weight: bold;
    text-align: left
}

[numeric], [numeric-decimal], [numeric-decimal-text] {
    text-align: right
}

.t_ellipsis {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px
}

.tui-grid-container .tui-grid-pagination {
    margin: 10px 0 -5px
}

.tui-pagination .tui-page-btn {
    border-radius: 50%;
    line-height: 28px;
    padding: 0;
    width: 28px;
    border: 1px solid #ddd !important;
    height: 28px;
    margin: 0 1px
}

.tui-pagination .tui-prev {
    margin-right: 10px !important
}

.tui-pagination .tui-next {
    margin-left: 10px !important
}

.tui-pagination .tui-is-selected {
    border: 1px solid #4b96e6 !important
}

.tui-grid-layer-state-loading {
    background: url(data:image/gif;base64,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) no-repeat center center;
    padding-left: 35px;
    line-height: 80px;
    display: inline-block;
    min-height: 80px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 116px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 139px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 162px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 185px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 208px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 230px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 254px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 277px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 298px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 319px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 338px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 357px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 376px;
    padding-left: 0px
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 395px;
    padding-left: 0px
}

.imageInTd {
    margin-right: 5px
}

.card {
    margin-top: 15px;
    border: 1px solid #a7a7a7
}

.card .card-head {
    font-size: 12px;
    padding: 5px 5px 0 0;
    text-align: right
}

.card .card-body {
    padding: 25px 20px;
    text-align: center
}

.card .card-footer {
    padding: 5px 5px;
    text-align: center
}

.card.on {
    border: 1px dotted #616167;
    background-color: #f1f1f1
}

.fa.fa-star.checked {
    color: #ffa500
}

.error_span {
    font-size: 50%
}

button, button:focus {
    border: 0px;
    outline: 0
}

table.info td.img {
    background: #f9f7f788;
    color: #000000;
    width: 250px;
    text-align: center
}

.version_view {
    display: table;
    width: 260px;
    padding: 6px 15px 7px 15px;
    text-align: center;
    color: white
}

.version_title {
    background: #fff;
    margin-top: 0px;
    padding-left: 48px;
    height: 40px
}

.cross_div {
    max-height: 310px;
    min-height: 310px;
    height: 310px;
    width: 100%;
    background-color: #efefef;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.cross_div:after {
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\274c";
    font-size: 200px;
    color: #d6d6d6;
    line-height: 100px;
    font-weight: 100
}

.cross_div.ex2:after {
    content: '\d7'
}

.tui-time-div {
    display: inline-block;
    border: 0px
}

.tui-timepicker {
    padding: 0px;
    width: 130px;
    display: inline-block;
    border: 0px;
    height: 32px
}

.tui-timepicker-select {
    height: 30px
}

.tui-timepicker-select:active, .tui-timepicker-select:focus   {
    width: 50px;
    height: 30px;
    border: 1px solid #2b3a48;
    padding: 0 20px 0 9px;
    color: #000;
    outline: 0;
    border-radius: 0;
    font-size: 13px;
    background-image: url(/assets/img/dropdown-arrow-up-a1478d9a69db332d3bd722657c7525be.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px 5px;
    appearance: none;
    image-rendering: -webkit-optimize-contrast
}

.tui-timepicker-column.tui-timepicker-colon {
    margin-top: 5px
}

.file_image_view {
    width: 200px;
    height: 200px;
    display: table;
    margin-top: 10px;
    border: 1px solid #bdbdbd
}

.driver_profile_img {
    max-height: 310px;
    min-height: 310px;
    height: 310px;
    object-fit: contain
}

.tooltip {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-bottom: 3px;
    background-image: url(/assets/img/ic-info-b8428dcc4056fd4e31bdc801578b9899.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
}

.tooltip.right-top {
    right: 7px;
    top: 7px;
}

.tooltip_container {
    position: fixed;
    display: none;
    width: auto;
    max-width: 380px;
    height: auto;
    margin: 22px 0 0 -30px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
    pointer-events: auto;
    z-index: 9999;
}

.tooltip_container:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: -5px;
    left: 28px;
    clip-path: polygon(0% 20%, 100% 120%, 0% 100%);
    transform: rotate(135deg);
    border-radius: 3px;
}

.tooltip_title {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    transform: rotate(-0.04deg);
}

.tooltip_text {
    text-align: left;
    margin: 0 0 0 7px;
    padding: 0;
    list-style: none;
}

.tooltip_text li, .tooltip_text li span {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    transform: none;
    perspective: none;
}

.tooltip_text li:before, .tooltip_text li span:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    margin: 7px -7px;
    background-color: #333;
    border-radius: 2px;
}

.tooltip_text li.no_bullet, .tooltip_text li span.no_bullet {
    margin: 0 0 0 -7px;
    color: #333;
}

.tooltip_text li.no_bullet:before, .tooltip_textlispan .no_bullet:before {
    width: 0;
    height: 0;
}

.tooltip:hover .tooltip_container {
    display: block !important;
}

.tooltip:hover .tooltip_container.on {
    right: -60px;
    margin: 22px -30px 0 0;
}

.tooltip:hover .tooltip_container.on:before {
    left: initial;
    top: -5px;
    right: 28px;
}

span.field-description {
    font-size: 12px;
    margin-left: 10px;
    color: rgb(127, 127, 127);
}

span.field-description::before {
    content: '* ';
}


body.lnb-off .lnb {
    display: none;
}

body.lnb-off main {
    padding-left: 0;
}

body.lnb-off .info-wrapper {
    left: 0;
}

.lnb-btn {
    position: fixed;
    left: 258px;
    width: 19px;
    top: 30%;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    line-height: 78px;
    background: #ffffff;
    color: #000000;
    border-width: 1px 2px 1px 0;
    border-style: solid solid solid solid;
    border-color: #cccccc;
    border-right-color: #418ed4;
}

body.lnb-off .lnb-btn {
    left: 0;
    border-right-color: #ccc;
}

.attachedfile {
    position: relative;
    background-size: cover;
    width: 200px;
    min-height: 100px;
    border: 1px dashed#ccc;
    display: inline-block;
    margin-right: 10px;

}

.attachedfileLoaded {
    position: relative;
    width: 100%;
    min-height: 100px;
    max-height: 113px;
    display: inline-block;
    margin : 0;
}
.attachedfile i {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 40px;
    color: #000000;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    cursor: pointer;
    padding-top: 20%;
}

.attachedfile i.fa-search:before {
    content: "\f002";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    left: 50%;
}

.attachedfile:hover i {
    display: inline-block;
}

.attachedfile img, .attachedfile video {
    width: 100%;
    display: block;
}

.attachedfile button {
    position: absolute;
    left: 190px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #000000;
    cursor: pointer;
    border: 1px solid #ffffff;
    top:-10px;
}

.attachedfile button:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.attachedfile button:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.cke_dialog table input[type="text"] {
    width: 100px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 10px 1px;
    background: #fff;
    outline: none;
}

.cke_dialog table input[type="text"]#cke_93_textInput,
.cke_dialog table input[type="text"]#cke_100_textInput
{
    width: 480px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 10px 1px;
    background: #fff;
    outline: none;
}

.tui-grid-row-fix {
    background: #ccc !important;
}