@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;
    500&family=Nanum+Gothic: wght@400;
    700&display=swap);
    #side_bar li a, body {
    color: #000!important;
}
#side_bar li a, .navbar-text-size {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.member-form{
margin-top:25px !important;
}
.table input{
border:0px !important;
background:none !important;
box-shadow:none !important;
}
.file-drop-area, .file-msg {
    text-align: center!important;
}
.ribbon_analisis span::after, .ribbon_analisis span::before {
    top: 100%;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #4a4a43;
    content: "";
    z-index: -1;
}
*, body {
    scrollbar-width: thin;
}
.modalDialog, a[disabled=disabled] {
    pointer-events: none;
}
html {
    scroll-behavior: smooth;
}
body {
    background-color: #fff!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 12px!important;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background: #c2bebf;
}
::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 5px;
    border: 3px solid #fff;
}
:focus {
    outline: 0;
}
.board-bg {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
.container, .site-content {
    display: none;
    position: relative;
}
.preloading {
    width: 10%;
    height: 10%;
    position: fixed;
    margin: 0 auto;
    top: 50%;
    left: 40%;
    bottom: 50%}
.custome-margin-top {
    margin-top: 5%!important;
}
@media (min-width:1281px) {
    body {
    font-size: 12px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
}@media (min-width:1025px) and (max-width:1280px) {
    body {
    font-size: 12px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
}@media (min-width:768px) and (max-width:1024px) {
    body {
    font-size: 11px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
.mobile-remove {
    display: none!important;
}
}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body {
    font-size: 10px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
.mobile-remove {
    display: none!important;
}
}@media (min-width:481px) and (max-width:767px) {
    body {
    font-size: 10px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
.mobile-remove {
    display: none!important;
}
}@media (min-width:320px) and (max-width:480px) {
    body {
    font-size: 12px!important;
    color: #000;
    background: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 400;
}
.mobile-remove {
    display: none!important;
}
}.custome-line-height {
    margin-top: 14%!important;
}
.navbar-header-custome {
    background: #000;
}
.logo-custome {
    width: 100px;
    height: auto;
}
.navbar-text-size {
    color: #fff;
    margin-top: 8px;
    font-style: normal;
}
#caret, .margin-top-menu, .margin-top-search {
    margin-top: 7px;
}
.bi-right {
    float: left;
    margin-right: 3px!important;
    font-size: 16px;
    font-weight: 400;
    padding: 3px 6px;
    border-radius: 0!important;
}
.sub-icon-right {
    float: left;
    padding: 2px 4px;
    margin-right: 5px!important;
    font-size: 15px;
    color: #0e0f0f;
    font-weight: 700;
}
#side_bar li a {
    border-radius: 0;
    box-shadow: none;
    border: 0 solid;
    padding: 9px 7px;
    font-weight: 500;
}
.sidebar-menu>li.open>a {
    background-color: #e5e3e2;
    border: 0 solid;
    border-radius: 0;
    box-shadow: none;
}
#side_bar .active, #side_bar ul li a:hover {
    background: #e5e3e2;
    border: 0 solid;
    box-shadow: none;
}
#side_bar ul li a:hover {
    color: #000;
    width: 100%}
#side_bar .active {
    border-radius: 0;
    box-sizing: none;
}
#side_bar .active a {
    color: #000;
    border: 0 solid;
}
#side_bar ul li .menu-text .fa {
    margin-right: 7px;
    font-size: 11px;
    color: #000;
}
.sidebar-submenu-custome li a {
    margin-left: 10px!important;
    width: 100%!important;
    background: 0 0!important;
    font-size: 12px !important;
    box-shadow: none;
    box-sizing: border-box;
}
.sidebar-submenu-custome li:hover {
    background: #eaeaea!important;
    width: 100%!important;
}
#fa-font-size, .table-btn-runded .fa {
    font-size: 10px;
}
#header-left-right, .currency-size, .dropdown-menu-custome li a, .header-cname, .table tr th button {
    font-size: 12px;
}
.cutome-sidebar-menu>li.open>a {
    border: 0 solid;
    border-radius: 0;
    box-shadow: none;
}
.navbar-collapsible-custome {
    margin-right: 10px;
}
#dynamic_content .table tr th, .table thead tr th {
    color: #000;
    border: 1px solid #b9b8b8!important;
    font-size: 11px!important;
    font-weight: 600!important;
    font-family: 'Nanum Gothic', sans-serif;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header-cname {
    width: 132px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#caret {
    margin-left: 10px;
}
#footer_admin {
    position: fixed;
    bottom: 0;
    height: 40px;
    background: #fff;
}
.left-sidebar-custome {
    padding: 10px 0;
    position: fixed;
}
.custom-scrollbar-custome {
    border-right: 1px solid #c6c3c2;
}
.table {
    width: 100%}
