@font-face {
   font-family: 'Battambang';
   font-style: normal;
   font-weight: 400;
   src: local('Battambang Regular'), local('Battambang-Regular'),
       url(https://fonts.gstatic.com/s/battambang/v11/uk-mEGe7raEw-HjkzZabPnmp4hxx.woff2) format('woff2');
   unicode-range: U+1780-17FF, U+200C, U+25CC;
}
html,
body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Khmer OS, Battambang";
}

#divChangeLogs .table-responsive {
   overflow-y: auto;
   height: calc(100vh - 220px);
}

.portlet-body-report {
   height: 60vh;
}

.remove-under-line-a {
   display: block;
   text-decoration: none !important;
}
.item-category-container {
   display: inline-block;
   height: 80vh;
   width: 100%;
   overflow-y: auto;
   padding: 1px;
}

.license-to-organization {
   margin-top: -5px;
   color: #36c6d3;
}

.page-content-container {
   background-color: white;
}

.page-content-container-card {
   background-color: white;
}

.dashboard-content-container{
   background-color: white; 
   padding-top: 0px !important; 
   height: calc(90vh - 130px) !important; 
   overflow-y: auto; 
   overflow-x: none; 
   padding-bottom: 0px !important;
}

.help-block {
   display: none;
}
.nav_list {
   list-style-type: none;
}
.sub_nav_list {
   list-style-type: none;
   line-height: 30px;
}
.select2_invlid {
   border-color: red;
}

.login-content {
   margin-top: 2%;
}
/*//medium+ screen sizes*/
/*@media (min-width:992px) {*/
/*.desktop-only {*/
/*display:block !important;*/
/*}*/
/*}*/
/*//small screen sizes*/
/*@media (max-width: 992px) {*/
/*.mobile-only {*/
/*display:block !important;*/
/*}*/
/*.desktop-only {*/
/*display:none !important;*/
/*}*/
/*}*/
/*//large resolutions only*/
/*@media (min-width: 1200px) {*/

/*}*/

.page-header-custom {
   background-color: #2c6197 !important;
   /* overflow: auto !important; */
}

.modal-header {
   background-color: #2c6197 !important;
   color: whitesmoke;
   font-weight: bold;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
   background-color: #2c6197 !important;
   color: whitesmoke;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
   border-bottom-color: #2c6197 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
   color: whitesmoke;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
   color: whitesmoke;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
   color: whitesmoke;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
   color: whitesmoke;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
   color: whitesmoke;
}

.page-header-custom i {
   color: whitesmoke;
}

.page-sidebar-custom-no-margin {
   margin-top: -20px;
   margin-bottom: 0px;
}

.page-sidebar-fixed .page-footer {
   margin: 0px !important;
}

.page-sidebar,
.page-sidebar .page-sidebar-menu {
   margin-top: 0px !important;
}

.page-sidebar .page-sidebar-menu,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
   margin-top: 0px !important;
}

.page-sidebar-fixed .page-sidebar {
   top: 75px;
}

.page-footer-custom {
   background-color: #2c6197 !important;
   height: 45px ;
   /* height: 77px; */
   margin-top: 5px !important;
   border-top: solid 2px whitesmoke !important;
}
.page-head-custom {
   background-color: white !important;
   margin-top: -10px;
   margin-left: 1px;
   padding: 10px 10px 5px 10px;
}

.page-footer-custom .btn-default {
   background-color: #2c6197 !important;
   color: whitesmoke;
   border: whitesmoke;
}
.page-footer-custom input {
   background-color: #2c6197 !important;
   border: whitesmoke;
   color: whitesmoke;
}
.page-footer-custom a {
   color: whitesmoke;
}
.page-footer-custom i {
   color: whitesmoke;
}

.img_gallery {
   padding-bottom: 10px !important;
}
.mt-default {
   border: 4px solid #3598dc;
}

@media (min-width: 1024px) {
   .page-sidebar-wrapper-custom {
       margin-left: -20px !important;
       margin-top: -20px !important;
   }

   .page-title-custom {
       margin-left: 10px !important;
   }

   .page-content-wrapper-custom {
       margin-left: -38px !important;
       margin-bottom: -20px !important;
   }

   .page-content-custom {
       margin-right: -55px !important;
   }

   .portlet-custom {
   }

   .portlet-body-custom {
   }

   .page-sidebar-custom {
   }

   .body-noscroll {
   }

   body {
   }
   .no-padding-and-margin .fontsize , .no-padding-and-margin  .amount-due{
       font-size: 12px;
   }
}
@media (max-width: 768px) {
   .body-noscroll {
   }

   body {
   }

   .footer-hide-on-mobile {
   }
}





.page-container-custom {
}
/* data table */
.outer {
   overflow-x: auto;
   overflow-y: auto;
   vertical-align: middle;
}
.panel-default > .panel-heading {
   background-color: whitesmoke !important;
}
.panel-default > .panel-heading > a {
   color: black;
}
.panel-default > .panel-heading {
   color: #b1b1b1 !important;
}
.panel {
   border: none;
   margin-bottom: 1px !important;
}
.panel-heading {
   border: none;
}
.clickable {
   cursor: pointer;
}
.p-top {
   /*label padding*/
   margin-top: 10px;
}
.sub_line_max_height {
}
.col-md-no-padding {
   padding: 0px !important;
}
.empty_order > img {
   width: 500px;
}

.col-md-no-margin {
   margin: 0px !important;
}

.form-group {
   margin-bottom: 5px !important;
}

