/*---------------------------------------------
#Custom css
#Last update : June 17, 2022 
-----------------------------------------------*/

.help-block {
    color: #ff5c77;
}

.text-orange{
    color: #fc7303
}

.text-cyan{
    color: #007ea7
}

.text-pink{
    color: #fc5296
}

.text-dark-gray{
    color: #b11ba5
}

/* parsely validation error message text color 18 March - 22 */
.parsley-errors-list li{
        color: #ff5c77;
    }

/* agent page view 22-3-22 */

.customer-card {  
    cursor: pointer;
}

.card-widget {
    border: none;
    position: relative;
}

.widget-user .widget-user-header {
    padding: 1rem;
    height: 129px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.widget-user-header {
    background-image: linear-gradient(45deg, #788ae2 0%, #ffffff 200%, #ffffff 100%);
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}

.widget-user .widget-user-image {
    position: absolute;
    top: 83px;
    left: 50%;
    margin-left: -45px;
}

.widget-user .card-footer {
    padding-top: 55px;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 0 solid rgba(0, 0, 0, 0.125);
}

.card .border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.description-block > .description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
}

.description-block > .description-text {
    text-transform: uppercase;
}

.widget-user-2 .widget-user-header {
    padding: 1rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
}

.widget-user-2 .widget-user-image > img {
    width: 10em;
    height: 10em;
     position: absolute; 
    top: 4em;
    left: 25px;
}
.page-header {
    margin: 0;
}