@import "responcive.css";
@import "form.css";
@import "grid.css";
@import "typo.css";
@import "reset.css";
@import "jquery.mCustomScrollbar.css";
@import "ui.dropdownchecklist.themeroller.css";
@import "colorbox.css";
@import "accordian.css";
/*@import "jcf.css";
@import "additional.css";*/
html, body {
    height: 100%;
}

#wrapper {
    height: 100%;
    display: table;
    width: 100%;
}

.w1 {
    width: 100%;
    display: table-row;
}

table th, table td {
    vertical-align: middle;
}

header {
    display: block;
    height: 86px;
    padding: 0 10px;
}

    header#header {
        border: 0 !important;
        border: 0 !important;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

#logo {
    line-height: 52px;
    margin: 16px 0 0;
}

#header-profile {
    position: relative;
    padding: 20px 0 20px;
}

    #header-profile .user-info {
        margin: 10px 10px 0 0;
    }

    #header-profile .ico-profile img {
        border: 1px solid #E9E9E9;
        box-shadow: 1px 1px 1px #000000 inset;
        height: 40px;
        width: 40px;
        border-radius: 100%;
    }

#header-notification {
    margin: 10px 40px 0 20px !important;
    position: relative;
}

    #header-notification div.circle {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-left: 10px;
        text-align: center;
        width: 30px;
        position: relative;
        font-size: 15px;
    }

        #header-notification div.circle img {
            padding-top: 5px;
            vertical-align: middle;
        }

        #header-notification div.circle > div > a,
        #header-notification div.circle > a {
            color: #fff;
        }

.box-clean, .box {
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}

    .box-clean:after, .box:after {
        display: block;
        clear: both;
        content: " ";
    }

.box1-2, .box2-2, .box1-3, .box2-3, .box3-3 {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    min-height: 50px;
    padding: 10px;
}

.box2-2, .box3-3 {
    margin-right: -0.5% !important;
}

.box-clean {
    background-color: rgba(0, 0, 0, 0) !important;
}

#body {
    padding: 110px 20px 0px;
}

#contents {
    margin-right: -0.1%;
}

i.filter-icon {
    background: url("../images/filter-icon.png") no-repeat scroll center 3px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    padding-left: 30px;
    width: 25px;
}