#TableData > tbody > tr > td {
   padding: 5px !important;
}

#data_table > tbody > tr > td {
   padding: 5px !important;
}

/* colors */
.red {
   color: red;
}

.green {
   color: #1bbc9b;
}

.warning {
   color: #ffcc00;
}

.modal-middle-size {
   width: 80% !important;
}

.end-of-table-row1 {
   text-align: center;
   visibility: hidden;
}
.end-of-table-row {
   text-align: center;
   position: absolute !important;
   /* width: 95%; */
   border-top: 0px !important;
   /* margin-top: -6px; */
   bottom: -15px !important;
   left: 0 !important;
   right: 0 !important;
}
.infinite-data-table {
   overflow: auto;
}

.document-Closed {
}

.document-Open {
}

.document-Pending-Approval {
}

.document-Approved {
}

.document-Overdue-Date {
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
   /* Styles */
   .footer-hide-on-mobile {
       display: none;
   }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
   /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
   /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
   /* Styles */
}
/**********
iPad Pro
**********/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
   .page-sidebar-custom {
       position: fixed !important;
       z-index: 9999;
   }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1440px) {
   /* Styles */
   .page-sidebar-custom {
       position: fixed !important;
       z-index: 9999;
   }
}


/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
   /* Styles */
   .page-sidebar-custom {
       position: fixed !important;
       z-index: 9999;
   }
}

@media (max-width: 767px) {
   .page-header.navbar {
       border-bottom: 1px solid #e9ecf3;
   }
   .page-header.navbar .page-top {
       background: white;
   }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
   /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
   /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
   /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
   /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
   /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
   /* Styles */
}

.table .btn-group .dropdown-menu .dropdown-menu-url {
   z-index: 9999;
}
.portlet.light {
   padding-bottom: 30px;
   padding-top: 30px !important;
}
.select2-no-border {
   border: none !important;
   border-bottom-color: white;
   border-bottom-width: 0px;
}
.username {
   float: right;
   margin-left: 10px;
}
.mt-comment-img > img {
   width: 41px !important;
}
.dashboard-group-height-default {
   height: 510px;
}
.dashboard-group-height-auto {
   display: flow-root;
}
.dashboard-group-content-height {
   height: 502px;
}
.ms-selectable .ms-list {
   height: 500px !important;
}
.create-page .ms-selectable .ms-list {
   height: 300px !important;
}
.ms-selection .ms-list {
   height: 500px !important;
}
.create-page .ms-selection .ms-list {
   height: 300px !important;
}
.text-clear {
   color: black !important;
}
.upp {
   text-transform: uppercase;
}
.checkboxcustomize {
   margin-top: 7px;
}

.group-header-bg-color {
   background-color: #ebecec !important;
}

.web-logo {
   height: 120px;
}

.page-header.navbar .page-logo .logo-default {
   height: 70px;
   margin-left: -10px;
   margin-top: 0px;
}

.pricing-content-2 .pricing-table-container .price-column-container > .price-table-content .row {
   padding-top: 5px;
   padding-bottom: 5px;
}
.mt-checkbox span {
   margin-top: 5px;
}
.app-menu-icon {
}

.active-menu-item-custom {
   background-color: #0a6aa1;
}

#sublist .form-control,
#sublist .select2-container--bootstrap .select2-selection {
   /* border-left: 1px solid #e7ecf1;
   border-bottom: none;
   border-top: none;
   border-right: none; */
}

.quick-nav-custom {
   position: relative;
   margin-top: 0px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
   width: 300px !important;
}
.text {
   overflow: hidden;
   text-overflow: ellipsis;
   /*display: -webkit-box;*/
   /*line-height: 16px;     !* fallback *!*/
   /*max-height: 32px;      !* fallback *!*/
   /*-webkit-line-clamp: 2; !* number of lines to show *!*/
   /*-webkit-box-orient: vertical;*/
}

.jquery-notific8-container {
   width: 500px !important;
}
.box-item {
   height: 300px;
   margin-bottom: 16px;
   padding-left: 8px;
   padding-right: 8px;
}
.sub-box-item {
   height: 300px;
}
.sub-box-item:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.vertical-menu {
   width: 275px;
   max-height: 179px;
   overflow: auto;
}

.vertical-menu a {
   color: black;
   display: block;
   padding: 6px;
   text-decoration: none;
   border-bottom: 1px solid #e3e3e3;
}

.vertical-menu a:hover {
   background-color: #337ab7;
   color: #ffffff;
}

.vertical-menu a.active {
   background-color: #4caf50;
   color: white;
}
.popover-content {
   padding: 0px !important;
}
.popover {
   left: 0px !important;
}

.table .active {
   font-weight: bold;
}

/*========= style for print document ==========*/
.sheet {
   margin: 0;
   overflow: hidden;
   position: relative;
   box-sizing: border-box;
   page-break-after: always;
}

/** Paper sizes **/
body.A3 .sheet {
   width: 297mm;
   height: 419mm;
}
body.A3.landscape .sheet {
   width: 420mm;
   height: 296mm;
}
body.A4 .sheet {
   width: 210mm;
   height: 296mm;
}
body.A4.landscape .sheet {
   width: 297mm;
   height: 209mm;
}
body.A5 .sheet {
   width: 148mm;
   height: 209mm;
}
body.A5.landscape .sheet {
   width: 210mm;
   height: 147mm;
}