#dynamic_content .table tr th {
    padding: 10px 7px!important;
}
.table thead tr th {
    padding: 6px!important;
}
.table tbody tr td {
    font-size: 12px!important;
    padding: 6px 6px!important;
    font-family: 'Nanum Gothic', sans-serif;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-serial {
    counter-reset: serial-number;
}
.css-serial #tr_cart td:first-child:before, .css-serial #tr_sl td:first-child:before {
    counter-increment: serial-number;
    content: counter(serial-number);
}
#text-more {
    float: left;
    width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.file-drop-area {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 40px;
    margin: 0 auto;
    border-radius: 2px;
    transition: .2s;
    border: 1px solid #bdbdbd;
}
.file-msg {
    width: 100%;
    text-transform: capitalize;
    font-size: 12px!important;
}
.form-input-custome:first-letter, .table .text-uppercase, .td-text-more-address::first-letter, .td-text-more::first-letter, .text-uppercase {
    text-transform: uppercase!important;
}
.login-footer-size, .login-footer-size a {
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    font-family: sans-serif;
    font-style: normal;
}
#authentication-content {
    margin-bottom: 10%;
    display: block;
    position: relative;
    box-shadow: none;
    padding: 8px 12px;
    border-radius: 4px;
    background: #fbfcfc;
    border: 0;
    box-shadow: rgba(99, 99, 99, .2) 0 5px 8px 5px;
}
.login-footer-size a {
    text-decoration: none;
}
.list-unstyled {
    position: relative;
    background: #fff;
    box-shadow: none;
    padding: 20px 10px;
    margin-bottom: 15px;
    border: 1px solid #d1d1d1;
}
.avatar-upload, .avatar-upload .avatar-preview {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}
.list-unstyled li {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-family: sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-unstyled li .fa {
    color: #a8a6a6;
    font-size: 12px;
    margin-right: 4px;
}
.form-group {
    position: relative;
}
.file-msg {
    font-weight: 500;
    font-family: sans-serif;
    color: #949393;
}
.text-color {
    color: red;
}
.avatar-upload {
    max-width: 110px;
    margin: 50px auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.avatar-upload .avatar-preview {
    width: 100%;
    height: 100px;
    display: block;
    border-radius: 0;
    padding: 5px;
    border: 2px solid #f8f8f8;
    background-size: cover;
    background-repeat: no-repeat;
}
.avatar-preview-banner>div, .avatar-upload .avatar-preview-photo, .avatar-upload .avatar-preview-photo>div, .avatar-upload .avatar-preview>div {
    border-radius: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: block;
    background-repeat: no-repeat;
}
.avatar-preview-banner>div, .avatar-upload .avatar-preview-photo>div, .avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.avatar-upload .avatar-preview-photo {
    width: 170px;
    height: 200px;
    position: relative;
    padding: 5px;
    border: 2px solid #f8f8f8;
    background-size: cover;
}
.avatar-preview-banner {
    width: 100%;
    height: 150px;
    display: block;
    position: relative;
    border-radius: 0;
    padding: 0;
    border: 2px solid #f8f8f8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
#navbarSupportedContent ul, #remove-style, .form-removing {
    padding: 0;
    margin: 0;
}
.btn-runded {
    border-radius: 3px;
    border: 0;
    font-weight: 500;
    font-family: sans-serif;
}
.media-custome {
    border-bottom: 1px solid #d5d6d8;
}
.media-custome:last-child, .menu-border-bottom:last-child {
    border-bottom: 0;
}
.space-need {
    width: 100%;
    height: 15px;
}
.wsi-icon-custome .fa {
    margin-top: 18px;
    font-size: 12px;
}
.custome-bg {
    background: #ecf0f1;
    border-radius: 2px;
    border-left: 1px solid #fff;
}
.custome-bg:last-child {
    border-left: 0;
}
.custome-line-height, .custome-line-height p {
    color: #000;
}
.modal-header-padding {
    background: #020024;
    background: -moz-linear-gradient(90deg, #020024 0, rgba(26, 9, 121, .5858718487394958) 35%, #00d4ff 100%);
    background: -webkit-linear-gradient(90deg, #020024 0, rgba(26, 9, 121, .5858718487394958) 35%, #00d4ff 100%);
    background: linear-gradient(90deg, #020024 0, rgba(26, 9, 121, .5858718487394958) 35%, #00d4ff 100%);
    border-top: 0;
    height: 70px;
    margin-bottom: 15px;
    text-align: left;
}
.modal-footer-padding {
    background: #eee;
    border-top: 0;
}
.loader-custome {
    height: 8px;
}
#user-custome-photo {
    width: 25px;
    height: 25px;
    border-radius: 20%}
#extra-width, #width {
    width: 100%;
    height: 50px;
}
.member-form {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.border {
    border-radius: 5px;
    border: 1px solid #dbd7d7!important;
}
.border-form {
    border: 1px solid #dbd7d7!important;
    padding: 10px;
    border-radius: 2px;
}
.border-form-none {
    border: 1px solid #dbd7d7!important;
    padding: 0;
    border-radius: 2px;
}
.form-input-custome, .form-input-custome-search, .form-input-page-data {
    padding: 10px 16px;
    box-sizing: none;
    outline: 0;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    width: 100%}
.form-input-custome-search {
    height: 36px;
    border-radius: 0;
    line-height: 18px;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0px!important;
}
.form-input-custome {
    height: 36px;
    border-radius: 5px;
    line-height: 18px;
}
.form-input-page-data {
    text-align: right;
    height: 35px;
    margin-left: 2px;
    border-radius: 4px;
    line-height: 21px;
}
.table-input-custome {
    height: 30px;
    width: 100%;
    text-align: right;
    border-radius: 1px;
    line-height: 16px;
    box-sizing: none;
    outline: 0;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-family: sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-input-custome-none, .textarea-custome {
    border-radius: 5px;
    padding: 10px 16px;
    box-sizing: none;
    box-shadow: none;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    outline: 0;
}
.form-input-custome-none {
    height: 36px;
    line-height: 18px;
}
.form-input-custome-border-none {
    padding: 10px 16px;
    height: 36px;
    width: 100%;
    border-radius: 0;
    line-height: 18px;
    box-sizing: none;
    outline: 0;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #dfdfdf!important;
}
#form-space-width {
    width: 100%;
    height: 20px!important;
}
.form-group-search {
    padding: 0;
    margin: 0 0 3px;
    width: 100%;
    height: auto;
}
.label-custome {
    font-size: 12px;
    width: 100%;
    padding: 5px 0;
    font-weight: 500;
    color: #3e597c;
    font-style: normal;
    font-family: 'IBM Plex Sans Thai Looped', sans-serif;
}
.label-custome .fa-right {
    font-size: 14px!important;
    margin-right: 5px;
}
.table .table-btn-runded, .table-btn-runded {
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 500;
    box-shadow: none;
    font-style: normal;
}
.table .table-btn-runded {
    border: 0;
}
.table-btn-runded {
    border: 0;
}
.table-btn-runded-sm {
    padding: 7px 8px;
    border-radius: 2px;
    border: 0;
    font-size: 10px;
    box-shadow: none;
    font-weight: 500;
    font-style: normal;
    font-family: sans-serif;
}
.btn {
    text-transform: none!important;
}
#tr_custome .td-text-custome, #tr_sl .td-text-custome, .td-text-more, .td-text-more-address, .text-lowercase {
    text-transform: lowercase!important;
}
.form-btn-runded {
    padding: 10px 16px;
    border-radius: 2px;
    border: 0;
    height: 36px;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Nanum Gothic', sans-serif;
    box-shadow: none;
    box-sizing: inherit;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custome-h4, .hover-btn-runded, .m-y-custome, .mcl-time-custome, .mrt-contact-custome, .profile-custome, .signature-text, .text-muted-form, .text-muted-size {
    font-family: sans-serif;
}
.bg-default {
    color: #747373!important;
}
.btn-default {
    background: #f6f6f6;
    color: #000!important;
    box-shadow: none;
    outline: 0;
    border: 1px solid #c9c9c9!important;
}
.decoration-none {
    text-decoration: none!important;
    list-style: none;
    color: #8F8F8F !important;
}
.text-muted {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-space-remove {
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
}
.default-padding {
    margin-right: 3px;
}
.item_update_form_update {
    margin: 0;
    padding: 0;
}
.mcl-text-custome-name {
    margin-top: 3px;
}
.mcl-time-custome {
    font-weight: 400;
    font-size: 10px;
}
.text-muted-size {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
}
.margin-top-down {
    margin-top: 50px;
    width: 40px;
}
.mrt-contact-custome {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}
.menu-text-custome, .table tfoot tr td {
    font-size: 12px!important;
}
.table-img {
    width: 25px;
    border-radius: 10%}
#cp-content-custome {
    padding: 1;
    margin: 1;
}
.catalog-filters-custome {
    width: 100%;
    padding: 15px 7px;
    height: auto;
    overflow: auto;
}
.menu-border-bottom {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #d4d4d4;
}
.menu-text-custome {
    color: #9a9999;
}
#menu-top-margin, .check-margin-top-5, .margin-top-3 {
    margin-top: 6px;
}
.modal-content-custome, .modal-dialog-custome {
    box-sizing: 0;
    box-shadow: 0;
    border-radius: 5px;
    border: 0;
}
.loader-modal-custome {
    height: 20px;
    float: left;
}
.loader-table-custome {
    height: 25px;
}
.number-pading {
    padding-left: 3px;
    padding-right: 3px;
}
.menu-p {
    padding: 12px;
    background: #646464;
    color: #fff;
    width: 100%}
.menu-p-border, .menu-p-border-loan {
    margin-top: 15px;
    padding: 10px 12px;
    border-top: 0;
    width: 100%}
.default-bg {
    background: #646464!important;
}
.menu-p-border {
    color: #a0a0a0;
    border-bottom: 1px solid #cb553c;
}
.menu-p-border-loan {
    color: #a0a0a0;
    border-bottom: 1px solid #6fbb4d;
}
.badge-position {
    float: right!important;
}
.table_sum_value {
    margin-left: 13px;
}
.loading-size {
    width: 20px;
}
#menu-top-margin, .fa-flag-checkered {
    color: #a0a0a0;
    font-size: 10px;
}
.profile-custome {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
}
.custome-profile-img {
    position: absolute;
    margin-left: 78%;
    width: 80px;
    height: 90px;
}
.menu-text-custome-update {
    font-size: 10px!important;
    color: #8a8b8a!important;
}
.dashboard-custome-pading {
    margin-top: 10px;
    padding: 5px 2px;
}
.default-margin {
    margin-top: 30px;
}
.default-margin-padding {
    margin-top: 15px;
    padding: 5px;
}
.badge-margin-up {
    margin-top: -3px;
}
#imagePreview {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 110px;
    height: 130px;
    border: 1px solid #c9c4c3;
    padding: 3px;
}
.custome-h4 {
    font-size: 12px;
    font-weight: 500;
}
.col-print {
    padding: 0 5px;
}
.default-border {
    padding: 5px 15px!important;
    border: 1px solid #cecdcd;
}
#tr_sl .td-custome {
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    float: left;
}
.fa-caret-right {
    padding-right: 3px;
    font-size: 10px!important;
    color: #959494;
}
.td-text-more {
    width: 110px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.td-text-more-address {
    width: 180px;
    float: left;
    text-align: justify;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.member-form-print {
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid #595858;
}
.print-footer-section-padding {
    width: 100%;
    padding: 5px;
}
.print-center-possition-pages {
    width: 315px;
    margin: 12 auto;
}
.gutter-sm-margin-top {
    margin-top: -10px;
}
.signature-text {
    font-size: 10px;
    font-weight: 500;
}
.signature {
    width: 120px;
    padding: 5px 0;
}
.image-pro-padding {
    padding: 0 0 0 4px;
}
.custome-report-img {
    width: 110px;
    height: 85px;
    margin-left: 10px;
    border-radius: 5px;
}
.remaining {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    padding: 5px 0;
}
.dots-circle-spinner {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 3px;
    line-height: 1;
    vertical-align: middle;
    border-radius: 1em;
    transition: 150ms linear;
    transform: scale(0);
    opacity: 0;
    box-shadow: 2em 0 0 0, 1.41421356em 1.41421356em 0 -.4375em, 0 2em 0 -.375em, -1.41421356em 1.41421356em 0 -.3125em, -2em 0 0 -.25em, -1.41421356em -1.41421356em 0 -.1875em, 0 -2em 0 -.125em, 1.41421356em -1.41421356em 0 -.0625em;
}
#navbarSupportedContent ul li a, .hori-selector {
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.dots-circle-spinner.loading {
    transform: scale(.25);
    opacity: 1;
    -webkit-animation: 1.5s linear 150ms infinite forwards dots-circle-rotation;
    animation: 1.5s linear 150ms infinite forwards dots-circle-rotation;
}
@-webkit-keyframes dots-circle-rotation {
    0%, 100% {
    box-shadow: 2em 0 0 0, 1.41421356em 1.41421356em 0 -.4375em, 0 2em 0 -.375em, -1.41421356em 1.41421356em 0 -.3125em, -2em 0 0 -.25em, -1.41421356em -1.41421356em 0 -.1875em, 0 -2em 0 -.125em, 1.41421356em -1.41421356em 0 -.0625em;
}
87.5% {
    box-shadow: 2em 0 0 -.4375em, 1.41421356em 1.41421356em 0 -.375em, 0 2em 0 -.3125em, -1.41421356em 1.41421356em 0 -.25em, -2em 0 0 -.1875em, -1.41421356em -1.41421356em 0 -.125em, 0 -2em 0 -.0625em, 1.41421356em -1.41421356em 0 0;
}
75% {
    box-shadow: 2em 0 0 -.375em, 1.41421356em 1.41421356em 0 -.3125em, 0 2em 0 -.25em, -1.41421356em 1.41421356em 0 -.1875em, -2em 0 0 -.125em, -1.41421356em -1.41421356em 0 -.0625em, 0 -2em 0 0, 1.41421356em -1.41421356em 0 -.4375em;
}
62.5% {
    box-shadow: 2em 0 0 -.3125em, 1.41421356em 1.41421356em 0 -.25em, 0 2em 0 -.1875em, -1.41421356em 1.41421356em 0 -.125em, -2em 0 0 -.0625em, -1.41421356em -1.41421356em 0 0, 0 -2em 0 -.4375em, 1.41421356em -1.41421356em 0 -.375em;
}
50% {
    box-shadow: 2em 0 0 -.25em, 1.41421356em 1.41421356em 0 -.1875em, 0 2em 0 -.125em, -1.41421356em 1.41421356em 0 -.0625em, -2em 0 0 0, -1.41421356em -1.41421356em 0 -.4375em, 0 -2em 0 -.375em, 1.41421356em -1.41421356em 0 -.3125em;
}
37.5% {
    box-shadow: 2em 0 0 -.1875em, 1.41421356em 1.41421356em 0 -.125em, 0 2em 0 -.0625em, -1.41421356em 1.41421356em 0 0, -2em 0 0 -.4375em, -1.41421356em -1.41421356em 0 -.375em, 0 -2em 0 -.3125em, 1.41421356em -1.41421356em 0 -.25em;
}
25% {
    box-shadow: 2em 0 0 -.125em, 1.41421356em 1.41421356em 0 -.0625em, 0 2em 0 0, -1.41421356em 1.41421356em 0 -.4375em, -2em 0 0 -.375em, -1.41421356em -1.41421356em 0 -.3125em, 0 -2em 0 -.25em, 1.41421356em -1.41421356em 0 -.1875em;
}
12.5% {
    box-shadow: 2em 0 0 -.0625em, 1.41421356em 1.41421356em 0 0, 0 2em 0 -.4375em, -1.41421356em 1.41421356em 0 -.375em, -2em 0 0 -.3125em, -1.41421356em -1.41421356em 0 -.25em, 0 -2em 0 -.1875em, 1.41421356em -1.41421356em 0 -.125em;
}
}@keyframes dots-circle-rotation {
    0%, 100% {
    box-shadow: 2em 0 0 0, 1.41421356em 1.41421356em 0 -.4375em, 0 2em 0 -.375em, -1.41421356em 1.41421356em 0 -.3125em, -2em 0 0 -.25em, -1.41421356em -1.41421356em 0 -.1875em, 0 -2em 0 -.125em, 1.41421356em -1.41421356em 0 -.0625em;
}
87.5% {
    box-shadow: 2em 0 0 -.4375em, 1.41421356em 1.41421356em 0 -.375em, 0 2em 0 -.3125em, -1.41421356em 1.41421356em 0 -.25em, -2em 0 0 -.1875em, -1.41421356em -1.41421356em 0 -.125em, 0 -2em 0 -.0625em, 1.41421356em -1.41421356em 0 0;
}
75% {
    box-shadow: 2em 0 0 -.375em, 1.41421356em 1.41421356em 0 -.3125em, 0 2em 0 -.25em, -1.41421356em 1.41421356em 0 -.1875em, -2em 0 0 -.125em, -1.41421356em -1.41421356em 0 -.0625em, 0 -2em 0 0, 1.41421356em -1.41421356em 0 -.4375em;
}
62.5% {
    box-shadow: 2em 0 0 -.3125em, 1.41421356em 1.41421356em 0 -.25em, 0 2em 0 -.1875em, -1.41421356em 1.41421356em 0 -.125em, -2em 0 0 -.0625em, -1.41421356em -1.41421356em 0 0, 0 -2em 0 -.4375em, 1.41421356em -1.41421356em 0 -.375em;
}
50% {
    box-shadow: 2em 0 0 -.25em, 1.41421356em 1.41421356em 0 -.1875em, 0 2em 0 -.125em, -1.41421356em 1.41421356em 0 -.0625em, -2em 0 0 0, -1.41421356em -1.41421356em 0 -.4375em, 0 -2em 0 -.375em, 1.41421356em -1.41421356em 0 -.3125em;
}
37.5% {
    box-shadow: 2em 0 0 -.1875em, 1.41421356em 1.41421356em 0 -.125em, 0 2em 0 -.0625em, -1.41421356em 1.41421356em 0 0, -2em 0 0 -.4375em, -1.41421356em -1.41421356em 0 -.375em, 0 -2em 0 -.3125em, 1.41421356em -1.41421356em 0 -.25em;
}
25% {
    box-shadow: 2em 0 0 -.125em, 1.41421356em 1.41421356em 0 -.0625em, 0 2em 0 0, -1.41421356em 1.41421356em 0 -.4375em, -2em 0 0 -.375em, -1.41421356em -1.41421356em 0 -.3125em, 0 -2em 0 -.25em, 1.41421356em -1.41421356em 0 -.1875em;
}
12.5% {
    box-shadow: 2em 0 0 -.0625em, 1.41421356em 1.41421356em 0 0, 0 2em 0 -.4375em, -1.41421356em 1.41421356em 0 -.375em, -2em 0 0 -.3125em, -1.41421356em -1.41421356em 0 -.25em, 0 -2em 0 -.1875em, 1.41421356em -1.41421356em 0 -.125em;
}
}#product-image-size {
    padding: 6px;
}
.product-image p {
    margin-bottom: 20px!important;
}
.product-image .bi {
    font-size: 10px!important;
    color: #bdc3c7!important;
}
.input-text-left {
    text-align: left!important;
}
.text-muted-form {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}
.progress_td_table {
    width: 220px;
}
.progress-sm-custome {
    margin-bottom: -3px;
}
.gutter-sm-custome {
    margin-top: -20px;
}
.border-bottom-none {
    border: 0!important;
    background: #f9f9f9!important;
}
.border-bottom-none .fa {
    font-size: 9px;
    color: #a49f9e!important;
}
.print-download {
    border: 0!important;
    width: 100%!important;
}
.dot-pulse, .dot-pulse::after, .dot-pulse::before {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #9880ff;
    color: #9880ff;
}
#fa-size {
    margin-left: 2px;
    font-size: 10px;
}
.m-y-custome {
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
}
.dot-pulse {
    position: relative;
    left: -9999px;
    box-shadow: 9999px 0 0 -5px #9880ff;
    animation: 1.5s linear .25s infinite dotPulse;
}
.dot-pulse::after, .dot-pulse::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-stretching::after, .dot-stretching::before {
    height: 6px;
    border-radius: 3px;
    background-color: #ffc300;
    color: #ff5733;
    width: 6px;
}
.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #9880ff;
    animation: 1.5s linear infinite dotPulseBefore;
}
.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #9880ff;
    animation: 1.5s linear .5s infinite dotPulseAfter;
}
@keyframes dotPulseBefore {
    0%, 100%, 60% {
    box-shadow: 9984px 0 0 -5px #9880ff;
}
30% {
    box-shadow: 9984px 0 0 2px #9880ff;
}
}@keyframes dotPulse {
    0%, 100%, 60% {
    box-shadow: 9999px 0 0 -5px #9880ff;
}
30% {
    box-shadow: 9999px 0 0 2px #9880ff;
}
}@keyframes dotPulseAfter {
    0%, 100%, 60% {
    box-shadow: 10014px 0 0 -5px #9880ff;
}
30% {
    box-shadow: 10014px 0 0 2px #9880ff;
}
}.loader-text-success {
    font-size: 11px;
    color: green;
}
.loader-text-eeror {
    font-size: 11px;
    color: red;
}
.text-color-red {
    color: red!important;
}
.dot-stretching {
    position: relative;
    width: 6px;
    height: 6px;
    float: left;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 19px;
    border-radius: 3px;
    background-color: #ff5733;
    color: #c70039;
    transform: scale(1.25, 1.25);
    animation: 2s ease-in infinite dotStretching;
}
.dot-stretching::after, .dot-stretching::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-stretching::before {
    animation: 2s ease-in infinite dotStretchingBefore;
}
.dot-stretching::after {
    animation: 2s ease-in infinite dotStretchingAfter;
}
.bg-danger-light, .cutome-sidebar-menu .marking span:hover {
    color: #000!important;
}
@keyframes dotStretching {
    0%, 100% {
    transform: scale(1.25, 1.25);
}
50%, 60% {
    transform: scale(.8, .8);
}
}@keyframes dotStretchingBefore {
    0%, 100% {
    transform: translate(0) scale(.7, .7);
}
50%, 60% {
    transform: translate(-20px) scale(1, 1);
}
}@keyframes dotStretchingAfter {
    0%, 100% {
    transform: translate(0) scale(.7, .7);
}
50%, 60% {
    transform: translate(20px) scale(1, 1);
}
}.widget-statistics-csutome {
    margin-top: -15px;
}
.header-custome-font-size p {
    font-size: 12px!important;
    font-style: normal;
    font-weight: 500;
}
.ribbon_analisis {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.ribbon_analisis span {
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79a70a;
    background: linear-gradient(#101401 0, #4a4a43 100%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 19px;
    right: -21px;
}
.table tr td b, li .bi-chevron-right {
    font-weight: 700!important;
}
.ribbon_analisis span::before {
    position: absolute;
    left: 0;
    border-left: 3px solid #4a4a43;
    border-right: 3px solid transparent;
}
.ribbon_analisis span::after {
    position: absolute;
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid #4a4a43;
}
.bg-danger-light {
    background-color: #fcc!important;
}
.bg-panel-heading, .cutome-sidebar-menu .marking span {
    color: #fff!important;
}
.bg-panel-heading {
    background-color: #a7a5a5!important;
}
.margin-search-right {
    margin-bottom: 5px;
    margin-top: -10px;
}
.form-margin-top {
    margin-top: -13px!important;
    float: left;
    width: 100%}
.canvas {
    background-color: #415455;
    width: 100%;
    height: 100%}
#style-10::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
    border-radius: 10px;
}
#style-10::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}
#style-10::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
}
.stage-custome {
    height: 70%;
    width: 100%;
    position: relative;
    display: block;
}
.dot-pulse-custome {
    margin: 22% 48%;
    position: absolute;
}
#mytable tr:hover {
    background: #d2f9f5;
}
.text-right-custome {
    float: right;
}
.color-custome-text-muted {
    color: green!important;
}
#badge-fa-icon {
    font-size: 9px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.badge-custome {
    border-radius: 100px!important;
}
.dynamic_content_loader {
    width: 100%;
    height: 100%}