#sidebar {
    padding-bottom: 30px;
}

    #sidebar ul {
        margin: -20% auto auto;
    }

        #sidebar ul li {
            border-bottom: 1px solid #DEDEDE;
            display: block;
            height: auto;
            padding: 5px;
            text-align: center;
            vertical-align: bottom;
            width: 100%;
        }

            #sidebar ul li a i {
                display: block;
                height: 64px;
                width: 100%;
            }

            #sidebar ul li a {
                cursor: pointer;
            }

                #sidebar ul li a:hover {
                }

                #sidebar ul li a i.dashboard {
                    background: url("../images/dahboard-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.dispute {
                    background: url("../images/dispute-icon-gray.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.statments {
                    background: url("../images/statments-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.reffral {
                    background: url("../images/reffral-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.profile {
                    background: url("../images/profile-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.settings {
                    background: url("../images/settings-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.customerview {
                    background: url("../images/customerview-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a i.leads {
                    background: url("../images/leads-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.affiliate {
                    background: url("../images/affiliateOffice-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a i.remote {
                    background: url("../images/remoteoffice-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a i.user {
                    background: url("../images/profile-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.template {
                    background: url("../images/template-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.cro {
                    background: url("../images/cro-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.disputeresult {
                    background: url("../images/disputeresults-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a i.consumer {
                    background: url("../images/consumer-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a i.billing {
                    background: url("../images/billing-icon-gray.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.dashboard, #sidebar ul li.active a i.dashboard {
                    background: url("../images/dahboard-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.dispute, #sidebar ul li.active a i.dispute {
                    background: url("../images/dispute-icon-blue.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.statments, #sidebar ul li.active a i.statments {
                    background: url("../images/statments-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.reffral, #sidebar ul li.active a i.reffral {
                    background: url("../images/reffral-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.profile, #sidebar ul li.active a i.profile {
                    background: url("../images/profile-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.settings, #sidebar ul li.active a i.settings {
                    background: url("../images/settings-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.customerview, #sidebar ul li.active a i.customerview {
                    background: url("../images/customerview-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a:hover i.leads, #sidebar ul li.active a i.leads {
                    background: url("../images/leads-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.affiliate, #sidebar ul li.active a i.affiliate {
                    background: url("../images/affiliateOffice-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a:hover i.remote, #sidebar ul li.active a i.remote {
                    background: url("../images/remoteoffice-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a:hover i.user, #sidebar ul li.active a i.user {
                    background: url("../images/profile-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.template, #sidebar ul li.active a i.template {
                    background: url("../images/template-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.cro, #sidebar ul li.active a i.cro {
                    background: url("../images/cro-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.disputeresult, #sidebar ul li.active a i.disputeresult {
                    background: url("../images/disputeresults-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                    margin-bottom: -12px;
                }

                #sidebar ul li a:hover i.consumer, #sidebar ul li.active a i.consumer {
                    background: url("../images/consumer-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

                #sidebar ul li a:hover i.billing, #sidebar ul li.active a i.billing {
                    background: url("../images/billing-icon-blue.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
                }

ul.top-menu {
    float: left;
    padding: 0 0 0px;
    width: 100%;
}

    ul.top-menu li {
        display: inline-block;
        float: left;
        margin: 6px 10px 4px;
    }

    ul.top-menu > li > a:before {
        margin: 0 10px;
    }

    ul.top-menu > li:hover > a:before, ul.top-menu > li.active > a:before {
        margin: 0 10px;
    }

    ul.top-menu li a {
    }

ul.btn {
    clear: both;
    display: block;
    margin-left: 20px;
}

    ul.btn li {
        background: none repeat scroll 0 0 #343A41;
        border: medium none;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        margin: 2px;
        padding: 0 20px;
    }

        ul.btn li:hover, ul.btn li.active {
            background: #666;
        }

        ul.btn li i {
            display: inline-block;
            margin: 0 10px 0 0;
        }

#bradcrumbs {
    margin-right: 0.1%;
    margin-top: -20px;
}

    #bradcrumbs ul {
        margin-left: 5px;
        padding: 5px 0 5px;
    }

        #bradcrumbs ul li {
            color: #808080;
            display: inline-block;
            font-size: 15px;
            margin-right: 5px;
        }

            #bradcrumbs ul li a {
                color: #6B6B6B;
                font-size: 15px;
            }

            #bradcrumbs ul li:before {
                color: #AAAAAA;
                content: "/";
                font-size: 16px;
                font-weight: 500;
                line-height: 12px;
                margin: 0 10px 0 5px;
            }

            #bradcrumbs ul li:first-child:before {
                margin: 0;
                disply: none;
                content: " ";
            }

#ProcessTimeline {
    margin: 10px -2px;
}

    #ProcessTimeline .circle {
        float: left;
    }

    #ProcessTimeline i {
        float: left;
        height: 36px;
        margin-left: -5px;
        margin-top: 5px;
        width: 36px;
    }

    #ProcessTimeline li.process i {
        float: left;
        height: 25px;
        margin-left: -5px;
        margin-top: 5px;
        width: 25px;
        background-size: 100% 100%;
    }

    #ProcessTimeline li.process.process1 .circle,
    #ProcessTimeline li.process.process2 .circle,
    #ProcessTimeline li.process.process3 .circle,
    #ProcessTimeline li.process.process4 .circle,
    #ProcessTimeline li.process.process5 .circle,
    #ProcessTimeline li.process.process6 .circle,
    #ProcessTimeline li.process.process7 .circle,
    #ProcessTimeline li.process.process8 .circle,
    #ProcessTimeline li.process.process9 .circle,
    #ProcessTimeline li.process.process10 .circle,
    #ProcessTimeline li.process.process11 .circle,
    #ProcessTimeline li.process.process12 .circle,
    #ProcessTimeline li.process .circle {
        background: none;
        height: auto;
        color: #55606e;
        height: 35px;
    }

    #ProcessTimeline i:after {
        margin-left: 36px;
    }

    #ProcessTimeline li i:after {
        content: " " !important;
    }

    #ProcessTimeline #leads i {
        background: url("../images/leads-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #new-sales i {
        background: url("../images/New-sale-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #qualified i {
        background: url("../images/qualified-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #contract i {
        background: url("../images/contract-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #credit i {
        background: url("../images/creditmonitor-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #billing i {
        background: url("../images/billing-date.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #payment i {
        background: url("../images/payment-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #consult i {
        background: url("../images/consult-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #initialreport i {
        background: url("../images/initialreport-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #consultcomplete i {
        background: url("../images/consultcomplete-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #gfe i {
        background: url("../images/gfe-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #paid i {
        background: url("../images/paidconsult-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #dispute i {
        background: url("../images/payment-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #billingmain i {
        background: url("../images/consult-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #qa i {
        background: url("../images/initialreport-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #pns i {
        background: url("../images/consultcomplete-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline #measurement i {
        background: url("../images/gfe-icon-circle.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }

    #ProcessTimeline li#leads.process.process1 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#new-sales.process.process2 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#qualified.process.process3 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#contract.process.process4 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#credit.process.process5 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#billing.process.process6 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#payment.process.process7 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#consult.process.process8 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#initialreport.process.process9 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#consultcomplete.process.process10 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#gfe.process.process11 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li#paid.process.process12 i {
        background-size: 100% 100%;
    }

    #ProcessTimeline li.process.process1 span,
    #ProcessTimeline li.process.process2 span,
    #ProcessTimeline li.process.process3 span,
    #ProcessTimeline li.process.process4 span,
    #ProcessTimeline li.process.process5 span,
    #ProcessTimeline li.process.process6 span,
    #ProcessTimeline li.process.process7 span,
    #ProcessTimeline li.process.process8 span,
    #ProcessTimeline li.process.process9 span,
    #ProcessTimeline li.process.process10 span,
    #ProcessTimeline li.process.process11 span,
    #ProcessTimeline li.process.process12 span {
        padding: 0;
        font-size: 14px;
        line-height: 18px;
    }

    #ProcessTimeline li.process.process1,
    #ProcessTimeline li.process.process2,
    #ProcessTimeline li.process.process3,
    #ProcessTimeline li.process.process4,
    #ProcessTimeline li.process.process5,
    #ProcessTimeline li.process.process6,
    #ProcessTimeline li.process.process7,
    #ProcessTimeline li.process.process8,
    #ProcessTimeline li.process.process9,
    #ProcessTimeline li.process.process10,
    #ProcessTimeline li.process.process11,
    #ProcessTimeline li.process.process12 {
        width: 163px;
        margin: 5px 1.4% 5px 0;
    }

#Reffral, #calender {
    margin: -10px;
    padding: 10px;
}

#ProcessTimeline li.process.selected .circle {
    color: #36a9e1;
    font-weight: bold;
}

#ProcessTimeline li.process.selected span {
    color: #000;
}

#Reffral ul, #calender ul {
    margin-top: 5%;
}

    #Reffral ul li, #calender ul li {
        margin: 8px 0;
    }

#note {
}

    #note ul {
        background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 29px, #E7EFF8 0px);
        background-size: 100% 30px;
        height: 85%;
    }

        #note ul li {
            display: block;
            height: 30px;
            line-height: 35px;
            width: 100%;
        }

#fb-widged {
    background: url("../images/fb-bg.jpg") repeat scroll center center rgba(0, 0, 0, 0);
}

#tweet-widged {
    background: url("../images/tweet-bg.jpg") repeat scroll center center rgba(0, 0, 0, 0);
}

.circle-widged {
    display: inline-block;
    margin: 0.25% 0.5%;
}

    .circle-widged .circle {
        margin-right: 10px;
        text-align: center;
    }

.dashboard-widged-height {
    height: 340px;
    position: relative;
}

    .dashboard-widged-height ul.listing, .dashboard-widged-height ul.Twocoloum, .dashboard-widged-height ul.table-style {
        height: 100%;
    }

#letter-process .circle {
    margin: 0 10px 0 0;
}

ul.listing {
    margin: 0;
    overflow: auto;
    padding: 10px 0;
    width: 100%;
}

    ul.listing li {
        display: block;
        margin: 10px 0;
    }

        ul.listing li span {
            margin-left: 1%;
        }

ul.Twocoloum {
    margin: 10px 0;
    overflow: auto;
    padding: 10px 0;
    width: 100%;
}

    ul.Twocoloum li {
        border-bottom: 1px solid #D9DBDF;
        display: block;
        margin: 5px 0;
    }

ul.table-style {
    clear: both;
    margin: 0;
    overflow: auto;
    padding: 10px 0;
    width: 100%;
}

    ul.table-style li {
        border-bottom: 1px solid #CCCCCC;
        display: block;
        line-height: 30px;
        min-height: 30px;
        width: 100%;
    }

ul.listing-edit {
    margin: auto -10px;
}

    ul.listing-edit li {
        border-bottom: 1px solid #EEEEEE;
        line-height: 28px;
        min-height: 56px;
        padding: 2px 15% 2px 15px;
        position: relative;
    }

        ul.listing-edit li div.colorbar {
            bottom: 2px;
            display: block;
            height: auto;
            left: 0;
            position: absolute;
            top: 2px;
            width: 5px;
        }

        ul.listing-edit li:hover {
            background: none repeat scroll 0 0 #FFFFFF;
        }

        ul.listing-edit li span {
            line-height: 28px;
            padding-right: 20px;
            display: inline-block;
            vertical-align: top;
            padding: 14px 30px;
        }

            ul.listing-edit li span.username {
                background: url(../images/username.png) no-repeat 0 50%;
            }

            ul.listing-edit li span.emil {
                background: url(../images/mail-20.png) no-repeat 0 50%;
            }

            ul.listing-edit li span.address {
                background: url(../images/map_location-20.png) no-repeat 0 50%;
            }

            ul.listing-edit li span.phone {
                background: url(../images/phone.png) no-repeat 0 50%;
            }

            ul.listing-edit li span.calltime {
                background: url(../images/clock.png) no-repeat 0 50%;
            }

            ul.listing-edit li span a {
                line-height: 28px;
                margin: 0 5px 0 0;
            }

        ul.listing-edit li div.options {
            display: none;
            line-height: 56px;
            margin: auto 5px auto 20px;
            position: absolute;
            right: 10px;
            top: 0;
        }

        ul.listing-edit li:hover div.options {
            background: inherit;
            display: block;
        }

        ul.listing-edit li div.options a {
            cursor: pointer;
            display: inline-block;
            margin: 0 10px;
        }

            ul.listing-edit li div.options a:hover {
                opacity: 0.8;
            }

a.stepback {
    bottom: 10px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
}

.checkbox {
    margin-bottom: 10px;
}

.dashboard-widged-height .table-header {
    display: block;
    line-height: 30px;
    min-height: 30px;
    width: 104%;
}

.table-header {
    display: block;
    line-height: 45px;
    margin: -10px -10px 10px;
    min-height: 45px;
    width: 100%;
}

.table-row {
    border-top: 1px solid #DADADA;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 35px;
    margin: -10px;
    min-height: 35px;
    width: 100%;
}

.table-header .border {
    border-right: 1px solid #555555;
    margin-left: -1px;
}

.table-row .border {
    border-right: 1px solid #DADADA;
    margin-left: -1px;
}

.border-dark {
    border-top: 1px solid #AAAAAA;
}

.summry-enterprise h4 {
    background-position: left center;
}

    .summry-enterprise h4.up {
        background: url("../images/triangle-up-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .summry-enterprise h4.down {
        background: url("../images/triangle-down-gray.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

footer {
    border-top: 1px solid #DEDDDD;
    bottom: 0;
    clear: both;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: none;
    position: relative !important;
}

    footer .footer-holder {
        height: 1%;
        display: table-row;
    }

    footer .footer-frame {
        display: table-cell;
    }

    footer div.right a {
        margin: 0 10px;
        text-decoration: none;
    }

#search-header-area {
    float: left;
    margin: -10px -10px 0;
    padding: 10px;
    width: 100%;
}

#tagsearch {
    position: relative;
}

    #tagsearch div.input {
        position: relative;
    }

        #tagsearch div.input input {
            font-size: 18px;
            line-height: 40px;
        }

ul.tags {
}

    ul.tags li {
        background: none repeat scroll 0 0 #FFFFFF;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 5px 0 5px 25px;
        padding: 0 0 0 10px;
        position: relative;
        z-index: 10;
    }

        ul.tags li:after {
            border-right: 12px solid #FFFFFF;
            border-top: 12px solid #FFFFFF;
            content: " ";
            display: inline-block;
            height: 10px;
            position: absolute;
            right: -12px;
            top: 4px;
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            width: 10px;
        }

        ul.tags li a {
            z-index: 150;
        }

            ul.tags li a i {
                color: #24AFB2;
                margin: 0 4px 0 10px;
            }

.sorter-filter {
    border-bottom: 1px solid #EEEEEE;
    line-height: 50px;
    margin: auto -10px;
    min-height: 50px;
    padding: 0 10px;
}

    .sorter-filter ul {
    }

        .sorter-filter ul li {
            display: inline-block;
        }

            .sorter-filter ul li a {
                margin: auto 15px;
            }

#mega-search {
    min-height: 33px !important;
    position: relative;
}

    #mega-search .search-field {
        height: 45px;
    }

        #mega-search .search-field div.extra {
            box-shadow: 0 0 2px #EEEEEE;
            display: none;
            margin: auto -10px;
            min-height: 50px;
            padding: 20px 10px 10px;
            position: absolute;
            top: 55px;
            width: 98%;
        }

            #mega-search .search-field div.extra:before {
                background: inherit;
                border-left: 1px solid #E9E9E9;
                border-top: 1px solid #E9E9E9;
                box-shadow: -2px -2px 2px #EEEEEE;
                content: " ";
                display: inline-block;
                height: 25px;
                left: 100px;
                position: absolute;
                top: -14px;
                transform: rotate(45deg);
                width: 25px;
            }

        #mega-search .search-field:hover div.extra {
            display: block;
            z-index: 2000;
        }

        #mega-search .search-field div.extra ul {
            margin: 20px 0;
            width: 100%;
        }

            #mega-search .search-field div.extra ul li {
                display: inline-block;
                font-size: 12px;
                line-height: 15px;
                margin: 5px auto;
                max-width: 185px;
            }

                #mega-search .search-field div.extra ul li a {
                    color: #938F8F;
                    display: inline-block;
                    float: right;
                    padding-left: 18px;
                    width: 80%;
                }

                #mega-search .search-field div.extra ul li i {
                    display: inline-block;
                    float: left;
                    padding-top: 2px;
                }

.bticon {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.accordion {
}

.accord-header {
    padding-left: 40px;
    position: relative;
}

    .accord-header:before {
        left: 8px;
        position: absolute;
        z-index: 100;
    }

.accord-content {
    display: none;
    padding: 5px 20px;
    position: relative;
}

    .accord-content:before {
        background: none repeat scroll 0 0 #F6F6F6;
        content: "-";
        font-family: 'FontAwesome';
        height: 30px;
        left: 0;
        line-height: 30px;
        position: absolute;
        text-align: center;
        top: -30px;
        width: 30px;
        z-index: 200;
        font-size: 30px !important;
    }

    .accord-content a {
        border-bottom: 1px solid #ddd;
        display: block;
        font-family: 'Source Sans Pro';
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        color: #444;
        padding-left: 20px;
    }

        .accord-content a:hover, .accord-content a.active {
            background: #777;
            color: #fff;
        }

.textarea {
    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 29px, #E7EFF8 0px);
    background-size: 100% 30px;
    height: 85%;
}

.gfe-status {
    height: 76px;
    margin-right: -10px;
    padding-left: 5px;
    padding-right: 30px;
    position: relative;
}

.rotate {
    font-size: 19px;
    height: 31px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -23px;
    text-align: center;
    top: 22px;
    transform: rotate(90deg);
    width: 76px;
}

.gfe-status .date {
    font-size: 27px;
    line-height: 76px;
    margin: 0 10px 0;
    text-align: center;
}

.gfe-info {
    margin-left: 55px;
    padding-top: 10px;
}

    .gfe-info h2 {
        display: block;
        margin-bottom: 20px;
    }

    .gfe-info div {
        clear: both;
        display: block;
        margin: 10px auto;
    }

.reffral1 {
    background: url("../images/reffral-img.jpg") no-repeat scroll center center #24AFB2;
}

.reffral2 {
    background: url("../images/reffral-img2.png") no-repeat scroll center center / cover #36A9E1;
}

.reffral3 {
    background: url("../images/reffral-img3.png") no-repeat scroll center center / cover #343A41;
}

.borderbox {
    border: 1px solid #DEDEDE;
    margin: 10px;
    padding: 10px;
}

.fb-btn {
    background: no-repeat scroll left center #3B579D;
    /*    height: 43px;
        line-height: 43px;
        min-width: 110px;  */
}

.twt-btn {
    background: no-repeat scroll left center #5EA9DD;
    /*    height: 43px;
        line-height: 43px;
        min-width: 110px;*/
}

.button-big {
    /*    height: 43px;
        line-height: 43px;*/
}

.rounds ul {
    display: block;
}

    .rounds ul li {
        background: none repeat scroll 0 0 #E0E0E0;
        border-radius: 100%;
        color: #B9B9B9;
        display: inline-block;
        font-size: 18px;
        height: 35px;
        line-height: 35px;
        margin-left: 5px;
        position: relative;
        text-align: center;
        width: 35px;
    }

        .rounds ul li.active {
            background: none repeat scroll 0 0 #2F9FD5;
            color: #FFFFFF;
        }

            .rounds ul li.active:before {
                background: none repeat scroll 0 0 #2F9FD5 !important;
            }

        .rounds ul li:first-child:before {
            display: none;
        }

        .rounds ul li:before {
            background: none repeat scroll 0 0 #E0E0E0;
            content: " ";
            display: inline-block;
            height: 6px;
            left: -8px;
            position: absolute;
            top: 15px;
            width: 8px;
        }

ul.hover-gray li:hover {
    background: none repeat scroll 0 0 #EDEDED;
}

.pic-Profile {
    float: right;
}

.profile-dropdown {
    background: #FFFFFF;
    border: 2px solid #E9E9E9;
    display: none;
    height: auto !important;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 100%;
    width: auto;
    z-index: 999;
    margin: -25px 0 0;
}

    .profile-dropdown:after {
        background: none repeat scroll 0 0 #FFFFFF;
        border-left: 2px solid #E9E9E9;
        border-top: 2px solid #E9E9E9;
        content: "";
        height: 14px;
        position: absolute;
        right: 15px;
        top: -10px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        width: 14px;
    }

.ico-profile:hover .profile-dropdown {
    display: block;
}

.profile-dropdown ul {
    line-height: 20px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
}

    .profile-dropdown ul li {
        padding: 5px 0;
    }

        .profile-dropdown ul li.has-seprator {
            border-bottom: 1px solid #EDEDED;
        }

.box-search1.box-search1Custom {
    width: 22% !important;
}

.box-search2.box-search2Custom {
    width: 69% !important;
}

.profile-dropdown ul li a {
    color: #938F8F;
    display: block;
    padding: 5px 5px 0;
}

    .profile-dropdown ul li a i {
        float: left;
        font-size: 16px;
        width: 25px;
        color: #666;
    }

    .profile-dropdown ul li a:hover, .profile-dropdown ul li.active a {
        color: #36A9E1;
    }

        .profile-dropdown ul li a:hover i {
            color: #36A9E1;
        }

#sidebar ul > li {
    position: relative;
}

    #sidebar ul > li > div.sub-level {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 2px solid #E9E9E9;
        display: none;
        left: 100%;
        min-height: 50px;
        padding: 5px 0;
        top: 9px;
        width: 170px;
        z-index: 999;
    }

    #sidebar ul > li:hover > div.sub-level {
        display: block;
    }

    #sidebar ul > li > div.sub-level:after {
        background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: 2px solid #E9E9E9;
        border-right: 2px solid #E9E9E9;
        content: "";
        height: 14px;
        left: -9px;
        position: absolute;
        top: 18px;
        transform: rotate(130deg);
        width: 14px;
    }

    #sidebar ul > li > div.sub-level ul {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        padding: 5px;
        text-transform: capitalize;
    }

        #sidebar ul > li > div.sub-level ul > li {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #EDEDED -moz-use-text-color -moz-use-text-color;
            border-image: none;
            border-right: 0 none;
            border-style: solid none none;
            border-width: 1px 0 0;
            height: auto;
            padding: 0;
            text-align: left;
        }

            #sidebar ul > li > div.sub-level ul > li > a {
                display: block;
                padding: 5px 10px;
            }

            #sidebar ul > li > div.sub-level ul > li:first-child {
                border: 0 none;
            }

.box.box-top-green {
    background: none repeat scroll 0 0 #24AFB2;
    color: #FFFFFF;
}

.box-top-green-padding {
    padding: 8px !important;
}

.box.box-top-green:after {
    clear: both;
    content: "";
    display: block;
}

.leads-title {
    display: block;
    font-size: 22px;
    line-height: 30px;
    padding: 10px 0 0;
    white-space: nowrap;
}

.btnFa, input.btnFa[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: FontAwesome !important;
    font-size: 17px;
    height: 23px;
    line-height: 24px;
    padding: 0;
    text-align: left;
    width: 21px;
}

.search-text {
    overflow: hidden;
}

    .search-text input[type="text"] {
        border-bottom: 1px solid #FFFFFF;
        color: #FFFFFF;
        width: 100%;
    }

ul.btn.btn01 {
    float: right;
    margin: 7px 0 0;
}

    ul.btn.btn01 li {
        padding: 0 18px;
        position: relative;
    }

        ul.btn.btn01 li a {
            font-size: 14px;
        }

        ul.btn.btn01 li:hover {
            opacity: 1;
        }

.dropdown-holder {
    position: relative;
}

ul.btn.btn01 li.hastip:after {
    background: #fff;
    content: "";
    height: 20px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -10px;
    top: 41px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    width: 20px;
    z-index: 99;
}

.form-drop {
    background: #FFFFFF;
    border-color: #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    display: none;
    margin: 0 0 0 -2px;
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 60px;
    width: 148%;
    z-index: 9;
}

    .form-drop .row-labe {
        float: left;
        font-size: 12px;
        line-height: 30px;
        margin-right: 10px;
        max-width: 100px;
        width: 80px;
    }

    .form-drop .row-holder {
        margin: 2px 0;
    }

        .form-drop .row-holder .formElementHolder {
            float: none;
            overflow: hidden;
            padding: 0 0 5px;
            width: auto;
        }

        .form-drop .row-holder input[type="text"], .form-drop .row-holder input[type="password"] {
            border: 0 none;
            height: 20px;
            line-height: 20px;
            margin-left: 5px;
        }

    .form-drop input[type="button"], .form-drop input[type="submit"], .form-drop button, .form-drop .button {
        font-size: 15px;
        margin-top: 17px;
        padding: 7px 17px;
        text-align: center;
        text-transform: uppercase;
    }

/*Notification DropDown*/
#ascrail2000 > div {
    background: rgba(0,0,0,0.33) !important;
    border: 0 !important;
    width: 4px !important;
    margin: 0 3px 0 0 !important;
}

#ascrail2001 > div {
    background: rgba(0,0,0,0.33) !important;
    border: 0 !important;
    width: 4px !important;
    margin: 0 3px 0 0 !important;
}

#noti-bar .mCSB_container, #email-noti .mCSB_container {
    margin-right: 10px;
}