/** Padding area **/
.sheet.padding-10mm {
   padding: 10mm;
}
.sheet.padding-15mm {
   padding: 15mm;
}
.sheet.padding-20mm {
   padding: 20mm;
}
.sheet.padding-25mm {
   padding: 25mm;
}
@media (min-width: 992px) {
   .show-distance-map-model {
       width: 70%;
   }
}
#floating-panel {
   position: absolute;
   top: 10px;
   left: 25%;
   z-index: 5;
   background-color: #fff;
   padding: 5px;
   border: 1px solid #999;
   text-align: center;
   font-family: 'Roboto', 'sans-serif';
   line-height: 30px;
   padding-left: 10px;
}
/** For screen preview **/
@media print {
   .sm-table-size,
   thead,
   tr,
   th {
       padding: 1px !important;
       font-size: 10px !important;
   }
   .sm-table-size,
   tbody,
   tr,
   td {
       padding: 2px !important;
       vertical-align: top;
       font-size: 10px !important;
   }
   .document-logo-Landscape {
       float: left !important;
       clear: both;
       width: 200px !important;
   }
   .document-logo-Portrait {
       float: left !important;
       clear: both;
       width: 100px !important;
   }
   .hr-line-100 {
       width: 100% !important;
       border-bottom: 1px solid #000000;
       margin-top: -10px !important;
   }
}
/*
@media print {
   !*print style*!invoice-logo
   .print-font-size{
       font-size: 10px !important;
   }
   .print-table > thead > tr > th{
       border-bottom: 0.1px solid #e7ecf1 !important;
   }
   .print-table > tbody > tr > td{
       border-top: 1px dotted #e7ecf1 !important;
   }
   .print-table > tbody > .print-group-header-bg-color {
       background-color: slategray !important;
   }
}
@media print {
   .line-dotted{
       border-bottom: dashed 1px #e3e3e3;
       float: left!important;
       margin-left: 0px !important;
       padding-left: 0px !important;
       font-size: 10px !important;
   }
   .no-padding > table > tbody > tr > td{
       font-size: 10px !important;
   }
   .no-padding > table > thead > tr > th{
       font-size: 10px !important;
   }


   .printfont{
       border-bottom: dashed 1px #e3e3e3;
       margin-left: 0px !important;
       padding-left: 0px !important;
   }
   .signature{
       position: absolute !important;
       bottom: 0px !important;

   }
   .signature, table, tr, td{
       font-size: 10px !important;
   }
   .table-print, tr{
       border-bottom: dashed 1px #e3e3e3 !important;
   }
   .table-print, thead, tr{
       border-bottom: 1px solid #b4b4b4;
   }
   .table-print, tbody, tr, td{
       padding: 2px !important;
       vertical-align: top;
       font-size: 10px !important;
   }
   .table-print, thead, tr, th{
       padding: 8px !important;
       font-size: 10px !important;
   }
   .table, tbody, tr, td{
       padding-right: 6px !important;
       padding-left: 6px !important;
   }
   .companyinfo, .line{
       font-size: 11px !important;
       margin-bottom: 5px !important;
       margin-top: 5px !important;
   }
   .captioninfo{
       font-size: 18px;
       font-weight: bolder !important;
       text-transform: uppercase;
   }
   .vat-lbl-header{
       font-size: 10px !important;
   }
   .vat-lbl-header span{
       font-size: 9px !important;
   }
  #footer-print {
       margin-top: 10px !important;
   }
}
*/
.default-image {
   width: 32px;
}
.limit-charactor {
   width: 100px;
}
.list-customize {
   height: 40px;
   color: #545454;
   border-bottom: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid #e3e3e3;
   padding: 10px;
}
.list-head {
   padding: 10px 15px;
   background: #e3e3e3 !important;
   color: #ffffff !important;
}

.lookup-content {
   display: inline-block;
   height: 83vh;
   overflow-x: hidden;
   overflow-y: auto;
   background-color: white;
   width: 100%;
}

.profile-usermenu ul li a {
   font-size: 14px !important;
   font-weight: 600 !important;
   /* color: #5b9bd1 !important; */
}

.profile-usertitle-name {
   font-size: 16px !important;
}

#frmDataCard .panel-default > .panel-heading {
   border-top-left-radius: 10px !important;
   border-top-right-radius: 10px !important;    
}

/* ======= ITEM LOOKUP & CUSTOMER LOOKUP ============ */
.nav-side-menu {
   overflow: auto;
   background-color: white;
   top: 0px;
   width: 100%;
   height: 100%;
}
.nav-side-menu .brand {
   background-color: #f2f6f9;
   line-height: 50px;
   display: block;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
}

.nav-side-menu ul,
.nav-side-menu li {
   list-style: none;
   padding: 0px;
   margin: 0px;
   line-height: 45px;
   cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
   display: inline-block;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
   color: gray;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
   color: gray;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
   border: none;
   line-height: 45px;
   padding-left: 15px;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
   margin-left: 15px;
   display: block;
   padding-left: 10px;
   padding-right: 10px;
}
.nav-side-menu li {
   /* padding-left: 15px;     */
}
.nav-side-menu li li {
   /* padding-left: 25px;     */
}
.nav-side-menu li a {
   margin-left: 15px;
   text-decoration: none;
   display: block;
}
.nav-side-menu li li a {
   margin-left: 25px;
   text-decoration: none;
   display: block;
}
.nav-side-menu li a i {
   padding-left: 10px;
   width: 20px;
   padding-right: 20px;
}
.nav-side-menu li:hover {
   background-color: #f2f6f9 !important;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
}
.nav-side-menu li li:hover {
   background-color: gray;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
}
@media (max-width: 767px) {
   .nav-side-menu {
       position: relative;
       width: 100%;
       margin-bottom: 10px;
   }
   .nav-side-menu .toggle-btn {
       display: block;
       cursor: pointer;
       position: absolute;
       right: 10px;
       top: 10px;
       z-index: 10 !important;
       padding: 3px;
       background-color: #ffffff;
       color: #000;
       width: 40px;
       text-align: center;
   }
   .brand {
       text-align: left !important;
       font-size: 22px;
       padding-left: 20px;
       line-height: 50px !important;
   }
}
@media (min-width: 767px) {
   .nav-side-menu .menu-list .menu-content {
       display: block;
   }
   .nav-side-menu .menu-list .main-menu {
       display: block;
   }
}

