.box-search {
  position: relative;
  margin-bottom: 15px;
}
h2.head-view,
.head-section {
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 2em;
}
#start-content .btn-group .dropdown-toggle {
  border-radius: 4px !important;
  padding: 7px;
}
a.click1 {
  background: blue;
}
a.click1:hover {
  background: red;
}
.box {
  background: red;
  font-size: 16px;
  margin: 10px;
  padding: 10px;
}
.iconDrag:hover {
  cursor: move;
  opacity: 0.8;
}
.tdDragable:hover {
  cursor: move;
}
.box {
  width: 20px;
}
.clear {
  display: block;
  height: 15px;
  clear: both;
}
.rightJustified {
  text-align: right;
}
.box-search i {
  position: absolute;
  bottom: 10px;
  right: 24px;
  top: auto;
  cursor: pointer;
}
.closeTab {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 20px 0px;
  background: #3498DB;
}
.closebt {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.closebt:hover {
  transform: rotate(90deg);
}
.group-nav {
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 20px;
  margin-left: 55px;
  position: relative;
}
.search-top {
  margin-top: 5px;
  position: relative;
}
.search-top input {
  width: 400px !important;
  height: 32px !important;
  padding-left: 30px;
}
.searchicon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.main-nav {
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
  padding-top: 0px;
  list-style: none;
}
.main-nav a {
  color: white;
  display: block;
}
.main-nav > li {
  float: left;
  margin-right: 20px !important;
}
@font-face {
  font-family: 'thai_sans_literegular';
  src: url('../fonts/thaisanslite_r1-webfont.eot');
  src: url('../fonts/thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thaisanslite_r1-webfont.woff2') format('woff2'), url('../fonts/thaisanslite_r1-webfont.woff') format('woff'), url('../fonts/thaisanslite_r1-webfont.ttf') format('truetype'), url('../fonts/thaisanslite_r1-webfont.svg#thai_sans_literegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.main-nav li {
  float: left;
  margin-right: 20px;
  padding: 0px 10px;
  position: relative;
}
.main-nav li:hover ul {
  display: block;
}
.main-nav ul {
  list-style: none;
  position: absolute;
  margin: 0px;
  padding: 0px;
}
.main-nav ul li {
  position: relative;
  background: white;
  width: 250px;
  border-radius: 3px;
}
.main-nav ul li a {
  color: #333;
}
.mgr-10 {
  margin-right: 10px;
}
.mgr-5 {
  margin-right: 10px;
}
.main-nav ul {
  display: none;
  -webkit-box-shadow: 0px 4px 10px 2px #808080;
  -moz-box-shadow: 0px 4px 10px 2px #808080;
  box-shadow: 0px 4px 10px 2px #808080;
  z-index: 99999999999999999999999;
}
.main-nav ul li ul {
  position: absolute;
  left: 250px;
}
.checkbox {
  display: inline;
  margin-right: 20px;
}
.table {
  margin-bottom: 20px;
}
.table thead tr th {
  border-top: 1px solid #ccc !important;
  border: 1px solid #ccc;
  border-bottom: 2px solid #53a93f;
  text-align: center;
}
.table tbody tr td {
  border: 1px solid #ccc !important;
}
.table tfoot tr:first-child td {
  background: white;
  border: none;
  font-weight: bold;
  padding-top: 20px;
}
.table tfoot tr td {
  background: white;
  border: none;
  font-weight: bold;
}
.table tbody tr:hover td {
  background: #e0f2dc;
}
.table thead tr td {
  borderab-top: 1px solid #ccc !important;
}
.table tr:nth-child(even) {
  background: #f2f3f5;
}
.report-doc {
  width: 100%;
}
.report-doc tr td:first-child {
  padding: 10px;
  width: 10%;
}
.report-doc tr td:last-child {
  padding: 10px;
  width: 70%;
}
.report-doc tr td {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.report-doc tr td a {
  margin-right: 20px;
}
.valueRight {
  text-align: right;
}
.sortAble {
  cursor: pointer;
}
.sortAble:hover {
  background: #f2f3f5;
}
.sort-icon {
  margin-left: 10px;
}
.lbl-status {
  background: #ccd1d9;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
  width: 120px;
  text-align: center;
  color: black;
}
.lbl-status-Stock {
  color: white;
  background: #4c4445;
}
.lbl-status-Picking {
  color: white;
  background: #b8a88a;
}
.lbl-status-Staging {
  color: white;
  background: #999999;
}
.lbl-status-Manual {
  color: white;
  background: #2b1687;
}
.lbl-status-FromMO {
  color: white;
  background: #ff3d3d;
}
.lbl-status-FromLocation {
  color: white;
  background: #ff3d3d;
}
.lbl-status-QtyOnly {
  color: white;
  background: #88930e;
}
.lbl-status-QtyAndCost {
  color: white;
  background: #7d12b0;
}
.lbl-status-Pending {
  color: white;
  background: #4E342E;
}
.lbl-status-BOM {
  color: white;
  background: black;
}
.lbl-status-Ref {
  color: white;
  background: #2b1687;
}
.lbl-status-NoRef {
  color: white;
  background: #ff3d3d;
}
.lbl-status-Print {
  color: white;
  background: #00c3e6;
}
.lbl-status-NoPrint {
  color: white;
  background: #d21033;
}
.lbl-status-Active {
  color: white;
  background: #2dc3e8;
}
.lbl-status-Active {
  color: white;
  background: #2dc3e8;
}
.lbl-status-Delete {
  color: white;
  background: #F44336;
}
.lbl-status-Complete {
  color: white;
  background: red;
  background: #3d6bdb;
}
.lbl-status-Wait {
  color: white;
  background: #AAAAAA;
}
.lbl-status-WaitToCheck {
  color: white;
  background: #AAAAAA;
}
.lbl-status-Confirm {
  color: white;
  background: #0a7a0a;
}
.lbl-status-Picking {
  color: white;
  background: #00ad47;
}
.lbl-status-Partial {
  color: white;
  background: #795548;
}
.lbl-status-CN {
  color: white;
  background: #82f248;
}
.lbl-status-SI {
  color: white;
  background: #ffc425;
}
.lbl-status-DN {
  color: white;
  background: #fc3366;
}
.lbl-status-AR {
  color: white;
  background: #2aaad1;
}
.lbl-status-DP {
  color: white;
  background: #f311e3;
}
.lbl-status-Messenger {
  color: white;
  background: #00ad47;
}
.lbl-status-Delivery {
  color: white;
  background: #e7a1b0;
}
.lbl-status-OK {
  color: white;
  background: #008724;
}
.lbl-status-Under {
  color: white;
  background: #ff2f00;
}
.lbl-status-Dr {
  color: white;
  background: #0f2aff;
}
.lbl-status-Cr {
  color: white;
  background: #6808e4;
}
.lbl-status-Return {
  color: white;
  background: #fc6400;
}
.lbl-status-Change {
  color: white;
  background: #002a82;
}
.lbl-status-Pass {
  color: white;
  background: #00b625;
}
.lbl-status-FromBC {
  color: white;
  background: #018735;
}
.lbl-status-FromTR {
  color: white;
  background: #008a6c;
}
.lbl-status-MultiCust {
  color: white;
  background: #ae001f;
}
.lbl-status-InCI {
  color: white;
  background: #b000ac;
}
.lbl-status-Approve1 {
  color: white;
  background: #e1891d;
}
.lbl-status-Approve2 {
  color: white;
  background: #8BC34A;
}
.lbl {
  display: inline-block;
  padding: 3px 7px;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 15px;
  text-transform: capitalize;
}
.lbl-center {
  display: inline-block;
  clear: both;
}
.is-lbl-default {
  background: #ccd1d9;
}
.is-lbl-Manual {
  background: #673AB7;
}
.is-lbl-ED {
  background: #009688;
}
.is-lbl-MO {
  background: #5C6BC0;
}
.is-lbl-Stock {
  background: #4c4445;
}
.is-lbl-Picking {
  background: #b8a88a;
}
.is-lbl-Staging {
  background: #999999;
}
.is-lbl-Print {
  background: #00c3e6;
}
.is-lbl-CN {
  background: #82f248;
}
.is-lbl-SI {
  background: #ffc425;
}
.is-lbl-DN {
  background: #fc3366;
}
.is-lbl-NoPrint {
  background: #d21033;
}
.is-lbl-Active {
  background: #2dc3e8;
}
.is-lbl-Delete {
  background: #F44336;
}
.is-lbl-Close {
  background: #bbbbbb;
}
.is-lbl-Complete {
  background: #3d6bdb;
}
.is-lbl-WaitToCheck {
  background: #AAAAAA;
}
.is-lbl-Wait {
  background: #AAAAAA;
}
.is-lbl-Messenger {
  background: #00ad47;
}
.is-lbl-Delivery {
  background: #e7a1b0;
}
.is-lbl-Confirm,
.is-lbl-Comfirm {
  background: #0a7a0a;
}
.is-lbl-Hold {
  background: #757575;
}
.is-lbl-Approve1 {
  background: #e1891d;
}
.is-lbl-Approve2 {
  background: #8BC34A;
}
.is-lbl-Reject {
  color: white;
  background: #84031f;
}
.is-lbl-Cancel {
  background: #d21033;
}
.is-lbl-Shipping {
  background: #00ad9d;
}
.is-lbl-Picking {
  background: #00ad47;
}
.is-lbl-Partial {
  background: #795548;
}
.is-lbl-InTR {
  background: #b000ac;
}
.is-lbl-InBC {
  background: #b000ac;
}
.is-lbl-Small {
  background: #a08484;
}
.is-lbl-RcvLocation {
  background: #312626;
}
.is-lbl-Return {
  color: white;
  background: #fc6400;
}
.is-lbl-Change {
  color: white;
  background: #002a82;
}
.is-lbl-Pass {
  color: white;
  background: #00b625;
}
.is-lbl-FromBC {
  color: white;
  background: #018735;
}
.is-lbl-FromTR {
  color: white;
  background: #008a6c;
}
.is-lbl-MultiCust {
  color: white;
  background: #ae001f;
}
.is-lbl-InCI {
  color: white;
  background: #b000ac;
}
.is-lbl-CN {
  background: #82f248;
}
.is-lbl-SI {
  background: #ffc425;
}
.is-lbl-DN {
  background: #fc3366;
}
.is-lbl-DP {
  background: #f311e3;
}
.is-lbl-AR {
  background: #2aaad1;
}
.is-lbl-CC {
  color: white;
  background: #b000ac;
}
.is-lbl-CE {
  color: white;
  background: #008a6c;
}
.is-lbl-CI {
  color: white;
  background: #002a82;
}
.text-active {
  color: #2dc3e8;
}
.text-delete {
  color: #F44336;
}
.text-complete {
  color: #3d6bdb;
}
.text-WaitToCheck {
  color: #AAAAAA;
}
.text-comfirm {
  color: #0a7a0a;
}
.text-hold {
  color: #757575;
}
.center-of-page {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 15px;
}
.form-section {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 15px;
  position: relative;
}
.section-create {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: right;
  width: 200px;
}
.page-display {
  display: block;
  margin: 0px auto;
  margin-top: 10px;
}
.export-excel a {
  color: green;
  line-height: 30px;
}
.export-pdf a {
  color: #E9573F;
  line-height: 30px;
}
.export {
  margin-right: 10px;
}
.export-head {
  font-size: 18px;
}
a.is-btn:hover {
  color: white !important;
  text-decoration: none !important;
}
a.is-btn {
  color: white !important;
}
.is-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  min-width: 110px;
  color: #fff;
}
.is-btn a {
  color: white;
  text-decoration: none;
}
.is-btn-s {
  font-size: 11px;
  min-width: 40px;
  padding: 2px 4px;
}
.is-btn-m {
  font-size: 12px;
  min-width: 80px;
  padding: 4px 6px;
}
.is-btn-blue,
.is-btn-done,
.is-btn-export,
.is-btn-info,
.is-btn-ok,
.is-btn-print,
.is-btn-search {
  background: #0ca3e5;
}
.is-btn-blue:hover,
.is-btn-done:hover,
.is-btn-export:hover,
.is-btn-info:hover,
.is-btn-ok:hover,
.is-btn-print:hover,
.is-btn-search:hover {
  background: #30b8f4;
}
.is-btn-blue:active,
.is-btn-done:active,
.is-btn-export:active,
.is-btn-info:active,
.is-btn-ok:active,
.is-btn-print:active,
.is-btn-search:active {
  background: #0981b5;
}
.is-btn-delete,
.is-btn-new,
.is-btn-create,
.is-btn-red {
  background: #e9573f;
}
.is-btn-delete:hover,
.is-btn-new:hover,
.is-btn-create:hover,
.is-btn-red:hover {
  background: #ee7f6d;
}
.is-btn-delete:active,
.is-btn-new:active,
.is-btn-create:active,
.is-btn-red:active {
  background: #dc3519;
}
.is-btn-approve,
.is-btn-confirm,
.is-btn-edit,
.is-btn-green,
.is-btn-next,
.is-btn-save,
.is-btn-transfer {
  background: #37bc9b;
}
.is-btn-approve:hover,
.is-btn-confirm:hover,
.is-btn-edit:hover,
.is-btn-green:hover,
.is-btn-next:hover,
.is-btn-save:hover,
.is-btn-transfer:hover {
  background: #58ceb1;
}
.is-btn-approve:active,
.is-btn-confirm:active,
.is-btn-edit:active,
.is-btn-green:active,
.is-btn-next:active,
.is-btn-save:active,
.is-btn-transfer:active {
  background: #2b957a;
}
.is-btn-gray {
  background: #656D78;
}
.is-btn-gray:hover {
  background: #7e8692;
}
.is-btn-gray:active {
  background: #4e545c;
}
.is-btn-view {
  background: #3F51B5;
}
.is-btn-view:hover {
  background: #606fc7;
}
.is-btn-view:active {
  background: #32408f;
}
.is-btn-pdf {
  background: #37BC9B;
}
.is-btn-pdf:hover {
  background: #58ceb1;
}
.is-btn-pdf:active {
  background: #2b957a;
}
.card {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  position: absolute;
  width: 350px;
  z-index: 999999;
  left: 0;
  right: 0;
  padding: 10px 10px 10px 30px;
}
.card .is-panel {
  height: 100%;
  margin-bottom: 0;
}
.is-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #0ca3e5;
}
.is-panel .panel-heading {
  background: #0ca3e5;
}
.is-panel > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-body {
  padding: 15px;
}
.card .is-panel .profile {
  float: right;
  width: 210px;
  font-size: 80%;
}
.card .is-panel .profile-action {
  clear: both;
  display: block;
  padding: 10px;
  margin: 10px -15px -15px;
  padding-bottom: 0;
}
.card .is-panel .profile-action-contain {
  padding: 10px;
  padding: 0 0 10px;
  margin-left: 0;
  margin-right: 0;
}
.card .is-panel .profile-action-contain a {
  margin-right: 10px;
}
.radio label,
.checkbox label {
  padding-left: 0px;
}
.radio-group .radio {
  display: inline-block;
  margin-right: 20px;
}
.footer-insert-product {
  margin-top: 20px;
}
.input-product {
  width: 100%;
  min-height: 50px;
  padding: 10px 0px;
  bottom: 0px;
  left: 0px;
  background: #E6E9ED;
  padding-left: 20px;
}
.input-product label,
.input-product h2 {
  color: #434a54;
}
.input-product h2 {
  margin-bottom: 30px;
}
.ml-10 {
  margin-left: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.doc-head {
  margin-top: 0px;
}
.doc-detail {
  width: 100%;
}
.doc-detail tr:hover {
  background-color: rgba(0, 172, 3, 0.08);
}
.doc-detail tr td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.tab-content .doc-detail tr td:first-child {
  width: 160px !important;
}
.doc-detail tr td:first-child {
  width: 40%;
  /*font-weight:bold;*/
  padding-left: 0px;
}
.doc-detail tr td:first-child::after {
  content: " : ";
}
.doc-detail tr td:last-child {
  width: 80%;
}
.table-item-list thead th {
  font-weight: bold;
}
.modal-top-10 {
  top: 10% !important;
}
.modal-top-20 {
  top: 20% !important;
}
.modal-top-30 {
  top: 30% !important;
}
.form-group label:first-child {
  font-weight: bold;
  line-height: 1.6em;
}
.form-group label:first-child:after {
  content: ":";
}
.table-xml {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.table-xml tr td {
  padding: 10px;
}
.doc-history li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
#xml-id-0 {
  border: none;
}
.background-warning {
  background: #FEC8C8 !important;
}
.background-warning:hover {
  background: #FEC8C8 !important;
}
ins {
  background-color: #cfc;
  text-decoration: none;
}
del {
  color: #999;
  background-color: #FEC8C8;
}
.section-detail .nav-tabs {
  margin-top: 0px;
}
#Menu ul li {
  padding: 5px;
}
#Menu ul {
  list-style: none;
}
#Menu ul li input[type="checkbox"] {
  margin-right: 10px;
}
#Menu ul li.list-Root {
  font-weight: bold;
  display: block;
  border: 1px solid #ccc;
}
#Menu ul li span.Root {
  font-weight: bold;
}
body.modal-open #wrap {
  -webkit-filter: blur(7px);
  -moz-filter: blur(15px);
  -o-filPookSupajaroonwongter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}
