@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap);

.ngx-select__disabled {
  background-color: #d7dde3 !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

html,
body {
  height: unset !important;
}

.bg-blue {
  background-color: #162374 !important;
}
.modal-content {
  border-radius: 10px !important;
}

.swal2-popup {
  color              : white !important;
  /* background-image: url(../../../assets/img/bg-swal.png) !important; */
  background-size    : cover !important;
  min-height         : 430px !important;
  border-radius      : 15px !important;
  align-content      : center !important;
  background         : #0d1546 !important;
  /* #2A9DFC */
  /* #D4E9FB */
}

.swal2-icon {
  position           : relative;
  box-sizing         : content-box;
  justify-content    : center;
  width              : 8em !important;
  height             : 8em !important;
  background-color   : #2A9DFC !important;
  margin             : 2.5em auto .6em;
  border             : 0.75em solid transparent !important;
  border-radius      : 50%;
  border-color       : #000;
  font-family        : inherit;
  line-height        : 5em;
  cursor             : default;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.swal2-success {
  width : 5em !important;
  height: 5em !important;
  border: 0.25em solid transparent !important;
}

.swal2-icon .swal2-icon-content {
  display    : flex;
  align-items: center;
  font-size  : 5.75em !important;
  ;
}

.swal2-icon.swal2-question {
  border-color: #D4E9FB !important;
  color       : #D4E9FB !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display         : block;
  position        : absolute;
  z-index         : 2;
  height          : .3125em;
  border-radius   : .125em;
  background-color: #D4E9FB !important;
}

/* .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top      : 4.5em !important;
    left     : 1.6125em !important;
    width    : 2.5625em !important;
    transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top      : 4em !important;
    right    : 1.2em !important;
    width    : 3.9375em !important;
    transform: rotate(-45deg);
} */

.swal2-icon.swal2-success {
  border-color: #D4E9FB !important;
  color       : #D4E9FB !important;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position        : absolute;
  width           : 3.75em;
  height          : 7.5em;
  transform       : rotate(45deg);
  border-radius   : 50%;
  background-color: transparent !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position  : absolute;
  z-index   : 2;
  top       : -.25em;
  left      : -.25em;
  box-sizing: content-box;
  width     : 100%;
  height    : 100%;
  border    : .25em solid transparent !important;
  ;
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position        : absolute;
  z-index         : 1;
  top             : .5em;
  left            : 1.625em;
  width           : .4375em;
  height          : 5.625em;
  transform       : rotate(-45deg);
  background-color: transparent !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display         : block;
  position        : absolute;
  top             : 3.937em !important;
  width           : 5.9375em !important;
  height          : .6125em !important;
  border-radius   : .125em;
  background-color: #D4E9FB !important;
  ;
}

.swal2-icon.swal2-error {
  border-color: #D4E9FB !important;
  color       : #D4E9FB !important;
}

.swal2-icon.swal2-warning {
  border-color: #D4E9FB !important;
  color       : #D4E9FB !important;
}

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

  .swal2-popup {
    color                : white !important;
    /* background-image  : url(../../../assets/img/bg-swal.png) !important; */
    background-size      : cover !important;
    min-height           : 215px !important;
    border-radius        : 15px !important;
    align-content        : center !important;
    background           : #0d1546 !important;
    /* #2A9DFC */
    /* #D4E9FB */
    /* display           : none !important; */
    position             : relative !important;
    box-sizing           : border-box !important;
    grid-template-columns: minmax(0, 100%) !important;
    width                : 17em !important;
    max-width            : 100% !important;
    padding              : 0 0 1.25em !important;
    border               : none !important;
    border-radius        : 5px !important;
    font-family          : inherit !important;
    font-size            : 1rem !important;
  }

  .swal2-icon {
    position           : relative;
    box-sizing         : content-box;
    justify-content    : center;
    width              : 4em !important;
    height             : 4em !important;
    background-color   : #2A9DFC !important;
    margin             : 2.5em auto .6em;
    border             : 0.75em solid transparent !important;
    border-radius      : 50%;
    border-color       : #000;
    font-family        : inherit;
    line-height        : 5em;
    cursor             : default;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
  }

  .swal2-title {
    position      : relative !important;
    max-width     : 100% !important;
    margin        : 0 !important;
    padding       : .4em 1em 0 !important;
    color         : inherit !important;
    font-size     : 1.2em !important;
    font-weight   : 600 !important;
    text-align    : center !important;
    text-transform: none !important;
    word-wrap     : break-word !important;
  }

  .swal2-html-container {
    z-index        : 1 !important;
    justify-content: center !important;
    margin         : 0.5em 1.6em .3em !important;
    padding        : 0 !important;
    overflow       : auto !important;
    color          : inherit !important;
    font-size      : 1em !important;
    font-weight    : 400 !important;
    line-height    : normal !important;
    text-align     : center !important;
    word-wrap      : break-word !important;
    word-break     : break-word !important;
  }

  .swal2-actions {
    display        : flex;
    z-index        : 1;
    box-sizing     : border-box;
    flex-wrap      : wrap;
    align-items    : center;
    justify-content: center;
    width          : auto;
    margin         : 0.6em auto 0;
    padding        : 0;
  }

  .swal2-success {
    width : 5em !important;
    height: 5em !important;
    border: 0.25em solid transparent !important;
  }

  .swal2-icon .swal2-icon-content {
    display    : flex;
    align-items: center;
    font-size  : 3.75em !important;
    ;
  }

  .swal2-icon.swal2-question {
    border-color: #D4E9FB !important;
    color       : #D4E9FB !important;
  }

  .swal2-icon.swal2-success [class^=swal2-success-line] {
    display         : block;
    position        : absolute;
    z-index         : 2;
    height          : .3125em;
    border-radius   : .125em;
    background-color: #D4E9FB !important;
  }

  /* .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
      top      : 4.5em !important;
      left     : 1.6125em !important;
      width    : 2.5625em !important;
      transform: rotate(45deg);
  }
  
  .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
      top      : 4em !important;
      right    : 1.2em !important;
      width    : 3.9375em !important;
      transform: rotate(-45deg);
  } */

  .swal2-icon.swal2-success {
    border-color: #D4E9FB !important;
    color       : #D4E9FB !important;
  }

  .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position        : absolute;
    width           : 3.75em;
    height          : 7.5em;
    transform       : rotate(45deg);
    border-radius   : 50%;
    background-color: transparent !important;
  }

  .swal2-icon.swal2-success .swal2-success-ring {
    position  : absolute;
    z-index   : 2;
    top       : -.25em;
    left      : -.25em;
    box-sizing: content-box;
    width     : 100%;
    height    : 100%;
    border    : .25em solid transparent !important;
    ;
    border-radius: 50%;
  }

  .swal2-icon.swal2-success .swal2-success-fix {
    position        : absolute;
    z-index         : 1;
    top             : .5em;
    left            : 1.625em;
    width           : .4375em;
    height          : 5.625em;
    transform       : rotate(-45deg);
    background-color: transparent !important;
  }

  .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display         : block;
    position        : absolute;
    top             : 1.737em !important;
    width           : 1.9375em !important;
    height          : .6125em !important;
    border-radius   : .125em;
    background-color: #D4E9FB !important;
    ;
  }

  .swal2-icon.swal2-error {
    border-color: #D4E9FB !important;
    color       : #D4E9FB !important;
  }

  .swal2-icon.swal2-warning {
    border-color: #D4E9FB !important;
    color       : #D4E9FB !important;
  }

}