/* ======== MY EASY FOR WIZARD ======== */
.nav-tabs.wizard {
   background-color: transparent;
   padding: 0;
   width: 100%;
   /* margin: 1em auto; */
   border-radius: .25em;
   clear: both;
   border-bottom: none;
}

.nav-tabs.wizard li {
   width: 100%;
   float: none;
   margin-bottom: 3px;
}

.nav-tabs.wizard li > * {
   position: relative;
   padding: 1em .8em .8em 2.5em;
   color: #999999;
   background-color: #dedede;
   border-color: #dedede;
}

.nav-tabs.wizard li.completed > * {
   color: #fff !important;
   background-color: #96c03d !important;
   border-color: #96c03d !important;
   border-bottom: none !important;
}

.nav-tabs.wizard li.active > * {
   color: #fff !important;
   background-color: #337ab7 !important;
   border-color: #337ab7 !important;
   border-bottom: none !important;
}

.nav-tabs.wizard li::after:last-child {
   border: none;
}

.nav-tabs.wizard > li > a {
   opacity: 1;
   font-size: 14px;
}

.nav-tabs.wizard a:hover {
   color: #fff;
   background-color: #337ab7;
   border-color: #337ab7;
}
span.nmbr {
   display: inline-block;
   padding: 7px 0 0 0;
   background: #ffffff;
   width: 25px;
   line-height: 100%;
   height: 25px;
   margin: auto;
   border-radius: 50% !important;
   font-weight: bold;
   font-size: 12px;
   color: #555;
   /* margin-bottom: 10px; */
   text-align: center;
}
#sublist > tbody > tr > td {
   padding: 1px 0px 0px 0px !important;
}
@media screen and (max-width: 992px) {
   .nav-tabs.wizard li {
       position: relative;
       padding: 0;
       margin: 4px 4px 4px 0;
       width: 100% !important;
       float: left;
       text-align: center;
   }
}
@media (min-width: 992px) {
   .nav-tabs.wizard li {
       position: relative;
       padding: 0;
       margin: 4px 4px 4px 0;
       width: 12%;
       float: left;
       text-align: center;
   }
   .nav-tabs.wizard li.active a {
       padding-top: 15px;
   }
   .nav-tabs.wizard li::after,
   .nav-tabs.wizard li > *::after {
       content: '';
       position: absolute;
       top: -1px;
       left: 100%;
       height: 0;
       width: 0;
       border: 23px solid transparent;
       border-right-width: 0;
       /*border-left-width: 20px*/
   }
   .nav-tabs.wizard li::after {
       z-index: 1;
       -webkit-transform: translateX(4px);
       -moz-transform: translateX(4px);
       -ms-transform: translateX(4px);
       -o-transform: translateX(4px);
       transform: translateX(4px);
       border-left-color: #fff;
       margin: 0;
   }
   .nav-tabs.wizard li > *::after {
       z-index: 2;
       border-left-color: inherit;
   }
   .nav-tabs.wizard > li:nth-of-type(1) > a {
       border-top-left-radius: 10px;
       border-bottom-left-radius: 10px;
   }
   .nav-tabs.wizard li:last-child a {
       border-top-right-radius: 10px;
       border-bottom-right-radius: 10px;
   }
   .nav-tabs.wizard li:last-child {
       margin-right: 0;
   }
   .nav-tabs.wizard li:last-child a:after,
   .nav-tabs.wizard li:last-child:after {
       content: "";
       border: none;
   }
   span.nmbr {
       display: block;
   }
}
.profile-usermenu > .nav > li > a {
   padding: 10px 10px 28px 10px !important;
}

.mt-widget-1-active {
   border-color: #1bbc9b;
   background-color: #1bbc9b;
}

.mt-user-title-active {
   color: white;
}

