/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/* Sticky footer styles
-------------------------------------------------- */
.min-w-160 {
    min-width: 160px;
}
:root {
    --color-gray700: #374151;
    --color-gray200: #E5E7EB;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

.cart-count[data-value="0"], .cart-count[data-value=""] {
    display: none;
}

.input-required::after {
    content: ' (*)';
    color: red;
    font-size: .75rem;
}

.shake {
    animation: shake 0.1s;
    animation-iteration-count: 2;
}

@-webkit-keyframes shake {
    from {
        -webkit-transform: rotate(10deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-10deg);
    }
}
.custom-checkbox.readonly {
    pointer-events: none;
}

.pd-top-7 {
    padding-top: 7px;
}

.pd-top-10 {
    padding-top: 10px;
}

.mg-top-10{
    margin-top: 10px;
}

.mg-top-20 {
    margin-top: 20px;
}

th.input-required::after {
    font-size: 0.95rem;
}

.expandable-body .datepicker-days .table {
    margin: 0;
}
.notification_list {
	max-height: 500px;
}

.modal-title {
    text-overflow: ellipsis;
    overflow: hidden;
}

.is-file-attached .modal-dialog {
    max-width: 660px;
}

.is-file-attached .modal-dialog .table-responsive {
    max-height: calc(100vh - 306px);
}

.is-file-attached .quickViewFile {
    cursor: pointer;
}

.profile-details-footer {
    background-color: #F3F4F6;
    padding: 0 16px 16px 16px;
    position: relative;
}
.profile-details-footer-heading {
    padding: 8px 15px;
    color: #374151;
}

.profile-details-footer .profile-details-footer-text {
    color: var(--color-gray700);
    font-weight: 600;
    font-size: 16px;
}

.profile-details-footer .profile-details-footer-body {
    color: var(--color-gray700);
} 

.profile-details-footer  .profile-details-footer-body-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-gray200);
    padding: 8px 15px;
    border-radius: 4px;
    font-weight: 500;
    background-color: #fff; 
}

.profile-details-footer button.btn {
    padding: 4px 8px;
    border-radius: 4px;
    
}

.btn.btn-green {
    background-color: #059669;
    color: #fff;
    transition: all .3s;
}

.btn.btn-green:hover,
.btn.btn-green:focus {
    background-color: #059669;
    color: #fff;
    opacity: 0.8;
}

.btn.btn-blue {
    background-color: linear-gradient(180deg, #248BCC 0%, #158FDC 100%);
    color: #fff;
    transition: all .3s;

}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
    background-color: linear-gradient(180deg, #248BCC 0%, #158FDC 100%);
    color: #fff;
    opacity: 0.8;
}

.btn.btn-Secondary {
    background-color: #E4ECF7;
    color: #425466;
    transition: all .3s;

}
.btn.btn-Secondary:hover,
.btn.btn-Secondary:focus {
    background-color: #E4ECF7;
    color: #425466;
    opacity: 0.8;
}


.profile-details-footer .btn svg {
    vertical-align: sub;
}

.profile-details-body .record-lable{
    color: #718096;
    padding-top: 7px;
    padding-bottom: 7px;
}
.profile-details-body .record-content{
    color: #27272E;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-Collapse {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);    
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: #fff;
}

.btn-Collapse.active svg {
    transform: rotate(180deg);
} 

.title {
    color: var(--color-gray700);
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
}
.profileDetails-right,
.profileDetails-left {
    border: 1px solid var(--color-gray200);

}

#suggestion {
    border-radius: 4px;
    box-shadow: 0 9px 8px -3px rgba(64,60,67, 0.24), 8px 0 8px -7px rgba(64, 60,67, 0.24), -8px 0 8px -7px rgba(64, 60, 67, 0.24);
    background-color: white;
    position: absolute;
    top: 46px;
    width: 100%;
}
.container-search .child {
    position: relative;
}

.text-suggestion {
    font-weight: 600;
    padding: 0.375rem 0.75rem;
}

.text-suggestion:hover {
    background-color: #eee;
}

.min-w-100 {
    min-width: 100px !important;
}

.min-w-200 {
    min-width: 200px !important;
}