/* Additional CSS added by Mohsin Shoaib */
.display-label {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 0.1875rem;
    min-height: 30px;
    text-align: right;
    float: left;
    width: 100px;
    margin-right: 15px;
}

.display-field {
    color: #A7AEB5;
    float: left;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 0.1875rem;
    min-height: 30px;
}

.clear {
    clear: both;
}

.detail-field-row {
}
/* Form CSS */
form .input-validation-error {
    border-color: red;
}

.validation-summary-errors {
    color: #8B0000;
    font-size: 12px;
}

    .validation-summary-errors ul li {
        list-style: square;
    }

.field-validation-error {
    float: left;
    padding-top: 5px;
    color: red;
    font-size: 0.875rem;
    clear: left;
    font-size: 80%;
}

.col5 .detail-profile-photo {
    margin: 10px;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #E9E9E9;
}

.right-top-cornor {
    background: none repeat scroll 0 0 #2980B9;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 1;
    margin-top: 10px;
    padding: 5px 5px 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
}

    .right-top-cornor a {
        color: #FFF;
    }

    .right-top-cornor:hover {
        box-shadow: -2px 1px 5px #000;
        opacity: 1.0;
    }

.box-heading {
    margin: 0;
}

.img-in-box-heading {
    border: 1px solid #CCC;
    height: 45px !important;
    margin-right: 10px;
    padding: 2px;
    width: auto !important;
}

.file-upload-field {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-top: 5px !important;
}

/*Lead navigation small one*/
.lead-nav {
}

    .lead-nav li {
        display: inline-block;
        text-align: center;
        margin-bottom: 2px;
        margin: 15px 10px 5px;
    }

        .lead-nav li a {
            color: #55606E;
        }

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

        .lead-nav li .disabled {
            opacity: 0.3;
        }

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

        .lead-nav li .count {
            font-size: 20px;
            font-weight: bold;
        }

        .lead-nav li img {
            /*margin-left:38px;*/
            margin: 0 auto;
            width: 24px;
        }

        .lead-nav li .title {
            font-size: 12px;
        }

.status-field {
    color: #36A9E1 !important;
}

.qualify-criteria-ajax-page {
    margin: 0px;
    width: 300px;
}
/* Notification detail page css */
.notification-div {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 5px 6px;
}

.faqAnswer {
    white-space: pre-wrap;
    -webkit-word-break: break-all;
    -moz-word-break: break-all;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*-ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: manual;
   -moz-hyphens: manual;
        hyphens: manual;*/
}

.notification-div:hover {
    background: #EAE8E8;
    border-bottom: 1px solid #A8A8A8;
}

.notification-div .msg {
    font-size: 14px;
}