/* ========================== Style Timeline ============= */
.timeline:before {
   content: '';
   position: absolute;
   display: block;
   width: 2px;
   background: #f5f6fa;
   top: 0;
   bottom: 0;
   margin-left: 16px;
}
.customize-timeline-badge {
   float: left;
   position: relative;
   padding-right: 30px;
   height: 80px;
   width: 60px;
}
.customize-timeline-body {
   margin-left: 87px;
   position: relative;
   padding: 10px;
   margin-top: 10px;
   margin-left: 50px;
   background-color: #f5f6fa;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
}
.customize-timeline-body-arrow {
   position: absolute;
   top: 1px;
   left: -14px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 14px 14px 14px 0;
   border-color: transparent #f5f6fa transparent transparent;
}
.crm-entity-stream-section-today-label {
   min-height: 22px;
}
.crm-entity-stream-section:before {
   position: absolute;
   top: 20px;
   right: 0;
   left: 0px;
   z-index: 100;
   height: 1px;
   background-color: #dbe1e6;
   content: "";
   transition: left 300ms ease;
}
.crm-entity-stream-section {
   position: relative;
   margin-bottom: 15px;
   margin-top: 15px;
   margin-left: 17px;
   transition: height 220ms ease, opacity 220ms ease;
}
.crm-entity-stream-section-planned-label:before,
.crm-entity-stream-section-today-label:before,
.crm-entity-stream-section-history-label:before {
   top: 10px;
}
.crm-entity-stream-section-today-label .crm-entity-stream-section-content {
   text-align: center;
}
.crm-entity-stream-section-today-label .crm-entity-stream-section-content {
   background-color: transparent;
   box-shadow: none;
}
.crm-entity-stream-section-content {
   position: relative;
   z-index: 500;
   box-sizing: border-box;
   width: 100%;
   border-radius: 2px;
   background-color: #fff;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04);
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   transition: all 300ms ease, 1000ms background-color linear;
}
.crm-entity-stream-today-label {
   background-color: #2fc6f5;
}
.crm-entity-stream-today-label {
   display: inline-block;
   padding: 2px 15px;
   min-height: 18px;
   border-radius: 11px !important;
   color: #fff;
   font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.timeline .timeline-icon i {
   font-size: 25px;
}
.bg-color-red {
   background-color: red !important;
}
/* ========================== End Style Timeline ============= */

.add-group-all {
   float: right;
   text-align: right;
   margin-top: -45px;
   background: none;
   padding-right: 15px;
   width: 25%;
}

.report-table-code {
}

.report-table-name {
}

.report-table-description {
}

.report-table-address {
}

.report-table-date {
}

.report-table-datetime {
}

.report-table-quantity {
}

.report-table-amount {
}

.scrollbar-height {
   height: calc(100vh - 330px);
}

._table-active {
   background-color: #e9ecf3 !important;
}
.table-header-active {
   background-color: #d3d3d3;
}

.loading_for_trade_marketing_manager {
   height: 100px;
   margin-bottom: 25px;
}
p.mt-user-title {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
/* item push eccommer  */
.container_processing {
   width: 100%;
}
.container_processing .progressbar {
   counter-reset: step;
}
.container_processing .progressbar li.active {
   color: green; 
}
#divContentEcommerce .container_processing .progressbar li{
   list-style: none;
   display: inline-block;
   width: 19.33%; 
   position: relative;
   text-align: center;
   cursor: pointer;

}
.container_processing .progressbar li{
   list-style: none;
   display: inline-block;
   width: 31.33%;
   position: relative;
   text-align: center;
   cursor: pointer;
}
.container_processing .progressbar li.active:before {
   border-color: green;
}
.container_processing .progressbar li:before{
   content: counter(step);
   counter-increment: step;
   width: 50px;
   height: 50px;
   line-height: 49px;
   border: 1px solid #ddd;
   border-radius: 100%;
   display: block;
   text-align: center;
   margin: 0 auto 10px auto;
   background-color: #fff;
   font-size: 22px;
}
.container_processing .progressbar li.active::after {
   background-color: green !important;

}
#divContentEcommerce .container_processing .progressbar li:after{
   content: "";
   position: absolute;
   width: 86%;
   height: 1px;
   background-color: #ddd;
   top: 26px;
   left: 62%;
}
.container_processing .progressbar li:after {
   content: "";
   position: absolute;
   width: 87%;
   height: 1px;
   background-color: #ddd;
   top: 26px;
   left: 57%;
} 
.container_processing .progressbar .step_completed:after,#DivCreateDelivery .container_processing .progressbar .step_completed:after, .container_processing .progressbar .step_publish:after,  #divContentEcommerce  .container_processing .progressbar .step_publish:after{
   z-index: -1;
   content: "";
   position: absolute;
   width: 83%;
   height: 1px;
   background-color: #ddd;
   top: 26px;
   left: 0%;
}
.divEcomBlog {
   margin-bottom: 10px !important;
}
.btnGroupWarp{
   /* margin-top: 10px;
   padding: 10px; */
   padding-bottom: 20px;
}
.paymentWrap .paymentBtnGroup {
   max-width: 100%;
}
.btnGroupWarp > .paymentBtnGroup > .owl-stage-outer {
   overflow: inherit !important;
}
/* .paymentBtnGroup .owl-stage{
   width: 5000px !important;
} */
.btnGroupWarp > .paymentBtnGroup > .owl-stage-outer > .owl-stage > .owl-item {
   width: 208.75px !important;
}
.paymentWrap .paymentBtnGroup .btnItemGroup.active{
   outline: none !important;
}
.paymentWrap .paymentBtnGroup .btnItemGroup{
   position: relative;
}
.btnGroupWarp .paymentBtnGroup .btnItemGroup{
   display: inline-block !important;
   width: 20% !important;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active .method, .paymentWrap .paymentBtnGroup .btnItemGroup.active .method {
   border-color: #4cd264 !important;
   outline: none !important;
   box-shadow: 0px 3px 22px 0px #7b7b7b;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method, .paymentWrap .paymentBtnGroup .btnItemGroup .method {
   /* position: absolute; */
   right: 3px;
   top: 3px;
   bottom: 3px;
   left: 3px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   border: 2px solid transparent;
   transition: all 0.5s;
}
.item_class_memu {
    width: 128px;
    height: 86px;
    border: 1px solid #eef1f5 !important;
    padding-top: 4px;
}
.item_category_memu{
   /* width: 200px; */
   height: 86px;
   border: 1px solid #eef1f5 !important;
   padding-top: 4px;
}
.distributor_list {
   height: 30px;
   border: 1px solid #eef1f5 !important;
   padding-top: 4px;
}

.list_item_class {
   margin-top: 15px;
}
.list_item_group > .DivContainerItem{
   border: 1px solid #e9ecf3;
   margin-right: 12px !important;
   width: 17% !important;
   height: 35px;
   margin-bottom: 10px;
   padding-top: 8px;
   margin: 0 auto;
   cursor: pointer;
   margin-bottom: 10px;
}
.btnItemGroup > input{
   display: none; 
}
.list_item_group .active {
   border-color: #4cd264 !important;
   outline: none !important;
   box-shadow: 0px 3px 22px 0px #7b7b7b;
}
.flex-child-table{
   width: 150px;
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}
#DivCreateDelivery .container_processing .progressbar li:after{
   content: "";
   position: absolute;
   width: 91%;
   height: 1px;
   background-color: #ddd;
   top: 26px;
   left: 55%;
}
#DivCreateDelivery .container_processing .progressbar li {
   list-style: none;
   display: inline-block;
   width: 47.33%;
   position: relative;
   text-align: center;
   cursor: pointer;
}
.DivContainerShipmentAgent{
   border: 1px solid #e9ecf3;
   border-radius: 15px 15px !important;
   margin-right: 12px;
   width: 23% !important;
   height: 109px;
   margin-bottom: 10px;
   cursor: pointer;
}
.list_shiptment_agent .active {
   border-color: #4cd264 !important;
   outline: none !important;
   box-shadow: 0px 3px 22px 0px #7b7b7b;
}
.bootstrap-tagsinput {
   border: 1px solid #c2cad8 !important;
   width: 100% !important; 
}
.bootstrap-tagsinput .tag{
   border-radius: 4px !important;
}
.list_item_class .active {
   border-color: #4cd264 !important;
   outline: none !important;
   box-shadow: 0px -7px 22px 0px #7b7b7b !important;
}

