/* Global */
.card .overlay {
    border-radius: .5rem;
}

*::-webkit-scrollbar {
    width: 5px;
}
  
*::-webkit-scrollbar-track {
    background: transparent; 
}
   
*::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 1rem;
    opacity: .5;
}

*::-webkit-scrollbar-thumb {
    background: #ff816b50; 
}

.form-group input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

.form-group input:-moz-placeholder {
    color: transparent;
    user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.form-group input::-moz-placeholder {
    color: transparent;
    user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.form-group input:-ms-input-placeholder {
    color: transparent;
    user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.form-group input::placeholder {
    color: transparent;
    user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form-group-float {
    position: relative;
}

.form-group-float input {
    height: 40px;
    padding-top: .75rem;
    padding-bottom: .25rem;
}

.form-group-float .focus-label {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 14px;
    color: #979797;
    transition: all .1s ease-in-out;
}

.form-group-float .focus-label:hover {
    cursor: text;
}

.form-group-float input:focus ~ .focus-label , .form-group-float input:not(:placeholder-shown) ~ .focus-label{
    font-size: 11px;
    top: 2px;
}

.input-prepend-float input {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.input-prepend-float .focus-label { 
    left: 25%;
}

.select2-float {
    position: relative;
}

.select2-float .select2.select2-container .selection .select2-selection{
    height: 40px;
    padding-top: .75rem;
    padding-bottom: .25rem;
}

.select2-float .focus-label {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 14px;
    color: #979797;
    transition: all .1s ease-in-out;
}

.select2-float .select2-container.select2-container--focus ~ .focus-label, .select2-float .select2:not(:placeholder-shown) ~ .focus-label{
    font-size: 11px;
    top: 2px;
}

/* Sidebar */
.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link {
    border-radius: 1.5rem;
}

.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
    color: white;
}

[class*="sidebar-light"] .user-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border: 0px;
}

/* Content Wrapper */
.content-header h1 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    -webkit-text-decoration-line: underline; /* Safari */
    text-decoration-line: underline; 
    text-decoration-thickness: 2.5px;
    text-underline-offset: 5px;
    text-decoration-color:#FF816B;
}

/* .content-header h1::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    width: 130px;
    height: 3px;
    background-color: var(--orange);
} */

/* Login Page */
.input-text {
    background: transparent !important;
    border-top: 0px solid #ff816b !important;
    border-left: 3px solid #ff816b !important;
    border-right: 3px solid #ff816b !important;
    border-bottom: 2px solid #ffac9e !important;
    color: white;
}

.input-text:focus {
    border-bottom: white solid 2px !important;
    color: white;
}

.p-login ::placeholder {
    color: #b9b9b9 !important;
}

.bg-btn-log {
    color: #545454;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 20%;
}

.p-login {
    padding: 50% 15% 50% 15%;
}

.bg-login-red {
    background: #ff816b;
}

.text-S-logo {
    font-family: "Kaushan Script";
    font-style: normal;
    font-weight: 400;
    color: #222222;
    font-size: 280px;
}

.text-V {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #ff816b;
}

.text-C {
    font-family: "Inter";
    font-style: bold;
    font-weight: 800;
    font-size: 32px;
    line-height: 39px;
    color: #222222;
}

.text-p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 168;
    font-size: 16px;
    line-height: 19px;
    color: #2d2d2d;
    width: 40px;
}

.p-login .line-signin {
    position: relative;
}

.p-login .line-signin:after {
    position: absolute;
    bottom: -10px;
    left: 50px;
    content: "";
    width: 80px;
    height: 5px;
    background-color: #ffac9e;
}

.text-p1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 19px;
    color: #fff;
    width: 40px;
}

hr.new5 {
    border: 3px solid #ffc0b5;
    border-radius: 0px;
    width: 230px;
    position: relative;
    top: 42px;
    left: -220px;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #ffc0b5;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 10px;
    right: -30px;
}