.notification-div .time {
    /*color: #999999;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
}

.custom-tab {
    min-height: 0;
    padding: 0;
}

    .custom-tab ul {
        padding: 0 0 0px;
    }

#ProcessTimeline a {
    color: #55606E;
}
/*.hover :hover{
    background-color: #E3E3E3;
}*/
.hint {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    padding: 6px 0;
}

.ff-arial {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 18px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

/*input[data-val-required] { border-color:red }*/

.left-nav {
}

    .left-nav li {
    }

        .left-nav li a {
            border-bottom: 1px solid #EDEDED;
            display: block;
            font-family: 'Source Sans Pro';
            font-size: 14px;
            height: 30px;
            line-height: 30px;
            padding-left: 20px;
        }

            .left-nav li a:hover {
                background-color: #EDEDED;
            }
        /*if left-nav selected than set background */
        .left-nav li .active {
            background-color: #EAE8E8;
        }
/* For custom delete button*/
a.deleteCustom {
    color: #CE685C !important;
}

    a.deleteCustom:hover {
        color: #D41600 !important;
    }

/* For Custom detail button  */
a.detailCustom {
    color: #808080 !important;
}
/*custome gridLinks class*/
a.gridLinks {
    font-size: 14px !important;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    outline: medium none !important;
}

/*For Buy now and shopping cart buttons */

.fa-shopping-cart:before {
    content: "ï?º";
}

.btnCart {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

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

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.fa-check-square-o:before {
    content: "ï?†";
}

.fa-check:before {
    content: "";
}

.ShoppingCart-circle {
    display: inline-block;
    height: 33px;
    line-height: 32px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    width: 35px;
    border-radius: 100%;
}

#header-notification {
    margin: 20px 1px;
    position: relative;
}


.CartItemCount {
    background: #55606e;
    border-radius: 2px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    padding: 3px 5px;
    position: absolute;
    right: -10px;
    top: -10px;
}

/* Checkout Progress tracker */

.circle-tracker {
    height: 30px;
    width: 30px;
}

.bg-disable {
    background: none repeat scroll 0 0 #ddd;
}

.widged .circle {
    font-family: Source Sans Pro;
    font-size: 17px;
    font-weight: 100;
    line-height: 1.68;
    color: black;
    margin: 10px;
    text-align: center;
}

.widged i {
    margin: 20px;
}

.arrow-tracker {
    color: #ddd;
}

#ptTimeSelectCntr {
    z-index: 10030 !important;
}

.activity-widget-li {
    border-bottom: 1px dotted #e9e9e9;
}

.validation-summary-errors-custom {
    font-family: Arial,Helvetica,sans-serif;
    color: #8B0000;
    font-size: 14px;
}

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

    .validation-summary-errors-custom ul li {
        list-style: none;
        line-height: 18px;
    }

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

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.qtip {
    font-weight: normal !important;
    margin-right: 5px;
    margin-top: 8px;
    cursor: default;
}

.stt {
    display: none !important;
}

.tooltip {
    width: 250px;
    text-align: justify;
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #55606e;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    z-index: 99999;
    cursor: pointer;
    opacity: 0.9;
}
/* Loader with spinner ***********************************************************************************/
/* Common Loader */
#loader {
    /*background: url("../images/loading-blue.gif") no-repeat scroll 6px 6px #FFFFFF;*/
    background-color: #FFF;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #000000;
    box-shadow: 0 0 5px #000000;
    display: none;
    font-size: 15px;
    font-weight: bolder;
    height: 20px;
    left: 48%;
    padding: 9px 10px 5px 8px;
    position: fixed;
    top: 0;
    z-index: 100000 !important;
}

.spinner:before {
    animation: 750ms linear 0s reverse none infinite rotateBefore;
    transform: rotateX(60deg) rotateY(45deg) rotateZ(45deg);
}

.spinner:after {
    animation: 750ms linear 0s normal none infinite rotateAfter;
    transform: rotateX(240deg) rotateY(45deg) rotateZ(45deg);
}

.spinner:before, .spinner:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2NnB4IiBoZWlnaHQ9IjI5N3B4IiB2aWV3Qm94PSIwIDAgMjY2IDI5NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8dGl0bGU+c3Bpbm5lcjwvdGl0bGU+CiAgICA8ZGVzY3JpcHRpb24+Q3JlYXRlZCB3aXRoIFNrZXRjaCAoaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoKTwvZGVzY3JpcHRpb24+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8cGF0aCBkPSJNMTcxLjUwNzgxMywzLjI1MDAwMDM4IEMyMjYuMjA4MTgzLDEyLjg1NzcxMTEgMjk3LjExMjcyMiw3MS40OTEyODIzIDI1MC44OTU1OTksMTA4LjQxMDE1NSBDMjE2LjU4MjAyNCwxMzUuODIwMzEgMTg2LjUyODQwNSw5Ny4wNjI0OTY0IDE1Ni44MDA3NzQsODUuNzczNDM0NiBDMTI3LjA3MzE0Myw3NC40ODQzNzIxIDc2Ljg4ODQ2MzIsODQuMjE2MTQ2MiA2MC4xMjg5MDY1LDEwOC40MTAxNTMgQy0xNS45ODA0Njg1LDIxOC4yODEyNDcgMTQ1LjI3NzM0NCwyOTYuNjY3OTY4IDE0NS4yNzczNDQsMjk2LjY2Nzk2OCBDMTQ1LjI3NzM0NCwyOTYuNjY3OTY4IC0yNS40NDkyMTg3LDI1Ny4yNDIxOTggMy4zOTg0Mzc1LDEwOC40MTAxNTUgQzE2LjMwNzA2NjEsNDEuODExNDE3NCA4NC43Mjc1ODI5LC0xMS45OTIyOTg1IDE3MS41MDc4MTMsMy4yNTAwMDAzOCBaIiBpZD0iUGF0aC0xIiBmaWxsPSIjMDAwMDAwIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-size: 2.5em 2.5em;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 2.5em;
    margin-left: 0;
    margin-top: -2.5em;
    perspective: 340px;
    perspective-origin: 50% 50%;
    transform-origin: 50% 50% 0;
    transform-style: preserve-3d;
    width: 2.5em;
}