#noti-bar .mCustomScrollBox > .mCSB_scrollTools, #email-noti .mCustomScrollBox > .mCSB_scrollTools {
    width: 10px;
}

.bubble-note {
    border-radius: 4px;
    background: linear-gradient(top, #fa3c45, #dc0d17);
    background: -webkit-linear-gradient(top, #fa3c45, #dc0d17);
    background: -moz-linear-gradient(top, #fa3c45, #dc0d17);
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#header-profile .notification-dropDown, #header-profile .Email-dropDown {
    position: absolute;
    width: 306px;
    background: #fff;
    border: 1px solid #ccc;
    top: 48px;
    z-index: 999;
    left: -150px;
    text-align: left;
    display: none;
    box-shadow: 0 5px 2px rgba(0,0,0,0.2);
    color: #545454;
}

    #header-profile .notification-dropDown .hldr, #header-profile .Email-dropDown .hldr {
        position: relative;
        overflow: hidden;
        height: 110%;
        width: 100%;
    }

    #header-profile .notification-dropDown ul, #header-profile .Email-dropDown ul {
        position: relative;
        background: #fff;
        z-index: 9999;
        height: 300px;
        margin: 0;
        overflow: auto;
        padding: 0;
    }

    #header-profile .notification-dropDown li, #header-profile .Email-dropDown li {
        border-top: 1px solid #efeded;
        color: #4d4d4d;
        overflow: hidden;
        padding: 5px 15px 5px 10px;
        background: #fff;
    }

        #header-profile .notification-dropDown li.unread, #header-profile .Email-dropDown li.unread {
            background: #f8f5f5;
        }

        #header-profile .notification-dropDown li:first-child, #header-profile .Email-dropDown li:first-child {
            border: 0;
            margin: 0;
        }

        #header-profile .notification-dropDown li p, #header-profile .Email-dropDown li p {
            margin: 5px 0 0;
            font-size: 0.875rem;
            text-align: left;
            color: #545454;
        }

            #header-profile .notification-dropDown li p a, #header-profile .Email-dropDown li p a {
                color: #24afb2;
            }

    #header-profile .notification-dropDown span.tip, #header-profile .Email-dropDown span.tip {
        background: #fff;
        height: 19px;
        position: absolute;
        left: 50%;
        margin: 0 0 0 5px;
        top: -11px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        width: 18px;
        z-index: 99;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

.time {
    float: right;
    font-style: italic;
    font-size: 11px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
}

#header-notification div.circle.color-toggle {
    background: #343a41;
}

    #header-notification div.circle.color-toggle.color-toggle1 {
        background: #24afb2;
    }

.img-holder {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
    background: #333;
}

.email-detail {
    overflow: hidden;
}

.seeAll {
    float: right;
    color: #000;
    font-size: 17px;
    margin: 0 5px 0 0;
    font-weight: 400;
}

    .seeAll > a {
        color: #545454;
    }

        .seeAll > a:hover {
            color: #333;
        }

.validation-summary-errors {
    overflow: hidden;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 10px 0 0 50px;
    margin: 0 0 20px;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        color: #a63b39;
        font-size: 15px;
        line-height: 18px;
    }

        .validation-summary-errors ul li {
            margin: 0 0 5px;
            background: url(../images/alert-error.png) no-repeat;
            background-size: 15px 15px;
            padding: 0 0 0 20px;
        }

.postion-dynamic {
    position: fixed;
    bottom: 0;
    width: 100%;
}

    .postion-dynamic .button-holder {
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        background: #fff;
        left: 0;
        padding: 10px 0;
        max-width: 1104px;
        overflow: hidden;
    }

    .postion-dynamic.posRelative {
        position: relative !important;
        box-shadow: none;
    }

        .postion-dynamic.posRelative .button-holder {
            box-shadow: none;
        }

    .postion-dynamic a {
        padding: 5px 35px;
        float: right;
        margin: 0 10px 0 0;
    }

    .postion-dynamic.posRelative a {
        padding: 5px 35px;
        float: right;
        margin: 0 10px 0 0;
    }

.logo-image {
    max-height: 58px;
    margin: 5px 10px 0;
    max-width: 80px;
    float: left;
}

/********* Fast Edit *********/
.left-search-panel {
    float: left;
    width: 20%;
}

.right-info-panel {
    float: right;
    width: 80%;
}

.search-navigate-holder {
    padding: 0 15px 0 0;
}

.clear-all-after {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

    .clear-all-after:after {
        display: block;
        content: " ";
        clear: both;
    }

.eiditing-options h3 {
    margin: 0 0 15px;
}

.edit-address {
    font-size: 20px;
    margin: 0 0 0 30px;
}

.custom-left {
    margin: 0 !important;
    float: left;
}

.custom-right {
    float: right;
    margin: 0 !important;
}

    .custom-right ul.top-menu {
        margin: 0;
        padding: 0;
    }

        .custom-right ul.top-menu li {
            margin: 10px 5px;
        }

.custom-left .input-icon {
    width: 100%;
}

.table-genaric {
    margin: 0 !important;
    width: 100% !important;
}

    .table-genaric tr td {
        padding: 5px 10px;
        box-sizing: border-box;
    }

        .table-genaric tr td h3 {
            font-size: 17px;
            line-height: 22px;
            font-weight: 400;
        }

.eiditing-options:after {
    display: block;
    content: " ";
    clear: both;
}

.date-dispute {
    float: right;
    margin: 0 0 0 35px;
    font-style: normal;
    font-size: 17px;
}

.address-panel:after, .address-panel address:after {
    display: block;
    content: " ";
    clear: both;
}

.address-panel address {
    display: block;
    font-style: normal;
    line-height: 20px;
    position: relative;
}

    .address-panel address span {
        padding: 0 10px 0 0;
        box-sizing: border-box;
        line-height: 25px;
        font-size: 15px;
    }

        .address-panel address span em {
            font-size: 15px;
            font-style: normal;
        }

    .address-panel address strong {
        font-weight: 500;
        /*    color:#000;*/
    }

.address-form {
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    padding: 10px;
    background: #F5F5F5;
    border: 1px solid #ddd;
    display: none;
    z-index: 999;
}

    .address-form:before {
        width: 14px;
        height: 13px;
        content: " ";
        clear: both;
        background: #F5F5F5;
        border: 1px solid #ddd;
        position: absolute;
        top: -8px;
        right: 10px;
        transform: rotate(43deg);
        border-bottom: 0;
        border-right: 0;
    }

.edit-address {
    float: right;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.button.address-save {
    font-size: 15px;
    margin: 10px 0 0;
}

.text-input-form {
    width: 100%;
    background: #fff;
}

.textarea.textarea-reason {
    height: 50px !important;
    min-height: 50px !important;
    width: 100% !important;
    box-sizing: border-box;
    line-height: 20px !important;
}

.reason-form select {
    margin: 0 0 10px;
}

.table-left-header {
    overflow: hidden;
    padding: 10px 0;
}

.buttons-holder {
    padding: 13px 0 0;
}

.table-left-header table {
    width: 100%;
    table-layout: fixed;
}

    .table-left-header table tr {
        display: block;
        border-right: 1px solid #eee;
        vertical-align: middle;
    }

        .table-left-header table tr:hover {
            background: #eee;
        }

        .table-left-header table tr td {
            box-sizing: border-box;
            padding-left: 15px;
            font-size: 13px;
            height: 30px;
            border-left: 1px solid #eee;
            line-height: 30px;
            vertical-align: middle;
            padding: 0;
            width: 27%;
        }

            .table-left-header table tr td:first-child {
                border: 0 !important;
                position: relative;
                top: -1px;
            }

        .table-left-header table tr:first-child td {
            border-top: 3px solid #2f9fd5;
        }

            .table-left-header table tr:first-child td:nth-child(2) {
                border-top: 3px solid #af4040;
            }

            .table-left-header table tr:first-child td:last-child {
                border-top: 3px solid #889a6a;
            }

.fastedit-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .fastedit-row:hover {
        background: #ededed;
    }

.recently-edit {
    background: #F9F9C5 !important;
}

.table-left-header.recently-edit {
    padding: 0px 0;
}

.eiditing-options {
    margin-bottom: 15px;
}

.grid-row.recently-edit:hover {
    background: #24afb2 !important;
}

.fastedit-cell {
    display: table-cell;
    padding: 0 15px;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    height: 30px;
    vertical-align: middle;
}

    .fastedit-cell:first-child {
        border-left: 0;
    }

.fastedit-row.first:first-child .fastedit-cell:first-child {
    border-top: 3px solid #55606e;
}

.fastedit-row.first:first-child .fastedit-cell:nth-child(2) {
    border-top: 3px solid #af4040;
}

.fastedit-row.first:first-child .fastedit-cell:nth-child(3) {
    border-top: 3px solid #2f9fd5;
}

.fastedit-row.first:first-child .fastedit-cell:last-child {
    border-top: 3px solid #889a6a;
}

.fastedit-row .fastedit-cell:first-child {
    box-sizing: border-box;
    vertical-align: middle;
    width: 20%;
}

.fastedit-row .fastedit-cell:last-child {
    border-right: 1px solid #ededed;
}

.fastedit-row .fastedit-cell seledt {
    width: 100%;
    color: #000;
}

.fastedit-row .fastedit-cell input {
    line-height: 30px;
}

.popup-holder {
    position: relative;
    cursor: pointer;
}

.popup-text {
    position: absolute;
    bottom: 18px;
    border: 1px solid #ccc;
    background: #dcdcdc;
    border-radius: 5px;
    left: 0;
    min-width: 200px;
    padding: 10px;
    color: #000;
    line-height: 20px;
    display: none;
}

.popup-holder:hover .popup-text {
    display: block;
}

.popup-text:after {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -6px;
    left: 12px;
    border: 1px solid #ccc;
    background: #dcdcdc;
    content: " ";
    transform: rotate(44deg);
    border-top: 0;
    border-left: 0;
}

.text-accounts {
    color: #000 !important;
    height: 30px !important;
    border: 0 !important;
    width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

table tr th .text-accounts {
    color: #fff !important;
}
/****************   dispute plan   *****************/

.fullEdit {
    min-width: 100px;
    /*    padding:0 10px;*/
    text-align: center;
}

.percentage-select select {
    border: 0;
    width: 120px !important;
}

ul.Twocoloum li {
    line-height: 35px;
}

    ul.Twocoloum li:after {
        display: block;
        content: " ";
        clear: both;
    }

.topselect-holder {
    padding: 3px 10px 0;
}

ul.btn.btn-fast-edit li {
    padding: 0 9px;
    float: right;
}

    ul.btn.btn-fast-edit li a {
        font-size: 13px;
    }

.box-consumer-cost {
    overflow: hidden;
}

    .box-consumer-cost .textarea {
        width: 100%;
        min-height: 228px;
    }

.consumer-cost ul.Twocoloum {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #dfdbde;
}

    .consumer-cost ul.Twocoloum li {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        border: 0;
    }

.percentage-select {
    width: 100px;
}

    .percentage-select .select-area {
        border: 0;
    }

.consumer-cost ul.Twocoloum li:nth-child(odd) {
    background: #F4F4F4;
}

.consumer-cost ul.Twocoloum li {
    border-left: 1px solid #dfdbde;
}

.box-consumer-cost ul.listing li span {
    line-height: inherit;
    float: none !important;
    margin: 0 !important;
}

.box-consumer-cost ul.Twocoloum {
    overflow: hidden;
}

.total_excluding_one_time_fees {
    margin: 0 0 0 15px;
}

.consumer-cost ul.Twocoloum li:first-child {
    border-left: 0;
}

.consumer-cost ul.Twocoloum li div {
    float: none;
}

.textarea.textareahereby {
    height: 70px;
    min-height: 70px;
    width: 100%;
    line-height: 20px;
    position: relative;
    top: -10px;
}

#letter-process:after {
    display: block;
    content: " ";
    clear: both;
}

#letter-process h4 {
    line-height: 60px;
}

#top-menu {
    min-height: 34px;
}