.card-logo {
    position: relative;
    top: 500px;
    left: -230px;
}

.bg-circle {
    background-image: url("../img/largeCircle.png");
    background-position: right 150px top 1em;
    background-size: 160%;
    background-repeat: no-repeat;
}

.pt-right {
    padding-top: 600px;
}

.position-row {
    position: relative;
    top: -93px;
    left: -230px;
}

@media (max-width: 1625px) {
    .position-row {
        position: relative;
        top: -63px;
        left: -230px;
    }
}

@media (max-width: 1280px) {
    .position-row {
        position: relative;
        top: -293px;
        left: -120px;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 220px;
    }

    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 22px;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-weight: 168;
        font-size: 10px;
        line-height: -22px;
        color: #2d2d2d;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 200px;
        position: relative;
        top: 43px;
        left: -110px;
    }

    .dot {
        height: 22px;
        width: 22px;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 13px;
        right: -90px;
    }
}

@media (max-width: 1024px) {
    .position-row {
        position: relative;
        top: -293px;
        left: -120px;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 150px;
    }

    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 20px;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-size: 9px;
        color: #2d2d2d;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 150px;
        position: relative;
        top: 43px;
        left: -60px;
    }

    .dot {
        height: 22px;
        width: 22px;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 13px;
        right: -90px;
    }
}

@media (max-width: 912px) {
    .position-row {
        position: relative;
        top: -23px;
        left: -120px;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 180px;
    }

    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 15px;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-size: 9px;
        color: #2d2d2d;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 150px;
        position: relative;
        top: 45px;
        left: -160px;
    }

    .dot {
        height: 22px;
        width: 22px;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 15px;
        right: -10px;
    }

    .pt-right {
        padding-top: 115px;
    }

    .bg-circle {
        background-position: right 130px top -12em;
        background-size: 130%;
        background-repeat: no-repeat;
    }
}

@media (max-width: 820px) {
    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 130px;
        position: relative;
        top: 45px;
        left: -130px;
    }
}

@media (max-width: 540px) {
    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 105px !important;
        position: relative;
        top: 45px;
        left: -60px !important;
    }

    .dot {
        height: 15px !important;
        width: 15px !important;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 16px !important;
        right: -40px !important;
    }
}

@media (max-width: 414px) {
    .position-row {
        position: relative;
        left: -61px !important;
        top: -93px !important;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 120px !important;
    }
    .position-row1 {
        position: relative !important;
        top: -13px !important;
    }
    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 10px !important;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 10px !important;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-size: 8px !important;
        color: #2d2d2d;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 70px !important;
        position: relative;
        top: 45px;
        left: -40px !important;
    }

    .dot {
        height: 15px !important;
        width: 15px !important;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 16px !important;
        right: -40px !important;
    }
}

@media (max-width: 360px) {
    .position-row {
        position: relative;
        left: -61px !important;
        top: -93px !important;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 120px !important;
    }
    .position-row1 {
        position: relative !important;
        top: -13px !important;
    }
    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 10px !important;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 10px !important;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-size: 8px !important;
        color: #2d2d2d;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 70px !important;
        position: relative;
        top: 45px;
        left: -30px !important;
    }

    .dot {
        height: 15px !important;
        width: 15px !important;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 16px !important;
        right: -40px !important;
    }
}