@keyframes rotateBefore {
    0% {
        transform: rotateX(60deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(60deg) rotateY(45deg) rotateZ(-360deg);
    }
}

@keyframes rotateAfter {
    0% {
        transform: rotateX(240deg) rotateY(45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(240deg) rotateY(45deg) rotateZ(360deg);
    }
}
/* Overlay Log loader with cube */
#overlay {
    cursor: pointer;
    display: none;
    opacity: 0.9;
    visibility: visible;
    background: url("../images/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}
#lettercreation {
        cursor: pointer;
        display: none; 
        opacity: .9;
        visibility: visible;
        background: url(../images/overlay.png) repeat scroll 0 0 rgba(0,0,0,0);
        height: 100%;
        position: absolute;
        width: 100%;
        left: 0;
        /*margin: 12% 25%;*/
        top: 0;
        z-index: 9999;
    }

/* Cube Loader */
.overlay-loader {
    width: 500px;
    margin: 0 auto;
    margin-top: 6%;
    text-align: center;
}

    .overlay-loader .imp-status-box {
        border: 1px solid #FFF;
        margin: 5px;
        color: #FFF;
        opacity: 0.3;
    }

        .overlay-loader .imp-status-box .step-header {
            float: left;
            border-right: 1px solid #FFF;
            padding: 10px 5px;
            width: 100px;
        }

        .overlay-loader .imp-status-box .notification-box {
            float: left;
            font-size: 13px;
            padding: 12px;
            color: lightgray;
        }

    .overlay-loader .active {
        opacity: 1;
    }

    .overlay-loader .done {
        opacity: 1;
        color: #FFF !important;
        border-color: #2B2B2B;
    }

        .overlay-loader .done .step-header {
            border-color: #2B2B2B;
        }

    .overlay-loader .log-error {
        color: red;
        font-weight: bold;
    }
/* Scroll to top */
.scrollToTop {
    width: 100px;
    height: 130px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    top: 75px;
    right: 40px;
    display: none;
    background: url('../../Content/images/arrow_up.png') no-repeat 0px 20px;
}

    .scrollToTop:hover {
        text-decoration: none;
    }
/* Overwrite from form.css */
ul.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #999 !important;
}

.th-dropdown {
    margin: 5px 15px -5px 0px;
}

/*Set colour of delete report button*/
.deleteReport {
    color: #ce685c !important;
}

.critical {
    color: red !important;
}

/*Added by Azhar*/
.sessionAlert {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/warnings-warning.png);
}

    .sessionAlert a {
        float: right;
    }

blockquote {
    background: #F0F0F0;
    border-left: 10px solid #ccc;
    margin: 0.3em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

    blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    blockquote p {
        display: inline;
    }

.st-tabOuter {
    margin: 13px 10px 0px -7px;
}

.currentDateTime {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2;
    color: #36a9e1;
    margin: 0;
    text-align: left;
}

.currentUserDateTime {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2;
    color: #36a9e1;
    margin: 0;
    text-align: left;
}

/*Grid custom CSS*/
.gridRowBackgroundHigh {
    background: #ffb4b4 !important;
    /*background:#F9EDEC !important;*/
    color: #900;
}

table.grid-table tr.gridRowBackgroundHigh:hover {
    font-weight: 500;
    color: #900 !important;
}

.gridRowBackgroundNormal {
    background: #ffffdd !important;
    color: #8B8B00;
}

table.grid-table tr.gridRowBackgroundNormal:hover {
    font-weight: 500;
    color: #8B8B00 !important;
}

.gridRowBackgroundLow {
    background: #DFF2AE !important;
    color: #8BA446;
}

table.grid-table tr.gridRowBackgroundLow:hover {
    font-weight: 500;
    color: #8BA446 !important;
}
/*table.grid-table .grid-header > .grid-header-title{
    text-align:center !important;
}*/

/* text color to show collector values in fast edit*/
.customTextColor {
    color: #a7aeb5;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
    top: 83px !important;
}

/* Negative accounts background*/
.negativeAccount {
    background: #f7d7d3 !important;
}

/* Set padding in report detail input field*/
.reportDetailInput {
    padding-left: 3%;
    padding-right: 6%;
}

/*Discard fast edit account*/
.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;
}