.frmDataCard .form-control,
#frmDataCard .form-control
{
   border-radius: 5px !important;
}

#frmChangeCost input {
   border-radius: 5px !important;
}

.frmDataCard .select2-container .select2-selection--single,
#frmDataCard .select2-container .select2-selection--single
{
   border-radius: 5px !important;
}

#divCollapseAdvanceSearch .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divCollapseAdvanceSearch .select2-container--bootstrap .select2-selection--multiple {
   border-radius: 5px !important;
}

#divCollapseAdvanceSearch input {
   border-radius: 5px !important;
}

#registrationForm input {
   border-radius: 5px !important;
}

.dashboard-stat {
  border-radius: 15px !important;
}

#divEcomOrderDetail input {
   border-radius: 5px !important;
}

#frmEcomItemSetup input,textarea {
   border-radius: 5px !important;
}

#frmSetupSchedule input {
   border-radius: 5px !important;
}

#divPassword input {
   border-radius: 5px !important;
}

#divPassword .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#frmSetupSchedule .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#frmSetupSchedule .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}


#frmSetupSchedule .bootstrap-tagsinput{
   border-radius: 5px !important;
}

.table .btn {
   margin-right: 1px !important;
   margin-top: -3px !important;
   margin-bottom: -3px !important;
}

.modal-content {
   border-bottom-left-radius: 10px !important;
   border-bottom-right-radius: 10px !important;

   border-top-left-radius: 15px !important;
   border-top-right-radius: 15px !important;
}

.modal .modal-header{
   border-top-left-radius: 10px !important;
   border-top-right-radius: 10px !important;
}

#createDropShipment input{
   border-radius: 5px !important;
} 

#divPermissionObject .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#frmCreateCustomerSchedule .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#frmCreateCustomerSchedule .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#createCashDeposit .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#createCashDeposit .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#createCashDeposit input{
   border-radius: 5px !important;
} 

#divAdjCostItemLedgerEntry .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divAdjCostItemLedgerEntry .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divAdjCostItemLedgerEntry input{
   border-radius: 5px !important;
}

#divCreateStockKeepingUnit .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divCreateStockKeepingUnit .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divCreateStockKeepingUnit input{
   border-radius: 5px !important;
}

#divTermiateDate .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divTermiateDate .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divTermiateDate input, select2{
   border-radius: 5px !important;
}



#divbtnGenerateSchedule .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divbtnGenerateSchedule .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divbtnGenerateSchedule input{
   border-radius: 5px !important;
}


#divConfirmation .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divConfirmation .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divConfirmation input{
   border-radius: 5px !important;
}

#divChangeCallPlan .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divChangeCallPlan .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divChangeCallPlan input{
   border-radius: 5px !important;
}



#divChangeAnalysisCode .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divChangeAnalysisCode .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divChangeAnalysisCode input{
   border-radius: 5px !important;
}

#divChangeLot .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divChangeLot .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divChangeLot input{
   border-radius: 5px !important;
}




#divWholesalesOrderingAddUser .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divWholesalesOrderingAddUser .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divWholesalesOrderingAddUser input{
   border-radius: 5px !important;
}



#modalAddNewTable .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#modalAddNewTable .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#modalAddNewTable input{
   border-radius: 5px !important;
}


#buildModal .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#buildModal .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#buildModal input{
   border-radius: 5px !important;
}


#divEcomOrderComfirm .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divEcomOrderComfirm .select2-container .select2-selection--single{
   border-radius: 5px !important;
}

#divEcomOrderComfirm input{
   border-radius: 5px !important;
}