@media (max-width: 280px) {
    .position-row {
        position: relative;
        left: -41px !important;
        top: -93px !important;
    }
    .text-S-logo {
        font-family: "Kaushan Script";
        font-style: normal;
        font-weight: 400;
        color: #222222;
        font-size: 120px !important;
    }
    .position-row1 {
        position: relative !important;
        top: -13px !important;
    }
    .text-V {
        font-family: "Inter";
        font-style: normal;
        font-weight: 700;
        font-size: 10px !important;
        line-height: 18px;
        text-decoration-line: underline;
        color: #ff816b;
    }
    .text-C {
        font-family: "Inter";
        font-style: bold;
        font-weight: 800;
        font-size: 10px !important;
        line-height: 39px;
        color: #222222;
    }
    .text-p {
        font-family: "Inter";
        font-style: normal;
        font-size: 7px !important;
        line-height: 1px !important;
        color: #2d2d2d;
    }
    .text-p-row {
        margin-top: -19%;
    }

    hr.new5 {
        border: 2px solid #ffc0b5;
        border-radius: 0px;
        width: 65px !important;
        position: relative;
        top: 45px;
        left: -18px !important;
    }

    .dot {
        height: 15px !important;
        width: 15px !important;
        background-color: #ffc0b5;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 16px !important;
        right: -40px !important;
    }

    .pt-right {
        padding-top: 100px;
    }

    .bg-circle {
        background-position: right 100px top -5em;
        background-size: 130%;
        background-repeat: no-repeat;
    }
}  
    
/* Manage Allocations */
.manage-allocations .form-group label:not(.custom-control-label),  .manage-allocations label:not(.custom-control-label){
    color: #474747;
}

.manage-allocations .card {
    box-shadow: none;
    border: 1px solid #979797;
    border-radius: .5rem;
}

.form-group-orange .form-control {
    background-color: #FFEAE6;
    border: #FFB5AF 1px solid;
}

.allocation-branch-table {
    max-height: 65vh;
    overflow-y: scroll;
}

.allocation-branch-tr {
    margin-bottom: 1rem;
}

.allocations-items-tr .card h6, .allocations-items-tr .card h5, .allocations-items-tr .card span, #total_selected_items, #total_store_allocated{
    user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    -moz-user-select: none !important;
}

.allocations-items-tr .card:hover {
    border: #FFB5AF 1px solid;
    cursor: pointer;
}

.allocations-items-tr.selected .card {
    background-color: #FFEAE6;
}

.allocations-items-tr .card-body {
    padding: .5rem 1.25rem;
}

.allocations-items-tr .card span {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    background-color: #f1f1f1;
    padding:0 .5rem;
    border-radius: .25rem;
    font-weight: 600;
}

.allocations-items-tr h6, .allocations-items-tr h5 {
    margin-bottom: .25rem;
}

.allocations-items-tr h6 {
    font-size: 14px;
}

.allocations-items-tr h5:not(.mb-0) {
    font-size: 16px;
}

.allocations-items-tr h5.mb-0{
    font-size: 18px;
}

.accent-orange .custom-control-input:checked ~ .custom-control-label::after { 
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(145deg) brightness(103%) contrast(101%);
}

.allocation-branch-tr .custom-checkbox {
    border: 1px solid #979797;
    border-radius: .5rem;
    padding-left: 2.5rem;
}

.allocation-branch-tr .custom-checkbox .custom-control-label {
    cursor: pointer;
}

.allocation-branch-tr .custom-checkbox .custom-control-label p, .allocation-branch-tr .custom-checkbox .custom-control-label span {
    font-size: 14px;
    margin-bottom: .25rem !important;
    margin-top: .25rem !important;
}

.allocations-items-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.allocations-items-footer label {
    margin-bottom: 0;
}

.allocations-items-footer button {
    position: absolute;
    left: 1.25rem;
    border:solid .5px #FF816B;
    color:#FF816B;
}

.allocations-items-footer button:hover {
    border:solid .5px #ff5f3e;
    color: #ff5f3e;
}

.selected-stores-tr .card{
    margin-bottom: .5rem;
}

.selected-stores-tr .card-body{
    position: relative;
    padding-right: 3rem;
}

.selected-stores-tr button{
    position: absolute;
    right: 10px;
}

#selectedStoresModal .modal-content {
    max-height: calc(100vh - 4.5rem);
    /* height: calc(100vh - 4.5rem); */
}

#selected_stores_table {
    /* max-height: 95%; */
    max-height: calc(90vh - 4.5rem) !important;
    overflow-y: scroll;
}