.creat-letters-holder:after {
    display: block;
    content: " ";
    clear: both;
}

.letters-left {
    float: left;
    width: 70%;
}

.letters-option {
    padding: 30px 15px;
}

.label-option, .label-option1 {
    line-height: 24px;
}

    .label-option:before, .label-option1:before {
        display: none;
    }

.letter-accrodian {
    margin: 0 0 15px;
}

.select-title {
    display: block;
    font-size: 17px;
    font-weight: 300;
    padding: 10px 15px 0 0;
    float: left;
    text-align: right;
    width: 149px;
}

.letter-select-option {
    overflow: hidden;
}

.select-template-here {
    margin: 0 0 10px;
}

    .select-template-here:after {
        display: block;
        content: " ";
        clear: both;
    }

    .select-template-here a.view-template {
        float: right;
        text-align: right;
        line-height: 30px;
        width: 40px;
        color: #454545;
        margin: 0 70px 0 0;
    }

.inner-select {
    overflow: hidden;
}

.letter-template-holder {
    display: none;
}

.letters-right {
    float: right;
    width: 30%;
}

    .letters-right .custom-left {
        float: left;
        width: 48%;
    }

    .letters-right .custom-right {
        float: right;
        width: 48%;
    }

    .letters-right .Twocoloum.listing {
        margin: 0 0 10px;
        padding: 0;
    }

        .letters-right .Twocoloum.listing li {
            line-height: 22px;
            font-size: 14px;
            border-bottom: 1px solid #E8E8E8;
        }

table td {
    height: 35px;
    vertical-align: middle;
}

table.dispute-plan-grid {
    margin: 15px 0 0 !important;
    width: 100% !important;
    table-layout: fixed;
}

    table.dispute-plan-grid .select-area {
        border: 0;
        color: #000;
    }

    table.dispute-plan-grid tr th {
        font-weight: 400;
        color: #fff;
        padding: 10px;
        border-left: 1px solid #7F8996;
        text-align: left;
        height: 20px !important;
        line-height: 20px;
    }

    table.dispute-plan-grid tr td {
        padding: 0 10px;
        line-height: 40px !important;
        height: 40px;
        border-left: 1px solid #ededed;
        font-size: 13px;
    }

    table.dispute-plan-grid.edit-print-grid tr td {
        line-height: 17px !important;
        font-weight: 400;
        font-size: 13px;
        line-height: 22px !important;
    }

    table.dispute-plan-grid tr td:lest-child {
        border-right: 1px solid #ededed;
    }

    table.dispute-plan-grid tr {
        border-bottom: 1px solid #efefef;
    }

        table.dispute-plan-grid tr td select {
            border: 0;
            color: #000;
        }

        table.dispute-plan-grid tr td table {
            table-layout: fixed;
            width: 101.9% !important;
            margin: 0 -10px 0 !important;
        }

            table.dispute-plan-grid tr td table tr th {
                background: #D6D6D6;
                color: #000;
                font-size: 14px;
                border-left: 1px solid #C7C7C7;
                padding: 0 10px;
                line-height: 40px !important;
                height: 40px;
            }

        table.dispute-plan-grid tr td:last-child {
            border-right: 1px solid #ededed;
        }

        table.dispute-plan-grid tr td table tr th .select-area {
            top: 8px;
        }

        table.dispute-plan-grid tr td table tr th:first-child, table.dispute-plan-grid tr td table tr td:first-child {
            border: 0;
        }

        table.dispute-plan-grid tr td table tr th select {
            color: #000;
        }

    table.dispute-plan-grid thead tr {
        border: 0;
    }

.top-gfe h1 {
    margin: 10px 0 0;
}

table.invoice-split-data-table {
    margin: 0 !important;
    width: 99.98% !important;
}
    table.invoice-split-data-table tr th {
        font-weight: 400;
        color: #fff;
        text-align: left;
        padding: 0 8px;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    table.invoice-split-data-table tr td {
        border-left: 1px solid #ededed;
    }

        table.invoice-split-data-table tr td:first-child {
            padding: 0 3px;
        }

        table.invoice-split-data-table tr td:last-child {
            border-right: 1px solid #ededed;
        }
        table.invoice-split-data-table th
        {
                background-color: #13ADB1;
        }
.invoice-details-split li strong
{
    font-size: 14px !important;
}

.invoice-details-split li.bg-green {
    padding: 10px;
    background-color: #13ADB1;
     color: #fff;
}

.invoice-right .invoice-details-split li.bg-green strong {
    font-weight: 600;
    color: #fff;
}

table.gfe-data-table {
    margin: 0 !important;
    width: 100% !important;
}

    table.gfe-data-table tr th {
        font-weight: 400;
        color: #fff;
        text-align: left;
        padding: 0 8px;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    table.gfe-data-table tr td {
        border-left: 1px solid #ededed;
    }

        table.gfe-data-table tr td:first-child {
            padding: 0 8px;
        }

        table.gfe-data-table tr td:last-child {
            border-right: 1px solid #ededed;
        }

.gfe-fee {
    position: relative;
}

    .gfe-fee span {
        margin: 0 0 0 2px;
        position: absolute;
        font-size: 14px;
        top: 16px;
    }

li .gfe-fee span {
    margin-left: 0% !important;
    position: static !important;
    float: none !important;
}

.gfe-total-dollar {
    position: relative !important;
    top: 0px !important;
    display: inline-block;
}
/********* Edit Print*******/
.edit-print {
    overflow: hidden;
    padding: 20px 0 0;
}

.eidt-print-left {
    float: left;
    width: 45%;
}

.eidt-print-right {
    width: 50%;
    padding: 0 2%;
    float: right;
}

.edit-print-form {
    overflow: hidden;
    padding: 0 10px;
}

.mailnotice {
    float: right;
    width: 58%;
    margin: 0 8% 0 0;
}

.edit-print-label {
    float: left;
    width: 30%;
    margin: 7px 0 0;
    text-align: right;
    line-height: 20px;
}

.filter-info-container-left {
    width: 23%;
}

    .filter-info-container-left .filter-selectone {
        width: 60%;
        margin: 0 15px 0 0;
    }

    .filter-info-container-left .filter-sort {
        width: 30%;
    }

        .filter-info-container-left .filter-sort h5 {
            line-height: 34px;
        }

.filter-info-container-right {
    float: right;
    width: 75%;
}

    .filter-info-container-right ul.top-menu li {
        margin: 1px 3px 10px !important;
    }

.grid-action-links a {
    margin: 0 3px !important;
    font-size: 13px !important;
}

#upload .text-right img {
    float: right;
    margin: 9px -42px 0;
    width: 25px;
}

.jcf-fake-input span {
    margin: 0 10px !important;
}

.bg-dark7 {
    background: #a2a2a2;
}

.circle-envelop img {
    width: 28px;
    height: 16px;
    margin: 20px auto 0;
}

.circle-envelop {
    font-size: 28px;
}

    .circle-envelop a {
        color: white;
    }

.check-all-filter {
    float: left;
    width: 14%;
    margin: 0 2% 0 0;
}

    .check-all-filter:first-child {
        width: 32%;
        padding: 10px 0;
    }

.filter-text {
    line-height: 30px;
}

.creditor {
    background: #479792;
}

.regularity {
    background: #8c6d40;
}

.pending-letters-holder {
    overflow: hidden;
    font-size: 15px;
    margin: 0 10px 10px 0;
    line-height: 30px;
    display: inline-block;
}

.letters .left {
    margin: 0 15px 0 0;
}

.pending-letters-holder span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    float: left;
}

.round-information {
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    background: #fff;
    border-bottom: 1px solid #ededed;
}

    .round-information span {
        line-height: 30px;
    }

    .round-information em {
        float: right;
        margin: 0 10px 0 0;
        font-style: normal;
        line-height: 30px;
    }

    .round-information .circle-small {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }

.box.box-top-green ul.btn.btn01 {
    float: none;
    width: 100%;
    display: table;
}

    .box.box-top-green ul.btn.btn01 li {
        display: table-cell;
        float: none !important;
        border-right: 2px solid #24afb2;
        text-align: center;
    }

.box.box-top-green .left, .box.box-top-green .right {
    min-width: 200px;
}

.box-notes {
    margin: 0;
}

table.grid-table tr.grid-row td {
    word-break: break-all;
    font-size: 14px;
}

table.grid-table tr.grid-row:hover span.skype_c2c_container * {
    color: #fff !important;
}

.title-greenbox {
    float: left;
    width: 60%;
}

.search-greenbox {
    float: right;
    width: 33%;
}

    .search-greenbox input.dynamic-list-widget-input {
        font-family: "Source Sans" !important;
        font-size: 13px !important;
        font-weight: 300 !important;
    }

.box.st-tab {
    padding: 5px;
    min-height: 20px;
}

    .box.st-tab .box-class {
        display: inline-block;
        font-size: 20px;
        line-height: 30px;
        margin: 5px 0 -10px 11px;
    }

.st-tabInner {
    margin: 0 10px 0 0;
}

.letters-accordion {
    overflow: hidden;
    clear: both;
}

.letters-row {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ededed;
    margin: 0 0 20px;
}

.letter-accounts {
}

.letter-title {
    padding: 10px;
    background: #24afb2;
    color: #fff;
}

    .letter-title h3 {
        font-size: 17px;
        line-height: 23px;
    }

    .letter-title em {
        font-size: 14px;
        float: right;
        line-height: 23px;
        font-style: normal;
        margin: 0 0 0 10px;
        color: #fff;
    }

        .letter-title em.printDate {
            margin: 0 100px 0 0;
            color: #fff;
        }

.top-info-letter {
    padding: 15px;
}

    .top-info-letter h6 {
        font-size: 14px;
    }

        .top-info-letter h6 strong {
            font-weight: 500;
            margin: 0 5px 0 0;
        }

        .top-info-letter h6 span {
            margin: 0 20px 0 0;
        }

.letter-two-cols {
    overflow: hidden;
    padding: 15px 0;
}

.letters-accounts {
    float: left;
    width: 30%;
}

    .letters-accounts .mCSB_container {
        margin-right: 10px !important;
    }

    .letters-accounts .mCustomScrollBox > .mCSB_scrollTools {
        width: 5px !important;
    }

.title-accounts {
    display: block;
    font-weight: 300;
    padding: 10px;
    font-size: 17px;
}

.accounts-listing {
    overflow: auto;
    height: 300px;
    border: 1px solid #ededed;
}

    .accounts-listing li {
        border-bottom: 1px solid #ededed;
        line-height: 18px;
        font-size: 15px;
        word-break: break-all;
    }

        .accounts-listing li a {
            color: #000;
            display: block;
            padding: 5px 10px;
        }

        .accounts-listing li:hover a {
            background: #24afb2;
            color: #fff;
        }

.letter-preview {
    float: right;
    width: 68%;
    border: 1px solid #ededed;
    height: 337px;
}

.button-create-letters {
    float: right;
    padding: 5px 20px;
}

    .button-create-letters:hover {
        background: #333;
    }

.letters-account-name {
    float: left;
    padding: 5px;
    margin: 5px;
}

.top-info-letter h6 .button-create-letters {
    margin: 0 0 0 10px;
}

.has-accounts-dropdown {
    position: relative;
}

    .has-accounts-dropdown ul {
        position: absolute;
        z-index: 9999;
        right: 0;
        top: 100%;
        background: #fff;
        border: 1px solid #ddd;
        border-top: 0;
        box-shadow: 0 0 1px #999;
        min-width: 200px;
        display: none;
    }

    .has-accounts-dropdown:hover {
        opacity: 1;
    }

        .has-accounts-dropdown:hover ul {
            z-index: 9999;
            display: block;
        }

    .has-accounts-dropdown ul li {
        display: block;
        float: none !important;
        background: none !important;
        padding: 0 !important;
        border-top: 1px solid #ededed;
    }

        .has-accounts-dropdown ul li:first-child {
            border: 0;
        }

        .has-accounts-dropdown ul li a {
            color: #888;
            display: block;
            padding: 0 15px;
        }

        .has-accounts-dropdown ul li:hover a {
            background: #ededed;
            color: #000;
        }

.box-add-account {
    display: none;
}

.custom-left.custom-left1 {
    margin: 19px 0 0 !important;
}

.fastedit-row.fastedit-row1 .fastedit-cell {
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    border-top: 1px solid #ddd;
}