.disableDiscardFastEditAccount {
    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;
}

/*Hide element*/
.hideCol {
    visibility: hidden;
}

/*Show Custom validation error*/
.custom-validation-error {
    border-color: red;
}

/*Multi line grid styling*/
.activeStatus {
    width: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.customer-listing .Active {
    background-color: #24afb2;
}

.customer-listing .In-Active {
    background-color: #f11f34;
}

.k-grid-header {
    display: none !important;
}
    
#Grid {
    border: none;
    background-color: #e9e9e9;
    padding-top: 12px;
}

.k-alt {
    background-color: #e9e9e9;
}

table tr:nth-child(even) {
    background: none;
}

.double-list {
    width: 103%;
}

.customer-listing .list-cell .holder-list span {
    overflow: hidden;
    word-break: break-all;
}

/*Role column in multil line grid*/

.double-list .roleColumn {
    width: 250px !important;
}

/*Widget CSS*/
.custom-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0.1;*/
    /*background-color: #00ff00;*/
    font-family: 'Times New Roman';
    color: black;
    font-size: 100px;
}

#message {
    position: absolute;
    left: 33%;
    top: 50%;
    font-size: x-large;
    text-decoration-color: black;
}
/*Script CSS*/
.script-box {
    display: table;
    border: 1px solid #e9e9e9;
    width: 100%;
    margin-bottom: 20px;
}

.script-heading {
    background: #f6f6f6;
    color: #4d4d4d;
    font-size: 15px;
    width: 65px;
    text-align: center;
    padding: 6px 5px 5px;
    border-right: 2px solid #e9e9e9;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    -wbkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .script-heading label {
        cursor: default;
    }

.script-code {
    padding: 5px 6px;
    background: #fff;
    display: table-cell;
}

.acrd-data {
    padding: 0px 20px 12px;
}

.box.box-acrd {
    padding: 5px 0;
}

.acrd-data-box {
    border-top: 1px solid #e9e9e9;
    padding-top: 20px;
}

.script-code {
    /*    height: 45px;*/
    position: relative;
    /*    overflow: hidden;*/
    box-sizing: border-box;
    -wbkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.script-code-inner {
    /*    width: 110%;
    height: 35px;
    overflow-y: scroll;*/
    box-sizing: border-box;
    -wbkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media only screen and (max-width: 850px) {
    .script-box {
        display: block;
    }

    .script-heading {
        display: block;
        padding: 10px 5px;
        width: 100%;
        border-right: 0px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
    }

    .script-code {
        display: block;
        height: auto;
    }

    .script-code-inner {
        height: auto;
    }
}

.Custom-filter-box .col3 {
    margin-right: 5px;
    width: 19.5%;
}
.Custom-filter-box .col3 .col3 {
    width: 29%;
}
.Custom-filter-box .col8 {
    width: 64%;
}
.Custom-filter-box .col3.agentFilter .col7 {
    width: 50% !important;
}
.Custom-filter-box .col3.salespersonFilter .col3 {
    width: 44% !important;
}
.Custom-filter-box .col3.salespersonFilter .col4 {
    width: 49% !important;
}
.Span-Allignment {
vertical-align:baseline !important;
}
.Report-Side-Action {
    color: blue;
}

/*Package Details styling for create letter page for Processor Role*/
.package-information {
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    background: #fff;
}

    .package-information h4 {
        display: inline-block;
    }

.package-info {
    overflow: hidden;
    margin-right:30px;
    padding: 12px 10px 4px 0;
    background: #fff;
    float: right;
    width: 60%;
    border-bottom: 1px solid #ededed;
}

    .package-info em {
        float: right;
        margin: 0 10px 0 0;
        font-style: normal;
        line-height: 18px;
    }