.alert{
   border-radius: 5px !important;
}


#CartForm input{
   border-radius: 5px !important;
}

#createDropShipment .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#CartForm .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#ItemMenuCartForm input{
   border-radius: 5px !important;
}

#ItemMenuCartForm .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#frmDataCard .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divSetting input{
   border-radius: 5px !important;
}


#divCalculatePlan input{
   border-radius: 5px !important;
}


#divCalculatePlan .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divCalculatePlan .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divOptionPrint input{
   border-radius: 5px !important;
}


#divOptionPrint .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divOptionPrint .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#modalConvertTransferOrder input{
   border-radius: 5px !important;
}


#modalConvertTransferOrder .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#modalConvertTransferOrder .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}


#customer-payment-proposal input{
   border-radius: 5px !important;
}


#customer-payment-proposal .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#customer-payment-proposal .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#ItemPriceModal input{
   border-radius: 5px !important;
}

#ItemPriceModal .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#ItemPriceModal .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divCreateUserModal input{
   border-radius: 5px !important;
}

#divCreateUserModal .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divCreateUserModal .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#ModalNewGroup input{
   border-radius: 5px !important;
}


#divDeliveryPickupDate input{
   border-radius: 5px !important;
}

#divDeliveryPickupDate .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divDeliveryPickupDate .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#ModalNewGroup .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#ModalNewGroup .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

#divSalespersonShedule input{
   border-radius: 5px !important;
}

#divSalespersonShedule .select2-container .select2-selection--single {
   border-radius: 5px !important;
}

#divSalespersonShedule .select2-container--bootstrap .select2-selection--multiple{
   border-radius: 5px !important;
}

.modal-content{
   border-bottom-left-radius: 10px !important;
   border-bottom-right-radius: 10px !important;
   border-top-left-radius: 15px !important;
   border-top-right-radius: 15px !important;
}

.modal-header {
   border-top-left-radius: 10px !important;
   border-top-right-radius: 10px !important;
}

/* ====== User on popup list */
.no-record{
   width: 100%;
   height: 50px;
   line-height: 50px !important;
   text-align: center !important;
   vertical-align: middle !important;
   font-weight: 700;
   color: #7b7b7b;
   font-size: 17px !important;
}
.change-color-setting .icon-settings {
   color: #ffffff !important;
}
/* ====== End User on popup list */

.sort_width{
   width: 200px;
}
.ml-30{
   margin-left: -30px;
}

.mt-checkbox>.span-header:after{
   left: 6px;
   top: 2px;
   height: 10px;
   border: solid #888;
   border-width: 0 2px 0px 0;
   transform: rotate(90deg);
}



/* =================== */
.message_post .sa-icon.sa-success{
   border-color: #4cae4c;
}
.message_post .sa-icon, .sweet-alert .sa-icon.sa-success .sa-placeholder{
   border-radius: 50%!important;
}
.message_post .sa-icon {
   width: 80px;
   height: 80px;
   /* border: 4px solid gray; */
   border-radius: 50%;
   margin: 20px auto;
   position: relative;
   box-sizing: content-box;
}
.message_post .sa-icon.sa-success::before{
   border-radius: 120px 0 0 120px;
   top: -7px;
   left: -33px;
   transform: rotate(-45deg);
   transform-origin: 60px 60px;
}
.message_post .sa-icon.sa-success::before, .message_post .sa-icon.sa-success::after{
   content: '';
   border-radius: 50%;
   position: absolute;
   width: 60px;
   height: 120px;
   background: #ffffff;
   transform: rotate(45deg);
}
.message_post .sa-icon.sa-success .sa-line.sa-tip{
   width: 25px;
   left: 14px;
   top: 46px;
   transform: rotate(45deg);
}
.message_post .sa-icon.sa-success .sa-line {
   height: 5px;
   background-color: #5cb85c;
   display: block;
   border-radius: 2px;
   position: absolute;
   z-index: 2;
}
.message_post .sa-icon.sa-success .sa-line.sa-long{
   width: 47px;
   right: 8px;
   top: 38px;
   transform: rotate(-45deg);
}
.message_post .sa-icon.sa-success .sa-line{
   height: 5px;
   background-color: #5cb85c;
   display: block;
   border-radius: 2px;
   position: absolute;
   z-index: 2;
}
.message_post .sa-icon, .message_post .sa-icon.sa-success .sa-placeholder{
   border-radius: 50%!important;
}
.message_post .sa-icon.sa-success .sa-placeholder {
   width: 80px;
   height: 80px;
   border: 4px solid rgba(92, 184, 92, 0.2);
   border-radius: 50%;
   box-sizing: content-box;
   position: absolute;
   left: -4px;
   top: -4px;
   z-index: 2;
}
.message_post .sa-icon.sa-success .sa-fix {
   width: 5px;
   height: 90px;
   background-color: #ffffff;
   position: absolute;
   left: 28px;
   top: 8px;
   z-index: 1;
   transform: rotate(-45deg);
}
.message_post .sa-icon.sa-success::after {
   border-radius: 0 120px 120px 0;
   top: -11px;
   left: 30px;
   transform: rotate(-45deg);
   transform-origin: 0px 60px;
}
.message_post .sa-icon.sa-success::before, .message_post .sa-icon.sa-success::after{
   content: '';
   border-radius: 50%;
   position: absolute;
   width: 60px;
   height: 120px;
   background: #ffffff;
   transform: rotate(45deg);
}
.message_post h2{
   font-size: 20px;
   padding-top: 15px;
}
.message_post p{
  font-size: 14px;
}
.message_post .btn{
   font-size: 14px;
   padding: 8px 14px;
}
.message_post .sa-icon.sa-error{
   border-color: #d43f3a !important;
}
.message_post .sa-icon.sa-error .sa-x-mark {
   position: relative;
   display: block;
}
.message_post .sa-icon.sa-error .sa-line.sa-left {
   transform: rotate(45deg);
   left: 17px;
}
.message_post .sa-icon.sa-error .sa-line {
   position: absolute;
   height: 5px;
   width: 47px;
   background-color: #d9534f;
   display: block;
   top: 37px;
   border-radius: 2px;
}
.message_post .sa-icon.sa-error .sa-line.sa-right {
   transform: rotate(-45deg);
   right: 16px;
}
.message_post .sa-icon.sa-warning{
   border-color: #eea236;
}
.message_post .sa-icon.sa-warning .sa-body{
   position: absolute;
   width: 5px;
   height: 47px;
   left: 50%;
   top: 10px;
   border-radius: 2px;
   margin-left: -2px;
   background-color: #f0ad4e;
}
.message_post .sa-icon.sa-warning .sa-dot{
   position: absolute;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   margin-left: -3px;
   left: 50%;
   bottom: 10px;
   background-color: #f0ad4e;
}
.message_post .sa-warning,.message_post .sa-error{
   border: 4px solid gray !important;
}