.fastedit-row.fastedit-row1:hover {
    background: #E8E8E8;
}

.fastedit-row.fastedit-row1 .fastedit-cell:first-child {
    padding: 0 15px !important;
    width: 85px !important;
    font-size: 12px;
}

.fastedit-row.fastedit-row1 .fastedit-cell input {
    padding: 0 !important;
    text-align: center;
    font-size: 11px;
}

#productList h3 a {
    text-decoration: none !important;
}

#productList hr {
    display: none;
}

h3.right {
    float: none !important;
    margin: 0 0 5px;
    display: block;
}

#productList .box img {
    width: 85px;
    height: 75px;
}

.scrollToTop {
    background: url('../../Content/images/arrow_up.png') no-repeat center center !important;
    text-indent: -9999px !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 26px 20px !important;
    padding: 6px !important;
    background-color: #343A41 !important;
    border-radius: 100% !important;
    top: auto !important;
    bottom: 10px !important;
    right: 10px !important;
}

.col7.col-right {
    float: right;
    margin: 0;
}

#subTypeSection .col9 .col2 {
    margin: 0 5px 0 0 !important;
}

    #subTypeSection .col9 .col2 label {
        font-size: 0.7rem !important;
    }

.upload-box .button {
    height: 35px;
    line-height: 30px;
    display: inline-block;
    font-size: 17px;
    border: none;
    padding: 0 35px;
    cursor: pointer;
    font-family: 'Source Sans Pro' !important;
    font-weight: 300;
    margin: 5px;
    margin: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

/*04-06-2015*/
.double-list p {
    transition: all 0.61s;
}

.double-list ul li {
    float: left;
    width: 152px;
    padding: 5px 10px;
    height: 60px;
}

    .double-list ul li strong {
        font-size: 13px;
        font-weight: 500;
        color: #999;
        display: block;
        margin: 0 0 5px;
        border-bottom: 1px dotted rgb(219, 219, 219);
    }

    .double-list ul li p {
        font-size: 14px;
        font-weight: 500;
        padding-top: 2px;
    }

.text-field .input-icon {
    text-indent: 0;
    width: 100%;
}

.text-field {
    padding: 0 10px 0 0;
}

.custom-filters {
    display: table;
    width: 100%;
}

    .custom-filters .col2 {
        float: none !important;
        display: table-cell;
        margin: 0;
        vertical-align: top;
        width: auto;
    }

.invoice-container {
    overflow: hidden;
}

.invoice-left {
    float: left;
    width: 300px;
}

.invoice-right {
    width: 300px;
    float: right;
}

.invoice-details {
    margin: 0 0 20px;
}

    .invoice-details li {
        line-height: 24px;
        /* padding: 5px 0; */
        border-bottom: 1px solid #ededed;
        float: none;
        font-size: 15px;
    }

.invoice-right .invoice-details li {
    text-align: right;
}

    .invoice-right .invoice-details li strong {
        float: left;
        font-weight: 400;
        /*    color:#000;*/
        font-size: 18px;
    }

.invoice-details li.bg-dark {
    padding: 10px;
    color: #fff;
}

.invoice-right .invoice-details li.bg-dark strong {
    font-weight: 600;
    color: #fff;
}

.invoice-left .topselect-holder {
    padding: 0 10px 0 0;
    float: left;
    width: 250px;
}

.payment-infor .title {
    display: block;
    font-weight: 400;
    /*    color:#000;*/
    font-size: 18px;
    margin: 0 0 10px;
}

.btn-capture {
    width: 60px;
}

.gfe-data-table.gfe-data-table01 th {
    font-size: 16px !important;
}

.gfe-data-table.gfe-data-table01 td {
    padding: 0 10px;
}

.invoice-details input[type=text] {
    width: 70px;
    text-align: right;
    border: 0;
}

.customer-listing {
    display: table;
    width: 100%;
    background: #fff;
    margin: 0 0 8px !important;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
}

    .customer-listing .list-cell {
        display: table-cell;
        vertical-align: top;
        height: 100px;
        position: relative;
    }

        .customer-listing .list-cell:first-child {
            width: 20%;
            border-right: 3px solid #ededed;
        }

        .customer-listing .list-cell .holder-list {
            padding: 10px;
            overflow: hidden;
        }

    .customer-listing.list-done .list-cell:first-child {
        border-left: 5px solid #24afb2;
    }

    .customer-listing.list-pending .list-cell:first-child {
        border-left: 5px solid #F11F34;
    }

    .customer-listing .list-cell .holder-list span {
        display: block;
        line-height: 25px;
        font-size: 15px;
        border-bottom: 1px solid #ededed;
        color: #55606e;
    }

        .customer-listing .list-cell .holder-list span strong {
            color: #55606e;
        }

        .customer-listing .list-cell .holder-list span a {
            color: #36a9e1;
        }

        .customer-listing .list-cell .holder-list span.bill-hold {
            font-weight: 600;
            color: #F11F34;
        }

        .customer-listing .list-cell .holder-list span.actions a {
            color: #888;
            font-size: 15px;
            margin: 0 7px 0 0;
        }

            .customer-listing .list-cell .holder-list span.actions a:hover {
                color: #000;
            }
/*setup wizard list 06-16-2015*/
.setup_wizard-holder {
    padding: 20px;
}

    .setup_wizard-holder ul li {
        border-bottom: 1px solid #DEDEDE;
        padding: 15px 0;
        clear: both;
        overflow: hidden;
    }

        .setup_wizard-holder ul li > div {
            float: left;
        }

        .setup_wizard-holder ul li a {
            font-size: 24px;
            color: #36A9E1;
        }

        .setup_wizard-holder ul li .list-image {
            margin: 0 10px 0 0;
            background: #a4a4a4;
            width: 40px;
            height: 40px;
            line-height: 42px;
            border-radius: 100%;
            text-align: center;
            color: #fff;
            font-size: 23px;
        }

@media only screen and (max-width: 1172px) {
    #body {
        padding: 0 10px;
    }

    ul.btn.btn01 li {
        padding: 0 8px !important;
    }

        ul.btn.btn01 li a {
            font-size: 11px;
        }

    .error-box {
        overflow: hidden;
        width: 97%;
    }

    .filter-info-container-left {
        width: 25%;
    }

    .filter-info-container-right {
        width: 73%;
    }

    ul.btn.btn01 li {
        padding: 0 8px !important;
    }

        ul.btn.btn01 li a {
            font-size: 11px;
        }

    .error-box {
        overflow: hidden;
        width: 97%;
    }

    h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1024px) {
    .mce-label {
        width: auto !important;
    }

    .dashboardCharts {
        width: 51% !important;
    }

    .highcharts-legend {
        -ms-transform: translate(15px,80px); /* IE 9 */
        -webkit-transform: translate(15px,80px); /* Safari */
        transform: translate(15px,80px);
    }

    .formElementHolder {
        width: 100%;
        margin: 0 0 15px !important;
    }

    .box-notes, .box-notes.right {
        margin: 0 0 10px !important;
        width: 100% !important;
    }

    .dynamic-list-widget {
        margin: 0 0 12px;
    }

    table.grid-table .grid-header:last-child {
        width: 40px !important;
    }

        table.grid-table .grid-header:last-child span {
            display: none;
        }

    .gridActionHolder {
        display: block;
        width: 30px;
        height: 18px;
        background: url("../images/view-list.png") no-repeat;
        position: relative;
        background-size: 100%;
        margin: 5px auto 0;
        position: relative;
    }

        .gridActionHolder div {
            display: none;
            position: absolute;
            top: 100%;
            right: -5px;
            padding: 3px 7px;
            background: #343A41;
            min-width: 170px;
            text-align: center;
            z-index: 9;
        }

        .gridActionHolder:hover div {
            display: block;
        }

            .gridActionHolder:hover div a {
            }

    .light1 {
        display: none;
    }

    .genaric-form label, .genaric-form .col8.last.right {
        text-align: left !important;
        width: 100%;
    }

    .genaric-form label {
        height: auto !important;
        min-height: 20px !important;
        line-height: 20px !important;
        margin: 0 !important;
    }

    .genaric-form input[type="text"], .genaric-form input[type="password"], .genaric-form input[type="date"], .genaric-form input[type="datetime"], .genaric-form input[type="datetime-local"], .genaric-form input[type="month"], .genaric-form input[type="week"], .genaric-form input[type="email"], .genaric-form input[type="number"], .genaric-form input[type="search"], .genaric-form input[type="tel"], .genaric-form input[type="time"], input[type="url"], .genaric-form textarea, .genaric-form #sample1 input {
        width: 100% !important;
        margin: 0 0 12px !important;
        width: 100% !important;
        margin: -5px 0 15px !important;
    }

    .genaric-form select {
        margin: 0 0 15px !important;
    }

    ul.btn li {
        width: 42%;
    }

    .genaric-form .col9 {
        width: 100%;
        margin: 0;
    }

    .custom-right, .custom-left {
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 0 10px !important;
    }

        .custom-right:after, .custom-left:after {
            display: block;
            content: " ";
            clear: both;
        }

    .left-search-panel {
        margin: 0 0 15px;
    }

    .search-navigate-holder {
        padding: 0;
    }

    .left-search-panel, .right-info-panel {
        float: none;
        width: 100%;
    }

    table.gfe-data-table tr th span {
        display: none;
    }

    .box-full {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .letters-right, .letters-left {
        margin: 0 0 20px;
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 850px) {
    #sidebar {
        width: 12%;
    }

    #bradcrumbs, #contents {
        width: 84%;
    }

    .box.box-top-green .col4 {
        margin: 0;
        width: 50% !important;
    }

        .box.box-top-green .col4:last-child {
            width: 100% !important;
        }

    ul.btn.btn01 li a {
        font-size: 16px;
    }

    .form-drop {
        width: 100%;
    }

    ul.btn.btn01 li {
        padding: 0 14px !important;
    }

    .filter-info-container-left {
        width: 100%;
        margin: 0 0 10px;
    }

    .filter-info-container-right {
        width: 100%;
    }

    .filter-info-container-left .filter-selectone {
        width: 30%;
        margin: 0 15px 0 0;
    }

    .lead-nav {
        text-align: center;
        overflow: hidden;
    }

        .lead-nav li, ul.top-menu li {
            width: 44% !important;
            float: left;
        }

            .lead-nav li .title {
                font-size: 18px !important;
                margin: 5px 0;
            }

    .box.box-top-green .col4 {
        margin: 0 0 15px;
        width: 100% !important;
    }

    .form-drop {
        width: 100%;
    }

    ul.btn.btn01 li {
        padding: 0 20px !important;
    }

        ul.btn.btn01 li a {
            font-size: 16px;
        }

    ul.btn.btn-fast-edit li {
        float: none !important;
        text-align: center;
    }

    .dropdown-holder ul.btn.btn01 {
        float: none;
    }

    .check-all-filter {
        float: left;
        width: 47%;
        margin: 0 2% 0 0;
        padding: 10px 0;
    }

        .check-all-filter:first-child {
            width: 100%;
        }

    .box-search1.box-search1Custom {
        width: 100% !important;
        box-sizing: border-box;
    }

    .box-search2.box-search2Custom {
        width: 100% !important;
        box-sizing: border-box;
    }

    .col7.col-right {
        float: none;
        width: 100%;
    }

    #subTypeSection .col2, #Code-div .col2, #Code-div .col10 {
        width: 100%;
        float: none;
        display: block;
        text-align: left !important;
    }
    /*06-04-2015*/
    .custom-filters .col2 {
        display: block;
    }

        .custom-filters .col2 .topselect-holder {
            padding: 0 15px 0px 0px;
        }
}
/*****   9-1-2015   *****/


.discardFastEditAccount {
    background: none repeat scroll 0 0 #c0392b;
    color: #fff;
    padding: 5px 10px 4px 10px;
    text-align: center;
    margin: 5px;
    line-height: 21px;
    min-width: 80px;
}

    .discardFastEditAccount:hover {
        opacity: 0.89;
    }

.icons-fast-edit {
    display: inline-block;
    margin: 5px 0 0 10px;
}

    .icons-fast-edit img {
        width: 20px;
        opacity: 0.6;
    }

    .icons-fast-edit.delete img {
        width: 15px;
        margin: 3px 0 0;
    }

.icons {
    text-align: center;
}

.icons-fast-edit:hover img {
    opacity: 1;
}

.fastedit-cell {
    position: relative;
}

.fast-actions-holder {
    position: absolute;
    top: 100%;
    background: #f7f7f7;
    right: 0;
    z-index: 999;
    text-align: center;
    display: none;
    border: 1px solid #d4d4d4;
    border-top: 0;
    padding-right: 10px;
}

.fastedit-cell:hover .fast-actions-holder {
    display: block;
}

.fast-actions-holder .icons-fast-edit {
    margin: 5px 10px;
}

    .fast-actions-holder .icons-fast-edit img {
        width: 15px;
    }

    .fast-actions-holder .icons-fast-edit.delete img {
        width: 14px;
        margin: 0;
    }

