body {
    font-family: 'Trebuchet MS';
    color: black;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="date"], input[type="month"], input[type="datetime-local"] {
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
    padding: 6px 5px;
}

    input[type="date"]::-webkit-inner-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button {
        display: none;
    }

    input[type="date"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
        opacity: 0;
    }

table.report_table {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    table.report_table * {
        /*position: relative;*/
    }

    table.report_table td, table.report_table th {
        padding: 2px;
        /*border: 1px solid #ddd;*/
    }

    table.report_table thead tr {
        height: 40px !important;
        background: #6a5f8e;
    }

    table.report_table caption {
        background: #6a5f8e;
        color: white;
        text-align: center;
        line-height: 15px;
        font-size: 15px;
        padding-left: 15px;
        font-weight: 600;
    }

    table.report_table thead tr th {
        font-size: 12px;
        color: #fff;
        line-height: 1.2;
        font-weight: unset;
    }

    table.report_table tbody tr {
        height: 30px;
    }

        table.report_table tbody tr:last-child {
            border: 0;
        }

    table.report_table td, table.report_table th {
        text-align: left;
    }

        table.report_table td.multiline {
            white-space: pre-line;
            max-width: 300px;
            min-width: 150px;
            word-break: break-word;
        }

            table.report_table td.multiline hr {
                margin: 8px 0px 3px 0px;
            }

            table.report_table td.multiline p {
                margin: -6px 0;
            }

                table.report_table td.multiline p.hr {
                    background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,0.2),transparent);
                    height: 1px;
                }

        table.report_table td.c, table.report_table th.c {
            text-align: center;
        }

        table.report_table td.r, table.report_table th.r {
            text-align: right;
        }

table.dataTable td.r {
    padding-right: 30px;
}

table.report_table tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

table.report_table td.SpecialFieldHighLight {
    background-color: lightsteelblue;
}

table.report_table td.SpecialFieldHighLight2 {
    background-color: #ff9f1c;
}

table.report_table td.SpecialFieldHighLight3 {
    background-color: #2ec4b6;
}

table.report_table tbody tr {
    font-size: 12px;
    color: black;
    line-height: 1.2;
    font-weight: unset;
    cursor: default;
}

    table.report_table tbody tr:hover {
        color: black;
        background-color: #edfdff;
    }

.link, .link:hover, .link:active {
    color: inherit;
    text-decoration: none;
}