.modal-backdrop {
  background: #f7f7f7;
}
.close {
  font-size: 50px;
  display: block;
}
.navbar .navbar-inner {
  background-color: #3F51B5;
}
.bordered-themeprimary {
  border-color: #abb4e2 !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area:hover {
  background: #8591d5;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span:hover {
  color: white !important;
}
.drop-nav {
  width: 250px;
  z-index: 999999999999999;
}
.sortTable tr:hover {
  cursor: move;
}
.smallTextGray {
  font-size: smaller;
  color: dimgray;
}
.toast-title {
  font-weight: 700;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: .8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:focus,
.toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  -ms-filter: alpha(opacity=40);
  filter: alpha(opacity=40);
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 100000000001;
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: .8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: .4;
  -ms-filter: alpha(opacity=40);
  filter: alpha(opacity=40);
}
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.form-section input[type=checkbox] + .text,
.form-section input[type=radio] + .text {
  z-index: 0;
  /*Overide From Beyond Admin*/
}
.wizard ul li.active:before {
  z-index: 100;
  /*Overide From Beyond Admin*/
}
.txtForm {
  line-height: 1.6em;
}
.page-breadcrumbs {
  z-index: 101;
  background: #606fc7;
}
.modal-header {
  background-color: #4fc1e9 !important;
  color: white !important;
}
.text-small {
  font-size: small;
}
.text-bold {
  font-weight: bold;
}
.text-red {
  color: #ff7373;
}
.text-orange {
  color: orange;
}
.text-gray {
  color: #434a54;
}
.text-blue {
  color: #11a9cc;
}
.text-green {
  color: lightgreen;
}
.themeprimary {
  color: #252f69 !important;
}
/**
    text text-red
    text-red


*/
.expand-menu {
  position: absolute;
  background: white;
  left: 250px;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 5px;
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
  z-index: 9999999999999999;
}
.expand-menu-inner {
  padding: 20px;
}
.expand-menu-after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  text-decoration: none;
  width: 80%;
  -webkit-box-shadow: 0px 4px 10px 2px #808080;
  -moz-box-shadow: 0px 4px 10px 2px #808080;
  box-shadow: 0px 4px 10px 2px #808080;
  z-index: 9999999999999999;
}
.expand-menu-after a {
  text-decoration: none;
  color: #434a54;
}
.expand-menu-after a:hover {
  text-decoration: none;
  color: #4fc1e9;
}
.expand-menu-header {
  border-bottom: 2px solid #484848;
}
.expand-menu-module {
  text-align: center;
  padding-top: 5px;
  position: relative;
}
.expand-menu-module-header {
  font-size: large;
  font-weight: bold;
}
.expand-menu-detail-row {
  text-align: center;
}
.expand-user {
  position: absolute;
  background: white;
  left: 250px;
  top: 50px;
  z-index: 99999999999999;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 5px;
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
.expand-user-inner {
  padding: 20px;
}
.expand-user-after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  text-decoration: none;
  width: 80%;
  -webkit-box-shadow: 0px 4px 10px 2px #808080;
  -moz-box-shadow: 0px 4px 10px 2px #808080;
  box-shadow: 0px 4px 10px 2px #808080;
  z-index: 99999999999999;
}
.expand-user-after a {
  text-decoration: none;
  color: #434a54;
}
.expand-user-after a:hover {
  text-decoration: none;
  color: #4fc1e9;
}
.expand-user-header {
  border-bottom: 2px solid #484848;
}
.expand-user-module {
  text-align: center;
  padding-top: 5px;
  position: relative;
}
.expand-user-module-header {
  font-size: large;
  font-weight: bold;
}
.expand-user-detail-row {
  text-align: center;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
  background-color: #3F51B5 !important;
}
.lightBuleBG {
  background-color: rgba(223, 254, 202, 0.66) !important;
}
.lightOrangeBG {
  background-color: rgba(255, 78, 0, 0.44) !important;
}