.allocation-branches .allocation-branches-header .input-group .select2-selection.select2-selection--single {
    height: 95%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.allocation-branches .btn-cerro-app{
    max-height: 40px;
    min-height: 40px;
    max-width: 35px;
    min-width: 35px;
    background-color: transparent;
    border-color: #ced4da;
}

/* Allocated Stores */
.allocated-stores .card {
    box-shadow: none;
    border: 1px solid #979797;
    border-radius: .5rem;
    max-height: calc(92vh - 55px);
    min-height: calc(92vh - 55px);
}

.allocated-stores .card .card-header {
    border-bottom: 0px;
}

.allocated-stores-project .allocated-stores-project-tools {
    display: flex;
    justify-content: space-between;
    box-sizing: content-box;
    gap: .25rem;
}

.allocated-stores-project .allocated-stores-project-tools .form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 22%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .allocated-stores-project .allocated-stores-project-tools .form-group {
        min-width: 20%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .allocated-stores-project .allocated-stores-project-tools {
        display: block;
    }
}

.allocated-stores-hwb .allocated-stores-items-tools  {
    display: flex;
    box-sizing: content-box;
    gap: .5rem;
}

.allocated-stores-project .btn-cerro-app, .allocated-stores-hwb .btn-cerro-app{
    max-height: 40px;
    min-height: 40px;
    max-width: 35px;
    min-width: 35px;
    background-color: transparent;
    border-color: #ced4da;
}

.allocated-stores-project .btn-cerro-app:active, .allocated-stores-hwb .btn-cerro-app:active  {
    background-color: #FFF4F3;
    border-color: #ced4da;
}

.allocated-stores-project .btn-cerro-app i, .allocated-stores-hwb .btn-cerro-app i{
    color: #474747;
}

.allocated-stores-project .btn-cerro-app:nth-child(even), .allocated-stores-hwb .btn-cerro-app:nth-child(even) {
    margin-left: .125rem;
}

.allocated-stores-project .table thead th, .allocated-stores-hwb .table thead th{
    border-bottom: 0px;
    text-align: start;
}

.allocated-stores-project .table thead th:first-child, .allocated-stores-hwb .table thead th:first-child {
    vertical-align: middle;
}

.allocated-stores-project .table thead th .form-group, .allocated-stores-project .table tbody td .form-group, .allocated-stores-hwb .table thead th .form-group, .allocated-stores-hwb .table tbody td .form-group{
    margin-bottom: 0px;
}

.allocated-stores-project .table thead th .form-group input, .allocated-stores-hwb .table thead th .form-group input  {
    height: 100%;
}

.allocated-stores-project .table tbody td, .allocated-stores-hwb .table tbody td{
    border-top: 0px;
    font-size: 14px;
    vertical-align: middle;
}

.allocated-stores-project .table tbody tr:hover, .allocated-stores-hwb .table tbody tr:hover{
    background-color: #FFF4F3;
    cursor: pointer;
}

.allocated-stores-project .table tbody tr:has(input[type="checkbox"]:checked), .allocated-stores-hwb .table tbody tr:has(input[type="checkbox"]:checked){
    background-color: #FFF4F3;
    color: #EB473B;
}   

.allocated-stores-project .table tbody tr.selected, .allocated-stores-hwb .table tbody tr.selected{
    background-color: #FFF4F3;
    color: #EB473B;
}

.allocated-stores-project .table tbody #btnViewHWBItems {
    color: #EB473B;
    transition: all .1s ease-in;
}

.allocated-stores-project .table tbody #btnViewHWBItems:hover {
    transform: scale(1.7);
}

#select2-txtAction-container {
    color:#999;
}

