/* =========== for all dekstop version css ============*/

@font-face {
  font-family: 'HK Grotesk', sans-serif;
  src: url('./fonts/HKGrotesk-Medium.woff2') format('woff2'),
    url('./fonts/HKGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK Grotesk', sans-serif;
  src: url('./fonts/HKGrotesk-Bold.woff2') format('woff2'),
    url('./fonts/HKGrotesk-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK Grotesk', sans-serif;
  src: url('./fonts/HKGrotesk-Italic.woff2') format('woff2'),
    url('./fonts/HKGrotesk-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'HK Grotesk', sans-serif;
  src: url('./fonts/HKGrotesk-Regular.woff2') format('woff2'),
    url('./fonts/HKGrotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK Grotesk', sans-serif;
  src: url('./fonts/HKGrotesk-Light.woff2') format('woff2'),
    url('./fonts/HKGrotesk-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


::-webkit-scrollbar {
  display: scroll;
}

body {
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

}

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
  /*background-color: #9FA3AC;*/
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #FDBA20;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

body {
  background: #d7d9d7;
  font-family: 'HK Grotesk', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #565656;
  max-width: 100%;
  margin: 0;
  overflow: auto;
}

a {
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

a:hover {
  outline: none;
  text-decoration: none;
  font-style: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.pad-0 {
  padding: 0;
}

p {
  margin: 0;
}

.row {
  margin: 0;
}

#body_container {
  position: relative;
  --tw-bg-opacity: 1;
  background: #EEEEEE;
  max-width: 1920px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.red {
  color: #FDBA20;
}

input:focus,
input:focus-visible,
textarea:focus-visible {
  border-color: #FDBA20;
  outline: none;
}	
input:focus.error_form,
input:focus-visible.error_form,
textarea:focus-visible.error_form {
  border-color: red;
  outline: none;
}

textarea {
  resize: none;
}

.custom-dropdown ul li{
  border-bottom: 1px solid #f8f8f8;
}
.custom-dropdown ul li.c-last-opt{
  border-bottom: none;
}

.ico_search {
  float: left;
  width: 20px;
  height: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAhBJREFUOE+llM8rRFEUx70ZzZsZsieyshNlwQKJIkWxmPEjUmxYiBWKhZLfO8qCZLLRaChKiVEsxlZKSliIhf9g5s28Zsbn6j29efNmTLw63R/nez7nnHvvjJRn+lRVbU0kEoNYkyRJZbhVxqdkMnnBfNfpdL6YY4xrSV8QUBiLxXYY+7MGSNKcLMvLmTTfQAFTFOWKSupYRhhXGY8dDscTo4yv1mazDaEb1kCbVDppBf0GRqPRA62yO5a9iF+txOg86AKabwzdtlkniTOLx+OXojKsKhNMD4xEIsN0sMf6E21JGpCs+2QdQjTP2SxkOz/dxxGEmNcT00+MP+VSyPiGoxyrxPmYI3AK3Tq2RZXjKUCyxdmwAcsHKua/fnTVRVcn6E+J6zYDFXGTfAUIwr/SEITD4R5u/RD9EXHeFCDZ7slWjTW7XK6bXIDErKKfwVaImTVXuMbGNNl8ZBvJBcgxfaArBdgC8NoMrGDjWWwC9QI9ygalunNA7WhCXEhj2rMRG4hmES2JOeMIWX1WUCo7Y79D+Pite9xu97ElUGwi3mCY0AS3jKdU/Myjl+12ew2JBkSbBsADe50kf09p2bgAOsp6HivO0LZ40IvYHCbaTYP+/NsYARxBH9kbqFBUpNKe+MsK6heArwiNaD8NagnMdim6LxP0z0DtAo2VBrn1tn8BDVAfx+PnyQX+DTQfzxdhuhAkcgzHsQAAAABJRU5ErkJggg==') no-repeat;
  background-size: 90%;
}

.ico_searchBlack {
  float: left;
  width: 20px;
  height: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAABHNCSVQICAgIfAhkiAAAAkxJREFUOE+lkz1oU1EUgH1pH4lDFTMYUcGlELEVdOxQShYHK/ZHm0GXBsH8DkIFh9KlQnGoEBPS/BmawaVU20pbwUEQcdDFQlsHB1HpoEg30Uqal/jdeN/j5tk0xT443HPOPfc7P/c+7YDty2Qyg5qmXatWq91sHWXdwn6HPud0OqcCgcBv+xnT1kwlmUwe13U9i31JCd5G1xV7A3gkHA4v7QSswfL5vMcwjBeoHchXZLJcLj+JxWJfCoVCW6lUukB1Ufw+CRkKhUKP7cAajNbmWAaQVxy6EgwGN3fKTNw9/HeQXyQ7I5KpcRoBF3EsI5tUdzYajX5rNBPhT6fTMyT0o05RnajW+gTsEdZ1AkapaGI3kIR1EruGvuV2u9v8fr9hnhGwDYyTlUrldCQS+dAMJseywnqOM12ceaPCqhgGJbfuBaTOmJsd5GbnVVgZo8Xr9eo+n0/oTT+6EU+jF7lMEYsqTPQv5tDNzF43Jf29hM/En+JGO7nR9xaMjUk2RnDkyXKzGYyq+ohZQD4S367Ga7lcroNBrktnLwHPGgHj8biHX+qtqAq5TSf362DyusfZHEN+YgcImrUDU6lUu8PheEnMCfa+k9Rjj7H+Tcp/yOYNGfCcdZnDn3jIRwD0iCSIA6nItQhQ+KzPgskKRzh4F/1gg1aLJCgylqfsH0bqgHUwAUgkEodcLtdVKurCPAb8B7IKYIk3VZttNpvt542Z78sC/gNrNHy7n1cwTJJp6X9Ay7f+GybHYgFp//y+YGbLjKCfEQzvG6a2/weZ5OUTenwtkgAAAABJRU5ErkJggg==') no-repeat;
  background-size: 90%;
}

.ico_notification {
  float: left;
  width: 20px;
  height: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAYAAAALHW+jAAAABHNCSVQICAgIfAhkiAAAAeVJREFUOE/FlL1OwlAYhikk/HSB4gUoi47iKItwBXoH4OikxgvQxBvgDsTRSYizkY0VVycTEyaJuPCXQH2+pm0OpadUF5uctD3n/Z7z/Z1jJDTPZDKpGoZxzvIOo+zKurZtt7LZbIe1UZipEZzEoDCbzR6Zr+o2Y36UTCZr6XS6H9SsAF3Yi+vRN//NVCrVFkNZm8/nVd4XrB/poCtAPGthUEf8mslkJOTQsBTdCF1J1flA17svYOJZOZfLvUeEnJhOp13xFO0p2pan9YEUocFOdyx0SPpJFEzWPD0293jZWAOyY5NJqeolQPmOfJSIRuitMKAXQo0Q5HvjgxO2iAD6kfofSk7+FSh9uE9PHng9qXooLZInwZauXYI5CItKBa7lY1MStUClYisJjgFsozlWe9HxUOn8WD3obaT0rn9iDCZvyNk1olgnJCSPTmEYXdqnZpAHpxhqpTaFqq676RLotjAE6DQ0QyZDL4MYG1RFA7xkcCWVl8ulQPMxDLUSrzB+2wh4sVgU/gJVj+raje0B2XGL6jf4fyLZb4PBwCwWi2fM9wE86zbWAsfjcYUk1wEMubUfAEhqKvz31PsvCNYCRUjBrnjtKkYTjuYtbTb8tYdiIGFalnUIYI/xSY57pml+ROX5B5/1KEoRQ8aDAAAAAElFTkSuQmCC') no-repeat;
  background-size: 90%;
}

.ico_arrow_right_1 {
  float: right;
  width: 15px;
  opacity: 0.5;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAAIdJREFUGFdjTAjQa2Bg+P9gwYbLCxiwAMaEAN0EBgbG+UBFidgUMYI04VMEVoBPEVwBLkUoCrApwlAAUaRXAKT6gQ4PxGKCgQADw7/9QAWKDAxMBmhuQJF0WLDhwgUkX2BKgqyDhgN2SbCChADcklAFeqA4CAA6CGwnenSATFAACQIlH2CLLAAdxks8mbuLtgAAAABJRU5ErkJggg==') no-repeat;
  background-size: 45%;
  background-position: right;
}

.ico_arrow_left_1 {
  float: left;
  width: 15px;
  height: 18px;
  opacity: 0.5;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAABHNCSVQICAgIfAhkiAAAAINJREFUGFdjZMACEgIMBBgY/s9nYGBMZESXh0j+2w+UZFyw4aIBigJkSaAChwUbLnyAK8AmCTIdrACXJFgBPkmoAv0LQBcDHcZkALIT3dFAE/QWAAXjgYoSF2y4DGKjAKgbcCtC8gV2RWjhgKkIS0iiKsJQAAkXmCImQawKoIEHCuoDADFMSe+myP3uAAAAAElFTkSuQmCC') no-repeat;
  background-size: 45%;
  background-position: left;
}

.ico_breadcumbs {
  position: relative;
  top: 5px;
  right: 3px;
  float: left;
  width: 15px;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAQAAADlauupAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cHBgYnIlv2jWUAAABSSURBVDjLY2BAAv//ycj8/3f69P9/YmIM5IL//yMi/v+/cuX/f0nJUUMGnyEJCf//X7z4/x8fH7I4E9kmkm77lSv//0tIjGqmuWZ4dhYVJVYPAD4wft7Nb1otAAAAAElFTkSuQmCC') no-repeat;
  background-size: 45%;
  background-position: center;
}

.ico_hideAmount {
  position: absolute;
  top: -2px;
  float: left;
  width: 90px;
  height: 35px;
  background: url('data:image/png;base64,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') no-repeat;
  background-size: 80%;
  background-position: center;
}

.ico_nextSlide {
  /*    position: absolute;
    top: -2px;*/
  float: left;
  width: 25px;
  height: 25px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAU1QTFRFAAAAVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFGsurOwAAAG90Uk5TAAUYNUdSWFlTNhkHIUZhUU5NVyQID2VgQRcLBAEWPl9QEScMCjMpAkJiSg1jJkkOSBAGTB5kOANDLIJFE1b+lzAaefxAWqxEVCAosfRPdMDO9v+QXaC5hEtVuPKfP1yYCS2IEiIcO1sUOj0fKjwrjmPAHgAAAalJREFUeJxtkVlDgkAUhW+JSqEDVkoJoaWmBKUYZAtmtqmVLWT7nq22/P/HAgMEPC9z7nycO3cGAFMDgz7MHwji2NDwALhFhMJBFCCpCDmCgtjomJNGqRg9PhFnWJaJT3KJWHKqB7LTNPKl7DqdodFM1qI5flZwdotjImbyOX4+754lhYkzXSckZqOeUUEoIElfiwvIkzXyNEX8LbKy2I8C+GIhgNIS7wgvr0xY8VUG1DLmyCTWKuy/HQ9MwjqqOvDYxmblPz+IMrC17R5sY22n+0SpYA0W6sb75huWdvf2d4aNO/mb4CcZ3R4c2jo61k70vVISB5I0fl/r1NbZvnZu4otLo3lRsiRfXd+o+h6BU3B7537Re+3mwTDC9hI8ItkB8/faU7trq2gdpHrEgUXtybSFsgpZTmz34mfFLKN8rgTwInLQV6+KfiwTVtR+dEqcN65MvPnfvbTdbHXnBxk1PVyl+JDpPxDu4mqS77BWJb8pW6pdtjnxrsH2fF2s8UqyIaUJIi19UooYJpzdmGoHp1tlHC+3UJ17YTyjssLXdyESKXR+8nbfX6L4Q7uX43i6AAAAAElFTkSuQmCC') no-repeat;
  background-size: 80%;
  background-position: center;
}

.ico_backSlide {
  /*    position: absolute;
    top: -2px;*/
  float: left;
  width: 25px;
  height: 25px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAYBQTFRFAAAAVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVKASDAAAAIB0Uk5TAAIeM0ZRWlRINyMFByVFXGBZTVdfXkotDBRSZGM2GQEEChUsZR8DKmEoWzgGCTlmVg41STpiRCJLDVgXMCZBUBh8QByG/HpCD733lFMbovqVALCaIEOn/8bApo/4/q6gi10SnKEuEK0LR6X2CDFufh00KykaPFUTTj0/EUwkOz55JQUcAAABy0lEQVR4nG2T+1/SYBTGD4yBxMQxhsG23AZzgVxeFBG1VFIRRLRCsDStsMBLN7qYman/emMbl3fy/HLO2Xfnec/n7B1AVzY74SCdTteI+4EHrKJGvWO0j2QY0s8Gxh8GcRrieOHRRNAjgiSHI6zimxyA6uMoTQw0ULEpJZ7oVgmH4kjibmoKpaeNVJzhM5azNIPZ7JykZzl+nro3Kqhx5Ba1uOBcHEI103n6iRaeoqVhFCCsLNtgYcUlmXX+WQprX3WuwSgbMUt5vbCBtU9E3VAcK5l0s7yVwHCi4oIKaWx4e+f5C+uuvTywmZedzF4t7BK1nkI6jiPg63q2V3j1er+vA92IQCDM6fjN4dHbd329V03cGO/sBo4/lD82Wz0ZnyCFgOOMcVvrRyenltHOBFhttIxcPf9ULWH0s4uEXOCLWalfD79huB39DjLj6y6jRP8YpKJ3MQ/wE0VgqH4pF9rU8u/Gvcugn0UGLjsxn+WsI2vyFJWmvk9oCn+OrVSu81c20+Yvv3KN02Qd/evdTrE2JVyF+3CaoKNNaeDtYCaLvDfXMkUlW/YLhedCuJvUnk2zAX+lktb+peWbIZfzMnZ7xjCZu0he7D37Dy8uTPkYhb+jAAAAAElFTkSuQmCC') no-repeat;
  background-size: 80%;
  background-position: center;
}

.ico_trash {
  /* position: absolute;
    top: -2px;*/
  float: left;
  width: 18px;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAO1QTFRFAAAAVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFa1Rg3QAAAE90Uk5TAA12v8zFgRMFmP/78vqzCk/sSyZA3Wl8g2SVgGZNmRJJV6aUgrhUUBqPMpfhrfAz2RgCABZDFA9gTkhhUioLCEbTbco/Nrq8/NB+wseHIVdl8pkAAADUSURBVHic5dLJUsJAFIXhC6LASUggIA7khhkVjThEQQFBmQd5/8eRakxiksqOYuO/OtVfVVcvmsguEj2KiY5P4hQokYQki1JQ1ACnkdGyotwp8gE+w7k9L3AZ4AJ0ezIM97xY4nSZuYIq/1ZDnblxxdr1lqMI7WbLzVvjDnXDl4l7I5nb3a+A/U9p4cHZh2D18Yno2YqE8Iv+StTuvIXwu+Bu779xX/sgGgybIfy3/bGJjp+H+HT2F0bjrKfJVPzDXeoMc9mThEXRvcparmKe1t8bAT+GbynoFdASWgAAAABJRU5ErkJggg==') no-repeat;
  background-size: 80%;
  background-position: center;
}

.dh-header-company-detail {
  top: 95px;
  /* position: absolute; */
}

.dh-company-detail-backdrop {
  background: rgba(0, 0, 0, .7);
  position: absolute;
  top: 145px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
}

.dh-company-detail-menu {
  position: absolute;
  background-color: #fff;
  min-width: 240px;
  border-radius: 15px;
  left: 0;
  top: 50px;
  padding: 30px 0px 10px 0px;
  z-index: 1001;
  display: none;
}

.dh-company-detail-menu ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0px;
}

.dh-company-detail-menu a {
  color: black;
  display: flex;
  align-items: center;
  padding: 10px 25px;
}

.dh-company-detail-menu img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.dh-company-detail-menu span {
  padding-top: 2px;
  flex: 1;
  font-size: 14px;
}

.dh-company-detail-menu hr {
  margin: 0px;
}

.bx_topListMenu {
  display: none;
  background: rgba(0, 0, 0, .7);
  position: absolute;
  top: 145px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
}

.bx_topListMenu.act {
  display: block;
}

.col_topListMenu {
  width: 14%;
  float: left;
  padding-right: 10px;
}

.col_topListMenuMore {
  width: 20%;
  float: left;
  padding-right: 10px;
}

.ico_edit {
  /*    position: absolute;
    top: -2px;*/
  float: left;
  width: 18px;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAATJQTFRFAAAAVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFVFBFlz4dAwAAAGZ0Uk5TAAiGxcd8DyvT//nKFQAEBQHEZGLZjBJBVlcy28ZR8d0GU2Y2HkDs41UMF7GzTybml/QfUmHAo+FM7q6Z9zoRu1jeLgKLnlsJwlwKGOT4IXQ4+/7Yq3gpE2pUKE4DXyAUGUZgXlpIfdfvugAAATJJREFUeJy90WdbglAUwPFLwzjaIKISk7Rri4aJNsxIbZk0zHZp2/r+XyGuInIu9LbzBh5+z4E/QEjwCH39A4OhP5AMiRAOQ2TYPh0ZHXNHcnQcRHlCgUlCpqajaneisY7OQNxe1GYTJDlHeyOnnN3IvH1cWFwiKbqs4+euKBBnKqzCGlmX05xugMiS9AwYWZLbzOJmBbbYgr4NO3nCM2tmKmRgNy/x7DSTUMHeZW+JuNsc2gOjrYjd5gKY+51LHvY2O+phrpnjYgk3c1w2D1Bz+vDIy8dwgprLlVMPS1XQULNlnXn4/OJSqF1Ve82Y69dmAuBGcZsx5wCM27v7BymYH5+eG+jHY/bNP3BTbgTqy2uFcYyqb+/++fikTfbNkxr9svzToq1a+y5CXQ3g758iw1+Vlk0Q9ndoOAAAAABJRU5ErkJggg==') no-repeat;
  background-size: 80%;
  background-position: center;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.bx_in_topListMenu {
  /*    display: none;*/
  background: #fff;
  width: 100%;
  min-height: 200px;
  max-height: 450px;
  overflow: auto;
  border-radius: 15px;
  padding: 30px;
}

.col_topListMenuTrans {
  width: 14%;
  float: left;
  margin-left: 10px;
  padding-right: 10px;
}

/* .col_topListMenuMore {
  width: 20%;
  float: left;
  padding-right: 10px;
} */

.ht_topListMenu {
  height: 22.5px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  letter-spacing: 1px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ht_topListMenu b {
  /*  border-bottom: 2px solid rgba(252, 175, 22, 1);*/
  font-weight: bold;
}
.ht_topListMenu a{
  color: #722182;
}

.headerTop {
  background: url('./images/top_background.png') no-repeat;
  /* background-size: 100% 100%; */
  height: 325px;
  background-position: 98% 46%;
  border-radius: 0 0 30px 30px;
  /* background-color: #d7d9d7; */
}

.headerTop_big {
  background: url('./images/top_background.png') no-repeat;
  background-size: 100% 100%;
  height: 360px;
  /* background-color: #d7d9d7; */
}

.headerTop_normal {
  background: url('./images/top_normal_background.png') no-repeat;
  background-size: 100% 100%;
  height: 270px;
}

.row_topLogo {
  padding-top: 30px;
  padding-left: 45px;
  padding-right: 45px;
}

.col_topLogo1 {
  width: 38%;
}

.col_topLogo2 {
  width: 30%;
}

.col_topLogo3 {
  width: 37%;
}

.col_topLogo4 {
  width: 5%;
  padding-right: 20px;
  padding-left: 20px;
}

.col_topLogo5 {
  width: 3%;
  /* padding-right: 10px;; */
}

.col_topLogo6 {
  width: 17%;
  padding-left: 10px;
  padding-right: 10px;
  ;
}

.col_topLogo7 {
  width: 15%;
}

.col_topLogo8 {
  width: 58%;
  /* width: 72%; */
  margin-left: 17%;
}

.img_topLogo {}

.img_topLogo img {
  width: auto;
  height: 40px;
}

.sel_yellow {
  width: 255px;
  font-size: 14px;
  line-height: 1;
  border: 0;
  border-radius: 14px;
  height: 35px;
  color: #FDBA20;
  padding-left: 15px;
  padding-right: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABHNCSVQICAgIfAhkiAAAAJ1JREFUGFdj/L9LweDff4Z4JjaGRkbHBx8Y0ACK/N9dChOA8vlAfIGJlcERWQNYIQPDfqCcAAMjQyHj//0KAv9+MxwACugja0BRyMBwEWiQAyPIVgwNTIx5//793wQ2EaYQ6ESwYiwa/gLFmJEVgtTAFcM0/P3NcAMoKP6fgeExMyuDHrIfUBSDNexVlP/77/8EZibGAkbn+w+RAwcAMmVKLDT01H0AAAAASUVORK5CYII=') no-repeat right rgba(238, 238, 238, .1);
  -webkit-appearance: none;
  background-position-x: 230px;
}

.sel_typeTopLogo {
  font-size: 15px;
  height: 40px;
}

.sel_typeTopLogo:focus {
  outline: none;
}

.field_search_topLogo {
  position: relative;
}

.txt_search_topLogo {
  outline: none;
  background: transparent;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  padding-left: 15px;
  padding-right: 60px;
  border-radius: 14px;
  border: 1px solid rgba(238, 238, 238, .5);
}

.txt_search_topLogo::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(238, 238, 238, .5);
  opacity: 1;
  /* Firefox */
}

.txt_search_topLogo:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(238, 238, 238, .5);
}

.txt_search_topLogo::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(238, 238, 238, .5);
}

/* Microsoft Edge */
input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.bx_ico_search_submit {
  position: absolute;
  top: 11px;
  right: 15px;
}

.img_notification_topLogo {
  padding-top: 10px;
  position: relative;
}

.bx_ico_notification {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 2px;
}

.bx_notification {
  display: none;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 85px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
}

.bx_searchmenu {
  display: none;
  background: rgba(0, 0, 0, .7);
  position: fixed;
  top: 85px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
}

.bx_container_searchmenu {
  background: #73357efa;
  height: auto;
  width: 35%;
  position: absolute;
  right: 3px;
  top: 5px;
  left: 38.5%;
  /* min-height: 200px; */
  overflow: hidden;
  border-radius: 15px;
  /* padding: 30px;*/
}

.bx-first-opt {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bx-last-opt {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bx_search_item {
  color: #fff;
  padding: 10px;
  padding-left: 15px; 
}

.bx_search_item:hover  {
  background-color: #A24FB3;
}


.disabled_next_page {
  pointer-events: none;
}

.bx_container_searchmenu::-webkit-scrollbar-track {
  margin-top: 5px;
}

.bx_container_notification {
  background: #fff;
  height: 31em;
  min-width: 30em;
  position: absolute;
  right: 145px;
  min-height: 200px;
  overflow: hidden;
  border-radius: 15px;
  /* padding: 30px; */
}

.bx_divider_notif {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 10px;
  width: 100%;
}

.bx_count_notification {
  background: transparent linear-gradient(6deg, #FCAF16 0%, #FFCE32 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font-size: 10px;
  padding: 1px 5px 1px 5px;
  color: #000;
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: -5px;
}

.bx_icoProfile_topLogo {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: transparent linear-gradient(6deg, #FCAF16 0%, #FFCE32 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #43384E;
  text-transform: uppercase;
}

.ht_nameProfile {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.3px;
  color: #F8F8F8;
  line-height: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /* box-orient: vertical; */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
}

.ht_statusProfile {
  font-size: 14px;
  color: #F2F2F2;
  opacity: 0.6;
}
.bx_nameProfile_topLogo{
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.bx_nameProfile_topLogo:hover{
/*  background: rgba(255,255,255,.3);*/
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.row_topMenu {
  padding: 10px 0 10px 50px;
  display: flex;
  justify-content: space-between;
}

.col_topMenu {
  padding-left: 30px;
  padding-right: 30px;
}

.ul_topMenu {
  display: flex;
  padding: 0;
  margin-top: 0.5rem;
  list-style: none;
  border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.ul_topMenu li {
  float: left;
  /* width: 14.2857142857%; */
  padding-bottom: 10px;
  text-align: center;
  cursor: pointer;
  /* padding-left: 20px;
  padding-right: 20px; */
  /*  border-bottom: 2px solid rgba(255,255,255,.2);*/
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.ul_topMenu li:hover {
  border-bottom: 3px solid #FDBA20;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ul_topMenu li:hover>a {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ul_topMenu li.act {
  border-bottom: 3px solid #FDBA20;
}

.ul_topMenu li.dect {
  border-bottom: none;
}

.ul_topMenu li.w_small {
  width: 10%;
}

.ul_topMenu li.w_normal {
  width: 20%;
}

.ul_topMenu li.w_big {
  width: 25%;
}

.ul_topMenu li.w_fit-content {
  width: fit-content;
}


.ul_topMenu li.w_long {
  width: 22%;
}

.ul_topMenu li a {
  font-size: 13px;
  color: #fff;
  opacity: .6;
  letter-spacing: 1.5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.ul_topMenu li.cat a {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.chin_topListMenu{
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(67, 56, 78, 1);
  margin-bottom: 10px;
  cursor: pointer;
  letter-spacing: .5px;
}
.chin_topListMenu a{
  color: #722182;
}
.chin_topListMenu a:hover{
  color: #FDBA20;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}




/* ==> Homepage */

/* .row_bodyHomePage {
  margin-top: -150px;
  padding-left: 25px;
  padding-right: 25px;
} */

.col_bodyHomePage {
  padding: 0;
  /* background: yellow; */
  /* height: 500px; */
}

.bx_ht_homePage {
  padding-left: 50px;
  padding-right: 20px;
  margin-top: -11em;
  margin-bottom: 25px;
}

.bx_ht_homePageScfOverview {
  padding-left: 42px;
  padding-right: 20px;
  margin-top: -15em;
  margin-bottom: 46px;
}

.bx_right_homePage {
  display: inline-flex;
  position: absolute;
  right: 65px;
}

.bx-master-agreement-num{
  font-size: 12px;
  color: #DADADA;
  position: relative;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  width: 200px;
}
.htdate_homePage {
  font-size: 12px;
  color: #DADADA;
  position: absolute;
  right: 10px;
  /* top: 0; */
}

.htdate_homePage_scf_overview {
  display: flex;
  font-size: 12px;
  color: #DADADA;
  position: relative;
  max-width: 240px;
  text-overflow: ellipsis;
}

.ht_homePage {
  font-size: 22px;
  font-weight: 500;
  color: #DADADA;
  margin: 0;
  margin-bottom: 5px;
}

.htsub_homePage {
  font-size: 17px;
  color: #DADADA;
  margin-bottom: 40px;
}

/* ==> Homepage */

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}


table.datTable {
  background: transparent;
  font-family: 'HK Grotesk', sans-serif;
  padding: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table.datTable thead tr th {
  border-bottom: none;
  font-size: 13px;
  font-weight: 600;
  color: #545045;
}

table.datTable tbody tr td {
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  padding-bottom: 15px;
  padding-top: 15px;
  vertical-align: middle;
  border: 0;
  border-bottom: 8px solid #F8F8F8;
  color: #555044;
}

table.datTable tfoot th {
  border-top: none;
  border-bottom: 1px solid #111;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 12px;
  font-family: 'HK Grotesk', sans-serif;
  padding-top: 0;
  padding-left: 15px;
}

.bx_standHome {
  background: #F8F8F8;
  border-radius: 22px;
  height: 280px;
  padding: 20px;
  margin-bottom: 20px;
}

.bx_standSeller {
  background: #F8F8F8;
  border-radius: 22px;
  /* height: 280px; */
  padding: 20px 10px;
  /* margin-bottom: 20px; */
}

.bx_standHome_2 {
  height: auto;
  min-height: 379px;
  margin-bottom: 50px;
}

.bx_standHome_auto {
  background: #F8F8F8;
  border-radius: 22px;
  height: auto;
  padding: 20px;
  margin-bottom: 20px;
}

.bx_standHome_bcm {
  position: relative;
  background: #F8F8F8;
  border-radius: 22px;
  height: auto;
  padding: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.ht_standHome {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.64px;
  color: #545045;
  text-transform: uppercase;
}

.col_standHome {
  padding: 0;
}

.sel_top_standHome {
  display: inline-block;
  width: 140px;
  font-size: 12px;
  line-height: 1;
  border: 0;
  border-radius: 10px;
  height: 32px;
  color: #545045;
  padding-left: 15px;
  padding-right: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAALJJREFUGFd1kMERgjAURPc7FGAH0gGWkIPcM47eoQJjBUAFjhVIAR5SgAdaoAPswLvBuFGZgVH/Lfv3bTaRtU6zGXzi4Cprmxv+zEavlAd2PVwuPBhADhQ6gc/P9tKMOa3VPEJU0GM8/JWQkmD4pNQCWRCue9z34da3LieaYupH6mXQX9AwNJVMLJjImmK5zGhu2cCMG0ygAG91unzwNi4SwFc0M2g6X9Cw5ltiVul+/csTZ+hG9xbmBDkAAAAASUVORK5CYII=') no-repeat right #fff;
  -webkit-appearance: none;
  background-position-x: 120px;
}


.a_standHome {
  display: inline-block;
  font-size: 11px;
  color: #D89918;
  font-weight: 600;
  letter-spacing: 1.58px;
  text-transform: uppercase;
  margin-left: 20px;
}

.bx_homeChart {
  height: 150px;
}

.total_homeChart {
  width: fit-content;
  background: #FEF6D280;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  border: 1px solid #FDBA20;
  border-radius: 10px;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.bx_point_homeChart {
  position: relative;
  margin-top: 15px;
  padding-left: 25px;
}

.bx_dropdown_date{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ico_squere_homeChart {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;

}

.ico_pie_1 {
  background: #FDBA20;
}

.ico_pie_2 {
  background: #722182;
}

.ht_point_homeChart {
  font-size: 13px;
  color: #000;
  font-weight: 300;
}

.ht_balance_homeChart {
  font-size: 15px;
  color: #000;
  font-weight: 300;
}

.value_point_homeChart {
  position: relative;
  font-size: 16.5px;
  color: #545045;
  font-weight: bold;
}

.value_balance_homeChart {
  position: relative;
  font-size: 23px;
  color: #545045;
  font-weight: 600;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.balance_ammount {
  display: none;
}

.balance_ammount.act {
  display: inline-block;
}

.ico_hideAmount {
  display: none;
}

.ico_hideAmount.act {
  display: inline-block;
}

.ht_home_chart {
  font-weight: 600;
  font-size: 15px;
  color: #555044;
  margin-top: 10px;
}

.row_home_activity {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 10px;
}

.col_home_activity {
  margin-bottom: 15px;
}

.bx_inHome_activity {
  position: relative;
  background: grey;
  border-radius: 15px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bx_inHome_activity.inCol_1 {
  background: #D7F6FA80;
}

.bx_inHome_activity.inCol_2 {
  background: #FFE6E080;
}

.bx_inHome_activity.inCol_3 {
  background: #FEF6D280;
}

.bx_inHome_activity.inCol_4 {
  background: #F6FDD880;
}

.bx_inHome_activity.inCol_5 {
  background: #D8E7FF80;
}

.bx_inHome_task {
  position: relative;
  background: grey;
  border-radius: 10px;
  padding: 10px;
}

.bx_inHome_task.task_pending {
  background: #EDEDED;
}

.bx_inHome_task.task_ongoing {
  background: #F4BB4821;
}

.htStatus_activity {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 11px;
  font-weight: 600;
}

.htCount_activity {
  font-size: 22px;
  font-weight: bold;
}

.htPrice_activity {
  font-size: 11px;
  font-weight: 600;
}

.htStatus_task {
  text-align: right;
  font-size: 11px;
  font-weight: 600;
}

.htCount_task {
  font-size: 25px;
  font-weight: bold;
}

.htCount_task span.task_circle {
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  background: #FDB81E;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.bx_table_sellerList {
  width: 100%;
  height: auto;
  overflow: auto;
  /* margin-top: 15px; */
}

table.homeTable thead tr th {
  /* width: fit-content; */
  /* display: inline-block; */
  border-bottom: none;
  font-size: 12px;
  font-weight: 600;
  color: #545045;
}

table.homeTable tbody tr td {
  background: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
  border: 0;
  border-bottom: 5px solid #F8F8F8;
}

.bx_listPendingTask {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #545045;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 9px;
  padding: 10px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  margin-bottom: 15px;
}

.row_homePendingTask {
  margin-left: -15px;
  margin-right: -15px;
}

.bx_table_homePendingTask {
  width: 100%;
  height: 295px;
  overflow: auto;
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.bx_table_homePendingTask::-webkit-scrollbar-track {
  margin-top: 0;
  margin-bottom: 15px;
}

.row_bcm_breadcumbs {
  margin-top: -110px;
}

.col_bcm_breadcumbs {
  padding-left: 30px;
  padding-right: 30px;
}

.bcm_breadcumbs {
  font-size: 13px;
  margin-left: 12px;
  color: #fff;
  pointer-events: none;
}

.bcm_breadcumbs span {
  display: inline-block;
}

.bcm_breadcumbs span a {
  color: #ffffff6b;
  opacity: .6;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bcm_breadcumbs span.active a {
  color: white;
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bcm_breadcumbs span a:hover {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  
}

.sp_ico_breadcumb {
  width: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.ht_bcm_defaultPage {
  font-size: 23px;
  color: #fff;
  margin-left: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 20px;
}

.row_bcm_normalPage {
  margin-top: 70px;
}

.col_bcm_normalPage {
  padding-left: 30px;
  padding-right: 30px;
}

.bx_hide_homeChart {
  position: absolute;
  bottom: 15px;
  left: 30px;
  width: fit-content;
  font-size: 11px;
  font-weight: 600;
  color: #545045;
  text-transform: uppercase;
  border-bottom: 2px solid #FDBA20;
  letter-spacing: 1px;
  cursor: pointer;
  opacity: .7;
}

.bx_hide_homeChart:hover {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bx_hide_homeChartSCF {
  position: relative;
  width: fit-content;
  font-size: 10px;
  font-weight: bolder;
  /* color: #545045; */
  color: black;
  text-transform: uppercase;
  border-bottom: 2px solid #FDBA20;
  letter-spacing: 1px;
  cursor: pointer;
  margin-left: 25px;
  margin-top: 10px;
  /* opacity: .7; */
}

.bx_hide_homeChartSCF:hover {
  opacity: 1;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}



/* ===> button action & status <=== */

.color_rejected {
  color: #A4463F;
  background: #FFE7E7;
}

.color_inactive {
  background: #FFE7E7;
  color: #A4463F;
}

.color_approved {
  color: #229949;
  background: #E7F9ED;
}

.color_returned {
  color: #5B3DB2;
  background: #F5EEFF;
}

.color_modified {
  color: #C5823A;
  background: #FFF0DE;
}

.color_submitted {
  color: #237CED;
  background: #E8F2FF;
}

.color_suspend {
  color: #A4463F;
  background: #FFE7E7;
}

.color_pending {
  color: #C5823A;
  background: #FFF0DE;
}

.color_disbursement {
  color: #4D4E56;
  background: #EEEDF0;
}

.color_invoice_disbursement {
  color: #8D5B37;
  background: #FFDBB1;
}

.color_invoice_rejected {
  color: #903325;
  background: #ECB1A9;
}

.color_settlement {
  color: #5B3DB2;
  background: #F5EEFF;
}

.color_pastdue {
  color: #4D4E56;
  background: #EEEDF0;
}

.color_settle {
  color: #5B3DB2;
  background: #F5EEFF;
}
.color_active {
  color: #229949;
  background: #E7F9ED;
}
.color_inactive {
  color: #555044;
  background: #E0E0E0;
}
.color_deposit {
  color: #C53AA6;
  background: #FFDEFA;
}


.bx_profile_topLogo{
  display: none;
    position: absolute;
    margin-left: -45px;
    margin-top: 5px;
    width: 210px;
  background: #fff;
  padding: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
    border-radius: 15px;
    z-index: 1000;
    cursor: pointer;
}
.bx_profile_topLogo:hover{

}
.ul_profile_topLogo{
  list-style: none;
  padding: 0;
  margin: 0;
}
.ul_profile_topLogo li{
background: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: 0.3s;
  -webkit-transition: 0.3s;
}
.ul_profile_topLogo li:hover{
  border-radius: 10px;
  background: #FAECCC;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.ul_profile_topLogo li a{
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.ul_profile_topLogo li a span{
  margin-right: 5px;
}


@media only screen and (max-width: 769px) {}

table.dataTable thead .sorting_asc {
  background: none;
}
table.dataTable thead .sorting_desc {
  background: none;
}
table.dataTable thead .sorting {
  background: none;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
  content: none;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
  content: none;
}

span.arrow-hack {
  margin-left: 5px;
}

span.asc {
  background: url("../../../assets/images/media/sortUp.svg") no-repeat center;
}
span.desc {
  background: url("../../../assets/images/media/sortDown.svg") no-repeat center;
}
span.sort {
  background: url("../../../assets/images/media/sortBoth.svg") no-repeat center;
}

/* //scroll
.dataTables_scrollBody {
  padding-right: 10px;
  padding-left: 10px;
}
.dataTables_scrollHead {
  padding-right: 10px;
  padding-left: 10px;
}
#DataTables_Table_0_wrapper > div:nth-child(2) > div > div > div:nth-child(2) {
  padding-right: 10px;
  padding-left: 10px;
}
#DataTables_Table_0_wrapper > div:nth-child(2) > div > div > div:nth-child(1) {
  padding-right: 10px;
  padding-left: 10px;
}
div.dataTables_scrollHead table.dataTable {
  padding-right: 10px
} */
/* div.dataTables_scrollHead table {
  padding: 0 10px 0 10px;
}
div.dataTables_scrollBody table {
  padding: 0 10px 0 10px;
} */
table.datTable tbody tr:last-child td {
  border-bottom: 0;
}
#DataTables_Table_0_wrapper>div:nth-child(2)>div {
  padding: 0 10px 0 10px;
}

#DataTables_Table_0_info,
.dataTables_paginate {
  margin-top: 12px !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: #f8f8f8 !important;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 10px;
  height: 10px;
}

.dataTables_wrapper *::-webkit-scrollbar-track {
  margin-top: 44px;
}
#DataTables_Table_0_wrapper > div:nth-child(2) > div {
  overflow-y: scroll;
  max-height: 375px;
  overflow-x: hidden;

}
#DataTables_Table_0_wrapper > div:nth-child(2) > div::-webkit-scrollbar-thumb {
  height: 10px;
}
#DataTables_Table_0_wrapper > div:nth-child(3) > div:nth-child(1) {
  height: 15px;
}

#DataTables_Table_0_wrapper > div:nth-child(3) > div:nth-child(2) {
  height: 15px;
}
.head-sticky, .dataTables_scrollHead {
  position: sticky !important;
  top: 0;
  z-index: 9;
}
.table-mt-0 {
  margin-top: 0 !important;
}

#DataTables_Table_0_wrapper > div:nth-child(2) > div > div > div:nth-child(2) {
  overflow: hidden !important;
  position: relative;
  max-height: 100% !important;
  width: 100%;
}

/* //*[@id="DataTables_Table_0_wrapper"]/div[2]/div/div/div[2] */
.modal-s {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 240px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

.modal-content-s {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  border-radius: 10px;
}

.button_no {
  background-color: #ffffff;
  color: black;
  border: 2px solid #b2b0b0;
  height: 35px;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 14px;
  width: 150px;
  font-weight: bold;
  letter-spacing: 2px;
}

.button_no:hover {
  background-color: #e7e7e7;
}

.button_yes {
  background-color: #fdb81f;
  color: black;
  border: 2px solid #fdb81f;
  height: 35px;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 14px;
  width: 150px;
  font-weight: bold;
  letter-spacing: 2px;
}

.button_yes:hover {
  background-color: #efb029;
}

.pagination .page-item.disabled {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}


@media screen and (max-width: 1391px) {
  table.datTable tbody tr td {
    padding: .25rem;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    font-size: 11px !important;
    white-space: nowrap;
  }
  table.datTable tbody tr td .i-btn-all-action,
  table.datTable thead tr th,
  table.table-resize-sm-b button {
    font-size: 11px !important;
  }
  table.datTable thead tr th {
    padding: .25rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .table-filter-container *{
    font-size: 11px !important;

  }
  .dataTables_wrapper *::-webkit-scrollbar-track {
    margin-top: 32px;
  }

  .containerConfirm-inline-h.invoice-detail-pending{
    margin-top: 12px;
  }

  .pending-task-inv-modal{
  height: 900px !important;

  }
}

@media screen and (min-width: 1392px) and (max-width: 1706px) {
  table.datTable tbody tr td {
    font-size: 12px !important;
  }
}

.px-17-b {
  padding: 0 17px;
}

.col-inline-b {
  display: inline-flex;
  align-items: center;
}

.bg-purple-b {
  background-color: rgba(114, 33, 130, 0.1);
  border: 1px solid rgba(114, 33, 130, 1);
}