.m-b-custome-border {
    border-width: 1px;
    border-top-style: dotted;
}
.table-stage-custome {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
}
.table-stage-custome .dot-pulse-custome {
    margin: 30% 48%;
    position: absolute;
}
#left-menu-icon {
    font-size: 9px;
}
.margin-top-10px, .margin-top-footer-from {
    margin-top: 15px!important;
}
.col-apps {
    width: 75px;
    padding: 0;
    margin-left: 15px;
}
.navbar-logo {
    padding: 15px;
    color: #fff;
}
.navbar-mainbg {
    background-color: #575858;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 0!important;
}
#navbarSupportedContent {
    overflow: hidden;
    position: relative;
}
#navbarSupportedContent ul li a i {
    margin-right: 5px;
}
#navbarSupportedContent li {
    list-style-type: none;
    float: left;
}
#navbarSupportedContent ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 20px;
    position: relative;
}
#navbarSupportedContent>ul>li.active>a {
    color: #fff;
    background: #7a7a7a;
    transition: .7s;
}
#navbarSupportedContent a:not(:only-child):after {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    transition: .5s;
}
#navbarSupportedContent .active>a:not(:only-child):after {
    transform: rotate(90deg);
}
.hori-selector {
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 10px;
}
.hori-selector .left, .hori-selector .right {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #fff;
    bottom: 10px;
}
.hori-selector .right {
    right: -25px;
}
.hori-selector .left {
    left: -25px;
}
.hori-selector .left:before, .hori-selector .right:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #575858;
}
.hori-selector .right:before {
    bottom: 0;
    right: -25px;
}
.hori-selector .left:before {
    bottom: 0;
    left: -25px;
}
@media (min-width:992px) {
    .navbar-expand-custom {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar-expand-custom .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-expand-custom .navbar-toggler {
    display: none;
}
.navbar-expand-custom .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
}@media (max-width:991px) {
    #navbarSupportedContent ul li a {
    padding: 12px 30px;
}
.hori-selector {
    margin-top: 0;
    margin-left: 10px;
    border-radius: 25px 0 0 25px;
}
.hori-selector .left, .hori-selector .right {
    right: 10px;
}
.hori-selector .left {
    top: -25px;
    left: auto;
}
.hori-selector .right {
    bottom: -25px;
}
.hori-selector .left:before {
    left: -25px;
    top: -25px;
}
.hori-selector .right:before {
    bottom: -25px;
    left: -25px;
}
}.dot-pulse-nav {
    margin-left: 15px;
    margin-top: 10px;
}
.padding-none {
    padding: 0!important;
}
.tr-footer-bg-none td {
    border: 0!important;
    background: 0 0!important;
    display: block!important;
}
.margin-left-5 {
    padding-left: 10px!important;
}
.table-responsive {
    padding: 10px 0!important;
}
.border-custome-none {
    border-radius: 3px 3px 0!important;
    border: 0!important;
}
.badge-left, .margin-left-5px {
    margin-left: 5px!important;
}
#printDateTime, .date-month-hidden, .images-box input[type=checkbox][id^=myCheckbox], .print-header {
    display: none;
}
.bi-right-3 {
    font-size: 10px;
    margin-right: 4px!important;
}
.btn-sm .bi {
    font-weight: 400;
    font-size: 11px!important;
}
.line-height {
    background: #d6d4d4;
}
.line-height-avatar {
    margin-top: 31%}