.form-control-custom, input[type=search] {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .form-control-custom[disabled], .form-control-custom[readonly], fieldset[disabled] .form-control-custom {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

.display-for {
    padding-top: 7px;
}


button.fileUpload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    button.fileUpload input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }



.Number-Updated span {
    background-color: green;
    padding: 3px;
    border-radius: 5px;
    color: white;
}

.Voice-Message-Left, .Call-Rescheduled, .Safe {
    color: green;
}

.Under-Observation {
    color: orange;
}

.Supervisor-Review span {
    background-color: gold;
    padding: 3px;
    border-radius: 5px;
}

.Watch-It span {
    background-color: darkgoldenrod;
    padding: 3px 0px;
    border-radius: 5px;
}

.Recommend-Blocking {
    color: darkred;
}

.Number-Not-In-Service span {
    background-color: orange;
    padding: 3px;
    border-radius: 5px;
}

.Not-Interested, .UnSafe {
    color: red;
}

.Not-Reachable---Tried-3-Times-Already, .NRoP---Try-Email {
    color: orange;
    font-weight: 600;
}

.Call-Listening-Date {
    color: orange !important;
    font-weight: 600;
}

textarea {
    width: -webkit-fill-available;
}


.panal-margin-rpt {
    margin: 2px 5px;
    display: inline-block;
}

.padding-zero {
    padding: 0 !important;
}

.margin-zero {
    margin: 0 !important;
}

.margin-padding-five {
    margin: 5px 0 !important;
    padding: 0 5px !important;
}

.margin-zero {
    margin: 0 !important;
}

.table-responsive, .panel-body.padding-zero {
    border-radius: 10px;
}

.textroatate {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-top: 10px;
}



table.customer_detail_table {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    table.customer_detail_table * {
        position: relative;
    }

    table.customer_detail_table td, table.customer_detail_table th {
        padding: 2px;
        /*border: 1px solid #ddd;*/
    }

    table.customer_detail_table tbody tr {
        height: 40px;
    }

    table.customer_detail_table td, table.customer_detail_table th {
        text-align: left;
    }

        table.customer_detail_table td.customer_detail_table-title, table.customer_detail_table th.customer_detail_table-title {
            font-weight: 600;
        }


    table.customer_detail_table tbody tr {
        font-size: 12px;
        color: black;
        line-height: 1.2;
        font-weight: unset;
        cursor: default;
    }

        table.customer_detail_table tbody tr:nth-child(even) {
            background-color: #f5f5f5;
        }

        table.customer_detail_table tbody tr:hover {
            color: black;
            background-color: #edfdff;
            /*c0bcfb*/
        }

    table.customer_detail_table caption {
        background: #5f8e67;
        color: white;
        text-align: center;
        line-height: 15px;
        font-size: 15px;
        padding-left: 15px;
        font-weight: 600;
    }



table.report_table tr td .dropdown ul {
    position: absolute;
    right: 0;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    padding: 3px 12px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    border-radius: 5px;
    z-index: 99;
    width: 80px;
}

table.report_table tr td .dropdown:hover ul {
    display: block;
}

table.report_table tr td .dropdown {
    position: absolute;
    right: 18px;
    top: 12px;
}

    table.report_table tr td .dropdown > a {
        text-decoration: none;
        line-height: 0px;
        color: #898989;
        letter-spacing: 2px;
    }

    table.report_table tr td .dropdown:hover ul {
        display: block;
    }

    table.report_table tr td .dropdown ul a {
        display: block;
        padding: 8px 0 8px 0;
        text-decoration: none;
        color: #898989;
        border-top: 1px solid #ccc;
    }

    table.report_table tr td .dropdown ul li:first-child a {
        border-top: none;
    }

    table.report_table tr td .dropdown ul a:hover {
        color: #000;
    }

.dropdown-action {
    position: relative;
    display: inline-block;
}

.dropdown-action-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    border-radius: 5px;
    list-style-type: none;
    list-style-position: inside;
    /*margin-left: -102px;*/
}

.dropdown-action:hover .dropdown-action-content {
    display: block;
}

.dropdown-action-content li a {
    color: gray;
}

    .dropdown-action-content li a:hover {
        font-weight: 600;
        text-decoration: none;
    }

.dropdown-action-content li {
    margin: 7px 0;
}


/* Popup container - can be anything you want */
.popup {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tool-tip-text {
    display: none;
}


/*Nested dropdown menu Start*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        padding: 0 !important;
        top: 0px;
        left: -159px;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/*Nested dropdown menu end*/




/*float-label Start*/


.float-label .control {
    float: left;
    position: relative;
    height: 34px;
    margin-top: 17px;
}

.float-label .control1 {
    float: left;
    position: relative;
    height: 34px;
    margin-top: 17px;
}

.float-label .control.message-box {
    line-height: 11px;
    color: #4949bb;
}

    .float-label .control.message-box b {
        color: #d6174c;
    }

/*.float-label .control.small {
        width: 30%;
        border-right: 1px solid #ddd;
    }

    .float-label .control.medium {
        width: 70%;
        padding-left: 10px;
    }

    .float-label .control:last-child {
        border: 0;
    }*/

.float-label .control.control-checkbox label {
    top: 14px;
    margin-left: 20px;
}

.float-label .control.control-radio label {
    top: 2px;
    margin-left: 20px;
    margin-top: 13px;
}

.float-label .control.control-radio input {
    margin-top: 15px;
}

.float-label .control.control-label label {
    top: 2px;
    margin-top: 10px;
}

.float-label .control .chosen-container
.float-label .control input,
.float-label .control input[type=text],
.float-label .control textarea:not(.note-codable),
.float-label .control select,
.float-label .control button.float-btn,
.float-label .control a.btn {
    display: block;
    margin: 0 3px;
}

.float-label .control button.float-btn {
    height: 34px;
}

.control.cards img {
    height: 18px;
    margin: 7px 1px;
}

.float-label .control input + label,
.float-label .control textarea + label,
.float-label .control select + label,
.float-label .control .chosen-container + label {
    position: absolute;
    top: -9px;
    margin-left: 8px;
    transition: top 0.7s ease, opacity 0.7s ease;
    opacity: 1;
    /*font-size: 13px;*/
    font-weight: 600;
    background-color: #fdfdfd;
    color: black;
    left: 0;
    line-height: 14px;
}

.float-label .control i.labelhelp {
    margin-left: 5px;
}

.float-label .control .chosen-container + label {
    background-color: transparent !important;
}

.float-label .control .chosen-container {
    margin-top: 3px;
    line-height: 30px;
}

.float-label .control input[disabled] + label, .float-label .control input[readonly] + label,
.float-label .control textarea[disabled] + label, .float-label .control textarea[readonly] + label,
.float-label .control select[disabled] + label, .float-label .control select[readonly] + label {
    background: linear-gradient(to bottom, #fdfdfd 50%, #eee 50% 100%);
}

.float-label hr {
    margin: 5px;
}
/*.float-label input:valid + label,
    .float-label textarea:valid + label {
        opacity: 1;
        top: 3px;
    }*/
/*.float-label input:focus + label,
    .float-label textarea:focus + label {
        color: #2c8efe;
    }*/
/*float-label End*/


.btn-custom {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 4px;
    float: left;
    margin: 1px 3px 0 0;
}

    .btn-custom i.fa {
        width: 16px;
        height: 16px;
    }

.tooltip-inner {
    white-space: pre-wrap;
}

.tabs ul.nav-tabs.nav-justified {
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
}

    .tabs ul.nav-tabs.nav-justified .active {
        border: 1px solid black;
        border-bottom: 0;
    }

    .tabs ul.nav-tabs.nav-justified li:not(.active) {
        border-bottom: 1px solid black;
    }

.tabs .tab-content {
    border: 1px solid black;
    border-top: 0;
}

.Visa {
    background-image: url('../Images/network/1.jpg');
}

.Master {
    background-image: url('../Images/network/2.jpg');
}

.AmEx {
    background-image: url('../Images/network/3.jpg');
}

.Discover {
    background-image: url('../Images/network/4.jpg');
}

.Cheque {
    background-image: url('../Images/network/5.jpg');
}

.PayPal {
    background-image: url('../Images/network/6.jpg');
}

.Zelle {
    background-image: url('../Images/network/7.jpg');
}

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999;
}

    .cc-selector-2 input:active + .drinkcard-cc, .cc-selector input:active + .drinkcard-cc {
        opacity: .9;
    }

    .cc-selector-2 input:checked + .drinkcard-cc, .cc-selector input:checked + .drinkcard-cc {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
    }

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 33px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(.7) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(.7) opacity(.7);
    filter: brightness(1.8) grayscale(.7) opacity(.7);
}

    .drinkcard-cc:hover {
        -webkit-filter: brightness(1.2) grayscale(.2) opacity(.9);
        -moz-filter: brightness(1.2) grayscale(.2) opacity(.9);
        filter: brightness(1.2) grayscale(.2) opacity(.9);
    }


.cc-selector-2 input {
    margin: 5px 0 0 12px;
}

.cc-selector-2 label {
    margin-left: 7px;
}

.notifications .notification-menu .view-more {
    color: black;
    font-weight: 600;
}

.notification-menu .message {
    color: black;
}

div.Total-Div {
    font-size: 14px;
}

    div.Total-Div p b {
        white-space: nowrap;
    }

div.Totals-Div {
    font-size: 13px;
    max-width: 550px;
}

    div.Totals-Div div {
        float: left;
        white-space: nowrap;
        width: 48%;
        margin: 1px 1% !important;
        padding: 0 2px;
        background-color: lightgray;
        border: 1px gray solid;
    }

        div.Totals-Div div.even {
            background-color: #fff5f5;
        }

        div .Totals-Div div b {
            float: right;
            text-align: right;
            background-color: transparent;
            border-left: 1px gray solid;
            width: 33%;
        }

        div .Totals-Div div b.deduction {
            color:red !important;
        }

        div.Totals-Div div.blank-div {
            background-color: transparent !important;
            border: 1px solid transparent;
        }


            div.Totals-Div div.blank-div b {
                border-left: 1px solid transparent;
            }



table.report_table thead tr th {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}

table.report_table td, table.report_table th {
    text-align: left;
}

table.report_table td, table.report_table th {
    padding: 2px;
    /* border: 1px solid #ddd; */
}

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.report_table * {
    /* position: relative; */
}

.input-search {
    width: 100%;
}

.input-search {
    width: 100%;
}

.input-group-icon, .input-search {
    width: 100%;
    table-layout: fixed;
}

.filterhead {
    display: table-cell !important;
}

table.data-table-report:not(.fixedHeader-floating) {
    /*table-layout: fixed;*/
    width: 98% !important;
}

.modal-content {
    max-height: 550px;
    overflow: auto;
}

.oddRow {
    background-color: #CCC;
}


/*Custom Tooltip*/
.custom-tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .custom-tooltip .custom-tooltiptext {
        display: none;
        width: 250px;
        background-color: #000e15;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 999;
        bottom: 125%;
        left: 50%;
        margin-left: -125px;
        transition: opacity 0.3s;
        white-space: break-spaces;
        height: fit-content;
        height: -moz-fit-content;
    }

        .custom-tooltip .custom-tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #000e15 transparent transparent transparent;
        }

    .custom-tooltip:hover .custom-tooltiptext {
        display: block;
    }

/*Custom Tooltip*/