.card-padding5per {
  padding: 5% !important;
}

@media only screen and (max-width: 576px) {
  .card-padding5per {
    padding: 0 !important;
  }
}


body {
  font-family        : "Prompt", sans-serif !important;
  /* background-color: #eefeff !important; */
  background-color   : #ececec !important;
}

.breadcrumbs li {
  font-family: "Prompt", sans-serif !important;
}

table {
  display: table !important;
}

.table-custom table {
  border-collapse   : separate;
  /* border-radius  : 10px; */
  border-spacing    : 0;
}

.table-custom table tr {
  border-radius: 10px;
}

.table-custom table tr th {
  border-top      : 1px solid #162374;
  border-bottom   : 1px solid #162374;
  background-color: #b1b6d0;
}

.table-custom table tr td {
  border-top   : 1px solid #162374;
  border-bottom: 1px solid #162374;
}

.table-custom table td:first-child {
  border-top-left-radius   : 10px;
  border-bottom-left-radius: 10px;
  border-left              : 1px solid #162374;
}

.table-custom table td:last-child {
  border-top-right-radius   : 10px;
  border-bottom-right-radius: 10px;
  border-right              : 1px solid #162374;
}

.table-custom table th:first-child {
  border-top-left-radius   : 10px;
  border-bottom-left-radius: 10px;
  border-left              : 1px solid #162374;
}

.table-custom table th:last-child {
  border-top-right-radius   : 10px;
  border-bottom-right-radius: 10px;
  border-right              : 1px solid #162374;
}











.breadcrumbs {
  background-color: transparent !important;
}

.close {
  height: 20px !important;
}