.form-check-input {
    margin-top: 0;
    margin-bottom: 5px;
}
.innerHTMLpreloading {
    margin-top: 120px;
    margin-bottom: 120px;
    margin-left: 46%}
.padding-left-5px {
    padding-left: 5px!important;
}
li .bi-chevron-right {
    font-size: 9px!important;
}
.logs-logo {
    margin: 0 auto!important;
}
.jonLoader {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}
.custome-close {
    margin-top: 5px!important;
    margin-right: 20px!important;
}
.logs-custome-close {
    margin-top: 2px!important;
    margin-right: 20px!important;
    color: #000;
}
.bi-user {
    font-size: 18px!important;
}
.right-icon {
    color: #fff;
    font-size: 12px!important;
    background: #110806;
    padding: 8px 12px;
    border-radius: 3px;
}
.bi-photo-icon {
    font-size: 16px!important;
    margin-right: 7px;
}
.alert-icon-top {
    float: left;
    margin-top: 5px;
}
.border-radius-0 {
    border-radius: 0!important;
    border: 0!important;
}
.table-td-height {
    text-align: center!important;
    color: red!important;
    font-size: 11px!important;
    height: 500px!important;
    line-height: 500px!important;
}
.remove-style {
    padding: 0!important;
    margin: 0!important;
}
.margin-top-75 {
    margin-top: 75px;
}
.cutome-sidebar-menu .marking {
    background: #898989!important;
}
.custom-control-label {
    font-size: 11px!important;
    color: #999!important;
}
.margin-top-5 {
    margin-top: 5px;
    margin-left: 13px;
}
.margin-top-20 {
    margin-top: 20px;
    margin-left: 13px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-8 {
    margin-top: 8px;
}
.text-right-18 {
    margin-right: 18px;
}
.font-size-11 {
    font-size: 11px;
    font-weight: 700;
}
.padding-10-10 {
    padding: 0 10px!important;
}
.ck-editor__editable {
    min-height: 150px;
}
.invoice-text-more {
    width: 180px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.default-loading-150 {
    text-align: center;
    height: 200px;
    line-height: 200px;
    width: 100%}
.table-btn-runded:hover {
    outline: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.mailbox .m-messages ul>li>.invoice-href {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: block;
    padding: 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}
.mailbox .m-messages ul>li>.invoice-href:hover {
    background-color: #e8f6f3;
}
.mm-text .btn-default {
    background: #dcdcdc;
    color: #000!important;
}
.mt-icon-rounded {
    padding: 5px 6px;
    color: #8a8a8a!important;
    background: #d8d8d8;
    border-radius: 100%}
.help-block {
    font-size: 11px!important;
}
.help-block .bi {
    margin-right: 3px!important;
    font-size: 14px!important;
}
.images-box {
    position: relative;
    border: 1px solid #e5fafa;
}
.image-hover-image, img.lazy {
    display: block;
}
.image-hover-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    padding-right: 15px;
    background-size: cover;
    opacity: 0;
    cursor: default;
    transition: opacity .2s linear;
}
.image-hover-text:hover {
    opacity: 1;
}
.image-hover-text-bubble {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    word-wrap: break-word;
}
.images-box {
    display: inline-block;
}
.images-box img {
    z-index: -1;
    background-size: cover;
    height: 100%;
    width: 100%}
.images-box label {
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    border-radius: 0;
    display: block;
    position: relative;
    margin: 0;
    cursor: pointer;
}
.images-box label:before {
    background-color: #fff;
    color: #fff;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: .4s;
    transform: scale(0);
}
.margin-top-15 {
    margin-top: 20px;
}
.images-box label img {
    height: 100%;
    width: 100%;
    transition-duration: .2s;
    transform-origin: 50% 50%}
.images-box :checked+label {
    border-color: #ddd;
}
.images-box :checked+label:before {
    content: "✓";
    background-color: grey;
    transform: scale(1);
}
images-box :checked+label img {
    transform: scale(.9);
    z-index: -1;
}
* {
    scrollbar-color: #C2BEBF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hover-btn-runded {
    padding: 10px 14px;
    border-radius: 0;
    border: 0;
    transition: .1s;
    font-size: 11px;
    box-shadow: none;
    font-weight: 500;
    font-style: normal;
}
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
}
.close, .imageContent {
    position: absolute;
    color: #fff;
}
.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}
.modalDialog>div {
    max-width: 800px;
    width: 90%;
    position: relative;
    margin: 10% auto;
    padding: 20px;
    border-radius: 0;
    background: #fff;
}
.close {
    font-family: Arial, Helvetica, sans-serif;
    background: #f26d7d;
    line-height: 34px;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 34px;
    height: 34px;
    text-decoration: none;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    padding-top: 8px;
}
.barcode, .table .text-uppercase, .texting {
    font-weight: 700!important;
}
.dashboard-table, .dashboard-table tr td {
    border: 1px solid #eee!important;
}
.close:hover {
    background: #fa3f6f;
}
.widget-images {
    margin: 0 auto;
    padding: 50px 20px;
    width: 105px;
}
.dashboard-table tr td {
    padding: 12px 10px!important;
}
.modal-header-custome {
    height: 45px;
    line-height: 45px;
    text-align: left!important;
}
.padding-mesages {
    padding-bottom: 10px 0!important;
}
.positionCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imageContent {
    text-align: center;
    font-size: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .7;
    background: rgba(0, 0, 0, .5);
    padding: 10px;
}
.md-content {
    height: 100%;
    position: relative;
}
.fw-footer-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: 100px!important;
}
@media screen and (max-width:600px) {
    .table td, .table td: before {
    font-size: 11px;
    text-transform: capitalize!important;
}
.table, .table-responsive {
    border: 0!important;
}
.table thead {
    display: none!important;
}
.table tr {
    margin-bottom: 10px;
    display: block;
    margin-top: 2px!important;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd;
}
.table td {
    display: block;
    text-align: right;
    border-bottom: 1px dotted #ccc;
}
.table td:last-child {
    border-bottom: 0!important;
}
.table td:before {
    content: attr(data-label);
    float: left;
}
}.margin-left-10 {
    margin-left: 10px!important;
}
.images-box .img-responsive {
    object-fit: cover!important;
}
.margin-top-50up {
    margin-top: -55px!important;
}
.pagenumbberbox {
    border-radius: 3px!important;
    text-align: center!important;
    width: 120px!important;
    height: 35px!important;
}
.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}
.table .text-uppercase {
    font-size: 10px!important;
}
.barcode {
    letter-spacing: 1px!important;
    font-size: 14px!important;
}
.texting {
    font-size: 12px!important;
    color: #000;
}
.btn-outline-primary {
    border: 1px solid #e0dfdf!important;
}