/*****   9-2-2015   *****/

.detail-container {
    overflow: hidden;
    padding: 10px 0;
}

    .detail-container .fastedit-cell {
        vertical-align: middle;
    }

.color-grey {
    color: #55606e;
}

.detail-container .fastedit-row:hover {
    background: transparent;
}

.detail-container .fastedit-row .fastedit-cell:last-child {
    border-right: none;
}


/*15 september 2015 tooltip*/

.sh-col {
    position: relative;
}

.sh-tooltip {
    font-family: sans-serif;
    position: absolute;
    background: #DCDCDC;
    top: 0;
    left: 100%;
    width: 200px;
    height: auto;
    padding: 10px 10px 5px;
    color: #40000b;
    border: 1px solid transparent;
    display: none;
    border-radius: 5px;
    margin-left: 15px;
    z-index: 999;
    line-height: 15px !important;
}

.sh-col:hover .sh-tooltip {
    display: block;
}

.sh-tooltip input {
    background: #fff;
    border: 0;
    margin-bottom: 10px;
    display: block;
    min-height: 30px;
    padding: 10px;
    width: 100%;
}

.sh-tooltip label {
    display: block;
    margin-bottom: 5px;
}

.sh-tooltip input[type=submit] {
    display: inline-block;
    margin: 0 auto;
    color: #fff;
    background: #40000b;
    margin-bottom: 0px;
    padding: 10px 15px;
}

.sh-tooltip::after {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #DCDCDC;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 10px;
    width: 0;
}

.sh-title {
    display: block;
    color: #111;
    font-size: 15px;
    margin: 0 0 2px;
    padding-bottom: 0px;
    line-height: 15px;
}

.sh-summary {
    font-size: 12px;
    color: #585858;
    margin: 0 0 6px;
    display: block;
    border-bottom: 1px solid #e9e9e9;
}

td .sh-tooltip .sh-summary:last-child {
    margin: 0 0 0px;
    border-bottom: 0px solid #e9e9e9;
}

td.sh-col:last-child .sh-tooltip {
    left: auto;
    right: 100%;
}

    td.sh-col:last-child .sh-tooltip::after {
        border-bottom: 15px solid transparent;
        border-left: 15px solid #DCDCDC;
        border-right: 15px solid transparent;
        border-top: 15px solid transparent;
        content: "";
        height: 0;
        left: auto;
        right: -30px;
        position: absolute;
        top: 10px;
        width: 0;
    }

table.dispute-plan-grid tr td table tbody tr:last-child .sh-tooltip {
    top: auto;
    bottom: 0px;
}

    table.dispute-plan-grid tr td table tbody tr:last-child .sh-tooltip::after {
        top: auto;
        bottom: 10px;
    }

table.dispute-plan-grid tr:last-child .sh-tooltip::after {
    top: auto;
    bottom: 10px;
}

table.dispute-plan-grid tr:last-child .sh-tooltip {
    top: auto;
    bottom: 0px;
}

.detail-container {
    overflow: visible;
}

    .detail-container:after {
        display: block;
        content: '';
        clear: both;
    }

.grid-1200:after {
    display: block;
    content: " ";
    clear: both;
}

/*********************************/
.ico-profile {
    padding: 12px 0 20px 15px;
    margin: -8px 0;
    border-radius: 100%;
    background: none;
    width: 40px;
    height: 40px;
}

    .ico-profile > a {
        display: block;
        border-radius: 100%;
        width: 40px;
        height: 40px;
    }

.grid-1200 {
    padding: 0 20px;
}

body {
    background: #f6f6f6;
}

.cro-header {
    background: #343a41;
}

#logo .logo-link {
    float: left;
    font-size: 28px;
    line-height: 59px;
}

.logo-link img {
    float: left;
    margin: 0 10px 0 0;
    max-width: 80px;
    max-height: 55px;
}

.header-time-holder {
    padding: 27px 20px 0;
    text-align: center;
    overflow: hidden;
}

    .header-time-holder p {
        font-size: 16px;
        line-height: 16px;
    }

#header-profile p {
    line-height: 15px;
}

#ProcessTimeline li.process {
    width: 127px;
}

#ProcessTimeline li a {
    display: block;
    text-align: center;
}

    #ProcessTimeline li a img {
        margin: 5px auto;
        width: 25px;
        height: 25px;
    }

    #ProcessTimeline li a .lead-counter, #ProcessTimeline li a .lead-name {
        display: block;
        font-size: 20px;
        color: #55606E;
        float: none;
        font-weight: 700 !important;
        padding-top: 0 !important;
    }

    #ProcessTimeline li a .lead-name {
        font-size: 14px;
        color: #55606E;
        line-height: 13px;
        font-weight: 300 !important;
    }

    #ProcessTimeline li a:hover .lead-counter, #ProcessTimeline li a:hover .lead-name {
        color: #36A9E1;
    }

.header-date {
    display: inline-block;
}

    .header-date .day-date {
        display: inline-block;
        vertical-align: top;
        font-size: 36px;
        margin: 0 7px 0 0;
        letter-spacing: -2px;
        line-height: 36px;
    }

    .header-date .month-year {
        display: inline-block;
        font-size: 14px;
        margin: 3px 0 0;
    }

.day-time {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
}

.hour-time {
    font-size: 36px;
    vertical-align: top;
}

.minutes-time {
    display: inline-block;
    text-align: left;
}

.seconds-time {
    display: block;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.time-standared {
    font-size: 13px;
    display: block;
    border-top: 1px solid #74777B;
    padding: 5px 0 0;
}

.pipe-sign {
    color: #74777B;
}

.header-notification a {
    line-height: 29px;
}

.dashboard-widget {
    background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    margin: 0 0 15px;
}

input.dynamic-list-widget-input {
    font-size: 13px;
}

.dashboard-widgets-holder:after {
    display: block;
    content: " ";
    clear: both;
}


.dashboard-widgets-holder .widget-holder {
    background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    float: right;
    margin-bottom: 15px;
    height: 490px;
    display: inline-block;
    width: 49.3%;
    box-sizing: border-box;
}

    .dashboard-widgets-holder .widget-holder img {
        height: auto;
    }

    .dashboard-widgets-holder .widget-holder:nth-child(odd) {
        float: left;
    }

#footer {
    background: #343a41 !important;
}

    #footer, #footer div.right a {
        color: #fff;
    }

        #footer, #footer div.right a:hover {
            color: #ccc;
        }

.box-top-green .search-text input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

.box-top-green .search-text input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.box-top-green .search-text input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.box-top-green .search-text input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.box-top-green input.dynamic-list-widget-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

.box-top-green input.dynamic-list-widget-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.box-top-green input.dynamic-list-widget-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.box-top-green input.dynamic-list-widget-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.box-top-green input.dynamic-list-widget-input {
    color: #fff;
}

.k-pager-wrap > .k-link {
    border-radius: 0 !important;
    background: #fff !important;
}

.k-pager-numbers .k-state-selected {
    border-radius: 0 !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #fff !important;
    background-color: #24AFB2 !important;
    border-color: #24AFB2 !important;
}

#cboxOverlay {
    background: rgba(0,0,0,0.9);
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
    display: none;
}

#cboxContent {
    float: none;
    margin: 0 auto;
}

#cboxLoadedContent {
    padding: 10px;
}

#cboxClose {
    right: 10px;
    bottom: 10px;
}

#cboxContent .box-top-green {
    padding: 10px;
    min-height: 10px;
}

    #cboxContent .box-top-green .box-heading {
        margin: 0;
        line-height: 25px;
    }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-default .ui-icon,
a.ui-state-default:hover .ui-icon {
    background-repeat: no-repeat !important;
}

.form-row-container {
    overflow: hidden;
    padding: 30px;
}

.form-col-left {
    float: left;
    width: 47%;
}

.form-col-right {
    float: right;
    width: 47%;
}

.form-field-holder {
    position: relative;
}

    .form-field-holder label {
        display: block;
        line-height: 16px;
        min-height: 0;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .form-field-holder input[type="text"],
    .form-field-holder input[type="password"],
    .form-field-holder input[type="date"],
    .form-field-holder input[type="datetime"],
    .form-field-holder input[type="datetime-local"],
    .form-field-holder input[type="month"],
    .form-field-holder input[type="week"],
    .form-field-holder input[type="email"],
    .form-field-holder input[type="number"],
    .form-field-holder input[type="search"],
    .form-field-holder input[type="tel"],
    .form-field-holder input[type="time"],
    .form-field-holder input[type="url"],
    .form-field-holder textarea {
        width: 100%;
        clear: both;
    }

.group-form {
    position: relative;
}

    .group-form:after {
        content: " ";
        clear: both;
        display: block;
    }

    .group-form input, .group-form select,
    .group-form textarea {
        font-size: 13px;
        padding: 10px 10px 2px 5px;
        display: block;
        width: 100%;
        border: none;
        color: #404040;
        border-bottom: 1px solid #E2E2E2;
        font-weight: 300 !important;
        box-sizing: border-box;
        height: 46px;
    }

        .group-form input:focus, .group-form select:focus, .group-form textarea:focus {
            outline: none;
        }

        .group-form input.error, .group-form select.error, .group-form textarea.error {
            border-bottom-color: #ca1714;
        }
    /* LABEL ======================================= */
    .group-form label {
        font-weight: 300;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 10px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        font-size: 0.8rem;
        color: #9C9C9C;
        cursor: pointer;
    }

        .group-form label em {
            color: #f00;
        }

    .group-form textarea {
        min-height: 230px !important;
    }

    .group-form.group-checkbox {
        border-bottom: 1px solid #E2E2E2;
        height: 45px;
    }

        .group-form.group-checkbox .chk-area, .group-form.group-checkbox .rad-area {
            float: right;
            margin: 17px 0 0;
        }

        .group-form.group-checkbox .file-area {
            float: right;
            margin: 10px 0 0;
        }
    /* active state */
    .group-form input:focus ~ label, .group-form input:valid ~ label,
    .group-form select:focus ~ label, .group-form select:valid ~ label,
    .group-form textarea:focus ~ label {
        top: -5px;
        font-size: 11px;
        color: #24AFB2;
    }

    .group-form textarea.used ~ label {
        top: -5px;
        font-size: 11px;
        color: #24AFB2;
    }

    .group-form input:focus ~ label em, .group-form input:valid ~ label em {
        color: #24AFB2;
    }

    .group-form.group-checkbox input:focus ~ label, .group-form.group-checkbox input:valid ~ label {
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        font-size: 0.8rem;
        color: #9C9C9C;
        cursor: pointer;
        top: 10px;
    }
    /* BOTTOM BARS ================================= */
    .group-form .bar {
        position: relative;
        display: block;
        width: 100%;
    }

        .group-form .bar:before, .bar:after {
            content: '';
            height: 1px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #24AFB2;
            transition: 0.2s ease all;
            -moz-transition: 0.2s ease all;
            -webkit-transition: 0.2s ease all;
        }

        .group-form .bar:before {
            left: 0;
        }

        .group-form .bar:after {
            right: 0;
        }

    .group-form .select-area {
        height: 45px;
        width: 100%;
    }

.select-area .center {
    line-height: 58px;
}

.select-area .select-opener {
    top: 10px;
}

.group-form.group-checkbox .bar {
    display: none;
}
/* active state */
.group-form input:focus ~ .bar:before, .group-form input:focus ~ .bar:after {
    width: 100%;
}

/* HIGHLIGHTER ================================== */
.group-form .highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.group-form input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.bg-white {
    background: #fff !important;
}

.dashboard-widget h2,
.widget-holder h2 {
    padding: 5px 0 0 6px;
}

label {
    font-size: 13px;
}

.color-red-text {
    color: #f43337 !important;
}

.color-yellow-text {
    color: #e6a426 !important;
}

.color-green-text {
    color: #24afb2 !important;
}

.social-circle {
    background: #a9b1bb;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    text-align: center;
    font-size: 45px;
    color: #fff;
}

.social-circle-data {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 0;
}

.box.st-tab .box {
    margin-top: 15px;
}

    .box.st-tab .box .SkipStep {
        float: right;
        padding-top: 14px;
    }

.box.st-tab a h3.pending-workflow {
    margin-right: 5px;
}

.lead-nav li .StepBox {
    position: relative;
    display: block;
}

    .lead-nav li .StepBox i {
        position: absolute;
        top: -12px;
        z-index: 11;
    }

.lead-nav li img {
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.lead-nav li.completed img,
.lead-nav li:hover img {
    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.lead-nav li.completed a {
    color: #36A9E1;
}

.k-pager-wrap {
    background-color: #fff !important;
    border: 0 !important;
}

h5 strong {
    font-weight: 400 !important;
    line-height: 40px;
}

#Grid {
    padding-top: 0 !important;
}

.k-grid td {
    padding: 0 !important;
}

.box-top-green a.dynamic-list-widget-toggle.ui-state-default, a.dynamic-list-widget-toggle.ui-state-hover {
    background: url("../images/select-opner-white.png") 50% 50% no-repeat !important;
}

a.dynamic-list-widget-toggle.ui-state-default {
    background: url("../images/select-opner.png") 50% 50% no-repeat !important;
}

.ui-state-default .ui-icon:hover,
a.ui-state-default:hover .ui-icon {
    background: url("../images/select-opner.png") no-repeat !important;
    background-position: 50% 50% !important;
}

a.dynamic-list-widget-toggle.ui-state-hover {
    background: #24AFB2 url("../images/select-opner-white.png") 50% 50% no-repeat !important;
}

.box-top-green .ui-state-default .ui-icon:hover,
.box-top-green a.ui-state-default:hover .ui-icon {
    background: url("../images/select-opner-white.png") no-repeat !important;
    background-position: 50% 50% !important;
}

#Grid {
    background-color: #f6f6f6 !important;
}

svg {
    cursor: pointer;
}

ul.ui-autocomplete {
    border-radius: 0 !important;
    border: 1px solid #eee;
    z-index: 1000;
}

.CRODay {
    margin: 0 5px 0 0;
}

.info-topbar {
    z-index: 9999;
    height: 40px;
    line-height: 40px;
    background: #b40606;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    position: fixed;
    animation-name: animation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
    background-color: #f00;
    color: #dbdada !important;
}

    .info-topbar p {
        color: #dbdada !important;
        line-height: 40px !important;
    }

        .info-topbar p a {
            color: #fff;
            text-decoration: underline;
        }

            .info-topbar p a:hover {
                text-decoration: none;
            }

.setup_wizard-holder ul li .list-image.compulsory {
    -webkit-animation-name: animation;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: animation;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

@-webkit-keyframes animation {
    0% {
        background-color: #b40606;
    }

    50.0% {
        background-color: #930606;
    }

    100.0% {
        background-color: #b40606;
        ;
    }
}

@keyframes animation {
    0% {
        background-color: #b40606;
    }

    50.0% {
        background-color: #930606;
    }

    100.0% {
        background-color: #b40606;
        ;
    }
}

.info-topbar + header#header {
    top: 40px;
}

    .info-topbar + header#header + #body {
        padding: 150px 20px 0px;
    }