.close span {
  padding : 0px;
  position: absolute;
  right   : 2%;
  top     : 0;
}

.modal .modal-content .modal-header .close span {
  font-size: 3rem !important;
}

a,
p,
label,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Prompt", sans-serif !important;
}

.counts .counters p {
  font-family: "Prompt", sans-serif !important;
}

#footer h3 {
  font-family: "Prompt", sans-serif !important;
}

input,
button,
select,
optgroup,
textarea {
  font-family: "Prompt", sans-serif !important;
}

#hero {
  width          : 100%;
  min-height     : calc(100vh - 118px);
  overflow       : auto;
  height         : max-content;
  background     : url("~src/assets/img/bg.jpeg") center center;
  background-size: cover;
  position       : relative;
}

#hero h1 {
  font-weight: normal !important;
}

/* #header.header-scrolled,
#header.header-inner-pages {
    background: rgba(40, 40, 40, 0.9);
} */

#header.header-scrolled,
#header.header-inner-pages {
  background: #162374;
}

#hero:before {
  content   : "";
  background: #ececec;
  position  : absolute;
  bottom    : 0;
  top       : 0;
  left      : 0;
  right     : 0;
}

#hero .container {
  padding-top: 0px;
  position   : relative;
  text-align : left;
}

.navbar a {
  font-size: 18px;
}

.navbar a:focus {
  font-size: 18px;
}

.navbar>ul>li>a:before {
  content         : "";
  position        : absolute;
  width           : 100%;
  height          : 2px;
  bottom          : -2px;
  left            : 0;
  background-color: #eaab41;
  visibility      : hidden;
  width           : 0px;
  transition      : all 0.3s ease-in-out 0s;
}

.input-group input {
  border-radius: 0.25rem !important;
}

.navbar-light .navbar-toggler {
  color       : white !important;
  border-color: white !important;
}

.navbar-light .navbar-toggler i {
  color: white !important;
}


.breadcrumbs {
  padding      : 15px 0;
  /* background: #f9f9f9; */
  min-height   : 40px;
  margin-top   : 0px;
}


.back-to-top {
  position     : fixed;
  visibility   : hidden;
  opacity      : 0;
  right        : 15px;
  bottom       : 15px;
  z-index      : 996;
  background   : #eaab41;
  width        : 40px;
  height       : 40px;
  border-radius: 50px;
  transition   : all 0.4s;
}

#footer {
  background-color: #162374 !important;
  padding         : 10px 0;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.form-control-label {
  color: black !important;
}

.text-white {
  color: white !important;
}

.text-black {
  color: black !important;
}

.text-sky-blue {
  color: #2A9DFC !important;
}

.text-blue {
  color: #162374 !important;
}

.text-gray {
  color: rgb(66, 60, 60) !important;
}

.text-red {
  color: red !important;
}

.text-black {
  color: black !important;
}

.text-value {

  color: darkblue !important;
  ;
}

.textarea-high-width {
  height: 100px;
  width : 570px;
}


.btn {
  color: #fff !important;
}

.btn-link {
  font-weight    : 400;
  color          : #0d6efd !important;
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d !important;
}

.btn-custom {
  color           : #fff !important;
  background-color: #162374 !important;
  border-color    : #162374 !important;
}

.btn-sky-blue {
  color           : #fff !important;
  background-color: #2A9DFC !important;
  border-color    : #2A9DFC !important;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
  display: block;
}

.swal2-actions>button {
  min-width: 85px;
}

body {
  font-family: "Open Sans", sans-serif;
  color      : white;
}

a {
  color          : white;
  text-decoration: none !important;
}

