/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}

html,
body {
    width: 100%;
    height: 100%;
}
body {
    padding-bottom: 0px;
}

/* https://work.smarchal.com/twbscolor/index.php */
.navbar-fixed-top {
  background-color: #ce7835;
  border-color: #ce7835;
}
.navbar-fixed-top .navbar-brand {
  color: #ffffff;
}
.navbar-fixed-top .navbar-brand:hover,
.navbar-fixed-top .navbar-brand:focus {
  color: #ffffff;
  font-weight: bold;
}
.navbar-fixed-top .navbar-text {
  color: #ffffff;
}
.navbar-fixed-top .navbar-text a {
  color: #ffffff;
}
.navbar-fixed-top .navbar-text a:hover,
.navbar-fixed-top .navbar-text a:focus {
  color: #ffffff;
  font-weight: bold;
}
.navbar-fixed-top .navbar-nav .nav-link {
  color: #ffffff;
  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: #ffffff;
  font-weight: bold;
}
.navbar-fixed-top .navbar-nav .dropdown-menu {
  background-color: #ce7835;
  border-color: #cc6129;
}
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.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: #ffffff;
  font-weight: bold;
  background-color: #cc6129;
}
.navbar-fixed-top .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #cc6129;
}
.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: #ffffff;
  font-weight: bold;
  background-color: #cc6129;
}
.navbar-fixed-top .navbar-toggle {
  border-color: #cc6129;
}
.navbar-fixed-top .navbar-toggle:hover,
.navbar-fixed-top .navbar-toggle:focus {
  background-color: #cc6129;
}
.navbar-fixed-top .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-top .navbar-form {
  border-color: #000000;
}
.navbar-fixed-top .navbar-link {
  color: #ffffff;
}
.navbar-fixed-top .navbar-link:hover {
  color: #ffffff;
  font-weight: bold;
}
.navbar-fixed-top .navbar-header-icon {
    background-color:transparent;
}

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

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

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

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

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
   color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
   color: #ffffff;
   font-weight: bold;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  font-weight: bold;
  background-color: #cc6129;
}

.nav-tabs .nav-item {
    margin-left: 1rem;
    margin-right: 1rem;
}

.nav-tabs .nav-item.nav-link {
    color: gray;
}

.nav-tabs .nav-item.nav-link.active {
    color: #fff;
    background-color: #acacac;
    border-color: transparent;
    border-bottom: 0.25rem solid #ce7835 !important;
}

.nav-pills .nav-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.nav-pills .nav-item.nav-link,
.nav-pills .nav-item .nav-link,
.nav-pills .nav-item .dropdown-item {
    color: #000;
}

.nav-pills .nav-item.nav-link.active,
.nav-pills .nav-item .nav-link.active,
.nav-pills .nav-item .dropdown-item.active,
.nav-pills .nav-item.dropdown.show,
.nav-pills .nav-item.dropdown.show > .nav-link,
.nav-pills .nav-item.dropdown.show > .dropdown-item {
    color: #fff;
    font-weight: bold;
    background-color: #ce7835;
}

.navbar .navbar-nav {
    display: none !important;
}

.navbar .navbar-nav.ml-auto {
    display: flex !important;
}

@media (max-width: 768px) {
    .navbar .navbar-nav {
        display: flex !important;
    }
}

/* sidebar */
.wrapper .sidebar {
    z-index: 1030;
}

.wrapper .nav-pills {
    display: block;
}

.wrapper .navbar-toggler {
    display: none;
    color: #cc6129;
}


@media (max-width: 768px) {
    .wrapper .navbar-toggler {
        display: block;
    }

    .wrapper .nav-pills {
        display: none;
    }

    .wrapper .nav-pills.show {
        display: block;
    }

    .wrapper .sidebar {
        z-index: 0;
    }

    .wrapper .navbar-toggler,
    .wrapper .nav-pills {
        display: none !important;
    }
}

/* scroll */
.overflow-y-auto {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-color: #ce7835 transparent !important;
}