.allocated-stores-project .allocated-stores-project-tools .input-group .select2-selection.select2-selection--single {
    height: 95%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Generate Tm */
.generate-tm .card {
    box-shadow: none;
    border: 1px solid #979797;
    border-radius: .5rem;
    max-height: calc(92vh - 55px);
    min-height: calc(92vh - 55px);
}

.generate-tm .card.generate-tm-hwb {
    max-height: calc(85vh - 55px) !important;
    min-height: calc(85vh - 55px) !important;
}

.generate-tm .card .card-header {
    border-bottom: 0px;
}

.generate-tm-project .generate-tm-project-tools {
    display: flex;
    justify-content: space-between;
    box-sizing: content-box;
}

.generate-tm-project .generate-tm-project-tools .form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 30%;
}

.generate-tm-project .generate-tm-project-tools .input-group {
    max-width: 65%;
}

.generate-tm-project .generate-tm-project-tools .input-group .select2-selection.select2-selection--single {
    height: 95%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .generate-tm-project .generate-tm-project-tools .form-group {
        min-width: 25%;
    }
    .generate-tm-project .generate-tm-project-tools .input-group {
        max-width: 100%;
    }
    .input-prepend-float .focus-label { 
        left: 30%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .generate-tm-project .generate-tm-project-tools {
        display: block;
    }
    .generate-tm-project .generate-tm-project-tools .input-group {
        max-width: 100%;
    }
}

.generate-tm-hwb .generate-tm-items-tools  {
    display: flex;
    box-sizing: content-box;
    gap: .5rem;
}

.generate-tm-hwb .generate-tm-items-tools .form-group {
    min-width: 30%;
}

.generate-tm-project .btn-cerro-app, .generate-tm-hwb .btn-cerro-app{
    max-height: 40px;
    min-height: 40px;
    max-width: 35px;
    min-width: 35px;
    background-color: transparent;
    border-color: #ced4da;
}

.generate-tm-project .btn-cerro-app:active, .generate-tm-hwb .btn-cerro-app:active  {
    background-color: #FFF4F3;
    border-color: #ced4da;
}

.generate-tm-project .btn-cerro-app i, .generate-tm-hwb .btn-cerro-app i{
    color: #474747;
}

.generate-tm-project .btn-cerro-app:nth-child(even), .generate-tm-hwb .btn-cerro-app:nth-child(even) {
    margin-left: .125rem;
}

.generate-tm-project .table thead th, .generate-tm-hwb .table thead th{
    border-bottom: 0px;
    text-align: start;
}

.generate-tm-project .table thead th:first-child, .generate-tm-hwb .table thead th:first-child {
    vertical-align: middle;
}

.generate-tm-project .table thead th .form-group, .generate-tm-project .table tbody td .form-group, .generate-tm-hwb .table thead th .form-group, .generate-tm-hwb .table tbody td .form-group{
    margin-bottom: 0px;
}

.generate-tm-project .table thead th .form-group input, .generate-tm-hwb .table thead th .form-group input  {
    height: 100%;
}

.generate-tm-project .table tbody td, .generate-tm-hwb .table tbody td{
    border-top: 0px;
    font-size: 14px;
    vertical-align: middle;
}

.generate-tm-project .table tbody tr:hover, .generate-tm-hwb .table tbody tr:hover{
    background-color: #FFF4F3;
    cursor: pointer;
}

.generate-tm-project .table tbody tr:has(input[type="checkbox"]:checked), .generate-tm-hwb .table tbody tr:has(input[type="checkbox"]:checked){
    background-color: #FFF4F3;
    color: #EB473B;
}   

.generate-tm-project .table tbody tr.selected, .generate-tm-hwb .table tbody tr.selected{
    background-color: #FFF4F3;
    color: #EB473B;
}

.generate-tm-project .table tbody #btnViewHWBItems {
    color: #EB473B;
    transition: all .1s ease-in;
}

.generate-tm-project .table tbody #btnViewHWBItems:hover {
    transform: scale(1.7);
}

.generate-tm #txtServicePartner:disabled {
    background-color: rgb(241, 241, 241);
}