a:hover {
  color          : white;
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
p {
  color: white;
}

.required {
  font-size: 80%;
  color    : #fd397a !important;
}

.form-group {
  margin-bottom: 1rem;
}

.view .form-group span {
  color: darkblue;
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal p,
.modal label {
  color: black;
}

.margin-auto {
  margin: auto;
}

.modal .modal-content .modal-header .close {
  outline                : none !important;
  color                  : #74788d;
  font-family            : "LineAwesome";
  text-decoration        : inherit;
  text-rendering         : optimizeLegibility;
  text-transform         : none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing : antialiased;
  font-smoothing         : antialiased;
  transition             : all 0.3s;
}

button.close {
  padding           : 0;
  background-color  : transparent;
  border            : 1px;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
}

.modal .modal-content .modal-header .close span {
  font-size: 1.3rem;
}

.card-custom .card-header {
  background   : #162374;
  color        : white;
  border-radius: 0.5rem !important;

}

.card {
  border-radius: 0.5rem !important;
}

.card-custom .card-body {
  border-radius: 0.5rem !important;

}

.card-padding {
  padding: 6%;
}

.card-padding-small {
  padding: 5%;
}

.breadcrumbs .container {
  border       : 1px solid #162374;
  border-radius: 0.5rem !important;
  color        : #162374;
}

.breadcrumbs a {
  color: #162374;
}

.breadcrumbs ol {
  padding: 10px;
}

.container-pd0 {
  padding: 0;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.col-pd0 {
  padding: 0 !important;
}

.col-mg0 {
  margin: 0 !important;
}

section {
  padding: 0px 0;
}

.inner-page {
  min-height: calc(100vh - 192px);
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  line-height: 1;
}

@media (min-width: 1200px) {
  .logo {
    /* width: 115px; */
    width: 50px;
  }
}

@media (max-width: 576px) {

  .breadcrumbs ol {
    /*  display   : block; */
    flex-wrap : wrap;
    list-style: none;
    padding   : 10px 0 10px 0;
    margin    : 0;
    font-size : 14px;
  }

  /* .container {
    width: 90% !important;
  } */
  /* main {
    margin: 0 40px!important;
  } */
}

@media (max-width: 820px) {
  .nav-progress>div {
    font-size: 1em !important;
  }
}

@media (max-width: 768px) {
  .nav-progress>div {
    width  : 100% !important;
    display: block !important;
  }
}


header .logo img {
  max-height  : 55px !important;
  margin-right: 10px;
}

.logo span {
  font-size  : 26px;
  font-weight: 700;
  color      : #012970;
  font-family: "Nunito", sans-serif;
}

.navbar {
  transition         : all 0.5s;
  z-index            : 997;
  /* height          : 60px; */
  box-shadow         : 0px 2px 20px rgba(1, 41, 112, 0.1);
  background-color   : #002365;
  padding-left       : 20px;
  color              : white !important;
  /* Toggle Sidebar Button */
  /* Search Bar */
}

.navbar .toggle-sidebar-btn {
  font-size   : 32px;
  padding-left: 10px;
  cursor      : pointer;
  color       : #012970;
}

.navbar .search-bar {
  min-width: 360px;
  padding  : 0 20px;
}

@media (max-width: 1199px) {
  .navbar .search-bar {
    position  : fixed;
    top       : 50px;
    left      : 0;
    right     : 0;
    padding   : 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index   : 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity   : 0;
  }

  .navbar .search-bar-show {
    top       : 60px;
    visibility: visible;
    opacity   : 1;
  }
}

.navbar .search-form {
  width: 100%;
}

.navbar .search-form input {
  border       : 0;
  font-size    : 14px;
  color        : #012970;
  border       : 1px solid rgba(1, 41, 112, 0.2);
  padding      : 7px 38px 7px 8px;
  border-radius: 3px;
  transition   : 0.3s;
  width        : 100%;
}

.navbar .search-form input:focus,
.navbar .search-form input:hover {
  outline   : none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border    : 1px solid rgba(1, 41, 112, 0.3);
}

.navbar .search-form button {
  border     : 0;
  padding    : 0;
  margin-left: -30px;
  background : none;
}

.navbar .search-form button i {
  color: #012970;
}

.text-ellipsis {
  white-space  : nowrap !important;
  overflow     : hidden !important;
  text-overflow: ellipsis !important;
  width        : 100%;
}

/*--------------------------------------------------------------
  # Header Nav
  --------------------------------------------------------------*/
.navbar-nav ul {
  list-style: none;
}

.navbar-nav>ul {
  margin : 0;
  padding: 0;
}

.navbar-nav .nav-icon {
  /* font-size: 20px; */
  color: white;
}

.navbar-nav .nav-profile {
  color: white;
}

.navbar-nav .nav-profile img {
  max-height: 36px;
}

.navbar-nav .nav-profile span {
  font-size  : 14px;
  font-weight: 600;
}

.navbar-nav .badge-number {
  position   : absolute;
  inset      : 4px 6px auto auto;
  font-weight: normal;
  font-size  : 11px;
  padding    : 3px 6px;
}

.navbar-nav .notifications .notification-item {
  display    : flex;
  align-items: center;
  padding    : 15px 10px;
  transition : 0.3s;
}

.navbar-nav .notifications .notification-item i {
  margin   : 0 20px 0 10px;
  font-size: 24px;
}

.navbar-nav .notifications .notification-item h4 {
  font-size    : 16px;
  font-weight  : 600;
  margin-bottom: 5px;
}

.navbar-nav .notifications .notification-item p {
  font-size    : 13px;
  margin-bottom: 3px;
  color        : #919191;
}

.navbar-nav .notifications .notification-item:hover {
  background-color: #f6f9ff;
}

.navbar-nav .messages .message-item {
  padding   : 15px 10px;
  transition: 0.3s;
}

.navbar-nav .messages .message-item a {
  display: flex;
}

.navbar-nav .messages .message-item img {
  margin    : 0 20px 0 10px;
  max-height: 40px;
}

.navbar-nav .messages .message-item h4 {
  font-size    : 16px;
  font-weight  : 600;
  margin-bottom: 5px;
  color        : #444444;
}

.navbar-nav .messages .message-item p {
  font-size    : 13px;
  margin-bottom: 3px;
  color        : #919191;
}

.navbar-nav .messages .message-item:hover {
  background-color: #f6f9ff;
}

.navbar-nav .profile {
  min-width     : 240px;
  padding-bottom: 0;
}

.navbar-nav .profile .dropdown-header h6 {
  font-size    : 18px;
  margin-bottom: 0;
  font-weight  : 600;
  color        : #444444;
}

.navbar-nav .profile .dropdown-header span {
  font-size: 14px;
  color    : #6c757d !important;
}

.navbar-nav .profile .dropdown-item {
  font-size : 14px;
  padding   : 10px 15px;
  transition: 0.3s;
}

.navbar-nav .profile .dropdown-item i {
  margin-right: 10px;
  font-size   : 18px;
  line-height : 0;
}

.navbar-nav .profile .dropdown-item:hover {
  background-color: #f6f9ff;
}

.navbar-nav .nav-profile:hover,
.navbar-nav .nav-profile:focus,
.navbar-nav .nav-profile:active {
  color: white !important;
}

.menu a:hover,
.menu a:focus,
.menu a:active {
  /* border-top: 4px dotted #eaab41; */
  border-bottom: 1px solid #eaab41;
  color        : white;
}


.flag-TH {
  background         : url('../img/thailand-flag-round-circle-icon.png') no-repeat;
  height             : 32px;
  width              : 32px;
  background-position: center;
}

.flag-EN {
  background         : url('../img/uk-flag-round-circle-icon.png') no-repeat;
  height             : 32px;
  width              : 32px;
  background-position: center;
}

.navbar-nav .flag {
  min-width     : 100px;
  padding-bottom: 0;
}

.ngx-select__selected-single span,
.ngx-select__selected-plural span {
  overflow     : hidden;
  text-overflow: ellipsis;
  color        : black !important;
}

.border-card-red {
  border-color: red !important;
}

.border-card-blue {
  border-color: #162374 !important;
}


.mat-form-field-infix {
  display  : block;
  position : relative;
  flex     : auto;
  min-width: 0;
  width    : 100% !important;
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: black !important;
}

.mat-form-field-flex {
  padding-top     : 0 !important;
  background-color: white !important;
}

.mat-form-field-infix {
  margin: auto !important;
}

.mat-form-field-suffix {
  margin: auto !important;
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: #6c757d !important;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: #6c757d !important;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: white !important;
  border-radius   : 5px !important;
  border          : 1px solid #ced4da !important;
}

.card-title {
  margin: 0 !important;
}

.text-custom-right {
  text-align: right !important;
}

@media only screen and (max-width: 426px) {
  .text-custom-right {
    text-align: left !important;
  }

}

.ngx-select__toggle {
  background-color: white !important;
}

.form-control-custom {
  /* display         : inline-table !important; */
  border          : unset !important;
  background-color: unset !important;
  box-shadow      : unset !important;
  border-color    : unset !important;
}

.form-control-custom :focus {
  background-color: unset !important;
  box-shadow      : unset !important;
  border-color    : unset !important
}



::ng-deep button#print,
::ng-deep button#print * {
  display: block !important;
}

::ng-deep button#download,
::ng-deep button#download * {
  display: block !important;
}


::ng-deep #primaryPageRotateCcw {
  display: none;
}

::ng-deep #primaryPageRotateCw {
  display: none;
}

.card-padding5per {
  padding: 2% !important;
} 
 
@media (min-width: 1000px )  and (max-width: 1050px) {
  /* .container {
    max-width: 1000px !important;
  } */
} 
.is-add-file{
  border-color: red !important;
}
.isGhost{
  opacity: 0;
  position: absolute;
}

.tap-1{
  text-indent:47px
}

.bordotted{
  border-bottom: 2px dotted black;
}

.only-upload{
  background-color: #ffc107;
}

.card-view .card-body .row {
  --bs-gutter-x: 0.5rem;
}