.overflow-x-auto {
    overflow-y: hidden !important;
    overflow-x: auto !important;
    scrollbar-color: #ce7835 transparent !important;
}

.overflow-y-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    background-color: #fff !important;
}

.overflow-y-auto::-webkit-scrollbar-track-piece,
.overflow-x-auto::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
}

.overflow-y-auto::-webkit-scrollbar-thumb:vertical,
.overflow-x-auto::-webkit-scrollbar-thumb:vertical {
    background-color: #ce7835 !important;
}

.overflow-y-auto::-webkit-scrollbar-thumb,
.overflow-x-auto::-webkit-scrollbar-thumb {
    background-color: #ce7835 !important;
}

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

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

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

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

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

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

.divTable .bg-out {
    background-color: #fdfdfe !important;
}

.divTable .bg-out .divTableCell {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
}

.divTable .bg-inside {
    background-color: rgba(200, 120, 50, 0.2) !important;
}

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

/* circle float button */
.circle-floating-button {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

/* input focus type */
input[type="text"].multistep-check-input:focus,
input[type="password"].multistep-check-input:focus,
input[type="number"].multistep-check-input:focus,
input[type="email"].multistep-check-input:focus,
input[type="file"].multistep-check-input:focus,
input[type="tel"].multistep-check-input:focus,
textarea.multistep-check-input:focus,
span[aria-expanded="true"].select2-selection.multistep-check-input,
input[type="text"].multistep-no-check-input:focus,
input[type="password"].multistep-no-check-input:focus,
input[type="number"].multistep-no-check-input:focus,
input[type="email"].multistep-no-check-input:focus,
input[type="file"].multistep-no-check-input:focus,
input[type="tel"].multistep-no-check-input:focus,
textarea.multistep-check-no-input:focus,
span[aria-expanded="true"].select2-selection.multistep-no-check-input {
    outline: none !important;
    background: #fff !important;
    border: 1px solid #E64D0D !important;
    -moz-box-shadow: 0 0 10px #E64D0D !important;
    -webkit-box-shadow: 0 0 10px #E64D0D !important;
    box-shadow: 0 0 10px #E64D0D !important;
}
/* form */
.qrcode-form .card .card-header {
    background-color: transparent;
    border-bottom: 0;
}
.qrcode-form .card .card-header .input-group {
    margin-left: -2rem;
}
.qrcode-form .card .card-header .input-group .input-group-text {
    background-color: #ce7835;
    border-color: #b85429;
    color: white;
}
.qrcode-form .card .card-header .input-group .input-group-prepend .input-group-text:after {
    position: absolute;
    bottom: -.5rem;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-top: .5rem solid #b85435;
    border-left: 1rem solid transparent;
}

/* form dialog */
.form-dialog {
    margin-left: -2.0rem;
}

.form-dialog label {
    color: #21814e;
}

.form-dialog .form-dialog-collapse {
    margin-left: -2.0rem;
}

.form-dialog .form-dialog-title:after {
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-top: 0.5rem solid #b85435;
    border-left: 1rem solid transparent;
}

.form-dialog .form-dialog-background {
    background-color: #ce7835;
    border-color: #ce7835;
    width: 100%;
    height: 100%;
}

.form-dialog .form-dialog-title {
    padding: 1rem .375rem;
}

.form-dialog .form-dialog-message {
    border: 0px;
}

.form-dialog .form-dialog-message .form-dialog-background {
    padding: 0.45rem;
    padding-right: 8rem;
    margin: -0.8rem;
    /*margin-top: -0.45rem;
    display: block;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-dialog .card-header {
    background-color: transparent;
    border-bottom: 0rem;
}

.form-dialog .card-footer {
    background-color: transparent;
    border-top: 0rem;
}

.form-dialog .form-dialog-submit {
    color: #fff;
    background-color: rgb(230, 76, 14);
    border-color: rgb(230, 76, 14);
}
.form-dialog .form-dialog-submit:hover {
    color: #fff;
    background-color: rgb(220, 46, 10);
    border-color: rgb(220, 46, 10);
}

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

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

/* print */
@media print {
    @page {
        margin: 0;
    }
}