.statistic-list-item{
   padding-top: 10px; 
   padding-bottom: 10px; 
}

.statistic-list-item:first-child{
   padding-top: 10px !important; 
}

.statistic-list-item-border{
   border-bottom: 1px solid #e7ecf1!important;
}
.list_size > .active{
   border: 2px solid #3598dc !important;
}
.list_size > .btn_size {
    border-radius: 9px !important;
    border: 2px solid #e1e5ec;
    margin-right: 15px !important;
}

.list_color .active {
   border: 2px solid #346587 !important;
}

.portlet-statistic{
   border-radius: 5px !important;
}

.portlet-statistic-line {
   margin-top: 5px;
}

.portlet-content-container-card{
   overflow-y: hidden;
}


/* ============ Swal ====== */
.sweet-overlay{
   z-index: 99999 !important;
}
.showSweetAlert{
   z-index: 99999 !important;
}
.swal-description{
   font-size: 18px !important;
   /* overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box !important;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical; */
}
.swal-title{
   font-size: 25px !important;
   font-weight: 700 !important;
}
.showSweetAlert{
   border-radius: 15px !important;
}
.swal-title-warning{
   font-size: 22px !important;
   font-weight: 700 !important;
   color: #ffcc00 !important;
}
.swal-title-success{
   font-size: 22px !important;
   font-weight: 700 !important;
   color: #28a745!important;
}
.swal-title-failed{
   font-size: 22px !important;
   font-weight: 700 !important;
   color: red !important;
}
.swal-title-info{
   font-size: 22px !important;
   font-weight: 700 !important;
   color: #46b8da !important;
}
.swal-btn-info{
   background-color: #46b8da;
   color: #ffffff !important;
}

input:focus {    
   border-color:  #4d88ff !important;
}

.tabbable-line .nav-tabs{
   padding-left: 15px;
}

.dashboard-my-request .mt-actions .mt-action .mt-action-body{
   padding-left: 0px !important;
}

.dashboard-my-request .portlet.light .portlet-body{
   padding-top: 0px !important;
}
.dashboard-content-container .portlet.light>.portlet-title>.caption{
   color: black;
}


/* ================ Notification */
.notifi-flex-container{
   display: flex !important;
   justify-content: start;
}
.right-container {
   display: flex !important;
   flex-direction: column;
}
.right-container > div{
   text-align: start;
   margin-left: 10px;
}
.notifi-flex-container > div {
   text-align: start;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu{
   min-width: 294px !important;
   max-width:394px !important;
   width: 394px !important;
   z-index: 9995;
}
.notification-badge {
   color: #FFFFFF !important;
   position: absolute;
   right: 2px;
   top: 20px;
   height: 25px;
   width: 25px;
   border: 0.5px solid #ffffff;
   background-color: #e74f59 !important;
}
.unread{
   width: 13px;
   height: 13px;
   background: #3379b7;
   position: absolute;
   top: 34%;
   left: -7px;
   border-radius: 6.5px !important;
   border: 2px solid #fdfdfd;
}
.load-more-notification {
   text-align: center;
   margin: 6px 0px;
   color: #6f6f6f;
   font-style: oblique;
}
/* ================ End Notification */




.modal-item-promotion {
   background-color: #ffffff;
   width: 40%;
   position: absolute;
   top: 0;
   right: -1000px;
   z-index: 9822;
   height: 100%;
   padding-bottom: 100px;
   -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
   box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
.mini-cart-wrap.open, .modal-item-promotion.open {
   right: 0;
}
.mini-cart-wrap .mini-cart-top, .modal-item-promotion .modal-item-promotion-header {
   border-bottom: 1px solid #e2e2e2;
   padding: 10px 10px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.modal-item-promotion-content > div > input.form-control{
   border-radius: 5px !important;
}
.modal-item-promotion-content{
   padding: 10px 0px;
}
.mini-cart-wrap .mini-cart-top .close-cart ,
.modal-item-promotion .modal-item-promotion-header .close-cart
{
   border: none;
   background-color: transparent;
   font-size: 12px;
   text-transform: capitalize;
   font-weight: 500;
   color: #444444;
   line-height: 24px;
}