/* https://work.smarchal.com/twbscolor/index.php */

.navbar-fixed-top {
  background-color: #f5e959;
  border-color: #f5e959;
}
.navbar-fixed-top .navbar-brand {
  color: #000000;
}
.navbar-fixed-top .navbar-brand:hover,
.navbar-fixed-top .navbar-brand:focus {
  color: #000000;
}
.navbar-fixed-top .navbar-text {
  color: #000000;
}
.navbar-fixed-top .navbar-text a {
  color: #000000;
}
.navbar-fixed-top .navbar-text a:hover,
.navbar-fixed-top .navbar-text a:focus {
  color: #000000; 
}
.navbar-fixed-top .navbar-nav .nav-link {
  color: #000000;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar-fixed-top .navbar-nav .nav-link:not(.disabled):hover,
.navbar-fixed-top .navbar-nav .nav-link:not(.disabled):focus {
  color: #000000;
}
.navbar-fixed-top .navbar-nav .dropdown-menu {
  background-color: #f5e959;
  border-color: #f8f08d;
}
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-item {
  color: #000000;
}
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #000000;
  background-color: #f8f08d;
}
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #f8f08d;
}
.navbar-fixed-top .navbar-nav .nav-item.active .nav-link,
.navbar-fixed-top .navbar-nav .nav-item.active .nav-link:hover,
.navbar-fixed-top .navbar-nav .nav-item.active .nav-link:focus,
.navbar-fixed-top .navbar-nav .nav-item.show .nav-link,
.navbar-fixed-top .navbar-nav .nav-item.show .nav-link:hover,
.navbar-fixed-top .navbar-nav .nav-item.show .nav-link:focus {
  color: #000000;
  background-color: #f8f08d;
}
.navbar-fixed-top .navbar-toggle {
  border-color: #f8f08d;
}
.navbar-fixed-top .navbar-toggle:hover,
.navbar-fixed-top .navbar-toggle:focus {
  background-color: #f8f08d;
}
.navbar-fixed-top .navbar-toggle .navbar-toggler-icon {
  color: #000000;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-top .navbar-form {
  border-color: #000000;
}
.navbar-fixed-top .navbar-link {
  color: #000000;
}
.navbar-fixed-top .navbar-link:hover {
  color: #000000;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #f8f08d;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #f8f08d;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #f8f08d;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #000000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #000000;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #000000;
    background-color: #f8f08d;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #000000;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #000000;
  background-color: #f8f08d;
}

/* table style */
.divTable .divTableRow .divTableHead {
    background-color: white;
    color: black;
    border-top: 4px solid #f5e959;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid;
}

.divTable .divTableRow .divTableHead:first-child {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.divTable .divTableRow .divTableHead:last-child {
    border-right: 2px solid rgba(0, 0, 0, 0.1);
}

.divTable .divTableRow .divTableCell {
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

.divTable .divTableRow:nth-of-type(2n) {
    background-color: #eee;
}

.divTable .divTableRow:nth-of-type(2n + 1) {
    background-color: #FFFFFF;
}

@media (min-width: 480px) {
    .divTable .divTableRow .divTableCell {
        text-align: center;
        display: table-cell;
        padding: 0.25em 0.5em;
    }
    .divTable .divTableRow .divTableCell:first-child {
        border-left: 2px solid rgba(0, 0, 0, 0.1);
    }
    .divTable .divTableRow .divTableCell:last-child {
        border-right: 2px solid rgba(0, 0, 0, 0.1);
    }
    .divTable .divTableRow:last-child .divTableCell {
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    }
}

/* pms style */
.pms-system-background-color {
    background-color: #f5e959;
    border-color: #f5e959;
}

input.form-control:focus,
textarea.form-control:focus,
.pms-input-focus-color:focus {
    outline: none !important;
    border:1px solid #E64D0D;
    box-shadow: 0 0 10px #E64D0D;
}

.pms-system-input-group-title {
    padding: 1rem .375rem;
}

.pms-system-input-group-message {
    border-color: transparent;
}

.pms-system-save-button {
    color: #fff;
    background-color: rgb(230, 76, 14);
    border-color: rgb(230, 76, 14);
}
.pms-system-save-button:hover {
    color: #fff;
    background-color: rgb(220, 46, 10);
    border-color: rgb(220, 46, 10);
}

.pms-system-save-button:focus,
.pms-system-save-button.focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 76, 14, 0.5);
}
.pms-system-save-button:not(:disabled):not(.disabled):active, 
.pms-system-save-button:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: rgb(200, 26, 5);
    border-color: rgb(200, 26, 5);
}
.pms-system-save-button:not(:disabled):not(.disabled):active:focus, 
.pms-system-save-button:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 76, 14, 0.5);
}
.pms-system-save-button:disabled,
.pms-system-save-button.disabled {
    background-color: rgba(230, 76, 14, 47);
    border-color: rgba(230, 76, 14, 47);
}

.pms-system-cancel-button {
    color: #fff;
    background-color: rgb(148, 148, 148);
    border-color: rgb(148, 148, 148);
}
.pms-system-cancel-button:hover {
    color: #fff;
    background-color: rgb(120, 120, 120);
    border-color: rgb(120, 120, 120);
}
.pms-system-cancel-button:focus,
.pms-system-cancel-button.focus {
  box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.5);
}
.pms-system-cancel-button:not(:disabled):not(.disabled):active, 
.pms-system-cancel-button:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: rgb(100, 100, 100);
    border-color: rgb(100, 100, 100);
}
.pms-system-cancel-button:not(:disabled):not(.disabled):active:focus, 
.pms-system-cancel-button:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.5);
}
.pms-system-cancel-button:disabled,
.pms-system-cancel-button.disabled {
    background-color: rgba(148, 148, 148, 47);
    border-color: rgba(148, 148, 148, 47);
}

.pms-system-input-group-title-collapse {
    margin-left: -2.0rem;
}

.pms-system-input-group-title-collapse .pms-system-input-group-title:after {
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-top: 0.5rem solid #c8bd35;
    border-left: 1rem solid transparent;
}

.pms-system-input-group-title-collapse .pms-system-input-group-message .pms-system-background-color {
    padding: 0.45rem;
    padding-right: 8rem;
    margin: -0.8rem;
    /*margin-top: -0.45rem;
    display: block;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pms-system-input-group-body-collapse .card-header {
    background-color: transparent;
    border-bottom: 0rem;
}

.pms-system-input-group-body-collapse .card-footer {
    background-color: transparent;
    border-top: 0rem;
}

.hide-overflow { 
    overflow: -moz-scrollbars-none !important;
    -ms-overflow-style: none;
}
.hide-overflow::-webkit-scrollbar {
    width: 0 !important 
}

.overflow-auto {
    -webkit-overflow-scrolling : touch;
}
.overflow-y-auto {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling : touch;
}
.overflow-x-auto {
    overflow-y: hidden !important;
    overflow-x: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling : touch;
}

.small-text {
    font-size: 60% !important;
}

@media (max-width: 767px) {
    .h-100.overflow-y-auto {
        height: auto !important;
    }
}

.separation-line {
    position: relative;
    text-align: center
}
.separation-line:before {
  content: "";
  display: block;
  border-top: solid 2px #bebebe;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.separation-line span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}