.select-role {
    padding: 10px 0 0;
}

    .select-role > div {
        display: inline-block;
        margin: 0 30px 0 0;
    }

        .select-role > div div {
            display: inline-block;
        }

        .select-role > div label {
            position: relative;
            top: -5px;
        }

.setup_wizard-holder ul li .list-image.compulsory.complete {
    background: #24AFB2 !important;
    animation: none;
}

.setup_wizard-holder ul li .list-image.complete {
    background: #24AFB2 !important;
}

.ui-button-icon-only .ui-icon {
    background: none !important;
}

.ui-state-default .ui-icon:hover, a.ui-state-default:hover .ui-icon {
    background: none !important;
}

.ui-menu .ui-menu-item a {
    border-radius: 0 !important;
}

.WFAjax.cboxElement {
    font-size: 15px;
    color: #999;
}

    .WFAjax.cboxElement i {
        margin: 0 10px 0 0;
    }

    .WFAjax.cboxElement:hover {
        color: #545454;
    }

.ui-widget-content {
    border: 0 !important;
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
    border: 0 !important;
}

.grid-mvc {
    background: #fff;
}

.box.upload-box a {
    float: right !important;
    width: 150px !important;
    margin: 0 0 0 15px !important;
}

.help-holder {
    position: fixed;
    width: 40px;
    height: auto;
    background: #24afb2;
    border-radius: 5px 0 0 5px;
    right: 0;
    bottom: 170px;
}

    .help-holder a {
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        display: block;
        text-align: center;
        transition: all 1s;
        border-top: 1px solid #117375;
    }

        .help-holder a:first-child {
            border: 0;
            border-radius: 5px 0 0 0;
        }

        .help-holder a:hover {
            background: #117375;
            transition: all 1s;
        }

        .help-holder a:last-child {
            border-radius: 0 0 0 5px;
        }

        .help-holder a:only-child {
            border-radius: 5px 0 0 5px;
        }

.nopointer svg {
    cursor: default;
}

#flash-messages {
    z-index: 9999;
}

.processingtypes .formElementHolder {
    border: 0 !important;
}

.WFAjax.cboxElement.bg-blue {
    Color: #fff;
}

.deleteLetter.deleteLetter-1 {
    position: absolute;
    right: 22px;
    z-index: 100;
    margin-top: 13px;
}

.ProcessedWidget {
    padding-top: 30px;
}

#div_setup_incomplete ul li {
    position: relative;
}

    #div_setup_incomplete ul li .info-pdf {
        display: block;
        font-size: 20px;
        position: absolute;
        right: 20px;
        color: #fff;
        margin-top: 10px;
        text-align: center;
        padding-top: 9px;
        background: #36a9e1;
        border-radius: 100%;
        height: 38px;
        width: 38px;
        z-index: 2;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.box-info-btn {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #24AFB2;
    padding-top: 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 1px;
    right: 1px;
    z-index: 2;
}

.dashboard-widget,
.widget-holder {
    position: relative;
}

    .widget-holder.widget-holder-bg-none {
        background: none;
        background-color: transparent;
        width: auto;
        border: 0;
        height: auto;
        position: absolute;
        right: 0px;
        top: 0px;
    }

.Cases-div {
    overflow: hidden;
    padding: 0 10px;
    text-align: right;
    float: none;
}

.casesName-span {
    float: left !important;
    margin: 0 10px 0 0;
}

.casesLink-span {
    float: right;
    margin: 0 0 0 10px;
}

.casesLetter {
display:inline-block;
margin:0 0 0 10px;

}

/* Kenod Grid Header*/
.kendo-header{
    text-align : center;
    background : #55606e none repeat scroll 0 0;
    color : #fff;
    position : relative;
    line-height : 1;
}

.kendo-header-colum{
    height : 30px;
    line-height : 30px;
    vertical-align : middle;
    padding : 5px 0;
    font-weight : normal;
}

.Workflow-title {
    margin-right : 5px;
}
.invoice-stats-filter_wrapper {
    overflow-y: hidden;
    max-height: 300px;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition: all .5s ease-in-out;
    display: none;
}

.leadsFilter div :not(.clear){
    margin: 0 1% 0 0;
}

.hidden {
    display: none;
}

.table-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #000000;
    opacity: 0.5;
}

.table-loading-inner {
    width: 100%;
    height: 100%;
}
.SaveAllForBatchBtn {
    margin-left: 10px !important;
}

.bnnotarized {
    background: #24AFB2 url("../images/bluenotarylogo.png") 50% 50% no-repeat !important;
}

a.bg-icon {
    background-image: url("../images/blue-notary-completedr.png");
    width: 14.5px;
    height: 14.5px;
    border-radius: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5px;
}

a.blue-note-pending {
    background-image: url("../images/blue-notary-pending.png");
}


/*////////////////Tabs /////////////////////*/
ul.Twocoloum li {
    margin-left: 88px;
    text-align: left;
}

.box-consumer-cost ul.Twocoloum {
    width: 90%;
}

.payment_list > li {
    text-align: left;
    padding-left: 10px;
}

input[type=checkbox] {
    display: block !important;
}

.loaderimage {
    width: 10% !important;
    height: auto !important;
    display: inline !important;
}

.removemargin {
    margin: auto !important;
    width: 91.5% !important;
}

.labelcustom {
    float: left;
    margin: auto !important;
    width: 8% !important;
}

#lettercreation {
    position: fixed !important;
}

.form-approve-btn {
    background: #fff;
    padding: 20px;
    margin: 0 !important;
}

    .form-approve-btn .form-date {
        margin-bottom: 20px;
    }

    .form-approve-btn .approved-btn input {
        padding: 15px 12px !important;
        width: auto !important;
        border-radius: 4px;
        font-weight: 500;
        float: right;
    }

.tabs-nav.box {
    padding-bottom: 0;
}

.tabs-nav ul {
    margin: 0;
    padding: 0;
}

.tabs-nav li {
    display: inline-block;
    margin-right: 2.5px;
    margin-top: 5px;
}

    .tabs-nav li.active a {
        background: #24AFB2;
        color: #fff;
    }

.tabs-nav a {
    display: block;
    padding: 15px 24px 13px;
    color: #343A41;
    background: #E7E7E8;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 14px;
}

.tabs-content {
    overflow: hidden;
}

    .tabs-content .tab-col:not(:first-child) {
        display: none;
    }
/*/////////////////// GFE Tables*/
ul.Twocoloum li {
    margin-left: 88px;
    text-align: left;
}

.box-consumer-cost ul.Twocoloum {
    width: 90%;
}

.payment_list > li {
    text-align: left;
    padding-left: 10px;
}

input[type=checkbox] {
    display: block !important;
}

.loaderimage {
    width: 10% !important;
    height: auto !important;
    display: inline !important;
}

.removemargin {
    margin: auto !important;
    width: 91.5% !important;
}

.labelcustom {
    float: left;
    margin: auto !important;
    width: 8% !important;
}

#lettercreation {
    position: fixed !important;
}


.form-approve-btn {
    background: #fff;
    padding: 20px;
    margin: 0 !important;
}

    .form-approve-btn .form-date span {
        font-size: 13px;
        color: #85898D;
        font-weight: 500;
    }

    .form-approve-btn .approved-btn input {
        padding: 10px 12px !important;
        width: 100% !important;
        border-radius: 4px;
        font-weight: 600;
        font-size: 16px;
        max-width: 121px;
        margin-bottom: 5px;
    }

