html, body { height: 100%; }
#body-page { min-height: 100%; padding-bottom: 33px; }
table { font-size: inherit; }
.page-header.navbar .top-menu .navbar-nav { margin-top: 12px; }
.page-header.navbar .top-menu .navbar-nav > li.separator { margin: 18px 10px 0 10px; }
.page-footer { margin-top: -33px; }
a:hover, a.hover { text-decoration: none; color: #0a6aa1; }
.hover-underline:hover{ text-decoration: underline!important; }
.top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover { background: none; }
.font-w { font-weight: bold; }
.font-n { font-weight: normal; }
.page-sidebar .page-sidebar-menu > li > a { text-transform: uppercase; }
label.control-label { line-height: 30px; }
.page-sidebar-menu.page-sidebar-menu-closed > li:hover, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { box-shadow: none !important; }
.page-sidebar-wrapper .server-info { padding: 10px 10px; min-height: 80px; border-bottom: 1px solid #ececec; }
.server-info.closed { min-height: 0px; padding-left: 8px; }
.compLogo { font-size: 29px; background: #127b72; color: #fff; border-radius: 25px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-top: 15px; margin-left: 5px; float: left; }
.compInfo { margin-left: 60px; color: #5f5f5f; }
.compInfo p { color: #808080; }
.compInfo a { color: #5b9bd1; }
.compInfo a:hover { color: #00559c; }
.server-info.closed .compLogo { float: none; margin: 0px; }
.server-info.closed .compInfo { display: none; }
#approval-detail { padding: 20px; }
#approval-detail h4.info-group { border-bottom: 1px solid #ccc; padding-bottom: 10px; text-transform: uppercase; font-size: 20px; }
.portlet.light > .portlet-title > .nav-tabs > li > a { text-transform: uppercase; padding-left: 0px; color: #797979; }
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #eaf8ff; }
.portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { color: #0089d4; }
.portlet.light > .portlet-title > .nav-tabs > li:last-child a { padding-left: 15px; }
#inbox-content-approval .tab-content { margin-top: 15px; }
.tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #0089d4; }
.toggle-info-group { cursor: pointer; }
.portlet.light { padding: 12px 20px 20px 20px; }
.approval-history { padding: 10px; min-height: 125px; max-height: 350px; overflow: scroll; }
.history-container .slimScrollDiv { box-shadow: inset 0px -2px 1px #ccc; padding: 10px 0; background: #f9f9f9; }
.chat-item { margin-bottom: 5px; padding-bottom: 10px; position: relative; border-bottom: 1px dashed #c8d9fd; }
.chat-item .tit { font-style: italic; margin: 0px 10px; display: none; }
.chat-item .empl-date { display: inline-block; font-weight: bold; }
.chat-item .empl-description { margin: 0 10px; }
.chat-item .empl-description span { display: inline-block; color: #fff; padding: 0px 5px; }
.chat-item .empl-name { text-transform: uppercase; }
.chat-item .message { margin: 10px 0px 15px 20px; border-radius: 5px; display: inline-block; border: 1px solid #50a1de; position: relative; }
.chat-item .message:after, .chat-item .message:before { border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-item .message:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #f9f9f9; border-width: 10px; top: -18px; left: 9px; }
.chat-item .message:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #50a1de; border-width: 9px; top: -18px; left: 10px; }
.view-message { cursor: pointer; border: 1px solid #f3f5f9; padding: 10px; margin-bottom: 10px; transition: all 0.3s; font-size: 14px; }
.view-message:hover { background: #127b72 !important; color: #fff !important; }
.view-message .star { margin-left: 10px; color: #f3565d; }
.chat-item .info { padding: 5px; }
.chat-item .empl-description .new { background: #aa35ab; }
.chat-item .empl-description .modify { background: #b1a722; }
.chat-item .empl-description .approval { background: #1e8678; }
.chat-item .empl-description .signed { background: #008229; }
.chat-item .empl-description .grant { background: #004dff; }
#tbl-list .star, .chat-item .star { margin-left: 15px; color: #f00; }
#tbl-list .star .fa, .chat-item .star .fa { font-size: 10px; }
.messageEdit { border: 1px solid #ccc; }
.file { border: 1px solid #f3f5f9; padding: 10px; transition: all 0.3s; margin-bottom: 15px; position: relative; }
.file:hover { border: 1px solid #909090; }
.file .file-icon { float: left; }
.file .file-icon img { max-width: 100%; width: 70px; display: block; }
.file .file-icon .fa { font-size: 44px; display: block; line-height: 50px; margin-top: 0px; }
.file .file-name { font-size: 12px;     /*
background: #26a69a;
color: #fff;
margin: 0px 0px 0px 10px;
padding: 0px 5px;
border-radius: 5px;
display: inline-block;
*/ }
.file .file-note { font-style: italic; }
.cke_top { border-bottom: 1px solid #ccc !important; }
.navbar { border-radius: 0px !important; }
._list_view > .panel, ._form_view > form > .panel { box-shadow: none !important; }
._list_view > .panel > .panel-body, ._form_view > form > .panel > .panel-body { padding: 0px; }
ul.set-multi-option { right: 0px; }
.oid-paging .btn + .btn { margin-left: 0px; }
.oid-paging #btn-next-oid { margin: 0px 5px; }
@media (min-width:992px) {
.page-content, .page-content > .page-title { padding-top: 0px !important; }
}
@media (min-width:768px) {
.page-content { position: relative; }
#add_data_view_list .show { position: absolute; top: 0px; left: 0px; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 10px 10px 10px #ccc; }
}
@media (max-width:767px) {
.page-top { display: none !important; text-align: center; background: #f3f5f9 !important; }
.page-top .top-menu { float: none !important; margin-top: -15px !important; }
.page-header.navbar .top-menu .navbar-nav { margin-top: 0px !important; margin-right: 0px !important; }
.page-header.navbar .top-menu .navbar-nav li:first-child { margin-right: 15px !important; border-right: 1px solid #ccc; padding-right: 15px; }
.oid-paging { float: none !important; margin: 20px 0 -20px -20px; }
.server-info { display: block !important; visibility: visible !important; }
.page-name { display: none !important; }
}
@media (max-width:468px) {
#approval-oid { display: block; text-align: center; margin: 10px 0; }
#list-container tr td div.col-md-6:last-child { text-align: left !important; padding-left: 30px; }
.chat-item .empl-name:before { display: block; content: ""; margin-top: 5px; }
.appro-action .col-xs-9 { width: 100%; }
.appro-action .col-xs-3 { margin-top: 15px; }
.btn-pre-oid, .btn-next-oid { margin-bottom: 10px; }
}
.form-horizontal .control-label { line-height: 34px; padding-top: 0px; margin-top: 0px; font-size: 13px; font-weight: 600; }
.form-control { border-color: #a9a9a9; }
.alert-warning { box-shadow: none; padding: 10px; border: 1px solid #efb0b0; background: #ffdfdf; color: #b53636; }
.has-warning .form-control { border-color: #e87a71; }
.alert-warning .close { top: 5px; right: 10px; }
.alert-success { position: fixed; top: 10px; right: 10px; margin: 0px; z-index: 9999; }
.page-footer .page-footer-inner { float: none; text-align: right; display: block; }
.form-control[readonly] { cursor: copy; }
.center { text-align: center; }
.middle { vertical-align: middle !important; }
.page-title #nameapproval { margin: 10px 0 10px 20px; text-transform: uppercase; font-size: 17px; color: #3c5269; }
.page-title #nameapproval:before { content: "\f02b"; font: normal normal normal 14px/1 FontAwesome; margin-right: 10px; }
.portlet.light > .portlet-title > .caption { text-transform: uppercase; line-height: 25px; }
.list-approval-parent { padding: 20px 0px; }
.list-approval-parent .sub-counter { margin-right: 10px; font-size: 30px; }
.list-approval-parent .btn-detail { margin-top: 5px; float: right; }
.page-sidebar .page-sidebar-menu > li > a > i { margin-right: 10px; }
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a { padding-left: 60px; }
.sub-menu a .fa { margin-right: 5px !important; }
.portlet > .portlet-title { border-bottom: 1px solid #eee !important; }
.page-head .page-title { float: none; display: block; padding: 0px 0px 15px 0px; }
.breadcrumb > li { margin-right: 10px; }
.breadcrumb li:not(:first-child):before { content: "\f105 "; font: normal normal normal 14px/1 FontAwesome; }
.breadcrumb .fa { font-size: initial; margin: 0 2px 0 4px; position: relative; top: 0px; }
.page-head .page-title > h1 { font-size: 25px; }
#approval-oid { font-size: 20px; }
.input-group .input-group-btn { border: 1px solid #a9a9a9; }
.input-group .input-group-btn button { background-color: #fff; line-height: 14px; padding: 9px 5px 8px 5px !important; }
.popup { min-width: 450px; min-height: 450px; }
.popup-title { font-size: 20px; margin: 25px 0 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.popup-footer { margin: 15px 0 15px 0px; }
th { font-weight: 600; font-size: 13px; }
/*
.plan-suggest {}
.td-coloning {}
.td-zone {}
.td-customer {}
.td-chart {}
*/
.td-item-name { text-transform: uppercase; }
.plan-suggest .input[type="number"] { text-align: right; }
.form-group > div[class*="col"] > .bootstrap-switch-mini { margin-top: 5px; }
.fil-plan-group .fil-detail { border: none !important; margin-bottom: 0px; }
.fil-plan-group, #product-suggest-cont { border: 1px solid #ccc; margin: 15px 0px 20px 0px; padding: 15px; background: #fdfdfd; }
.fil-plan-group .form-group, #product-suggest-cont .form-group { padding-top: 0px; padding-bottom: 0px; }
/*
#product-suggest-cont .form-group {}
*/
#product-suggest-cont .form-group:last-child { margin-bottom: 0px; margin-top: 15px; padding-top: 15px; }
td.bold { font-weight: 600; }
tr.toggle-highlight { animation: fade 3s forwards; }
@keyframes fade {
from { background-color: #a3fff7; }
to { background-color: #fff; }
}
input[type="number"] { text-align: right; }
th.suggest-group-title { border-bottom: 2px solid #26a69a !important; font-size: 16px !important; font-weight: normal !important; }
.modal-title { font-size: 18px; text-transform: uppercase; text-align: left; }
.modal-footer a.run_callback { margin-right: 20px; }
.collapse-portlet { text-align: center; cursor: pointer; }
.collapse-portlet .fa { font-size: 25px; color: #ccc; padding-top: 10px; }
.collapse-portlet:hover { border-bottom: 1px solid #ccc; box-shadow: 0px 2px 3px -1px #ccc; }
.collapse-portlet:hover .fa { color: #6e6e6e; }
td, th { vertical-align: middle !important; }
.align-top td, .align-top th { vertical-align: top !important; }
.align-bottom td, .align-bottom th { vertical-align: bottom !important; }
tr.no-hover, tr.no-hover td { background-color: #fff !important; }
table.no-border th, table.no-border td { border: none !important; }
/*
.grant-cont {}
*/
.grant-cont h4 { margin: 0px 0px 10px 0; font-size: 18px; padding-bottom: 10px; }
.grant-cont table { background: #fdfdfd; }
.grant-cont th { font-size: 12px !important; }
.grant-cont .box { background: #fdfdfd; border: 1px solid #ddd; padding: 10px; }
.job-descript h4 { cursor: pointer; display: inline-block; }
.tree-item-cont { padding: 10px 0px 15px; }
tr.highlight { background: #faffff; }
tr.highlight .bold { color: #26a69a; }
tr.selected { background: #e6f2ff; }
.fc-day-grid-event .fc-content { white-space: normal; text-transform: uppercase; }
.content-toggle { height: 50px; overflow: hidden; position: relative; }
.content-toggle.expand { height: auto; padding-bottom: 20px; }
.content-expand { position: absolute; bottom: -5px; width: 100%; background: #fdfdfd; text-align: center; padding: 5px 0; color: #828282; cursor: pointer; border-top: 1px solid #f3f3f3; }
.content-expand:before { display: block; content: ""; height: 50px; position: absolute; top: -51px; width: 100%; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.33) 33%, rgba(255, 255, 255, 0.8) 83%, #fff); }
.content-expand.expand:before { display: none; }
.fc-toolbar h2 { text-transform: uppercase; font-size: 22px; }
.nav-tabs { border-bottom: 1px solid #26a69a; }
.nav-tabs > li > a:hover { border-color: #fff; border-bottom: none; background: none; color: #009284; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid #26a69a; border-bottom-color: #fff; color: #009284; }
#saler-name span { color: #26a69a; padding-left: 10px; font-weight: bold; }
.page-sidebar .menu-toggler { display: block; text-align: center; padding: 10px; border-top: 1px solid #f1f1f1; }
body:not(.page-sidebar-closed) .page-sidebar .menu-toggler .fa-long-arrow-right { display: none; }
body.page-sidebar-closed .page-sidebar .menu-toggler .fa-long-arrow-left { display: none; }
/*
.page-sidebar-menu a {}
*/
.page-sidebar-menu .sub-menu li.active a { border-left: 2px solid #127b72; }
.page-sidebar-menu:not(.page-sidebar-menu-closed) .sub-menu li.active a { color: #006f66; }
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-menu-closed li.open > a, .page-sidebar-menu-closed .sub-menu .sub-menu, .page-sidebar-menu-closed > li:hover a { background: #127b72; color: #fff; }
.page-sidebar-menu-closed .sub-menu .sub-menu { padding-left: 25px; }
.page-sidebar-menu:not(.page-sidebar-menu-closed) li.open .sub-menu { background-color: #e1e9fb; }
@media (max-width:991px) {
.page-sidebar .menu-toggler { display: none !important; }
}
.form-group-medium .form-group { padding-top: 0px; padding-bottom: 5px !important; margin-bottom: 0px; border: none; }
.form-group-medium .form-group.sep-group { border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 5px; }
.cell-br { margin-bottom: 7px; }
.border-r-dashed td { border-right: 1px dashed #d4d4d4; }
.border-r-dashed tr td:last-child { border-right: none; }
.fsize-unset { font-size: unset; }
.mark-require:after { content: "\002a"; color: #ff2e2e; margin-left: 3px; }
.sidebar-toggler.scroll { display: none; }
.sidebar-toggler.scroll i { color: #b5b9bf; font-size: 25px; position: fixed; top: 17px; left: 34px; cursor: pointer; }
.sidebar-toggler.scroll i:hover { color: #80b9af; }
.sidebar-toggler.scroll i.icon-arrow-right { display: none; }
.page-sidebar-closed .sidebar-toggler.scroll i.icon-arrow-left { display: none; }
.page-sidebar-closed .sidebar-toggler.scroll i.icon-arrow-right { display: block; }
.clickable { cursor: pointer }

.select2-container .select2-choice{height:34px;padding:6px 12px;line-height:1.42857143;border:1px solid #a9a9a9;border-radius:2px;background:none}.select2-container .select2-choice .select2-arrow{border-left:none;background:none;border-radius:0 2px 0 2px;width:30px}.select2-container .select2-choice .select2-arrow b{width:18px;margin:auto}.select2-drop{box-shadow:none;-webkit-box-shadow:none}.select2-drop-active{border-color:#a9a9a9}.select2-dropdown-open .select2-choice{background:#fbfbfb!important;box-shadow:none}.select2-container.select2-drop-above .select2-choice{border-radius:2px}.select2-search{margin-top:4px}.select2-results .select2-disabled{background:#fff;color:#ccc}.select2-container-multi .select2-choices{border:1px solid #CCC;background-image:none!important}
.pad_l_0{padding-left:0px!important;min-width:100px}.pad_l_1{padding-left:10px!important;min-width:100px}.pad_l_2{padding-left:20px!important;min-width:100px}.pad_l_3{padding-left:30px!important;min-width:100px}.pad_l_4{padding-left:40px!important;min-width:100px}.pad_l_5{padding-left:50px!important;min-width:100px}.pad_l_6{padding-left:60px!important;min-width:100px}.pad_l_7{padding-left:70px!important;min-width:100px}.pad_l_8{padding-left:80px!important;min-width:100px}.pad_l_9{padding-left:90px!important;min-width:100px}.pad_l_10{padding-left:100px!important;min-width:100px}.pad_l_11{padding-left:110px!important;min-width:100px}.pad_l_12{padding-left:120px!important;min-width:100px}
.no-margin,.no-mg{margin:0!important}.mg-n{margin-right:-15px;margin-left:-15px}.mg-r-n{margin-right:-15px}.mg-l-n{margin-left:-15px}
.no-mg-l{margin-left:0!important}.no-mg-r{margin-right:0!important}.no-mg-t{margin-top:0!important}.no-mg-b{margin-bottom:0!important}
.mg-lg{margin:25px}.mg-r-lg{margin-right:25px}.mg-l-lg{margin-left:25px}.mg-t-lg{margin-top:25px}.mg-b-lg{margin-bottom:25px}.mg{margin:20px}.mg-r{margin-right:20px}.mg-l{margin-left:20px}.mg-t{margin-top:20px}.mg-b{margin-bottom:20px}.mg-md{margin:15px}.mg-r-md{margin-right:15px}.mg-l-md{margin-left:15px}.mg-t-md{margin-top:15px}.mg-b-md{margin-bottom:15px}.mg-sm{margin:10px}.mg-r-sm{margin-right:10px}.mg-l-sm{margin-left:10px}.mg-t-sm{margin-top:10px}.mg-b-sm{margin-bottom:10px}.mg-xs{margin:5px}.mg-r-xs{margin-right:5px}.mg-l-xs{margin-left:5px}.mg-t-xs{margin-top:5px}.mg-b-xs{margin-bottom:5px}
.pd-lg{padding:25px}.pd-r-lg{padding-right:25px}.pd-l-lg{padding-left:25px!important}.pd-t-lg{padding-top:25px!important}.pd-b-lg{padding-bottom:25px}.pd{padding:20px}.pd-r{padding-right:20px}.pd-l{padding-left:20px}.pd-t{padding-top:20px}.pd-b{padding-bottom:20px}.pd-md{padding:15px}.pd-r-md{padding-right:15px}.pd-l-md{padding-left:15px}.pd-t-md{padding-top:15px}.pd-b-md{padding-bottom:15px}.pd-sm{padding:10px}.pd-r-sm{padding-right:10px}.pd-l-sm{padding-left:10px}.pd-t-sm{padding-top:10px}.pd-b-sm{padding-bottom:10px}.pd-xs{padding:5px}.pd-r-xs{padding-right:5px}.pd-l-xs{padding-left:5px}.pd-t-xs{padding-top:5px}.pd-b-xs{padding-bottom:5px}
.no-padding,.no-pd{padding:0!important}.no-pd-l{padding-left:0!important}.no-pd-r{padding-right:0!important}.no-pd-t{padding-top:0!important}.no-pd-b{padding-bottom:0!important}
.w50{width:50px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w120{width:120px}.w150{width:150px}.w180{width:180px}.w220{width:220px}.w250{width:250px}.mw100{min-width:100px}.mw120{min-width:120px}.mw150{min-width:150px}
.w50-fix{width:50px!important}.w80-fix{width:80px!important}.w90-fix{width:90px!important}.w100-fix{width:100px!important}.w120-fix{width:120px!important}.w150-fix{width:150px!important}.w180-fix{width:180px!important}.w220-fix{width:220px!important}.w250-fix{width:250px!important}.mw100-fix{min-width:100px!important}.mw120-fix{min-width:120px!important}.mw150-fix{min-width:150px!important}
.fw { width: 100%; }
.no-bd{border:none!important}.no-bd-t{border-top:none!important}.no-bd-r{border-right:none!important}.no-bd-b{border-bottom:none!important}.no-bd-l{border-left:none!important}
.italic { font-style: italic; }
.text-white { color: #fff }
.no-bg { background: none !important; }
.inl, .inline { display: inline-block; }
.page-error-404 img { margin-top: 25px; max-width: 100%; }
.relative { position: relative; }
.clear-search { position: absolute; right: 20px; top: 10px; color: #7d7d7d; cursor: pointer; }
.clear-search:hover { color: #4e4e4e; }
.page-error-404 h3 { margin-bottom: 50px; }
table.data-table th.sort, table.data-table th.sortup, table.data-table th.sortdown { background: url("../img/sort.png") no-repeat 95%; cursor: pointer; padding-right: 15px; }
.sortup, table.data-table th.sortup { background: url("../img/sortup.png") no-repeat 95%; }
.sortdown, table.data-table th.sortdown { background: url("../img/sortdown.png") no-repeat 95%; }
/*Spinner*/
.spinner { margin: 10px auto; text-align: center; }
.spinner > div { width: 10px; height: 10px; background-color: #48abfb;     /*border-radius: 100%;*/ display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { margin: 0 10px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.2) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.2); transform: scale(0.2); }
40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
.b600 { font-weight: 600; }.b600-fix{ font-weight: 600!important; }
/*editable form*/
.editable-container { padding: 0px 15px; }
.editable-container .form-group { padding: 0px; }
.badge.bg-primary { background: #3383c3; margin-bottom: 0px; }
.badge.bg-danger { background: #d2555b; margin-bottom: 0px; }
.radio input[type=radio] { margin-left: -8px; }
.parsley-errors-list { list-style: none; padding-left: 0; color: #f00; margin: 5px 0px 0px 0px; }
.action-btn { margin-bottom: 3px; }
.datepicker td.disabled.day { color: #a0a0a0; }
td.top { vertical-align: top !important; }
tr.action-active { box-shadow: 0px 0px 10px 2px #ccc; }
._action-ctn { position: absolute; text-align: left; background: #fff; padding: 10px; right: 85px; top: 0px; box-shadow: 0px 0px 12px 4px #ccc; z-index: 2; border-radius: 4px; }
._action-ctn .action-btn { margin-bottom: 10px; }
._action-ctn .action-btn:last-child { margin-bottom: 0px; }
@media (min-width:992px) { .modal-lg { width: 980px; } }
.modal-80{ width: 80%; min-width: 480px;}.modal-90{ width: 90%; min-width: 480px;}
.btn-link.active { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); }
.input-group-addon.white { background-color: #fff; }
.input-group .input-group-addon { border-color: #a9a9a9; background: #f5f5f5 !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.input-group .input-group-addon:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
tr.row-checked { background: #fffabd !important; }
.popover { z-index: 10100; background: #636363; color: #fff; border-radius: 5px; }
.modal .modal-content .modal-footer { border-top: 1px solid #efefef !important; background-color: #f5f5f5; }
.f90 { font-size: 90%; }
.btn-bg01 { background-color: #af5cbb; border-color: #af5cbb; }
.btn-bg02 { background-color: #6ab328; border-color: #6ab328; }
.btn-bg03 { background-color: #008163; border-color: #008163; }
.btn-bg04 { background-color: #494fdd; border-color: #494fdd; }
.btn-bg04, .btn-bg04:hover, .btn-bg04:active, .btn-bg04:focus, .btn-bg03, .btn-bg03:hover, .btn-bg03:active, .btn-bg03:focus, .btn-bg01, .btn-bg01:hover, .btn-bg01:active, .btn-bg01:focus, .btn-bg02, .btn-bg02:hover, .btn-bg02:active, .btn-bg02:focus { color: #fff; }
.badge-bg01 { background-color: #af5cbb; }
.badge-bg02 { background-color: #6ab328; }
.frm-date-grp { border: 1px solid #a9a9a9 !important; border-right: none !important; border-radius: 2px 0px 0px 2px !important; }
.end-date-grp { border: 1px solid #a9a9a9 !important; border-right: none !important; border-left: none !important }
input[type="text"].form-control, input[type="password"].form-control, input[type="email"].form-control { padding-left: 5px !important; }
.no-bold { font-weight: 100 !important; }
.lang-item a { font-weight: 500 !important }
.lang-active a { font-weight: 600 !important; }
.page-sidebar-menu li a i.-icon-line { margin-left: -1 !important; }
.page-sidebar-menu li a span.material-symbols-outlined { margin-right: 10px; font-size: 22px; vertical-align: middle; line-height: 11px; margin-bottom: 4px; }
.togglePass { position: absolute; right: 20px; top: 9px; cursor: pointer; }
#toast-container > .toast-error { background-position: 10px 15px; }
.gift-flag, .dscn-flag, .note-flag, .accessories-flag { font-size: 11px; border-radius: 4px; padding: 1px 6px; color: #005568; display: block; }
.dscn-flag .fa, .gift-flag .fa, .note-flag .fa, .accessories-flag .fa { font-size: 11px; }
.mnu-new-mark { background: #f5c3ef; color: #f7007d; font-size: 10px; padding: 0px 4px; font-weight: 600; border-radius: 6px; }


.text-red, .red { color: red !important }
.text-success { color: #004842 !important; }
p.btn-actions { padding-top: 0px !important; text-align: right; }
.datepicker table td { cursor: pointer; }

#_aflist.invoice-list .badge { font-size: 11px !important; margin-left: 5px; width: 75px; text-align: center; float: right; background: #fff !important; font-weight: bold !important; }
#_aflist.invoice-list .badge .material-symbols-outlined { font-size: 10px; font-weight: 600; }
#_aflist.invoice-list .badge-info { color: #2e5575; }
#_aflist.invoice-list .badge-primary { color: #1e5418; }
#_aflist.invoice-list .badge-danger { color: #a00000; }
#_aflist.invoice-list .isttinv { color: #584e00; width: auto; }
#_aflist.invoice-list .isdcinv { color: #30206f; width: auto; }
#_aflist.invoice-list .badge-convert { color: #8e2d6b; }
#_aflist.invoice-list .badge.badge-default { background: #e48f5e !important; }

.color-1{ color: #8e2d6b;}
.color-2{ color: #6f2820;}
.color-3{ color: #584e00;}
.color-4{ color: #1e5418;}
.color-5{ color: #2e5575;}
.color-6{ color: #a0a300;}
/*
tr.none-sign {}
*/
.fly-action { position: fixed; bottom: 5px; background: #ffe2c9; padding: 0px 10px 10px; border-radius: 5px; border: 1px solid #ff7c7c; z-index: 9999; }

.portlet-body>h1.content-title { margin-top: 0px; margin-bottom: 20px; font-size: 26px; }
.portlet-body > .content-title-alt { margin-bottom: 15px; border-left: 3px double #ccc; padding-left: 10px; color: #005d83; font-size: 15px; }
img.new-flag-img { height: 19px; position: absolute; right: -4px; top: 14px; }
.page-sidebar-menu-closed .-has-sub-menu{ display:none}
.item-stt{ text-align: right; padding-right: 20px!important; cursor: pointer; user-select: none;}

.item-order-action .popover-content{ padding: 5px!important; }
.item-order-action .popover-content input{ color: #000; width: 60px!important; text-align: center; outline: none; }
.item-order-action .popover-content .fa{ cursor: pointer; font-size: 17px; color: #d7d7d7; }
.item-order-action .popover-content .fa:hover{ cursor: pointer; font-size: 17px; color: #fff; }
.item-order-action .popover-content .order-up{ margin-left: 10px; }
.tooltip-wide + .tooltip > .tooltip-inner { max-width: 100%; }
.tooltip-wide + .popover  { max-width: 100%; }
.badge-MONET{ background-color: #af5cbb; }
.badge-KL_DCV{ background-color: #6ab328; }
.badge-MONET236{ background-color: #a17300; }
.badge-MONET78{ background-color: #00a2a7; }

.input-group.with-select-label .input-group-addon{border: none;padding: 0px;}
.input-group.with-select-label .form-control{border-left: none;}
.input-group.with-select-label a.select2-choice{text-align: left;}

.input-group-addon:not(:first-child):not(:last-child) { border-right: none!important; border-left: none!important; background-color: #fbfbfb!important; }
textarea.form-control { padding-left: 5px; padding-right: 5px; }
.search-input-ctn{ position: relative;}
.search-input-ctn .clear-search{ top: 7px; visibility: hidden;}
.search-input-ctn:hover .clear-search{ visibility: visible;}
.spin { animation: spin 0.8s infinite linear; }
@keyframes spin {
    from { transform: rotate(0deg); }   to { transform: rotate(360deg); }
}
.cqt-inv-running{position: absolute;right: 0px;padding: 3px 10px 0px 10px;top: 10px;border: 1px dashed #ccc;font-style: italic;color: #06a6ff;}
.pop-tvan-status table.b-border td { padding: 3px 0px 3px 0px; border-bottom: 1px solid #ccc; vertical-align: top !important; }
.text-danger a, a.text-danger{ font-weight: 600;    color: #00774c;}
.text-danger a:hover, a.text-danger:hover{ color: #004f32}
.flex{ display: flex;}
.flex.between { justify-content: space-between; }
.flex.flex-center { align-items: center;}
.modal-title .alt-title { font-size: 14px; margin-top: 5px; }
.btn-xss{ font-size: 10px; padding: 2px 8px;}
.control-label .sub-label{display:block;font-size:12px;line-height:12px;}
.dlg-error {color: #e9222b; border: 1px solid #ffc2c2; border-right: 0; border-left: 0; margin: 20px -30px; padding: 10px 20px; background: #fff6f6; }
.badge.isttinv .tooltip, .badge.isdcinv .tooltip{ text-transform: capitalize;}
.easy-autocomplete-container{ z-index: 100!important;}
.page-sidebar-menu i.-has-sub-menu{ margin-top: 2px;}
.input-group ul.select2-choices{ border-radius: 0px 2px 2px 0px; border-color: #a9a9a9 !important;}
.input-group .select2-container-multi.select2-dropdown-open .select2-choices{ border-radius: 0px 2px 2px 0px!important;  }
.select2-container-multi .select2-choices .select2-search-choice{ margin: 5px 0 3px 5px!important;}
.td-numeric { text-align: right; }
.merge-inv-detail td { vertical-align: top !important; }
.checkbox-label input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: middle; }
.checkbox-label label { font-weight: normal; margin-bottom: 0px; user-select: none; vertical-align: middle; }
.popup-cert-info h3:first-child { margin-top: 0px; }
.popup-cert-info h3 { margin-top: 0px; font-size: 17px; font-weight: 400; }
.popup-cert-info table { width: 100%; }
.popup-cert-info table tr td:first-child { width: 160px; vertical-align: top !important; font-weight: 600; }
.c_option{ display: flex; margin-bottom: 10px;}
.c_option label{ margin-right: 10px; margin-bottom: 0px; width: 160px;}
.c_option .bootstrap-switch-mini { margin-top: 0px!important;}
.input-clearable .clear-input { position: absolute; right: 9px; top: 9px; cursor: pointer; color: #bfbfbf; display: none; z-index: 100; }
.input-clearable .clear-input:hover { color: #353535; }
.input-clearable:hover .clear-input { display: block;}
.input-clearable{ position: relative;}
.input-clearable input[type="text"]{ padding-right: 30px;}
.modal-body .modal-footer{ margin: 20px -15px -15px -15px!important;}

.allow_store { border: 1px dashed #0080d1; padding: 10px; }
.branch+.branch{ margin-top: 20px; }
.branch .branch-name { display: flex; align-items: center; column-gap: 10px;}
.branch .branch-name img { width: 30px;}
.branch .branch-name span:first-child { font-weight: 600; }
.branch .branch-name span { text-transform: uppercase; }
.store-item { margin-left: 35px; display: flex; column-gap: 10px; margin-top: 10px; align-items: center; }
.store-item div:first-child{ margin-right: 20px; line-height: 30px;}
.store-item img:first-child{ width: 15px;}
.store-item img{ width: 22px;}
.store-item button{ display: none;}
.store-item:hover button{ display: block;}
.queue-item { border: 1px solid #58b6bf; border-radius: 7px; padding: 10px; background: #cefcff; }
.queue-item-title { margin-bottom: 5px; }
.queue-item-title span { font-weight: 600; }
.queue-status { font-size: 12px; font-style: italic; }
.queue-item .progress { margin-bottom: 0px; }
.queue-item .progress-bar { border-radius: 3px; }
.input-group .input-ex { width: 100px; border: 1px solid #a9a9a9; height: 28px; vertical-align: middle; display: flex; padding-left: 10px; align-items: center; padding-left: 10px; }

span.no-send-mail { color: #ff385b; }
span.mail-send { color: #611489; }
span.mail-send, span.no-send-mail { font-weight: 700; font-size: 12px; }

._action-ctn .arrow { position: absolute; right: -16px; top: 16px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #ffffff; }
.-special-good { display: flex; gap: 10px; flex-wrap: wrap; padding: 10px; border: 1px dashed #007f97; }

.item-special { display: flex; font-size: 13px; flex-direction: column; }
.item-special-data { display: flex; gap: 10px; margin-left: 20px; margin-top: 5px; }
.flex-warp, .flex-wrap { flex-wrap: wrap; }
.item-special hr { margin: 10px 0px 5px 0px; border-top-color: #ccc; width: 50%; }
.item-special-field { display: flex; gap: 5px; }
.item-special-field .k { color: #2b1289; border-bottom: 1px dashed; }
.item-special-field .v { font-weight: 600; }