.generate-tm #btnViewServicePartner, #btnAddServicePartner {
    background-color: #FF816B;
    color: white;
    border-color: #FF816B;
    cursor: pointer;
}

.generate-tm #btnViewServicePartner:hover {
    background-color: #dc6502;
    border-color: #dc6502;
}

#servicePartnerListTable tr:hover {
    background-color: #FFF4F3;
    cursor: pointer;
}

#servicePartnerListTable_filter, #servicePartnerListTable_length {
    display: none;
}

/* Dashboard */
.bg-dash-title {
    background: #fdd0a2;
    border-radius: 3px 0px 0px 3px;
    position: relative;
    left: 7.5px;
}

.bg-card-report {
    background-color: #fff7ef;
    border: 1px solid #bfbfbf;
}

.bg-card-report-1 {
    background-color: #fff7ef;
    border-top-left-radius: 0.4rem !important;
    border-top-right-radius: 0.4rem !important;
}

.text-black-tc {
    color: #000;
    font-size: 18px !important;
    padding-top: 2px;
}

.text-dash-tc-2 {
    color: #ff816b;
    font-weight: 700;
    font-size: 16px;
}

.text-dash-tc-1 {
    color: #3d3d6b;
    font-weight: 700;
    font-size: 16px;
}

.text-dash-tc-4 {
    color: #ff816b;
    font-weight: 700;
    font-size: 18px;
}

.text-dash-tc-3 {
    color: #3d3d6b;
    font-weight: 700;
    font-size: 18px;
}

.text-dash-tc-5 {
    color: #3d3d6b;
    font-weight: 700;
    font-size: 18px;
}

.store-export-btn {
    color: #fff;
    margin-bottom: 10px;
}

@media screen and (max-width: 1366px) {
    .text-black-tc {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1280px) {
    .text-black-tc {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 540px) {
    .bg-card-report .bg-dash-title:nth-child(1) {
        min-width: 100px;
        max-width: 100px;
    }
    .text-black-tc {
        font-size: 20px !important;
    }
    .bg-dash-title {
        max-width: 100px;
    }
}

@media screen and (max-width: 414px) {
    .text-dash-tc-3 {
        font-size: 15px !important;
    }
    .text-dash-tc-1 {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 412px) {
    .text-black-tc {
        font-size: 18px !important;
    }
    .bg-dash-title {
        max-width: 100px;
    }
}


@media screen and (max-width: 393px) {
    .text-dash-tc-3 {
        font-size: 12px !important;
    }
    .text-dash-tc-1 {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 360px) {
    .text-dash-tc-3 {
        font-size: 12px !important;
    }
    .text-dash-tc-1 {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 280px) {
    .text-dash-tc-3 {
        font-size: 10px !important;
    }
    .text-dash-tc-1 {
        font-size: 9px !important;
    }
    .text-black-tc {
        font-size: 12px !important;
    }
    .text-dash-tc-5 {
        font-size: 18px !important;
    }
}

.store-reports .input-group .select2-selection.select2-selection--single {
    height: 95%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.store-reports .store-reports-table .card-body {
    max-height: calc(55vh - 55px);
    min-height: calc(55vh - 55px);
}

#HWBTable_filter { 
    display: none;
}

#HWBTable {
    margin-top: 0px !important;
}

.store-reports table.dataTable > thead .sorting::before, .store-reports  table.dataTable > thead .sorting_asc::before,
.store-reports table.dataTable > thead .sorting_desc::before, .store-reports  table.dataTable > thead .sorting_asc_disabled::before,
.store-reports table.dataTable > thead .sorting_desc_disabled::before {
    content: none;
}

.store-reports table.dataTable>thead .sorting:after, .store-reports table.dataTable>thead .sorting_asc:after, .store-reports table.dataTable>thead .sorting_desc:after, 
.store-reports table.dataTable>thead .sorting_asc_disabled:after, .store-reports table.dataTable>thead .sorting_desc_disabled:after {
    content: none;
}

.store-reports table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #ff5f3e;
}