html {
    background-color: #fff;
}

body {
    font-family: Poppins,sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%) !important;
    color: #1b2830 !important;
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Layouts Start */

.pm-main-container {
}

.pm-body {
    margin-top: 8px;
}

#pm-login {
    z-index: 99999;
    float: left;
    margin-right: 10px;
}

.pm-form-label-normal-width {
    width: 180px !important;
    min-width: 180px
}

.pm-forms {
    width: 100%;
    vertical-align: top;
    margin-left: -5px;
}

    .pm-forms td {
        vertical-align: top;
        height: 26px;
    }

.pm-forms-div {
    max-width: 1200px;
    overflow: auto
}

.width-50 {
    width: 50%;
}

.company-selection-box {
    width: 300px;
    float: left;
    margin: 10px;
    min-height: 50px;
    font-size: 12px;
}

.k-window-content .row {
    width: 99%;
}

.pm-margin-bottom--2 {
    /*    margin-bottom: 4px; */
}
/* Layouts End */
/* Text start */
.pm-main-container h1, h2, h3, h4, h5, h6 {
    color: #1b2830; /* #929292 2022*/
    text-transform: none;
    font-weight: 400 !important;
    margin-bottom: 0px;
}

.pm-main-container h1 {
    font-size: 19px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.pm-main-container h2 {
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: #dbdbdb solid 1px;
}

.pm-main-container h3 {
    font-size: 14px;
}

.pm-section-subheading {
    font-size: 13px;
    font-weight: bold !important;
}

h4 {
}

h5, h6 {
}

.pm-sub-title-withline {
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 7px;
    padding-top: 5px;
}

    .pm-sub-title-withline img {
        margin-top: -3px;
    }

.pm-main-title-bold {
    font-weight: 500 !important;
}

.pm-practices-user-text {
    font-size: 0.8rem;
    /*margin-top: 10px;*/
    display: block;
    float: right;
    color: #384860;
}

.widget-subheading a {
    color: #1a609d !important;
}

    .widget-subheading a:hover {
        color: #154F7E !important;
    }

.company-selection-box a {
    color: #384860;
}
/*.company-selection-box a:hover {
    font-weight:bold;
}*/
/* Text end */

/* Controls Start */
.pm-main-container input[type=button], input[type=submit], input[type=reset] {
    background-image: linear-gradient(-180deg,#1a609d,#1a609d);
    border: 1px solid #1a609d;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 25px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    .pm-main-container input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
        background-image: linear-gradient(-180deg,#154F7E,#154F7E);
        box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
    }


    .pm-main-container input[type=button][value~=Save], input[type=button][value~=Send], input[type=button][value~=Submit], input[type=submit][value~=Send], input[type=submit][value~=Save], input[type=submit][value~=Submit], input[type=button][value~=Apply], input[type=reset][value~=Save] {
        background-image: linear-gradient(-180deg,#1a609d,#1a609d) !important;
        border: 1px solid #1a609d !important;
        color: #ffffff !important;
        min-width: 50px !important;
        text-align: center !important;
        cursor: pointer !important;
        font-size: 11px !important;
        height: 25px !important;
        border-radius: 0.3rem !important;
        box-sizing: border-box !important;
    }

        .pm-main-container input[type=button][value~=Save]:hover, input[type=button][value~=Send]:hover, input[type=button][value~=Submit]:hover, input[type=submit][value~=Send]:hover, input[type=submit][value~=Save]:hover, input[type=submit][value~=Submit]:hover, input[type=button][value~=Apply]:hover, input[type=reset][value~=Save]:hover {
            background-image: linear-gradient(-180deg,#154F7E,#154F7E) !important;
            box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
            -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
            -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
        }


.pm-main-container input[type=submit][value~=Disconnect] {
    background-image: linear-gradient(-180deg,#BC0000,#CE0000);
    border: 1px solid #D82E2E;
    color: #ffffff !important;
    min-width: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
    font-size: 11px !important;
    height: 25px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

.pm-main-container input[type=button][value~=Disconnect]:hover {
    border: 1px solid #D82E2E;
    box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
    -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
    -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
}


input[type=button][value~=Yes], input[type=button][value~=Add], input[type=button][value~=Update], input[type=button][value~=Select], input[type=button][value~=Save] {
    background-image: linear-gradient(-180deg,#1a609d,#1a609d) !important;
    border: 1px solid #1a609d;
    color: #ffffff !important;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 25px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    input[type=button][value~=Yes]:hover, input[type=button][value~=Add]:hover, input[type=button][value~=Update]:hover, input[type=button][value~=Select]:hover, input[type=button][value~=Save]:hover {
        background-image: linear-gradient(-180deg,#154F7E,#154F7E) !important;
        box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
    }




input[type=button][value~=Cancel], input[type=submit][value~=Cancel], input[type=reset][value~=Cancel], input[type=button][value~=Clear], input[type=button][value~=No] {
    color: black !important;
    background-image: linear-gradient(0deg,#DDE7F0,#DDE7F0) !important;
    border: 1px solid #ebebeb !important;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    input[type=button][value~=Cancel]:hover, input[type=submit][value~=Cancel]:hover, input[type=reset][value~=Cancel]:hover, input[type=button][value~=Clear]:hover, input[type=button][value~=No]:hover {
        background-image: linear-gradient(0deg,#CAD6E0,#CAD6E0) !important;
        box-shadow: 0px 1px 3px 3px rgba(147,147,147,0.06);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.06);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.06);
    }

/* Green button when comman style not working */

.pm-button-action-submit {
    background-image: linear-gradient(-180deg,#1a609d,#1a609d) !important;
    border: 1px solid #1a609d;
    color: #ffffff !important;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    .pm-button-action-submit:hover {
        background-image: linear-gradient(-180deg,#154F7E,#154F7E) !important;
        box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
    }

.pm-btn-submit {
    background-image: linear-gradient(-180deg,#1a609d,#1a609d);
    border: 1px solid #1a609d;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    height: 25px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    .pm-btn-submit:hover {
        background-image: linear-gradient(-180deg,#154F7E,#154F7E) !important;
        box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
    }


.pm-btn-default {
    color: #2e3e4f !important;
    background-image: linear-gradient(0deg,#DDE7F0,#DDE7F0) !important;
    border: 1px solid #ebebeb !important;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    .pm-btn-default:hover {
        background-image: linear-gradient(0deg,#CAD6E0,#CAD6E0) !important;
        box-shadow: 0px 1px 3px 3px rgba(147,147,147,0.06);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.06);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.06);
    }


/*Disable button Styles*/
.pm-link-btn-cancel {
    color: #959595 !important;
    background-image: linear-gradient(0deg,#CCCCCC,#CCCCCC) !important;
    border: 1px solid #CCCCCC !important;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    border-radius: 0.3rem !important;
    display: inline-block;
    padding-top: 2px;
}

    .pm-link-btn-cancel:hover {
        background-image: linear-gradient(0deg,#CCCCCC,#CCCCCC) !important;
        box-shadow: 0px 1px 3px 3px rgba(147,147,147,0.06);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.06);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.06);
    }



/*.pm-main-container input[type=button][value~=Cancel], input[type=submit][value~=Cancel], input[type=reset][value~=Cancel] {
        border: 1px solid #929292;
        color: #808080 !important;
    }

        .pm-main-container input[type=button][value~=Cancel]:hover, input[type=submit][value~=Cancel]:hover, input[type=reset][value~=Cancel]:hover {
            border: 1px solid #929292;
            color: #fff !important;
            background-image: linear-gradient( 310deg,#dbdbdb,#808080);
        }*/
.pm-main-container input[type=button][value~=Cancel], input[type=submit][value~=Cancel], input[type=reset][value~=Cancel], input[type=button][value~=Close] {
    color: black !important;
    background-image: linear-gradient(0deg,#DDE7F0,#DDE7F0) !important;
    border: 1px solid #ebebeb !important;
    height: 25px;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
}

    .pm-main-container input[type=button][value~=Cancel]:hover, input[type=submit][value~=Cancel]:hover, input[type=reset][value~=Cancel]:hover, input[type=button][value~=Close]:hover {
        background-image: linear-gradient(0deg,#CAD6E0,#CAD6E0) !important;
        box-shadow: 0px 1px 3px 3px rgba(147,147,147,0.06);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.06);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.06);
        box-sizing: border-box !important;
    }

/* 03/05/2022 */
/* input[type=button]{
    color: #2e3e4f;
    background-image: linear-gradient(0deg,#f3f3f3,#fff);
    border: 1px solid #c5c9ce;
}

    input[type=button]:hover {
        box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
        -webkit-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
    }

    input[type=button][value~=No]{
        color: #2e3e4f;
        background-image: linear-gradient(0deg,#f3f3f3,#fff);
        border: 1px solid #c5c9ce;
    }
    
        input[type=button][value~=No]:hover {
            box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
            -webkit-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
            -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
        }     */

/* */

.pm-main-container input[type=text], input[type=number], input[type=password], input[type=email] select {
    border: 1px solid #bec2cc;
    border-radius: 2.5px;
    color: #384860;
    font-weight: 440;
    min-height: 24px !important;
}

    .pm-main-container input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, input[type=email]:hover select:hover {
        border: 1px solid #AEB1BA;
    }

    .pm-main-container input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus select:focus {
        border: 1px solid #AEB1BA !important;
        outline: none !important;
    }

.k-picker-wrap > input[type=text] {
    min-height: 22px !important;
    border: 0px solid #dbdbdb !important;
}

/* .k-state-disabled > input[type=text], input[type=number], input[type=password], input[type=email]
    {
    border: 0px solid transparent !important;
    }

    .k-numeric-wrap > input[type=text], input[type=number], input[type=password], input[type=email]
    {
        border: 0px solid transparent !important;
    }

    .k-dropdown-wrap > input[type=text], input[type=number], input[type=password], input[type=email]
    {
        border: 0px solid transparent !important;
    } */


.pm-main-container textarea {
    border: 1px solid #bec2cc;
    border-radius: 2.5px;
    color: #384860;
}

    .pm-main-container textarea:hover {
        border: 1px solid #99abbd;
    }

    .pm-main-container textarea:focus {
        border: 1px solid #99abbd !important;
        outline: none !important;
    }

.pm-main-container input[type=checkbox] {
    border: 1px solid #bec2cc;
    border-radius: 2.5px;
    color: #1a609d;
    min-height: 18px !important; /* 24 */
    width: 18px !important;
}

    .pm-main-container input[type=checkbox]:hover {
        border: 1px solid #99abbd;
    }

    .pm-main-container input[type=checkbox]:focus {
        border: 1px solid #99abbd !important;
    }

/*.pm-main-container button, [type="button"], [type="reset"], [type="submit"] {
    background-image: linear-gradient(-180deg,#00bc6f,#00aa65);
    border: 1px solid #01965a;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 24px;
}

    .pm-main-container button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
        background-color: #007a29;
        box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
        -webkit-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.5);
    }*/


.pm-main-container span[role=listbox] {
    /*border: 1px solid #dbdbdb;*/
    margin-top: -1px;
}

    .pm-main-container span[role=listbox]:hover {
        border: 0px solid #99abbd !important;
    }

    .pm-main-container span[role=listbox]:focus {
        border: 0px solid #99abbd !important;
    }

.pm-main-container input[type=text].input-text-normal {
    min-width: 230px;
}

.pm-main-container input[type=email].input-text-normal {
    min-width: 230px;
    border: 1px solid #dbdbdb;
    min-height: 24px !important;
}

.pm-main-container input[type=password].input-text-normal {
    min-width: 230px;
}

.pm-main-container input[type=text].input-text-half {
    width: 115px !important;
}

.pm-main-container input[type="image" i] {
    cursor: default;
}


.pm-input-borderremove-all {
    border-width: 0px !important;
}

.pm-input-borderremove-tlb {
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-bottom-width: 0px !important
}

.pm-main-container select.input-select-normal {
    min-width: 246px;
}

.pm-main-container select.input-select-half {
    width: 118px !important;
}

.pm-main-container .kendo-select-normal {
    min-width: 230px;
}


.pm-main-container .input-textarea-normal {
    min-width: 230px;
}



/*.pm-main-container select {
    min-width: 246px;
}*/
.pm-text-hide {
    text-indent: -200px !important;
}

.required-field {
    border-right: 2px solid red !important;
}

.pm-grid-icon-edit {
    margin-right: 8px;
    mask: url('../images/pm/icons/edit.svg');
    height: 18px;
    width: 18px;
    text-indent: -500px;
    background-color: #186760;
}
.pm-icon-create-note {
    background-image: url('../Images/pm/icons/icon-create-note.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.pm-icon-create-task {
    background-image: url('../Images/pm/icons/icon-create-task.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.pm-icon-reminder {
    background-image: url('../Images/pm/icons/communication-log.svg?v=1');
    background-size: contain;
    padding-right:5px;
    background-repeat: no-repeat;
}

.pm-icon-log-activity {
    background-image: url('../Images/pm/icons/icon-log-activity.svg');
    background-size: contain;

    background-repeat: no-repeat;
}


    .pm-grid-icon-edit:hover {
        /* -webkit-filter: invert(100%);  Safari/Chrome 
        filter: invert(100%); */
        opacity: 0.7 !important;
        cursor: pointer !important;
    }



.pm-grid-icon-editonly {
    mask: url('../images/pm/icons/edit.svg');
    height: 18px;
    width: 18px;
    text-indent: -500px;
    background-color: #186760;
}

    .pm-grid-icon-editonly:hover {
        /* -webkit-filter: invert(100%);  Safari/Chrome 
        filter: invert(100%); */
        opacity: 0.7 !important;
        cursor: pointer !important;
    }


.pm-grid-icon-delete {
    /* margin-right: 10px; */
    background-image: url('../images/pm/icons/remove.svg');
    height: 18px;
    width: 16px;
    text-indent: -500px;
}

    .pm-grid-icon-delete:hover {
        /* -webkit-filter: invert(100%);  Safari/Chrome 
        filter: invert(100%); */
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-grid-icon-view {
    margin-right: 8px;
    mask: url('../images/pm/icons/vieweye.svg');
    height: 18px;
    width: 18px;
    text-indent: -500px;
    /*vertical-align:middle;*/
    background-color: #186760;
}

    .pm-grid-icon-view:hover {
        /*-webkit-filter: invert(100%);*/ /* Safari/Chrome */
        /*filter: invert(100%);*/
        opacity: 0.7 !important;
        cursor: pointer !important;
    }


.pm-grid-icon-download {
    margin-right: 10px;
    mask: url('../images/pm/icons/download-invoice.svg?v=1');
    height: 18px;
    width: 18px;
    text-indent: -500px;
    background-color: #186760;
}

    .pm-grid-icon-download:hover {
        -webkit-filter: invert(100%); /* Safari/Chrome */
        filter: invert(100%);
        cursor: pointer !important;
    }

.reportNewtab {
    padding-left: 5px;
    padding-bottom: 2px;
    height: 18px;
    width: 18px;
    text-indent: -500px;
}

.pm-grid-icon-sync {
    margin-right: 10px;
    background-image: url(../../../Images/pm/icons/icon-sync-16.png);
    height: 16px;
    width: 16px;
    text-indent: -500px;
}

    .pm-grid-icon-sync:hover {
        -webkit-filter: invert(100%); /* Safari/Chrome */
        filter: invert(100%);
        cursor: pointer !important;
    }


.pm-grid-icon-ok {
    background-image: url(../../../Images/pm/icons/icon-correct-16.png);
    height: 16px;
    width: 16px;
    text-indent: -500px;
}

.pm-grid-icon-disableduser {
    background-image: url(../../../Images/pm/icons/icon-disableduser-16.png);
    height: 16px;
    width: 16px;
    text-indent: -500px;
}

.pm-grid-icon-clear {
    margin-right: 10px;
    background-image: url(../../../Images/pm/icons/icon-clear-16.png);
    height: 16px;
    width: 16px;
    text-indent: -500px;
}

    .pm-grid-icon-clear:hover {
        -webkit-filter: invert(100%); /* Safari/Chrome */
        filter: invert(100%);
        cursor: pointer !important;
    }

.pm-validation-icon {
    background-image: url(../../../Images/pm/icons/icon-validation-16.png);
    height: 16px;
    width: 16px;
    text-indent: -500px;
    margin-right: 2px;
    cursor: default;
}

.pm-search-top-box {
    min-width: 250px;
}

/*.pm-search-top-box:hover {
        background-color: #304e9b;
    }*/
#btn-search {
    cursor: pointer;
}

.pm-login-btn {
    float: right;
    border: 1px solid #1a609d;
    border-radius: 4px;
    text-align: center;
    background-color: #FFFFFF;
    color: #1a609d !important;
    cursor: pointer;
    font-size: 11px;
    height: 24px;
    padding: 3px 8px 4px 8px;
    margin-top: 8px;
}

    .pm-login-btn:hover {
        border: 1px solid #1a609d;
        color: #fff !important;
        background-image: linear-gradient( 310deg,#1a609d,#1a609d);
    }

        .pm-login-btn:hover a {
            color: #fff !important;
        }


.pm-user-profile-round {
    display: inline-block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pm-user-profile-noimage {
    background-image: url(../../../Images/pm/icons/icon-user.png);
}

.cursor-hand {
    cursor: pointer;
}

.pm-greeting-morning {
    background-image: url('../Images/pm/icons/icon-morning-64.png');
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
}

.pm-greeting-afternoon {
    background-image: url('../Images/pm/icons/icon-afternoon-64.png');
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
}

.pm-greeting-evening {
    background-image: url('../Images/pm/icons/icon-afternoon-64.png');
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
}

.pm-emp {
    background-image: url('../images/pm/icons/employee.svg');
    background-size: 50px 55px;
    width: 50px;
    height: 55px;
}

.pm-client {
    background-image: url('../images/pm/icons/clients.svg');
    background-size: 50px 55px;
    width: 50px;
    height: 55px;
}

.pm-supplier {
    background-image: url('../images/pm/icons/supplier icon.svg');
    background-size: 50px 55px;
    width: 50px;
    height: 55px;
}

.pm-timesheet-ts {
    background-image: url('../images/pm/icons/timesheet_icon.svg');
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
}

.pm-payment-py {
    background-image: url('../images/pm/icons/payment new.svg');
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}

.pm-payment-overpayment {
    background-image: url('../images/pm/icons/overpayment new.svg');
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}

.pm-jobs {
    background-image: url('../images/pm/icons/jobs_new.svg');
    background-size: 45px 50px;
    width: 45px;
    height: 50px;
}

.pm-report {
    background-image: url('../images/pm/icons/report_icon new.svg');
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}

.pm-maintenance {
    background-image: url('../images/pm/icons/maintainence new.svg');
    background-size: 40px 50px;
    width: 40px;
    height: 50px;
}

.pm-billing {
    background-image: url('../images/pm/icons/billing_icon_new.svg');
    background-size: 42px 42px;
    width: 42px;
    height: 42px;
}

.pm-billing-setupsubscription {
    background-image: url('../images/pm/icons/setupsubscriptionicon.svg');
    background-size: 42px 42px;
    width: 42px;
    height: 42px;
}

.pm-debtors {
    background-image: url('../images/pm/icons/debtors.svg');
    background-size: 50px 55px;
    width: 50px;
    height: 55px;
}

#iconwrapper {
    display: flex;
    flex-direction: row;
    padding-left: 12px;
}

#first {
    width: 50px !important;
}

#second {
    align-items: center;
    margin-top: 14px;
}

#iconwrapperforcalendar {
    display: flex;
    flex-direction: row;
    padding-left: 0px !important;
}

#iconwrapperbilling {
    display: flex;
    flex-direction: row;
    margin-top: 0 !important;
}

#firstbilling {
    width: 50px !important;
}

#secondbilling {
    margin-top: 6px;
}

#secondreport {
    margin-top: 11px;
}

.pm-report-ul {
    list-style-image: url('../images/pm/icons/icon-report.svg?v=1');
}

    .pm-report-ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.reporiconlist {
    padding-right: 5px;
    height: 20px;
    width: 17px;
}

.pm-help-icon {
    float: right;
    margin-top: -25px;
}

/* Controls End */
/* Top Menu Start */
.pm-menu-main {
    min-width: 90px; /* width: 100px; */
    text-align: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .pm-menu-main:hover {
        background-color: #f2f2f2;
    }

    .pm-menu-main ul {
        z-index: 13000;
    }


#menu_inline {
    border-bottom: #ffffff solid 1px; /* dbdbdb 2022*/
    border-top: #fff solid 1px;
    border-right: #fff solid 1px;
    border-left: #fff solid 1px;
    font-size: 12px;
}

    /* Top Menu End */
    /* Kendo overwrite start */
    #menu_inline .k-item {
        border-width: 0 0 0 0 !important;
    }


.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    border-radius: 0;
    border-color: #e3e3e3 !important;
    color: #1b2830 !important;
    background-color: #fff !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2)
}


.k-tooltip {
    padding: 2px 5px 2px 2px !important;
}


.k-primary {
    border: 1px solid #323382 !important;
    /*text-align: center;*/
    background-color: #FFFFFF !important;
    /*color: #000 !important;
    cursor: pointer;
    font-size: 11px;
    height: 24px;*/
}

.k-checkbox::before {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}

.k-tooltip {
    z-index: 99 !important;
}

.k-button {
    color: #2e3e4f !important;
    background-image: linear-gradient(0deg,#fff,#fff) !important;
    border: 1px solid #c5c9ce !important;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 24px;
    border-radius: 0.3rem !important;
}

    .k-button:hover {
        background-color: white;
        box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101,101,101,0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194,194,194,0.1);
    }

.k-window-content input[type=text], input[type=number], input[type=password], input[type=email] select {
    border: 1px solid #dbdbdb;
}

    /*.k-window-content textarea {
    border: 1px solid #dbdbdb !important;
}*/

    .k-window-content input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, input[type=email]:hover select:hover {
        border: 1px solid #99abbd;
    }

/*.k-window-content textarea:hover {
    border: 1px solid #99abbd !important;
}*/

/* */
span.k-tooltip {
    /*   position: absolute !important; absolute */
    width: fit-content;
    display: flex;
    position: absolute !important;
}


/*.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #1b2830 !important
}*/

.k-grid-header > .k-link, .k-treemap-title {
    color: #384860 !important
}

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #384860 !important
}

.k-input, .k-multiselect-wrap, .k-textbox, .k-textbox > input {
    color: #384860 !important
}

.k-card-title {
    font-size: 17px !important;
}

/*.k-detail-row:hover {
    color: #1b2830 !important;
    background-color: transparent !important;
}*/

k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 3px 1px #99abbd !important;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #99abbd !important;
}

.k-grid .k-grid-header .k-header {
    background-color: white !important;
}

.k-grid-header-wrap {
    border-color: white !important;
}

div.k-grid-header {
    border-bottom-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-color: #2a8d9f !important;
    font-weight: 700 !important;
}

.k-header {
    color: #1a609d !important;
}

.k-grid-header .k-header > .k-link {
    color: #1a609d !important;
    font-weight: 600 !important;
    border-bottom-width: 3px !important;
    border-bottom-color: #2a8d9f !important;
}

.k-grid td {
    line-height: 1.8em !important;
}

.k-widget {
    color: #384860 !important;
    font-weight: 480 !important;
    /*border-color: white !important;*/
}

.k-grid .k-grouping-header, .k-toolbar {
    border-color: #F3F3F3 !important;
}

.k-button {
    border-color: #1a609d !important;
    color: #1a609d !important;
}

.k-pager-wrap .k-link.k-state-disabled {
    color: #003767 !important;
    /*border-color: #003767 !important;*/
}

.k-pager-wrap .k-link.k-state-selected {
    color: #fff !important;
    background-color: #1e63a8 !important;
}

.k-pager-wrap .k-link {
    /*border-color: #1e63a8 !important;*/
    color: #003767 !important;
}

.k-pager-wrap .k-dropdown-wrap.k-state-default {
    border-color: #6687a3 !important;
}

.k-pager-wrap .k-dropdown .k-input {
    color: #1a609d !important;
}

.k-pager-wrap .k-dropdown-wrap .k-select {
    color: #1a609d !important;
}

.k-alt {
    background-color: #EFF5F8 !important;
}

.k-grid tbody tr:hover {
    color: #1a609d !important;
    background-color: #2D939F !important;
}

.k-grid {
    border-color: #F3F3F3 !important;
}

.k-pager-wrap {
    border-color: #F3F3F3 !important;
}

.k-grid-header {
    border-bottom-width: 3px !important;
    border-bottom-color: #2a8d9f !important;
    padding-right: 0px !important;
}

.k-grid .k-grid-header {
    border-bottom-width: 3px !important;
    border-bottom-color: #2a8d9f !important;
}

.k-grid-footer td {
    border-color: #F3F3F3 !important;
}

.k-grid .k-widget .k-grid-display-block {
    border-color: #F3F3F3 !important;
}

.k-grid td {
    border-color: #F3F3F3 !important;
}

.k-grid-header .k-header {
    border-bottom-width: 3px !important;
    border-bottom-color: #2a8d9f !important;
}
.k-link {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
   
}

.k-menu .k-state-hover > .k-link {
    background-color: #2a939f !important;
    background-image: none, linear-gradient(to bottom, #2a8d9f 0, #2a8d9f 100%) !important;
    border-color: #2a8d9f !important;
}

.pm-sub-title-withline:hover {
    background-color: #EFF5F8 !important;
}

.k-state-selected {
    background-color: #2D939F !important;
    border-color: #2D939F !important;
    color: white !important;
}

.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 3px 1px #2d939f !important;
}

.k-dropdown-wrap.k-state-default, .k-picker-wrap.k-state-default, .k-upload, .k-textbox, input.k-textbox {
    border: 1px solid #bec2cc !important;
    border-radius: 2.5px !important;
}

.k-dropdown-wrap, .k-datepicker, .k-picker-wrap {
    border-radius: 2.5px !important;
}

    .k-dropdown-wrap.k-state-default {
        border: 1px solid #bec2cc !important;
    }

    .k-picker-wrap.k-state-default {
        border: 1px solid #bec2cc !important;
    }

.k-textarea {
    border: 1px solid #bec2cc !important;
    border-radius: 2.5px !important;
}

    .k-textarea:hover {
        border: 1px solid #99abbd !important;
    }

.k-checkbox {
    border: 1px solid #bec2cc !important;
    border-radius: 2.5px !important;
    color: #1a609d !important;
}

.k-radio::before {
    color: #1a609d !important;
}

.k-scheduler-views k-button-group .k-button {
    color: #1a609d !important;
}

.k-numeric-wrap.k-expand-padding .k-input, .k-numerictextbox, .k-numeric-wrap {
    border-radius: 2.5px !important;
}

.k-animation-container * {
    border-radius: 3.5px !important;
}

.dropdown-item:hover {
    background-color: #2D939F !important;
    color: white !important;
}

#scheduler {
    border-radius: 2px !important;
}

.k-scheduler-header .k-link, .k-scheduler-layout, .k-scheduler-datecolumn {
    color: #1a609d !important;
}

/*.k-dropdown-wrap .k-state-hover {
    background-color: green !important;
}*/

.k-multiselect-clearable .k-multiselect-wrap {
    border: 1px solid #bec2cc !important;
    border-radius: 2.5px !important;
}

    .k-multiselect-clearable .k-multiselect-wrap :hover {
        border: 1px solid #99abbd !important;
    }

.span.k-dropdown {
    border-radius: 2.5px !important;
}

.linkAddNewRow {
    border-radius: 2.5px !important;
    border: 1px solid #2d939f !important;
    background-color: #EFF5F8 !important;
}

    .linkAddNewRow:hover {
        background-color: #EFF5F8 !important;
    }

button.linkAddNewRow {
    border: none !important;
}

.k-state-hover {
    background-image: none, linear-gradient(to bottom, #2d939f 0, #2d939f 100%) !important;
    color: white !important;
}

/*.k-list > .k-state-focused, .k-state-focused {
    box-shadow: inset 0 0 0 1px #2D939F !important;
}*/

.k-list > .k-state-selected, .k-state-selected {
    background-color: #2D939F !important;
}

.k-list > .k-state-hover {
    background-color: #2D939F !important;
}

.k-dropdown.k-state-focused {
    box-shadow: none !important;
}

.k-dropdown-wrap.k-state-focused {
    background-color: #2D939F !important;
    background-position: 50% 50% !important;
    box-shadow: none !important;
}

.k-calendar td.k-state-hover .k-link {
    background-color: #2D939F !important;
    border-color: #2D939F !important;
    background-image: none, linear-gradient(to bottom, #2D939F 0, #2D939F 100%) !important;
}

/*k-picker-wrap k-state-default, .k-picker-wrap .k-select{
    background-color: antiquewhite !important;
}*/

.k-calendar td.k-state-selected .k-link {
    background-color: #2D939F !important;
    border-color: #2D939F !important;
}

.k-calendar td.k-state-focused .k-link, .k-calendar .k-today .k-link {
    box-shadow: inset 0 0 0 1px #2D939F !important;
}

.k-valid {
    accent-color: #1a609d !important;
}

.k-state-hover {
    background-image: none, linear-gradient(to bottom, #2D939F 0, #2D939F 100%) !important;
}

.work-calendar-description, .work-calendar-title {
    color: #384860 !important;
}

.k-event .k-event-top-actions {
    text-align: right !important;
    padding-bottom: 5px !important;
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    border-top: 2px solid #1a609d !important;
    background-color: #EFF5F8 !important;
    font-weight: 600;
}

.k-numeric-wrap.k-expand-padding .k-input {
    padding-right: 5px !important;
}
/*.k-state-default > .k-select {
    color: black !important;
    background-color:aquamarine !important;
}

    .k-state-default > .k-select:hover {
        background-color: #2D939F !important;
    }
    
    .k-state-default > .k-select:after {
        background-color: red !important;
    }*/
/*.k-dropdown-wrap.k-state-default {
    border-color: white !important;
}

.k-dropdown, .k-picker-wrap.k-state-default {
    border: 1px solid #bec2cc !important;
    border-radius: 2px !important;
}*/
/*.k-list > .k-state-selected, .k-state-selected{
    background-color: #2a8d9f !important;
}*/
/* Kendo overwrite end */
.hv:hover {
    background-color: #2D939F !important;
    border-radius: 2.5px !important;
}

.k-grid-content {
    overflow-y: auto !important;
}

/*#timeSheetMainEditGrid-grid .k-grid-content {
    overflow-y: hidden !important;
}*/

/* Report Start */
#ctl00_ctl00_MainContent_MainContent_rv_ctl05, #rv_ctl05, #rv_ctl06 {
    background-image: none !important;
    background-color: #ffffff !important;
    margin-bottom: 10px;
}

.pm-grid-icon-invoiceHistory {
    height: 18px;
    width: 18px;
}

    .pm-grid-icon-invoiceHistory:hover {
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-grid-icon-viewInvoice {
    height: 18px;
    width: 18px;
}

    .pm-grid-icon-viewInvoice:hover {
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-grid-icon-downloadInvoice {
    height: 18px;
    width: 18px;
}

    .pm-grid-icon-downloadInvoice:hover {
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-grid-icon-sendEmail {
    height: 18px;
    width: 18px;
}

    .pm-grid-icon-sendEmail:hover {
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-icon-view {
    margin-right: 10px;
    mask: url('../images/pm/icons/vieweye.svg');
    height: 18px;
    width: 18px;
    text-indent: -500px;
    vertical-align: middle;
    background-color: #186760;
}

    .pm-icon-view:hover {
        /*-webkit-filter: invert(100%);*/ /* Safari/Chrome */
        /*filter: invert(100%);*/
        opacity: 0.7 !important;
        cursor: pointer !important;
    }

.pm-icon-previewInvoice, .urlView {
    height: 20px !important;
    width: 20px !important;
}

    .pm-icon-previewInvoice:hover, urlView:hover {
        opacity: 0.8 !important;
        cursor: pointer !important;
    }

/* Report End */
/* Admin Billing Start */
.pm-admin-billing {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh;*/
    min-height: 75vh;
    margin: 0;
}

.pm-admin-billing-container {
    text-align: center;
    padding: 20px;
}

.pm-admin-billing-expired h1 {
    color: #CE0000;
}

.pm-admin-billing-not-expired h1 {
    color: #2D939F;
}

.pmhub-subscription-status-default {
    background-color: #2D939F;
}

.pmhub-subscription-status-expired {
    background-color: #CE0000;
}

.pmhub-subscription-status-fortnight-to-expire {
    background-color: #F6E31F;
    color: #696969 !important;
}

.pmhub-subscription-status-week-to-expire {
    background-color: #FC8E21;
}

.pmhub-subscription-status {
    padding: 5px 12px 5px 12px;
    border-radius: 15px;
    color: white;
    cursor: default;
}

/* Admin Billing End */


.pm-send-email-icon {
    background-image: url('/Images/pm/icons/sendEmail.svg');
    margin-right: 8px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.pm-auth-level-icon {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    margin-right: 8px;
    display: inline-block;
}

.authStatus-submitted {
    background-color: #186760;
    mask: url('/Images/pm/icons/authStatus-submitted.svg') no-repeat center;
    -webkit-mask: url('/Images/pm/icons/authStatus-submitted.svg') no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    text-indent: -500px;
}

.authStatus-pending {
    background-image: url('/Images/pm/icons/authStatus-pending.svg');
}

.authStatus-posted {
    background-image: url('/Images/pm/icons/authStatus-posted.svg?v=2');
}

.pm-posted-icon {
    background-image: url('/Images/pm/icons/posted.svg');
    margin-right: 8px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.pm-submitted-icon {
    background-image: url('/Images/pm/icons/submitted.svg');
    margin-right: 8px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.pm-sentback-icon {
    background-image: url('/Images/pm/icons/sent back to draft.svg');
    margin-right: 8px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.pm-email-icon {
    background-image: url('/Images/pm/icons/email.svg');
    margin-right: 8px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}

.pm-btn-pdf-preview {
    background-image: linear-gradient(-180deg, #1a609d, #1a609d) !important;
    border: 1px solid #1a609d !important;
    color: #ffffff !important;
    min-width: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
    font-size: 11px !important;
    height: 26px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
    display: block;
    margin-left: auto;
}

hr {
    margin: 1rem 0;
    opacity: .25;
}

.pm-send-email-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pm-send-email-form-text-field {
    border: 1px solid #bec2cc;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .pm-send-email-form-text-field:hover {
        border: 1px solid #99abbd;
        box-shadow: none;
    }

.gray-border-input:focus {
    border: 1px solid #99abbd;
    box-shadow: none;
}

.pm-send-email-form-label {
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.pm-send-email-form-dropdown-field {
    border: 1px solid #bec2cc;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    font-size: 12px;
    outline: none;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    margin-bottom: 20px;
}

    .pm-send-email-form-dropdown-field option {
        background-color: white;
        color: black;
        padding: 8px;
    }

    .pm-send-email-form-dropdown-field:hover {
        border: 1px solid #99abbd;
        box-shadow: none;
    }

    .pm-send-email-form-dropdown-field:focus {
        border: 1px solid #99abbd;
        box-shadow: none;
    }

    .pm-send-email-form-dropdown-field option:hover {
        background-color: #99abbd !important;
        color: white !important;
    }

.pm-send-email-text-area {
    width: 100%;
    height: 150px;
    border: 1px solid #bec2cc;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
    overflow-y: auto;
}

    .pm-send-email-text-area:focus {
        border: 1px solid #99abbd;
        outline: none;
    }

.pm-send-email-form-checkbox-container {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .pm-send-email-form-checkbox-container input {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        cursor: pointer;
    }

    .pm-send-email-form-checkbox-container label {
        font-size: 12px;
        cursor: pointer;
    }

.pm-send-email-form-action-buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
}

.pm-btn-email-form-cancel {
    color: black !important;
    background-image: linear-gradient(0deg,#DDE7F0,#DDE7F0) !important;
    border: 1px solid #ebebeb !important;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    height: 28px;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
    margin-right: 10px;
}

    .pm-btn-email-form-cancel:hover {
        background-color: #2F9D9A;
        box-shadow: 0px 1px 3px 3px rgba(101, 101, 101, 0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101, 101, 101, 0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194, 194, 194, 0.1);
    }

.pm-btn-email-form-send {
    background-image: linear-gradient(-180deg, #1a609d, #1a609d) !important;
    border: 1px solid #1a609d !important;
    color: #ffffff !important;
    min-width: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
    font-size: 11px !important;
    height: 28px !important;
    border-radius: 0.3rem !important;
    box-sizing: border-box !important;
    display: block;
}

    .pm-btn-email-form-send:hover {
        background-color: #1a609d;
        box-shadow: 0px 1px 3px 3px rgba(101, 101, 101, 0.1);
        -webkit-box-shadow: 0px 1px 3px 3px rgba(101, 101, 101, 0.1);
        -moz-box-shadow: 0px 5px 2px 0px rgba(194, 194, 194, 0.1);
    }

.pm-email-attachment-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 4px 5px 4px 4px;
    border: 1px solid #dbdbdb;
    border-radius: 0.2rem !important;
    font-size: 11px;
}

.pm-send-email-pdf-icon {
    background-image: url('/Images/pm/icons/Pdf_Icon.svg');
    margin-right: 8px;
    background-size: 18px 22px;
    width: 18px;
    height: 22px;
    margin-right: 6px;
}

.pm-email-attachment-button:hover {
    background-color: rgba(24, 89, 154, 0.4);
    border: 1px solid #dbdbdb;
    color: black;
}

.email-contact-type-2 {
    color: #1A609D;
}

.pm-history-timeline-container {
    height: 650px;
    /*height: calc(100% - 100px);*/
    overflow: auto;
    /*overflow-y: scroll;*/ /* Enable vertical scrolling */
    /*overflow-x: hidden;*/ /* Prevent horizontal scrolling */
    /*border: 1px solid #ddd;*/ /* Optional: Add a border for clarity */
    padding: 0px 10px 10px 15px; /* Optional: Add padding for aesthetics */
}

.pm-timeline-bar-container {
    position: relative;
    width: max-content;
    margin-left: 20px;
}

.pm-timeline-bar-line {
    position: absolute;
    width: 2px;
    height: calc(100% - 40px);
    background-color: #dbdbdb;
    left: 9px;
    top: 10px;
}

.pm-timeline-bar-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.pm-timeline-bar-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
}

.pm-timeline-bar-circle {
    width: 19px;
    height: 19px;
    margin-top: 3px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.pm-timeline-bar-text-container {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.pm-timeline-bar-status {
    font-weight: bold;
    line-height: 1.4;
}

.pm-timeline-bar-status-email {
    font-weight: normal !important;
}

.pm-timeline-bar-time {
    color: #787878;
    display: block;
}

.pm-email-status {
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.icon-bounce {
    background-image: url('/Images/pm/icons/email-bounce.svg');
}

.icon-click {
    background-image: url('/Images/pm/icons/email-click.svg');
}

.icon-deferred {
    background-image: url('/Images/pm/icons/email-deferred.svg');
}

.icon-delivered {
    background-image: url('/Images/pm/icons/email-delivered.svg');
}

.icon-open {
    background-image: url('/Images/pm/icons/email-open.svg');
}

.icon-processed {
    background-image: url('/Images/pm/icons/email-processed.svg');
}

.icon-dropped {
    background-image: url('/Images/pm/icons/email-dropped.svg');
}

.icon-unsubscribe {
    background-image: url('/Images/pm/icons/email-unsubscribe.svg');
}

.pm-email-status-details-container {
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .12);
    padding: 15px;
    margin: 10px 0px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.pm-email-status-details-row {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 5px;
}


.pm-email-status-details-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1; /* Allows text to take available space */
    margin: 0; /* Ensure no extra margin */
    padding: 0;
}

.pm-email-status-details-wrapper,
.pm-email-status-details-dateandtime {
    font-size: 11px !important;
    margin-bottom: 0px !important;
}

.pm-email-status-details-dateandtime {
    text-align: right;
    white-space: nowrap;
    flex-shrink: 0;
}

.pm-email-category {
    font-weight: bold;
}

.pm-email-subject {
    color: #1A609D;
    font-weight: bold;
}

.notification-history-emails {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.pm-email-history-header {
    padding: 10px;
    /*border-radius: 5px;*/
    /*margin: -10px -10px 0px -10px;*/
    margin: -10px;
}

    .pm-email-history-header:hover {
        background-color: #F3F7FA;
        cursor: pointer;
    }

.pm-email-status-details-timeline-container {
    margin-top: 10px;
}

.pm-toggle-arrow {
    transition: transform 0.5s ease;
    color: #1A609D !important;
}

/* Integration Start */

.sync-client-comparison-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;
}

    .sync-client-comparison-table td {
        padding: 10px;
    }

    .sync-client-comparison-table .logo {
        height: 20px;
    }

    .sync-client-comparison-table thead th:nth-child(1) {
        padding: 10px;
    }

    .sync-client-comparison-table thead th:nth-child(2) {
        padding: 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .sync-client-comparison-table thead th:nth-child(4) {
        padding: 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .sync-client-comparison-table thead th:nth-child(5) {
        padding: 10px;
        border-bottom: 1px solid #D9D9D9;
    }

    .sync-client-comparison-table tbody tr {
        /*line-height: 25px;*/
    }

    .sync-client-comparison-table td:nth-child(1) {
        width: 100px;
        border: none;
        font-weight: bold;
    }

    .sync-client-comparison-table td:nth-child(2) {
        min-width: 100px;
        background: #DDF0EF;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
    }

    .sync-client-comparison-table td:nth-child(3) {
        width: 36px;
        padding: 0;
    }

    .sync-client-comparison-table td:nth-child(4) {
        min-width: 100px;
        background: #EDF7FB;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
    }

    .sync-client-comparison-table td:nth-child(5) {
        width: 250px;
        background: #eee;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
        /*text-align:center;*/
    }

.client-review-data-label-matched {
    background-color: #3CBBA2;
    color: rgb(255, 255, 255);
    padding: 5px 12px;
    border-radius: 15px;
}

.client-review-data-label-new {
    background-color: #1C649E;
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 15px;
}

.client-review-data-label-existing {
    background-color: orange;
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 15px;
}

.client-review-data-label-review {
    background-color: #ffffff;
    border: 1px solid #1C649E;
    color: #1C649E;
    padding: 5px 12px;
    border-radius: 15px;
}

.client-review-data-label-synced {
    background-color: #3CBBA2;
    color: rgb(255, 255, 255);
    padding: 5px 12px;
    border-radius: 15px;
}

.client-sync-app-selection-popup-main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.client-sync-app-selection-popup-div-container {
    cursor: pointer;
    width: 80%;
    height: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    /*-webkit-box-shadow: -1px 0px 10px 1px rgb(236, 236, 236);
    -moz-box-shadow: -1px 0px 10px 1px rgb(236, 236, 236);
    box-shadow: -1px 0px 10px 1px rgb(236, 236, 236);*/
}

.client-sync-app-selection-popup-image {
    align-items: center;
    /*width: 45%;*/
    height: 36px;
}

.integration-client-sync-status {
    /*width: 90%;
    max-width: 650px;
    height: auto;
    */ min-height: 50px;
    border-radius: 10px;
    margin: 10px auto;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

.integration-client-sync-status-success {
    background-color: rgba(64, 197, 182, 0.1);
    border: 2px solid #38AFA1;
    color: #34a195;
}

.integration-client-sync-status-failed {
    background-color: rgba(241, 96, 96, 0.1);
    border: 2px solid #D82E2E;
    color: #D82E2E;
}

.pm-right-arrow-icon {
    background-image: url('/Images/Right Arrow.svg');
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.pm-left-arrow-icon {
    background-image: url('/Images/Left Arrow.svg');
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

.review-data-popup-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 97%;
}

.review-data-popup-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-data-popup-wrapper-topic {
    font-size: 19px;
    /*font-weight: bold;*/
    font-weight: 500 !important;
    margin: 0;
    white-space: nowrap;
}

.review-data-popup-controler {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    flex-wrap: wrap;
}

.controler-first-arrow {
    background-image: url('/Images/first arrow.svg');
}

.controler-previous-arrow {
    background-image: url('/Images/previous arrow.svg');
}

.controler-next-arrow {
    background-image: url('/Images/next arrow.svg');
}

.controler-last-arrow {
    background-image: url('/Images/last arrow.svg');
}

.controler-first-arrow, .controler-previous-arrow, .controler-next-arrow, .controler-last-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-color: white;
    width: 10px;
    height: 10px;
    border-radius: 3em;
    border: 1px solid #dbdbdb;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 11px;
    transition: background-color 0.3s;
    cursor: pointer;
    text-indent: -500px;
}

    .controler-first-arrow:hover {
        background-color: #99abbd;
        background-image: url('/Images/first arrow hover.svg');
    }

    .controler-previous-arrow:hover {
        background-color: #99abbd;
        background-image: url('/Images/previous arrow hover.svg');
    }

    .controler-next-arrow:hover {
        background-color: #99abbd;
        background-image: url('/Images/next arrow hover.svg');
    }

    .controler-last-arrow:hover {
        background-color: #99abbd;
        background-image: url('/Images/last arrow hover.svg');
    }

.controler-page-number-first, .controler-page-number-second {
    font-size: 11px;
    padding: 6px 9px;
    border-radius: 5em;
    background-color: white;
    color: black;
}

    .controler-page-number-first:hover, .controler-page-number-second:hover, .controler-page-number-first:active, .controler-page-number-second:active {
        background-color: #99abbd;
        color: white;
    }

/* Message container styles */


.review-data-popup-dropdownlist-integration-clients {
    min-width: 450px;
}
/* Integartion End*/

.practice-icon {
    width: 65px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}




.pm-grid-no-records {
    text-align: center;
    font-size: 18px;
    color: #555;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

/*.pm-seal {
    position: absolute;
    top: 150px;
    right: 90px;
    width: 180px;
    height: 90px;
    background: rgb(45 147 159 / 62%);
    border: 3px solid #2d939f;
    border-radius: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     transform: rotate(12deg); 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     animation: pulse 2s infinite; 
}

.pm-seal-inner {
    width: 175px;
    height: 80px;
    border: 5px solid #12a24f;
    background-color: #ffffff;
    border-radius: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pm-seal-context {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.pm-seal-text {
    font-size: 45px;
    font-weight: 700;
    color: #2d939f;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pm-auth {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.pm-auth:hover {
    border-color: #007BFF;
    background-color: #f0f8ff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}*/

/*.stamp-wrapper {
    position: relative;
}

.pm-auth {
    cursor: pointer;
}

.stamp {
    font-weight: 800;
    font-size: 25px;
    font-family: 'Stencil', 'Impact', sans-serif;
    padding: 6px 10px 6px 40px;
    text-transform: uppercase;
    background-color: white;
    border: 6px solid;
    opacity: 0.9;
    position: relative;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center;
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 15px;
}


    .stamp::after {
        content: "";
        position: absolute;
        top: -6px;
        left: -6px;
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        background: url(../Images/pm/stamp-bg.jpg);
        background-size: cover;
        mix-blend-mode: screen;
        opacity: 0.4;
        pointer-events: none;
        z-index: 2;
    }

    .stamp.text-draft {
        width: 147px;
        height: 58px;
        color: #F6D937;
        border-color: #F6D937;
    }

    .stamp.text-sent-back-to-draft {
        width: 320px;
        height: 58px;
        color: #F2853C;
        border-color: #F2853C;
    }

    .stamp.text-submitted {
        width: 205px;
        height: 58px;
        color: #3663F5;
        border-color: #3663F5;
    }

    .stamp.text-posted {
        width: 160px;
        height: 58px;
        color: #43A047;
        border-color: #43A047;
    }


    .status-draft {
        background-image: url(../Images/pm/icons/email-dropped.svg);
    }

    .status-sent-back-to-draft {
        background-image: url(../Images/pm/icons/authStatus-draft.svg);
    }

    .status-submitted {
        background-image: url(../Images/pm/icons/authStatus-submitted.svg);
    }

    .status-posted {
        background-image: url(../Images/pm/icons/authStatus-posted.svg);
    }*/

/*.stamp-wrapper {
    position: relative;
}*/

/*.stamp {
    font-family: 'Stardos Stencil';
    font-weight: 800;
    font-size: 25px;
    padding: 5px 8px 5px 8px;*/ /* Removed left padding reserved for icon */
/*text-transform: uppercase;
    background-color: white;
    border: 1px solid;
    border-radius: 5px;
    opacity: 0.9;
    position: absolute;
    top: 10px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center;
}

    .stamp::after {
        content: "";
        position: absolute;
        top: -6px;
        left: -6px;
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        background: url(../Images/pm/stamp-bg.jpg?v1);
        background-size: cover;
        mix-blend-mode: screen;
        border: 5px solid;
        border-radius: 5px;
        opacity: 0.5;
        pointer-events: none;
        z-index: 2;
    }*/

/*.stamp {
    font-size: 28px;
    font-weight: 700;
    border: 0.25rem solid #555;
    display: inline-block;
    padding: 6px 10px 2px 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-family: 'Courier';*/
    /*-webkit-mask-image: url(../Images/pm/stamp-bg.jpg);
    -webkit-mask-size: 944px 604px;*/
    /*mix-blend-mode: multiply;
    height: 50px;
    position: absolute;*/
    /*top: 10px;*/
    /*right: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1;
}

.text-draft {
    color: #F6D937;
    border-color: #F6D937;
    width: 150px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    display: inline !important;
}

    .text-draft::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }


.text-sent-back-to-draft {
    width: 370px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    color: #F2853C;
    border-color: #F2853C;
    display: inline !important;
}

    .text-sent-back-to-draft::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.stamp.text-submitted {
    width: 205px;
    height: 58px;
    color: #3663F5;
    border-color: #3663F5;
    display: inline !important;
}

.text-submitted {
    width: 215px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    color: #33A3A0;
    border-color: #33A3A0;
    display: inline !important;
}

    .text-submitted::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.text-posted {
    width: 160px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    color: #43A047;
    border-color: #43A047;
    display: inline !important;
}

    .text-posted::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.text-approved {
    width: 195px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    color: #43A047;
    border-color: #43A047;
    display: inline !important;
}

    .text-approved::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.text-pending {
    width: 185px;
    height: 48px;
    line-height: 1;*/
    /* -webkit-mask-position: 2rem 3rem;*/
    /*display: flex;
    align-items: baseline;
    transform: translateY(-1px);
    color: #F6D937;
    border-color: #F6D937;
    display: inline !important;
}

    .text-pending::after {
        position: absolute;
        left: 47px;
        top: 50%;
        transform: translateY(-58%);
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.pm-auth {
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(3px);*/
    /*width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;*/
/*}*/

/* Status icons */
/*.status-draft {
    background-image: url(../Images/pm/icons/stamp-draft.svg);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}

.status-sent-back-to-draft {
    background-image: url(../Images/pm/icons/authStatus-draft.svg);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}

.status-submitted {
    background-image: url(../Images/pm/icons/authStatus-submitted.svg);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}

.status-posted {
    background-image: url(../Images/pm/icons/authStatus-posted.svg?V=2);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}

.status-approved {
    background-image: url(../Images/pm/icons/authStatus-posted.svg?V=2);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}

.status-pending {
    background-image: url(../Images/pm/icons/authStatus-pending.svg);
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    display: inline !important;
}*/

.stamp-wrapper {
    display: flex;
    position: absolute;
    top: 130px;
    right: 50px;
    padding: 0 10px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    font-family: Courier;
    border: 0.2rem solid;
}

.stamp-draft {
    color: #F6D937;
    border-color: #F6D937;
    display: flex !important;
}

.stamp-sent-back-to-draft {
    color: #F2853C;
    border-color: #F2853C;
    display: flex !important;
}
 

.stamp-submitted {
    color: #33A3A0;
    border-color: #33A3A0;
    display: flex !important;
}

.stamp-posted {
    color: #43A047;
    border-color: #43A047;
    display: flex !important;
}

.stamp-approved {
    color: #43A047;
    border-color: #43A047;
    display: flex !important;
}

.stamp-pending {
    color: #F6D937;
    border-color: #F6D937;
    display: flex !important;
}

.stamp-box {
    display: flex;
    align-items: center;
    padding: 1px 0px;
    margin-top: 2px;
}

.stamp-img {
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: left center;
    padding-left: 35px;
    cursor: pointer;
}
 
.status-draft {
    background-image: url(../Images/pm/icons/stamp-draft.svg); 
}

.status-sent-back-to-draft {
   background-image: url('../images/pm/icons/stamp-sent_back_to_draft.svg');
}

.status-submitted {
    background-image: url(../Images/pm/icons/authStatus-submitted.svg); 
}

.status-posted {
    background-image: url(../Images/pm/icons/authStatus-posted.svg?V=2); 
}

.status-approved {
    background-image: url(../Images/pm/icons/authStatus-posted.svg?V=2); 
}

.status-pending {
    background-image: url(../Images/pm/icons/authStatus-pending.svg);
}
.stamp-img:hover {
    background-size: 29px 29px;
    transition: background-size 0.2s ease-in-out;
    background-color: #ffffff;
}




/* Cerebiz PM End */