/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,400,500,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');*/
/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
/* @import url("amendment/css/style.css"); */
body { 
    margin: 0px;
    padding: 0px;
    /*font-family: 'Fira Sans Condensed', sans-serif;*/
    font-family: 'Rubik', sans-serif;
    /*background: #cceaf7;*/
    background: #f0f4fb;
    line-height: 1.5;
    font-size: 16px; 
}

body, html, form {   
    height: 100%;
    margin: 0px;

}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

footer {
    background: #051226;
    padding: 6px;
    text-align: center;
    margin-top: 20px;
}

    footer ul li a {
        color: #374151;
        text-decoration: none;
        font-weight: 400;
        border-right: 1px solid #374151;
        padding: 0px 10px;
        transition: all ease 0.5s;
        font-size: 14px;
    }

    footer ul li {
        display: inline-block;
    }

        footer ul li:last-child a {
            border: none;
        }

        footer ul li a:hover {
            color: #43546e;
        }

.clearfix {
    clear: both;
}

.clearFix {
    display: block;
    clear: both;
    content: "";
}

.text-right {
    text-align: right;
}

li.fa.fa-folder-open::before {
    color: #1571bc;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/selectbox-arrow.png) no-repeat 99% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    select:focus {
        outline: none;
    }

.cms_grid table td.tick-center {
    text-align: center;
}

    .cms_grid table td.tick-center span.spntick {
        width: 100px;
        display: block;
    }

input[type="text"], select, textarea, input[type="password"] {
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 6px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: 'Rubik', sans-serif;
    -webkit-appearance: none;
    resize: none;
}

    input.disabled[type="text"], select.disabled, textarea.disabledd,
    .cms_form ul li > span input.disabled[type="text"], .cms_form ul li span > select.disabled, .cms_form ul li > span textarea.disabled {
        background: #f2f2f2 !important;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/selectbox-arrow.png) no-repeat 99% 50%;
}

    select:focus {
        outline: none;
    }

input[type="button"], input[type="submit"], button {
    background: #1571bc;
    color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    border: 0px;
    padding: 5px 15px;
    font-size: 15px;
    border-radius: 30px;
    min-width: 90px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    transition: all ease 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    button:focus {
        outline: none !important;
    }

    input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type="button"]:focus, input[type="submit"]:focus, button:focus {
        background: #0a599a;
        outline: none;
    }

    input[type="button"].grey:hover, input[type="submit"].grey:hover, button.grey:hover, input[type="button"].grey:focus, input[type="submit"].grey:focus, button.grey:focus {
        background: #afb1b3;
        outline: none;
    }

    input[type="button"].grey, input[type="submit"].grey, button.grey {
        background: #c4c8cc;
        color: #000000;
        font-weight: 500;
        cursor: pointer;
    }

    input[type="button"].green, input[type="submit"].green, button.green {
        background: #019E00;
        color: #fff;
        font-weight: 500;
        cursor: pointer;
    }

    input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type="button"]:focus, input[type="submit"]:focus, button:focus {
        background: #0a599a;
        outline: none;
    }

    input[type="button"].grey:hover, input[type="submit"].grey:hover, button.grey:hover, input[type="button"].grey:focus, input[type="submit"].grey:focus, button.grey:focus {
        background: #afb1b3;
        outline: none;
    }

.cmsLogin {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(Images/loginbg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.cmsLognBox {
    width: 640px;
    height: 250px;
    position: absolute;
    top: calc(50% - 125px);
    left: calc(50% - 320px);
    padding: 0px 0px 0px 310px;
    background: url(Images/difcloginlogo.png) no-repeat 20px 35px;
}

    .cmsLognBox ul {
        margin: 0px;
        padding: 50px 0px 0px 40px;
        border-left: 1px solid rgba(255,255,255,.5);
        max-width: 280px;
        min-height: 100%;
    }

        .cmsLognBox ul li {
            list-style: none;
            margin: 0px 0px 12px 0px;
        }

            .cmsLognBox ul li input[type="text"] {
                line-height: normal;
            }

            .cmsLognBox ul li input[type="text"], .cmsLognBox ul li input[type="password"] {
                padding: 9px;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                background: rgba(255,255,255,.3);
                border: 0px;
                width: 100%;
                max-width: 240px;
                color: #FFFFFF;
                text-align: center;
                line-height: 150%;
            }

            .cmsLognBox ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #FFFFFF;
                text-align: center;
                font-size: 15px;
            }

            .cmsLognBox ul li input::-moz-placeholder { /* Firefox 19+ */
                color: #FFFFFF;
                text-align: center;
                font-size: 15px;
            }

            .cmsLognBox ul li input:-ms-input-placeholder { /* IE 10+ */
                color: #FFFFFF;
                text-align: center;
                font-size: 15px;
            }

            .cmsLognBox ul li input:-moz-placeholder { /* Firefox 18- */
                color: #FFFFFF;
                text-align: center;
                font-size: 15px;
            }

            .cmsLognBox ul li input[type="button"] {
                background: #257dea !important;
                color: #FFFFFF;
                font-weight: bold;
                padding: 10px;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border: 0px;
                width: 100%;
                max-width: 240px;
                cursor: pointer;
            }

            .cmsLognBox ul li.forgot_password {
                text-align: center;
                font-size: 12px;
            }

                .cmsLognBox ul li.forgot_password a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

.cms_header {
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 3px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.3);
    z-index: 999;
    background: #1e417c;
}

.ocr-search-div {
    margin-left: 15px;
}

.ocr-search-input {
    width: 16%;
    margin-right: 10px;
}

.otp-search-input {
    width: 50%;
    margin-right: 10px;
}

.otp-text-wrap {
    margin: 60px 0px;
}

.media-search-input {
    width: 46;
    margin-right: 5px;
}



.media_title {
    margin: 0;
    color: #337ab7;
    margin-top: 20px;
    font-size: 20px;
}

.media_view {
    margin-top: 25px;
    background: #EAF0F9;
    padding: 10px;
}

.indexmedia {
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url('../../../../Content/Style/Images/cloud-sync-icon.png') no-repeat 0% 0%;
    margin-left: 7px;
}

ul.action-edti-delete li.searchmedia::after {
    content: "\f03d";
    color: #1571bc;
    font-family: 'FontAwesome';
    font-size: 18px;
    margin-left: 12px;
}

.mediadesc {
    /*font-size: 120%;*/
    text-align: justify;
}

.mediasearchlist {
    font-size: 13px;
    margin-left: 29px;
}



.spn_docEventDate {
    border-left: 1px solid #ccc;
    margin-left: 2px;
    padding-left: 5px;
}

.logo {
    width: 350px;
    height: 70px;
    background: url(Images/difclogo.png) no-repeat 10px 50%;
    display: block;
    cursor: pointer;
}

.cms_headerLinks {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    color: #FFFFFF;
    font-size: 12px;
    min-width: 360px;
}

    .cms_headerLinks label {
        display: inline-block;
        padding: 30px 70px 10px 20px;
        border-right: 1px solid rgba(255,255,255,.1);
        vertical-align: middle;
        margin: 0px;
        height: 100%;
        font-weight: 500;
        position: relative;
    }

        .cms_headerLinks label span.profile-image {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            margin-top: 10px;
            background-size: 100% !important;
            position: absolute;
            right: 10px;
            top: 0px;
            background-repeat: no-repeat !important;
            /*background: #112e5d url(Images/cms_user.png) no-repeat 82% 50%;*/
        }

        /*.cms_headerLinks label span.active {
background: #112e5d url(Images/cms_user.png) no-repeat 82% 50%;
}*/

        .cms_headerLinks label.active {
            background: #112E5D !important;
        }

    .cms_headerLinks span {
        display: inline-block;
        width: 60px;
        height: 100%;
        vertical-align: top;
    }



        .cms_headerLinks span.cms_notifications {
            background: url(Images/cms_notifications.png) no-repeat 50% 50%;
        }

            .cms_headerLinks span.cms_notifications.active {
                background: #112E5D url(Images/cms_notifications.png) no-repeat 50% 50%;
            }

            .cms_headerLinks span.cms_notifications.today {
                background: url(Images/cms_notifications-active.png) no-repeat 50% 50%;
            }

                .cms_headerLinks span.cms_notifications.today.active {
                    background: #112E5D url(Images/cms_notifications-active.png) no-repeat 50% 50%;
                }

        .cms_headerLinks span.cms_mail {
            background: url(Images/cms_mail.png) no-repeat 50% 50%;
        }

            .cms_headerLinks span.cms_mail.active {
                background: #112E5D url(Images/cms_mail.png) no-repeat 50% 50%;
            }

            .cms_headerLinks span.cms_mail.today {
                background: url(Images/cms_mail_active.png) no-repeat 50% 50%;
            }

                .cms_headerLinks span.cms_mail.today.active {
                    background: #112E5D url(Images/cms_mail_active.png) no-repeat 50% 50%;
                }

        .cms_headerLinks span.cms_logout {
            background: url(Images/cms_logout.png) no-repeat 50% 57%;
        }

            .cms_headerLinks span.cms_logout.active {
                background: #112E5D url(Images/cms_logout.png) no-repeat 50% 50%;
            }


        .cms_headerLinks span.cms_todolist {
            background: url(Images/TodoNotification.png) no-repeat 50% 50% !important;
        }

            .cms_headerLinks span.cms_todolist.active {
                background: #112E5D url(Images/TodoNotification.png) no-repeat 50% 50% !important;
            }

            .cms_headerLinks span.cms_todolist.todo-day {
                background: url(Images/Todo-active.png) no-repeat 50% 50% !important;
            }

                .cms_headerLinks span.cms_todolist.todo-day.active {
                    background: #112E5D url(Images/Todo-active.png) no-repeat 50% 50% !important;
                }








.cms_user {
    cursor: pointer;
}

.menuscroll {
    height: calc(100% - 10px);
}

.cms_menu {
    background: #cceaf7;
    width: 260px;
    float: left;
    min-height: calc(100% - 70px);
    position: relative;
    top: 70px;
}

    .cms_menu ul.cms_menulist {
        margin: 0px;
        padding: 10px 20px;
    }

        .cms_menu ul.cms_menulist > li {
            list-style: none;
            border-bottom: 1px solid #1571bc;
        }

            .cms_menu ul.cms_menulist > li > a {
                display: block;
                font-size: 15px;
                font-weight: 500;
                color: #5f94bf;
                text-decoration: none;
                padding: 10px 0px 10px 40px;
            }

            .cms_menu ul.cms_menulist > li.menu_disable > a, .cms_menu ul li.menu_disable dl.accordion dt a {
                color: #a7c0d4 !important;
            }

    .cms_menu dl.accordion dd ul li.menu_disable a {
        color: #ccc !important;
    }

    .cms_menu ul.cms_menulist > li.active > a {
        color: #1571bc;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_dashboard > a {
        background: url(Images/cms_dashboard.png) no-repeat 10px 50%;
        margin-bottom: 1px;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_mailbox > a {
        background: url(Images/cms_mailbox.png) no-repeat 10px 50%;
        background-size: auto 20px;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_mailbox > a {
        background: url(Images/cms_mailbox.png) no-repeat 10px 50%;
        background-size: auto 20px;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_efiling > a {
        background: url(Images/cma_mnu_aol.png) no-repeat 10px 50%;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_profilemanagement > a {
        background: url(Images/cms_mnu_profilemanagement.png) no-repeat 15px 50%;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_messagingsystem > a {
        background: url(Images/cms_mnu_messaging.png) no-repeat 8px 50%;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_todolist > a {
        background: url(Images/todo-icon.png) no-repeat 8px 50%;
    }
    /*.cms_menu ul.cms_menulist > li.cms_menu_document_management > a {
        background: url(Images/DocManagement02.png) no-repeat 8px 50%;
    }
    .cms_menu ul.cms_menulist > li.cms_menu_document_management > a,
    .cms_menu ul.cms_menulist > li.cms_menu_document_management .accordion dt > a {
        background: url(Images/DocManagement02.png) no-repeat 8px 50%;
    }*/
    .cms_menu ul.cms_menulist > li.cms_menu_document_management {
        background: #cceaf7 url(Images/DocManagement01.png) no-repeat 10px 10px
    }

        .cms_menu ul.cms_menulist > li.cms_menu_document_management.menuliactive {
            background: #cceaf7 url(Images/DocManagement03.png) no-repeat 10px 10px
        }

    .cms_menu ul.cms_menulist > li.cms_menu_video_management > a {
        background: url(Images/mangevideo.png) no-repeat 8px 50%;
    }


    .cms_menu ul.cms_menulist > li.cms_menu_video_management.menuliactive > a {
        background: url(Images/mangevideo_Selected.png) no-repeat 8px 50%;
    }

    .cms_menu ul.cms_menulist > li.cms_menu_wprs > a {
        background: url(Images/wprs_icon.png) no-repeat 8px 50%;
    }

    .cms_menu dl {
        margin: 0px;
        padding: 0px;
    }

        .cms_menu dl dt {
            margin: 0px 0px 1px 0px;
            display: block;
            padding: 0px;
        }

            .cms_menu dl dt a {
                display: block;
                color: #5f94bf;
                font-weight: 500;
                padding: 10px 0px 10px 40px;
                font-size: 15px;
                text-decoration: none;
            }

.dashboard-tooltip {
    display: block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.cms_menu ul.cms_menulist > li.cms_menu_user {
    background: url('Images/usrer.png') no-repeat 10px 50%;
}

    .cms_menu ul.cms_menulist > li.cms_menu_user.menuliactive {
        background: url('Images/usrer-active.png') no-repeat 10px 10px;
    }

.cms_menu ul.cms_menulist > li.cms_menu_group {
    background: url('Images/group.png') no-repeat 10px 50%;
}

    .cms_menu ul.cms_menulist > li.cms_menu_group.menuliactive {
        background: url('Images/group-active.png') no-repeat 10px 10px;
    }



.cms_menu li.cms_menu_utilities {
    background: #cceaf7 url(Images/utility-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_menu_utilities.menuliactive {
        background: #cceaf7 url(Images/utility.png) no-repeat 10px 10px;
    }

.cms_menu ul.cms_menulist > li.cms_menu_mycases {
    background: url('Images/mycases.png') no-repeat 10px 50%;
}

    .cms_menu ul.cms_menulist > li.cms_menu_mycases.menuliactive {
        background: url('Images/mycases-active.png') no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_casemanagement {
    background: #cceaf7 url(Images/cms_mnu_casemanagement-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_casemanagement.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_casemanagement.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_report {
    background: #cceaf7 url(Images/cms_mnu_report-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_report.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_report.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_partymanagement {
    background: #cceaf7 url(Images/cms_mnu_partymanagement-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_partymanagement.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_partymanagement.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_contacts {
    background: #cceaf7 url(Images/cms_mnu_contacts-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_contacts.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_contacts.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_prompts {
    background: #cceaf7 url(Images/cms_mnu_promts-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_prompts.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_promts.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_mnu_calendar {
    background: #cceaf7 url(Images/cms_mnu_calendar-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_calendar.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_calendar.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_menu_efiling {
    background: #cceaf7 url(Images/cms_mnu_aol.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_menu_efiling.menuliactive {
        background: #cceaf7 url(Images/cma_mnu_aol-active.png) no-repeat 10px 10px;
    }

.cms_menu ul.cms_menulist > li.cms_menu_dashboard.menuliactive {
    color: #fff;
}

.cms_menu li.cms_mnu_judgecase {
    background: #cceaf7 url(Images/cms_mnu_casemanagement-active.png) no-repeat 10px 10px;
}

    .cms_menu li.cms_mnu_judgecase.menuliactive {
        background: #cceaf7 url(Images/cms_mnu_casemanagement.png) no-repeat 10px 10px;
    }

.cms_menu li.cms_menu_wprs {
    background: #cceaf7 url(Images/wprs_icon.png) no-repeat 5px 10px;
}

    .cms_menu li.cms_menu_wprs.menuliactive {
        background: #cceaf7 url(Images/wprs_icon-active.png) no-repeat 5px 10px;
    }

.cms_menu li.cms_menu_wills {
    background: #cceaf7 url(Images/wills-reg.png) no-repeat 5px 10px;
}

    .cms_menu li.cms_menu_wills.menuliactive {
        background: #cceaf7 url(Images/wills-reg-active.png) no-repeat 5px 10px;
    }

.cms_menu dl dd {
    display: block;
    background: #ebf7fc;
    padding: 10px;
    margin: 0px;
}

    .cms_menu dl dd ul {
        margin: 0px;
        padding: 0px 20px 0px 20px;
    }

        .cms_menu dl dd ul li {
            list-style: none;
            border-bottom: 1px solid #80b4dc;
        }

            .cms_menu dl dd ul li:last-child {
                border: 0px;
            }

            .cms_menu dl dd ul li > a {
                text-decoration: none;
                color: #73aad6;
                padding: 10px 0px 10px 0px;
                display: block;
                font-size: 14px;
            }

.cms_content {
    min-height: calc(100% - 55px);
    /*height: calc(100% - 55px);*/
    margin: 0px 0px 0px 260px;
    position: relative;
    display: block;
    padding: 90px 20px 20px 20px;
    background: #f0f4fb;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    max-width: 2000px;
}

    .cms_content h1 {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        font-weight: 400;
        color: #1e417c;
        font-size: 20px;
    }

.cms_innercontent_main {
    background: #FFFFFF;
    padding: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    min-height: 570px;
}

    .cms_innercontent_main .cms_grid, .cms_innercontent_main .cms_form {
        padding: 0px;
        box-shadow: none;
    }

.cms_footer {
    background: #c2cedc;
    margin: 0px 0px 0px 260px;
    height: 55px;
    font-size: 12px;
    padding: 20px 0px 0px 20px;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

    .cms_footer.open {
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
        margin-left: 0px;
    }

.mastercontainer {
    background: #FFFFFF;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 0px;
    /* box-shadow: 0px 2px 0px rgba(0,0,0,.1); */
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    /* -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,.1); */
    border-bottom: 1px solid #ccc;
    height: 60px;
}

    .mastercontainer .cms_grid, .mastercontainer .cms_form {
        border-radius: 0px;
        box-shadow: none;
    }

.cms_grid, .cms_form, .cms_docs {
    background: #FFFFFF;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,.1);
}

p.cms_search {
    /*margin: 0px;
padding: 20px;*/
    margin: 0px auto;
    padding: 20px;
    max-width: 700px;
}

    p.cms_search input[type="text"] {
        /*width: calc(100% - 100px);
border-radius: 30px 0px 0px 30px;
-moz-border-radius: 30px 0px 0px 30px;
-webkit-border-radius: 30px 0px 0px 30px;
border: 1px solid #e9e9e9;
padding: 7px;
background: #f9f9f9;*/
        width: calc(100% - 100px);
        border-radius: 30px 0px 0px 30px;
        -moz-border-radius: 30px 0px 0px 30px;
        -webkit-border-radius: 30px 0px 0px 30px;
        height: 35px;
        font-size: 16px;
        padding-left: 30px;
        font-weight: 500;
        border: 1px solid #c7c7c7;
    }

    p.cms_search.group-search input[type="text"] {
        width: calc(100% - 300px);
    }

    p.cms_search.group-search span.search-bar {
        width: auto;
        display: inline;
    }

    p.cms_search input.group-add-button[type="button"] {
        float: right;
        border-radius: 30px;
    }

    p.cms_search input[type="button"] {
        background: #1571bc;
        color: #FFFFFF;
        font-size: 15px;
        display: inline-block;
        width: 100px;
        padding: 7px;
        border-radius: 0px 30px 30px 0px;
        -moz-border-radius: 0px 30px 30px 0px;
        -webkit-border-radius: 0px 30px 30px 0px;
        border: 0px;
        float: right;
        height: 35px;
    }

    p.cms_search span {
        /*display: block;
margin: 10px 0px 0px auto;
font-size: 12px;
width: 100px;*/
    }

.cms_search.search-wth-ckbx {
    max-width: 950px;
}

    .cms_search.search-wth-ckbx .search-left {
        max-width: 700px;
        display: inline-block;
        width: calc(100% - 230px);
    }

    .cms_search.search-wth-ckbx .checkbox-list {
        display: inline-block;
        width: 220px;
        font-size: 14px;
        padding-left: 10px;
    }

.cms_grid table {
    border-collapse: collapse;
    margin: 0px;
    width: 100%;
}

    .cms_grid table td, .cms_grid table th {
        padding: 8px;
        text-align: left;
        font-size: 13px;
        border-bottom: 1px solid #f2f2f2;
    }

    .cms_grid table tr:last-child td {
        border: none;
    }

.cms_grid .k-widget {
    border: none;
    overflow: auto !important; /**/
}

.cms_grid table tr:nth-child(even) td {
    background: #f6f9fd;
}

.cms_grid table tr:nth-child(odd):hover {
    background: none;
}

.cms_grid table th, .cms_grid table thead.k-grid-header th {
    border-bottom: 2px solid #000000;
    background: #e9eff9;
    color: #153D7F;
    font-weight: 700;
    padding: 10px 20px 10px 10px;
}

.cms_grid table thead.k-grid-header a.k-link, .cms_grid table thead.k-grid-header span.k-link {
    background: #e9eff9;
    color: #153D7F;
    font-weight: 500;
}

.cms_grid table td {
    font-weight: 400;
    color: #000;
}

.cms_grid .k-grid td, .cms_grid .k-grid th {
    /*border-left-width:0px !important;*/
    border-left-color: #dadbde;
}

/*Grid Paging*/

.cms_grid .k-pager-wrap {
    background: #fff !important;
    padding-top: 10px;
}

    .cms_grid .k-pager-wrap .k-link {
        /*height: 25px;
width: 25px;
min-width: inherit;
vertical-align: inherit;*/
    }

        .cms_grid .k-pager-wrap .k-link .k-icon {
            /*vertical-align: inherit !important;*/
            cursor: pointer !important;
        }

    .cms_grid .k-pager-wrap .k-pager-numbers .k-link, .cms_grid .k-pager-wrap .k-pager-numbers .k-state-selected, .cms_grid .k-pager-wrap .k-pager-wrap > .k-link {
        /*min-width: inherit;
width: 25px;
height: 25px;
padding: 0px;
line-height: 150%;
vertical-align: top;*/
        border: 1px solid #ccc;
    }

.cms_grid .k-pager-numbers li {
    margin-right: 2px;
}

.k-button:active .k-i-seek-e, .k-button:hover:not(.k-state-disabled) .k-i-seek-e, .k-link:hover:not(.k-state-disabled) > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-textbox:hover .k-i-seek-e {
}

.k-button:hover:not(.k-state-disabled) .k-i-seek-e {
    background-position: unset !important;
}
/*Grig Paging*/

.cms_form ul {
    margin: 0px auto;
    padding: 0px 10px;
    /*max-width: 625px;*/
}



    .cms_form ul li {
        list-style: none;
        padding: 6px 0px;
        font-size: 15px;
        overflow: auto;
    }

.emailMsgDocumentViewer .cms_form ul li {
    word-wrap: break-word;
    max-height: 271px;
}

.cms_form ul li > label {
    width: 40%;
    display: inline-block;
    text-align: right;
    padding: 5px 15px 0px 0px;
    font-size: 15px;
    float: left;
    font-weight: 500;
}

.cms_form ul li.aligntop > label {
    padding-top: 0px;
}

.cms_form ul li > label.disabled, label.disabled {
    color: #ada7a7 !important;
}


span.customcheckbox span.chk-wth-lbl.disabled label, .spradio.disabled input[type="radio"] + label {
    background: #f2f2f2 !important;
}

span.customcheckbox span.chk-wth-lbl.disabled, .spradio.disabled label.radio-text {
    color: #ada7a7;
    background: #fff !important;
}

.cms_form ul li > span {
    width: 60%;
    display: inline-block;
    position: relative;
    /*float: left;*/
}

    .cms_form ul li > span input[type="text"], .cms_form ul li span > select, .cms_form ul li > span textarea {
        width: 100%;
        max-width: 420px;
    }

.cms_form ul li span > select {
    /*padding-right: 25px;*/
}

    .cms_form ul li span > select:focus {
        border: 1px solid #78B6E4;
    }

.cms_form ul li > span textarea {
    width: 100%;
    max-width: 420px;
    min-height: 80px;
    font-size: 12px;
}

.cms_form ul li > span med.textarea {
    width: 100%;
    max-width: 420px;
    min-height: 266px;
    font-size: 12px;
}

.cms_form ul li.cms_casenumber > span input[type="text"] {
    max-width: 340px;
}

.cms_form ul li.cms_casenumber > span input[type="button"] {
    margin-left: 5px;
}

.cms_form ul li.duel span, .cms_form ul li.duel label {
    width: auto;
    min-width: 100px;
}

    .cms_form ul li.duel label:first-child {
        width: 25%;
    }

    .cms_form ul li.duel span:nth-child(4) {
        min-width: 220px;
    }

.cms_form h3, h3.headingWthLine {
    position: relative;
    margin: 0px 30px;
    padding: 0px;
    font-size: 15px;
    color: #1571bc;
}

    .cms_form h3:after, h3.headingWthLine:after {
        position: absolute;
        content: "";
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 1px;
        background: #cccccc;
    }

    .cms_form h3 span, h3.headingWthLine span {
        display: inline-block;
        padding: 8px 5px 1px 0px;
        background: #FFFFFF;
        position: relative;
        z-index: 1;
    }

p.rgtbtns {
    text-align: right;
    padding: 20px 0px 0px;
    border-top: 1px solid #ccc;
    margin: 10px 0px 0px 0px;
}

    p.rgtbtns input.back-btn {
        float: left;
    }

    p.rgtbtns input[type="button"] {
        min-width: 115px;
    }

.tick-list {
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 5px 0;
    min-height: 150px;
}

    .tick-list a {
        display: inline-block;
        border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        -webkit-border-radius: 20px 0 0 20px;
        margin: 0px 20px 7px 5px;
        padding: 8px 10px;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
        background: #E9ECF3;
        cursor: pointer;
        transition: all ease 0.5s;
        position: relative;
    }

        .tick-list a:after {
            color: #ccc;
            background: #E9ECF3;
            content: "\f067";
            font-family: 'FontAwesome';
            position: absolute;
            top: 0;
            right: -26px;
            width: 34px;
            bottom: 0;
            font-size: 20px;
            text-align: center;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            line-height: 150%;
            padding-top: 1px;
        }

        .tick-list a.selected:after {
            color: #fff;
            background: #1571bc;
            content: "";
            font-family: 'FontAwesome';
            position: absolute;
            top: 0;
            right: -26px;
            width: 34px;
            bottom: 0;
            font-size: 20px;
            text-align: center;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            line-height: 150%;
        }

.tab_items {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 2rem;
}

.tab_items_popup {
    width: 95%;
    margin-left: 15px;
}

.tab_items span {
    cursor: pointer;
    display: block;
    padding: 10px 30px;
    color: #6d98aa;
    font-size: 16px;
    text-align: center;
    float: left;
    font-weight: 500;
    border-bottom: solid 3px transparent;
}

.tab_active {
    color: #1571bc !important;
    border-color: #1571bc !important;
}

.cms_form {
    /*min-height: 500px;*/
}

.btn_wrpr {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: right;
}

.frm_list {
    margin: 15px auto !important;
}

.cms_mnutoggler {
    position: fixed;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 70px;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    background: url(Images/menu-expand-icon.png) no-repeat 0% 0%;
    border-radius: 0px 7px 7px 0px;
    z-index: 7000;
    cursor: pointer;
    background-size: 100% auto;
}

    .cms_mnutoggler.open {
        left: 260px;
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
        background: url(Images/menu-collapse-icon.png) no-repeat 0% 0%;
        cursor: pointer;
        background-size: 100% auto;
    }

.cms_menu.open {
    left: 0px;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.cms_menu {
    position: fixed;
    top: 70px;
    left: -260px;
    bottom: 0px;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    z-index: 7000;
}

.cms_content.open {
    margin-left: 0px;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.cms_menu dl.accordion a.active {
    font-weight: bold;
    color: #1E417C;
}

.spntick i {
    color: #1571BC;
    /*float: left;*/
    customcheckbox height: 2px;
    font-size: 15px;
}

.spnparttick i {
    color: #1571BC;
    float: left;
    font-size: 15px;
}

.spntick i.fa.fa-lock, .spntick i.fa.fa-unlock {
    font-size: 21px;
}

.spnpartick i {
    color: #1571BC;
}

.customcheckbox {
    width: 100% !important;
    margin-bottom: 3px;
    display: inline-block;
}

    .customcheckbox input[type="checkbox"] {
        opacity: 0;
        width: 0;
        margin: 0;
        display: none;
    }

    .customcheckbox label {
        position: relative;
        top: 0px;
        left: 0px;
        margin-right: 5px;
        display: inline-block;
        width: 20px !important;
        height: 20px;
        position: relative;
        /*background: url(Images/un-check.png) no-repeat;
background-size: 100%;*/
        border: 1px solid #ccc;
        border-radius: 2px;
    }

    .customcheckbox input[type="checkbox"]:checked + input + label, .customcheckbox input[type="checkbox"]:checked + label {
        border: none;
    }

        .customcheckbox input[type="checkbox"]:checked + input + label:before, .customcheckbox input[type="checkbox"]:checked + label:before {
            content: "";
            width: 20px;
            height: 20px;
            position: absolute;
            background: url(Images/checked.png) no-repeat;
            background-size: 100%;
            top: 0px;
            left: 0px;
        }

    .customcheckbox input[type="checkbox"]:focus + input + label, .customcheckbox input[type="checkbox"]:focus + label {
        border-color: #78B6E4 !important;
    }


.mastercontainer select#masterDropDown option {
    font-weight: 500;
}

.mastercontainer select#masterDropDown {
    font-weight: 500;
    font-size: 17px;
    border-radius: 30px;
}

.chkbox_div {
}

.half_width_textbox {
    width: 20%;
}

.btn_text_width {
    width: 160px !important;
}

.event_bottom_div {
    border: 1px solid #c7c7c7;
    width: 80%;
    height: 78px;
    margin-left: 100px;
    padding-left: 42px;
    padding-top: 7px;
}

.popup_heading {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-weight: 500;
    color: #136cb3;
    font-size: 22px;
    position: relative;
}

.cms_form.cms_form_popup .popup_heading {
    padding: 18px 25px 6px 15px;
}

#dvApproveRejectInterview button.k-button.k-upload-selected {
    display: none !important;
}

.case_party_view {
    font-size: 20px;
}

.action_column {
    width: 120px;
}

.action_column_master {
    width: 90px;
}

.judge_label {
    font-weight: 900;
    text-transform: uppercase;
}

.judge_grid {
    padding: 20px 0px 0px 0px;
}

.judge_popup_header {
    padding-bottom: 10px;
}

/*.cms_grid table th.column_text_align {
text-align: center;
}*/

.cms_form ul li span.half_width_span {
    width: 20%;
}

.bottom_div_textbox {
    width: 94%;
}

.master_dropdown {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 24px;
}

.k-colorpicker .k-selected-color {
    border-radius: 3px 0 0 3px;
    width: 166px !important;
    cursor: pointer;
}
/*    Success error message*/
.cms_suceesmsg, .cms_errormsg, .occupancy_succes {
    text-align: center;
    padding: 5px 10px 5px 60px;
    background: #197b96;
    border: 1px solid #197b96;
    position: fixed;
    width: 100%;
    max-width: 1400px;
    z-index: 9999;
    width: calc(52% - 260px);
    right: 18px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    top: 72px;
    color: #fff;
}

.cms_popup_successmsg, .cms_popuperrormsg {
    text-align: center;
    padding: 5px 10px 5px 60px;
    background: #197b96;
    border: 1px solid #197b96;
    position: fixed;
    z-index: 9999;
    min-width: 335px;
    right: 18px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    top: 72px;
    transition: all ease 0.5s;
    color: #fff;
}

/*.cms_suceesmsg.full, .cms_errormsg.full {
width: calc(100% - 60px);
left: 55px;
}*/

.cms_suceesmsg h4, .cms_errormsg h4, .occupancy_succes h4 {
    position: relative;
}

.cms_errormsg {
    background: #ffd1d3;
    border: 1px solid #ec5353;
}

.cms_suceesmsg h4:before, .cms_popup_successmsg h4:before, .occupancy_succes h4:before {
    content: "\f05d";
    font-family: FontAwesome;
    width: 28px;
    height: 28px;
    font-size: 39px;
    color: #ffffff;
    position: absolute;
    top: calc(50% - 20px);
    left: -36px;
}

.cms_popup_successmsg h4:before {
    left: 20px !important;
}

.cms_errormsg h4:before, .cms_popup_errormsg h4:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    width: 28px;
    height: 28px;
    position: absolute;
    top: calc(50% - 17px);
    left: -36px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 2px solid #ec5353; 
    /* background: url(Images/redcross.png) no-repeat 50% 50%; */
}

.cms_suceesmsg .fa-times, .cms_popup_successmsg .fa-times, .occupancy_succes .fa-times {
    background-color: #197b96 !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

.cms_errormsg .fa-times, .cms_popup_errormsg .fa-times {
    background-color: #ffd1d3 !important;
    font-size: 14px !important;
    color: #ec5353 !important;
}

a.close {
    position: absolute;
    right: 6px;
    cursor: pointer;
    z-index: 9999999;
}

    a.close i {
        cursor: pointer;
    }

.cms_suceesmsg h4, .cms_errormsg h4, .cms_popup_successmsg h4, .cms_popup_errormsg h4, .occupancy_succes h4 {
    margin: 0px;
    padding: 15px 0px 15px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border: 0px !important;
}

.cms_errormsg h4 {
    color: #ec5353;
}

.occupancy_succes {
    width: calc(50% - 60px);
    right: 50px !important;
}

/*.fa-times {
color: #FFF;
background-color: #1d9d74;
font-size: 9px !important;
padding: 2px;
}*/

ul.action-edti-delete li.more-action ul.more-action-list li:hover {
    color: #1571bc;
}

.cms_breadcrumb {
    /*margin: 35px 0 15px 0;
padding: 0;
font-size: 14px;
color: #676b6e;*/
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: 400;
    color: #1e417c;
    font-size: 20px;
}

    .cms_breadcrumb label {
        /*text-transform: uppercase;*/
        display: inline-block;
        margin: 0px 10px 0px 0px;
        position: relative;
    }

        .cms_breadcrumb label:after {
            content: "\f105" !important;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #1e417c;
            font-size: 21px;
            padding-right: 0.5em;
            position: absolute;
            top: 2px;
            right: -23px;
        }

.input-validation-error {
    border: 1px solid red !important;
}

.input-validation-success {
    border: 1px solid green !important;
}

.k-rtlActions {
    right: 50px !important;
}

.k-rtl_twoactions {
    right: 115px;
    width: 175px;
}

.k-rtl_threeactions {
    right: 157px;
    width: 175px;
}

.k-rtl_fouractions {
    right: 173px;
    width: 175px;
}

.k-filter-menu {
    height: auto !important;
    overflow: auto;
    width: 200px;
    font-weight: 600 !important;
}

form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
    width: 100%;
}

.k-filter-menu.k-popup.k-group.k-reset.k-rtl_filter_menu.k-state-border-up {
    min-height: 250px;
    overflow-x: auto;
    overflow-y: hidden;
}

.k-filter-menu.checkboxfilter {
    min-height: inherit !important;
    height: auto !important;
}

.k-filter-menu.calendarfilter {
    overflow-y: visible !important;
}

/*-------------------------button styles start-------------------------*/




.k-primary {
    background-color: #1571bc !important;
    border-color: #1571bc !important;
}

    .k-primary:hover {
        background-color: #1571bc !important;
        border-color: #1571bc !important;
    }


.k-state-selected {
    color: #fff;
    background-color: #1571bc !important;
    border-color: #1571bc !important;
}


.k-overflow-container {
    background-color: #1571bc !important;
    border-color: #1571bc !important;
}

.k-button-group .k-tool-icon, .k-icon, .k-sprite {
    /*width: 18px !important;*/
}

.k-filter, .k-i-funnel {
    background-position: -27px -80px !important;
}

.k-state-active .k-icon.k-filter {
    background-position: -46px -80px !important;
}

.k-grid-filter.k-state-active {
    background-color: transparent !important;
}

.kendoslider .k-slider .k-slider-buttons a.k-button.k-button-decrease:active {
    background: blue;
    border: blue;
}

.kendoslider .k-slider .k-slider-buttons a.k-button.k-button-increase:active {
    background: blue;
    border: blue;
}

/*-------------------------button styles end-------------------------*/


/*multiselect dropdown styles start*/
.k-animation-container ul li.k-item.k-state-selected, .k-animation-container ul li.k-item.k-state-selected.k-state-focused {
    background: #fff !important;
    color: #000 !important;
    border-color: #ece7e7 !important;
}
/*multiselect dropdown styles end*/



.cms_menu ul li.menuliactive {
    background-color: #1571bc !important;
}

    .cms_menu ul li.menuliactive a, .cms_menu ul li.menuliactive dl.accordion dt a {
        color: #fff !important;
    }

    .cms_menu ul li.menuliactive dl.accordion dt a {
        background: url(Images/menu-arrow-up.png) no-repeat 95% 50%;
        background-size: auto 6px;
    }

.cms_menu ul li dl.accordion dt a {
    background: url(Images/down-arrow.png) no-repeat 95% 50%;
    background-size: auto 6px;
    padding-right: 20px;
}

.cms_menu ul li.menuliactive dl.accordion dd a {
    color: #1E417C !important;
}

/*ANU THANKACHEN STARTED HERE*/



ul.action-edti-delete {
    padding: 0px;
    margin: 0px;
    min-width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    ul.action-edti-delete li {
        width: 27px;
        height: 20px;
        list-style: none;
        /*float: left;*/
        cursor: pointer;
        position: relative;
        margin-right: 5px;
        overflow: inherit;
        line-height: 20px;
    }

        ul.action-edti-delete li.more-action {
            width: 30px;
            height: 18px;
            background: url('Images/action-moreicon.png') no-repeat;
            margin-right: 8px;
        }

.party_dropdown {
    font-weight: 700 !important;
    color: #000000 !important;
}

ul.action-edti-delete li.more-action ul.more-action-list {
    background: #fff;
    position: absolute;
    padding: 10px;
    z-index: 9999;
    width: 120px;
    top: 20px;
    box-shadow: 0px 2px 2px #ccc;
    border: 1px solid #ededed;
    right: 0px;
}

    ul.action-edti-delete li.more-action ul.more-action-list li {
        background: #fff;
        width: 100%;
        display: block;
        margin: 3px 0px;
        font-weight: 500;
    }

ul.action-edti-delete li.edit {
    /*background: url('Images/edit.png') no-repeat 50% 50%;*/
}


ul.action-edti-delete-payment li.edit {
    background: url('Images/EditPrice.png') no-repeat 50% 50%;
}

ul.action-edti-delete-payment li.reject {
    background: url('Images/rejectIcon.png') no-repeat 50% 50%;
}

ul.action-edti-delete-payment li.previewform {
    background: url('Images/preview.png') no-repeat 50% 50%;
}

ul.action-edti-delete-payment li.accept {
    background: url('Images/acceptIcon.png') no-repeat 50% 50%;
}

ul.action-edti-delete-payment li.process {
    background: url('Images/process.png') no-repeat 50% 50%;
}

ul.action-edti-delete-payment {
    display: inline-block;
    float: left;
    padding: 0px;
    margin: 0px;
}

    ul.action-edti-delete-payment li {
        width: 27px;
        height: 20px;
        list-style: none;
        float: left;
        cursor: pointer;
        position: relative;
        margin-right: 5px;
        overflow: inherit;
    }

        ul.action-edti-delete-payment li.view::after {
            content: "\f06e";
            color: #1571bc;
            font-family: 'FontAwesome';
            font-size: 15px;
        }

        ul.action-edti-delete-payment li.view.noaccess::after {
            content: "\f06e";
            color: #A2A2A2;
            font-family: 'FontAwesome';
            font-size: 15px;
        }

.cms_form .cms_grid {
    box-shadow: none;
    padding-bottom: 0px;
}

.case_event_header {
    margin-left: 0px;
    float: left;
    padding-top: 13px;
}

.sub_heading {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cccccc;
    padding-left: 3px;
}

.case_label {
    color: #1571bc;
    font-weight: 500;
}

.case_event_digit {
    color: #1571bc !important;
    font-weight: 600 !important;
    cursor: pointer;
    /*text-align:center !important;*/
}

.prompt_active {
    color: #808080 !important;
}

p.rgtbtns.noborder {
    border: none !important;
}

.k-slider-selection {
    background-color: #1571bc !important;
}

.cms_form ul li > span.casenumbertxtbx input[type="text"] {
    width: 65%;
    float: left;
}

.cms_form ul li > span.casenumbertxtbx span.customcheckbox.autocheck {
    width: 90px !important;
    display: block;
    float: left;
    margin: 7px 0px 0px 20px;
}

.slider_lbl {
    width: 40% !important;
    float: right !important;
    margin-top: -32px;
    color: #1571bc !important;
    margin-left: 5px;
    margin-right: 200px;
    font-weight: 800 !important;
}

.cms_attachment_container {
    border: 1px solid #c7c7c7;
    width: 300px;
    height: 35px;
    margin-left: 25px;
    margin-top: 30px;
}

.attachment_p {
    margin-top: 6px;
}

.case_active {
    color: #1dbb4f;
    font-size: small;
    font-weight: 500;
}

.form_heading {
    padding-left: 2px;
}

.dropdown-center-main {
    max-width: 900px;
    margin: 0px auto;
}

    .dropdown-center-main label {
        display: inline-block;
        width: 100px;
        text-align: right;
        margin-right: 10px;
        font-weight: 500;
    }

ul.case-informationbox-wrap {
    max-width: inherit;
}

    ul.case-informationbox-wrap li {
        width: calc((100% / 4) - 10px);
        display: inline-block;
    }

#tblActiveCase ul.action-edti-delete {
    min-width: 140px;
}

h2.headerwth-adabtn {
    font-size: 20px;
    font-weight: 400;
    overflow: auto;
    color: #136cb3;
}

    h2.headerwth-adabtn label {
        float: left;
        padding-top: 8px;
        font-weight: 500;
    }

    h2.headerwth-adabtn input[type="button"] {
        float: right;
    }

.spradio {
    display: inline-block;
    margin: 0px 30px 0px 0px;
}

    .spradio .radio-text {
        float: right;
        margin-left: 7px;
        width: calc(100% - 25px) !important;
    }

    .spradio input[type="radio"] {
        display: none;
    }

        .spradio input[type="radio"] + label {
            display: inline-block;
            width: 18px !important;
            height: 18px !important;
            border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            background: #FFFFFF;
            border: 1px solid #CCCCCC;
            position: relative;
        }

            .spradio input[type="radio"] + label:focus {
                border-color: #78B6E4 !important;
            }

        .spradio input[type="radio"]:checked + label:after {
            content: "";
            width: 12px;
            height: 12px;
            position: absolute;
            background: #1571BC;
            border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            top: calc(50% - 6px);
            left: calc(50% - 6px);
        }



.dropdown-center-main > span {
    width: calc(100% - 165px);
    display: inline-block;
}

    .dropdown-center-main > span .master_dropdown {
        width: 100%;
        margin: 0 !important;
        border-radius: 35px;
        font-size: 15px;
        font-weight: 500;
        color: #999;
    }

p.cms_search.casemanagementsearch {
    max-width: 935px;
    margin: 0px auto;
    position: relative;
}

    p.cms_search.casemanagementsearch span {
        margin-top: 0px !important;
    }

        p.cms_search.casemanagementsearch span.case-dropdown-wrap {
            width: calc(100% - 130px);
            float: left;
            padding-right: 30px;
            border-right: 1px solid #ccc;
            position: relative;
        }

            p.cms_search.casemanagementsearch span.case-dropdown-wrap input[type="button"] {
                float: right;
                height: 35px;
            }

.cse_search_border {
    border-right-width: 0px !important;
}

p.cms_search.casemanagementsearch select {
    position: absolute;
    left: 0px;
    width: 150px;
    background: #eff3fa url(images/selectbox-arrow.png) no-repeat 99% 50%;
    border-radius: 25px 0px 0px 25px;
    font-size: 15px;
    font-weight: 500;
    height: 35px;
    padding-left: 20px;
}

p.cms_search.casemanagementsearch input[type="text"] {
    width: calc(100% - 229px);
    margin-left: 129px;
    border-radius: 0px;
    height: 35px;
    font-size: 16px;
    padding-left: 30px;
    font-weight: 400;
    border: 1px solid #c7c7c7;
}

p.cms_search.casemanagementsearch input.add-newbtn[type="button"] {
    border-radius: 30px;
}

span.viewcaseform {
    color: #1571bc;
    cursor: pointer;
    font-weight: 500;
    float: left;
}

span.transfer {
    background: url('Images/icon-transfer.png') no-repeat;
    font-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 5px 0px 0px 10px;
    float: left;
}

span.plan {
    background: url('Images/icon-application.png') no-repeat;
    font-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 5px 0px 0px 10px;
    float: left;
}

ul.action-edti-delete li.edit::after {
    content: "\f040 ";
    position: absolute;
    color: #1571bc;
    font-family: 'FontAwesome';
    font-size: 18px;
}
ul.action-edti-delete li.generatelink::after {
    position: absolute;
    content: "";
    background-image: url('Images/icon-wallet.png');
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

ul.action-edti-delete li.delete {
    /*background: url('Images/delete.png') no-repeat;*/
}

    ul.action-edti-delete li.delete:after {
        content: "\f1f8";
        position: absolute;
        color: #1571bc;
        font-family: 'FontAwesome';
        font-size: 18px;
    }

ul.action-edti-delete li.send-credentials {
    width: 24px;
    height: 20px;
    background: url(Images/sendmail.png) no-repeat 0% 50%;
}

ul.action-edti-delete li.view::after {
    content: "\f06e";
    color: #1571bc;
    font-family: 'FontAwesome';
    font-size: 18px;
}

ul.action-edti-delete li.icon-verify-document:before,
ul.action-edti-delete li.icon-cancel-file:before {
    color: #1571bc;
    font-size: 16px;
}

ul.action-edti-delete li.judge_terms {
    background: url('Images/judgeicon.png') no-repeat;
}


.fancybox-inner body {
    background: #fff !important;
}

ul.action-edti-delete li.switch_activate {
    background: url('Images/active.png') no-repeat 50% 50%;
    margin-right: 11px;
}

ul.action-edti-delete li.switch_deactivate {
    background: url('Images/inactive.png') no-repeat 50% 50%;
    margin-right: 11px;
}

a.switch_activate {
    background: url('Images/active.png') no-repeat 50% 50%;
    margin-right: 11px;
}

a.switch_deactivate {
    background: url('Images/inactive.png') no-repeat 50% 50%;
    margin-right: 11px;
}

ul.action-edti-delete li.switch_approve {
    background: url('Images/approved.png') no-repeat 50% 50%;
    /*margin-right: 11px;*/
    width: 33%;
}

ul.action-edti-delete li.switch_reject {
    background: url('Images/rejected.png') no-repeat 50% 50%;
    /*margin-right: 11px;*/
    width: 33%;
}

ul.action-edti-delete.case-actions {
    width: 109px;
    margin: 0px auto;
}

ul.action-edti-delete.caseevents-action {
    width: 85px;
    margin: 0px auto;
}

    ul.action-edti-delete.caseevents-action li {
        margin: 0px 0px 0px 2px;
        text-align: center;
    }

        ul.action-edti-delete.caseevents-action li:after {
            width: 27px;
            height: 20px;
            text-align: center;
            left: 0px;
        }

        ul.action-edti-delete.caseevents-action li:first-child {
            margin-left: 0px;
        }

ul.action-edti-delete.inactivecase-actions {
    overflow: auto;
    width: 48px;
    margin: 0px auto;
    margin-right: -19px;
}

a.switch_approve {
    background: url('Images/approved.png') no-repeat 50% 50%;
    margin-right: 11px;
}

a.switch_reject {
    background: url('Images/rejected.png') no-repeat 50% 50%;
    margin-right: 11px;
}

.cms_form.cms_form_popup {
    box-shadow: none;
    min-height: inherit;
    padding: 0px;
    margin: 0px;
    height: 100%;
}

    .cms_form.cms_form_popup .supportingdocuments ul li > label {
        min-width: inherit;
        width: 200px;
        font-weight: 500;
    }

    .cms_form.cms_form_popup .supportingdocuments ul li span {
        width: calc(100% - 210px) !important;
    }

    .cms_form.cms_form_popup ul li label {
        /*width: 23%;*/
        width: 150px;
        font-weight: 500;
        color: #000;
    }

    .cms_form.cms_form_popup ul li > span {
        width: calc(100% - 160px); /* commented for avoid ckeditor design break in popup*/
    }

        .cms_form.cms_form_popup ul li > span label.slider_lbl {
            float: left !important;
            width: 100px !important;
            margin: 0px 0px 0px 20px;
        }

        .cms_form.cms_form_popup ul li > span .k-widget.k-slider.k-slider-horizontal.k-state-default {
            float: left;
            width: 220px;
        }

    .cms_form.cms_form_popup.cms_popup_ckeditor ul li span span.k-widget.k-autocomplete {
        width: 100% !important;
        max-width: 520px;
    }

    .cms_form.cms_form_popup.cms_popup_ckeditor ul li span input[type="text"] {
        max-width: 520px;
    }

    .cms_form.cms_form_popup.cms_email_popup ul {
        padding: 0px 10px 10px 10px;
    }

        .cms_form.cms_form_popup.cms_email_popup ul li label {
            width: 70px;
            color: #9f9f9f;
            font-size: 12px;
            padding-top: 1px;
        }

        .cms_form.cms_form_popup.cms_email_popup ul li > span {
            width: calc(100% - 90px);
        }

        .cms_form.cms_form_popup.cms_email_popup ul li span.from-name {
            /*text-transform: uppercase;*/
            color: #000;
            font-size: 12px;
            font-weight: 500;
        }

        .cms_form.cms_form_popup.cms_email_popup ul li span.email-subject {
            color: #000;
            font-size: 12px;
            font-weight: 500;
        }

            .cms_form.cms_form_popup.cms_email_popup ul li span.email-subject ul {
                padding: 0px;
            }

                .cms_form.cms_form_popup.cms_email_popup ul li span.email-subject ul li {
                    display: inline-block;
                    padding: 0px 10px;
                }

                    .cms_form.cms_form_popup.cms_email_popup ul li span.email-subject ul li:first-child {
                        border-right: 1px solid #ccc;
                        padding-left: 0px;
                    }

        .cms_form.cms_form_popup.cms_email_popup ul li span.email-content {
            font-size: 12px;
            line-height: 150%;
        }


span.customcheckbox span.chk-wth-lbl {
    display: inline-block;
    width: auto !important;
    margin-right: 3px;
    line-height: 21px;
    font-weight: 500;
}

    span.customcheckbox span.chk-wth-lbl.labelTopMargin {
        margin-top: 6px !important;
    }

    span.customcheckbox span.chk-wth-lbl label {
        float: left;
    }

        span.customcheckbox span.chk-wth-lbl label.checkbox-label {
            width: auto !important;
            border: none !important;
            background: none !important;
        }


span.court-container span.customcheckbox span.chk-wth-lbl {
    float: left;
}

span.court-container span.customcheckbox span.chk-wth-lbl {
    float: left;
}

span.customcheckbox span.chk-wth-lbl span {
    display: inline-block;
    width: calc(100% - 30px) !important;
}

.cms_form.cms_form_popup.cms_popup_ckeditor ul li > span #cke_txtareaContent {
    width: 100%;
    max-width: 520px;
}

.cms_form.cms_form_popup.cms_popup_ckeditor ul li span .cke_1_contents {
    height: 125px !important;
}


.cms_form.cms_form_popup p.rgtbtns {
    padding: 15px 30px;
    border-top: 1px solid #ccc;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    left: 0px;
}

.cms_form.cms_form_popup ul li label.notes {
    margin-top: 10px;
}

.cms_form ul li span.court-container {
    border: 1px solid #c7c7c7;
    width: 300px;
    height: 100px;
    overflow-y: scroll;
    padding: 5px;
}

.cms_headerLinks span.cms_logout, .cms_headerLinks span.cms_mail, .cms_headerLinks span.cms_notifications, .cms_headerLinks span.cms_todolist {
    cursor: pointer;
}

.form_type_court_label {
    float: left;
    width: 25%;
}

.mailbox h2 {
    font-size: 16px;
    padding: 10px 15px;
    margin: 0px;
    color: #286699;
    position: relative;
}

    .mailbox h2 span.mailbox_timelabel {
        background: #1D6FB9;
        border-radius: 25px;
        padding: 5px 15px;
        color: #fff;
        position: absolute;
        right: 10px;
        top: 7px;
        font-family: 'Rubik', sans-serif;
        font-size: 12px;
    }

    .mailbox h2 span.prompt_timelabel {
        background: #1D6FB9;
        border-radius: 25px;
        padding: 5px 15px;
        color: #fff;
        position: absolute;
        right: 10px;
        top: 7px;
        font-family: 'Rubik', sans-serif;
        font-size: 12px;
    }

span.mailbox_newmsg {
    background: #019E00;
    border-radius: 25px;
    padding: 3px 10px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 9px;
    margin-left: 5px;
    z-index: 999;
}


.mailbox h3 span.mailbox_newmsg {
    top: -2px;
    position: relative;
}

.mailbox_ul {
    list-style-type: none;
    background: #fff;
    margin: 0px;
    padding: 0px;
}

.prompt_ul {
    list-style-type: none;
    background: #fff;
    margin: 0px;
    padding: 0px;
}

.mailbox_li {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c2cedc;
    padding: 10px 15px;
    cursor: pointer;
}

.prompt_li {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c2cedc;
    padding: 10px 15px;
    cursor: default;
}

.mailbox_li:last-child {
    border: none;
}

.prompt_li:last-child {
    border: none;
}

.mailbox_ul li h3 {
    margin: 0px;
    font-size: 13px;
    /*text-transform: uppercase;*/
}

.mailbox_ul li p {
    margin: 2px 0px;
    font-size: 13px;
    color: #999;
}



.mailbox {
    position: fixed;
    top: 70px;
    z-index: 7000;
    right: 70px;
    width: 300px;
    background-color: #F0F5FB;
    box-shadow: 0px 1px 3px 1px #d6d5d5;
}

.mailbox_timelabel {
    font-weight: 500;
    font-family: initial;
    padding-right: 11px;
    font-size: 12px;
    font-family: 'Rubik', sans-serif;
    cursor: pointer;
}

.prompt_timelabel {
    font-weight: 500;
    font-family: initial;
    padding-right: 11px;
    font-size: 12px;
    font-family: 'Rubik', sans-serif;
    cursor: default;
}

.mailbox span.view-more {
    width: 100%;
    display: block;
    text-align: right;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    color: #1571bc;
    cursor: pointer;
}


#cke_txtareaContent span.cke_toolbar {
    width: auto !important;
}

#dvNotificationBox {
    right: 133px !important;
}

#dvProfileManage {
    right: 190px !important;
    width: 200px !important;
}

.promt_title {
    color: #405180 !important;
}

ul.list_half_width {
    max-width: 560px;
    margin: 0px auto;
    padding: 0px;
}

    ul.list_half_width li {
        /*width: calc((100% / 2) - 3px);*/
        display: inline-block;
        width: calc(50% - 5px);
    }

        ul.list_half_width li input[type="text"] {
            width: 145px !important;
        }

        ul.list_half_width li label {
            width: 125px;
        }



        ul.list_half_width li > span {
            width: 145px;
        }

        ul.list_half_width li.showcaselist {
            text-align: right;
        }

            ul.list_half_width li.showcaselist span.chk-wth-lbl {
                margin-right: 40px;
            }

ul.master-anagement {
    max-width: 550px;
    margin: 0;
    padding: 0px;
}

    ul.master-anagement li {
        width: 49%;
        display: inline-block;
    }


.k-colorpicker .k-selected-color {
    width: 85px !important;
    border-color: #000;
}

.file-upload {
    position: relative;
    overflow: hidden;
    margin: 0px 10px 10px 0px;
    float: left;
}

    .file-upload input.file-input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

#imgFileUpload, #imgEditFileUpload {
    max-width: 175px;
    /*height: 100px;*/
}

span.default-email-btn {
    position: absolute;
    right: 0px;
    top: 18px;
    font-size: 13px;
    font-weight: 500;
}

.datepicker-invalid {
    background-color: #FFEEEE !important;
    border: 1px solid #FF0000 !important;
    color: Black !important;
}

ul.weekday-list {
    max-width: 1000px;
    margin: 0px auto;
    padding: 0px;
    overflow: auto;
}

    ul.weekday-list li {
        display: inline-block;
        float: left;
    }

        ul.weekday-list li > label {
            width: auto;
            padding-top: 0px;
            line-height: 200%;
        }

        ul.weekday-list li .customcheckbox {
            padding-top: 5px;
            min-width: 110px;
        }

.HolidayCalender {
    width: 450px !important;
    margin: 25px auto;
    float: none;
    display: block !important;
}

    .HolidayCalender.k-calendar .k-header {
        padding: 10px;
        background: #ecf5fe;
        text-transform: uppercase;
    }

        .HolidayCalender.k-calendar .k-header .k-link {
            top: calc(50% - 15px);
        }

    .HolidayCalender.k-calendar th {
        background-color: #fff;
        padding: 10px;
        text-align: center !important;
    }

    .HolidayCalender.k-calendar .k-content .k-link {
        padding: 15px;
        text-align: center;
    }

        .HolidayCalender.k-calendar .k-content .k-link div.holiday {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            text-align: center;
            background: #B90000;
            padding: 15px 0px 0px 0px;
            color: #FFFFFF;
        }

    .HolidayCalender.k-calendar .k-link.k-nav-fast {
        color: #0f74c4;
        font-weight: 500;
        font-size: 20px;
    }

        .HolidayCalender.k-calendar .k-link.k-nav-fast.k-state-hover {
            background: none;
        }

    .HolidayCalender.k-calendar td {
        background: #f0f0f0;
        border: 1px solid #fff;
        border-radius: 0px;
        font-weight: 500;
    }

        .HolidayCalender.k-calendar td.k-other-month, .HolidayCalender.k-calendar td.k-other-month.k-state-disabled {
            background: #fff !important;
        }

            .HolidayCalender.k-calendar td.k-other-month.k-state-disabled a {
                color: #9f9f9f;
            }

    .HolidayCalender.k-calendar .k-footer .k-nav-today {
        font-weight: 500;
    }

    .HolidayCalender.k-calendar .k-today, .HolidayCalender.k-calendar .k-today.k-state-hover {
        -webkit-box-shadow: inset 0 0 0 2px #156fbb;
        box-shadow: inset 0 0 0 2px #156fbb;
    }

        .HolidayCalender.k-calendar .k-today .k-link {
            color: #000;
        }

    .HolidayCalender.k-calendar td.k-state-disabled {
        background: #adadad;
        opacity: 1;
        color: #000;
        position: relative;
    }

        .HolidayCalender.k-calendar td.k-state-disabled a {
            color: #000;
        }

    .HolidayCalender .k-state-selected {
        background-color: #f0f0f0 !important;
        border-color: #ffffff !important;
    }

        .HolidayCalender .k-state-selected a {
            color: #000 !important;
        }

    .HolidayCalender .k-calendar td.k-state-selected .k-link, .HolidayCalender .k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
        color: #3c1600 !important;
    }

.k-grid-norecords-template {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #d5d5d5 !important;
}

.k-upload-files {
    display: none !important;
}

.k-widget.k-upload.k-header {
    max-width: 420px !important;
}

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

.k-autocomplete {
    width: 420px !important;
}

a.ra_lnkedit {
    background: url('Images/edit.png') no-repeat 50% 50%;
    margin-right: 10px;
}

.label_star_form {
    position: relative;
}

    .label_star_form:after {
        content: "*";
        width: 5px;
        height: 5px;
        right: 5px;
        top: 5px;
        position: absolute;
        color: #f00;
        font-size: 20px;
    }

.fancybox-iframe body {
    background: #fff !important;
}

.k-multiselect {
    max-width: 420px;
}

.k-multiselect-wrap ul {
    padding: 2px;
    overflow: auto;
    max-height: 75px;
}

    .k-multiselect-wrap ul li {
        min-width: calc((100% / 1) - 1px);
    }

        .k-multiselect-wrap ul li span.k-select {
            width: 30px;
            float: right;
        }

        .k-multiselect-wrap ul li > span:first-child {
            width: calc(100% - 25px);
            float: left;
            text-align: left;
            padding-left: 5px;
        }

.k-animation-container, .k-list-container, .k-list-scroller, #LstSelectedCourts-list {
    height: 100px !important;
    max-height: 100px !important;
}

.label_star {
    color: #f00;
    font-size: 20px;
}

p.login-error-msg {
    color: #fc6868;
    text-shadow: 0px 1px 3px #000;
    font-weight: 500;
    font-size: 15px;
    margin: 0px;
}

span.popup_img_upload .k-widget.k-upload.k-header {
    border: none !important;
    background: none !important;
}

span.popup_img_upload .k-upload-status {
    display: none;
}

.k-multicheck-wrap {
    max-height: 125px !important;
}

p.btn_wrpr.noaccess input[type="button"], p.btn_wrpr.noaccess input[type="submit"], p.btn_wrpr.noaccess button {
    background: #a6aeb7;
}

span.btn_normal.noaccess input[type="button"], input[type="submit"].btn-approve.noaccess, input[type="submit"].btn-accept.noaccess, input[type="submit"].btn-reject.noaccess {
    background: #a6aeb7 !important;
}

ul.action-edti-delete li.edit.noaccess:after, ul.action-edti-delete li.view.noaccess:after, ul.action-edti-delete li.delete.noaccess:after, ul.action-edti-delete li a.spntick.noaccess i {
    color: #a6aeb7;
}

ul.action-edti-delete li.more-action.noaccess {
    background-image: url('Images/action-moreicongrey.png');
}

ul.action-edti-delete li.switch_activate.noaccess {
    background-image: url('Images/active-noaccess.png');
}

ul.action-edti-delete li.switch_deactivate.noaccess {
    background-image: url('Images/inactive-noaccess.png');
}

ul.action-edti-delete-payment li.accept.noaccess {
    background-image: url('Images/acceptIcon_noacces.png');
}

ul.action-edti-delete-payment li.reject.noaccess {
    background-image: url('Images/rejectIcon_noacces.png');
}

ul.action-edti-delete-payment li.edit.noaccess {
    background-image: url('Images/EditPrice_noacces.png');
}

ul.action-edti-delete-payment li.process.noaccess {
    background-image: url('Images/process_noacces.png');
}





.profile-uploadwrap {
    position: relative;
    padding: 10px 30px 10px 10px;
    float: left;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
}

    .profile-uploadwrap span#spnRemove {
        position: absolute;
        top: 2px;
        right: 10px;
        cursor: pointer;
        font-size: 16px;
    }

    .profile-uploadwrap.border-on {
        border: 1px solid #ccc;
    }

.case_li {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bababa;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.case_view {
    float: right;
    padding-right: 60px;
    color: #1571bc;
    cursor: pointer;
}

.case_h4 {
    margin-bottom: 12px;
}

.case_ul {
    margin-top: -8px !important;
}

.judges_sort {
    cursor: pointer;
    width: 10px;
    display: block;
    height: 15px;
    margin: 0px auto;
}

.text_button {
    width: 331px !important;
}

.errorPageContent {
    width: 560px;
    background-color: transparent;
    /*border-radius: 10px;*/
    padding: 80px 0px;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    /*border: solid thin #ddd;*/
    height: 400px;
    position: absolute;
    top: calc(50% - 190px);
    left: calc(50% - 280px);
}

    .errorPageContent h2 {
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-weight: 100;
        font-weight: bold;
    }

    .errorPageContent p:last-child {
        margin-top: 30px;
    }

    .errorPageContent p a {
        padding: 6px 25px;
        color: #fff;
        background-color: #197b96;
        text-decoration: none;
        border-radius: 15px;
        font-weight: 500;
        font-size: 14px;
    }

.errorPagelogo {
    width: 201px;
    height: 162px;
    /*background-image: url('Images/loginbg.jpg');*/
    background: url('Images/loginbg.jpg') no-repeat 50% 50%;
    margin: auto;
    margin-top: 10px;
}

.ash_body {
    background-color: #e9ecf3;
}

p.hrLine {
    border-top: 1px solid #ccc;
}

.cms_headerLinks span.header-right-icons {
    width: 250px;
}

.cms_form.holidays-wrapper ul.year-selection {
    max-width: 470px;
}

/*.cms_form.master-management-form  ul{
max-width:800px;
}*/

.CasePlanViewgrid table tr:nth-child(2n) td {
    background: none;
}

.CasePlanViewgrid table tr.heading td {
    margin: 0px;
    padding: 20px 0px;
    font-weight: 500;
    color: #1571bc;
    font-size: 18px;
}

.cms_grid.CasePlanViewgrid table tr td:first-child span {
    padding-left: 20px;
    display: block;
}

.CasePlanViewgrid table tr td span.datepicker {
    padding: 0px;
    display: inline;
}

#Master_Settings_form ul.frm_list {
    max-width: 460px;
}

    #Master_Settings_form ul.frm_list li > label {
        width: 200px;
    }

    #Master_Settings_form ul.frm_list li > span {
        width: calc(100% - 210px);
    }

/*p.cms_search.casemanagementsearch {
max-width: 935px;
margin: 0px auto;
position: relative;
overflow: auto;
}

p.cms_search.casemanagementsearch span {
margin-top: 0px !important;
}

p.cms_search.casemanagementsearch span.case-dropdown-wrap {
border-right: 1px solid #ccc;
position: relative;
}

p.cms_search.casemanagementsearch span.case-dropdown-wrap input[type="button"] {
float: right;
height: 35px;
}

p.cms_search.casemanagementsearch select {
position: absolute;
left: 0px;
width: 150px;
background: #eff3fa url(images/selectbox-arrow.png) no-repeat 99% 50%;
border-radius: 25px 0px 0px 25px;
font-size: 15px;
font-weight: 500;
height: 35px;
padding-left: 20px;
}

p.cms_search.casemanagementsearch input[type="text"] {
width: calc(100% - 229px);
margin-left: 129px;
border-radius: 0px;
height: 35px;
font-size: 16px;
padding-left: 30px;
font-weight: 500;
border: 1px solid #c7c7c7;
}

p.cms_search.casemanagementsearch input.add-newbtn[type="button"] {
border-radius: 30px;
}*/

span.viewcaseform {
    color: #1571bc;
    cursor: pointer;
    font-weight: 500;
}

.case_event_header {
    margin-left: 0px;
    float: left;
    padding-top: 13px;
}

.search_status {
    width: 13px;
    height: 13px;
    float: right;
    position: absolute;
    right: -9px;
    top: 8px;
}

.usersearch_success {
    background: url('Images/success.png') no-repeat;
    background-size: 100%;
    background-position: 0% 0%;
}

.usersearch_fail {
    background: url('Images/error.png') no-repeat;
    background-size: 100%;
    background-position: 0% 0%;
}

span.medium-text input[type="text"] {
    width: 183px !important;
}

span.small-text input[type="text"] {
    width: 80px !important;
    margin-right: 4px !important;
}

.cms_form .popup_img_upload .k-button.k-upload-button {
    background: #1571bc;
    color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    border: 0px;
    padding: 3px 15px;
    font-size: 15px;
    border-radius: 30px;
    min-width: 80px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    /*text-align:center !important;*/
}

.prompt_active {
    color: #808080 !important;
}

.k-slider-selection {
    background-color: #1571bc !important;
}

.slider_lbl {
    width: 40% !important;
    float: right !important;
    margin-top: -32px;
    color: #1571bc !important;
    margin-left: 5px;
    margin-right: 200px;
    font-weight: 800 !important;
}

.case_back_btn {
    float: right;
}

.party_tab_view {
    float: left !important;
}

.upper_back_btn {
    float: right;
    margin-right: 2px;
}

.party_dropdown {
    font-weight: 700 !important;
    color: #000000 !important;
}



.cms_attachment_container {
    border: 1px solid #c7c7c7;
    width: 300px;
    height: 35px;
    margin-left: 25px;
    margin-top: 30px;
}

.attachment_p {
    margin-top: 6px;
}

.cms_form .popup_img_upload .k-button.k-upload-button.k-state-focused, .cms_form .popup_img_upload .k-button.k-upload-button:hover {
    background: #1571bc !important;
    color: #fff;
}


.cms_form .popup_img_upload .popup_img_preview {
    float: left;
    left: 135px;
    position: relative;
    top: -34px;
    border: 2px solid #ccc;
    width: 100px;
    text-align: center;
}

    .cms_form .popup_img_upload .popup_img_preview img {
        width: 100%;
    }

.cms_form .popup_img_upload .popup_img_preview_close {
    width: 16px;
    height: 16px;
    background: url(Images/preview_close.png) no-repeat 0% 0% / 100%;
    position: absolute;
    right: -9px;
    top: -6px;
    cursor: pointer;
}

h1.casename-number span {
    display: inline-block;
    padding: 0px 20px 0px 0px;
    cursor: default !important;
}

h1.casename-number {
    overflow: auto;
    margin-bottom: 20px;
}

    h1.casename-number span.casename {
        font-size: 22px;
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        border-right: 1px solid #ccc;
        margin-right: 20px;
    }

    h1.casename-number span.casenumber {
        color: #1571bc;
        padding-top: 3px !important;
        font-size: 19px;
    }

/*h1.casename-number span.casenumber label.active {
color: #14a600;
margin: 0px 5px;
text-transform: uppercase;
font-size: 14px;
}*/

.casename-number span.status {
    margin: 0px 5px;
    text-transform: uppercase;
    font-size: 14px;
}

    .casename-number span.status.active {
        background: #14a600 !important;
    }

    .casename-number span.status.pending {
        background: #ff5a39 !important;
    }

    .casename-number span.status.rejected {
        background: red !important;
    }

    .casename-number span.status.expired {
        background: grey !important;
    }

.cmstab-content {
    /*overflow: auto;*/
}

    .cmstab-content p.date {
        color: #858585;
        font-size: 14px;
        margin-bottom: 0px;
    }

    .cmstab-content h1 {
        font-size: 25px;
        color: #003e7e;
        font-weight: 500;
        margin-bottom: 25px;
        margin-top: 10px;
    }

.caseinformationbox-wrap {
    display: block;
    width: 100%;
    overflow: auto;
    max-width: 1100px;
    margin: 0px auto;
}

.caseinformationbox {
    width: calc((100% / 4) - 20px);
    float: left;
    border: 1px solid #ccc;
    margin-left: 25px;
    padding: 16px 10px;
    background: #fcfcfc;
    min-height: 354px;
    text-align: center;
}

    .caseinformationbox:first-child {
        margin-left: 0px;
    }

    .caseinformationbox ul {
        margin: 20px 0px;
        padding: 0px;
    }

        .caseinformationbox ul li {
            list-style: none;
            width: 100%;
            margin-bottom: 15px;
        }

            .caseinformationbox ul li label {
                color: #858585;
                font-size: 14px;
                width: 100%;
                display: block;
            }

            .caseinformationbox ul li span {
                color: #003e7e;
                font-weight: 500;
                display: block;
            }

            .caseinformationbox ul li > span label {
                font-weight: 500;
            }

        .caseinformationbox ul.align-center li {
            float: none;
            display: inline-block;
            width: 49%;
        }

.clr-green {
    color: #26c32e !important;
}

.clr-red {
    color: #e84d4d !important;
}

.cmstab-content h5 {
    font-size: 16px;
    margin: 25px 0px 5px 0px;
}

.calendar_judge {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 58%;
    overflow: hidden;
}

.cmstab-content .party-list, .cmstab-content .document-list, .cmstab-content .event-list, .cmstab-content .fees-list {
    display: block;
    position: relative;
    margin: 0px 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    font-size: 15px;
}

    .cmstab-content .party-list h3, .cmstab-content .document-list h3, .cmstab-content .event-list h3, .cmstab-content .fees-list h3 {
        color: #00438C;
        font-weight: 500;
        font-size: 16px;
        margin: 4px 0px;
    }


    .cmstab-content .party-list label {
        color: #858585;
        margin-right: 10px;
    }

    .cmstab-content .party-list input[type="button"], .cmstab-content .document-list input[type="button"] {
        position: absolute;
        right: 0px;
        top: 20px;
        font-size: 12px;
    }

a.email {
    color: #1571bc;
    font-weight: 500;
}

.cmstab-content .document-list {
    padding-left: 50px;
    border: 1px solid transparent;
}

/*.cmstab-content .document-list h3 label {
font-size: 13px;
color: #858585;
margin: 0px 10px;
}*/

.document-list_h3 {
    cursor: pointer;
}

.cmstab-content .document-list.word-file {
    background: url('Images/icon-word.png') no-repeat 10px 50% / 24px;
    cursor: pointer;
}

.cmstab-content .document-list.pdf-file {
    background: url('Images/icon-pdf.png') no-repeat 10px 50%;
}

.cmstab-content .document-list.jpg-file {
    background: url('Images/icon-jpg.jpg') no-repeat 10px 50%;
}

.cmstab-content .document-list.word-file.active {
    background: #fff url('Images/icon-word.png') no-repeat 10px 50% / 24px;
    border-color: #acceea;
}

.cmstab-content .document-list.active {
    background: #fff url('Images/icon-pdf.png') no-repeat 10px 50%;
    border-color: #acceea;
}

.cmstab-content .document-list.jpg-file.active {
    background: #fff url('Images/icon-jpg.jpg') no-repeat 10px 50%;
    border-color: #acceea;
}

.cmstab-content .event-list h3, .cmstab-content .fees-list h3, .cmstab-content .document-list h3 {
    font-size: 18px !important;
}

    .cmstab-content .event-list h3 label, .cmstab-content .document-list h3 label {
        color: #000;
        border-left: 2px solid #ccc;
        margin: 0px 10px;
        padding: 0px 10px;
    }

    .cmstab-content .fees-list h3 label {
        color: #000;
        margin-left: 15px;
    }

.cmstab-content .fees-list .fees-list-details label {
    color: #858585;
    font-size: 15px;
    border-right: 1px solid #ccc;
    padding-right: 7px;
    margin-right: 5px;
}

.cmstab-content .fees-list .fees-list-details {
    font-weight: 500;
}

    .cmstab-content .fees-list .fees-list-details span {
        color: #1571bc;
    }

.cmstab-content .fees-list span.fees {
    color: #1571bc;
    position: absolute;
    right: 10px;
    top: 25px;
}

    .cmstab-content .fees-list span.fees label {
        color: #858585;
        font-weight: 500;
    }

/*.cms_menu li.cms_menu_efiling {
background: #cceaf7 url(Images/cms_mnu_efiling.png.png) no-repeat 10px 10px;
}

.cms_menu li.cms_menu_efiling.menuliactive {
background: #cceaf7 url(Images/cms_mnu_efiling.png.png) no-repeat 10px 10px;
}*/

.tab_items_popup {
    width: 95%;
    margin-left: 15px;
}

.cmstab-content .fees-list span.fees span {
    margin: 0px 10px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.cmstab-content .fees-list.green span.fees span, .cmstab-content .fees-list.green h3 label {
    color: #14a600;
}

.cmstab-content .fees-list.red span.fees span, .cmstab-content .fees-list.red h3 label {
    color: #ec2c2c;
}

.cmstab-content .event-list .event-list-details {
    font-size: 16px;
}
.cmstab-content .event-list .partyLawyer {
  padding-top: 5px;
}
.cmstab-content .event-list .partyLawyer img {
  width: 24px;
  margin-right: 5px;
}
    .cmstab-content .event-list .event-list-details label {
        color: #858585;
    }

    .cmstab-content .event-list .event-list-details span {
        color: #1571bc;
        margin: 0px 30px 0px 5px;
        font-weight: 500;
    }

.case_back_btn {
    float: right;
    margin-right: -9px;
    margin-top: 1px;
}

.upper_back_btn {
    float: right;
    margin-right: 2px;
}

.history-accordion {
    padding-top: 30px;
    position: relative;
}

    .history-accordion:before {
        content: "";
        position: absolute;
        left: 20px;
        width: 1px;
        top: 31px;
        bottom: 6px;
        background: #1571bc;
    }

.history-accordion-header {
    padding-left: 60px;
    position: relative;
    overflow: auto;
    margin-bottom: 8px;
}

    .history-accordion-header label.number {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 100%;
        background: #1571bc;
        color: #fff;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: 0px;
        top: 0;
        cursor: pointer;
    }

    .history-accordion-header h3 {
        background: #f0f4fb;
        font-size: 15px;
        color: #1571bc;
        padding: 12px 20px;
        margin: 0px;
        position: relative;
        cursor: pointer;
    }

        .history-accordion-header h3:before {
            content: "";
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 6px solid #f0f4fb;
            position: absolute;
            left: -6px;
            top: calc(50% - 7px);
        }

        .history-accordion-header h3 label {
            color: #787a7d;
            font-size: 12px;
            font-weight: 500;
            margin-left: 5px;
        }

.history-accordion-content {
    background: #f0f4fb;
    padding: 10px 25px;
    margin: -8px 0px 5px 60px;
    position: relative;
    /*overflow: auto;*/
}

    .history-accordion-content:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 10px;
        bottom: auto;
        left: 10px;
        height: 1px;
        background: #d8dbe1;
    }

    .history-accordion-content ul {
        padding: 0px;
        margin: 0px;
    }

        .history-accordion-content ul li {
            display: block;
            font-size: 13px;
            margin-bottom: 10px;
            padding: 5px 0px 5px 40px;
        }

            .history-accordion-content ul li.event {
                background: url('Images/event-icon.png') no-repeat 0% 50%;
            }

            .history-accordion-content ul li.word {
                background: url('Images/icon-word.png') no-repeat 0% 50% / 24px;
            }

            .history-accordion-content ul li.pdf {
                background: url('Images/icon-pdf.png') no-repeat 0% 50%;
            }

            .history-accordion-content ul li label {
                color: #1571bc;
                font-weight: 500;
                margin-right: 10px;
            }

.cmstab-content .fees-list h3 label {
    color: #000;
    margin-left: 15px;
}

.cmstab-content .fees-list .fees-list-details label {
    color: #858585;
    font-size: 15px;
    border-right: 1px solid #ccc;
    padding-right: 7px;
    margin-right: 5px;
}

.cmstab-content .fees-list .fees-list-details {
    font-weight: 500;
}

    .cmstab-content .fees-list .fees-list-details span {
        color: #1571bc;
    }

.cmstab-content .fees-list span.fees {
    color: #1571bc;
    position: absolute;
    right: 10px;
    top: 25px;
}

    .cmstab-content .fees-list span.fees label {
        color: #858585;
        font-weight: 500;
    }

    .cmstab-content .fees-list span.fees span {
        margin: 0px 10px;
        font-size: 20px;
        color: #000;
        font-weight: 500;
    }

.cmstab-content .fees-list.Invoice span.fees span, .cmstab-content .fees-list.Invoice h3 label {
    color: red !important;
    text-transform: uppercase !important;
}

.cmstab-content .fees-list.Payment span.fees span, .cmstab-content .fees-list.Payment h3 label {
    color: #14a600 !important;
    text-transform: uppercase !important;
}

.cmstab-content .fees-list.Debit span.fees span, .cmstab-content .fees-list.Debit h3 label {
    color: #8523f5 !important;
    text-transform: uppercase !important;
}

.cmstab-content .fees-list.Credit span.fees span, .cmstab-content .fees-list.Credit h3 label {
    color: #000;
    text-transform: uppercase;
}

.cmstab-content .fees-list.green span.fees span, .cmstab-content .fees-list.green h3 label {
    color: #14a600;
    text-transform: uppercase;
}

.cmstab-content .fees-list.red span.fees span, .cmstab-content .fees-list.red h3 label {
    color: #ec2c2c;
}

.cms_form.cms_form_popup .cms_form_popup_inner {
    padding: 20px 25px;
    overflow: auto;
    background: #fff;
}

    .cms_form.cms_form_popup .cms_form_popup_inner .popup_heading {
        padding: 0px;
        margin-bottom: 20px;
    }

    .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading {
        font-weight: 500;
        font-size: 18px;
        margin: 0px;
        color: #000;
    }

        .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading label {
            margin-left: 10px;
            font-weight: 400;
            float: none;
        }

            .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading label.case_number, .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading.case-event-head label.statement-date, .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading.case-event-head label.notification-date {
                color: #0866ac;
                font-weight: 500;
            }

            .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading label.statement-date {
                font-size: 14px;
            }

            .cms_form.cms_form_popup .cms_form_popup_inner h2.main_heading label.notification-date {
                font-size: 14px;
                font-weight: 500;
                color: #000;
                width: calc(100% - 150px);
            }

    .cms_form.cms_form_popup .cms_form_popup_inner ul {
        padding: 10px 0px;
    }

.popup-multi .cms_form_popup_inner ul {
    padding: 0px 0px !important;
}

.popup-multi .k-multiselect-wrap .k-input {
    padding-top: 6px;
}

.cms_form.cms_form_popup.case-event-details-popup label, .cms_form.cms_form_popup.case-event-details-popup span {
    text-align: left;
    padding-top: 0px;
    /*float: left;*/
}

.cms_form.cms_form_popup.case-event-details-popup label {
    color: #858585;
    padding-right: 10px;
    width: 139px;
    text-align: right;
}

.cms_form.cms_form_popup.case-event-details-popup span {
    font-weight: 500;
    color: #000;
    width: calc(100% - 150px);
}

.cms_form.cms_form_popup.case-party-details-popup label, .cms_form.cms_form_popup.case-party-details-popup span {
    text-align: left;
    padding-top: 0px;
    float: left;
}

.cms_form.cms_form_popup.case-party-details-popup label {
    color: #858585;
    padding-right: 10px;
    width: 187px;
    text-align: right;
}

.cms_form.cms_form_popup.case-party-details-popup span {
    font-weight: 500;
    color: #000;
    width: calc(100% - 187px);
}

    .cms_form.cms_form_popup.case-party-details-popup span.email-break {
        word-break: break-all;
    }

.cms_form.cms_form_popup.case-event-details-popup ul li.details label {
    /*width: 65px;
float: left;*/
}

.cms_form.cms_form_popup.case-event-details-popup ul li.details span {
    /*width: calc(100% - 70px);*/
}

.cms_form.cms_form_popup.case-event-details-popup h2.uploaded-document-name {
    padding: 10px 0px 10px 60px;
    font-size: 18px;
    color: #447fb3;
    background: url('Images/icon-word.png') no-repeat 0% 50%;
    font-weight: 500;
}

.cms_form.cms_form_popup.add-edit-event-popup .add-edit-form {
    width: calc(100% - 350px);
    float: left;
}

.cms_form.cms_form_popup.add-edit-event-popup .attachment {
    width: 300px !important;
    float: right;
    margin-right: 30px;
}

    .cms_form.cms_form_popup.add-edit-event-popup .attachment h4 {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        font-weight: 500;
        color: #136cb3;
    }


    .cms_form.cms_form_popup.add-edit-event-popup .attachment .attachment_content {
        border-style: solid;
        border-width: thin;
        border-color: #cccccc;
        width: 100%;
        float: right;
        height: 305px;
        padding: 10px;
        position: relative;
    }

    .cms_form.cms_form_popup.add-edit-event-popup .attachment .attachment_header {
        padding-left: 1px;
        font-size: 21px;
    }

.cms_form.cms_form_popup.add-edit-event-popup ul li label {
    width: 220px;
}

.cms_form.cms_form_popup.add-edit-event-popup ul li span {
    max-width: 300px;
}

.cms_form.cms_form_popup.add-edit-event-popup .attachment .popup_img_upload {
    display: block;
    width: 100%;
}

.cms_form.cms_form_popup.add-edit-event-popup .attachment button.file-upload {
    width: 170px;
    margin-right: 10px;
}

.cms_form .attachment {
    width: 300px !important;
    float: right;
    margin-right: 30px;
}

    .cms_form .attachment h4 {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        font-weight: 500;
        color: #136cb3;
    }

    .cms_form .attachment .attachment_content {
        border-style: solid;
        border-width: thin;
        border-color: #cccccc;
        width: 100%;
        float: right;
        height: 180px;
        padding: 10px;
        position: relative;
        overflow: auto;
        border-radius: 5px;
    }

    .cms_form .attachment .attachment_header {
        padding-left: 1px;
        font-size: 21px;
    }

    .cms_form .attachment .popup_img_upload {
        display: block;
        width: 100%;
    }

    .cms_form .attachment span.popup_img_upload .k-widget.k-upload.k-header {
        display: inline-block;
        width: 100px;
        float: left;
        height: 50px;
    }

    .cms_form .attachment button.file-upload {
        width: 170px;
        margin-right: 10px;
    }

.cms_form .add-edit-form {
    width: calc(100% - 350px);
    float: left;
}

.uplaoded-file {
    position: relative;
}

.case_grd {
    margin-top: 20px;
}

.caseplan_header {
    float: left;
    font-weight: 500;
    font-size: larger;
    color: #1571bc;
}

.uplaoded-file input.upload_preview {
    border-radius: 0px;
    background: #dcdcdc;
    color: #000;
    width: 100%;
    text-align: left;
}

.uplaoded-file span.close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url('../Libraries/ckeditor/skins/moono/images/hidpi/close.png') no-repeat 50% 50% / 100%;
}

.cms_attachment_content span.upload_preview {
    border-radius: 0px;
    background: #dcdcdc;
    color: #000;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 230px;
}

.cms_attachment_content span.close {
    position: absolute;
    right: 5px;
    top: 2px;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    background: url('../Libraries/ckeditor/skins/moono/images/hidpi/close.png') no-repeat 50% 50% / 68%;
}

ul.case-event-attachment li {
    display: block;
    border-radius: 4px;
    padding: 8px 8px 8px 50px;
    border: 1px solid #ccc;
    margin-bottom: 7px;
    background: url('Images/icon-cocument.png') no-repeat 10px 50%;
    text-align: left;
    font-weight: 500;
    color: #6b7382;
}

    ul.case-event-attachment li span.actions {
        float: right !important;
        width: 75px !important;
        text-align: right;
    }

        ul.case-event-attachment li span.actions i {
            font-size: 20px;
            color: #136cb3;
            cursor: pointer;
        }

    ul.case-event-attachment li .fa.fa-envelope {
        margin-right: 20px;
    }


.k-multicheck-wrap {
    overflow: auto;
    overflow-x: auto !important;
}


.k-animation-container .k-list-container.k-popup.k-group.k-reset {
    height: auto !important;
}

    .k-animation-container .k-list-container.k-popup.k-group.k-reset .k-list-scroller {
        height: auto !important;
    }

.caseplangrid .k-grid td {
    border: 0;
    border-bottom: 1px solid #f2f2f2 !important;
}

.caseplangrid.cms_grid table tr td {
    background: #ffffff !important;
}

    .caseplangrid.cms_grid table tr td:first-child {
        padding-left: 25px;
    }

.caseplangrid .gridheader {
    position: absolute;
    left: 2px;
    margin-top: -25px;
    font-weight: 500;
    color: #1571bc;
    font-size: 18px;
}

.caseplangrid .gridheaderholder {
    padding: 10px 0px;
    display: block;
}

.caseplangrid table tr td {
    line-height: 120%;
}

.dvApplicationArea {
    max-height: 100px;
    overflow: auto;
    min-height: 24px;
}

    .dvApplicationArea p {
        font-size: 13px;
        margin: 2px 0;
        width: 100%;
        display: inline-block;
    }

        .dvApplicationArea p label {
            font-weight: bold;
            color: #2e3192;
            position: relative;
            margin-right: 10px;
            width: 55px;
            float: left;
        }

        .dvApplicationArea p span {
            float: left;
            width: calc(100% - 66px);
            word-break: break-all;
            word-wrap: break-word;
        }

        .dvApplicationArea p label.agent_cls {
            width: 132px;
        }

        .dvApplicationArea p label:after {
            content: ":";
            position: absolute;
            top: 1px;
            right: -7px;
            color: #666;
        }

.NoMasterentry {
    background: #fff;
    text-align: center;
    padding: 143px 150px 150px 132px;
    border-radius: 0px 0px 8px 8px;
    font-weight: 500;
}

.holidayyeardrop {
    max-width: 120px !important;
    font-size: 15px;
}


.k-grid-header th.k-header {
    position: relative;
}

    .k-grid-header th.k-header a.k-grid-filter {
        position: absolute;
        right: 15px;
        bottom: 10px;
    }

.cms_grid .k-grid td.more_clm {
    overflow: visible;
}

.case_title {
    font-size: larger !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

.cms_form.master-category-form {
    min-height: inherit !important;
    display: inline;
}

.cms_grid.category-user-table table .k-grid-header th:first-child, .cms_grid.category-user-table table td:first-child {
    width: 50px;
}

.cms_grid.category-user-table {
    max-width: 900px;
    margin: 0px auto;
}

.Judges-dateselect-wrap {
    display: block;
    width: 100%;
    overflow: auto;
}

.cms_form.cms_form_popup .Judges-dateselect-wrap p.rgtbtns {
    position: static;
    border-top: none;
    float: left;
    display: inline-block;
    width: auto;
    padding: 0px;
    margin-top: 30px;
}

    .cms_form.cms_form_popup .Judges-dateselect-wrap p.rgtbtns input[type="button"] {
        min-width: 90px;
        padding: 4px 10px;
    }

ul.Judges-dateselect {
    display: inline-block;
    float: left;
    max-width: 500px;
    padding: 0px;
}

    ul.Judges-dateselect li {
        display: inline-block;
        width: calc((100% / 2) - 20px);
        margin-right: 10px;
    }

        ul.Judges-dateselect li label, ul.Judges-dateselect li > span {
            display: block;
            width: 100% !important;
            text-align: left !important;
        }


.attachment_content .popup_img_upload .upload_clear {
    position: absolute;
    right: 12px;
    top: 12px;
    background: #c4c8cc;
    padding: 7px 21px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
}

.upload_clear_btn {
    background: #c4c8cc;
    padding: 7px 21px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    float: left;
    cursor: pointer;
}

.attachment_content .cms_attachment_content {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #dcdcdc;
    padding: 5px 3px 3px 5px;
    margin-bottom: 3px;
    font-size: 13px;
}









/*popup*/

.cms-inner-popup {
    padding: 20px;
}

.cms_form.cms_form_popup .cms-inner-popup .popup_heading {
    padding: 0px 0px 6px;
}

.cse_form_ht {
    min-height: 0px !important;
}

.caseplan-dateselect-top {
    margin: 0px 0px 15px 0px;
}

    .caseplan-dateselect-top label {
        font-size: 16px;
        font-weight: 500;
        margin-right: 5px;
    }

        .caseplan-dateselect-top label.assumed {
            color: #a5a5a5;
            font-size: 12px;
            font-weight: normal;
        }

    .caseplan-dateselect-top > span {
        margin-right: 20px;
    }

span.case-icons {
    margin-left: 10px;
}

    span.case-icons label {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

.caseplan-dateselect-top {
    margin: 0px 0px 15px 0px;
}

    .caseplan-dateselect-top label {
        font-size: 16px;
        font-weight: 500;
        margin-right: 5px;
    }

        .caseplan-dateselect-top label.assumed {
            color: #a5a5a5;
            font-size: 12px;
            font-weight: normal;
        }

    .caseplan-dateselect-top > span {
        margin-right: 20px;
    }

    .caseplan-dateselect-top > span {
        margin-right: 20px;
    }

#dvPartiesDropDown.dropdown-center-main {
    max-width: 700px;
    margin-top: 15px;
}

.cms_innercontent_main.registrationmanagement-main span.viewcaseform {
    font-size: 14px;
}

.registrationmanagement-main .casemanagementsearch .case-dropdown-wrap {
    border: none !important;
}

.approve-reject {
    min-width: 160px;
    text-align: center;
    float: none;
}

    .approve-reject input {
        font-size: 12px;
        padding: 2px 5px;
        min-width: 60px;
        float: left;
    }

        .approve-reject input.btn-approve {
            border-radius: 25px 0px 0px 25px;
        }

        .approve-reject input.btn-reject {
            border-radius: 0px 25px 25px 0px;
            background: #c4c8cc;
            color: #000;
        }

        .approve-reject input.btn-accept {
        }

ul.aol-details-listion {
    list-style: none;
    padding: 0px;
    font-size: 14px;
    margin: 0;
}

    ul.aol-details-listion li {
        margin-bottom: 5px;
    }

        ul.aol-details-listion li.item {
            margin-left: 25px;
        }

        ul.aol-details-listion li label {
            color: #989898;
        }

        ul.aol-details-listion li span {
            font-weight: 500;
        }

.lawyers-accordion-header {
    position: relative;
    margin-top: 10px;
}

    .lawyers-accordion-header:first-child {
        margin: 0px;
    }

.Lawyerheader {
    position: relative;
}

    .Lawyerheader:after {
        position: absolute;
        content: "\f107 ";
        top: -2px;
        right: 15px;
        font-size: 35px;
        font-family: 'FontAwesome';
        width: 30px;
        height: 30px;
        color: #7f7f7f;
    }

    .Lawyerheader.open:after {
        content: "\f106 ";
    }


.lawyers-accordion-header:after {
    position: absolute;
    content: "\f107 ";
    top: 0px;
    right: 15px;
    font-size: 35px;
    font-family: 'FontAwesome';
    width: 30px;
    height: 30px;
    color: #7f7f7f;
}

.lawyers-accordion-header.open:after {
    content: "\f106 ";
}

.lawyers-accordion-header h3 {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 0px;
    color: #003366;
    text-transform: uppercase;
    font-size: 17px;
}

    .lawyers-accordion-header h3.Lawyerheader {
        border: 1px solid #ccc !important;
    }

.Lawyerheader.ui-state-hover {
    border: solid thin #8ec4f1 !important;
    box-shadow: 0 0px 1px #8ec4f1 !important;
}


.lawyers-accordion-content {
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: -1px;
    overflow: auto;
    margin-bottom: 20px;
    position: relative;
}

    .lawyers-accordion-content h3 {
        color: #1571bc;
        /*text-transform: uppercase;*/
        font-size: 17px;
    }


    .lawyers-accordion-content .lawyer-documents ul {
        padding: 0px;
        list-style: none;
    }

        .lawyers-accordion-content .lawyer-documents ul li {
            margin-bottom: 15px;
        }

            .lawyers-accordion-content .lawyer-documents ul li label {
                font-weight: 500;
                min-width: 300px;
                display: inline-block;
            }

            .lawyers-accordion-content .lawyer-documents ul li span {
                color: #003e7e;
                font-weight: 500;
                background: url('Images/icon-pdf.png') no-repeat 0% 50%;
                padding: 0px 0px 0px 40px;
            }
    /*-----------------------------------------------*/
    .lawyers-accordion-content .lawyer-details .aol-details-listion {
        margin-left: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

/*----------------------------------------------------*/
.supportingdocs h4 {
    font-weight: 500;
}

ul.supportingdoc-list {
    margin-top: 40px;
    max-width: 900px;
    padding: 0px;
}

    ul.supportingdoc-list li {
        color: #003e7e;
        font-weight: 500;
        background: url('Images/icon-pdf.png') no-repeat 0% 50%;
        padding: 0px 0px 0px 40px;
        list-style: none;
        margin-bottom: 15px;
        width: 49%;
        display: inline-block;
    }

.history-accordion-content:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 10px;
    bottom: auto;
    left: 10px;
    height: 1px;
    background: #d8dbe1;
}

ul.statement-support-list {
    padding: 0px;
    list-style: none;
    font-size: 14px;
    margin: 0px;
}

.history-accordion-content ul {
    padding: 0px;
    margin: 0px;
}

ul.statement-support-list li {
    margin-bottom: 5px;
}

ul.statement-support-list label {
    color: #989898;
}

ul.statement-support-list span {
    font-weight: 500;
}


.cmstab-content.aol-tab-content {
    padding: 0px 30px;
}



.supportingdocuments ul {
    padding: 0px;
    list-style: none;
}

    .supportingdocuments ul li {
        margin-bottom: 20px;
        overflow: auto;
    }

        .supportingdocuments ul li > label {
            font-weight: 500;
            min-width: 250px;
            display: inline-block;
            float: left;
        }

.history-accordion-content ul li {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 0px 5px 40px;
}

.supportingdocuments ul li span {
    float: left;
}

    .supportingdocuments ul li span > label {
        color: #003e7e;
        font-weight: 500;
        background: url('Images/icon-pdf.png') no-repeat 0% 50%;
        padding: 0px 0px 0px 40px;
        margin-right: 30px;
    }

        .supportingdocuments ul li span > label:hover {
            cursor: pointer;
        }

.back-approve-reject {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px;
}

span.back-approve-reject {
    list-style: none;
    display: inline-block;
    padding: 0px;
}

    span.back-approve-reject label.btn-back {
        border-right: 1px solid #ccc;
        float: left;
        padding-right: 10px;
        margin-right: 10px;
    }

.history-accordion-content ul li.event {
    background: url('Images/event-icon.png') no-repeat 0% 50%;
}

.history-accordion-content ul li label {
    color: #1571bc;
    font-weight: 500;
    margin-right: 10px;
}

span.back-approve-reject label.btn-back .case_back_btn {
    float: left;
    border-right: 1px solid #ccc;
}

span.back-approve-reject input {
    margin: 0px 5px;
    padding: 8px 30px;
    min-width: 120px;
}

.cms_innercontent_main.registrationmanagement-main h1.casename-number span.casenumber {
    display: block;
    width: 100%;
    text-align: left;
}

.cms_innercontent_main.registrationmanagement-main h1.casename-number span.date {
    color: #8a8a8a;
}

.clr-orange {
    color: #ff5a39 !important;
}



.btn-accept {
}

.cms_form ul li > span textarea.interview-msg {
    min-height: 170px !important;
}

.declaration h3 {
    margin: 50px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 14px;
}

.declaration p {
    font-size: 14px;
}

.btn-document {
    text-align: center;
    float: none;
}

    .btn-document input {
        font-size: 12px;
        padding: 2px 5px;
        min-width: 60px;
        float: left;
    }

        .btn-document input.btn-approve {
            border-radius: 25px 0px 0px 25px;
        }

        .btn-document input.btn-reject {
            border-radius: 0px 25px 25px 0px;
            background: #c4c8cc;
            color: #000;
        }

        .btn-document input.btn-accept {
        }

#dvLawyerDocuments .supportingdocuments {
    padding: 0px 15px;
}

h1.casename-number span.profile-image {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    background-size: 100% !important;
    position: absolute;
    right: 40px;
    top: 180px;
    background-repeat: no-repeat !important;
    /*background: #112e5d url(Images/lawyer-dp.png) no-repeat 82% 50%;*/
}

    h1.casename-number span.profile-image img {
        width: 125%;
        height: 115%;
    }


/*12-04-17*/
.cmstab-content .event-list input.btn-document[type="button"] {
    right: 110px !important;
}


.addcase-general-tab {
    overflow: auto;
    max-width: 1000px;
}

    .addcase-general-tab ul {
        float: left;
        width: 500px;
    }

.history-accordion-content.doc_accordian {
    margin: 15px 0px 10px 0px;
    position: relative;
}

    .history-accordion-content.doc_accordian:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f0f4fb;
        right: 140px;
        position: absolute;
        top: -10px;
    }

#dvRejectedEventsDetailsView .history-accordion-content.doc_accordian:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f4fb;
    /*right: 248px;*/
    position: absolute;
    top: -10px;
}

.history-accordion-content.doc_accordian::before {
    display: none;
}

.document-list-left {
    display: inline-block;
    width: 45%;
    margin-top: 10px;
    float: left;
}

    .document-list-left .document-list {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
    }

.document_spn {
    color: #1571bc;
    font-size: 25px;
    float: left !important;
    border-right: 1px solid #ccc;
    padding-right: 12px;
    cursor: pointer;
}

.document_spn_noborder {
    font-size: 25px;
    float: left !important;
    padding-right: 12px;
    cursor: pointer;
}

.document_btn {
    padding: 3px 15px;
}

.document-list {
    width: 30%;
}

.doc_viewer {
    display: inline-block;
    width: 50%;
    float: right;
}

#dvRejectedEventsView .document_spn {
    color: #1571bc;
    font-size: 25px;
    margin: 0px;
    position: absolute;
    top: 17px;
    right: 213px;
    border: 0px;
    max-width: 32px;
}

#dvEventReject .cms_form_popup_inner {
    color: #000;
    font-size: 15px;
}

a.btn-download {
    text-decoration: none;
    background: #1571bc;
    color: #FFFFFF;
    font-family: 'Rubik', sans-serif;
    border: 0px;
    padding: 5px 15px;
    font-size: 15px;
    border-radius: 30px;
    min-width: 90px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    transition: all ease 0.5s;
}

.type_select {
    width: auto;
    margin: auto;
    text-align: center;
}

    .type_select span select {
        width: 200px;
    }

#dvRegisteredUserContactGrid.cms_grid {
    width: calc(100% - 60px);
    margin: auto;
}



.cmstab-content .event-list .events-right-btn {
    display: block;
    right: 0px;
    position: absolute;
    height: 30px;
    /*top: calc(50% - 15px);*/
    top: 10px;
}

    .cmstab-content .event-list .events-right-btn span {
        display: inline-block;
        float: right;
    }

    .cmstab-content .event-list .events-right-btn input[type="button"] {
        margin: 0px 10px;
    }

    .cmstab-content .event-list .events-right-btn .document_spn {
        margin-right: 10px;
    }

    .cmstab-content .event-list .events-right-btn .document_spn_noborder {
        margin-right: 10px;
    }

.norecords-h3 {
    color: #000 !important;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    margin: 4px 0px;
    font-size: 18px !important;
}

.noevents {
    color: #000 !important;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    margin: 4px 0px;
}

.document-list .norecords-h3 {
    margin-left: -40px !important;
}

.cmstab-content .document-list.xls-file {
    background: url('Images/icon_excel.png') no-repeat 10px 50% / 24px;
}

    .cmstab-content .document-list.xls-file.active {
        background: #fff url('Images/icon_excel.png') no-repeat 10px 50% / 24px;
        border-color: #acceea;
    }

.note_form {
    min-height: 256px !important;
}

.note_table {
    width: 80% !important;
    margin-left: 135px;
    margin-top: 10px;
}

.custom-accordion-header h3 {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 0px 0px 5px;
    color: #1571bc;
    text-transform: uppercase;
    font-size: 17px;
    background: #fff;
    border-radius: 0px !important;
}

.custom-accordion-header:after {
    position: absolute;
    content: "\f107 ";
    top: 0px;
    right: 15px;
    font-size: 35px;
    font-family: 'FontAwesome';
    width: 30px;
    height: 30px;
    color: #7f7f7f;
}

.custom-accordion-header.open:after {
    content: "\f106";
}

.Lawyerheader {
    cursor: pointer;
}

/*.approve-reject {
min-width: 120px;
text-align: center;
float: none;
}*/

.approve-reject input {
    font-size: 12px;
    padding: 2px 5px;
    min-width: 60px;
    float: left;
}

    .approve-reject input.btn-approve {
        border-radius: 25px 0px 0px 25px;
    }

    .approve-reject input.btn-reject {
        border-radius: 0px 25px 25px 0px;
        background: #c4c8cc;
        color: #000;
    }

    .approve-reject input.btn-accept {
    }

ul.action-edti-delete li.download {
    float: right !important;
    margin: 0px;
    background: url('Images/download.png') no-repeat;
}

.export_div {
    float: right;
    margin-top: 7px;
}

.status_yes {
    color: #19b61d !important;
    font-size: 12px !important;
}

.status_no {
    color: red !important;
    font-size: 12px !important;
}

.k-grid-toolbar:first-child {
    display: none !important;
}

.pty_sub_heading {
    margin-left: 10px;
    font-size: 19px;
}

.cms_form.cms_form_popup.case-event-details-popup ul {
    padding-bottom: 50px;
}

.cms_form ul li span.cms_notifymissing_container {
    height: auto !important;
    max-height: 210px !important;
    overflow-y: auto !important;
}

.lawfirmdownloadbox .custom-accordion-header:after {
    display: none;
}

.cms_grid .k-grid td.viewstatus {
    color: #1571bc;
    font-weight: 500;
}

p.invoice-number {
    overflow: auto;
}

    p.invoice-number label, p.invoice-number span {
        display: inline-block;
        float: left;
        font-size: 15px;
    }

    p.invoice-number label {
        color: #a1a1a1;
        padding: 0px 10px 0px 0px;
        font-weight: 500;
    }

    p.invoice-number span {
        color: #1571bc;
        padding: 0px;
        font-weight: 500;
    }

.event_span {
    border-left: 1px solid #ccc !important;
    margin-left: 10px !important;
    padding-left: 10px !important;
}

/*Payment Styles*/
.payment_details_wrpr {
    background: #fff;
    padding: 20px;
}

.payment_adrs_wrpr {
    width: 100%;
}

.payment_adrs_right {
    padding: 30px 0px 0px;
}

.payment_pay_wrpr {
    width: 100%;
    display: inline-block;
}

.cms_footer.cms_paymentfooter {
    margin-left: 0px;
}

.payment_adrs_left > label, .payment_adrs_right > label {
    font-size: 14px;
    color: #616161;
    font-weight: 500;
    line-height: 170%;
    display: inline-block;
    width: 100%;
}

.payment_adrs_left h3, .payment_adrs_right h3 {
    font-size: 16px;
    color: #003e7e;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.payment_adrs_right ul {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #d8d8d8;
}

    .payment_adrs_right ul li {
        list-style: none;
        position: relative;
        border-top: 1px solid #d8d8d8;
        padding: 10px 0px 5px 30px;
    }

.invoice_amnt {
    margin-top: 10px;
    text-align: right;
    padding: 5px 10px;
}

.payment_pay_wrpr ul {
    list-style-type: none;
    padding: 0;
}

    .payment_pay_wrpr ul li {
        display: inline-block;
        width: 100%;
        margin: 5px 0;
        border: solid thin #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 18px 15px;
        position: relative;
    }

.payment_adrs_right ul li label.lblcount {
    position: absolute;
    top: 10px;
    left: 0px;
    background: #1e4280;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding-top: 2px;
    font-size: 13px;
}

.invoice_datetime label {
    position: relative;
    margin-right: 20px;
    display: inline-block;
}

.invoice_datetime label {
    color: #616161;
    font-weight: 500;
}

.payment_adrs_right ul li span.invoiceamnt_sub {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #616161;
    font-weight: 500;
}

    .payment_adrs_right ul li span.invoiceamnt_sub label {
        color: #1f4180;
        font-size: 25px;
        font-weight: 700;
        display: inline-block;
    }

.bold_font {
    font-weight: 600 !important;
    color: #000 !important;
    font-size: 19px !important;
}

.invoice_amnt label:first-child {
    padding-top: 10px;
    margin-right: 5px;
    color: #1e427e;
    font-weight: 700;
}

.invoice_amnt label {
    display: inline-block;
}

    .invoice_amnt label:last-child {
        color: #53D568;
        font-size: 25px;
        font-weight: 800;
    }

.payment_pay_wrpr ul li h3 {
    display: inline-block;
    color: #1e417c;
    font-size: 15px;
    font-weight: 800;
    padding: 5px 0;
    margin: 0px 0px 10px;
}

.payment_pay_wrpr ul li p {
    font-size: 14px;
    color: #616161;
    margin: 0;
}



.payment_pay_wrpr ul li select {
    width: 150px;
    margin: 10px;
}

body.bodypayment {
    padding-top: 70px;
}

.cms_paymentcontent {
    padding: 20px;
    background: #fff;
    margin: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 2px #ccc;
    font-size: 14px;
}

.paymentstatus-container {
    /*height: calc(100% - 95px);*/
    padding: 20px;
    background: #fff;
    margin: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 2px #ccc;
    font-size: 14px;
}

    .paymentstatus-container h1 {
        font-size: 20px;
        text-align: center;
        font-weight: 500;
        margin: 10px 0px 20px;
        padding-top: 75px;
    }

        .paymentstatus-container h1.payment-success {
            background: url(Images/payment-success.png) no-repeat 50% 0%;
            color: #53b594;
        }

        .paymentstatus-container h1.payment-faild {
            background: url(Images/payment-failure.png) no-repeat 50% 0%;
            color: #e84c4c;
        }

    .paymentstatus-container h2 {
        font-size: 20px;
        text-align: center;
    }

    .paymentstatus-container p {
        text-align: center;
        color: #737373;
    }

.payment-detail-box {
    max-width: 550px;
    margin: 20px auto;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #ccc;
}

    .payment-detail-box ul {
        list-style: none;
        padding: 0px;
        max-width: 300px;
        margin: 0px auto;
    }

        .payment-detail-box ul li {
            margin-bottom: 15px;
        }

            .payment-detail-box ul li label {
                width: 49%;
                display: inline-block;
                text-align: left;
                font-size: 14px;
                color: #7f7f7f;
            }

            .payment-detail-box ul li span {
                width: 49%;
                display: inline-block;
                text-align: right;
                font-size: 16px;
                font-weight: 500;
                color: #000;
            }

            .payment-detail-box ul li.totalamount span {
                color: #53b594;
            }

    .payment-detail-box p {
        color: #000;
    }

.payment_adrs_right ul li p {
    margin: 0px;
    padding: 5px 0px 10px 0px;
    font-size: 14px;
    color: #616161;
    font-weight: 500;
    line-height: 170%;
    display: inline-block;
    width: 100%;
}

.invoice_datetime label:last-child:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -9px;
    width: 2px;
    background: #616161;
    height: 13px;
}

.cms_message {
    font-size: 12px;
    color: #136cb3;
    font-weight: 500;
}


/*Payment Styles*/


/*Calender Style*/

.cal_judge {
    width: 250px;
    float: left;
    border: 1px solid #ccc;
}

.clear {
    clear: both;
}

.calender-judges-wrap .k-widget.k-scheduler.k-floatwrap {
    width: calc(100% - 270px);
    float: right;
}

.cal_judge h2 {
    /*background: #1e417c; */
    padding: 10px 0px 0px 10px;
    margin: 0px;
    font-size: 17px;
    text-transform: uppercase;
    color: #1571bc;
    /*color: #fff;*/
}

.cal_judge ul {
    list-style-type: none;
    padding: 10px 5px;
    margin: 0px;
    font-weight: 500;
    max-height: 660px;
    overflow: auto;
}

    .cal_judge ul li {
        margin-bottom: 10px;
        cursor: pointer;
    }


        .cal_judge ul li a {
            padding: 5px 10px;
            display: inline-block;
        }

        .cal_judge ul li.judgeSel a {
            background: #1571bc;
            color: #fff;
            min-width: 100%;
            border-radius: 30px;
        }

.event-calender ul.k-scheduler-views li a {
    color: #fff !important;
}

.event-calender .k-scheduler-navigation li a {
    color: #fff;
}

.event-calender .k-header {
    background: #1e417c;
}

.event-calender .k-scheduler-navigation li {
    border: none;
    color: #fff;
}

    .event-calender .k-scheduler-navigation li a {
        color: #fff;
    }

.event-calender .k-nav-current.k-state-hover .k-link {
    color: #fff;
}

.event-calender .k-scheduler-navigation li:hover {
    background: none;
}

.event-calender .k-scheduler-toolbar > ul li.k-state-hover {
    background: none;
}

.event-calender ul.k-scheduler-views li {
    border-color: #3987c6;
}

    .event-calender ul.k-scheduler-views li a {
        color: #fff !important;
    }

    .event-calender ul.k-scheduler-views li.k-state-hover {
        background-color: #1571bc !important;
        border-color: #1571bc !important;
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
    }

ul.k-reset.k-scheduler-navigation {
}

    ul.k-reset.k-scheduler-navigation li:hover {
        background: none !important;
    }

    ul.k-reset.k-scheduler-navigation li a span:before {
        display: none;
    }

    ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-arrow-w {
        background: url('Images/prev-btn-calender.png') no-repeat;
    }

    ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-arrow-e {
        background: url('Images/next-btn-calender.png') no-repeat;
    }

    ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-calendar {
        background: url('Images/event-calender-icon.png') no-repeat 0% 0% !important;
        margin: -5px 10px 0px 0px;
    }

.event-calender .k-scheduler-header.k-state-default table.k-scheduler-table th {
    color: #7f7f7f;
}

.event-calender .k-scheduler-times .k-scheduler-table th {
    color: #1e417c;
}

.event-calender .k-scheduler-monthview .k-scheduler-content .k-scheduler-table td {
}

.kendotooltip span.edit, .kendotooltip span.delete {
    width: 20px;
    height: 25px;
    position: absolute;
}

.event-calender .kendotooltip span.edit {
    right: 25px;
    top: 0px;
}

.event-calender .kendotooltip span.delete {
    right: 11px;
    top: 0px;
}

.event-calender .kendotooltip span.edit:before, .kendotooltip span.delete:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 3px;
    color: #fff;
    cursor: pointer;
}

.event-calender .kendotooltip span.edit:before {
    content: "\f040 ";
}

.event-calender .kendotooltip span.delete:before {
    content: "\f1f8  ";
}

.event-calender .k-event {
    border-radius: 0px !important;
    color: #fff !important;
    border: none;
    padding: 0px 0px;
}

    .event-calender .k-event .kendotooltip {
        padding-right: 50px;
        height: 100%;
        cursor: pointer;
    }

        .event-calender .k-event .kendotooltip span {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.event-calender .kendotooltip span.edit {
    right: 30px;
    top: 0px;
    cursor: pointer;
}

.kendotooltip span.edit, .kendotooltip span.delete {
    width: 20px;
    height: 25px;
    position: absolute;
    cursor: pointer;
}

.event-calender .k-scheduler-content .k-event-top-actions .k-icon {
    display: none;
}

.form_height {
    min-height: 30px !important;
}

/*Calender Style*/


/*vertical tabs documnet add*/


.verticaltabs ul.verticaltab-navigation {
    width: 300px;
    float: left;
    padding: 0px;
    margin: 0px;
}

    .verticaltabs ul.verticaltab-navigation li {
        list-style: none;
        padding: 0px;
        overflow: unset;
    }



        .verticaltabs ul.verticaltab-navigation li a {
            padding: 20px;
            background: #f0f4fb;
            color: #48494b;
            width: 100%;
            display: block;
            margin-bottom: 2px;
            font-weight: 500;
            border: 1px solid transparent;
            font-size: 14px;
            text-decoration: none;
        }

            .verticaltabs ul.verticaltab-navigation li a.ui-state-disabled {
                opacity: 0.5;
            }

            .verticaltabs ul.verticaltab-navigation li a.doc-validation-error {
                border: 1px solid red !important;
            }

        .verticaltabs ul.verticaltab-navigation li.ui-tabs-active a {
            background: #fff;
            border-color: #a5c9ef;
            border-right: 0px;
            position: relative;
            color: #2b82db;
        }

            .verticaltabs ul.verticaltab-navigation li.ui-tabs-active a:after {
                content: "";
                position: absolute;
                top: 0px;
                right: -1px;
                width: 1px;
                background: #fff;
                bottom: 0px;
            }

.verticaltab-content {
    float: left;
    width: calc(100% - 300px);
    border: 1px solid #a5c9ef;
    min-height: 370px;
}

.verticaltabs.document-upload-tab {
    overflow: auto;
    max-width: 1200px;
    margin: 20px auto;
}

.verticaltab-content p.docup-description {
    font-size: 12px;
    color: #000;
    line-height: 120%;
    padding: 16px;
    margin: 0px;
    min-height: 60px;
}

.filedrop {
    width: 100%;
    text-align: center;
    min-height: 260px;
    max-width: 600px;
    border: 2px dashed #ccc;
    border-radius: 0px !important;
    margin: 10px auto;
    position: relative;
    max-height: 300px;
}

    .filedrop h3 {
        color: #000;
        font-size: 15px;
        font-weight: 700;
        border: none;
    }

label.or {
    font-weight: 700;
    font-size: 15px;
    color: #666;
}

.filedrop .dropped-files {
    min-height: 60px;
}


.filedrop .fileUpload {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}


    .filedrop .fileUpload .k-dropzone {
        height: 100%;
        box-sizing: border-box;
    }

    .filedrop .fileUpload .k-widget.k-upload.k-header {
        background: none;
        border: none;
        height: 100%;
        max-width: inherit !important;
    }

    .filedrop .fileUpload .k-upload-status.k-upload-status-total {
        display: none;
    }


.filedrop .file-drop-head {
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
}


.fileUpload .k-widget.k-upload.k-header.k-upload-empty {
    background: none;
    border: none;
    width: 100%;
    max-width: inherit !important;
}


.fileUpload .k-button.k-upload-button {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    width: 150px;
    background: #f1f1f1;
    padding: 5px 20px;
    text-align: center;
    color: #2b82db;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    border-radius: 30px;
    border: 1px solid #dedede;
    top: 80px;
}


    .fileUpload .k-button.k-upload-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

.fileUpload .k-button.k-state-active:hover, .fileUpload .k-button:active:hover {
    background: #f1f1f1;
    border: 1px solid #dedede;
    color: #2b82db;
}

.fileUpload .k-button.k-upload-button span {
    font-size: 12px;
}

.divUploadedDocs-wrap {
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    padding: 0px 20px;
    overflow: auto;
    height: 110px;
}


.attachment_content {
    height: 100px;
    overflow: auto;
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

.support-doc {
    background-color: #ededed;
    text-align: left;
    padding: 5px 10px;
    margin: 5px 0px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

    .support-doc span.close {
        position: absolute;
        right: 5px;
        top: 0px;
        width: 25px;
        height: 25px;
        display: block;
        cursor: pointer;
        background: url('../Libraries/ckeditor/skins/moono/images/hidpi/close.png') no-repeat 50% 50% / 68%;
    }

.lawfirmdownloadbox h2 {
    margin: 0px;
    padding: 6px 0px 8px 0px;
    font-size: 16px;
    color: #1571bc;
}

.lawfirmdownloadbox ul.aol-details-listion {
    margin: 0 0 0 30px;
}

    .lawfirmdownloadbox ul.aol-details-listion li label {
        font-size: 11px;
        color: #333;
    }

    .lawfirmdownloadbox ul.aol-details-listion li span {
        font-size: 11px;
    }

.lawfirmdownloadbox ul.statement-support-list {
    margin: 0 0 0 30px;
}

    .lawfirmdownloadbox ul.statement-support-list li label {
        font-size: 11px;
        color: #333;
    }

    .lawfirmdownloadbox ul.statement-support-list li span {
        font-size: 11px;
    }

.lawfirmdownloadbox #dvSupportingDocsDownload h4 {
    margin: 0px;
    padding-top: 0px;
    font-weight: 400;
}

.lawfirmdownloadbox .custom-accordion-header h3, .lawfirmdownloadbox .lawyers-accordion-content > h3 {
    border: 0px;
    padding: 0px;
    margin: 0px;
    color: #333333;
    text-transform: capitalize;
    font-size: 13px;
    border-radius: 0px !important;
    background: none;
}

.lawfirmdownloadbox .lawyers-accordion-content {
    border: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.lawfirmdownloadbox .history-accordion-content.doc_accordian {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    background: none;
}

    .lawfirmdownloadbox .history-accordion-content.doc_accordian h3, .lawfirmdownloadbox #dvStmntSupportDownload h5 {
        font-size: 12px;
        text-transform: capitalize;
        /*color: #858585;*/
        margin: 0;
        margin-left: 15px;
        font-weight: 500;
    }

    .lawfirmdownloadbox .history-accordion-content.doc_accordian label {
        font-size: 12px;
        font-weight: 100;
        color: #666;
    }

.lawfirmdownloadbox .document-list.pdf-file {
    margin: 0px 0px 10px 0px;
}

.lawfirmdownloadbox #dvStmntSupportDownload {
    /*margin: 0px 0px 0px 15px;*/
    margin-left: 0px;
}

.lawfirmdownloadbox #dvLawyersDownload {
    margin-left: 20px;
}

.lawyers_wrpr {
    padding: 20px;
    border: solid thin #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 0;
}

.lawyerdownloadbox {
    padding-left: 0px !important;
}

    .lawyerdownloadbox h1 {
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        color: #1e417c;
        font-size: 20px;
        padding-bottom: 1px !important;
    }

    .lawyerdownloadbox h2 {
        color: #1571bc !important;
        font-size: 16px;
    }

    .lawfirmdownloadbox .norecords-h3, .lawyerdownloadbox .norecords-h3 {
        font-size: 13px !important;
    }

.lawfirmdownloadbox #dvSupportingDocsDownload {
    margin-left: 15px;
    margin-bottom: 10px;
}

    .lawfirmdownloadbox #dvSupportingDocsDownload h4 {
        font-size: 13px;
        font-weight: 400;
    }

.lawyerdownloadbox ul.aol-details-listion {
    margin: 5px 30px;
}

    .lawyerdownloadbox ul.aol-details-listion li label {
        font-size: 11px;
        color: #333 !important;
    }

    .lawyerdownloadbox ul.aol-details-listion li span {
        font-size: 11px;
    }

.lawyerdownloadbox .declaration h3 {
    margin-top: 10px !important;
    font-size: 14px;
    color: #333333;
    margin-left: 5px !important;
}

.lawyerdownloadbox .declaration p {
    font-size: 12px !important;
    margin-left: 30px;
}

.lawyerdownloadbox #dvDocuments {
    padding-left: 30px;
}

    .lawyerdownloadbox #dvDocuments h4 {
        margin: 5px 5px;
        font-size: 12px;
        font-weight: 400;
    }

    .lawyerdownloadbox #dvDocuments button {
        padding: 5px 10px;
        font-size: 11px;
    }

.lawyerdownloadbox .history-accordion-content {
    background: none;
}

.lawyerdownloadbox .document-list-left {
    width: 100%;
}

.lawyerdownloadbox .cmstab-content .document-list h3 {
    font-size: 11px !important;
    margin: 0;
    line-height: 100%;
}

.lawyerdownloadbox .cmstab-content .document-list label {
    font-size: 9px !important;
    margin: 0;
    line-height: 100%;
}

.lawyerdownloadbox .document-list-left .document-list {
    padding-top: 0px;
    padding-bottom: 4px;
}

.history-accordion-content.doc_accordian {
    margin: 10px 0px;
    /*height: 500px;*/
    padding: 10px 25px;
    font-size: 12px;
}

.cmstab-content h5 {
    font-size: 12px;
    margin: 10px 0 0 0;
}

.lawyerdownloadbox #dvStatements ul.statement-support-list li {
    font-size: 11px;
    margin-bottom: 3px;
    margin-left: 30px;
}

    .lawyerdownloadbox #dvStatements ul.statement-support-list li label {
        color: #333 !important;
    }

.lawyrdetcontent {
    margin: 5px 0;
}

.lawyerdownloadbox #dvStatements {
    padding: 0 15px;
}

.lawyerdownloadbox .history-accordion-content.doc_accordian {
    height: auto;
    margin: 0;
    padding: 0;
}

.lawyerdownloadbox #dvLawyerRegnDetails {
    padding: 0px 3px !important;
}

.lawyerdownloadbox .cmstab-content .document-list.pdf-file {
    background: url(Images/icon-pdf.png) no-repeat 10px 7%/20px;
}

.lawyerdownloadbox .cmstab-content .document-list {
    padding-left: 35px;
}

    .lawyerdownloadbox .cmstab-content .document-list.jpg-file {
        background: url('Images/icon-jpg.jpg') no-repeat 10px 8%/20px;
    }

.lawyerdownloadbox .document-list-left .document-list {
    margin-top: 0px;
}

.lawyerdownloadbox h1.casename-number .profile-image {
    display: none;
}

.pdf_logo, .pdf_logo_lawyer {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    border-bottom: solid thin #ccc;
}

.pdf_logo_lawyer {
    background: url('Images/aol-logo.jpg') no-repeat 0% 50% / 90px;
    height: 70px;
    float: left;
}

    .pdf_logo_lawyer img {
        margin-left: 0px;
    }

.pdf_logo img {
    max-width: 90px;
}

.cms_form.RegisterNewContact li.country select, .cms_form.RegisterNewContact li.city select, .cms_form.RegisterNewContact li input[type="text"] {
    width: 100%;
}

.cms_form.RegisterNewContact li span.k-datepicker input.lawyerDatePicker {
    width: 100% !important;
}

.statement-support-list.pro-bono-statement {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-bottom: 0px !important;
}

    .statement-support-list.pro-bono-statement h5 {
        font-size: 14px;
    }

.dvStmntSupportDownload ul.statement-support-list.pro-bono-statement {
    border: none;
}

li.CheckbxLi label {
    padding-top: 0px !important;
}

.lawyers-accordion.RegisterNewContactAccordion h3:after {
    display: none;
}

.lawyers-accordion.RegisterNewContactAccordion h3.Lawyerheader {
    padding: 13px 15px;
    margin: 0px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 16px;
    background: url('Images/down-arrow.png') no-repeat 99% 50% / 30px;
}

    .lawyers-accordion.RegisterNewContactAccordion h3.Lawyerheader.open {
        background: url('Images/up-arrow.png') no-repeat 99% 50% / 30px;
    }

.lawyers-accordion.RegisterNewContactAccordion ul.aol-form.lawyerform {
    width: 700px;
    max-width: inherit;
}

    .lawyers-accordion.RegisterNewContactAccordion ul.aol-form.lawyerform li > span {
        /*width: 100%;*/
    }

.validation-msg {
    margin-left: 40%;
    color: red !important;
}


.hearing_spn {
    color: #858585;
    font-size: 16px;
    font-weight: 400;
}

.validation-msgfor {
    margin-left: 67%;
    color: red !important;
}

.org-contact-head {
    color: #1571bc;
}

.city-select {
    width: 200px !important;
}

.spn-txt-width {
    width: 40% !important;
}

.org-atch-li {
    margin-right: 130px !important;
}

.org-atch-desc {
    margin-left: 150px !important;
}

.errormsg {
    color: red;
}

.no_invoice {
    font-size: 37px;
    width: 83%;
    height: 75%;
    border: 1px solid #ccc;
    margin-top: 75px;
    margin-left: 85px;
}

.no_invoice_inner {
    margin-top: 165px;
    margin-left: 140px;
    font-family: 'Rubik', sans-serif;
}

.try_text {
    margin-left: 105px;
}

.amount_spn {
    border-right: 1px solid #ccc;
    padding-right: 7px;
}

.lbl_break {
    margin-top: 16px;
}

.cms_form.cms_form_popup.dvApproveRejectInterview .attachment_content {
    position: static;
}

.cms_form.cms_form_popup.dvApproveRejectInterview span.popup_img_upload .k-widget.k-upload.k-header {
    height: 40px;
}

.case_grd_pending {
    margin-top: 0px;
}

.amt_lbl {
    padding-left: 5px;
    font-weight: 400 !important;
    color: #000 !important;
}

.CourtMultiSelect {
    max-width: 600px;
    margin: 0px auto;
}

    .CourtMultiSelect h3 {
        color: #1571bc;
        font-size: 18px;
        margin: 10px 0px;
        font-weight: 500;
    }


    .CourtMultiSelect .k-widget.k-multiselect.k-header {
        width: 100% !important;
        max-width: inherit;
        border: none;
    }

    .CourtMultiSelect .k-multiselect-wrap {
        height: 100px;
        border: 1px solid #ccc;
    }

        .CourtMultiSelect .k-multiselect-wrap ul {
            max-height: 85px;
        }

            .CourtMultiSelect .k-multiselect-wrap ul li {
                min-width: inherit;
                max-width: 31%;
                margin: 5px;
                background: #e1e5ec;
                border: none;
                padding: 5px;
            }

                .CourtMultiSelect .k-multiselect-wrap ul li > span:first-child {
                    width: calc(100% - 25px);
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    max-width: 98%;
                }

        .CourtMultiSelect .k-multiselect-wrap span.k-icon.k-i-close {
            top: 3px;
            position: relative;
            right: -5px;
        }

.calender-judges-wrap {
    position: relative;
    margin-top: 15px;
    display: block;
}

    .calender-judges-wrap .btn_wrpr.addnewbtn {
        position: absolute;
        top: -40px;
        left: 0px;
    }


.k-widget.k-tooltip {
    background-image: none !important;
    background: #fff !important;
    border: 1px solid #ccc;
    font-size: 14px;
    border-color: #ccc !important;
}

.rejectedreason-scroll {
    max-height: 55px;
    overflow-y: auto;
}

/*Dashboard Styles start*/



/***dashboard*****/
.DashBoardContentMain {
    /*max-width: 1200px;*/
}

.DashboardBox {
    width: calc(100% - 7px);
    display: inline-block;
    margin: 5px 5px 30px 5px;
    float: left;
}

    .DashboardBox h2 {
        color: #003e7e;
        font-weight: 400;
        font-size: 20px;
    }

.DashboardBoxInner {
    display: block;
    padding: 20px;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 2px #e3e3e3;
    min-height: 400px;
}



.DashBoardBoxScroll {
    max-height: 400px;
    overflow-y: auto;
}

.DashboardBoxInner table.dashboard-table {
    width: 100%;
    text-align: left;
    font-size: 15px;
    border-collapse: collapse;
}

    .DashboardBoxInner table.dashboard-table td {
        padding: 8px 5px;
        font-weight: 500;
    }

    .DashboardBoxInner table.dashboard-table tr:nth-child(odd) td {
        background: #f0f4fb;
    }

    .DashboardBoxInner table.dashboard-table th {
        border-bottom: 1px solid #ccc;
        font-size: 15px;
        color: #000;
        font-weight: 700;
        padding: 10px 5px;
    }

.dvDashBoardCasesHeader {
    margin: 15px 5px;
    background: #fff;
    padding: 20px;
    /*max-width: 1200px;*/
    border-radius: 3px;
    box-shadow: 0px 1px 2px #e3e3e3;
}

    .dvDashBoardCasesHeader ul {
        padding: 0px;
        margin: 0px;
    }

        .dvDashBoardCasesHeader ul li {
            margin: 0;
            width: calc((100% / 4) - 2px) !important;
            background-size: 57px !important;
            background-position: 30px 50% !important;
            padding: 10px 20px 10px 65px;
            display: inline-block;
            border-right: 1px solid #ccc;
            float: left;
            text-align: right;
            min-height: 134px;
            margin-bottom: 15px;
        }

            .dvDashBoardCasesHeader ul li:last-child {
                border: none;
            }

            .dvDashBoardCasesHeader ul li img {
                width: 50px;
            }

            .dvDashBoardCasesHeader ul li h2 {
                text-transform: uppercase;
                font-size: 15px;
                color: #737373;
                font-weight: 500;
                margin: 7px 0px;
                max-width: 180px;
                float: right;
            }

                .dvDashBoardCasesHeader ul li h2 label {
                    color: #1e417c;
                    font-size: 30px;
                    display: block;
                    font-weight: 500;
                    margin-bottom: 10px;
                }



            .dvDashBoardCasesHeader ul li .dvDashBoardCasesHeader ul li:last-child {
                border: none;
            }

            .dvDashBoardCasesHeader ul li.Nubercases {
                background: #fff url('Images/Nubercases.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.pendingtrandsation {
                background: #fff url('Images/pendingtrandsation.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.activecases {
                background: #fff url('Images/activecases.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.hearings {
                background: #fff url('Images/hearing.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.closedcases {
                background: #fff url('Images/closedcases.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court1 {
                background: #fff url('Images/court_icon_1.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court2 {
                background: #fff url('Images/court_icon_2.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court3 {
                background: #fff url('Images/court_icon_3.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court4 {
                background: #fff url('Images/court_icon_4.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court5 {
                background: #fff url('Images/Enforcement.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court6 {
                background: #fff url('Images/court_icon_5.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court7 {
                background: #fff url('Images/DWT.png') no-repeat;
            }

            .dvDashBoardCasesHeader ul li.court8 {
                background: #fff url('Images/probate_icon.png') no-repeat;
            }

.DashboardBoxInner div {
    box-shadow: none;
}

.DBhalfWidth {
    width: calc((100% / 2) - 13px);
}

.threeInOneDashWidth {
    width: calc((100% / 3) - 13px);
    max-width: 400px;
    min-width: 370px;
}

.DBquarterWidth {
    width: calc((100% / 4) - 10px);
    min-height: 440px;
}

.DBthreefourthWidth {
    max-width: 1237px;
}

.highcharts-container {
    width: 100% !important;
}


.DashBoardContentDiv .dashboardtablecmn table {
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.dashboardtablecmn table th, .dashboardtablecmn table td {
    padding: 10px 10px 10px 0px;
}

.dashboardtablecmn table th {
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.dashboardtablecmn table td {
}



.blockList {
    background-color: #F5F5F5;
    margin-top: 6px;
}

h3.dashboardHead {
    color: #333333;
    font-size: 18px;
    text-align: center;
    margin: 0px auto 20px;
    font-weight: 400;
}

.dashboardCalender .k-header {
    background: none;
}

.dashboardCalender ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-arrow-w {
    background: url('Images/prev-btn-calender-black.png') no-repeat;
}

.dashboardCalender ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-arrow-e {
    background: url('Images/next-btn-calender-black.png') no-repeat;
}

.dashboardCalender ul.k-reset.k-scheduler-navigation li a span.k-icon.k-i-calendar {
    background: url(Images/sprite.png) !important;
    margin: -5px 10px 0px 0px;
    background-position: -31px -175px !important;
}


ul.dashboardlist-cmn {
    list-style: none;
    padding: 0px;
    display: block;
}

    ul.dashboardlist-cmn li {
        padding: 5px 0px;
        font-size: 15px;
    }

        ul.dashboardlist-cmn li.header {
            border-bottom: 1px solid #ccc;
            font-weight: 500;
        }

        ul.dashboardlist-cmn li span {
            width: 49%;
            display: inline-block;
            margin-bottom: 5px;
        }


            ul.dashboardlist-cmn li span.showCaseNumber {
                /*text-align:right;*/
            }

            ul.dashboardlist-cmn li span.showCaseNumberJudge {
                text-align: right;
            }

        ul.dashboardlist-cmn li h3 {
            color: #3b87d3;
            font-weight: 500;
            margin: 0px;
        }

            ul.dashboardlist-cmn li h3 span {
                color: #a6a6a6;
                font-size: 12px;
                border-left: 1px solid #000;
                padding: 0px 10px;
                margin: 0px 5px;
            }


        ul.dashboardlist-cmn li span {
            display: inline-block;
            margin-bottom: 5px;
        }

        ul.dashboardlist-cmn li > span {
            width: calc(100% - 185px);
        }

        ul.dashboardlist-cmn li.judge_upcoming_events > span {
            width: calc(100% - 141px) !important;
        }

        ul.dashboardlist-cmn li span.labelEventDate {
            width: calc(100% - 185px);
        }

        ul.dashboardlist-cmn li span.labelCaseNumber {
            width: 180px;
            text-align: right;
        }

        ul.dashboardlist-cmn li span.showcountcolumn {
            float: right;
            text-align: right;
            width: 180px;
            color: #184c82;
            font-size: 14px;
            font-weight: 500;
        }

        ul.dashboardlist-cmn li p {
            color: #000;
            font-size: 12px;
            margin: 2px 0px;
            font-weight: 500;
        }

            ul.dashboardlist-cmn li p span {
                width: auto;
                width: auto;
                padding: 0px 5px;
                border-right: 1px solid #000;
            }

                ul.dashboardlist-cmn li p span:first-child {
                    padding-left: 0px;
                }

                ul.dashboardlist-cmn li p span:last-child {
                    border: none;
                }


span.prompt-status {
    font-weight: 500;
    font-size: 13px;
}

    span.prompt-status.active {
        color: #0fa400;
    }

    span.prompt-status.pending {
        color: #ffc107;
    }
/*Dashboard Styles End*/
.cms_search.casemanagementsearch.advance-searchwrap {
    min-height: 50px;
    max-width: 1100px;
}

    .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch {
        background-color: white;
        width: calc(100% - 249px);
        margin-left: 149px;
        border-radius: 0px;
        font-size: 14px;
        padding: 15px;
        font-weight: 500;
        border: 1px solid #c7c7c7;
        position: relative;
        margin-top: -1px !important;
        display: block;
    }


        .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch label {
            width: 70px;
            display: inline-block;
            text-align: right;
            padding-right: 5px;
        }


        .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch select {
            position: static !important;
            background: #fff url(images/selectbox-arrow.png) no-repeat 99% 50% !important;
            border-radius: 5px !important;
            font-size: 12px !important;
            width: calc((100% / 2) - 110px);
            padding: 5px;
            height: 30px;
            display: inline-block;
        }

            .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch select#ddCountry {
                margin-right: 20px;
            }



.advanced-showbtn {
    height: auto !important;
    width: auto !important;
    border-radius: 0px 0px 7px 7px !important;
    padding: 5px !important;
    font-size: 14px !important;
    position: absolute;
    right: 130px;
    bottom: -29px;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
}

    .advanced-showbtn.open {
        background: #1571bc !important;
        color: #fff !important;
        border-color: #1571bc !important;
    }

.cms_search.casemanagementsearch.advance-searchwrap .customcheckbox {
    margin-top: 15px !important;
    padding-left: 57px;
}

.k-scheduler-table .k-today {
    background-color: #fff !important;
}

ul.action-edti-delete li.assign {
    background: url('Images/assignicon.png') no-repeat;
}

ul.action-edti-delete li.assignvideo {
    background: url('Images/assignicon.png') no-repeat;
}

.cms_form .case-details-form ul {
    max-width: 1000px;
}

.emailMsgDocumentViewer .cms_form ul li > label {
    width: 110px;
}

.cms_form .case-details-form ul li > label, .cms_form .case-details-form ul li > span {
    width: 50%;
}

.cms_innercontent_main.welcome-screen {
    background: #fff url('Images/home-bg.png') repeat-x 0% 100%;
    min-height: 470px;
    box-shadow: 0px 0px 5px 1px #e0dcdc;
    height: 100%;
}

    .cms_innercontent_main.welcome-screen h1 {
        text-transform: uppercase;
        text-align: center;
        color: #003b7f;
        font-weight: 500;
        font-size: 23px;
        width: 350px;
        position: relative;
        top: 130px;
        left: calc(50% - 175px);
    }

        .cms_innercontent_main.welcome-screen h1 span {
            display: block;
            font-size: 33px;
            font-weight: 700;
        }


.master-management-form ul li span.filing-fee input {
    max-width: 120px;
}

.master-management-form ul li span.filing-code {
    width: auto;
    display: inline-block;
    margin-left: 30px;
}

.cms_grid.judge_grid .k-pager-wrap.k-grid-pager {
    display: none;
}

.allmessage-popup {
    background: #fff;
    height: 100%;
}

    .allmessage-popup .messagelist-left {
        width: 300px;
        display: inline-block;
        border-right: 1px solid #ccc;
        float: left;
        height: 100%;
        overflow: auto;
    }

    .allmessage-popup .popup_heading {
        padding: 20px;
        border-bottom: 1px solid #ccc;
    }

        .allmessage-popup .popup_heading input {
            float: right;
        }

.messagelist-left h4 {
    margin: 0px;
    position: relative;
}

    .messagelist-left h4 span:first-child {
        font-size: 15px;
        color: #1571bc;
        margin: 0px;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 90%;
        overflow: hidden;
        display: inline-block;
    }

    .messagelist-left h4 span.mailbox_newmsg {
        position: absolute;
        top: 2px;
        margin: 0px;
    }

.messagelist-left li {
    position: relative;
}

    .messagelist-left li::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 5px;
        background: rgba(255, 255, 255, 0);
    }

    .messagelist-left li.active {
        background: #d0e3f2;
    }

        .messagelist-left li.active:after {
            background: #1571bc;
        }

    .messagelist-left li p {
        font-size: 14px;
        color: #000;
        margin: 0px;
        font-weight: 500;
    }

.allmessage-popup .messagelist-right {
    width: calc(100% - 300px);
    display: inline-block;
    height: 100%;
}

ul.msg-content {
    padding-left: 20px;
}

    ul.msg-content li {
        list-style: none;
        padding: 5px 0px;
        overflow: auto;
    }

        ul.msg-content li label {
            font-size: 13px;
            color: #9a9a9a;
            width: 50px;
            display: inline-block;
            text-align: right;
            padding-right: 10px;
            float: left;
            padding-top: 2px;
            font-weight: 500;
        }

        ul.msg-content li span {
            display: inline-block;
            width: calc(100% - 60px);
            font-size: 15px;
            font-weight: 500;
            float: left;
        }

.msg-content li span p {
    margin: 0px 0px 10px;
}

.allmessage-content {
    height: calc(100% - 140px);
}

.allmessage-popup p.rgtbtns {
    padding: 20px;
    margin: 0px;
}

#dvContent {
    height: 100%;
    display: block;
}


.assign-document-main p.popup_heading input {
    float: right;
}

h2.cfi-date {
    color: #00438c;
    font-size: 18px;
    margin: 0px 0px 10px;
}

    h2.cfi-date span {
        border-left: 1px solid #ccc;
        margin-left: 10px;
        padding: 0px 10px;
        color: #7c7c7c;
        font-size: 15px;
    }

h3.casetitle-modeljudge {
    font-size: 15px;
    color: #000;
    margin: 0px 0px 10px;
}

span.modeljudge {
    color: #1e417c;
    font-size: 15px;
    margin-left: 10px;
    padding: 0px 10px;
    border-left: 1px solid #ccc;
}

    span.modeljudge label {
        font-size: 15px;
        color: #7c7c7c;
        margin-right: 5px;
        font-weight: 500;
    }

.assigndoc-header {
    position: relative;
    min-height: 50px;
}

    .assigndoc-header h2, .assigndoc-header h3 {
        width: calc(100% - 150px);
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
    }

    .assigndoc-header input {
        position: absolute;
        right: 0px;
        top: 10px;
    }

ul.assign-docslist {
    padding: 0px;
}

    ul.assign-docslist li {
        display: inline-block;
        width: calc(50% - 20px);
        margin: 0px 10px 10px 0px;
        border: 1px solid #c5dff6;
        border-radius: 5px;
        padding: 10px 40px 10px 100px;
        position: relative;
        max-width: 500px;
    }

        ul.assign-docslist li.word-file {
            background: url('Images/icon-word.png') no-repeat 45px 50% / 30px;
        }

        ul.assign-docslist li.pdf-file {
            background: url('Images/icon-pdf.png') no-repeat 45px 50%;
        }

        ul.assign-docslist li.jpg-file {
            background: url('Images/icon-jpg.jpg') no-repeat 45px 50%;
        }

        ul.assign-docslist li span.customcheckbox {
            width: auto !important;
            position: absolute;
            margin: 0px;
            left: 10px;
            top: calc(50% - 10px);
        }

            ul.assign-docslist li span.customcheckbox label {
                border-color: #1571bc;
            }

        ul.assign-docslist li h2 {
            color: #00438c;
            margin: 0px;
            font-size: 16px;
            font-weight: 500;
        }

        ul.assign-docslist li h3 {
            margin: 0px;
            font-size: 14px;
        }

        ul.assign-docslist li h2, ul.assign-docslist li h3 {
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
        }

            ul.assign-docslist li h3 label {
                font-size: 13px;
                color: #8a8a8a;
                font-weight: 500;
            }

        ul.assign-docslist li input.btn-notes {
            position: absolute;
            right: 10px;
            top: calc(50% - 14px);
            background: url(Images/notes-icon.png) no-repeat;
            border-radius: 0px;
            width: 24px;
            height: 28px;
            padding: 0px;
            min-width: initial;
        }

        ul.assign-docslist li input.btn-notes-add {
            position: absolute;
            right: 10px;
            top: calc(50% - 14px);
            background: url(Images/addNote.png) no-repeat;
            border-radius: 0px;
            width: 24px;
            height: 28px;
            padding: 0px;
            min-width: initial;
        }

.judge-doc {
    cursor: pointer;
}

.single-note-head {
    padding-left: 50px;
}

    .single-note-head h2 {
        color: #00438c;
        margin: 0px 0px 5px;
        font-size: 16px;
        font-weight: 500;
    }

    .single-note-head h3 {
        margin: 0px;
        font-size: 14px;
    }


        .single-note-head h3 label {
            font-size: 13px;
            color: #8a8a8a;
            font-weight: 500;
            padding-right: 5px;
        }


    .single-note-head.word-file {
        background: url('Images/icon-word.png') no-repeat 0px 50% / 30px;
    }

    .single-note-head.pdf-file {
        background: url('Images/icon-pdf.png') no-repeat 0px 50%;
    }

    .single-note-head.jpg-file {
        background: url('Images/icon-jpg.jpg') no-repeat 0px 50%;
    }


span.note-big-textarea {
    width: 100%;
    margin: 20px 0px;
    display: block;
}

    span.note-big-textarea textarea {
        width: 100%;
        height: 70px;
        background: #fafafa;
    }

ul.notes-single-item {
    list-style: none;
    padding: 0px;
}

    ul.notes-single-item li {
        padding: 10px;
        border: 1px solid rgb(224, 222, 222);
        border-radius: 5px;
        margin-bottom: 5px;
        position: relative;
    }

        /*ul.notes-single-item li.green {
background: #f4fdf1;
border-color: #cde2c7;
}*/

        ul.notes-single-item li:nth-child(odd) {
            background: #f4fdf1;
            border-color: #cde2c7;
        }

        ul.notes-single-item li:nth-child(even) {
            background: #e8f0ff;
            border-color: #d6e9f9;
        }

        /*ul.notes-single-item li.blue {
background: #e8f0ff;
border-color: #d6e9f9;
}*/

        ul.notes-single-item li h3 {
            margin: 0px 0px 10px;
            font-size: 15px;
        }

            ul.notes-single-item li h3 span {
                font-size: 14px;
                font-weight: 500;
                color: #9f9f9f;
                margin-left: 20px;
            }

        ul.notes-single-item li span {
            color: #000;
            font-size: 14px;
            font-weight: 500;
        }

.btn-delete-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(Images/delete.png) no-repeat 0% 0% / 100% !important;
    width: 20px !important;
    min-width: inherit !important;
    display: inline-block;
    padding: 0px !important;
}

.assign-judge-popup {
    height: 100%;
    background: #fff;
}

    .assign-judge-popup ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .assign-judge-popup ul li {
            margin-bottom: 5px;
        }

            .assign-judge-popup ul li a {
                padding: 10px 15px;
                border-radius: 30px;
                color: #000;
                display: block;
                font-weight: 500;
                font-size: 14px;
                cursor:default;
            }

            .assign-judge-popup ul li.selected a {
                color: #fff;
                background: #1571bc url(Images/tick-icon.png) no-repeat 97% 50%;
            }

.assign-judge-popup-inner {
    padding: 0px 20px;
    height: calc(100% - 120px);
    overflow: auto;
}

.assign-judge-popup p.rgtbtns {
    padding: 20px;
    margin: 0px;
}

.litigant-applicant-details {
    border-bottom: 1px solid #ccc;
}

.aol_partone_propic {
    width: 100px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
}

    .aol_partone_propic img {
        max-width: 100%;
    }

.dashboard_cashdr5parts ul li {
    width: calc(100%/5 - 2px) !important;
    background-position-y: 24px !important;
}

.add-edit-event-popup .popup_img_upload .k-upload .k-dropzone {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    width: 296px;
    height: 141px;
    top: 198px;
    left: 11px;
}

    .add-edit-event-popup .popup_img_upload .k-upload .k-dropzone .k-button.k-upload-button {
        top: -199px;
        left: -12px;
    }

.attachment_content_inner {
    height: 150px;
    overflow: auto;
}

.add-edit-event-popup .popup_img_upload .k-upload .k-dropzone em {
    color: black;
    position: relative;
    top: 75px;
    left: -40px;
}

.doc_viewer_bundle {
    display: inline-block;
    width: 100%;
    float: right;
}

.bundle_view {
    width: 30px;
    height: 30px;
    background: url(Images/view.png) no-repeat 0% 50%;
}

.bundle_view_Inactive {
    width: 30px;
    height: 30px;
    background: url(Images/ViewgreyIcon.png) no-repeat 0% 50%;
    /*pointer-events: none;*/
}

.bundle_comment {
    width: 30px;
    height: 30px;
    background: url(Images/message.png) no-repeat 0% 50%;
}

.bundle_comment_Inactive {
    width: 30px;
    height: 30px;
    background: url(Images/CommentgreyIcon.png) no-repeat 0% 50%;
    /*pointer-events: none;*/
}

.cms_pp_inner h3 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #000;
}

.cms_pp_inner_left, .cms_pp_inner_right {
    width: calc(100%/2 - 40px);
    float: left;
}

.cms_pp_inner_left {
    margin-right: 20px;
}

.cms_pp_inner_right {
    padding-top: 20px;
    margin-left: 20px;
}

.cms_pp_inner_left video {
    width: 100%;
    border: solid 5px #eaf0f9;
}

.cms_vdosearch {
    width: 100%;
    display: block;
    margin: 15px 0;
}

    .cms_vdosearch input[type="text"] {
        width: calc(100% - 100px);
        float: left;
        border: solid thin #ccc;
        padding: 5px 10px;
        height: 30px;
        border-radius: 30px 0 0 30px;
        -moz-border-radius: 30px 0 0 30px;
        -webkit-border-radius: 30px 0 0 30px;
        margin: 0;
    }

    .cms_vdosearch input[type="button"] {
        border-radius: 0 30px 30px 0;
        -moz-border-radius: 0 30px 30px 0;
        -webkit-border-radius: 0 30px 30px 0;
        height: 30px;
        width: 100px;
        text-align: center;
    }

.cms_pp_quickpay ul {
    padding-left: 20px;
}

    .cms_pp_quickpay ul li {
        margin-bottom: 10px;
        color: #666;
    }

        .cms_pp_quickpay ul li a {
            font-size: 13px;
            color: #1571bc;
        }

.cms_pp_quickpay h4 {
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 15px;
}

.cms_wht_bg {
    background: #fff;
}

.cms_casedcmnt_srch_wrpr {
    padding: 20px;
}

.cms_casedcmnt_srch, .cms_wht_bg {
    width: 100%;
    display: inline-block;
}

    .cms_casedcmnt_srch ul {
        list-style-type: none;
        width: 50%;
        float: left;
        padding: 0;
    }

        .cms_casedcmnt_srch ul li {
            width: 100%;
            display: inline-block;
            margin-bottom: 10px;
            list-style-type: none;
        }

            .cms_casedcmnt_srch ul li label {
                width: 150px;
                float: left;
                display: block;
                text-align: right;
                font-size: 14px;
                color: #333;
                margin-right: 10px;
                padding-top: 5px;
                font-weight: 500;
            }

            .cms_casedcmnt_srch ul li span {
                float: left;
                display: block;
                width: calc(100% - 160px);
            }

                .cms_casedcmnt_srch ul li span .k-widget {
                    width: 100% !important;
                }

                .cms_casedcmnt_srch ul li span input {
                    width: 100%;
                    border: solid thin #ccc;
                    padding: 6px 10px;
                    height: 30px;
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }

.cms_casedcmnt_srch_btn {
    padding: 36px 34px;
    margin: 0 50px;
    float: left;
    border-left: solid thin #ccc;
}

.video-breakdown-list {
    height: 230px;
    overflow-y: scroll;
}

.bundlelist .event-list:last-child {
    border-bottom: none !important;
}

.search-accordian .document-list {
    width: 100%;
}

.search-accordian .events-right-btn {
    top: 20px !important;
}

.search-accordian .doc-left {
    width: 50%;
    display: inline-block;
    line-height: 170%;
    padding: 20px 0px 20px 20px;
    border: 1px solid #ccc;
    margin: 8px 0px;
    background: #fff;
    position: relative;
}

.hit-content-scroll {
    max-height: 440px;
    overflow: auto;
    margin-top: 25px;
}

.view-original-file {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 12px !important;
}

.search-accordian .pdf-right {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    float: right;
}

    .search-accordian .pdf-right .doc_viewer {
        width: 100%;
    }

.search-accordian-content {
    background: #f0f4fb;
    padding: 10px 25px;
    margin: 10px 0px;
}

.video-accordian-cnt {
    background: #fff;
}

    .video-accordian-cnt .video-details {
        background: #f0f4fb;
        padding: 20px;
        margin-top: 15px;
    }

        .video-accordian-cnt .video-details video {
            float: right;
        }

.video_icon {
    font-size: 23px;
    margin-right: 16px;
}

.word_hit {
    color: #cc0000;
    background-color: yellow;
}

.doc_filename {
    margin-left: -15px !important;
}

.document_span {
    color: #1571bc;
    font-size: 25px;
    float: left !important;
    padding-right: 12px;
    cursor: pointer;
}

.rightborder-btn {
    border-right: 1px solid #ccc;
}

.bundle_view.initialdoc {
    background: url(Images/InitialIcon.png) no-repeat 0% 50% !important;
}

.document_span {
    color: #1571bc;
    font-size: 25px;
    float: left !important;
    padding-right: 12px;
    cursor: pointer;
}


.cms-video-accordion {
    position: relative;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

    .cms-video-accordion h2 {
        color: #00438C;
        font-weight: 500;
        font-size: 16px;
        margin: 0px 0px 15px;
        font-size: 18px !important;
        position: relative;
    }

        .cms-video-accordion h2 label {
            color: #000;
            border-left: 2px solid #ccc;
            margin: 0px 10px;
            padding: 0px 10px;
        }

    .cms-video-accordion .inner-accordion {
        background: #f0f4fb;
        padding: 20px;
    }

        .cms-video-accordion .inner-accordion .video-left {
            width: 40%;
            float: left;
        }

        .cms-video-accordion .inner-accordion .video-right {
            width: 50%;
            float: right;
        }

            .cms-video-accordion .inner-accordion .video-right video {
                float: right;
            }

        .cms-video-accordion .inner-accordion h3 {
            color: #00438C;
            font-size: 15px;
            margin: 0px 0px 15px;
            font-weight: 500;
        }

    .cms-video-accordion .folder-icon {
        display: block;
        right: 0px;
        position: absolute;
        height: 30px;
        top: 0px;
    }

        .cms-video-accordion .folder-icon .document_spn {
            border: none;
            padding: 0px;
        }

.video-breakdown-list {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.cms-video-accordion .video-breakdown-list li {
    margin-bottom: 0px;
    padding: 0px;
    font-size: 13px;
}

.video-breakdown-list li p {
    color: #277bef;
    cursor: pointer;
}

.cal_judge .accordion dt a {
    text-decoration: none;
    width: 100%;
    color: #fff;
}

.cal_judge ul li.menuliactive dl.accordion dt a {
    background: url(Images/menu-arrow-up.png) #1e417c no-repeat 95% 50%;
    background-size: auto 6px;
}

.cal_judge ul li dl.accordion dt a {
    background: url(Images/down-arrow.png) #1e417c no-repeat 95% 50%;
    background-size: auto 6px;
}

.courtlist ul {
    max-height: none;
    overflow: inherit;
}
/*****/
.cmstab-content .event-list.case_eventlist {
    padding: 20px 0 10px;
}

.events-right-btn.event_rigt_btn {
    width: 35%;
}

.event_rigt_btn ul {
    width: calc(100% / 3);
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #ccc;
}

    .event_rigt_btn ul:last-child {
        padding-right: 0;
        border: none;
    }

.event_rigt_btn span {
    width: calc(100% - 26px);
    float: left !important;
    text-align: right;
    font-size: 13px;
    padding: 4px 6px 0 0;
    font-weight: 500;
    color: #6f6f6f;
}

.event_rigt_btn ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

    .event_rigt_btn ul li a {
        width: 26px;
        height: 26px;
        display: block;
        float: right;
    }

.EV_Icopy a {
    background: url(Images/download_btn.png) no-repeat 0% 0%;
}

.EV_review a {
    background: url(Images/review_icon.png) no-repeat 0% 0%;
}

.EV_Fcopy a {
    background: url(Images/download_btn.png) no-repeat 0% 0%;
}

.EV_Fcopy.inactive a {
    background: url(Images/download_btn_grey.png) no-repeat 0% 0%;
}

.EV_comment a {
    background: url(Images/comment_icon.png) no-repeat 0% 0%;
}

.EV_comment.inactive a {
    background: url(Images/comment_icon_grey.png) no-repeat 0% 0%;
}

.EV_refresh a {
    background: url(Images/refresh_icon.png) no-repeat 0% 0%;
}

.EV_refresh.inactive a {
    background: url(Images/refresh_icon_grey.png) no-repeat 0% 0%;
}

.cursor_pointer {
    cursor: pointer !important;
}

.long_name {
    margin-bottom: -5px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 600px;
    display: inline-block;
}

.long_name_eventlist {
    margin-bottom: -5px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 374px;
    display: inline-block;
}

.cmstab-content .document-list.other-file {
    background: url('Images/icon_text.png') no-repeat 10px 50% / 24px;
}

/* The actual popup */
.wpr-history-slide {
    width: auto;
    text-align: center;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    left: 15%;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: white;
}

    .wpr-history-slide i {
        position: relative;
        left: 200px;
        bottom: 22px;
    }

#dvDocVerificationView a {
    text-decoration: none;
}

#dvDocVerificationView p.popup_heading {
    font-size: 18px;
    margin: 20px 5px;
}

#dvDocVerificationView ul li {
    text-align: center;
}

ul.aol-details-listion li span {
    position: relative;
    padding-right: 20px;
}

    ul.aol-details-listion li span a.infoicon {
        display: none;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 16px;
        height: 16px;
        background: url(Images/historyIcon1.png) no-repeat 50% 50%;
    }

        ul.aol-details-listion li span a.infoicon:hover {
            background: url(Images/historyIcon2.png) no-repeat 50% 50%;
        }

.historyDetails {
    display: none;
    width: 300px;
    height: auto;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.125);
    position: absolute;
    left: calc(100% + 10px);
    top: -10px;
    padding: 15px;
    z-index: 1;
}

    .historyDetails:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 8px 7.5px 0;
        border-color: transparent #FFFFFF transparent transparent;
        position: absolute;
        left: -8px;
        top: 10px;
    }

ul.aol-details-listion li span a.infoicon:hover + .historyDetails {
    display: block;
}

.historyDetails h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #012f63;
}

.historyDetails ul {
    margin: 0px;
    padding: 15px 0px;
}

    .historyDetails ul li {
        list-style: none;
        margin: 0px 0px 10px 0px;
        font-size: 13px;
    }

        .historyDetails ul li label {
            display: inline-block;
            color: #000000;
            font-weight: 500;
            padding-right: 5px;
        }

        .historyDetails ul li span {
            display: inline-block;
            color: rgba(0,0,0,.5);
            font-weight: 500;
        }
/*--------------------------------------------Responsive styles------------------------------------------------*/
@media screen and (min-width:1350px) and (max-width:2000px) {
    .DashBoardContentMain, .dvDashBoardCasesHeader; {
        max-width: inherit;
    }

    .threeInOneDashWidth {
        width: calc((100% / 4) - 10px);
        max-width: inherit;
    }

    .dvDashBoardCasesHeader ul li {
        padding-left: 105px;
    }

        .dvDashBoardCasesHeader ul li h2 {
            max-width: inherit;
            width: 100%;
        }
}

@media screen and (max-width:1310px) {

    .cms_content.open .DBquarterWidth {
        width: calc((100% / 4) - 10px);
    }

    .cms_content .DBquarterWidth {
        width: calc((100% / 3) - 10px);
    }

    .cms_content.open .DBhalfWidth {
        width: calc((100% / 2) - 13px);
    }

    .cms_content .DBhalfWidth {
        width: calc(100% - 10px);
    }
}

@media screen and (max-width:1200px) {
    .DashboardBoxInner.DBquarterWidth.active-case, .DashboardBoxInner.DBquarterWidth.closed-case {
        padding: 15px 10px 15px 60px;
    }

    .DashboardBoxInner.DBquarterWidth.pendingtrandsation {
        padding: 10px 10px 10px 60px;
    }

        .DashboardBoxInner.DBquarterWidth.pendingtrandsation img {
            margin-top: 5px;
        }

    .dvDashBoardCasesHeader ul li img {
        width: 40px;
    }

    .dvDashBoardCasesHeader ul li h2 {
        margin: 3px 0px 0px;
        width: 100%;
    }
}


@media screen and (max-width:1100px) {

    .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch {
        padding: 10px;
    }

        .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch select {
            width: calc(100% - 100px);
        }

            .cms_search.casemanagementsearch.advance-searchwrap .advancedsearch select#ddCountry {
                margin-bottom: 10px;
            }


    .dvDashBoardCasesHeader {
        padding: 20px 0px;
    }

    .threeInOneDashWidth {
        width: calc((100% / 2) - 17px);
    }

    .cms_content.open .DBquarterWidth, .cms_content .DBquarterWidth {
        width: calc((100% / 3) - 10px);
    }



    html, body {
        overflow: auto;
    }

    .cms_mnutoggler.open {
        background: url(Images/menu-expand-icon.png) no-repeat 0% 0%;
    }

    .cms_mnutoggler {
        background: url(Images/menu-collapse-icon.png) no-repeat 0% 0%;
    }

    .cms_menu {
        position: fixed;
        top: 70px;
        left: 0px;
        bottom: 0px;
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
        z-index: 9999;
    }

        .cms_menu.open {
            left: -260px;
            transition: all ease .5s;
            -moz-transition: all ease .5s;
            -webkit-transition: all ease .5s;
        }

    .cms_content, .cms_footer {
        margin: 0px;
    }

    .cms_footer {
        text-align: center;
    }


    /*left menu*/

    .cms_content {
        margin: 0px;
    }

    .cms_menu.open {
        left: -260px;
    }

    .cms_mnutoggler.open {
        left: 0px;
    }

    .cms_mnutoggler {
        left: 260px;
    }

    /*left menu end*/
}

@media (min-width:800px) and (max-width:1300px) {
    .dvDashBoardCasesHeader .DashboardBoxInner {
        min-height: 90px;
    }
}

@media screen and (max-width:1024px) {
    .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap, .k-webkit .k-pager-wrap {
        overflow: visible !important;
    }

    ul.action-edti-delete {
        min-width: 100px;
    }
}

@media screen and (max-width:800px) {

    .cms_content .DBhalfWidth, .cms_content.open .DBhalfWidth {
        width: calc(100% - 10px);
    }

    .dvDashBoardCasesHeader {
        padding: 10px;
    }

        .dvDashBoardCasesHeader .DashboardBoxInner {
            padding: 10px 10px 10px 65px !important;
        }

            .dvDashBoardCasesHeader .DashboardBoxInner h2 {
                width: 100%;
            }


        .dvDashBoardCasesHeader ul li {
            width: calc((100% / 2) - 2px) !important;
            border: none;
        }

            .dvDashBoardCasesHeader ul li.Nubercases, .dvDashBoardCasesHeader ul li.activecases, .dvDashBoardCasesHeader ul li.court1, .dvDashBoardCasesHeader ul li.court3 {
                border-right: 1px solid #ccc;
            }

            .dvDashBoardCasesHeader ul li.Nubercases, .dvDashBoardCasesHeader ul li.pendingtrandsation, .dvDashBoardCasesHeader ul li.court1, .dvDashBoardCasesHeader ul li.court2 {
                border-bottom: 1px solid #ccc;
            }

    .DBquarterWidth {
        width: calc((100% / 2) - 6px) !important;
        margin: 3px;
    }

    .dvDashBoardCasesHeader .DashboardBoxInner.Nubercases, .dvDashBoardCasesHeader .DashboardBoxInner.activecases {
        margin-left: 0px;
    }

    .DashboardBoxInner.DBquarterWidth {
        width: calc((100% / 2) - 17px);
        min-width: inherit;
    }

    .DashboardBoxInner.DBthreefourthWidth {
        width: 100%;
    }
}


@media screen and (max-width:767px) {
    #dvPrivTitle.tab_items span {
        padding: 7px 15px;
    }

    .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        display: none;
    }

    .k-ff .k-pager-numbers + .k-link {
        margin-left: 5px !important;
    }

    .cmsLognBox {
        width: 100%;
        height: auto;
        position: static;
        padding: 210px 0px 0px 0px;
    }


    .cmsLognBox {
        background-position: 50% 35px;
        background-size: 180px;
    }

        .cmsLognBox ul {
            padding: 20px;
            max-width: 280px;
            width: 100%;
            margin: 0px auto;
            border-left: none;
            border-top: 1px solid rgba(255,255,255,.5);
        }

    .cms_header {
        height: auto;
    }

    .logo {
        width: 100%;
    }

    .cms_headerLinks {
        position: relative;
        background: #2c4e89;
        min-width: inherit;
        width: 100%;
        float: left;
        right: 0px;
    }

        .cms_headerLinks label {
            padding: 18px 5px 4px 10px;
            min-height: 50px;
            width: calc(100% - 160px);
        }

        .cms_headerLinks span {
            width: 30px;
            height: 30px;
            margin: 10px 2px;
        }

        .cms_headerLinks label span.profile-image {
            margin: 7px 0px 0px 0px;
            width: 40px;
            height: 40px;
            display: none;
        }

    .cms_mnutoggler, .cms_mnutoggler.open {
        top: 80px;
        left: 5px;
        background: url('Images/mobile-menu-toggler.png') no-repeat 0% 0%;
        height: 30px;
        z-index: 99999;
        border: 1px solid red;
        border-radius: 0px;
        display: none;
    }

    .cms_headerLinks span.menutoggler-mobile {
        width: 30px;
        height: 30px;
        left: 5px;
        background: url('Images/mobile-menu-toggler.png') no-repeat 0% 0%;
        background-size: 100% auto;
        cursor: pointer;
    }

    .cms_menu {
        top: 120px;
        bottom: 55px !important;
        min-height: inherit;
    }

        .cms_menu.mobile {
            left: -260px;
        }

            .cms_menu.mobile.open {
                left: 0px !important;
            }


    .cms_grid .k-widget {
        border: none;
        overflow: auto !important;
    }

    .k-grid table {
        min-width: 700px;
    }

    ul.action-edti-delete {
        min-width: 82px;
    }

    .cms_content {
        padding-top: 130px;
    }


    .master_dropdown {
        width: 100%;
        margin-left: 0;
    }




    .cms_form ul li > label {
        width: 100%;
        text-align: left;
    }

    .cms_form.cms_form_popup ul li > label {
        text-align: right !important;
    }

    .cms_form ul li > span {
        width: 100%;
    }

    .label_star_form::after {
        right: auto;
        margin-left: 3px;
    }



    .cms_form ul li.cms_casenumber > span input#Email {
        width: 66%;
    }

    .cms_form ul li.cms_casenumber > span input[type="button"] {
        float: right;
    }

    .popup_heading {
        padding: 10px;
    }

    /*.cms_form.cms_form_popup ul li label, .cms_form.cms_form_popup ul li > span {
width: 100%;
}*/

    .mailbox {
        top: 120px;
        right: auto;
        left: 50px;
        width: 170px;
    }

    span.header-right-icons {
        float: right;
        width: auto !important;
        margin: 0px;
    }

    .caseinformationbox {
        width: 100%;
        margin: 10px 0px;
    }

    h1.casename-number span.casename {
        font-size: 15px;
        border: none;
        margin-right: 0;
        padding: 0;
        text-align: left;
        display: block;
        width: 100%;
    }

    h1.casename-number span.casenumber {
        font-size: 15px;
    }

    .cmstab-content .party-list, .cmstab-content .document-list, .cmstab-content .event-list, .cmstab-content .fees-list {
        margin: 0px;
    }

        .cmstab-content .event-list .events-right-btn {
            position: static;
            margin-top: 8px;
        }

            .cmstab-content .event-list .events-right-btn .document_spn {
                border: none;
            }

    .history-accordion-content.doc_accordian:after {
        right: auto;
        left: 5px;
    }

    .tab_items span {
        padding: 5px 13px;
    }

    .cmstab-content .event-list h3, .cmstab-content .fees-list h3, .cmstab-content .document-list h3 {
        font-size: 15px !important;
    }

    .cmstab-content .event-list .event-list-details {
        font-size: 14px;
    }

    .payment_adrs_right ul li {
        padding-bottom: 40px;
    }

        .payment_adrs_right ul li span.invoiceamnt_sub {
            left: 30px;
            bottom: 12px;
            top: auto;
        }

            .payment_adrs_right ul li span.invoiceamnt_sub label, .invoice_amnt label:last-child {
                font-size: 22px;
            }

    .invoice_amnt {
        text-align: left;
    }
}

@media screen and (max-width:600px) {
    .cms_innercontent_main.welcome-screen {
        height: auto;
        min-height: inherit;
        background-size: 100%;
    }

        .cms_innercontent_main.welcome-screen h1 {
            width: 100%;
            position: static;
            margin: 50px auto;
            font-size: 18px;
        }

            .cms_innercontent_main.welcome-screen h1 span {
                font-size: 25px;
            }

    .dvDashBoardCasesHeader {
        margin: 10px 0px;
        padding: 0px 10px;
    }

        .dvDashBoardCasesHeader ul li {
            width: 100% !important;
            border-bottom: 1px solid #ccc !important;
            background-size: 45px !important;
            background-position: 0px 50% !important;
            padding: 10px 20px 10px 50px;
            min-height: inherit;
        }

            .dvDashBoardCasesHeader ul li h2 {
                max-width: inherit;
                width: 100%;
            }

            .dvDashBoardCasesHeader ul li h2 {
                font-size: 14px;
            }

                .dvDashBoardCasesHeader ul li h2 label {
                    font-size: 20px;
                }

            .dvDashBoardCasesHeader ul li:last-child {
                border: none !important;
            }

            .dvDashBoardCasesHeader ul li.Nubercases, .dvDashBoardCasesHeader ul li.activecases, .dvDashBoardCasesHeader ul li.court1, .dvDashBoardCasesHeader ul li.court3 {
                border-right: none;
            }

            .dvDashBoardCasesHeader ul li.Nubercases, .dvDashBoardCasesHeader ul li.pendingtrandsation, .dvDashBoardCasesHeader ul li.court1, .dvDashBoardCasesHeader ul li.court2 {
                border-bottom: 1px solid #ccc;
            }


    .DBquarterWidth {
        width: 100% !important;
    }



    p.cms_search.casemanagementsearch {
        padding: 10px 0px;
    }

        p.cms_search.casemanagementsearch span.case-dropdown-wrap {
            width: 100% !important;
        }

        p.cms_search.casemanagementsearch span.case-dropdown-wrap {
            padding-right: 0px;
        }

        p.cms_search.casemanagementsearch select {
            width: 120px;
            padding-left: 10px;
        }

        p.cms_search.casemanagementsearch input[type="text"] {
            width: calc(100% - 120px);
            margin-left: 109px;
        }

        p.cms_search.casemanagementsearch span.case-dropdown-wrap input[type="button"] {
            border-radius: 30px;
        }

    .payment_details_wrpr {
        padding: 20px 0;
    }

    .payment_adrs_right ul li span.invoiceamnt_sub label, .invoice_amnt label:last-child {
        font-size: 20px;
    }

    .invoice_datetime label.bold_font {
        font-size: 16px !important;
    }
}

@media screen and (max-width:420px) {
    .invoice_datetime label {
        margin-right: 15px;
    }

        .invoice_datetime label.invoice_DT {
            margin-right: 0;
            padding-left: 15px;
        }

        .invoice_datetime label:last-child:before {
            left: 0;
        }

    .dialog-container.dynamic {
        top: 50%;
        left: auto !important;
        width: calc(100% - 20px);
        right: 10px !important;
        min-width: inherit !important;
    }
}

@media screen and (max-width:360px) {

    .cmstab-content .party-list input[type="button"], .cmstab-content .document-list input[type="button"] {
        min-width: inherit;
    }

    .cms_form ul {
        padding: 0px;
    }

    .cms_header .logo {
        background-size: 90%;
    }

    .cms_headerLinks .header-right-icons span {
        width: 25px !important;
        height: 25px !important;
    }

    .cms_content {
        padding: 135px 10px 20px 10px;
    }

    .cms_form {
        min-height: inherit;
    }


    .dialog-container.dynamic {
        top: 50%;
        left: auto !important;
        width: calc(100% - 20px);
        right: 10px !important;
        min-width: inherit !important;
    }

    .dialog-container .dialog-body, .dialog-container .dialog-header, .dialog-container .dialog-footer {
        padding: 10px;
    }

    .dialog-container .dialog-button {
        padding: 5px 20px;
    }

    #dvPrivTitle.tab_items span {
        width: 100%;
        text-align: left;
        padding: 0px 0px 3px;
        margin-bottom: 5px;
        font-weight: 500;
        font-size: 14px;
    }

        #dvPrivTitle.tab_items span.tab_active {
            border-bottom-width: 1px;
        }

    #dvPrivilageList.tick-list {
        padding: 0px;
    }

        #dvPrivilageList.tick-list a {
            display: block;
        }

    .NoMasterentry {
        padding: 50px;
    }

    p.cms_search.casemanagementsearch span.case-dropdown-wrap {
        border: none;
    }

    p.cms_search.casemanagementsearch select {
        width: 100%;
        padding-left: 10px;
        display: block;
        position: static;
        border-radius: 30px;
    }

    p.cms_search.casemanagementsearch input[type="text"] {
        width: 100%;
        margin: 10px 0px;
        border-radius: 30px;
    }

    p.cms_search.casemanagementsearch span.case-dropdown-wrap input[type="button"] {
        float: left;
    }

    p.cms_search span {
        width: 100%;
    }

    p.cms_search.casemanagementsearch input.add-newbtn[type="button"] {
        float: right;
        margin-top: -35px;
        position: relative;
        z-index: 99;
    }

    h1.casename-number {
        margin: 20px 0px;
    }



    .tab_items span.tab_item {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 0px 4px;
        border-bottom-width: 1px;
    }

    .popup_heading {
        padding: 10px 0px;
    }

    /*popup mobile start*/
    .cms_form.cms_form_popup .popup_heading {
        padding: 10px;
        font-size: 18px;
    }

    .cms_form.cms_form_popup ul {
        padding: 0px 10px;
    }

        .cms_form.cms_form_popup ul li > label {
            text-align: left !important;
            width: 100%;
        }

        .cms_form.cms_form_popup ul li > span {
            width: 100%;
        }

    .cms_form.cms_form_popup p.rgtbtns {
        position: static;
    }
    /*popup end end*/

}

.common-search-video {
    display: inline-block;
    width: 45%;
    margin-top: 10px;
    float: right;
}

.video-accordian-cnt .video-details-common-search video {
    float: left;
}

#judgeleft {
    /*//text-align: left;*/
    float: left;
}

#CPOleft {
    /*text-align: right;*/
    float: right;
}

.lawyerdetails {
    margin-bottom: 3rem;
}

    .lawyerdetails h4 {
        font-size: 1.5rem;
        font-weight: 500;
        color: #2B2B2B;
        margin-bottom: 0.25rem;
        margin-top: 0;
        line-height: 1.2;
    }

        .lawyerdetails h4 span {
            font-size: 1.125rem;
            color: #cccccc;
            font-weight: 400;
            text-transform: uppercase;
            padding: 0 0 0 10px;
            float: none;
            display: inline-block;
            cursor: text;
        }

        .lawyerdetails h4 .status {
            font-size: 13px;
            font-weight: 500;
            color: #fff;
            background: #9ea0a6;
            padding: 0.25rem 0.5rem;
            border-radius: 4px;
            vertical-align: middle;
            margin-left: 10px;
        }

    .lawyerdetails p {
        font-size: 1.125rem;
        font-weight: 400;
        color: #8B8B8B;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }

        .lawyerdetails p span {
            font-weight: 500;
            color: #000;
            font-size: 1rem;
            padding: 0;
            border: none;
            float: none;
            cursor: text;
            display: inline;
        }

    .lawyerdetails .status {
        font-size: 0.875rem;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        padding: 0.25rem 1rem;
        border-radius: 5px;
        display: inline-block;
        float: none;
        border-bottom: none;
        cursor: text;
    }

.tab_items .subTab {
    padding-bottom: 1rem;
}

    .tab_items .subTab span {
        border: none;
        color: #4C4C4C;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 400;
        border-radius: 30px;
        float: none;
        display: inline-block;
        padding: 0.35rem 1.5rem;
    }

        .tab_items .subTab span.tab_active {
            background: #1e417c;
            color: #fff !important;
        }

.popupHeading {
    border-bottom: 1px solid #d4d4d4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

    .popupHeading h1 {
        font-size: 22px;
        font-weight: 500;
        color: #000;
        margin-bottom: 0;
    }

    .popupHeading .backBtn {
        float: none;
    }

        .popupHeading .backBtn .grey {
            margin: 0;
            background: #ededed;
        }

            .popupHeading .backBtn .grey:hover {
                background: #c4c8cc;
            }

.cmstabContent.aol-tab-content {
    padding-left: 0;
    padding-right: 0;
    overflow: inherit;
}

.lawyerDetailList {
    padding-left: 30px;
    padding-right: 30px;
}

    .lawyerDetailList h5,
    .lawyerDetailList h6 {
        position: relative;
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 0.875rem;
        font-weight: 400;
        color: #898991;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        position: relative;
        margin-top: 0;
    }

    .lawyerDetailList h6 {
        position: relative;
    }

        .lawyerDetailList h6:before {
            position: absolute;
            content: "";
            height: 1px;
            left: 30px;
            right: 0;
            top: 50%;
            background: #dee2e6;
        }

        .lawyerDetailList h6 span {
            background: #fff;
            padding-right: 1rem;
            position: relative;
        }

    .lawyerDetailList ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        padding-left: 0;
        margin-left: -30px;
        margin-right: -30px;
    }

        .lawyerDetailList ul.detailsBottom {
            max-width: 60%;
        }

            .lawyerDetailList ul.detailsTop li,
            .lawyerDetailList ul.detailsBottom li {
                position: relative;
                width: 100%;
                padding-right: 30px;
                padding-left: 30px;
                margin-bottom: 2rem;
            }

        .lawyerDetailList ul.detailsTop li {
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            max-width: 30%;
        }

        .lawyerDetailList ul.detailsBottom li {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .lawyerDetailList ul li label {
            display: block;
            margin-bottom: 0;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 14px;
            color: #a09fa5;
            line-height: 1.2;
        }

        .lawyerDetailList ul li span {
            font-size: 1rem !important;
            font-weight: 500;
            display: block;
            word-break: break-word;
            color: #2C283A;
            margin-bottom: 0.25rem;
        }

            .lawyerDetailList ul li span.breakWord {
                word-break: break-all;
            }

.lawersRow, .lawersRow .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .lawersRow [class*="col-"] {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .lawersRow .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .lawersRow .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .lawersRow .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .lawersRow .lawersCol {
        border: 1px solid #ABABAB;
        padding: 20px;
        background: #fff;
        border-radius: 5px;
    }

        .lawersRow .lawersCol img {
            max-width: 100%;
        }

    .lawersRow .lawyerDetailz {
        margin-bottom: 1.25rem;
    }

        .lawersRow .lawyerDetailz h3 {
            font-size: 22px;
            font-weight: 400;
            color: #2C283A;
            margin-bottom: 0.2rem;
            margin-top: 0;
            line-height: 1.2;
        }

        .lawersRow .lawyerDetailz h5 {
            font-size: 16px;
            font-weight: 400;
            color: #7B7B7B;
            margin-bottom: 1.25rem;
            word-break: break-word;
            margin-top: 0;
            line-height: 1.2;
        }

    .lawersRow .nationAddress label {
        font-size: 14px;
        font-weight: 400;
        color: #7B7B7B;
        text-transform: uppercase;
        margin-bottom: 0.2rem;
        display: block;
    }

    .lawersRow .nationAddress span,
    .lawersRow .nationAddress address {
        font-size: 16px !important;
        font-weight: 400;
        color: #2E384D !important;
        display: block;
    }

    .lawersRow .nationAddress .lawNation {
        padding-right: 1.75rem;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .lawersRow .nationAddress .lawAddress {
        padding-left: 1.75rem;
        border-left: 1px solid #d1d1d1;
    }

    .lawersRow .lawRecord h4 {
        font-size: 14px;
        font-weight: 400;
        color: #a09ea6;
        text-transform: uppercase;
        margin-bottom: 0.2rem;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 0.5rem;
    }

    .lawersRow .lawRecord .history-accordion-content.doc_accordian {
        margin: 0;
        padding: 0;
        background: none;
    }

    .lawersRow .lawRecord .norecords-h3 {
        font-size: 16px !important;
        font-weight: 400;
        color: #2C283A !important;
        padding-top: 0.25rem;
        margin: 0 !important;
        text-align: left;
    }

    .lawersRow .lawRecord .history-accordion-content.doc_accordian:after {
        display: none;
    }

.laywerDetailsWrap .lawyerDetailList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .laywerDetailsWrap .lawyerDetailList .lawyerImage .aol_partone_propic {
        position: relative;
        left: inherit;
        top: inherit;
    }

    .laywerDetailsWrap .lawyerDetailList .listWrap {
        -ms-flex: 1;
        flex: 1;
    }

.lawyerInfo {
    margin-bottom: 3rem;
}

    .lawyerInfo .lawyerdetails {
        margin-bottom: 0;
    }

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.d-block {
    display: block;
}

.justify-content-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.lawyerInfo .lawyerPic {
    width: 78px;
    height: 78px;
    border-radius: 78px;
    overflow: hidden;
    margin-right: 21px;
    border: 5px solid #F4F6FC;
}

    .lawyerInfo .lawyerPic span {
        padding: 0;
        cursor: default;
        float: none;
        border: none;
    }

    .lawyerInfo .lawyerPic img {
        max-width: 100%;
    }

.custom-accordion-header h3 .status {
    text-transform: uppercase;
    border-radius: 20px;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
}

    .custom-accordion-header h3 .status.pending {
        background: #feeba1;
        color: #ff6f00;
    }

.lawyerdetails .status {
    margin-left: 0;
    margin-right: 0;
}

.hideFile .k-widget {
    display: none !important;
}

.documentDetails {
    box-shadow: none;
}

    .documentDetails .inputField input {
        border: 1px solid #c7c7c7;
        max-width: 420px;
    }

    .documentDetails .inputField .k-widget {
        width: 100% !important;
        background: none;
        box-shadow: none;
    }

.caseBackBtn {
    margin-right: 0;
}

.rgtbtnsRow {
    padding: 20px 0px 0px;
    border-top: 1px solid #ccc;
    margin: 10px 0px 0px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pl-20 {
    padding-left: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.tab_items.tabItems {
    margin-bottom: 1rem;
}

.dvDocumentViewer {
    border: 1px solid #ddd;
    padding: 10px;
}

.dvHeaderButtons {
    text-align: right;
    margin-bottom: 20px;
}

    .dvHeaderButtons .case_back_btn {
        float: none;
        margin-right: 0;
    }

.dvRequestChangeForm {
    box-shadow: none;
    margin-bottom: 10px;
}

    .dvRequestChangeForm .dvRequestForm {
        background: #f0f4fb;
        padding: 20px;
    }

    .dvRequestChangeForm .dvHeaderButtons {
        padding-top: 10px;
        margin-bottom: 0;
    }

    .dvRequestChangeForm label, .dvRequestChangeForm span {
        display: block;
    }

    .dvRequestChangeForm span {
        /*margin-bottom: 10px;*/
        /*max-width: 600px;*/
    }

        .dvRequestChangeForm span textarea {
            width: 100%;
            border: none;
            background: none;
            padding-left: 0;
        }

.custom-case-count ul li {
    width: calc((100% / 3) - 2px) !important;
    padding-right: 35px;
}

    .custom-case-count ul li h2 {
        max-width: 186px;
    }

    .custom-case-count ul li:last-child {
        border-right: none;
    }

ul.action-edti-delete li.credentials-send {
    width: 24px;
    height: 20px;
    background: url(Images/credentials_send.png) no-repeat 0% 50%;
}

.casenumber_link {
    color: #56a1ef;
    font-weight: 500;
    display: block;
}

/*New Styles*/

.divRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.willsAppSearchLeft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.willsAppSearchRight {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.bd-none:before {
    display: none;
}

.m-0 {
    margin: 0 !important;
}

.mt-1 {
    margin-top: 4px !important;
}

.mt-2 {
    margin-top: 8px !important;
}

.mt-3 {
    margin-top: 16px !important;
}

.mt-4 {
    margin-top: 24px !important;
}

.mt-5 {
    margin-top: 48px !important;
}

.mb-1 {
    margin-bottom: 4px !important;
}

.mb-2 {
    margin-bottom: 8px !important;
}

.mb-3 {
    margin-bottom: 16px !important;
}

.mb-4 {
    margin-bottom: 24px !important;
}

.mb-5 {
    margin-bottom: 48px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.form-group {
    margin-bottom: 20px;
}

.form-control,
.form-control.k-textbox {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 6px 12px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #A8A8A8;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    outline: none;
}

    .form-control.k-textbox {
        height: calc(1.5em + 0.75rem + 2px) !important;
        border: 1px solid #A8A8A8 !important;
        box-shadow: none !important;
    }

textarea.form-control {
    height: 100px;
    resize: none;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

    .btn:hover, .btn:focus {
        color: #0a599a;
        background: none;
    }

.btn-primary {
    color: #fff;
    background-color: #1571bc;
    border-color: #1571bc;
}

    .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        background-color: #0a599a;
        border-color: #0a599a;
    }

.btn-outline-primary {
    color: #1E417C;
    border-color: #1E417C;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus {
        color: #fff;
        background-color: #0a599a;
        border-color: #0a599a;
    }

.willsAppSearchWrap {
    margin-left: -5px;
    margin-right: -5px;
}

    .willsAppSearchWrap .col-3 {
        padding-left: 5px;
        padding-right: 5px;
    }

.willsAppointmentSearch .form-control {
    height: 40px;
}

.willsAppSearchCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #A8A8A8;
    border-radius: 4px;
}

    .willsAppSearchCol .form-control {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: none;
        height: 38px;
        /*padding: 0;*/
    }

    .willsAppSearchCol .btn {
        background: none;
        color: #000;
        min-width: inherit;
    }

.willsAppSearch {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.willsAppointmentSearch label {
    font-size: 13px;
    color: #6D9DB3;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

.willsAppAdd .btn {
    height: 40px;
    white-space: nowrap;
}

.willsAppointmentSearch {
    padding-top: 10px;
    margin-bottom: 16px;
}

.navTabs {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 2rem;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    display: -ms-flexbox;
}

    .navTabs li a {
        cursor: pointer;
        display: block;
        padding: 10px 30px;
        color: #6d98aa;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        border-bottom: solid 3px transparent;
        text-decoration: none;
    }

        .navTabs li a.active {
            color: #1571bc;
            border-color: #1571bc;
        }

.appBookRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.appBook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .appBook .appBookBody {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .appBook i {
        font-size: 26px;
        color: #1571BC;
        margin-right: 18px;
    }

    .appBook label {
        font-size: 14px;
        font-weight: 400;
        color: #7f7f7f;
        display: block;
    }

    .appBook span {
        font-size: 16px;
        color: #000;
        display: block;
        font-weight: 400;
    }

        .appBook span b {
            font-weight: 500;
        }

.appDataRow .appDataCol {
    margin-bottom: 5px;
}

.appDataCol h4, .registerDetailsCol h4 {
    font-size: 20px;
    font-weight: 500;
    color: #1571C2;
    position: relative;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4e8f0;
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}

    .appDataCol h4:before, .registerDetailsCol h4:before {
        position: absolute;
        content: "";
        left: 0;
        top: 10px;
        width: 9px;
        height: 9px;
        border-radius: 2px;
        background: #1571C2;
    }

.appDataCol ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 10px;
}

    .appDataCol ul li {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }

        .appDataCol ul li.address {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .appDataCol ul li label, .appDataCol ul li span {
            display: block;
            font-size: 16px;
            font-weight: 500;
        }

        .appDataCol ul li label {
            color: #7f7f7f;
            margin-bottom: 4px;
        }

        .appDataCol ul li span {
            font-size: 18px;
        }

            .appDataCol ul li span, .appDataCol ul li span label {
                color: #000;
                margin-bottom: 0;
            }

                .appDataCol ul li span.date label {
                    background: #E9EFF9;
                    border-radius: 5px;
                    padding: 4px 12px;
                    display: inline-block;
                }

.dFlex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.lawyerList .cms_grid {
    box-shadow: none;
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.attachmentAccordion .addAttachment {
    padding-bottom: 25px;
    text-align: right;
}

.attachmentAccordion .accordion.cmstab-content {
    overflow: hidden;
}

.attachmentAccordion .addAttachment .btn {
    background: #1E417C;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 5px;
}

    .attachmentAccordion .addAttachment .btn:hover,
    .attachmentAccordion .addAttachment .btn:focus {
        background: #1571BC;
    }

.attachmentAccordion .accordion .card {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.attachmentAccordion .accordion .collapseToggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

    .attachmentAccordion .accordion .collapseToggle .toggleLeft {
        text-align-last: left;
    }

    .attachmentAccordion .accordion .collapseToggle h4 {
        color: #29457F;
        font-size: 18px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0;
    }

    .attachmentAccordion .accordion .collapseToggle label {
        color: #8D8D8D;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
    }

        .attachmentAccordion .accordion .collapseToggle label span {
            color: #1571BC;
        }

    .attachmentAccordion .accordion .collapseToggle .btn {
        /*background: #1571BC;*/
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        padding: 6px 12px;
        border-radius: 5px;
        width: 80px;
        border-radius: 50px;
    }

.attachmentAccordion .accordion .card .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.attachmentAccordion .accordion .card .col-md-4,
.attachmentAccordion .accordion .card .col-md-6,
.attachmentAccordion .accordion .card .col-md-8 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    float: none;
}

.attachmentAccordion .accordion .card .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.attachmentAccordion .accordion .card .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.attachmentAccordion .accordion .card .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.attachmentAccordion .accordion .card .document-list {
    border: none;
    padding: 0;
}

    .attachmentAccordion .accordion .card .document-list a {
        display: block;
        padding: 10px;
        padding-left: 50px;
        margin: 0;
        text-decoration: none;
        border: 1px solid transparent;
    }

    .attachmentAccordion .accordion .card .document-list.active a {
        border: 1px solid #ACCEEA;
    }

    .attachmentAccordion .accordion .card .document-list a h4 {
        color: #29457F;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
    }

    .attachmentAccordion .accordion .card .document-list a label {
        color: #8D8D8D;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
    }

        .attachmentAccordion .accordion .card .document-list a label span {
            color: #1571BC;
        }
/*@import "willsadmin.css";*/
.ptop-6 {
    padding-top: 6px;
}
.ml-auto {
    margin-left: auto;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cms_content .willsHead h1 {
    margin-bottom: 0;
    padding-top: 0;
}

.willsHead {
    margin-bottom: 10px;
}

.navTabs.ulAppointmentTabs {
    border-bottom: none;
    margin-bottom: 20px;
}

    .navTabs.ulAppointmentTabs li a {
        font-size: 15px;
        color: #8D8D8D;
        border: none;
        border-radius: 50px;
        padding: 9px 15px;
    }

    .navTabs.ulAppointmentTabs li a,
    .videoCall a,
    .registerDetails .form-check-label,
    .appDataCol .appDataColHead .btn,
    .willPartiesList ul li .btn,
    .willPartiesCol .willPartiesHead .btn {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .navTabs.ulAppointmentTabs li a:hover,
        .navTabs.ulAppointmentTabs li a:focus {
            color: #1e417c;
        }

        .navTabs.ulAppointmentTabs li a.active,
        .navTabs.ulAppointmentTabs li a.active:hover,
        .navTabs.ulAppointmentTabs li a.active:focus {
            background: #1e417c;
            color: #fff;
        }

.ulAppTabsRow {
    margin-left: -30px;
    margin-right: -30px;
}

    .ulAppTabsRow .ulAppTabsContainer {
        padding-left: 30px;
        padding-right: 30px;
        border-bottom: 1px solid #D5D5D5;
        margin-bottom: 30px;
    }

.videoCall {
    border-left: 1px solid #c6c6c6;
    padding-left: 12px;
    margin-left: 15px;
}

    .videoCall a {
        font-size: 16px;
        color: #1571BC;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .videoCall .videoCallBtn {
/*        margin-bottom: 5px;*/
    }

        .videoCall .videoCallBtn.disabled {
            background: #f2f2f2;
            cursor: default;
            color: #ada7a7;
        }

    .videoCall a:hover, .videoCall a:focus {
        color: #1e417c;
    }

    .videoCall a i {
        font-size: 30px;
        margin-right: 12px;
    }

    .videoCall a span {
        font-weight: 500;
    }

    .videoCall .willBtn {
        /*padding-left: 12px;*/
        padding-top: 5px;
    }

        .videoCall .willBtn .btn {
            font-size: 14px;
            font-weight: 400;
            border: 1px solid #1571BC;
            border-radius: 5px;
        }

            .videoCall .willBtn .btn:hover, .videoCall .willBtn .btn:focus {
                border: 1px solid #1e417c;
            }

.testatorDataRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.appDataRow .appDataCol h4 {
    padding-left: 0;
    font-size: 15px;
    color: #A0A0A0;
    text-transform: uppercase;
}

    .appDataRow .appDataCol h4:before {
        display: none;
    }

.appDataCol .appDataColHead {
    border-bottom: 1px solid #e4e8f0;
    padding-bottom: 16px;
    margin-bottom: 26px;
}

    .appDataCol .appDataColHead h4 {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .appDataCol .appDataColHead .editBtn {
        font-size: 16px;
        font-weight: 500;
        color: #646464;
        text-decoration: none;
        border: 1px solid #707070;
        text-transform: uppercase;
        border-radius: 50px;
        padding: 2px 30px;
    }

        .appDataCol .appDataColHead .editBtn:hover, .appDataCol .appDataColHead .editBtn:focus {
            background: #1e417c;
            border: 1px solid #1e417c;
            color: #fff;
        }

.testatorDataRow .registerDetails {
    background: #E9EFF9;
    padding: 35px;
    border-radius: 10px;
}

.registerDetails.appDataCol {
    margin-bottom: 0;
}

.testatorDataRow .registerDetails h4 {
    border-bottom: 1px solid #d1daeb;
}

.registerDetails .form-group {
    margin-bottom: 20px;
}

.registerDetails .form-check {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.registerDetails .form-check-inline {
    margin-right: 0.5rem;
}

    .registerDetails .form-check-inline .form-check-input {
        display: none;
    }

.registerDetails .form-check-label {
    margin-bottom: 0;
    border: 1px solid #95a6c5;
    border-radius: 5px;
    display: block;
    padding: 9px 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #95a6c5;
}

    .registerDetails .form-check-label i {
        margin-right: 7px;
    }

.registerDetails .form-check-input:checked + .form-check-label {
    background: #1E417C;
    border: 1px solid #1E417C;
    color: #fff;
}

    .registerDetails .form-check-input:checked + .form-check-label i {
        color: #1EC192;
    }

.registerDetails .form-group .form-control-label {
    font-size: 13px;
    color: #65697b;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.registerDetails .form-group .form-control {
    height: 56px;
    font-size: 16px;
    font-weight: 500;
    border: none;
}

.appDataCol .appDataColHead .btnBg,
.bookAppCal .bookAppCalHead .btn {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    border: 1px solid #1571BC;
    border-radius: 5px;
    padding: 6px 19px;
    background: #1571BC;
}

    .appDataCol .appDataColHead .btnBg:hover, .appDataCol .appDataColHead .btnBg:focus,
    .bookAppCal .bookAppCalHead .btn:hover, .bookAppCal .bookAppCalHead .btn:focus {
        background: #1e417c;
        border: 1px solid #1e417c;
    }

.registerDetails .registerDetailsCol {
    border-bottom: 1px solid #d1daeb;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .registerDetails .registerDetailsCol:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .registerDetails .registerDetailsCol .appDataColHead {
        border-bottom: 1px solid #d1daeb;
        padding-bottom: 16px;
        margin-bottom: 18px;
    }

    .registerDetails .registerDetailsCol:last-child .appDataColHead {
        border: none;
    }

.registerDetailsCol .appDataColBody h5 {
    font-size: 13px;
    font-weight: 500;
    color: #65697b;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}

.registerDetailsCol .appDataColBody p {
    font-size: 14px;
    font-weight: 400;
    color: #95A7C6;
    margin-bottom: 10px;
    margin-top: 0;
}

.willPartiesList {
    margin-bottom: 25px;
}

    .willPartiesList h3 {
        font-size: 17px;
        font-weight: 500;
        color: #000;
        margin-top: 0;
        margin-bottom: 7px;
    }

    .willPartiesList ul {
        list-style: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 18px;
    }

        .willPartiesList ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-bottom: 1px solid #d5d5d5;
            padding-bottom: 11px;
            margin-bottom: 15px;
        }

            .willPartiesList ul li h5 {
                font-size: 16px;
                font-weight: 500;
                color: #29457F;
                margin-top: 0;
                margin-bottom: 0;
            }

            .willPartiesList ul li p {
                font-size: 14px;
                font-weight: 500;
                color: #1571BC;
                margin-top: 0;
                margin-bottom: 0;
            }

                .willPartiesList ul li p label {
                    color: #8D8D8D;
                }

            .willPartiesList ul li .btn {
                font-size: 13px;
                font-weight: 500;
                color: #fff;
                text-decoration: none;
                border: 1px solid #1571BC;
                border-radius: 50px;
                padding: 4px 23px;
                background: #1571BC;
            }

                .willPartiesList ul li .btn:hover, .willPartiesList ul li .btn:focus {
                    background: #1e417c;
                    border: 1px solid #1e417c;
                }

.willPartiesCol .willPartiesHead {
    text-align: right;
    margin-bottom: 15px;
}

    .willPartiesCol .willPartiesHead .btn {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
        border: 1px solid #1e417c;
        border-radius: 5px;
        padding: 6px 23px;
        background: #1e417c;
    }

        .willPartiesCol .willPartiesHead .btn:hover, .willPartiesCol .willPartiesHead .btn:focus {
            background: #1571BC;
            border: 1px solid #1571BC;
        }

.willPartyDetailsList .appDataCol ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.iconCouple {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('Images/icon-couple.svg') no-repeat center;
    background-size: contain;
    vertical-align: sub;
    margin-left: 8px;
    vertical-align: middle;
}

.iconUnlock {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('Images/icon-unlock.svg') no-repeat center;
    background-size: contain;
    vertical-align: sub;
    margin-left: 8px;
    vertical-align: middle;
}

.iconUnlockReqest {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('Images/icon-unloack-req.svg') no-repeat center;
    background-size: contain;
    vertical-align: sub;
    margin-left: 8px;
    vertical-align: middle;
}

.casenumber_link {
    color: #56a1ef;
    font-weight: 500;
    display: block;
}

.cmstab-content .event-list .events-right-btn.joinMoreBtns {
    /*width: 150px;
    text-align: right;*/
}

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span {
        display: block;
        float: none;
        position: relative;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .more-button + .more-button {
        margin-top: 10px;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip {
        white-space: nowrap;
        right: 10px;
        width: 170px;
        left: auto !important;
        text-align: center;
    }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip .tooltip-inner {
            width: 170px;
            text-align: center;
        }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip.top .tooltip-arrow {
            left: auto;
            right: 15px;
        }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:hover,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:focus {
        background: #f0f0f0;
        color: #666;
        font-weight: 500;
        cursor: default;
    }

#spnGuestEmailsWrapper span {
    display: block;
    margin-bottom: 10px;
}

    #spnGuestEmailsWrapper span input[type=text] {
        margin-right: 5px;
        display: block;
        float: left;
        width: 28.2%;
    }
/*Schedule start*/
.willsCalendarWrap {
    padding-left: 25px;
    padding-right: 25px;
}

    .willsCalendarWrap .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -25px;
        margin-left: -25px;
    }

    .willsCalendarWrap .calendarLeft, .willsCalendarWrap .calenderRight {
        position: relative;
        width: 100%;
        padding-right: 25px;
        padding-left: 25px;
    }

    .willsCalendarWrap .calendarLeft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .willsCalendarWrap .calenderRight {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .willsCalendarWrap .calenderCol .k-calendar {
        width: 100%;
        border: none;
        background: #f0f4fb;
        border-radius: 20px;
        padding: 16px;
        box-sizing: border-box;
    }

        .willsCalendarWrap .calenderCol .k-calendar .k-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #f0f4fb;
            border-bottom: 1px solid #e8ecf2;
            padding: 10px 30px;
        }

            .willsCalendarWrap .calenderCol .k-calendar .k-header a {
                background: none;
            }

            .willsCalendarWrap .calenderCol .k-calendar .k-header .k-nav-fast {
                width: auto;
                margin: 0;
                padding-left: 15px;
                padding-right: 15px;
                text-transform: uppercase;
                font-weight: 500;
            }

        .willsCalendarWrap .calenderCol .k-calendar .k-nav-next,
        .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev {
            position: relative;
            left: inherit;
            right: inherit;
            top: inherit;
        }

            .willsCalendarWrap .calenderCol .k-calendar .k-nav-next,
            .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev,
            .willsCalendarWrap .calenderCol .k-calendar .k-nav-next .k-icon,
            .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev .k-icon,
            .willsCalendarWrap .calenderCol .k-calendar .k-nav-next .k-icon:before,
            .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev .k-icon:before {
                width: 30px;
                height: 30px;
                display: block;
                text-align: center;
                line-height: 30px;
                background: none;
            }

                .willsCalendarWrap .calenderCol .k-calendar .k-nav-next .k-icon:before,
                .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev .k-icon:before {
                    font-family: 'icomoon';
                    font-size: 16px;
                }

                .willsCalendarWrap .calenderCol .k-calendar .k-nav-next .k-icon:before {
                    content: "\e90e";
                }

                .willsCalendarWrap .calenderCol .k-calendar .k-nav-prev .k-icon:before {
                    content: "\e90d";
                }

        .willsCalendarWrap .calenderCol .k-calendar table thead tr th {
            background: #f0f4fb;
            border-bottom: 1px solid #e8ecf2;
            text-transform: uppercase;
            font-weight: 500;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 14px;
        }

        .willsCalendarWrap .calenderCol .k-calendar table {
            background: none;
            /*width: 100% !important;*/
        }

            .willsCalendarWrap .calenderCol .k-calendar table tbody tr .k-today,
            .willsCalendarWrap .calenderCol .k-calendar table tbody tr .k-state-selected {
                box-shadow: none;
            }

                .willsCalendarWrap .calenderCol .k-calendar table tbody tr .k-today .k-link,
                .willsCalendarWrap .calenderCol .k-calendar table tbody tr .k-state-selected .k-link {
                    background: #1571BC;
                    border-radius: 10px;
                    color: #fff;
                    font-weight: 400;
                }

            .willsCalendarWrap .calenderCol .k-calendar table tbody tr td {
                background: none !important;
                box-shadow: none !important;
            }

                .willsCalendarWrap .calenderCol .k-calendar table tbody tr td .k-link {
                    display: inline-block;
                    padding: 0 6px;
                }

        .willsCalendarWrap .calenderCol .k-calendar .k-footer {
            padding-top: 10px;
        }

            .willsCalendarWrap .calenderCol .k-calendar .k-footer .k-link {
                background: none;
            }

    .willsCalendarWrap .calenderRightHead {
        background: #f0f4fb;
        border-radius: 10px;
        padding: 15px 36px;
    }

        .willsCalendarWrap .calenderRightHead h4 {
            margin: 0;
            font-weight: 400;
            color: #1e417c;
        }

            .willsCalendarWrap .calenderRightHead h4 span {
                font-weight: 500;
            }

    .willsCalendarWrap .tblTimeSlotContent {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

        .willsCalendarWrap .tblTimeSlotContent tr td {
            background: #F0F4FB;
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            color: #000;
            padding: 10px 8px;
        }

            .willsCalendarWrap .tblTimeSlotContent tr td.Yes {
                color: #14c192;
                font-weight: 600;
                text-transform: uppercase;
            }

            .willsCalendarWrap .tblTimeSlotContent tr td.No {
                color: #919397;
            }

        .willsCalendarWrap .tblTimeSlotContent tr:nth-child(2n+1) td {
            background: #fff;
        }

        .willsCalendarWrap .tblTimeSlotContent tr.trTimeSlotContentEdit td {
            background: #1571c2;
            color: #fff;
            padding: 8px;
        }

            .willsCalendarWrap .tblTimeSlotContent tr.trTimeSlotContentEdit td#tdAppointment_Edit div {
                width: 120px;
                margin-left: auto;
                margin-right: auto;
                background: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 3px;
            }

            .willsCalendarWrap .tblTimeSlotContent tr.trTimeSlotContentEdit td#tdAppointment_Edit button {
                min-width: inherit;
                padding: 0;
                width: 30px;
                height: 30px;
                background: #fff;
                border-radius: 0;
                color: #949494;
                font-size: 18px;
            }

            .willsCalendarWrap .tblTimeSlotContent tr.trTimeSlotContentEdit td#tdAppointment_Edit input {
                font-size: 16px;
                font-weight: 500;
                color: #000;
                text-align: center;
                width: 50px;
                border: none;
                border-left: 1px solid #d0d0d0;
                border-right: 1px solid #d0d0d0;
            }

        .willsCalendarWrap .tblTimeSlotContent .trTimeSlotHeader th {
            padding-top: 10px;
            padding-bottom: 10px;
            font-weight: 500;
            font-size: 14px;
            color: #6d9db3;
            text-transform: uppercase;
        }

        .willsCalendarWrap .tblTimeSlotContent input[type=number]::-webkit-inner-spin-button,
        .willsCalendarWrap .tblTimeSlotContent input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0;
        }

        .willsCalendarWrap .tblTimeSlotContent input[type=number] {
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield;
        }

    .willsCalendarWrap .appTimeBtn {
        padding-top: 26px;
        padding-bottom: 20px;
        border-top: 1px solid #CECECE;
    }

        .willsCalendarWrap .appTimeBtn button {
            border-radius: 5px;
            padding: 15px 24px;
            font-size: 14px;
            font-weight: 600;
        }

            .willsCalendarWrap .appTimeBtn button.addHoliday {
                border: 1px solid #707070;
                background: #fff;
                color: #000;
            }

    .willsCalendarWrap button.addHoliday:hover, .willsCalendarWrap button.addHoliday:focus {
        color: #fff;
        border: 1px solid #1571bc;
        background: #1571bc;
    }

    .willsCalendarWrap .tblTimeSlotContent .isActiveEdit input {
        display: none;
    }

    .willsCalendarWrap .tblTimeSlotContent .isActiveEdit label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 96px;
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

        .willsCalendarWrap .tblTimeSlotContent .isActiveEdit label span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            border: 1px solid transparent;
            border-radius: 5px;
            color: #A7A7A7;
            font-size: 16px;
            font-weight: 500;
            width: 48px;
            height: 32px;
            text-transform: uppercase;
            line-height: 32px;
        }

        .willsCalendarWrap .tblTimeSlotContent .isActiveEdit label .off {
            border: 1px solid #F4196D;
            color: #F4196D;
            font-weight: 600;
        }

    .willsCalendarWrap .tblTimeSlotContent .isActiveEdit input:checked + label .on {
        border: 1px solid #14C192;
        color: #14C192;
        font-weight: 600;
    }

    .willsCalendarWrap .tblTimeSlotContent .isActiveEdit input:checked + label .off {
        border: 1px solid transparent;
        color: #A7A7A7;
        font-weight: 500;
    }

    .willsCalendarWrap .backBtn {
        padding-bottom: 20px;
    }

    .willsCalendarWrap .datepickerRow {
        margin-left: -10px;
        margin-right: -10px;
    }

    .willsCalendarWrap .datepickerCol {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }

.appDataCol .mirrorWith h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
}

    .appDataCol .mirrorWith h5 a {
        color: #1571c2;
    }
/*Schedule end*/
.attachmentAccordion .willChecklist {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
}

    .attachmentAccordion .willChecklist .collapseToggle {
        border-bottom: 1px solid #dfdfdf;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
        border-radius: 0;
        margin-bottom: 25px;
        cursor: default;
    }

        .attachmentAccordion .willChecklist .collapseToggle h4 {
            font-size: 16px;
            font-weight: 600;
            color: #8d8d8d;
            text-transform: uppercase;
            margin-bottom: 0;
        }

.border-0 {
    border: none !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.willChecklist .willsCheckboxCol {
    padding-left: 40px;
    padding-right: 40px;
    /*padding-top: 25px;*/
}

.willChecklist .willsCheckboxList {
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
    margin-top: 0;
}

    .willChecklist .willsCheckboxList li input {
        display: none;
    }

    .willChecklist .willsCheckboxList li label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
    }

        .willChecklist .willsCheckboxList li label:before {
            font-family: 'icomoon';
            content: "\e90c";
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 5px;
            background: #e9eff9;
            color: #aec9d7;
            line-height: 20px;
            font-size: 14px;
            text-align: center;
        }

    .willChecklist .willsCheckboxList li input:checked + label:before,
    .willChecklist .willsCheckboxList li input:checked + input + label:before {
        background: #14c192;
        color: #fff;
    }

.willChecklist .willsCheckboxListTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;*/
}

    .willChecklist .willsCheckboxListTab li {
        /*padding-left: 11px;*/
        padding-right: 22px;
    }

        .willChecklist .willsCheckboxListTab li label {
            font-size: 16px;
            font-weight: 500;
            color: #000;
            text-transform: uppercase;
        }

            .willChecklist .willsCheckboxListTab li label:before {
                top: 50%;
                margin-top: -10px;
            }

        .willChecklist .willsCheckboxListTab li input:disabled + label,
        .willChecklist .willsCheckboxListTab li input:disabled + input + label {
            cursor: default;
        }

.willChecklist .willsCheckboxListTab {
    padding-bottom: 30px;
    border-bottom: 2px solid #e4e8f0;
    margin-bottom: 35px;
}

.willChecklist .willsCheckboxListContent li {
    margin-bottom: 13px;
}

    .willChecklist .willsCheckboxListContent li label {
        font-size: 16px;
        font-weight: 400;
        color: #6b6b6b;
    }

    .willChecklist .willsCheckboxListContent li input:disabled + label,
    .willChecklist .willsCheckboxListContent li input:disabled + input + label {
        cursor: default;
    }

.willChecklist .willsCheckboxList.willsCheckboxListContent {
    margin-bottom: 30px;
}

.willChecklist.willChecklistConf .willsCheckboxListTab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .willChecklist.willChecklistConf .willsCheckboxListTab li {
        padding-left: 0;
        padding-right: 22px;
    }

.willChecklist .willsCheckboxList.confirmCheck li label::before {
    background: #fff;
    color: #e4e4e4;
}

.willChecklist .willsCheckboxList.confirmCheck li input:checked + label:before,
.willChecklist .willsCheckboxList.confirmCheck li input:checked + input + label:before {
    background: #fff;
    color: #14C192;
}

.willChecklist .confirmCheck {
    padding-top: 10px;
}

    .willChecklist .confirmCheck .willsCheckboxList {
        margin-bottom: 30px;
    }

    .willChecklist .confirmCheck .collapseToggle {
        padding-left: 0 !important;
    }

        .willChecklist .confirmCheck .collapseToggle h4 {
            font-size: 20px;
            color: #1e417c;
        }

.willChecklist .willsCheckboxCol h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1e417c;
    margin-bottom: 30px;
}

.willChecklist .confirmCheck label {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.willChecklist .confirmCheck .btn {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background: #1571bc;
    color: #fff;
    border-radius: 5px;
    padding: 9px 15px;
}

    .willChecklist .confirmCheck .btn:hover, .willChecklist .confirmCheck .btn:focus {
        background: #1e417c;
    }
/*signatureContainer Start*/
.signatureContainer {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    /*padding-bottom: 90px;*/
}

.affixSignatureHead .signatureHeadTop {
    padding-top: 38px;
    padding-bottom: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .affixSignatureHead .signatureHeadTop h1 {
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin-top: 0;
        margin-bottom: 0;
        text-align: right;
    }

        .affixSignatureHead .signatureHeadTop h1 span {
            font-size: 38px;
            font-weight: 600;
            display: block;
            line-height: 1.2;
        }

.affixSignatureHead .signHeadBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 38px;
}

    .affixSignatureHead .signHeadBottom .signHeadBottomLeft,
    .affixSignatureHead .signHeadBottom .signBottomRight {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .affixSignatureHead .signHeadBottom .signHeadBottomLeft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
        border-right: 1px solid #d3d3d3;
        padding-right: 25px;
    }

    .affixSignatureHead .signHeadBottom .signBottomRight {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        max-width: 58%;
        padding-left: 62px;
        padding-top: 11px;
    }

.affixSignatureHead .signHeadBottomLeft h1 {
    font-size: 41px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 2px;
}

.affixSignatureHead .signHeadBottomLeft p {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    margin-top: 0;
    margin-bottom: 10px;
}

.affixSignatureHead .signBottomRight p {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px;
}

.signatureContainer .dv-control {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    height: auto !important;
}

    .signatureContainer .dv-control::before {
        padding-top: 100%;
        display: block;
        content: "";
    }

    .signatureContainer .dv-control iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.signatureContainer .requestSign {
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: right;
}

    .signatureContainer .requestSign .btn {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        background: #000;
        border-radius: 50px;
        padding: 11px 24px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .signatureContainer .requestSign .btn:hover {
            background: #282828;
        }

.signatureContainer .signatureRow {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;*/
    /*margin-right: -15px;
  margin-left: -15px;*/
    padding-top: 40px;
    padding-bottom: 40px;
    --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

    .signatureContainer .signatureRow .signatureCol {
        /*position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  text-align: center;*/
        /*position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;*/
        -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        margin-bottom: 20px;
        /*border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;*/
        /*-ms-flex: 1 0 0%;
        flex: 1 0 0%;*/
    }

@media (max-width: 767.989px) {
    .signatureContainer .signatureRow .signatureCol {
        width: 50%;
    }
}
@media (max-width: 575.989px) {
    .signatureContainer .signatureRow .signatureCol {
        width: 100%;
    }
}

.signatureContainer .signatureCol .cardHead {
    padding: 0 1.25rem;
    text-align: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
}

.signatureContainer .signatureCol .cardBody {
    /*-ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;*/
    padding: 0 1.25rem;
}

.signatureContainer .signatureCol .signatureColBtm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.signatureContainer .signatureColBtm .leftId {
    text-align-last: left;
}

.signatureContainer .signatureColBtm .rightRefresh .btn {
    background: #3ec1cd;
    color: #fff;
    border-radius: 10px;
    border: none;
    width: 50px;
    height: 50px;
    min-width: inherit;
    padding: 0;
}

    .signatureContainer .signatureColBtm .rightRefresh .btn:hover {
        background: #2dc7d5;
    }

    .signatureContainer .signatureColBtm .rightRefresh .btn i {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }

.signatureRow .signatureCol h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 11px;
}

    .signatureRow .signatureCol h3 span {
        font-size: 14px;
        font-weight: 400;
        color: #828282;
        display: block;
    }

.signatureRow .signatureCol .imgWrap {
    border: 1px solid #302EA7;
    background: #e1e1f2;
    padding: 6px;
    border-radius: 20px;
    margin-bottom: 17px;
}

.signatureRow .signatureCol .imgContainer {
    background: url('Images/canvas-bg.png') repeat top left;
    border-radius: 20px;
}

.signatureRow .signatureCol .imgWrap img {
    vertical-align: top;
    min-height: 122px;
    max-width: 100%;
}

.signatureRow .signatureCol p {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.signatureCol .signatureColBtm span {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    display: block;
}

.signatureContainer .signatureSubmit {
    border-top: 1px solid #d4d4d4;
    padding-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px;
}

    .signatureContainer .signatureSubmit .refreshBtn {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
        padding-left: 0;
        text-decoration: none;
    }

        .signatureContainer .signatureSubmit .refreshBtn:hover {
            color: #282828;
            text-decoration: underline;
        }

    .signatureContainer .signatureSubmit .submitBtn {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        background: #302ea7;
        border-radius: 50px;
        padding: 14px 34px;
    }

        .signatureContainer .signatureSubmit .submitBtn:hover {
            background: #0a599a;
        }

        .signatureContainer .signatureSubmit .submitBtn:disabled {
            opacity: 0.65;
            cursor: default;
            background: #302ea7;
        }

.signatureContainer .emptySign {
    padding-top: 70px;
    text-align: center;
}

    .signatureContainer .emptySign h4 {
        font-size: 22px;
        font-weight: 600;
        color: #000;
        margin-top: 0;
    }

.dvDocPreviewWrap {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #707070;
    border-radius: 15px;
    overflow: hidden;
}

.signatureContainer .barCodeWraper {
    padding-top: 22px;
    padding-bottom: 22px;
}

.barCodeWraper .barCodeContainer {
    background: #f5f5f5;
    border-radius: 15px;
    padding: 18px;
}

.barCodeWraper .barCodeCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.barCodeCol .barcodeImg {
    margin-right: 27px;
}

    .barCodeCol .barcodeImg img {
        width: 250px;
    }

.barCodeCol .barcodeText h4 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.barCodeCol .barcodeText p, .barCodeCol .barcodeText p a {
    font-size: 22px;
    font-weight: 600;
    color: #003A78;
}

.barCodeCol .barcodeText p {
    margin-top: 0;
    margin-bottom: 0;
}

    .barCodeCol .barcodeText p a {
        text-decoration: none;
    }

        .barCodeCol .barcodeText p a:hover {
            text-decoration: underline;
        }

/*signatureContainer End*/
/*Modal Start*/
.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

    .modal.show {
        display: block;
        background: rgba(0,0,0,0.5);
    }

.modal {
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: -webkit-min-content;
            height: -moz-min-content;
            height: min-content;
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.willsPaymentDone {
    text-align: center;
    padding: 40px 50px 30px;
}

    .willsPaymentDone .icon-tick {
        width: 140px;
        height: 140px;
        border-radius: 140px;
        font-size: 70px;
        color: #10B589;
        border: 5px solid #10B589;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        line-height: 130px;
    }

    .willsPaymentDone h3 {
        font-size: 1.25rem;
        font-weight: 700;
        color: #10B589;
        text-transform: uppercase;
        margin-bottom: 8px;
        margin-top: 0;
    }

    .willsPaymentDone h6 {
        font-size: 1.125rem;
        font-weight: 400;
        color: #757575;
        margin-bottom: 8px;
        margin-top: 0;
    }

        .willsPaymentDone h6.mb-5 {
            margin-bottom: 48px;
        }

    .willsPaymentDone h4 {
        font-size: 1.375rem;
        font-weight: 700;
        color: #000;
        margin-bottom: 60px;
        margin-top: 0;
    }

        .willsPaymentDone h4 span {
            font-weight: 400;
        }

    .willsPaymentDone h5 {
        border-top: 1px solid #cbcbcb;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 20px;
    }

        .willsPaymentDone h5 .btn {
            font-size: 1.3125rem;
            font-weight: 700;
            color: #000;
            text-transform: uppercase;
        }
/*Modal End*/
.cmstab-content .event-list .events-right-btn.joinMoreBtns {
    /*width: 150px;
    text-align: right;*/
}

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span {
        display: block;
        float: none;
        position: relative;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .more-button + .more-button {
        margin-top: 10px;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip {
        white-space: nowrap;
        right: 10px;
        width: 170px;
        left: auto !important;
        text-align: center;
    }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip .tooltip-inner {
            width: 170px;
            text-align: center;
        }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip.top .tooltip-arrow {
            left: auto;
            right: 15px;
        }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .iconTooltip .tooltip.top .tooltip-arrow {
        right: 12px;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:hover,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:focus {
        background: #f0f0f0;
        color: #666;
        font-weight: 500;
        cursor: default;
    }

#spnGuestEmailsWrapper span {
    display: block;
    margin-bottom: 10px;
}

    #spnGuestEmailsWrapper span input[type=text] {
        margin-right: 5px;
        display: block;
        float: left;
        width: 28.2%;
    }

.rejectPopup {
    padding: 40px;
}

    .rejectPopup h2 {
        font-size: 20px;
        font-weight: 500;
        color: #1e417c;
        padding-bottom: 22px;
        margin-bottom: 22px;
        margin-top: 0;
        border-bottom: 1px solid #e4e8f0;
    }

    .rejectPopup textarea.form-control {
        height: 120px;
    }

    .rejectPopup .form-group label {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        margin-bottom: 16px;
        display: block;
    }

.cms_content:not(.open) .willsAppSearchAdd .willsAppSearch,
.cms_content:not(.open) .willsAppSearchAdd .willsAppAdd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.cms_content:not(.open) .willsAppSearchCol .form-control {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.additionalFilterWrap {
    max-width: 250px;
    margin-bottom: 10px;
}

    .additionalFilterWrap .expandfilter {
        cursor: pointer;
    }

ul.appListAction li.cancel:before {
    content: "\e90f";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 15px;
}

ul.appListAction li.unlock:before {
    content: "\e908";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 15px;
}

ul.appListAction li.unlock.edit:before {
    color: #FD9726;
}

ul.appListAction li.unlock.edit:after {
    display: none;
}

ul.appListAction li.assignee:before {
    content: "\e911";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 15px;
}

.ediTestator h5 {
    font-size: 15px;
    font-weight: 500;
    color: #a0a0a0;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e8f0;
    padding-bottom: 15px;
    margin-bottom: 18px;
    margin-top: 0;
}

.ediTestator ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .ediTestator ul li {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

        .ediTestator ul li label {
            font-size: 14px;
            font-weight: 400;
            color: #949494;
            display: block;
            margin-bottom: 8px;
        }

        .ediTestator ul li .kendoDatePicker .k-widget {
            width: 100%;
        }

            .ediTestator ul li .kendoDatePicker .k-widget .k-input {
                height: 35px;
                box-sizing: border-box;
            }

        .ediTestator ul li .phoneRow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .ediTestator ul li .phoneRow .col-5 {
                padding-left: 0;
                padding-right: 5px;
            }

            .ediTestator ul li .phoneRow .col-7 {
                padding-left: 5px;
                padding-right: 0;
            }

            .ediTestator ul li .phoneRow select {
                padding-right: 30px !important;
            }

.ediTestator .submitRow {
    border-top: 1px solid #e4e8f0;
    padding-top: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .ediTestator .submitRow .submitBtn {
        border-radius: 5px;
        color: #fff;
    }

    .ediTestator .submitRow .closeBtn {
        background: none;
        color: #000;
    }

.min-h-100 {
    min-height: 100%;
}

.digitalSign {
    text-align: center;
    padding: 40px;
    background: #fff;
}

    .digitalSign .digitalSignHead {
        border-bottom: 1px solid #dadada;
        text-align: left;
        padding-bottom: 10px;
    }

        .digitalSign .digitalSignHead h3 {
            font-size: 24px;
            font-weight: 500;
            color: #1571bc;
            margin-top: 0;
            margin-bottom: 0;
        }

        .digitalSign .digitalSignHead p {
            font-size: 16px;
            color: #6b6b6b;
            font-weight: 400;
            margin-top: 0;
            margin-bottom: 10px;
        }

    .digitalSign .digitalSignLabel input {
        display: none;
    }

    .digitalSign .digitalSignRow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 40px;
    }

        .digitalSign .digitalSignRow .digitalSignCol {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding-top: 50px;
        }

        .digitalSign .digitalSignRow .digitalSignRight {
            border-left: 1px solid #cbcbcb;
        }

    .digitalSign .digitalSignLabel label {
        display: block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

        .digitalSign .digitalSignLabel label.disabled {
            cursor: default;
            opacity: 0.5;
        }

    .digitalSign .digitalSignLabel .icon {
        position: relative;
        width: 92px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

        .digitalSign .digitalSignLabel .icon:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 30px;
            right: -12px;
            top: -12px;
            background: url('Images/sign-select.png') no-repeat center;
            background-size: cover;
            visibility: hidden;
            opacity: 0;
        }

    .digitalSign .digitalSignLabel input:checked + .icon:before {
        visibility: visible;
        opacity: 1;
    }

    .digitalSign .buttonRow input {
        padding: 10px 15px;
        width: 170px;
    }

.digitalSignForm .digitalSignHead {
    margin-bottom: 35px;
}

.digitalSignForm .buttonRow {
    padding-top: 20px;
}

.digitalSignForm .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .digitalSignForm .form-group .col-4,
    .digitalSignForm .form-group .col-8 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .digitalSignForm .form-group .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .digitalSignForm .form-group .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .digitalSignForm .form-group .k-widget {
        display: block;
        width: 100% !important;
        border: none;
        background: none;
        max-width: 100%;
    }

    .digitalSignForm .form-group .k-multiselect-wrap ul {
        padding: 0;
    }

    .digitalSignForm .form-group select,
    .digitalSignForm .form-group input {
        width: 100% !important;
        display: block;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 6px 12px !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #A8A8A8;
        border-radius: 4px;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        box-sizing: border-box;
    }

    .digitalSignForm .form-group label {
        font-size: 14px;
        font-weight: 400;
        color: #949494;
        text-align: left;
    }

    .digitalSignForm .form-group .customcheckbox {
        display: block;
        text-align: left;
    }

        .digitalSignForm .form-group .customcheckbox input {
            display: none;
        }
/*Hide*/
/*@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?o68mas');
  src:  url('fonts/icomoon.eot?o68mas#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?o68mas') format('truetype'),
    url('fonts/icomoon.woff?o68mas') format('woff'),
    url('fonts/icomoon.svg?o68mas#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
  content: "\e900";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-video-conference:before {
  content: "\e902";
}
.icon-tick:before {
  content: "\e903";
}
.icon-arrow-left:before {
  content: "\e904";
}
.icon-arrow-right:before {
  content: "\e905";
}
.icon-cancel:before {
  content: "\e906";
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?auqqor');
    src: url('../fonts/icomoon.eot?auqqor#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?auqqor') format('truetype'), url('../fonts/icomoon.woff?auqqor') format('woff'), url('../fonts/icomoon.svg?auqqor#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-issue:before {
    content: "\e903";
}
.icon-issued-history:before {
    content: "\e904";
}
.icon-verify-document:before {
    content: "\e905";
}
.icon-signature:before {
    content: "\e900";
}
.icon-approved:before {
    content: "\e901";
}
.icon-add-signature:before {
    content: "\e902";
}
.icon-pin:before {
  content: "\e906";
}
.icon-otp:before {
  content: "\e907"; 
}*/
/*Hide*/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?40h7m4');
    src: url('fonts/icomoon.eot?40h7m4#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?40h7m4') format('truetype'),
        url('fonts/icomoon.woff?40h7m4') format('woff'),
        url('fonts/icomoon.svg?40h7m4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-issue:before {
    content: "\e903";
}

.icon-issued-history:before {
    content: "\e904";
}

.icon-verify-document:before {
    content: "\e905";
}

.icon-signature:before {
    content: "\e900";
}

.icon-approved:before {
    content: "\e901";
}

.icon-add-signature:before {
    content: "\e902";
}

.icon-pin:before {
    content: "\e906";
}

.icon-otp:before {
    content: "\e907";
}

.icon-unlock:before {
    content: "\e908";
}

.icon-search:before {
    content: "\e909";
}

.icon-calendar:before {
    content: "\e90a";
}

.icon-video-conference:before {
    content: "\e90b";
}

.icon-tick:before {
    content: "\e90c";
}

.icon-arrow-left:before {
    content: "\e90d";
}

.icon-arrow-right:before {
    content: "\e90e";
}

.icon-cancel:before {
    content: "\e90f";
}

.icon-lock:before {
    content: "\e910";
}

.icon-assignee:before {
    content: "\e911";
}

.icon-reload:before {
    content: "\e912";
}

.icon-rejected:before {
    content: "\e913";
}

.icon-history:before {
    content: "\e914";
}

.icon-video:before {
    content: "\e915";
}

.icon-long-arrow-right:before {
    content: "\e916";
}

.icon-plus:before {
    content: "\e917";
}

.icon-issue-additional:before {
    content: "\e918";
}

.icon-download:before {
    content: "\e919";
}

.icon-arrow-down:before {
    content: "\e91a";
}

.icon-download:before {
    content: "\e919";
}

.icon-arrow-down:before {
    content: "\e91a";
}

.icon-arrow-up:before {
    content: "\e91b";
}
.icon-cancel-file:before {
    content: "\e91c";
}

.icon-pencil:before {
  content: "\e91d";
}
.icon-save:before {
  content: "\e91e";
}

.icon-zip:before {
    content: "\e91f";
}

.icon-info:before {
    content: "\e920";
}

.icon-cancel-file:before {
    content: "\e91c";
}
.icon-attachment:before {
    content: "\e921";
}

.icon-interview:before {
    content: "\e922";
}

.icon-bill:before {
    content: "\e923";
}

.icon-calendar-1:before {
    content: "\e924";
}





ul.action-edti-delete-payment.d-flex {
    display: flex;
    float: none;
    list-style: none;
}

    ul.action-edti-delete-payment.d-flex li:after {
        width: 27px;
        height: 20px;
        display: block;
        line-height: 20px;
        text-align: center;
    }

    ul.action-edti-delete-payment.d-flex li:last-child {
        margin-right: 0;
    }

ul.action-edti-delete li.addSignature:after {
    content: "\e902";
    position: absolute;
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 16px;
}

ul.action-edti-delete-payment li.issue:after {
    content: "\e903";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 16px;
}

ul.action-edti-delete-payment li.issue-history:after {
    content: "\e904";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 16px;
}

ul.action-edti-delete-payment li.issue-additional:after {
    content: "\e918";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 16px;
}

ul.action-edti-delete-payment li.issue-additional.disabled {
    cursor: default;
}

    ul.action-edti-delete-payment li.issue-additional.disabled:after {
        color: gray;
        opacity: 0.6;
    }

.approveReject {
    /*display: flex;*/
}

    .approveReject button.icon-button {
        border-radius: 0;
        border: none;
        background: none;
        color: #1571bc;
        min-width: auto;
        padding: 5px 10px;
    }

        .approveReject button.icon-button span {
            display: none;
        }

.otpField {
    max-width: 430px;
    padding: 15px;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

    .otpField .control-label {
        display: block;
        font-size: 18px;
        color: #2276A4;
        font-weight: 500;
        margin-bottom: 25px;
        text-align: center;
        line-height: 25px;
    }

    .otpField p {
        margin-top: 0;
        margin-bottom: 25px;
    }

        .otpField p, .otpField p a {
            font-size: 16px;
            color: #6d6f7f;
            font-weight: 400;
        }

            .otpField p a {
                font-weight: 500;
                margin-left: 10px;
                color: #000;
            }

    .otpField .otpFieldRow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 15px;
    }

        .otpField .otpFieldRow .otpInput {
            -ms-flex: 1;
            flex: 1;
            margin-right: 10px;
        }

            .otpField .otpFieldRow .otpInput input {
                margin: 0;
                /*border-radius: 0;*/
                width: 100%;
                height: 36px;
                text-align: center;
            }

    .otpField .otpButton {
        text-align: center;
    }

        .otpField .otpButton input {
            /*border-radius: 0;*/
            border: 1px solid #1571bc;
            height: 36px;
            width: 150px;
            /*border-top-right-radius: 30px;*/
            /*border-bottom-right-radius: 30px;*/
        }

ul.setPin {
    max-width: 360px;
    margin: 0 auto;
}

.rgtbtnsRow.btnRight {
    display: block;
}

.successMsg {
    text-align: center;
}

    .successMsg h2 {
        font-size: 24px;
        font-weight: 500;
        color: #000;
    }

.cms_grid .k-grid td span.status {
    width: 128px;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 8px;
    text-align: center;
}

    .cms_grid .k-grid td span.status.docPendingReview {
        background: #f8e1bc;
        color: #ff8800;
    }

    .cms_grid .k-grid td span.status.docChangeRequested {
        background: #dc818a;
        color: #fff;
    }

    .cms_grid .k-grid td span.status.docApproved {
        background: #d4ede0;
        color: #199f58;
    }

    .cms_grid .k-grid td span.status.docSigned {
        background: #ffc107;
        color: #199f58;
    }

    .cms_grid .k-grid td span.status.docSealed {
        background: #c2daee;
        color: #1571bc;
    }

    .cms_grid .k-grid td span.status.docReviewCompleted {
        background: #ebeced;
        color: #000;
    }

.assign-judge-popup ul li.selected a {
}

.assign-judge-popup .signList {
    width: 900px;
    margin: 0 auto;
}

    .assign-judge-popup .signList ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -8px;
        margin-left: -8px;
        margin-bottom: 15px;
    }

        .assign-judge-popup .signList ul li {
            position: relative;
            width: 100%;
            padding-right: 8px;
            padding-left: 8px;
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
            margin-bottom: 16px;
        }

            .assign-judge-popup .signList ul li a {
                display: block;
                cursor: pointer;
                background: #F0F4FD;
                border-radius: 8px;
                position: relative;
                padding-left: 45px;
                color: #292929;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

                .assign-judge-popup .signList ul li a:before {
                    position: absolute;
                    content: "\2713";
                    background: #fff;
                    border: 1px solid #BBC2CC;
                    width: 20px;
                    height: 20px;
                    text-align: center;
                    line-height: 20px;
                    .cms_menu ul.cms_menulist > li.cms_menu_mycases color: #BBC2CC;
                    border-radius: 20px;
                    left: 15px;
                    top: 50%;
                    margin-top: -10px;
                    font-weight: bold;
                }

            .assign-judge-popup .signList ul li.selected a:before {
                border: 1px solid #fff;
                background: #fff;
                color: #1571BC;
            }

            .assign-judge-popup .signList ul li.selected a {
                background: #1571BC;
                color: #fff;
            }

            .assign-judge-popup .signList ul li.disabled a:before {
                border: 1px solid #dadce0;
                background: #f5f5f5;
                color: #dadce0;
            }

            .assign-judge-popup .signList ul li.disabled a {
                background: #EFEFEF;
                color: #9f9f9f;
            }

.cms_grid .cms_grid {
    box-shadow: none;
}

@media (max-width: 991.98px) {
    .assign-judge-popup .signList {
        width: 100%;
    }

        .assign-judge-popup .signList ul li {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
}

@media (max-width: 575.98px) {
    .assign-judge-popup .signList ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.pinOtp {
    padding-bottom: 30px;
    max-width: 750px;
    margin: 0 auto;
}

    .pinOtp .piOtpHead {
        border-bottom: 1px solid #dadada;
        margin-bottom: 40px;
    }

        .pinOtp .piOtpHead h3 {
            font-size: 20px;
            font-weight: 500;
            color: #1571BC;
            margin: 0;
            margin-bottom: 0;
        }

            .pinOtp .piOtpHead h3:after {
                display: none;
            }

        .pinOtp .piOtpHead p {
            font-size: 14px;
            font-weight: 400;
            color: #6b6b6b;
            margin: 0;
            margin-bottom: 15px;
        }

.pinOtpRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .pinOtpRow .pinOtpCol {
        position: relative;
        width: 100%;
        padding-right: 40px;
        padding-left: 40px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center;
    }

    .pinOtpRow .pinCol {
        border-right: 1px solid #cbcbcb;
    }

    .pinOtpRow .pinOtpCol .icon {
        font-size: 74px;
        color: #1571BC;
        margin-bottom: 26px;
        display: block;
    }

    .pinOtpRow .pinOtpCol h4 {
        font-size: 20px;
        font-weight: 500;
        color: #313131;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .pinOtpRow .pinOtpCol p {
        font-size: 14px;
        font-weight: 400;
        color: #6b6b6b;
        margin-top: 0;
        margin-bottom: 15px;
    }

        .pinOtpRow .pinOtpCol p a {
            font-size: 14px;
            font-weight: 500;
            color: #1571BC;
            text-decoration: underline;
        }

            .pinOtpRow .pinOtpCol p a:hover {
                text-decoration: none;
            }

    .pinOtpRow .form-group {
        margin-bottom: 15px;
        min-height: 88px;
    }

    .pinOtpRow .form-control {
        font-size: 16px;
        width: 100%;
        height: 50px;
        border-radius: 8px;
        background: #F0F4FD;
        border: none;
        padding: 6px 12px;
        text-align: center;
        margin-bottom: 15px;
    }

    .pinOtpRow .pinOtpCol .btn {
        font-size: 18px;
        font-weight: 500;
        padding: 10px 50px;
    }

ul.action-edti-delete-payment li.icon-verify-document:before {
    content: "\e905";
    color: #1571bc;
    font-family: 'icomoon';
    font-size: 15px;
}

.pinOtpRow .pinOtpDisab:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0);
}

.pinOtpRow .pinOtpDisab .icon {
    color: #D2DAE0;
}

.pinOtpRow .pinOtpDisab h4,
.pinOtpRow .pinOtpDisab p,
.pinOtpRow .pinOtpDisab p a {
    color: #8f8f8f;
}

.pinOtpRow .pinOtpDisab .form-control {
    background: #f7f9fe;
    color: #e2e8ee;
}

.pinOtpRow .pinOtpDisab .btn {
    background: #d2dae0;
}

@media (max-width: 575.98px) {
    .pinOtpRow .pinOtpCol {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pinOtpRow .pinCol {
        border-right: none;
        border-bottom: 1px solid #cbcbcb;
        padding-bottom: 40px;
    }

    .pinOtpRow .form-group {
        min-height: inherit;
    }

    .pinOtpRow .form-control {
        height: 40px;
    }

    .pinOtpRow .pinCol {
        margin-bottom: 40px;
    }

    .pinOtpRow .pinOtpCol .icon {
        font-size: 50px;
        margin-bottom: 15px;
    }
}

.textLabel {
    padding-top: 5px;
    display: block;
}

.cms_form.documentDetails {
    padding-bottom: 0;
}

.documentDetails .note {
    padding-top: 20px;
}

    .documentDetails .note p {
        font-size: 14px;
        font-weight: 400;
        color: #5f5f5f;
        margin-top: 0;
        margin-bottom: 0;
    }

.tab_items.casesTab {
    margin-bottom: 10px;
}

ul.action-edti-delete li.credentials-send {
    width: 24px;
    height: 20px;
    background: url(Images/credentials_send.png) no-repeat 0% 50%;
}

.casenumber_link {
    color: #56a1ef;
    font-weight: 500;
    display: block;
}

.cmstab-content .event-list .events-right-btn.joinMoreBtns {
    /*width: 150px;
    text-align: right;*/
}

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span {
        display: block;
        float: none;
        position: relative;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .more-button + .more-button {
        margin-top: 10px;
    }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip {
        white-space: nowrap;
        right: 10px;
        width: 170px;
        left: auto !important;
        text-align: center;
    }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip .tooltip-inner {
            width: 170px;
            text-align: center;
        }

        .cmstab-content .event-list .events-right-btn.joinMoreBtns .tooltip.top .tooltip-arrow {
            left: auto;
            right: 15px;
        }

    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:hover,
    .cmstab-content .event-list .events-right-btn.joinMoreBtns span input.disabled:focus {
        background: #f0f0f0;
        color: #666;
        font-weight: 500;
        cursor: default;
    }

#spnGuestEmailsWrapper span {
    display: block;
    margin-bottom: 10px;
}

    #spnGuestEmailsWrapper span input[type=text] {
        margin-right: 5px;
        display: block;
        float: left;
        width: 28.2%;
    }

.myCalendar.calender-judges-wrap .k-widget.k-scheduler.k-floatwrap {
    float: none;
    width: 100%;
}

.event-calender .myCalendar .k-event .kendotooltip {
    padding-right: 0;
}

.cms_form.cms_form_popup.eventCalendarPop p.rgtbtns {
    position: fixed;
}

.cms_form.cms_form_popup.eventCalendarPop .popup_heading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.cms_form.cms_form_popup.eventCalendarPop ul {
    padding-bottom: 70px;
    padding-top: 70px;
    background: #fff;
}

.cms_form.cms_form_popup.case-party-details-popup span ul,
.cms_form.cms_form_popup.case-event-details-popup span ul {
    padding: 0;
}

    .cms_form.cms_form_popup.case-party-details-popup span ul li,
    .cms_form.cms_form_popup.case-event-details-popup span ul li {
        padding-top: 0;
    }

.searchListStyle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .searchListStyle .searchCols .searchBar {
        display: block;
    }

        .searchListStyle .searchCols .searchBar .ocr-search-input {
            width: 210px;
        }

    .searchListStyle .prevList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .searchListStyle .prevList span {
            font-size: 14px;
            font-weight: 500;
            color: #686f88;
            text-transform: uppercase;
            display: block;
            margin-right: 15px;
        }

        .searchListStyle .prevList ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 0;
            margin: 0;
            list-style: none;
        }

            .searchListStyle .prevList ul li {
                padding-left: 2px;
                padding-right: 2px;
            }

                .searchListStyle .prevList ul li .btn {
                    width: 44px;
                    height: 36px;
                    border: none;
                    min-width: inherit;
                }

                    .searchListStyle .prevList ul li .btn.group {
                        background: url('Images/grid.svg') no-repeat center;
                        background-size: 24px;
                    }

                        .searchListStyle .prevList ul li .btn.group.groupDisable {
                            background: url("Images/grid-disable.svg") no-repeat center;
                            background-size: 24px;
                        }

                    .searchListStyle .prevList ul li .btn.list {
                        background: url("Images/list.svg") no-repeat center;
                        background-size: 24px;
                    }

                        .searchListStyle .prevList ul li .btn.list.listDisable {
                            background: url("Images/list-disable.svg") no-repeat center;
                            background-size: 24px;
                        }

                .searchListStyle .prevList ul li + li {
                    border-left: 1px solid #e1e1e1;
                }

.btn.disabled, .btn:disabled {
    opacity: 0.65;
    pointer-events: none;
}

.ediTestatorForm ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

    .ediTestatorForm ul li label {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        display: block;
        text-align: left;
        float: none;
    }

ul.pendingActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dvLoadFormPreviewWrap {
    padding: 20px;
    background: #fff;
}

.dvLoadFormPreview {
    padding: 20px;
    border: 1px solid #999;
    border-radius: 5px;
}

    .dvLoadFormPreview table table {
        /*border: 1px solid #ff0000;*/
        margin-left: 0 !important;
        margin-bottom: 25px !important;
    }

        .dvLoadFormPreview table table tbody tr td:first-child {
            width: 0 !important;
        }

ul.action-edti-delete li.spntick i {
    width: 27px;
    height: 20px;
    display: block;
    line-height: 20px;
}

.bookAppCal .bookAppCalHead {
    background: #fff;
    padding: 20px 30px;
    border-bottom: 1px solid #e5e5e5;
}

    .bookAppCal .bookAppCalHead h1 {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        margin: 0;
    }

    .bookAppCal .bookAppCalHead .btn {
        font-size: 16px;
    }

.bookAppCal .bookAppCalBody {
    padding: 30px;
    max-width: 900px;
}

    .bookAppCal .bookAppCalBody .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .bookAppCal .bookAppCalBody .col-md-6 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        float: none;
    }

.bookAppCal .calenderCol {
    background: #E7F1F7;
    border-radius: 20px;
    overflow: hidden;
}

    .bookAppCal .calenderCol .appointmentCalendar {
        border: none;
        width: 100%;
    }

        .bookAppCal .calenderCol .appointmentCalendar .k-header,
        .bookAppCal .calenderCol .appointmentCalendar .k-content,
        .bookAppCal .calenderCol .appointmentCalendar .k-footer {
            background: #E7F1F7;
        }

        .bookAppCal .calenderCol .appointmentCalendar .k-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid #d6dee3;
            padding: 10px 70px;
        }

            .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-prev,
            .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-next {
                position: relative;
                top: inherit;
            }

                .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-prev .k-icon,
                .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-next .k-icon {
                    background: none;
                    opacity: 1;
                    display: block;
                    width: 26px;
                    height: 26px;
                    text-align: center;
                    line-height: 26px;
                    font-weight: bold;
                }

                    .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-prev .k-icon:before,
                    .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-next .k-icon:before {
                        font-family: "icomoon";
                        font-size: 16px;
                    }

                    .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-prev .k-icon:before {
                        content: "\e90d";
                    }

                    .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-next .k-icon:before {
                        content: "\e90e";
                    }

            .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-fast {
                font-size: 16px;
                font-weight: 700;
                color: #000;
                padding: 6px 12px;
                margin: 0;
                display: block;
                height: auto;
                width: auto;
                border-radius: 5px;
                line-height: 1.5;
            }

                .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-fast:hover,
                .bookAppCal .calenderCol .appointmentCalendar .k-header .k-nav-fast.k-state-hover {
                    /*background: #000;
  color: #fff;*/
                }

        .bookAppCal .calenderCol .appointmentCalendar .k-content thead th {
            background: #E7F1F7;
            border-bottom: 1px solid #d6dee3;
            font-size: 16px;
            font-weight: 600;
            color: #000;
            text-align: center;
            padding: 16px 0;
        }

        .bookAppCal .calenderCol .appointmentCalendar .k-content tbody tr td {
            text-align: center;
            padding: 0;
            background: none !important;
            border: none !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 4px 0;
        }

            .bookAppCal .calenderCol .appointmentCalendar .k-content tbody tr td a {
                font-size: 20px;
                font-weight: 400;
                color: #4a4e50;
                display: inline-block;
                padding: 3px 12px;
            }

            .bookAppCal .calenderCol .appointmentCalendar .k-content tbody tr td.k-state-selected a {
                font-weight: 700;
                background: #000;
                color: #fff;
            }

            .bookAppCal .calenderCol .appointmentCalendar .k-content tbody tr td.k-state-disabled {
                opacity: 0.5;
            }

        .bookAppCal .calenderCol .appointmentCalendar .k-footer {
            padding-bottom: 15px;
        }

            .bookAppCal .calenderCol .appointmentCalendar .k-footer .k-link {
                font-size: 18px;
                font-weight: 600;
                color: #000;
                opacity: 1;
                padding: 12px 0;
            }

.bookAppCal .calenderRight {
    padding-left: 35px;
}

    .bookAppCal .calenderRight h4 {
        margin-bottom: 28px;
        margin-top: 0;
    }

        .bookAppCal .calenderRight h4 label, .bookAppCal .calenderRight h4 span {
            font-size: 20px;
            font-weight: 600;
            color: #000;
        }

        .bookAppCal .calenderRight h4 span {
            font-weight: 700;
        }

    .bookAppCal .calenderRight .appointmentTime {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -6px;
        margin-right: -6px;
    }

        .bookAppCal .calenderRight .appointmentTime li {
            position: relative;
            width: 100%;
            padding-left: 6px;
            padding-right: 6px;
            padding-bottom: 20px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

            .bookAppCal .calenderRight .appointmentTime li .btn {
                font-size: 16px;
                font-weight: 600;
                background: #ddf7f0;
                border-radius: 10px;
                border: none;
                padding: 12px 15px;
                position: relative;
                display: block;
                width: 100%;
            }

                .bookAppCal .calenderRight .appointmentTime li .btn.selected {
                    /*font-weight: 700;*/
                }

                    .bookAppCal .calenderRight .appointmentTime li .btn.selected:before {
                        font-family: "icomoon";
                        content: "\e90c";
                        width: 30px;
                        height: 30px;
                        border-radius: 30px;
                        border: 2px solid #fff;
                        background: #10b589;
                        color: #fff;
                        text-align: center;
                        line-height: 26px;
                        display: block;
                        font-size: 12px;
                        position: absolute;
                        right: -10px;
                        top: -10px;
                    }

.cmstab-content .event-list h3.eventListHead .appNum {
    border-left: 2px solid #00438C;
    margin-left: 10px;
    padding-left: 10px;
}

.cmstab-content .event-list .relatedEvents h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #136cb3;
}

.cmstab-content .event-list .relatedEvents ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .cmstab-content .event-list .relatedEvents ul li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cmstab-content .event-list .relatedEvents ul li {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 35px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

        .cmstab-content .event-list .relatedEvents ul li:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #1770BA;
            left: 15px;
            top: 6px;
        }

.relatedEvents ul li .relEventName {
    font-size: 16px;
    font-weight: 400;
    color: #797a7d;
    margin-right: 0;
    display: block;
}

.relatedEvents ul li .relEventDeta {
    display: block;
}

    .relatedEvents ul li .relEventDeta label {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        margin-right: 0;
    }

        .relatedEvents ul li .relEventDeta label.endDate {
            padding-left: 15px;
            margin-left: 5px;
            position: relative;
        }

.relatedEvents ul li .relEventDetaCol label.relEventName {
    display: inline-block;
}

.relatedEvents ul li .relEventDeta label.endDate:before {
    position: absolute;
    content: "-";
    left: 0;
    top: 0;
}

.cmstab-content .event-list .doc_accordian + .doc_accordian:after {
    display: none;
}

.historyListWrap {
    padding-top: 20px;
}

    .historyListWrap .historyList {
        padding-left: 48px;
        padding-bottom: 25px;
        position: relative;
    }

        .historyListWrap .historyList:before {
            position: absolute;
            content: "";
            width: 22px;
            height: 22px;
            background: #29457f;
            border: 5px solid #dae9f5;
            border-radius: 22px;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .historyListWrap .historyList:after {
            position: absolute;
            content: "";
            left: 10px;
            top: 0;
            bottom: 0;
            width: 10px;
            border-left: 2px dashed #d6d6d6;
            z-index: 0;
        }

        .historyListWrap .historyList:last-child {
            padding-bottom: 0;
        }

            .historyListWrap .historyList:last-child:after {
                display: none;
            }

        .historyListWrap .historyList h2 {
            font-size: 16px;
            font-weight: 500;
            color: #000;
            margin-top: 0;
            margin-bottom: 0;
        }

            .historyListWrap .historyList h2 b {
                font-weight: 700;
            }

        .historyListWrap .historyList time {
            font-size: 14px;
            color: #8d8d8d;
            font-weight: 500;
            margin-bottom: 14px;
        }

        .historyListWrap .historyList p {
            font-size: 14px;
            color: #8d8d8d;
            font-weight: 400;
            margin-bottom: 10px;
        }

        .historyListWrap .historyList .judgeDoc {
            position: relative;
            padding-left: 40px;
            margin-bottom: 10px;
        }

            .historyListWrap .historyList .judgeDoc:before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                left: 0;
                top: 0;
                background: url('Images/icon-pdf.png') no-repeat center;
            }

            .historyListWrap .historyList .judgeDoc h2 {
                color: #29457F;
            }

.rejectPopup.cms_form_popup ul {
    margin-bottom: 15px;
}

    .rejectPopup.cms_form_popup ul li label {
        width: 160px;
    }

    .rejectPopup.cms_form_popup ul li > span {
        width: calc(100% - 160px);
    }

.rejectPopup.cms_form_popup p.rgtbtns {
    position: relative;
}

    .rejectPopup.cms_form_popup p.rgtbtns .btn {
        font-weight: 500;
        min-width: 115px;
        border-radius: 15px;
        line-height: 1.2;
    }

.rejectPopup.cms_form_popup .popup_img_upload .support-doc {
    display: block;
}

.cmstab-content .event-list .relatedEvents ul.relatedEventsList {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0;
}

    .cmstab-content .event-list .relatedEvents ul.relatedEventsList li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        /*border-bottom: 1px solid #d5d5d5;*/
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li.bb-1 {
            border-bottom: 1px solid #eaeaea;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li:last-child {
            /*border: none;
  padding-bottom: 0;*/
            margin-bottom: 0;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li:before {
            display: none;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li h4 {
            font-size: 18px;
            font-weight: 500;
            color: #00438c;
            margin-top: 0;
            margin-bottom: 5px;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaCol {
            display: inline-block;
            margin-right: 30px;
        }

            .cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaCol:last-child {
                margin-right: 0;
            }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li label {
            font-size: 16px;
            font-weight: 400;
            color: #000;
            margin-right: 10px;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li span {
            font-size: 16px;
            font-weight: 500;
            color: #1772c2;
            cursor: pointer;
        }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaHead {
            border-bottom: 1px solid #D5D5D5;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

.cmstab-content .appNoticeList .event-list {
    border: none;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
}

    .cmstab-content .appNoticeList .event-list .eventListHeadWrap {
        background: #F0F4FB;
        padding: 10px 15px;
    }

    .cmstab-content .appNoticeList .event-list .history-accordion-content.doc_accordian {
        background: #fff;
    }

        .cmstab-content .appNoticeList .event-list .history-accordion-content.doc_accordian:after {
            display: none;
        }

    .cmstab-content .appNoticeList .event-list h3 {
        margin: 0;
    }

    .cmstab-content .appNoticeList .event-list .appSubHead h3 span {
        display: block;
    }

    .cmstab-content .appNoticeList .event-list .appSubHead h3 {
        margin-bottom: 3px;
    }

    .cmstab-content .appNoticeList .event-list .appSubHead p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin: 0;
    }

    .cmstab-content .appNoticeList .event-list .private {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
        background: #fff;
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

    .cmstab-content .appNoticeList .event-list .status {
        text-transform: uppercase;
        border-radius: 20px;
        padding: 4px 15px;
        font-size: 14px;
        font-weight: 400;
        margin-right: 15px;
    }

        .cmstab-content .appNoticeList .event-list .status.pending {
            background: #feeba1;
            color: #ff6f00;
        }

    .cmstab-content .appNoticeList .event-list .events-right-btn .more-button,
    .cmstab-content .appNoticeList .event-list .events-right-btn .document_spn {
        float: none;
    }

    .cmstab-content .appNoticeList .event-list .history-accordion-content.doc_accordian {
        margin: 0;
        padding-top: 0;
    }

    .cmstab-content .appNoticeList .event-list .doc_accordianWrap {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .cmstab-content .appNoticeList .event-list .doc_accordian h2 {
        font-size: 18px;
        font-weight: 700;
        color: #00438c;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 10px;
        margin: 0;
        margin-bottom: 20px;
    }

    .cmstab-content .appNoticeList .event-list .docWraper {
        background: #F0F4FB;
        padding: 10px 15px;
    }

        .cmstab-content .appNoticeList .event-list .docWraper .document-list-left {
            margin-top: 0;
        }

        .cmstab-content .appNoticeList .event-list .docWraper .document-list {
            margin-top: 0;
            margin-bottom: 10px;
        }

            .cmstab-content .appNoticeList .event-list .docWraper .document-list:last-child {
                margin-bottom: 0;
            }

.tab_items .tabItemsRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .tab_items .tabItemsRow .tabItemsNav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .tab_items .tabItemsRow .tabItemsNav ul,
        .tab_items .tabItemsRow .tabItemsIcons ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 0;
            margin: 0;
            list-style: none;
        }

            .tab_items .tabItemsRow .tabItemsNav ul li span {
                padding-left: 15px;
                padding-right: 15px;
            }

            .tab_items .tabItemsRow .tabItemsIcons ul li {
                border-right: 1px solid #ebebeb;
            }

                .tab_items .tabItemsRow .tabItemsIcons ul li span {
                    padding: 5px 10px;
                    border: none;
                    font-size: 20px;
                }

                    .tab_items .tabItemsRow .tabItemsIcons ul li span .icon-video {
                        font-size: 22px;
                    }

                .tab_items .tabItemsRow .tabItemsIcons ul li:last-child {
                    border-right: none;
                }

.latestEventInfo ul {
    margin-top: 0;
    margin-bottom: 45px;
    padding-left: 0;
    list-style: none;
    border: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #fcfcfc;
}

.latestEventInfo, .caseRemedySoughtWrap {
    max-width: 1100px;
    margin: 0 auto;
}

    .latestEventInfo ul li {
        position: relative;
        width: 100%;
        padding: 5px 15px;
        padding-left: 34px;
        border-right: 1px solid #e9e9e9;
        position: relative;
    }

        .latestEventInfo ul li:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #1571bc;
            top: 12px;
            left: 15px;
        }

        .latestEventInfo ul li:last-child {
            border: none;
        }

        .latestEventInfo ul li.col-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 36%;
            flex: 0 0 36%;
            max-width: 36%;
        }

        .latestEventInfo ul li.col-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 28%;
            flex: 0 0 28%;
            max-width: 28%;
        }

        .latestEventInfo ul li label {
            font-size: 16px;
            color: #989898;
            font-weight: 400;
            margin-right: 5px;
        }

        .latestEventInfo ul li span {
            font-size: 16px;
            color: #1571bc;
            font-weight: 500;
        }

.caseRemedySoughtWrap {
    padding-top: 40px;
}

    .caseRemedySoughtWrap .caseRemedySoughtCol {
        background: #fcfcfc;
        border: 1px solid #e9e9e9;
        padding: 15px;
        padding-left: 34px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .caseRemedySoughtWrap .caseRemedySoughtCol:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #1571bc;
            top: 20px;
            left: 15px;
        }

        .caseRemedySoughtWrap .caseRemedySoughtCol label {
            font-size: 14px;
            font-weight: 400;
            color: #939393;
            margin-right: 15px;
        }

        .caseRemedySoughtWrap .caseRemedySoughtCol span {
            font-size: 14px;
            font-weight: 500;
            color: #3d3d3d;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

.caseinformationbox h3 {
    font-size: 16px;
    font-weight: 500;
    color: #1571bc;
}

label[tabindex] {
    outline-width: 0;
}

.appStatus {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}

    .appStatus.Pending {
        background: #E6BC0A;
    }

    .appStatus.Rejected {
        background: #E8255A;
    }

    .appStatus.Approved {
        background: #31CBB9;
    }

    .appStatus.Re-Submitted {
        background: #F7940D;
    }

#dvViewInternalMail .messageContent {
    padding-bottom: 75px;
    background: #fff;
}

.caseInfoBoxWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8e8e8;
}

    .caseInfoBoxWrap .caseInfoBox {
        position: relative;
        width: 100%;
        padding: 0 40px;
        padding-bottom: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        border: none;
        border-right: 1px solid #e8e8e8;
        margin: 0;
        background: #fff;
        float: none;
        text-align: left;
    }

        .caseInfoBoxWrap .caseInfoBox:first-child {
            padding-left: 0;
        }

        .caseInfoBoxWrap .caseInfoBox:last-child {
            border-right: none;
            padding-right: 0;
        }

        .caseInfoBoxWrap .caseInfoBox img {
            margin-bottom: 20px;
            display: block;
        }

        .caseInfoBoxWrap .caseInfoBox h3 {
            font-size: 20px;
            font-weight: 500;
            color: #000;
            margin-top: 0;
            margin-bottom: 35px;
        }

        .caseInfoBoxWrap .caseInfoBox ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -10px;
            margin-left: -10px;
        }

            .caseInfoBoxWrap .caseInfoBox ul li label,
            .caseInfoBoxWrap .caseInfoBox ul li .caseInfoValue {
                position: relative;
                width: 100%;
                padding-right: 10px;
                padding-left: 10px;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }

                .caseInfoBoxWrap .caseInfoBox ul li label.w-100 {
                    -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
                    max-width: 100%;
                }

                .caseInfoBoxWrap .caseInfoBox ul li .caseInfoValue > span {
                    display: block;
                }

                .caseInfoBoxWrap .caseInfoBox ul li .caseInfoValue .appNum {
                    font-size: 16px;
                    font-weight: 500;
                    color: #1571BC;
                }

                .caseInfoBoxWrap .caseInfoBox ul li .caseInfoValue .appDate {
                    font-size: 14px;
                    font-weight: 400;
                    color: #4D4D4D;
                }

            .caseInfoBoxWrap .caseInfoBox ul li label {
                font-size: 16px;
                font-weight: 400;
                color: #7f7f7f;
            }

            .caseInfoBoxWrap .caseInfoBox ul li span {
                font-size: 16px;
                font-weight: 500;
                color: #1571bc;
            }

.caseRemedySoughtWrap h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-top: 0;
    margin-bottom: 28px;
}

.caseRemedySoughtWrap .claimValue ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

    .caseRemedySoughtWrap .claimValue ul .usAmount {
        font-size: 28px;
        font-weight: 500;
        color: #1571BC;
    }

    .caseRemedySoughtWrap .claimValue ul .aedAmount {
        font-size: 20px;
        font-weight: 400;
        color: #4D4D4D;
    }

.caseRemedySoughtWrap p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    font-size: 16px;
    font-weight: 400;
    color: #1571bc;
    cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

.cmstab-content .appNoticeList .event-list .eventListHead .dFlexrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cmstab-content .appNoticeList .event-list .eventListHead .cont {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cmstab-content .appNoticeList .event-list .eventListHead .num {
    font-size: 18px;
    font-weight: 500;
    color: #00438c;
    padding-right: 5px;
}

.cmstab-content .appNoticeList .event-list .eventListHead .cont .title {
    font-size: 18px;
    font-weight: 500;
    color: #00438c;
    display: block;
    margin-bottom: 3px;
}

.cmstab-content .appNoticeList .event-list .eventListHead .cont label {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: block;
}

    .cmstab-content .appNoticeList .event-list .eventListHead .cont label span {
        color: #00438c;
    }

.cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaHead {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding-right: 25px;
}

    .cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaHead h4 {
        margin-bottom: 0;
    }

        .cmstab-content .event-list .relatedEvents ul.relatedEventsList li .relEventDetaHead h4 span {
            color: #000;
            border-left: 2px solid #00438c;
            padding-left: 5px;
            margin-left: 5px;
        }

.cmstab-content .event-list .events-right-btn.eventsRightBtn {
    position: relative;
    height: auto;
    top: inherit;
    right: inherit;
}

.relEventDetaBody {
    padding-left: 25px;
    padding-right: 25px;
}

    .relEventDetaBody .relEventDetaWrap {
        background: #F0F4FB;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

        .relEventDetaBody .relEventDetaWrap .relEventDetaLeft,
        .relEventDetaBody .relEventDetaWrap .relEventDetaRight {
            position: relative;
            width: 100%;
            float: none;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: 15px;
            padding-right: 15px;
        }

            .relEventDetaBody .relEventDetaWrap .relEventDetaRight .doc_viewer {
                float: none;
                width: 100%;
                display: block;
                position: relative;
            }

                .relEventDetaBody .relEventDetaWrap .relEventDetaRight .doc_viewer iframe {
                    width: 100%;
                }

            .relEventDetaBody .relEventDetaWrap .relEventDetaLeft .document-list {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
            }

.cmstab-content .event-list .relatedEvents ul.relatedEventsList li span .date {
    color: #000;
    border-left: 2px solid #00438c;
    padding-left: 5px;
    margin-left: 5px;
}

.latestEventInfo ul {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 0;
    list-style: none;
    border: 1px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #fcfcfc;
}

.latestEventInfo, .caseRemedySoughtWrap {
    max-width: 1100px;
    margin: 0 auto;
}

    .latestEventInfo ul li {
        position: relative;
        width: 100%;
        padding: 5px 15px;
        padding-left: 34px;
        border-right: 1px solid #e9e9e9;
        position: relative;
    }

        .latestEventInfo ul li:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #1571bc;
            top: 12px;
            left: 15px;
        }

        .latestEventInfo ul li:last-child {
            border: none;
        }

        .latestEventInfo ul li.col-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 36%;
            flex: 0 0 36%;
            max-width: 36%;
        }

        .latestEventInfo ul li.col-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 28%;
            flex: 0 0 28%;
            max-width: 28%;
        }

        .latestEventInfo ul li label {
            font-size: 16px;
            color: #989898;
            font-weight: 400;
            margin-right: 5px;
        }

        .latestEventInfo ul li span {
            font-size: 16px;
            color: #1571bc;
            font-weight: 500;
        }

.caseRemedySoughtWrap {
    padding-top: 23px;
}

    .caseRemedySoughtWrap .caseRemedySoughtCol {
        background: #fcfcfc;
        border: 1px solid #e9e9e9;
        padding: 15px;
        padding-left: 34px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .caseRemedySoughtWrap .caseRemedySoughtCol:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background: #1571bc;
            top: 20px;
            left: 15px;
        }

        .caseRemedySoughtWrap .caseRemedySoughtCol label {
            font-size: 14px;
            font-weight: 400;
            color: #939393;
            margin-right: 15px;
        }

        .caseRemedySoughtWrap .caseRemedySoughtCol span {
            font-size: 14px;
            font-weight: 500;
            color: #3d3d3d;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

.caseinformationbox h3 {
    font-size: 16px;
    font-weight: 500;
    color: #1571bc;
}

label[tabindex] {
    outline-width: 0;
}

.appStatus {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}

    .appStatus.Pending {
        background: #E6BC0A;
    }

    .appStatus.Rejected {
        background: #E8255A;
    }

    .appStatus.Approved {
        background: #31CBB9;
    }

    .appStatus.Re-Submitted {
        background: #F7940D;
    }

#dvViewInternalMail .messageContent {
    padding-bottom: 75px;
    background: #fff;
}

.divMedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.divMmediaBody {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.uploadAttachment {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
}

    .uploadAttachment h2 {
        font-size: 20px;
        font-weight: 500;
        color: #000;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .uploadAttachment .divRow {
        margin-left: -11px;
        margin-right: -11px;
    }

        .uploadAttachment .divRow .col-8,
        .uploadAttachment .divRow .col-6,
        .uploadAttachment .divRow .col-4 {
            padding-left: 11px;
            padding-right: 11px;
        }

    .uploadAttachment .attachmentWrap {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 32px;
        margin-bottom: 32px;
        border-bottom: 1px solid #e4e8f0;
    }

    .uploadAttachment .documentRightBtn {
        padding-left: 22px;
    }

        .uploadAttachment .documentRightBtn input {
            display: none;
        }

    .uploadAttachment .attachmentWrap .form-control-label {
        font-size: 13px;
        color: #65697b;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .uploadAttachment .attachmentWrap .form-control {
        height: 40px;
        font-size: 16px;
        font-weight: 400;
        color: #000;
    }

    .uploadAttachment .documentRightBtn .btn {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        border: none;
        padding: 10px 30px 9px;
    }

.existingAttachment {
    padding-left: 30px;
    padding-right: 30px;
}

.existingWrap {
    padding: 30px 25px;
    list-style: none;
    margin-bottom: 0;
    background: #f0f4fb;
}

    .existingWrap li {
        padding: 19px 25px;
        display: block;
        border: 1px solid transparent;
        transition: all 0.3s ease-in-out;
    }

        .existingWrap li:hover, .existingWrap li.active {
            background: #fff;
            border: 1px solid #ACCEEA;
        }

        .existingWrap li .divMedia img {
            width: 30px;
            margin-right: 18px;
        }

        .existingWrap li .divMedia h4 {
            font-size: 18px;
            font-weight: 600;
            color: #29457F;
            margin: 0;
        }

        .existingWrap li .divMedia label {
            font-size: 14px;
            font-weight: 500;
            color: #8d8d8d;
            margin: 0;
        }

    .existingWrap .existingControls .btn {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .existingWrap .existingControls .btnReplace {
        text-transform: none;
        color: #1e417c;
    }

        .existingWrap .existingControls .btnReplace:hover {
            color: #1571bc;
        }

.createDocRow .createDocCol .icon {
    margin-bottom: 15px;
}

.createDocRow .createDocCol img {
    height: 75px;
}

.createDocRow .createDocCol label {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 25px;
}

.createDoc .createDocRow .createDocCol {
    padding-left: 35px;
    padding-right: 35px;
}

.createDocRow .createDocCol .btn {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 10px 12px;
}

.cms_form .docTypeList {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 15px;
}

    .cms_form .docTypeList li {
        position: relative;
        width: 100%;
        padding: 0 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 30px;
        overflow: inherit;
    }

.docTypeList li input {
    display: none;
}

.cms_form .docTypeList li > label {
    display: block;
    width: 100%;
    height: 100%;
    float: none;
    padding: 0;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.docTypeList li .labelWrap {
    height: 100%;
    height: 100%;
    display: block;
    background: #f0f4fb;
    border-top: 5px solid #f0f4fb;
    padding: 30px;
    padding-bottom: 40px;
    position: relative;
}

    .docTypeList li .labelWrap b,
    .docTypeList li .labelWrap,
    .docTypeList li .labelWrap .iconArrow,
    .docTypeList li .labelWrap .icon {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .docTypeList li .labelWrap b {
            font-size: 18px;
            font-weight: 500;
            color: #313131;
            display: block;
            margin-bottom: 10px;
        }

.docTypeList li input:checked + .labelWrap {
    background: #fff;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.16);
    border-top: 5px solid #1571BC;
}

    .docTypeList li input:checked + .labelWrap b {
        color: #1571bc;
    }

    .docTypeList li input:checked + .labelWrap .iconArrow {
        color: #1E417C;
    }

.docTypeList li .labelWrap .desc {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #646669;
    margin-bottom: 12px;
}

.docTypeList li .labelWrap .iconArrow {
    color: #e1e1e1;
    bottom: 20px;
    left: 30px;
    position: absolute;
    width: 25px;
    height: 20px;
    font-size: 22px;
    font-weight: bold;
}

.docTypeList li .labelWrap .icon {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 25px;
    background: #e1e1e1;
    color: #646464;
    border-radius: 50px;
}

    .docTypeList li .labelWrap .icon i {
        display: block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 30px;
    }

.docTypeList li input:checked + .labelWrap .icon {
    background: #1571bc;
    color: #fff;
}

.titleHead {
    margin-bottom: 15px;
}

    .titleHead.bdrBtm {
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .titleHead .popup_heading {
        padding-bottom: 0;
    }

    .titleHead .titleHeadBtn .btn {
        float: none;
        margin: 0;
        margin-right: 3px;
    }

        .titleHead .titleHeadBtn .btn + .btn {
            margin-right: 0;
        }

.willChecklist .willsCheckboxCol .errorMsg {
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
}

.text-blue {
    color: #29457f !important;
}

.text-normal {
    text-transform: none !important;
}

.attachmentAccordion .willChecklist.willCopyView {
    max-width: 100%;
}

    .attachmentAccordion .willChecklist.willCopyView .document-list a h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

span.casebundle {
    background: url('Images/ebundle-icon.png') no-repeat;
    font-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 5px 0px 0px 10px;
    float: left;
}
/*Hearing Decision Start*/
.hearingDecision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
}

    .hearingDecision .hearingDecTitle {
        margin-right: 1.5rem;
    }

        .hearingDecision .hearingDecTitle h5 {
            font-size: 12px;
            font-weight: 500;
            color: #1e417c;
            margin: 0;
            padding: 6px 12px;
            background: #cfe7fa;
            border-radius: 30px;
        }

    .hearingDecision .hearingDecCnt {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .hearingDecision .hearingDecCnt h4 {
            font-size: 16px;
            font-weight: 600;
            color: #1e417c;
            margin: 0;
            margin-bottom: 5px;
        }

        .hearingDecision .hearingDecCnt ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 10px;
            list-style: none;
        }

            .hearingDecision .hearingDecCnt ul li {
                margin-right: 16px;
            }

                .hearingDecision .hearingDecCnt ul li span {
                    font-size: 14px;
                    font-weight: 400;
                    color: #000;
                }

                .hearingDecision .hearingDecCnt ul li label {
                    font-size: 14px;
                    font-weight: 500;
                    color: #1571c2;
                }

        .hearingDecision .hearingDecCnt p {
            font-size: 14px;
            font-weight: 400;
            color: #0a283d;
        }

.document_spn .icon {
    width: 28px;
    height: 28px;
    border-radius: 28px;
    border: 2px solid #1571bc;
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #1e417c;
}

.document_spn span.disabled {
    cursor: default;
}

    .document_spn span.disabled .icon {
        border: 2px solid grey;
        color: grey;
    }

.document_spn .icon.icon-plus:before {
    font-family: 'icomoon';
    content: "\e917";
}
/*Hearing Decision End*/
.digitalSign .checkBoxrow {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e6e6e6;
}

    .digitalSign .checkBoxrow label {
        font-size: 14px;
        font-weight: 400;
        color: #8c8c8c;
        cursor: pointer;
    }

.digitalSign .addRecipients {
    padding-left: 0;
    margin-bottom: 30px;
    list-style: none;
}

    .digitalSign .addRecipients .cal_lbl {
        font-size: 14px;
        font-weight: 400;
        color: #8c8c8c;
        text-transform: uppercase;
        display: block;
        text-align: left;
        margin-bottom: 0.875rem;
    }

    .digitalSign .addRecipients li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: 10px;
    }

        .digitalSign .addRecipients li .nameCol, .digitalSign .addRecipients li .emailCol, .digitalSign .addRecipients li .addBtn {
            position: relative;
            width: 100%;
            padding-right: 5px;
            padding-left: 5px;
        }

        .digitalSign .addRecipients li .nameCol, .digitalSign .addRecipients li .emailCol {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
        }

            .digitalSign .addRecipients li .nameCol input, .digitalSign .addRecipients li .emailCol input {
                font-size: 14px;
                font-weight: 400;
                color: #8c8c8c;
                width: 100%;
                height: 32px;
                border-radius: 5px;
                border: 1px solid #707070;
                outline: none !important;
            }

        .digitalSign .addRecipients li .addBtn {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }

            .digitalSign .addRecipients li .addBtn input {
                font-size: 14px;
                font-weight: 600;
                width: 100%;
                background: #fff;
                color: #1571bc;
                border: 1px solid #1571bc;
                height: 32px;
            }

                .digitalSign .addRecipients li .addBtn input:hover {
                    color: #fff;
                    background: #1571bc;
                }

.cms_form h3.popupHead {
    margin-left: 0;
    margin-bottom: 16px;
    border: none;
    padding-top: 10px;
}

    .cms_form h3.popupHead:after {
        display: none;
    }

.joinMoreBtns .joinBtn {
    margin-top: 12px;
    text-align: right;
}
/*.joinMoreBtns .joinBtn .btn-document {
  margin-left: 0 !important;
  margin-right: 0 !important;
}*/
.cmstab-content .event-list .eventListHeadWrap .eventsRight {
    position: relative;
    top: inherit;
    height: auto;
    right: inherit;
}

    .cmstab-content .event-list .eventListHeadWrap .eventsRight .more-button input {
        margin-right: 0 !important;
    }
/**/
.willChecklist .willsCheckboxCol.willPartyHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding-bottom: 30px;
    border-bottom: 2px solid #e4e8f0;
    margin-bottom: 35px;
    padding-top: 30px;
}

    .willChecklist .willsCheckboxCol.willPartyHead h3 {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 38px;
    }

    .willChecklist .willsCheckboxCol.willPartyHead .willsCheckboxListTab {
        padding: 0;
        margin-bottom: 0;
        border: none;
    }

.willChecklist .willPartyHead .willsCheckboxListTab li {
    padding-right: 8px;
}

    .willChecklist .willPartyHead .willsCheckboxListTab li:last-child {
        padding-right: 0;
    }

    .willChecklist .willPartyHead .willsCheckboxListTab li label {
        border: 1px solid #95a7c6;
        color: #95a7c6;
        text-transform: none;
        padding: 11px;
        padding-left: 35px;
        border-radius: 5px;
    }

        .willChecklist .willPartyHead .willsCheckboxListTab li label:before {
            color: #95a7c6;
            background: none;
            left: 10px;
        }

.willChecklist .willsCheckboxList.confirmCheck li input:checked + input + label {
    background: #1e417c;
    color: #fff;
}

    .willChecklist .willsCheckboxList.confirmCheck li input:checked + input + label::before {
        background: none;
    }

.codePhone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 420px;
}

    .codePhone .codeLft {
        margin-right: 12px;
    }

        .codePhone .codeLft select {
            width: 80px;
        }

    .codePhone .phoneRht {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }


.approveReject.uaePassRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cmsLognBox .cmsLognCol {
    margin: 0px;
    padding: 50px 0px 0px 40px;
    border-left: 1px solid rgba(255,255,255,.5);
    max-width: 280px;
    min-height: 100%;
}

.approveReject.uaePassRow button {
    /* margin-right: 5px; */
}

    .approveReject.uaePassRow button:last-child {
        /* margin-right: 0; */
    }

.approveReject button.uaePass {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Rubik', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

    .approveReject button.uaePass:hover {
        color: #1571bc;
    }

    .approveReject button.uaePass img {
        width: 20px;
        margin-right: 5px;
    }

    .approveReject button.uaePass span.text {
        display: block;
    }

.cmsLognBox .cmsLognCol ul {
    padding: 0;
    border: 0;
}

.cmsLognBox .cmsLognCol .signWith {
    padding-top: 5px;
}

    .cmsLognBox .cmsLognCol .signWith p {
        text-align: center;
        margin-top: 0;
        margin-bottom: 14px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
    }

    .cmsLognBox .cmsLognCol .signWith .btn {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        background: #000;
        border-radius: 24px;
        color: #fff;
        text-decoration: none;
        padding: 8px 20px;
    }

        .cmsLognBox .cmsLognCol .signWith .btn img {
            margin-right: 12px;
        }

        .cmsLognBox .cmsLognCol .signWith .btn:hover {
            background: rgba(0, 0, 0, 0.75);
        }

.userRow {
    padding: 20px 30px;
}

    .userRow h2 {
        font-size: 23px;
        font-weight: 600;
        color: #1e417c;
        margin-top: 0;
        margin-bottom: 28px;
    }

    .userRow .userRowWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .userRow .userRowWrap .userColWrap {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
            margin-bottom: 30px;
        }

        .userRow .userRowWrap .userColEmpty {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 30px;
        }

        .userRow .userRowWrap .userColEmptyCnt {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 150px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

.userColWrap .userCol {
    background: #f0f4fb;
    border-radius: 10px;
    padding: 16px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    height: 100%;
}

    .userColWrap .userCol .userImage {
        width: 50px;
        margin-right: 18px;
    }

        .userColWrap .userCol .userImage img {
            width: 50px;
            height: 50px;
            -o-object-fit: cover;
            object-fit: cover;
            vertical-align: top;
        }

    .userColWrap .userCol .userData {
        flex: 1;
        overflow: hidden;
    }

        .userColWrap .userCol .userData h4 {
            font-size: 18px;
            font-weight: 500;
            color: #000;
            line-height: 1.2;
            margin-top: 0;
            margin-bottom: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .userColWrap .userCol .userData p {
            font-size: 16px;
            font-weight: 400;
            color: #77797d;
            margin-top: 0;
            margin-bottom: 0;
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .userColWrap .userCol .userData .status {
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 20px;
            position: relative;
            padding: 3px 12px;
            padding-left: 25px;
        }

            .userColWrap .userCol .userData .status:before {
                position: absolute;
                content: "";
                left: 8px;
                top: 50%;
                margin-top: -5px;
                width: 10px;
                height: 10px;
                border-radius: 10px;
            }

            .userColWrap .userCol .userData .status.pending {
                border: 1px solid #f47f1a;
                color: #f47f1a;
            }

                .userColWrap .userCol .userData .status.pending:before {
                    background: #f47f1a;
                }

        .userColWrap .userCol .userData .status {
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 20px;
            position: relative;
            padding: 3px 12px;
            padding-left: 25px;
        }

            .userColWrap .userCol .userData .status:before {
                position: absolute;
                content: "";
                left: 8px;
                top: 50%;
                margin-top: -5px;
                width: 10px;
                height: 10px;
                border-radius: 10px;
            }

            .userColWrap .userCol .userData .status.pending {
                border: 1px solid #f47f1a;
                color: #f47f1a;
            }

                .userColWrap .userCol .userData .status.pending:before {
                    background: #f47f1a;
                }


.topHeadWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .topHeadWrap .cms_breadcrumb {
        margin-bottom: 0;
    }

.userHeadWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 30px;
}

    .userHeadWrap .userHeadTitle h2 {
        font-size: 25px;
        font-weight: 500;
        color: #1571c2;
        margin-top: 0;
        margin-bottom: 0;
    }

    .userHeadWrap .userHeadSearch select, .userHeadWrap .userHeadSearch input {
        width: 120px !important;
    }

.timeSheetList {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .timeSheetList .tmSheetHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
    }

        .timeSheetList .tmSheetHead .tmSheetLeftWrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .timeSheetList .tmSheetHead .tmYearHour {
            font-size: 20px;
            color: #1e417c;
            font-weight: 500;
            width: 190px;
            display: block;
        }

        .timeSheetList .tmSheetHead .tmHours {
            font-size: 14px;
            color: #1e417c;
            font-weight: 500;
            background: #f0f4fb;
            padding: 5px 18px;
            display: block;
            border-radius: 30px;
        }

        .timeSheetList .tmSheetHead .tmAmount {
            font-size: 20px;
            color: #1e417c;
            font-weight: 400;
            border-left: 1px solid #707070;
            margin-left: 16px;
            padding-left: 20px;
        }

            .timeSheetList .tmSheetHead .tmAmount .tmDollar {
                font-weight: 500;
            }

.dropdown {
    position: relative;
}

    .dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .dropdown.open .dropdown-menu {
        display: block;
    }

.timeSheetList .tmSheetHead .dropdown-menu {
    width: 210px;
    left: auto;
    right: 0;
    float: none;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    padding: 12px 13px;
}

    .timeSheetList .tmSheetHead .dropdown-menu ul {
        padding: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .timeSheetList .tmSheetHead .dropdown-menu ul li {
            border-bottom: 1px solid #e1e1e1;
            padding-left: 24px;
            position: relative;
            padding-bottom: 9px;
            margin-bottom: 3px;
        }

            .timeSheetList .tmSheetHead .dropdown-menu ul li:before {
                width: 8px;
                height: 8px;
                position: absolute;
                content: "";
                background: #1e417c;
                border-radius: 8px;
                left: 0;
                top: 8px;
            }

            .timeSheetList .tmSheetHead .dropdown-menu ul li:last-child {
                border: 0;
            }

            .timeSheetList .tmSheetHead .dropdown-menu ul li span {
                font-size: 16px;
                font-weight: 400;
                color: #1e417c;
                cursor: pointer;
                display: block;
                width: 100%;
            }

                .timeSheetList .tmSheetHead .dropdown-menu ul li span b {
                    font-weight: 500;
                }

.timeSheetList .tmSheetHead .tmSheetRightWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tmSheetHead .tmSheetRightWrap .tmIcon {
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 9px;
    font-size: 32px;
    border-radius: 32px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}

    .tmSheetHead .tmSheetRightWrap .tmIcon:hover {
        opacity: 0.85;
    }

    .tmSheetHead .tmSheetRightWrap .tmIcon .tmIconApprove {
        color: #14c192;
    }

    .tmSheetHead .tmSheetRightWrap .tmIcon .tmIconReject {
        color: #f47619;
    }

    .tmSheetHead .tmSheetRightWrap .tmIcon i,
    .tmSheetHead .tmSheetRightWrap .tmIcon i:before {
        width: 32px;
        height: 32px;
        display: block;
        line-height: 32px;
    }

.timeSheetList .tmSheetHead .dropdown {
    padding-right: 20px;
    border-right: 1px solid #707070;
    margin-right: 14px;
}

    .timeSheetList .tmSheetHead .dropdown button {
        border-radius: 0;
        background: none;
        border: 0;
        padding: 0;
        min-width: inherit;
        display: block;
    }

        .timeSheetList .tmSheetHead .dropdown button:hover {
            opacity: 0.85;
        }

    .timeSheetList .tmSheetHead .dropdown .icon-download {
        font-size: 32px;
        display: block;
        color: #1e417c;
    }

.timeSheetList .tmSheetHead .togleIcon {
    display: block;
}

    .timeSheetList .tmSheetHead .togleIcon i {
        display: block;
        width: 32px;
        height: 32px;
        border: 1px solid #1e417c;
        text-align: center;
        line-height: 32px;
        font-size: 18px;
        color: #1e417c;
        cursor: pointer;
        border-radius: 32px;
    }

.cmsLognBox .cmsLognCol {
    margin: 0px;
    padding: 50px 0px 0px 40px;
    border-left: 1px solid rgba(255,255,255,.5);
    max-width: 280px;
    min-height: 100%;
}

    .cmsLognBox .cmsLognCol ul {
        padding: 0;
        border: 0;
    }

    .cmsLognBox .cmsLognCol .signWith {
        padding-top: 5px;
    }

        .cmsLognBox .cmsLognCol .signWith p {
            text-align: center;
            margin-top: 0;
            margin-bottom: 14px;
            font-size: 16px;
            font-weight: 400;
            color: #fff;
        }

        .cmsLognBox .cmsLognCol .signWith .btn {
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            background: #000;
            border-radius: 24px;
            color: #fff;
            text-decoration: none;
            padding: 8px 20px;
        }

            .cmsLognBox .cmsLognCol .signWith .btn img {
                margin-right: 12px;
            }

            .cmsLognBox .cmsLognCol .signWith .btn:hover {
                background: rgba(0, 0, 0, 0.75);
            }

        .timeSheetList .tmSheetHead .togleIcon i:before {
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
        }

.cms_headerLinks label .inWork img {
    width: 22px;
    margin-left: 5px;
}

.approveReject.uaePassRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .approveReject.uaePassRow button {
        /* margin-right: 5px; */
    }

        .approveReject.uaePassRow button:last-child {
            /* margin-right: 0; */
        }

.approveReject button.uaePass {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Rubik', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

    .approveReject button.uaePass:hover {
        color: #1571bc;
    }

    .approveReject button.uaePass img {
        width: 20px;
        margin-right: 5px;
    }

    .approveReject button.uaePass span.text {
        display: block;
    }
    .approveReject button.uaePass .icon-signature {
        color: #1571bc;
    }

    .approveReject button.uaePass .icon-signature {
        color: #1571bc;
    }

.userNameRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .userNameRow .userName {
        flex: 1;
    }

span.onleave {
    /*background: url('Images/icon-onleave.png') no-repeat;*/
    background: url('Images/icon-onleeve.png') no-repeat;
    background-size: cover;
    font-size: 15px;
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 3px;
    margin-left: 10px;
}

.cms_headerLinks label.changeConfirm {
    padding: 0 20px;
    cursor: pointer;
}

    .cms_headerLinks label.changeConfirm span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
    }

        .cms_headerLinks label.changeConfirm span img {
            margin: 0;
        }

.willsHistAccordian .histAccordian {
    padding-top: 0;
}

    .willsHistAccordian .histAccordian:before {
        display: none;
    }

    .willsHistAccordian .histAccordian .histAccordianHead {
        padding-left: 0;
        margin-bottom: 20px;
    }

.cmsLognBox .cmsLognCol {
    margin: 0px;
    padding: 50px 0px 0px 40px;
    border-left: 1px solid rgba(255,255,255,.5);
    max-width: 280px;
    min-height: 100%;
}

    .cmsLognBox .cmsLognCol ul {
        padding: 0;
        border: 0;
    }

    .cmsLognBox .cmsLognCol .signWith {
        padding-top: 5px;
    }

        .cmsLognBox .cmsLognCol .signWith p {
            text-align: center;
            margin-top: 0;
            margin-bottom: 14px;
            font-size: 16px;
            font-weight: 400;
            color: #fff;
        }

        .cmsLognBox .cmsLognCol .signWith .btn {
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            background: #000;
            border-radius: 24px;
            color: #fff;
            text-decoration: none;
            padding: 8px 20px;
        }

            .cmsLognBox .cmsLognCol .signWith .btn img {
                margin-right: 12px;
            }

            .cmsLognBox .cmsLognCol .signWith .btn:hover {
                background: rgba(0, 0, 0, 0.75);
            }

ul.action-edti-delete li.action_submit {
    background: url('Images/icon-submit.png') no-repeat 50% 50%;
    margin-right: 11px;
}

.cms_headerLinks label.changeConfirm {
    padding: 0 20px;
    cursor: pointer;
}

    .cms_headerLinks label.changeConfirm span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
    }

        .cms_headerLinks label.changeConfirm span img {
            margin: 0;
        }

.willsHistAccordian .histAccordian {
    padding-top: 0;
}

    .willsHistAccordian .histAccordian:before {
        display: none;
    }

    .willsHistAccordian .histAccordian .histAccordianHead {
        padding-left: 0;
        margin-bottom: 20px;
    }

        .willsHistAccordian .histAccordian .histAccordianHead h3 {
            font-size: 18px;
            font-weight: 600;
            color: #1e417c;
            background: #fff;
            border-bottom: 1px solid #b5b5b5;
        }

            .willsHistAccordian .histAccordian .histAccordianHead h3:before {
                width: 8px;
                height: 8px;
                border-radius: 8px;
                display: block;
                top: 50%;
                margin-top: -4px;
                left: 0;
                border: 0;
                background: #1e417c;
            }

            .willsHistAccordian .histAccordian .histAccordianHead h3:after {
                width: 30px;
                height: 30px;
                position: absolute;
                color: #707070;
                display: block;
                right: 28px;
                top: 50%;
                margin-top: -15px;
                font-family: 'icomoon';
                content: "\e91a";
                border: 1px solid #707070;
                border-radius: 30px;
                font-size: 12px;
                text-align: center;
                line-height: 30px;
            }

        .willsHistAccordian .histAccordian .histAccordianHead.active h3:after {
            transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

        .willsHistAccordian .histAccordian .histAccordianHead h3 label {
            font-size: 18px;
            font-weight: 600;
            color: #1e417c;
        }

    .willsHistAccordian .histAccordian .histAccordianBody {
        background: #f0f4fb;
        border-radius: 6px;
        padding: 16px 42px;
        margin-bottom: 20px;
        display: none;
    }

        .willsHistAccordian .histAccordian .histAccordianBody h4 {
            font-size: 15px;
            font-weight: 600;
            color: #000;
            margin-bottom: 16px;
            margin-top: 0;
        }

        .willsHistAccordian .histAccordian .histAccordianBody ul {
            padding-left: 0;
            list-style: none;
            margin-bottom: 30px;
            margin-top: 0;
        }

            .willsHistAccordian .histAccordian .histAccordianBody ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                margin-bottom: 8px;
            }

                .willsHistAccordian .histAccordian .histAccordianBody ul li label {
                    font-size: 15px;
                    font-weight: 500;
                    color: #868686;
                    margin-right: 18px;
                    padding-top: 4px;
                }

                .willsHistAccordian .histAccordian .histAccordianBody ul li .value {
                    font-size: 15px;
                    font-weight: 500;
                    max-width: 275px;
                    color: #000;
                    padding-top: 4px;
                }

                .willsHistAccordian .histAccordian .histAccordianBody ul li .updated {
                    font-size: 14px;
                    font-weight: 500;
                    color: #fff;
                    display: block;
                    background: #3a92d9;
                    border-radius: 15px;
                    padding: 4px 20px;
                    margin-left: 18px;
                }

p.btn_wrpr input[type="button"].disabled {
    background: #b7bbbf;
    cursor: default;
}

.kMultiselectWrap .k-multiselect-wrap ul {
    overflow: inherit;
}

    .kMultiselectWrap .k-multiselect-wrap ul li {
        overflow: inherit;
    }


.custCheckbox {
    margin-bottom: 0;
}

    .custCheckbox label {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.timesheetBody {
    padding: 20px;
    padding-top: 10px;
    background: #fff;
}

    .timesheetBody .table {
        width: 100%;
        border-collapse: collapse;
        box-sizing: border-box;
    }

        .timesheetBody .table th, .timesheetBody .table td {
            padding: 6px 15px;
            vertical-align: top;
        }

        .timesheetBody .table th {
            text-align: right;
            font-weight: 400;
            white-space: nowrap;
        }

        .timesheetBody .table td p {
            margin: 0;
        }

        .timesheetBody .table td {
            font-weight: 500;
        }

            .timesheetBody .table td span {
            }

            .timesheetBody .table td p .readMore, .timesheetBody .table td p .readLess {
                color: #1571bc !important;
                text-decoration: underline;
            }

.cms_form.cms_form_popup ul li label.endLabel {
    padding-left: 10px;
}

.processedWrap {
    padding-left: 10px;
    padding-right: 10px;
}

.cms_menu ul.cms_menulist > li.cms_menu_timesheet {
    background: url('Images/timesheet.png') no-repeat 10px 50%;
}

    .cms_menu ul.cms_menulist > li.cms_menu_timesheet.menuliactive {
        background: url('Images/timesheet_active.png') no-repeat 10px 10px;
    }

.hourMinWrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .hourMinWrap .minu {
        padding-left: 3px;
    }

    .hourMinWrap small {
        display: block;
        color: #999;
    }

.kMultiselectWrap .k-multiselect-wrap ul {
    overflow: inherit;
}

    .kMultiselectWrap .k-multiselect-wrap ul li {
        overflow: inherit;
    }

/* Settings */
.settingsRow {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

    .settingsRow *,
    .settingsRow *::before,
    .settingsRow *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .settingsRow h4 {
        font-size: 22px;
        font-weight: 500;
        color: #1571bc;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .settingsRow .formField {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .settingsRow .formField.start {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
        }

        .settingsRow .formField .fieldList {
            padding-left: 0;
            margin-bottom: 0;
            margin-top: 0;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
            width: 800px;
        }

            .settingsRow .formField .fieldList li {
                position: relative;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }

                .settingsRow .formField .fieldList li .fieldItem {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .settingsRow .formField .fieldList li .fieldItem.start {
                        -webkit-box-align: start;
                        -ms-flex-align: start;
                        align-items: start;
                    }

                .settingsRow .formField .fieldList li .formLabel {
                    font-size: 16px;
                    font-weight: 500;
                    color: #000;
                    width: 140px;
                    padding-right: 18px;
                }

                .settingsRow .formField .fieldList li .formControl {
                    display: block;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

                    .settingsRow .formField .fieldList li .formControl .k-widget {
                        width: 100%;
                    }

                .settingsRow .formField .fieldList li .form-control {
                    width: 100%;
                }

        .settingsRow .formField .text-right {
            text-align: right;
        }

.collapseGrid .panel-body .panelBody .itemCol p.amendchange:before {
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    border-radius: 12px;
    background: #f00;
    left: 0;
    top: 6px;
}
/* Amendment */

.stampContainer {
    max-width: 1280px;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: auto;
    margin-right: auto;
}

    .stampContainer *,
    .stampContainer *::before,
    .stampContainer *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .stampContainer .stampRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -18px;
        margin-left: -18px;
        margin-bottom: 32px;
    }

    .stampContainer .stampItem {
        position: relative;
        width: 100%;
        padding-right: 18px;
        padding-left: 18px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 36px;
    }

    .stampContainer .stampCol {
        border: 5px solid #ebebeb;
        border-radius: 26px;
        /* height: 100%; */
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .stampContainer .stampCol:before {
            position: absolute;
            content: "";
            background: #1e417c url("Images/icon-tick.svg") no-repeat center;
            background-size: 18px;
            width: 40px;
            height: 40px;
            right: 14px;
            top: 12px;
            border-radius: 40px;
            visibility: hidden;
            opacity: 0;
        }

        .stampContainer .stampCol.active {
            border: 5px solid #1e417c !important;
        }

            .stampContainer .stampCol.active:before {
                visibility: visible;
                opacity: 1;
            }

        .stampContainer .stampCol .stampImgWrap {
            padding: 30px;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

        .stampContainer .stampCol img {
            max-width: 200px;
            max-height: 200px;
        }

        .stampContainer .stampCol .deleteBtn {
            font-size: 14px;
            font-weight: 600;
            position: absolute;
            padding: 6px 15px;
            border-radius: 24px;
            left: 14px;
            top: 12px;
            background: #ffccd6;
            color: #ff0045;
            cursor: pointer;
        }

.noStamp {
    padding-top: 82px;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

    .noStamp img {
        margin-bottom: 30px;
    }

    .noStamp h3 {
        font-size: 26px;
        font-weight: 700;
        color: #000;
        margin-top: 0;
        margin-bottom: 12px;
    }

        .noStamp h3:after {
            display: none !important;
        }

    .noStamp p {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        margin-top: 0;
        margin-bottom: 20px;
    }

.addStampBtn {
    text-align: center;
    padding-bottom: 30px;
}

    .addStampBtn .btn {
        width: 290px;
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        background: #1571bc;
        color: #fff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 12px 12px;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.5;
        border-radius: 35px;
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .addStampBtn .btn:hover {
            background: #0a599a;
        }

    .addStampBtn .k-upload {
        display: none;
    }

.stampHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

    .stampHead .popup_heading {
        padding-bottom: 0;
    }

    .stampHead .stampBtnsWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .stampHead .stampBtnsWrap input {
            float: none;
            color: #fff;
            margin-right: 10px;
        }

            .stampHead .stampBtnsWrap input.grey {
                color: #000;
            }

            .stampHead .stampBtnsWrap input:last-child {
                margin-right: 0;
            }

.switchLabel {
    display: block;
    padding-top: 4px;
}

    .switchLabel label {
        position: relative;
        background: #d6d6d6;
        font-family: 'Rubik', sans-serif;
        font-size: 14px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 5px;
        overflow: hidden;
    }

        .switchLabel label:before {
            content: "No";
        }

        .switchLabel label:after {
            content: "Yes";
        }

        .switchLabel label:before, .switchLabel label:after {
            display: block;
            width: 36px;
            text-align: center;
            height: 24px;
            line-height: 24px;
            cursor: pointer;
        }

    .switchLabel input {
        display: none;
    }

        .switchLabel input:not(:checked) + input + label:before {
            background: #1571bc;
            color: #fff;
        }

        .switchLabel input:checked + input + label:after {
            background: #1571bc;
            color: #fff;
        }


/* Amendment */
.amendmentRequest .amendHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

    .amendmentRequest .amendHead .amendHeadLeft, .amendmentRequest .amendHead .amendHeadRight {
        position: relative;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .amendmentRequest .amendHead .amendHeadLeft {
        padding-right: 15px;
    }

        .amendmentRequest .amendHead .amendHeadLeft h1 {
            font-weight: 400;
            color: #1e417c;
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .amendmentRequest .amendHead .amendHeadLeft .casenumber {
            font-weight: 500;
            padding-top: 0 !important;
        }

        .amendmentRequest .amendHead .amendHeadLeft p {
            font-size: 14px;
            font-weight: 400;
            color: #000;
            margin: 0;
        }

            .amendmentRequest .amendHead .amendHeadLeft p.text-danger {
                color: #f00;
            }

.settingsRow .formField .fieldList {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 800px;
}

.amendmentRequest .amendHead .amendHeadRight {
    padding-left: 15px;
}

.amendmentRequest .amendHead .amendHeadWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .amendmentRequest .amendHead .amendHeadWrap .btn {
        display: block;
        margin-right: 10px;
    }

        .amendmentRequest .amendHead .amendHeadWrap .btn:last-child {
            margin-right: 0;
        }

.collapseGrid .collapse:not(.in) {
    display: none;
}

.collapseGrid .collapse.in {
    display: block;
}

.settingsRow .formField .fieldList li .fieldItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.collapseGrid .panel-heading a {
    font-size: 18px;
    font-weight: 500;
    color: #1e417c;
    position: relative;
    display: block;
    padding: 18px;
    text-decoration: none;
}

    .collapseGrid .panel-heading a:after {
        position: absolute;
        content: "";
        background: url("Images/arrow-up.svg") no-repeat center;
        background-size: 14px;
        width: 30px;
        height: 30px;
        font-size: 16px;
        color: #1e417c;
        display: block;
        text-align: center;
        line-height: 30px;
        border: 1px solid #1e417c;
        border-radius: 30px;
        right: 18px;
        top: 50%;
        margin-top: -15px;
    }

    .collapseGrid .panel-heading a.collapsed:after {
        background: url("Images/arrow-down.svg") no-repeat center;
        background-size: 14px;
    }

.collapseGrid .panel-body {
    padding: 18px;
    padding-top: 0;
}

    .collapseGrid .panel-body .panelBody {
        background: #f0f4fb;
        border-radius: 6px;
        padding: 40px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .collapseGrid .panel-body .panelBody .itemCol {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 50%;
            padding-left: 20px;
            padding-right: 20px;
            margin-bottom: 30px;
        }

            .collapseGrid .panel-body .panelBody .itemCol label {
                font-size: 16px;
                font-weight: 400;
                color: #787a7d;
                display: block;
                margin-bottom: 5px;
            }

            .collapseGrid .panel-body .panelBody .itemCol p {
                font-size: 18px;
                font-weight: 500;
                color: #000;
                margin-top: 0;
                margin-bottom: 2px;
            }

                .collapseGrid .panel-body .panelBody .itemCol p.amendchange {
                    font-size: 16px;
                    color: #f00;
                    position: relative;
                    padding-left: 22px;
                    margin-bottom: 0;
                }

.settingsRow .formField .text-right {
    text-align: right;
}

.collapseGrid .panel-body .panelBody .itemCol p.amendchange:before {
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    border-radius: 12px;
    background: #f00;
    left: 0;
    top: 6px;
}
/* Amendment */
.pdfTextArea {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
}

.stampContainer .stampItem .stampCtrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
}

    .stampContainer .stampItem .stampCtrl .stampCtrlFld {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 40px;
        overflow: hidden;
    }

        .stampContainer .stampItem .stampCtrl .stampCtrlFld label {
            font-size: 16px;
            color: #000;
            font-weight: 400;
            margin-bottom: 0;
            display: block;
            word-break: break-all;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            max-height: 53px;
        }

        .stampContainer .stampItem .stampCtrl .stampCtrlFld input {
            width: 100%;
            font-size: 16px;
            color: #000;
            font-weight: 400;
            background: #f0f4fb;
            border: 0 !important;
            border-radius: 10px;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            outline: none !important;
            padding: 6px 16px;
            height: 44px;
        }

    .stampContainer .stampItem .stampCtrl .stampCtrlBtn .btn {
        width: 44px;
        height: 44px;
        padding: 0;
        font-size: 18px;
        color: #fff;
        border-radius: 10px;
        border: 0;
        cursor: pointer;
    }

        .stampContainer .stampItem .stampCtrl .stampCtrlBtn .btn i {
            width: 44px;
            height: 44px;
            line-height: 44px;
            display: block;
        }

        .stampContainer .stampItem .stampCtrl .stampCtrlBtn .btn.btnPencil {
            background: #b2b2b2;
        }

        .stampContainer .stampItem .stampCtrl .stampCtrlBtn .btn.btnSave {
            background: #1e417c;
        }
/* Report popup */
.reportWrap {
    /* max-width: 900px; */
    background: #fff;
}

    .reportWrap .reportHead {
        padding: 30px 76px;
        border-bottom: 1px solid #d9d9d9;
    }

        .reportWrap .reportHead h2 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #1e417c;
            margin: 0;
        }

    .reportWrap .reportBody {
        padding: 34px 76px;
    }

        .reportWrap .reportBody .reportBodyList {
            padding-left: 0;
            margin-bottom: 30px;
            list-style: none;
        }

            .reportWrap .reportBody .reportBodyList li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-right: -15px;
                margin-left: -15px;
                padding-top: 4px;
                padding-bottom: 4px;
            }

                .reportWrap .reportBody .reportBodyList li .col-6 {
                    position: relative;
                    width: 100%;
                    padding-right: 15px;
                    padding-left: 15px;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
                    max-width: 50%;
                }

                .reportWrap .reportBody .reportBodyList li .form-label {
                    font-size: 16px;
                    font-weight: 400;
                    color: #1d1d1d;
                    margin: 0;
                    display: block;
                    width: 100%;
                }

                .reportWrap .reportBody .reportBodyList li .form-data {
                    font-size: 16px;
                    font-weight: 500;
                    color: #1d1d1d;
                    margin: 0;
                    display: block;
                }

    .reportWrap .tabsRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .reportWrap .tabsRow .col-6 {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .reportWrap .tabsRow h4 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #000;
            margin: 0;
            margin-bottom: 7px;
        }

        .reportWrap .tabsRow p {
            font-size: 16px;
            font-weight: 400;
            color: #000;
            margin: 0;
            margin-bottom: 12px;
        }

            .reportWrap .tabsRow p b {
                font-weight: 600;
            }

        .reportWrap .tabsRow .status {
            font-size: 16px;
            font-weight: 400;
            display: inline-block;
            padding: 3px 12px;
            border-radius: 20px;
        }

            .reportWrap .tabsRow .status.approved {
                background: #b8d9be;
                color: #0c5c46;
            }

            .reportWrap .tabsRow .status.pending {
                background: #f8e1bc;
                color: #ff8800;
            }

    .reportWrap .reportRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .reportWrap .reportRow .reportCol {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

.w-700 {
    width: 700px;
}

.w-1000 {
    width: 1000px;
}

.cmstab-content .event-list .events-right-btn.clpsBtn .document_spn {
    padding-right: 0;
    margin-right: 0;
    border: 0;
}

.cmstab-content .event-list .events-right-btn.clpsBtn .icon {
    border: 0;
    background: #1571bc;
    color: #fff;
}

    .cmstab-content .event-list .events-right-btn.clpsBtn .icon:before {
        content: "\f078";
    }

    .cmstab-content .event-list .events-right-btn.clpsBtn .icon.active:before {
        content: "\f077";
    }

.mailList {
    padding: 15px;
    max-width: 500px;
}

    .mailList h6 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .mailList ul {
        padding-left: 0;
        padding-right: 0;
    }

        .mailList ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: visible;
        }

            .mailList ul li .inputField {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: block;
                padding-right: 15px;
            }

                .mailList ul li .inputField input {
                    max-width: inherit !important;
                }

            .mailList ul li .ctrlBtn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 62px !important;
                padding-right: 0;
                border: 0;
            }

                .mailList ul li .ctrlBtn span {
                    margin-right: 5px;
                }

.cmstab-content .event-list .events-right-btn.clpsBtn .icon:before {
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.switchField {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .switchField input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
    }

        .switchField input:checked + label {
            background: #1572bb;
            border: 1px solid #1572bb;
            color: #fff !important;
        }

    .switchField label {
        width: 36px;
        display: block;
        background: #e6e6e6;
        border: 1px solid #e6e6e6;
        color: #161616;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 4px 0;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        cursor: pointer;
    }

        .switchField label:first-of-type {
            border-radius: 4px 0 0 4px;
            border-right: 0 !important;
        }

        .switchField label:last-of-type {
            border-radius: 0 4px 4px 0;
            border-left: 0 !important;
        }

.switchFieldRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
}

    .switchFieldRow .switchField {
        margin-right: 15px;
    }

    .switchFieldRow .switchFieldLabel {
        font-size: 14px;
        font-weight: 400;
        color: #232323 !important;
        cursor: default !important;
    }

.progressBarWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

    .progressBarWrap .progressBar {
        width: 400px;
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .progressBarWrap .progressBar svg {
            height: 10px;
            border-radius: 15px;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .progressBarWrap .progressBar svg,
        .progressBarWrap .progressBar .progressbar-text {
            position: relative;
            width: 100%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .progressBarWrap .progressBar .progressbar-text {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            margin-bottom: 10px;
        }

            .progressBarWrap .progressBar .progressbar-text b {
                font-size: 26px;
                font-weight: 700;
                color: #fff;
                display: block;
            }

            .progressBarWrap .progressBar .progressbar-text span {
                font-size: 16px;
                font-weight: 400;
                color: #fff;
            }

.approve-reject input.btn {
    padding: 5px 15px;
    font-size: 14px;
}

.approve-reject input.btn-approve,
.approve-reject input.btn-accept {
    color: #fff;
}

.navTabs.reportTab {
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
}

    .navTabs.reportTab li {
        margin-right: 10px;
    }

        .navTabs.reportTab li .btn {
            font-size: 18px;
            font-weight: 500;
            color: #1571bc;
            border-radius: 0;
            background: none;
            border-bottom: 1px solid trans;
        }

            .navTabs.reportTab li .btn.active {
                border-bottom: 1px solid #1571bc;
                box-shadow: none !important;
            }

.reportDropDwn { 
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .reportDropDwn .master_dropdown {
        margin-left: 0;
        width: 100%;
        height: 44px;
    }

.meetingTextWrap .meetingTextCol {
    padding: 20px;
    text-align: center;
}

    .meetingTextWrap .meetingTextCol img {
        margin-bottom: 20px;
        display: inline-block;
    }

    .meetingTextWrap .meetingTextCol h1 {
        font-size: 1.375rem;
        font-weight: 700;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }

@media (min-width: 991.98px) {
    .meetingTextWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }
}

.approveRejectWrap p {
    font-size: 16px;
    font-weight: 500;
    color: #2c283a;
    margin-bottom: 0;
    margin-right: 20px;
}

.approveRejectWrap .approveRejects {
    margin-bottom: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.infoText {
    max-width: 420px;
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    font-weight: 400;
}
.infoText .icon {
  position: absolute;
  left: 0;
  top: 3px;
}
.querySection .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }

        .querySection .accordion.active, .querySection .accordion:hover {
            background-color: #ccc;
        }

    .querySection .panel {
        padding: 0 18px;
        background-color: white;
        display: none;
        /* max-height: 0; */
        /* overflow: hidden; */
        transition: max-height 0.2s ease-out;
    }
    .querySection .panel.active {
        display: block;
    }
.requestGrid .requeststatus {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
}
.requestGrid span {
    margin-right: 16px;
    margin-left: 0 !important;
}
.requestGrid span:last-child {
    margin-right: 0;
}
.flexQueryDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px;
}
    .flexQueryDetail .requeststatus {
        margin-right: 28px;
        margin-bottom: 0px;
    }
.flexQueryDetail p {
    -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
}
    .requestGrid .requeststatus.pendingstatus {
        background-color: #FD8924;
    }
    .requestGrid .requeststatus.reqinforequestedstatus {
        background-color: #F4AE10;
    }
    .requestGrid .requeststatus.reqfollowupstatus {
        background-color: #A8CC10;
    }
    .requestGrid .requeststatus.reqrejectedstatus {
        background-color: #D34F27;
    }
.requestGrid .requeststatus.reqresponstatus {
    background-color: #053E7E;
}
.requestGrid .requeststatus.acceptedblue {
    background-color: #3EC0CD;
}
.requestGrid .requeststatus.stsclosed {
    background-color: #2DC4A1;
}
.requestGrid .pendingview {
    font-size: 13px;

    padding: 6px 15px;
    color: #fff;
    border-radius: 50rem;
    cursor: pointer;
}
    .requestGrid .pendingview::after {
        content: "\f06e";
        color: #1571bc;
        font-family: 'FontAwesome';
        font-size: 18px;
    }
    .requestGrid .requeststatus.acceptedgreen {
        background-color: #2DC4A1;
    }
.requestGrid .requeststatus.respondRed {
    background-color: #EA645E;
}
.requestGrid .btyIcons {
    display:flex;
    align-items:center;
}
.requestGrid .btyIcons img{
    margin-right:10px;
}
.requestGrid .attachmentBox {
    background-color: #1571BC;
    width: 24px;
    height: 24px;
    border-radius: 50rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left:8px;
}
.requestGrid .attachmentBox i{
    color:#fff;
  
}
.btrychange {
    position: relative;
    padding-left: 45px;
}
    .btrychange:before {
        width: 40px;
        height: 20px;
        background-size: 100%;
        position: absolute;
        background-repeat: no-repeat;
        content: '';
        left: 0px;
    }
.btryBZero:before {
    background-image: url(/Content/Style/Images/btryZero.svg);
}
.btryBOne:before {
    background-image: url(/Content/Style/Images/btryBlackOne.svg);
}
.btryBTwo:before {
    background-image: url(/Content/Style/Images/btryBlackTwo.svg);
}
.btryBThree:before {
    background-image: url(/Content/Style/Images/btryBlackThree.svg);
}
.btryBFour:before {
    background-image: url(/Content/Style/Images/btryBlackFour.svg);
}
.btryBFive:before {
    background-image: url(/Content/Style/Images/btryBlackFive.svg);
}
.LwBtryStatus .btryBZero:before {
    background-image: url(/Content/Style/Images/btryZero.svg);
}
.LwBtryStatus .btryBOne:before {
    background-image: url(/Content/Style/Images/lwbtryOne.svg);
}
.LwBtryStatus .btryBTwo:before {
    background-image: url(/Content/Style/Images/lwbtryTwo.svg);
}
.LwBtryStatus .btryBThree:before {
    background-image: url(/Content/Style/Images/lwbtryThree.svg);
}
/**********Request Approval************/
.requestApprovel .requessterName {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
    .requestApprovel .requessterName input {
        border: 1px solid #707070;
        background-color: #fff;
        color: #646464;
        font-weight:700;
    }
    .requessterName span {
        color: #1E417C;
        font-size: 23px;
        font-weight: 500;
        font-family: 'Raleway';
    }

.requestApprovel .querySection {

    background-color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}
.queryNumber {
    padding: 25px 50px;
    border-bottom: 1px solid #D5D5D5;
    display:inline-flex;
    align-items:center;
    width:100%;
}
.querySection .query-document {
    padding: 35px 50px;
}
.querySection .queryNumber span {
    margin-right: 10px;
    display: inline-flex;
    font-size: 15px;
    color: #4D4D4D;
}
    .querySection .queryNumber span.btryNumber {
        margin-right: 3px;
    }
    .querySection .queryNumber span.btrycommon {
        position: relative;
        margin-left: 18px;
        width: 45px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .querySection .queryNumber span.btryBOne {
        background-image: url(/Content/Style/Images/btryBlackOne.svg);
    }
    .querySection .queryNumber span.btryBTwo {
        background-image: url(/Content/Style/Images/btryBlackTwo.svg);
    }
    .querySection .queryNumber span.btryBThree {
        background-image: url(/Content/Style/Images/btryBlackThree.svg);
    }
    .querySection .queryNumber span.btryBFour {
        background-image: url(/Content/Style/Images/btryBlackFour.svg);
    }
    .querySection .queryNumber span.btryBFive {
        background-image: url(/Content/Style/Images/btryBlackFive.svg);
    }
    .querySection .queryNumber span.btryBZero {
        background-image: url(/Content/Style/Images/btryZero.svg);
        height: 31px;
    }
    .querySection .queryNumber span.value {
        color: #1571C2;
        font-size: 18px;
        font-weight: 500;
    }
.querySection h3 {
    font-size: 15px;
    font-weight: 600;
    color: #A0A0A0;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(30,65,124,0.12);
    padding-bottom: 18px;
    margin: 0px;
}
.querySection p{
    font-size:18px;
    color:#000;
}
.query-document ul {
    padding: 20px 25px;
    background-color: #E9EFF9;
}
    .query-document ul li {
        list-style: none;
     
  
    }
    .query-document ul li .pdf-icon{
        margin-right:20px;
    }
.query-document .previewInput{
    border-radius:5px;
    padding:8px 19px;
}
.query-document .responseAccordion {
    border-radius: 10px;
    background-color: #E9EFF9;
    padding: 15px 55px 15px 25px;
    position: relative;
    margin-bottom: 25px;
}
    .query-document .responseAccordion h5 {
        margin: 0px;
        color: #000000;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 130px;
    }
    .query-document .responseAccordion h6 {
        margin: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
    }
.responseAccordion .lawyerCount {
    background-color: #053E7E;
    color: #fff; 
    display: inline-flex;
    align-items: center;
    width: 40px;
    height: 40px;
    justify-content: center;
    border-radius: 50%;
    font-size:16px;
    font-weight:500;
    margin-right:15px;
    
}
.responseAccordion .dateresponse {
    font-size:16px;
    font-weight: 400;
    color: #000;
    margin-right: 16px;
}
.responseAccordion .statusrespending {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
    background-color: #FD8924;
    margin-left: 16px;
}
.responseAccordion .statusresponse {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
    background-color: #EA645E;
    margin-left: 16px;
}
.responseAccordion .statusrequest {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 20px;
    background-color: #3EC0CD;
    margin-left: 16px;
}
.query-document .panel {
    padding: 0px;
    padding-left: 20px;
    margin-bottom: 25px;
}
.lawyerResponseopen {
    background-color: #E9EFF9;
    padding: 30px;
    border-radius: 0px 10px 10px 10px;
   
    /* margin-top: 25px; */
}
    .lawyerResponseopen .followupSection{
       padding-bottom:10px;
    }
    .query-document ul h5 {
        margin: 0px;
        color: #29457F;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.query-document ul h6 {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    font-family: 'Open Sans', sans-serif !important;
}
.query-document .panel .lawyerResponseopen ul{
    padding:0px;
    margin-top:35px;
}
.lawyerResponseopen h4 {
    font-size: 16px;
    color: #717171;
    margin: 0px;
    font-weight: 400;
  
}
.lawyerResponseopen p {
    margin: 0px;
    font-size: 16px;
    padding-top: 7px;
    font-weight: 400;
}

.responseAccordion:before {
    content: "";
    background-image: url(/Content/Style/Images/down-arrow-accordin.svg);
    position: absolute;
    width: 26px;
    height: 26px;
    background-size: 100%;
    top: 26px;  
    right: 15px;
    transition: 0.2s;
}
    .responseAccordion.active:before{
        transform:rotate(180deg);
        transition:0.2s;
    }
    .querySection .detail-section {
        background-color: #E9EFF9;
        padding: 30px;
        border-radius: 10px;
    }
.detail-section h4 {
    font-size: 20px;
    font-weight: 700;
    color: #1571C2;
    font-family: 'Raleway';
    margin: 0px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.detail-section .detail-span {
    position: relative;
    padding: 15px 0px 15px 55px;
    border-top: 1px solid #D5D5D5;
    width:100%;
}
.detail-section .queryDetailspan:first-child {
    border-top: 0;
}
.detail-section .queryDetailspan:last-child {
    padding-bottom:0px;
}
.detail-section .queryDetailspan {
    border-top: 1px solid #D5D5D5;
}
.detail-section .queryDetailspan p {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
}
    .detail-section .queryDetailspan p.other-req-pending {
        color: #FD8924;
    }
    .detail-section .queryDetailspan p.other-req-completed {
        color: #2DC4A1;
    }
    .detail-section .queryDetailspan p.other-req-rejected {
        color: #D34F27;
    }
    .detail-section .detail-span#divResponseCount {
        padding-left: 0px;
    }
    .detail-section .detail-span i {
        position: absolute;
        left: 0px;
        font-size: 32px;
        color: #1571BC;
        top: 25%;
    }
    .detail-section h5 {
        font-size: 14px;
        font-weight: 500;
        color: #707070;
        margin: 0px;
        margin-bottom: 7px;
       font-family: 'Fira Sans Condensed', sans-serif;
    }
    .detail-section .detail-span h6 {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        margin: 0px;
        font-family: 'Fira Sans Condensed', sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.lwAddDocReq{
    margin-bottom:10px;
}
.lawyerBorder {
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 30px;
}
    .lawyerBorder .lwAddDocReq {
        margin-bottom:0px;
    }
        .lawyerBorder .lwAddDocReq h4 {
            margin-bottom: 5px;
            font-size: 18px;
        }
        .lawyerBorder:last-child {
            border-bottom: none;
            margin-bottom: 0px;
        }
    .query-document .lwAddDocReq ul li {
        margin: 20px 0px;
        border-bottom: 1px solid #D5D5D5;
        padding-bottom: 15px;
    }
    .query-document .lwAddDocReq ul li:last-child {
        margin-bottom: 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .detail-section .detail-span h6 span {
        font-weight: 400;
    }
.detail-section .lawyerCount {
    background-color: #1571BC;
    color: #fff;
    display: inline-flex;
    align-items: center;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    margin-right: 15px;
}
.detail-section .detail-span a {
    color: #1571BC;
    font-weight:700;
    font-size:16px;
    text-decoration:underline;
    cursor:pointer;
}
.blue-dot::before {
    width: 9px;
    height: 9px;
    background-color: #1571C2;
    border-radius: 2px;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.lwAddDocReq h5 {
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
}
.lwAddDocReq span {
    margin: 0px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom:25px;
    display:block;
    color: #717171;
}
.lawyerResponse {
    margin-bottom: 25px;
}
.lawyerStatusModal {
    width: 100%;
    height: 100%;
}
.lawyerStatusModal h3{
    margin:0px;
    font-size:21px;
}
 .lawyerStatusModal h4{
        font-size:16px;
        font-weight:400;
        color:#000;
        margin:0px;
    }
.statusModalHeading {
    padding: 30px;
    border-bottom: 1px solid #707070;
}
.lawyerStatusModal ul {
    padding:0px 30px;
    margin:0px;
}
.lawyerResponseopen .editAcceptReject {
  /*  padding-top: 25px;
    border-top: 1px solid #707070;*/

}
.inputAcceptReject input {
    margin-right: 14px;
}
.lawyerResponseopen .editAcceptReject input {
    border-radius: 5px;
    padding: 8px 19px;
    margin-right: 14px;
    border: 1px solid #1571BC;
}
.lwAddDocReq .lwRequesterDetail {
    margin-bottom: 0px;
}
.lawyerResponseopen .editAcceptReject input.inputReject {
    background-color: transparent;
    color: #1571BC;
}
.lawyerStatusModal ul li {
    list-style: none;
    border-bottom: 1px solid #707070;
    padding: 20px 0px;
}
        .lawyerStatusModal ul li:last-child{
            border-bottom:0px;
        }
        .lawyerStatusModal ul li .lawyerCount {
            background-color: #053E7E;
            color: #fff;
            display: inline-flex;
            align-items: center;
            width: 50px;
            height: 50px;
            justify-content: center;
            border-radius: 50%;
            font-size: 18px;
            font-weight: 500;
            margin-right: 15px;
        }
    .lawyerStatusModal ul li h5 {
        margin: 0px;
        font-size: 17px;
        font-weight: 500;
        cursor: default;
    }
    .lawyerStatusModal ul li h6 {
        margin: 0px;
        font-size: 16px;
        color: #3EC0CD;
        cursor: default;
        font-weight: 400;
    }
        .lawyerStatusModal ul li h6.clsreplypending {
            color: #ED9426;
        }
#divAcceptReject input{
    margin-bottom:10px;
    margin-right:15px;
}
#divAcceptReject.lwAddDocReq {
    margin-top: 30px;
}
.lawyerStatusModal ul li label {
    color: #4D4D4D;
    font-size: 15px;
    font-weight: 400;
}
.responseEdit{
    width:44px;
    height:44px;
    background-color:#fff;
    border-radius:50%;
    position:relative;
}
.lwResponseEdit .responseEdit {
    top: -40px;
    right: -15px;
}
.responseEdit input {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 44px;
    height: 44px;
    min-width: 100%;
}
    .responseEdit:before {
   
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #1571BC;
    }
.inputRectangle[type="button"], .inputRectangle[type="submit"], button.inputRectangle {
    border-radius: 5px;
    padding: 8px 19px;

}
.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.lwResponseEdit{
    /* padding-right:70px; */
}
.lwResponseEdit textarea {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding:15px;
    margin-bottom:20px;
    font-size:15px;
    height: 100px;
}
    .lwResponseEdit .justify-content-end {
        justify-content: flex-end;
    }
.lweditCancel[type="button"] {
    background-color: transparent;
    color: #1571BC;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid #1571BC;
    margin-right: 15px;
    padding: 8px 19px;
}
.inputBorderRectangle[type="button"] {
    background-color: transparent;
    border: 1px solid #1571BC;
    color: #1571BC;
    border-radius: 5px;
    padding: 8px 19px;
}
    .inputBorderRectangle[type="button"]:hover {
        color: #fff;
    }
.lweditCancel[type="button"]:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #1571BC;
    color: #ffffff;
    border-radius: 5px;
    background-color: #1571BC;
}
.lweditCancel[type="button"]:focus {
    background: transparent;
}
.additionalDocLawyerside {
    display: flex;
    background-color: #1571bc;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 8px 19px;
    justify-content: center;
}

        .additionalDocLawyerside input {
            width: 100%;
            text-align: left;
        }
        .additionalDocLawyerside .inputRectangle {
            background: none;
            width:auto;
              
        }
            .additionalDocLawyerside .inputRectangle:hover {
                background-color: #1571bc;
            }
            .lwReuestFollowup h5 {
                font-size: 17px;
                font-weight: 500;
                margin: 0px;
            }
.lwReuestFollowup .followupspan {
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}
.followupstatus {
    display: block;
    border-radius: 17px;
    
    padding: 5px 15px;
    color: #fff!important;
    margin-bottom: 0px!important;
    margin-left: 20px!important;
}
    .followupstatus.followupBlue {
        background-color: #1471BC;
    }
    .followupstatus.responseOrange {
        background-color: #3EC0CD;
    }
.followupSection {
    padding-bottom: 20px;
 /*   border-bottom: 1px solid #D5D5D5;*/
    
}
.queryDetail {
    padding-top: 20px;
    border-top: 1px solid #D5D5D5;
    padding-bottom:0px;
}
.BorderMargin0 {
    border: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #D5D5D5;
    padding-top: 15px;
}
    .inputAcceptReject {
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #D5D5D5;
    }
.askAdditionalDoc {
    width: 100%;
    height: 100%;
    padding: 30px;
        background-color: #fff;
}
    .askAdditionalDoc h1 {
        margin: 0px;
        font-size: 21px;
        font-weight: 500;
    }
    .askAdditionalDoc p {
        font-size: 17px;
        margin-top: 0px;
        margin-bottom: 20px;
        color: #717171;
    }

.customInput{
    display:none;
}
.documentInfo input:checked + label {
    background-color: #1571BC;
    color: #fff;
}
.askAdditionalDoc {
}
.askAdditionalDoc label {
    border-radius: 17px;
    background-color: #E9EFF9;
    font-size: 16px;
    color: #646464;
    padding: 7px 20px;
    min-width: 109px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}
/*.askAdditionalDoc .activeLabel {
  
}*/
.askAdditionalDoc textarea {
    border: 1px solid #ABABAB;
    border-radius:10px;
    padding:15px;
    margin:25px 0px;
}
.askAdditionalDoc .askAdditionalDocSubmit {
    width: 100%;
    border-radius: 5px;
    background-color: #1571BC;
    text-align:center;
    padding:15px 0px;
}
.resoneRejection {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.resoneRejectionBody {
    padding: 20px 30px;
}
.resoneRejectionBody p {
    margin: 0px;
    margin-bottom:12px;
}
    .resoneRejectionBody textarea {
        width: 100%;
        margin-bottom: 45px;
        height: 101px;
        font-size: 16px;
        font-weight: 400;
    }
textarea {
    outline: none !important;
}
input{
    outline:none!important
}
    .resoneRejectionHead {
        padding: 20px 30px;
        border-bottom: 1px solid #D5D5D5;
    }
.resoneRejectionHead h1 {
    font-size: 21px;
    font-weight: 500;
    margin:0px;
}
.resoneRejection .resoneRejectionSubmit {
    width: 100%;
    border-radius: 5px;
    background-color: #1571BC;
    text-align: center;
    padding: 15px 0px;
}
.resoneRejection .resoneRejectionBody select{
    margin-bottom:20px;
    font-size:16px;
    font-weight:500;
}
.detail-section .oldQueryRequest .detail-span {
    padding: 0px 0px 15px 0px;
    justify-content: space-between;
    align-items:end
}
    .detail-section .oldQueryRequest .detail-span h5 {
        color: #1571BC;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .detail-section .oldQueryRequest .detail-span:last-child{
        padding-bottom:0px;
    }
    .detail-section .oldQueryRequest .detail-span h6 {
        color: #29457F;
        font-size: 18px;
    }
    .detail-section .oldQueryRequest .detail-span p {
        font-size: 14px;
        margin: 0px;
        font-weight: 500;
        color: #717171;
    }
.lawyerStatusModal .btrychange::before {
    left: auto;
    right: 0px;
}
.dialog-container .dialog-button {
    padding: 8px 30px;
}
.w-100{
    width:100%;
}
.query-document .tab_items span label {
    cursor:pointer;
}
.lawyerBorder .lwAddDocReq .queryDetail {
    margin-top: 30px;
}
/*==================New Request Response Design==========================*/
.additionalLawyerMultiple {
    background-color: #fff;
    padding:0px;
}

.query-document .additionalMultiplePanel {
    padding-left: 0px;
}
.additionalLawyerMultiple .additionalDetailSec {
    position: relative;
    padding: 0px 0px 0px 110px;
    position:relative;
}
.additionalDetailClass {
    position: absolute;
    left: 0px;

    border-radius: 17px;
  
    color: #fff;
}
    .additionalDetailClass span {
        color: #fff;
        font-family: 'Rubik', sans-serif;
        margin-bottom: 0px;
        line-height: 18px;
    }
.additionalDetailSec .additionalDetailBox {
    border: 1px solid #D9D9D9;
    padding: 15px;
    position: relative;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
    .additionalDetailSec .additionalDetailBox.RemoveRequestBorder {
        border-bottom-right-radius: 0px;
        border-bottom: 0px;
    }
    .additionalDetailSec .additionalDetailBox.ResponseBordertopRemove {
        border-top-right-radius: 0px;
    }
.additionalDetailSec .additionalDetailBox::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2px;
    height: 100%;
}
    .additionalDetailSec .additionalDetailBox.RequestAdditionalBox::before {
        background-color: #F7B049;
    }
    .additionalDetailSec .additionalDetailBox.RejectedAdditionalBox::before {
        background-color: #D34F27;
    }
    .additionalDetailSec .additionalDetailBox.ResponseAdditionalBox::before {
        background-color: #053E7E;
    }
.additionalDetailSec .responseEdit {
    position: absolute;
    right: 5px;
    background-color: #1571BC;
    width: 40px;
    height: 40px;
    top: 5px;
}
    .additionalDetailSec .responseEdit:before {
        width: 40px;
        height: 40px;
        color:#fff;
    }
.additionalDetailBox h5 {
    font-size: 16px;
    color: rgba(0,0,0,0.52);
    font-family: 'Rubik', sans-serif;
    font-weight:400;
}
.additionalDetailBox h6 {
    font-size: 16px;
    color: rgba(0,0,0,0.52);
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    margin:0px;
}
.additionalDetailSec .requestGrid .requeststatus {
    min-width: 98px;
    text-align: center;
}
.query-document .lwAddDocReq .additionalDetailSec ul{
    background-color:#fff;
}
.query-document .lwAddDocReq .additionalDetailSec ul li h5{
    color:#000;
    font-family: 'Rubik', sans-serif;
}
    .query-document .lwAddDocReq .additionalDetailSec ul li:last-child {
        margin-bottom: 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .query-document .lwAddDocReq .additionalDetailSec ul li i {
        margin-right: 21px;
        font-size: 32px;
    }
    .query-document .lwAddDocReq .additionalDetailSec ul li {
        border-bottom: 1px solid #D5D5D5;
        padding-bottom: 15px;
        margin-bottom:20px;
    }
    .query-document .lwAddDocReq .additionalDetailSec ul li .previewInput {
        background-color: #fff;
        color: #053E7E;
        border: 1px solid #053E7E;
    }
    .additionalLawyerMultiple .lawyerBorder {
        border-bottom: 0px;
    }
.infoText .icon {
    position: absolute;
    left: 0;
    top: 3px;
}

.cmstab-content .event-list h3 .addDoc {
    display: inline-flex;
    align-items: center;
    background: #1571bc;
    border-radius: 40px;
    padding: 6px 20px;
    color: #fff;
}

    .cmstab-content .event-list h3 .addDoc:hover span {
        text-decoration: none;
    }

    .cmstab-content .event-list h3 .addDoc img {
        margin-right: 10px;
    }

    .cmstab-content .event-list h3 .addDoc span {
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }

.event_rigt_btn ul.eventRightAct {
    padding-top: 10px;
    width: 100%;
    float: none;
    padding-right: 0;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

    .event_rigt_btn ul.eventRightAct li {
        padding-right: 1rem;
    }

        .event_rigt_btn ul.eventRightAct li:last-child {
            padding-right: 0;
        }

        .event_rigt_btn ul.eventRightAct li a {
            padding: 4px;
            cursor: pointer;
        }

            .event_rigt_btn ul.eventRightAct li a img {
                width: 28px;
                height: 28px;
            }

.reqUpdate {
    padding: 27px 20px;
}

    .reqUpdate .form-group label {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px;
    }

        .reqUpdate .form-group label:after {
            right: 3px;
            top: -5px;
        }

    .reqUpdate .form-group textarea {
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 100px;
    }

.casemanagementViewdetail p {
    margin: 0px;
}

.casemanagementViewdetail .popup_heading {
    font-size: 21px;
    color: #000000;
    text-transform: capitalize;
    border-bottom: 1px solid #70707030;
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
}

.casemanagementViewdetail h4 {
    font-size: 16px;
    color: #000;
    line-height: 19px;
    margin: 0px;
    font-weight: 400;
    margin-bottom: 8px;
}

.casemanagementViewdetail .mb-30 {
    margin-bottom: 30px;
}

.casemanagementViewdetail h5 {
    margin: 0px;
    font-size: 16px;
    color: #000;
    line-height: 19px;
    font-weight: 500;
}

    .casemanagementViewdetail h5.dateBlue {
        color: #356FB6;
    }

    .casemanagementViewdetail h5.yesGreen {
        color: #00A063;
    }

    .casemanagementViewdetail h5.statusRed {
        color: #F81515;
    }

.judgeComments .popup_heading {
    padding: 15px 33px 5px;
}

.judgeComments {
    height: 297px;
}

.shareTooltip .tooltip {
    min-width: 118px;
}

.PrevVersionViewerList h3 {
    position: relative;
    padding-left: 30px;
}

    .PrevVersionViewerList h3:before {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #1571bc;
        top: 9px;
        left: 0px;
    }

.PrevVersionViewerList .event_rigt_btn ul.eventRightAct {
    padding-top: 0px;
}

.judgeRole {
    display: block;
    font-weight: 400;
}

.cmstab-content .event-list .bundleVersionHistory .events-right-btn {
    top: 0px;
}

.cmstab-content .event-list .bundleVersionHistory {
    padding-left: 30px;
}

    .cmstab-content .event-list .bundleVersionHistory .events-right-btn ul.eventRightAct {
        padding-top: 0px;
    }

.bundleVersionHistory .historyListWrap .historyList:before {
    top: 10px;
}

.bundleVersionHistory .historyListWrap .historyList:after {
    top: 10px;
}

.cmstab-content .event-list .bundleVersionHistory .previousPanel .events-right-btn ul.eventRightAct {
    padding-top: 10px;
}

.cmstab-content .event-list .bundleVersionHistory .previousPanel {
    padding-top: 20px;
}

.cmstab-content .event-list .bundlePreviousVersion .PrevVersionViewerList {
    margin-right: 0px;
}

.infoText .icon {
    position: absolute;
    left: 0;
    top: 3px;
}

.videoCall .callCopy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px;
}

    .videoCall .callCopy .copyBtn {
        margin-left: 15px;
        border-left: 1px solid #c6c6c6;
        /*  padding-left: 15px;*/
    }

        .videoCall .callCopy .copyBtn .btn {
            min-width: inherit;
            padding: 2px 12px;
        }

            .videoCall .callCopy .copyBtn .btn img {
                width: 36px;
                height: 36px;
                display: block;
            }

.videoCall .willBtn .btn {
    display: block;
}
.cms_form.noBdShadow {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.cms_menu ul.cms_menulist > li.cms_menu_wallet {
    background: url('Images/wallet.png') no-repeat 10px 50%;
}

.cms_menu ul.cms_menulist > li.cms_menu_wallet.menuliactive {
    background: url('Images/wallet-active.png') no-repeat 10px 10px;
}
.filedropImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px !important;
}
.filedropImg .filedrop {
  margin: 0;
  margin-right: 20px;
}
.filedropImg .fileImg {
  border: 2px dashed #ccc;
  padding: 15px;
}
.txtCreditNote {
    font-weight: 500;
    color: #f00;
    padding-right: 15px;
}
.dragNdropfile .uploadbtnFile {
    max-width: 420px;
    display: flex;
    border: 1px solid #c7c7c7;
    padding: 20px;
    border-radius: 4px;
}
    .dragNdropfile .uploadbtnFile .fileImg {
        max-width: 420px;
        display: flex;
        border: none;
        align-items:center;
        padding: 0px;
    }
    .dragNdropfile .uploadbtnFile .filedrop {
        margin-right: 0px;
        border: none;
        min-height: 125px;
    }
        .dragNdropfile .uploadbtnFile .filedrop .fileUploadimg {
            position: absolute;
            top: 73px;
            left: 0;
            right: 0;
            margin: auto;
            width: 35px;
        }
    .dragNdropfile .uploadbtnFile .fileUpload .k-button.k-upload-button {
        width: 35px;
        font-size: 0;
        height: 48px;
        top: 69px;
        opacity: 0;
    }
.disabledBtn{
    pointer-events:none;
    opacity:0.6;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.btnRight {
    margin-right: 10px;
}
.cms_form.cms_form_popup .rgtbtnWrap {
    padding: 15px 30px;
    border-top: 1px solid #ccc;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    left: 0px;
}
.downloadPass .errorPageContent {
    background-color: #fff;
    border-radius: 25px;
    padding: 70px 0px;
    height: auto;
    top: calc(50% - 300px);
}
    .downloadPass .errorPageContent i {
        margin-top: 40px;
        font-size: 150px;
        display: block;
        margin-bottom: 50px;
    }
        .downloadPass .errorPageContent i:before {
            color: #023979;
            background-color: #fff;
        }
    .downloadPass .errorPageContent h2 {
        font-weight: 600;
        color: #000;
        max-width: 200px;
        display: table;
        margin: auto;
        margin-bottom: 10px;
    }
    .downloadPass .errorPageContent h5 {
        margin-top: 0px;
        font-weight: 500;
        margin-bottom: 0px;
        font-size: 15px;
    }
    .downloadPass .errorPageContent p a {
        background-color: #023979;
        padding: 16px 40px;
        border-radius: 10px;
    }
@media screen and (max-width: 567.98px) {
    .downloadPass .errorPageContent {
        width: calc(100% - 30px);
        left: 15px;
        padding: 40px 0px;
        height: auto;
    }
        .downloadPass .errorPageContent i {
            margin-top: 40px;   
            font-size: 90px;
  
            margin-bottom: 30px;
        }
}
.addName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
  max-width: 266px;
}

.addName .form-control {
  height: 30px;
}

.addName .btn {
  margin-left: 5px;
  border-radius: 30px;
  line-height: 1;
  padding: 6px 12px;
}

.assign-judge-popup .signList ul li .assignUser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f4f4f4;
  border-radius: 3px;
  padding: 6px 10px;
}

.assign-judge-popup .signList ul li .assignUser span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 15px;
}

.assign-judge-popup .signList ul li .assignUser span:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: url("images/icon-assign.svg");
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.assign-judge-popup .signList ul li .assignUser .btn {
  font-size: 14px;
  font-weight: 400;
  color: #d43836;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  min-width: inherit;
}