.adi_GFE .adi_btn_approve {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.adi_GFE .tabs-nav.box {
    padding-bottom: 0 !important;
    padding-top: 14px !important;
}

.tabs-nav ul {
    margin: 0;
    padding: 0;
}

.tabs-nav li {
    display: inline-block;
    margin-right: 2.5px;
    margin-top: 5px;
}

    .tabs-nav li.active a {
        background: #24AFB2;
        color: #fff;
    }

.tabs-nav ul li a {
    display: block;
    padding: 15px 24px 13px;
    color: #343A41;
    background: #E7E7E8;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 14px;
}

.tabs-content {
    overflow: hidden;
}

    .tabs-content .tab-col:not(:first-child) {
        display: none;
    }

.adi_GFE .box.box-top-green {
    padding: 15px 0 15px 24px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adi_GFE .box {
    padding: 20px 24px !important;
    border-radius: 4px;
}

    .adi_GFE .box.alert-area {
        border: 1px solid #F2B661;
        background: #FEF8EF;
        padding-bottom: 17px !important;
        padding-top: 17px !important;
    }

        .adi_GFE .box.alert-area p {
            color: #000000;
            font-weight: 600;
        }

            .adi_GFE .box.alert-area p i.icon {
                background: #f2b661;
                display: inline-block;
                color: #fff;
                width: 20px;
                height: 20px;
                border-radius: 4px;
                text-align: center;
                line-height: 20px;
                margin-right: 12px;
                font-size: 12px;
            }

.adi_GFE .box-top-green h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.adi_GFE .box.box-top-green:after {
    display: none;
}

.adi_GFE .gfe-status .date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.adi_GFE .gfe-status {
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.adi_GFE .status-main {
    min-width: auto !important;
}

.adi_GFE .lead-status {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    position: relative;
    padding: 12px 23px 12px 15px;
    margin-left: 50px;
}

    .adi_GFE .lead-status:after,
    .adi_GFE .lead-status:before {
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        border-style: solid;
        border-width: 20px 0 20px 24px;
        border-color: #ffffff transparent;
        left: -24px;
        top: 0;
    }

    .adi_GFE .lead-status.pending {
        background: #F2B661 !important;
        text-transform: uppercase;
    }

        .adi_GFE .lead-status.pending:after,
        .adi_GFE .lead-status.pending:before {
            border-color: #F2B661 transparent;
        }

    .adi_GFE .lead-status.reject,
    .adi_GFE .lead-status.reject-pro {
        background: #EE3030 !important;
        color: #fff;
    }

        .adi_GFE .lead-status.reject:after,
        .adi_GFE .lead-status.reject:before {
            border-color: #EE3030 transparent;
        }

        .adi_GFE .lead-status.reject-pro:after,
        .adi_GFE .lead-status.reject-pro:before {
            display: none;
        }

    .adi_GFE .lead-status.reject-pro {
        border-radius: 4px;
        padding: 10px 24px !important;
        margin: 0 10px 0 0 !important;
    }

.adi_GFE ul.top-menu li {
    margin: 0 40px 16px 0;
}

.adi_GFE ul.btn li {

}

    .adi_GFE ul.btn li a {
	display:inline-block;
        font-size: 14px;
        line-height: 18px;
    }

.adi_GFE ul.top-menu li a {
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.adi_GFE ul.btn {
    margin-left: 0;
}

.adi_GFE ul.top-menu > li > a:before {
    margin: 0 10px 0 0;
    color: #DADBDC !important;
}

ul.top-menu > li:hover > a:before,
ul.top-menu > li.active > a:before {
    color: #24afb2 !important;
}

.adi_GFE .generate_gfe div {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

    .adi_GFE .generate_gfe div a {
        color: #24AFB2;
    }

.adi_GFE .plan_selection_area #gfe-button {
    padding: 10px 32px;
    background: #343A41 !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin: 0 !important;
}

.adi_GFE .plan_selection_area .view-proposal,
.adi_GFE .plan_selection_area .heading {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    margin-left: 40px;
}

.adi_GFE .plan_selection_area .heading {
    color: #343A41;
    margin: 0;
    text-decoration: inherit;
}

.adi_GFE .sol-inner-container {
    box-shadow: 0px 1px 0px #DADBDC;
    border: 0 !important;
    padding: 0 !important;
    border-radius: inherit;
    height: 40px;
}

.adi_GFE .sol-input-container input[type="text"] {
    padding: 0 10px;
}

.adi_GFE .plan_selection_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.adi_GFE .sol-container {
    max-width: 665px;
    width: 100%;
}

div#bradcrumbs ul li:last-child,
div#bradcrumbs ul li:last-child {
    color: #24afb2 !important;
}

.adi_GFE .box-consumer-cost_New h5,
.adi_GFE .box-consumer-cost_New h5 strong {
    font-size: 16px;
    line-height: 18px !important;
    font-weight: 600 !important;
    color: #343A41;
}

.adi_GFE table tr th {
    height: auto;
    line-height: initial;
    background: #343A41;
    padding: 11px 0 !important
}

    .adi_GFE table tr th:first-child {
        border-radius: 4px 0 0 4px;
        padding-left: 20px !important;
    }

    .adi_GFE table tr th:last-child {
        border-radius: 0 4px 4px 0;
    }

    .adi_GFE table tr th div {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block;
    }

.adi_GFE table tr {
    box-shadow: 0px 1px 0px #E7E7E8;
}

    .adi_GFE table tr,
    .adi_GFE table tr td {
        border: 0 !important;
        color: #343A41;
        font-size: 14px;
        font-weight: 500;
    }

        .adi_GFE table tr:last-child,
        .adi_GFE ul.Twocoloum li:last-child {
            background: #F9F9F9;
            box-shadow: inherit;
            font-weight: bold;
            color: #000;
        }

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

.adi_GFE .payment_table h3,
.adi_GFE .bottom_gfe_box_ h3,
.adi_GFE .table_CPCCRS h3,
.adi_GFE .plan_selection_area h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}

.adi_GFE .tabs-nav .plan_selection_area {
    margin-bottom: 25px;
}

    .adi_GFE .tabs-nav .plan_selection_area h3 {
        margin: 0;
    }

.adi_GFE .table_CPCCRS p {
    color: #85898D;
}

.adi_GFE .textarea.textareahereby {
    top: -6px;
}

.adi_GFE .table_CPCCRS ul.Twocoloum {
    border: 0 !important;
}

.adi_GFE .box-consumer-cost ul.Twocoloum {
    width: 100%;
    margin: 0 !important;
    border: 1px solid #E7E7E8;
    border-radius: 4px;
    padding: 0;
}

.adi_GFE ul.Twocoloum li {
    margin: 0 !important;
    font-size: 14px;
    line-height: initial;
    padding: 15px 19px;
    color: #343A41;
    font-weight: 500;
}

.adi_GFE .percentage-select select {
    border: 0;
    width: 100% !important;
    box-shadow: 0px 1px 0px #DADBDC;
}

.adi_GFE .custom-right.payment_table {
    width: 100%;
}

.adi_GFE .plan_selection_area .chk-area {
    background: transparent;
    width: auto;
    height: auto;
}

.adi_GFE .plan_selection_area .sol-checkbox,
.adi_GFE .plan_selection_area .sol-radio {
    top: 6px;
    left: 10px !important;
}

.adi_GFE .date-area {
    display: flex;
}

.adi_GFE .date-head span {
    font-size: 12px;
    color: #85898D;
    line-height: 16px;
}

.adi_GFE form#date-form input {
    font-size: 14px;
    line-height: 18px;
    color: #343A41;
    font-weight: 600;
    border: 0;
    padding: 0 !important;
}


.wick-clc .box {

    padding: 17px 24px !important;

    border: 0;

    border-radius: 4px;

}

.wick-clc #top-menu.box {

    padding-bottom: 7px !important;

}

#bradcrumbs ul li,

#bradcrumbs ul li a{

	font-size: 14px !important;

}

.wick-clc span.leads-title {

    padding: 0;

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    font-family: 'Source Sans Pro';

    line-height: 30px;

}

.wick-clc ul.top-menu li {

    margin: 0 30px 10px 0 !important;

}

.wick-clc ul.top-menu li a {

    font-size: 14px;

    line-height: 18px;

    color: #343A41;

    font-family: 'Source Sans Pro';

}

.wick-clc ul.top-menu li a:before {

    margin: 0 10px 0 0 !important;

}

.wick-clc label {

    font-size: 14px;

    line-height: 18px;

    color: #343A41;

    text-align: left !important;

    font-weight: 600;

    font-family: 'Source Sans Pro';

}

.wick-clc input#btnSave {

    margin: 0 !important;

    padding: 11px 32px 10px;

    background: #24AFB2;

    border-radius: 4px;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

}

.wick-clc #description-div label.col2 {

    font-size: 20px;

    line-height: 25px;

    font-weight: 600;

    display: block;

    width: 100% !important;

    margin: 15px 0 5px !important;

    float: none !important;

}

.wick-clc #description-div .col10.last {

    width: 100% !important;

}

.wick-clc .genaric-form .col3.right {

    margin: 0 !important;

    width: 100% !important;

    float: none !important;

}

.wick-clc .k-pager-wrap {

    padding: 20px 15px;

    border-radius: 4px;

}

.wick-clc .k-pager-wrap a.k-link {

    border-radius: 4px !important;

    border: 1px solid #E7E7E8;

    color: #343A41 !important;

}

.wick-clc span.k-pager-info {

    color: #85898D;

    font-size: 14px;

}

.wick-clc .customer-listing {

    border-radius: 4px;

    border: 0;

    margin-bottom: 10px !important;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.wick-clc .double-list ul li strong {

    border-bottom: 0;

    margin: 0;

}

.wick-clc .customer-listing .list-cell .holder-list span strong {

    color: #343A41;

    font-weight: bold;

}

.wick-clc .customer-listing .list-cell .holder-list span.actions a {

    color: #343A41 !important;

    font-weight: bold;

}

.wick-clc .customer-listing .list-cell .holder-list span.actions,

.wick-clc .customer-listing .list-cell .holder-list span.actions .gridActionHolder {

    border: 0 !important;

}

.wick-clc .customer-listing .list-cell:first-child{

	width: 100%;

    border-right: 1px solid #ededed;

    max-width: 240px !important;

}

.wick-clc .customer-listing .list-cell:first-child .holder-list {

    padding-right: 0 !important;

}

.wick-clc .customer-listing .activeStatus {

    border-radius: 4px 0 0 4px;

    width: 4px;

    height: 100%;

    background: #24afb2;

}
/****************Assign Customer Service Manager***********************/

.csmAssignbtn {
    background: none repeat scroll 0 0 #36a9e1;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    padding: 8px 0px 8px;
    color: white;
    width: 100px;
    text-align: center;
}

.checkbox label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.checkbox {
    display: inline-block;
}

.checkbox label:before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    left: 3px;
    border-radius: 2px;
    top: 19px;
}

.checkbox input[type=checkbox] {
    display: none !important;
}

.checkbox label:before {
    background: url('/Content/images/img-checkbox.png') left center no-repeat;
    background-size: 100%;
    background-position: 0 0;
}

.checkbox input[type=checkbox]:checked+label:before {
    background: url('/Content/images/img-checkbox.png') left center no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}
/******CRO-QuickWizard-CSS-code******/
.cro_pop .head-count span {
    font-size: 14px;
    line-height: 18px;
    color: #85898D;
    font-weight: 600;
    white-space: nowrap;
}

.cro_pop .head-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cro_pop .setup_wizard_text {
    padding-right: 5px;
}

.cro_pop .setup_wizard-holder ul li .list-image {
    background-image: url(/Content/images/incomplete-icon.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: #DADBDC;
    font-size: 16px;
    background-color: transparent !important;
}

    .cro_pop .setup_wizard-holder ul li .list-image.complete {
        background-image: url(/Content/images/complete-icon.png) !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        color: #fff;
        font-size: 16px;
        background-color: transparent !important;
    }

#bradcrumbs ul li {
    color: #24afb2;
    font-weight: 500;
}

.cro_pop .box.box-top-green {
    background: none repeat scroll 0 0 #24AFB2;
    color: #fff;
    padding: 15px 10px !important;
    border-radius: 4px;
}

.cro_pop .leads-title {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    padding: 0;
    white-space: nowrap;
}

.cro_pop .setup_wizard-holder {
    padding: 24px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 50px;
}

    .cro_pop .setup_wizard-holder ul li .list-img-title {
        display: flex;
        align-items: center;
    }

    .cro_pop .setup_wizard-holder ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 0;
    }

        .cro_pop .setup_wizard-holder ul li .widget-holder.widget-holder-bg-none,
        .cro_pop .setup_wizard-holder ul li .info-pdf {
            position: static !important;
        }

    .cro_pop .setup_wizard-holder .setup_wizard_text a {
        font-size: 24px;
        color: #36A9E1;
        font-size: 16px;
        color: #24AFB2;
        font-weight: 600;
        line-height: 20px;
    }

    .cro_pop .setup_wizard-holder ul li p {
        color: #85898D;
        font-size: 14px;
        line-height: 18px;
    }

    .cro_pop .setup_wizard-holder h3 {
        font-size: 20px;
        line-height: 25px;
        color: #000000;
        font-weight: 700;
        margin-bottom: 10px;
    }

.cro_pop a.button.bg-blue {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background: #24AFB2;
    padding: 10px 24px;
    border-radius: 4px;
    margin: 0 !important;
}

#wiki-video-wrap .video-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

#wiki-video-wrap iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#wiki-video-wrap:not(.active) {
    opacity: 0;
    visibility: hidden;
}

.lets-play {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0 !important;
    cursor: pointer;
    position: relative;
}

    .lets-play .video-icon {
        display: block;
        width: 32px;
        height: 32px;
    }

.video-icon img {
    width: 100%:
}

#wiki-video-wrap .video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#wiki-video-wrap .close-video {
    font-size: 13px;
    line-height: 35px;
    background-color: #24afb2;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 0;
    font-weight: bold;
    color: #fff;
    padding: 0;
    transition: all 0.3s ease-in-out;
    z-index: 150;
}

#wiki-video-wrap video,
#wiki-video-wrap iframe {
    border-radius: 4px;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 19px rgba(0, 0, 0, 0.16);
    width: 100%;
    background-color: #000;
}

#wiki-video-wrap.active {
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 12px;
    transition: all 0.3s ease-in-out;
    z-index: 9991;
    background: rgba(0,0,0,0.6);
    height: 100%;
}

    #wiki-video-wrap.active .video-modal-wrapp-inner {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: 800px;
        width: 100%;
        padding: 12px;
        transition: all 0.3s ease-in-out;
        z-index: 9991;
        transform: translate(-50%, -50%);
    }
/******tooltip-css******/
[datawiki-tooltip] {
    position: relative;
    display: inline-block;
}

    [datawiki-tooltip]:before, [datawiki-tooltip]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 999999;
    }

    [datawiki-tooltip]:before {
        content: '';
        position: absolute;
        border-width: 6px;
        border-style: solid;
        border-color: transparent;
    }

    [datawiki-tooltip]:after {
        height: 22px;
        padding: 11px 11px 0;
        font-size: 13px;
        line-height: 11px;
        content: attr(datawiki-tooltip);
        white-space: nowrap;
    }

    [datawiki-tooltip].left-textwiki:before {
        border-left-color: #323232;
    }

    [datawiki-tooltip].left-textwiki:after {
        background-color: #323232;
        color: #ecf0f1;
    }

    [datawiki-tooltip]:hover:before, [datawiki-tooltip]:hover:after {
        visibility: visible;
        opacity: 1;
    }

.left-textwiki:before, .left-textwiki:after {
    bottom: 50%;
    right: 100%;
}

.left-textwiki:before {
    margin-bottom: -5px;
    margin-right: -2px;
}

.left-textwiki:after {
    margin-bottom: -14.66667px;
    margin-right: 10px;
}

/*&&&&responsive-media-quiries&&&&*/
@media only screen and (max-width: 575.98px) {
    .cro_pop .setup_wizard-holder ul li .list-image {
        font-size: 12px;
        min-width: 30px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 5px 0 0 !important;
    }

    .cro_pop .setup_wizard-holder {
        padding: 15px;
    }
}

/******end-CRO-QuickWizard-CSS-code******/
.tabs-content.cases-to-be-processed ul.Twocoloum.mCustomScrollbar {
    padding: 0 !important;
    margin: 0 !important;
}

.tabs-content.cases-to-be-processed {
    overflow: visible !important;
}