/* Author: AdminDesigns.com
* Last Updated: 02/01/14 
* Copyright 2014 Admin Designs
=================================================
* This file is reserved for changes made by 
* the user. It's often times a good idea to 
* seperate your changes from the themes core.
* It makes modifications, and future theme
* updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
* they have a high chance of needing to be
* changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus { color: #666; }

.navbar-menus > div > button:hover { color: #333; }

/* Place your custom styles or styles which 
* have been generated with the customization 
* tool below this line. 
-----------------------------------------------*/

.bg-red3.bg-green3 { background: #a90a0a !important; }

.breadcrumb > li.crumb-active > a { text-decoration: none; }

input[type='checkbox'] { vertical-align: bottom; }

.switch.switch-inline { width: 100%; }

.cBox.cBox-green input[type='checkbox'] { vertical-align: inherit; }

.popup-in02 {
    background: white;
    border: solid 1px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    float: left;
    padding: 2%;
    position: relative;
    width: 500px;
}

.btn-close > a {
    cursor: pointer;
    font-size: 20px;
    left: 355px;
    position: relative;
    text-decoration: none;
    top: -23px;
}

.ddlbig { width: 175px !important; }

.mrtop24 { margin-top: 24px; }

.btnSetting {
    float: right;
    left: 1px;
    position: relative;
    top: 23px;
}

.btnSend {
    float: right;
    left: 1px;
    position: relative;
    top: 10px;
}

.f-right { float: right; }

.clrbth { clear: both; }

.dnone { display: none; }

.fs-30 { font-size: 30px; }

.errormsg {
    color: #d9534f;
    font-size: 12px;
    font-weight: 600;
}

i.pagging { font-size: 15px !important; }

.page-status-block {
    color: #fff;
    font-size: 13px;
    width: 100%;
}

.status-content {
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    width: 100%;
}

.success-show { background-color: #5AAE06; }

.error-show { background-color: #E52727; }

.error { color: Red; }

.custom-tbl thead td { font-weight: bold; }

.custom-tbl td {
    border-top: 1px solid #ddd !important;
    vertical-align: middle !important;
}

.activetd {
    background-color: #89DDFF;
    color: black;
}

.lightblue { color: #03a9f4; }

.sprtIC { }

.sprtIC .sprtone {
    float: left;
    height: 15px;
}

.sprtIC .sprtone input[type="checkbox"] {
    display: block;
    margin: 2px 0px 0px 2px;
}

.sprtIC .sprthte { float: right; }

.bdrf {
    border: solid 2px #ff4f3e;
    top: 0px;
}

.headsection label { margin-bottom: 2px; }

.sml-txtbx {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 30px;
}

.selected-row > td { background-color: #c1e857 !important; }

.light-row > td { background-color: #FBFF87 !important; }

.pale-row > td { background-color: #e4f0f9 !important; }

.manageselect button {
    overflow: hidden;
    text-overflow: ellipsis !important;
    width: 130px;
}

.emailmng {
    width: 150px;
    word-break: break-all !important;
}

.dgray-bg { background-color: #e1e1e1; }

.lgray-bg { background-color: #f7f7f7; }

.lgreen-bg { background-color: #e9f5c5; }

.tbl-detail-wrap .info-row {
    padding-bottom: 10px;
    padding-top: 10px;
}

.tbl-detail-wrap .info-row span { color: #444; }

.tbl-detail-wrap .dd-select { border-right: 1px solid #ccc; }

.tbl-detail-dd { background-color: #FFF; }

.tbl-detail-dd .dd-select {
    padding-bottom: 5px;
    padding-top: 5px;
}

.tbl-detail-form {
    background-color: #f8f8f8;
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

.toggle-detail-btn { cursor: pointer; }

.toggle-details { display: none; }

.downarrow {
    -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
    transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
}

.tbl-header-info {
    background-color: #6bbbe0;
    border-radius: 5px;
    color: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.tbl-header-info .col-md-2 { text-align: center; }

.tbl-header-info .col-md-3 { text-align: center; }

.tbl-norm-title { font-size: 13px; }

.tbl-mdm-title {
    font-size: 14px;
    font-weight: bold;
}

.tbl-mdm-title b { line-height: 20px; }

.tbl-header-info .bdr-l { margin-top: 20px; }

.tbl-header-info .bdr-r { margin-top: 20px; }

.thumb-select-grid {
    float: left;
    text-align: center;
    width: 150px;
}

.form-list-wrap ul {
    margin: 0px;
    padding: 0px;
}

.form-list-wrap li {
    border-bottom: 1px solid #CCC;
    display: block;
    height: 30px;
    padding: 5px 10px;
}

.select-list-title {
    float: left;
    width: 80%;
}

.select-list-control {
    float: left;
    width: 20%;
}

.form-list-wrap table td {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.form-list-wrap table td input { float: left; }

.form-list-wrap table td label {
    float: left;
    margin-left: 5px;
    width: 80%;
}

.fs13new {
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
}

.fs13new [type="checkbox"] {
    display: block;
    margin-top: 2px;
}

.clickrow { position: relative; }

.clickrow .clicklink {
    height: 25px;
    left: 0px;
    min-width: 1040px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.mt-none { margin-top: 0px !important; }

.imgarr {
    margin-left: 8px;
    margin-top: 4px;
}

/*.fa-envelope{color:#E7BB1E;}*/

/*.fa-times{color:#D22020;}*/

.pre_crnt {
    font-size: 12px;
    margin-top: -6px !important;
    padding-bottom: 4px;
}

.dealerMrtp.manageselect button, .dealerMrtp.manageselect .btn-group, .dealerMrtp.manageselect .multiselect-container { width: 100%; }

.footer {
    background-color: #fff;
    line-height: 4;
    text-align: center;
}

.Ofr_up { margin: 4px 0px; }

.togglediv_btn { position: relative; }

.togglediv_btn .addclose_btn {
    position: relative;
    z-index: 2;
}

.togglediv_btn .close_btn {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 0;
}

.loading {
    background: #fff;
    border-radius: 4px;
    left: 0;
    margin: 0 auto;
    padding: 20px 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 40%;
    width: 200px;
    z-index: 9999;
}

.activeIMG .temp_DSN.active img {
    border: solid 4px #E55E20;
    padding: 10px;
}

.activeIMG .temp_DSN.active .btn_xl {
    background-color: #E55E20;
    border-color: #E55E20;
    color: #fff;
}

.temp_DSN img {
    cursor: pointer;
    max-width: 100%;
}

.btn-circle.btn_xl {
    border-radius: 35px;
    display: none;
    font-size: 24px;
    height: 60px;
    left: 0px;
    line-height: 1.6;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -15px;
    width: 60px;
}

.btn-circle.btn_xl:hover {
    background-color: #E55E20;
    color: #fff;
}

.cBoxinline table { width: 100%; }

.cBoxinline table tr {
    float: left;
    max-width: 145px;
    width: 100%;
}

.cBoxinline table tr td input[type="checkbox"] { vertical-align: initial !important; }

.cBoxinline table tr td label {
    color: #000;
    font-size: 11px;
    padding-left: 8px;
}

.fnch_list { clear: both; }

.ajax__calendar_body, .ajax__calendar_days, .ajax__calendar_days table, .ajax__calendar_months, .ajax__calendar_years { width: 100% !important; }

.ajax__calendar_today {
    border-top: none !important;
    padding-top: 0 !important;
}

.tbl_data_mng .text-left { text-align: left !important; }

.tbl_data_mng .col-md-3 { max-width: 167px; }

.tbl_data_mng .col-md-3.max_wdh { max-width: 225px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome, select { line-height: 2.1 !important; }
}

.popup-imgselector {
    background-color: #FFF;
    border: 2px solid #ccc;
    border-radius: 5px;
    height: auto;
    left: 0px;
    margin: auto;
    position: absolute;
    right: 0px;
    width: 400px;
    z-index: 999;
}

.popup-imgselector ul {
    margin: 0px;
    padding: 0px;
}

.popup-imgselector li {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    display: block;
    margin-bottom: 0px;
    padding: 10px;
}

.popup-imgblock {
    float: left;
    width: 50%;
}

.popup-imgblock img {
    background-color: #FFF;
    border: 1px solid #ccc;
    float: left;
    padding: 3px;
    width: 100%;
}

.popup-imgtitle {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    width: 45%;
}

.popup-imgslt {
    float: left;
    line-height: 50px;
    width: 50px;
}

a.popup-close {
    display: block;
    height: 20px;
    position: absolute;
    right: 0px;
    width: 30px;
}

.popup-head {
    height: 30px;
    position: relative;
}

.popup-listwrap {
    height: 400px;
    overflow: auto;
}

.multiselect-container li { margin-bottom: 0px; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #E6E6E6 !important;
    color: #464646 !important;
}

/*-- chart --*/

.dial-title {
    color: #231f20;
    font-size: 14px;
    height: 32px;
    line-height: 1;
    margin: auto;
    text-align: center;
}

.dial-link span {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
}

.knob-chart {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.knob-charts {
    margin-top: 20px;
    padding-top: 20px;
}

.knob-charts ul { padding: 0; }

.knob-charts ul li:nth-child(odd) { background: #29325d; }

.knob-charts ul li {
    border-radius: 10px;
    list-style: none;
    margin: 0px 0px;
    padding: 10px 20px;
}

.knob-charts ul li:after {
    clear: both;
    content: "";
    display: block;
}

.knob-charts ul li .knobLeft { float: left; }

.knob-charts ul li .knobRight {
    float: left;
    line-height: 3.7;
    margin-left: 50px;
}

.chart-form { margin-top: 30px; }

.chart-form .manageselect button {
    max-width: 250px !important;
    text-align: left;
    width: 100% !important;
}

.chart-form .manageselect button b {
    float: right;
    margin-top: -12px;
}

.btntopmrg { margin-top: 23px; }

.chart-listpopup {
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    border-radius: 10px;
    bottom: -240px;
    height: 250px;
    left: -40px;
    padding: 10px;
    position: absolute;
    width: 425px;
    z-index: 99;
}

.chart-table {
    font-size: 12px;
    height: 210px;
    overflow: auto;
    width: 100%;
}

.chartlist-head {
    height: 20px;
    position: relative;
}

.chartlist-head span {
    color: #f04848;
    cursor: pointer;
}

.chartlist-head i.topaero {
    color: #ccc;
    font-size: 28px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: -30px;
}

.auto.fl-n .selector, .auto.fl-n .selector span { width: 100% !important; }

.scrollACC { overflow: auto; }

/*print report*/

.cart-content {
    border: 1px solid #ccc;
    margin: auto;
    margin-top: 20px;
    margin-top: 10px;
    padding: 10px;
    width: 900px;
}

.chart-row {
    border-bottom: 1px solid #737373;
    width: 100%;
}

.chart-left {
    float: left;
    width: 225px;
}

.chart-right {
    float: right;
    margin-top: 20px;
    width: 650px;
}

.table-view {
    float: left;
    margin-left: 10px;
    width: 300px;
}

.list-heading {
    border-bottom: 1px solid #666;
    display: table-cell;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding-bottom: 3px;
    vertical-align: bottom;
    width: 280px;
}

.table-list .first {
    float: left;
    font-size: 11px !important;
    width: 8%;
}

.table-list .second {
    float: left;
    font-size: 11px !important;
}

.table-list .third {
    float: right;
    font-size: 11px !important;
}

.table-list .fourth {
    float: left;
    font-size: 11px !important;
    width: 45%;
}

.table-list .first1 {
    float: left;
    font-size: 11px !important;
    width: 8%;
}

.table-list .second1 {
    float: left;
    font-size: 11px !important;
    width: 32%;
}

.table-list .third1 {
    float: left;
    font-size: 11px !important;
    width: 30%;
}

.table-list .fourth1 {
    float: left;
    font-size: 11px !important;
    width: 30%;
}

ul.list-items {
    margin: 0px;
    padding: 0px;
}

.list-items li {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 10px;
    height: auto;
    margin-bottom: 0px;
    overflow: auto;
    padding: 5px 0px;
}

.list-items li .third { text-align: right; }

.list-items li .fourth { text-align: center; }

.table-view.full {
    height: 205px;
    margin: 0px;
    margin-bottom: 25px;
    width: 100%;
}

.table-view.full .list-heading .first, .table-view.full .list-heading .first1 { font-weight: bold; }

.table-view.full .list-heading .second, .table-view.full .list-heading .second1 { font-weight: bold; }

.table-view.full .list-heading .third, .table-view.full .list-heading .third1 { font-weight: bold; }

.table-view.full .list-heading .fourth1 {
    color: #231f20;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}

.table-view.full .first, .table-view.full .first1 {
    color: #231f20;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    text-indent: 5px;
}

.table-view.full .second, .table-view.full .second1 {
    color: #231f20;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}

.table-view.full .third, .table-view.full .third1 {
    color: #231f20;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}

.table-view.full .fourth1 {
    color: #231f20;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}

.pdf_footer {
    clear: both;
    overflow: hidden;
}

.pdf_footer .ftrlogo {
    float: left;
    margin-right: 10px;
    width: 100px;
}

.pdf_footer .ftrlogo img { max-width: 100%; }

.pdf_footer .ftrcontent {
    float: left;
    margin-top: 11px;
    width: 80%;
}

.pdf_footer .ftrcontent p {
    border-bottom: solid 1px #939598;
    color: #58595B;
    font-size: 95%;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.pdf_footer .ftrcontent p a { color: #58595B; }

.pdf_footer .ftrcontent span {
    color: #58595B;
    display: block;
    font-size: 13px;
    text-align: right;
}

.rptcmplogo img {
    max-height: 85px;
    max-width: 170px;
    padding: 15px 0px;
    vertical-align: sub;
}

.lnkCust {
    color: #2a6496;
    cursor: pointer;
}

.navbar-right a { color: #fff; }

.hdrBtn {
    display: inline-block;
    line-height: 53px;
    padding: 0px 15px;
    vertical-align: top;
}

.hdrBtn i {
    color: #bd4b7f;
    font-size: 20px;
    line-height: 35px;
}

.postcd_tag {
    background-color: #ffd1e8 !important;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 25px;
    padding: 3px 10px 2px;
}

.postcd_tag .fa {
    color: #f36161 !important;
    font-size: 16px !important;
    margin-left: 5px;
}



/*-----------------------------ORDER DETAILS BORDER STYLE------------------------------------*/

.borderStyle .optn-grid {
    border-bottom: 0px;
    border-right: 0px;
    line-height: 28px;
    min-height: 41px;
}

.borderStyle .optn-grid:nth-child(4n) { }

.borderStyle .optn-grid:nth-last-child(1), .borderStyle .optn-grid:nth-last-child(2), .borderStyle .optn-grid:nth-last-child(3), .borderStyle .optn-grid:nth-last-child(4) { border-bottom: 1px solid #fff; }

.borderStyle .optn-grid span { /*position: absolute; line-height: 1.1em; margin-top: 5px;*/ }

.borderStyle .optn-grid span.pos-none { margin-top: 8px !important; }

.borderStyle .border-light3 { border-bottom: 1px solid #d0caca !important; }

.borderStyle .optn-grid b {
    display: inline-block;
    line-height: 1em;
    margin-top: 3px !important;
}

.borderPro .row.optn-grid {
    border-top: 0px;
    padding-left: 5px;
}

.borderPro .row .optn-grid {
    border-bottom: 0px;
    border-right: 0;
}

.borderPro .row.optn-grid:last-child { border-top: 1px solid #d0caca; }

.borderPro .row .optn-grid:last-child { border-right: 1px solid #d0caca; }

.borderPro .row.grad-total .optn-grid { border-bottom: 1px solid #d0caca; }

.borderPro .row:first-child .optn-grid { border-bottom: 1px solid #d0caca; }

.borderAss .border .optn-grid {
    border: 0;
    border-right: 1px solid #d0caca;
}

.borderAss .border .optn-grid:last-child { border-right: 0px; }

.borderAss2 .row.border { border-bottom: 0px; }

.borderAss2 .row.border:last-child { border: 1px solid #d0caca; }

.insta-border .border {
    border-bottom: 0px;
    border-right: 0;
}

.insta-border .optn-grid { border-bottom: 0; }

.insta-border .border.tech { border-bottom: 1px solid #d0caca; }

.insta-border .optn-grid:last-child { border-bottom: 1px solid #d0caca; }

/*-------------------------------------------------------------------------------------------*/

.dialog-background {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.dialog-loading-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 100%; /*left: 34%;*/
    margin-left: -50px;
    margin-top: -50px;
    position: fixed;
    top: 20%;
    width: 100%;
    z-index: 9999999;
}

.dg-wrapper {
    margin-left: 0px;
    margin-top: 0px;
}

.modal-dialog {
    background: transparent;
    left: 0;
    margin: 0px;
    margin: auto; /*background: #fff;*/
    max-height: 450px;
    padding: 0px;
    position: absolute; /*overflow: hidden;*/
    right: 0;
    top: 0;
    width: 550px;
}

.modal-content {
    -moz-box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    -webkit-box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    margin: 0px auto;
    max-width: 100%;
    padding: 15px;
    padding-top: 0px;
    width: 100%;
}

.modal-content label { color: #231f20; }

.modal-dialog .panel-heading {
    background: #f5f5fd !important;
    border: none;
    border-radius: 5px;
    color: #383969 !important;
    line-height: normal;
    margin-top: 0;
    padding: 10px 15px !important;
}

.modal-dialog .panel-heading .panel-title {
    padding-left: 0px;
    padding-top: 0px;
}

.clsInHead {
    cursor: pointer;
    float: right;
    height: 25px;
    margin-top: -3px;
    position: relative;
    width: 25px;
}

.clsInHead span {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.clsInHead span .iconify {
    color: #1d2055;
    font-size: 35px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.date-box p {
    font-weight: 300;
    margin: 0;
}

.date-box .panel {
    background: rgb(238, 238, 238);
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0);
    padding: 10px;
    text-align: right;
}

.date-box .icon-bg {
    left: 10px;
    right: unset;
}

.date-box .icon-bg i {
    color: #ccc;
    font-size: 95px;
    text-align: left;
}

.date-box .day-dtl {
    font-size: 16px;
    line-height: 1.1em;
}

.date-box .day-dtl span {
    color: #808080;
    display: block;
    font-size: 13px;
}

.date-box .pro-date { font-size: 17px; }

.date-box .date-no {
    color: #08b54f;
    font-size: 20px;
    text-align: right;
}

.date-box .date-no span {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
}

.date-box.blue .date-no { color: #009acb; }

.sml-icon .icon-bg {
    right: 20px;
    top: 0px;
}

.sml-icon .icon-bg i {
    color: #ccc !important;
    font-size: 40px;
}

.header-logo img { /*color: #fff; text-transform: uppercase; font-weight: bold; position: absolute; top: 0; bottom: 0; margin: auto;*/ }

.company-drop-cms {
    border-radius: 0px 0px 4px 4px;
    left: auto !important;
    padding: 10px;
    right: 10px !important;
    top: 67px;
}

a:focus { outline: none !important; }

.sidebar-menu ul li { position: relative; }

.sidebar-menu ul li a:focus { background-color: transparent; }

.sidebar-menu ul li .navSignupNotify {
    background-color: #af5580;
    border-radius: 50px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    height: 17px;
    left: 0px;
    line-height: 17px;
    margin: auto;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -10px;
    vertical-align: middle;
    width: 17px;
}

.dialog-pop .modal-dialog { background: none; }

.dialog-pop .modal-dialog .modal-content { }

.dialog-pop .modal-dialog .modal-content .panel {
    border: none;
    border-radius: 6px 6px 0 0;
    box-shadow: none !important;
}

.table.Uplift-width > tbody > tr > td:nth-child(6) { width: 130px !important; }

.red-block { display: block !important; }

.setting {
    color: #75b3ca !important;
    display: inline-block;
    width: 85px;
}

.setting .fa { margin-right: 5px; }

.editWithICon {
    color: #75b3ca !important;
    display: inline-block;
    text-decoration: none !important;
}

.icon_trash {
    color: #475c95 !important;
    display: inline-block;
    text-decoration: none !important;
}

.icon_cogs {
    color: #475c95 !important;
    display: inline-block;
    text-decoration: none !important;
}

.color-textBox .textbox { height: 32px; }

.color-textBox .input-group-btn .btn {
    min-width: 341px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.color-textBox .input-group input {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px !important;
    min-width: 200px;
}

.DateBox .textbox {
    float: left;
    height: 30px;
}

.DateBox span.errormsg { position: static; }

.DateBox a {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
}

.DateBox a i { font-size: 20px; }

.prodLog .logNo {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.prodLog .logNo span {
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    width: 100%;
}

.prodLog .gray-Box {
    border: 1px solid #f5f5fd;
    border-radius: 4px;
    position: relative;
}

.prodLog .gray-Box h2 {
    background-color: #f5f5fd;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 10px;
}

.prodLog .gray-Box p {
    font-weight: normal;
    line-height: normal;
    margin: 10px;
    min-height: 17px;
}

.prodLog .gray-Box .add-btn-container {
    margin-top: -20px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.prodLog .gray-Box .add-btn {
    border-radius: 3px 3px 0px 0px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 2px 4px;
}

.prodLog .gray-Box .add-btn i { font-size: 13px; }

.changeLog .chngLogRpt { margin-bottom: 25px; }

.changeLog .chngLogRpt:nth-child(2n + 1) { clear: both; }


.log-blue2 { color: #33bfeb !important; }

.log-black2 { color: #494949 !important; }

.log-green3 { color: #6fa53e !important; }

.log-red2 { color: #ff234a !important; }



.panel.sml-icon { margin-bottom: 0; }

.summary-title {
    display: inline-block;
    margin-top: 7px;
    vertical-align: top;
}

.sml-icon .text-muted b {
    background-color: #33a3a3;
    border-radius: 7px;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 20px;
    min-width: 40px;
    padding: 5px;
    text-align: center;
}

.sml-icon .text-muted { margin: 0px; }

.total-summary > .col-sm-6:first-child { width: 12%; }

.total-summary > .col-sm-6:nth-child(2) {
    float: right;
    width: 13%;
}

.total-summary > .col-sm-12:last-child { width: 75%; }


.total-summary select {
    font-size: 11px;
    margin-top: 5px;
    padding: 0;
    padding-left: 5px;
    text-align: left;
}

.total-summary .panel.sml-icon { margin-top: 5px; }

.knob-chart .dial-title {
    font-size: 13px;
    height: auto;
    line-height: normal;
    margin-top: 15px;
}

.knob-chart .dial-text {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: calc(50% - 33px);
    vertical-align: middle;
    width: 50%;
}

.deals-tbl { /*height: 425px; overflow: auto;*/ }

.mapImg img { max-width: 100%; }

.knob-charts.resolution .knob-chart:last-child { border-bottom: none !important; }

.knob-charts.resolution .knob-chart.compRes { padding: 5px 15px !important; }

.text-muted { color: #777 !important; }

.knob-charts.performance .knob-chart {
    display: inline-block;
    width: 9.50%;
}

.knob-charts.performance .knob-chart:first-child, .knob-charts.performance .knob-chart:last-child { width: 9.50%; }

.knob-charts.performance { text-align: center; }

.knob-charts.performance .blockDiv { display: none; }

.knob-charts.performance > div:nth-child(14) {
    clear: both;
    display: block;
}

/*-------for table-----------*/

.fixtable-head tbody > tr:nth-child(2n + 1) > td {
    background-color: unset;
    border-bottom: unset;
    padding: 8px;
}

.fixtable-head .table-bordered > tbody > tr > td {
    border: 1px solid #ddd;
    border-bottom: none !important;
    border-left: 0;
}

.fixtable-head .table-fixed thead { width: 97%; }

.fixtable-head .table-fixed tbody {
    height: 348px;
    overflow-y: auto;
    width: 100%;
}

.fixtable-head .table-fixed thead, .fixtable-head .table-fixed tbody, .fixtable-head .table-fixed tr, .fixtable-head .table-fixed td, .fixtable-head .table-fixed th { display: block; }

.fixtable-head .table-fixed tbody td, .fixtable-head .table-fixed thead > tr > th {
    border-bottom-width: 0;
    border-left: none;
    float: left;
}

.fixtable-head .table > thead:first-child > tr:first-child > th:last-child { border-right: none; }

.fixtable-head .table-fixed td { display: table-cell !important; }


.chklst input[type="checkbox"] { vertical-align: baseline !important; }

.button-set { margin-right: 15px; }

.exp-rprt { text-align: center; }

.accs-btn .fa { font-size: 15px !important; }

.accs-btn .btn, .userGID-Btn .btn-success { border-color: #fff; }

.BTN-slt-mlti .btn-group, .BTN-slt-mlti .btn-group .btn { width: 100%; }

#toggle_sidemenu_l {
    align-items: center;
    border-right: 1px solid transparent;
    display: flex;
    flex-direction: column;
    float: left;
    font-size: 24px !important;
    height: 70px;
    justify-content: center;
    margin-left: 20px !important;
    padding-right: 20px !important;
    top: 0px;
    width: 46px;
}

.header-logo {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    float: left;
    font-size: 20px;
    height: 70px;
    justify-content: center;
    margin: 0px 0px 0px 0px !important;
    padding-left: 20px;
    text-align: center;
}

.shdwBx { position: relative !important; }

.rmv_fld {
    position: absolute;
    right: -15px;
    top: -15px;
}

.chkfrm label {
    line-height: 1em;
    padding-top: 10px;
    width: 75%;
}

.add-new-field .chkfrm label {
    padding-top: 0px;
    width: 81%;
}

.add-new-field .chkfrm label { width: calc(100% - 48px) !important; }

.add-new-field .chkfrm img { margin-left: 7px !important; }

.dashboard { color: #fff; }

.dashboard .pln { color: #fff; }

.dashboard .panel-heading {
    background-color: #1e2551;
    border: none;
    color: #fff;
    padding-top: 10px;
}

.dashboard .panel {
    background-color: #1f264d;
    border: none;
    box-shadow: none;
}

.dashboard .text-muted { color: #c9caee !important; }

.dashboard .dial-title { color: #c9caee; }

.dashboard .panel-tabs > li > a {
    border: 2px solid transparent;
    border-radius: 5px;
    color: #c6caf0 !important;
    display: inline-block;
    padding: 5px 15px !important;
    text-align: center;
    text-decoration: none;
    transition: .2s;
}

.dashboard .panel-tabs > li:after { display: none; }

.dashboard .panel-tabs > li.active > a, .dashboard .panel-tabs > li.active > a:hover, .dashboard .panel-tabs > li.active > a:focus, .dashboard .panel-tabs > li > a.active, .dashboard .panel-tabs > li > a.active:hover, .dashboard .panel-tabs > li > a.active:focus {
    border: 2px solid #e45d9f;
    transition: .2s;
}






.mapDr a { }

/* for cms leads*/

.table-striped > tbody > tr td .btn-group { min-width: 100px; }

.notestag::before {
    clear: both;
    content: "";
    display: block;
}

.notestag span:first-child { display: block; }

.notestag span.label {
    display: inline-block;
    line-height: 0.8em;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0.3em 0.7em 0.4em !important;
}

.multiselect-container {
    max-height: 250px;
    overflow: auto !important;
}

a.timeView {
    border: 2px solid transparent;
    border-radius: 5px;
    color: #c6caf0;
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    transition: .2s;
}

a.timeView.active, a.timeView:hover {
    border: 2px solid #e45d9f;
    transition: .2s;
}

.barChart {
    max-height: 175px;
    overflow: auto;
}

.bChrtGrp {
    margin-bottom: 15px;
    padding-right: 10px;
}

.bChrtWrp:after {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}

.bChrtGrp label { font-size: 14px; }

.bChrtWrp {
    margin-bottom: 25px;
    position: relative;
    width: 100%;
}

.bChrtWrp label::before {
    background: #FFF;
    border-radius: 3px 0 0 3px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 63px;
    z-index: -1;
}

.bChrtWrp .clrBarWrp {
    background-color: #efefef;
    border-radius: 3px;
    float: left;
    height: 20px;
    position: relative;
    width: calc(100% - 100px);
}

.bChrtWrp span.clrBar {
    border-radius: 3px;
    height: 100%;
    left: 0px;
    position: absolute;
}

.bChrtWrp label {
    color: #333;
    display: block; /*position:absolute; left:0px; top:0px;*/
    float: left;
    font-size: 13px;
    line-height: 20px;
    padding: 0px 5px;
    width: 75px;
}

.bChrtWrp .countBar {
    color: #000;
    display: inline-block;
    float: right;
    width: 20px;
}

.blueBar span.clrBar { background-color: #FA78B5; }

.lblueBar span.clrBar { background-color: #6E354F; }

.greenBar span.clrBar { background-color: #AD537D; }

.iconBtn {
    background-color: #1d2055;
    border-radius: 4px;
    color: #fff !important;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
    text-align: center;
    width: 32px;
}

.iconBtn .fa { line-height: 32px; }

/*Calender*/

.Calendar {
    min-height: 450px;
    padding: 20px;
}

.wide-modal {
    margin: 0px auto;
    padding-top: 0px;
    width: 90% !important;
}

.wide-modal .modal-content { padding: 20px; }

.wdMdlHdr {
    border-bottom: 2px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

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

.wdMdlHdr span {
    font-size: 18px;
    font-weight: bold;
}

.wdMdlHdr span#dtPopupBtn i {
    color: #979797;
    font-size: 26px;
    padding-top: 5px;
}

.wdMdlHdr .statInfo {
    display: inline-block;
    float: right;
    margin-bottom: 0px;
    margin-right: 100px;
    margin-top: 6px;
    padding: 0px;
}

.wdMdlHdr .statInfo li {
    color: #272a59;
    display: inline-block;
    margin-right: 10px;
}

.wdMdlHdr .statInfo li > span {
    font-size: 13px;
    position: relative;
    text-align: center;
    top: -2px;
}

.wdMdlHdr .statInfo li > i { font-style: normal; }

.wdMdlHdr .closePop { top: 7px !important; }

.wdMdlHdr .clsInHead {
    position: absolute;
    right: 23px;
    top: 23px;
}

.wide-modal .closePop {
    background-color: #fff;
    border: 2px solid #979797;
    border-radius: 50px;
    cursor: pointer;
    float: right;
    height: 25px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15px;
    width: 25px;
    z-index: 999;
}

.wide-modal .closePop:hover { color: #979797; }

.wide-modal .closePop .fa {
    color: #979797;
    display: inherit;
    line-height: 15px;
}

.clndrCnt {
    overflow-x: auto;
    padding: 0px;
    width: 100%;
}

.clndrGrid:first-child ul li { border-radius: 5px 0px 0px 5px; }

.clndrGrid:last-child ul li { border-radius: 0px 5px 5px 0px; }

.clndrGrid a { color: #272a59; }

.clndrCnt > div {
    height: calc(100vh - 150px);
    min-width: 1000px;
    overflow: auto;
}

.clndrCnt ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.clndrCnt li:first-child {
    align-items: center;
    background-color: #f5f5fd !important;
    border-bottom: 0px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    line-height: 1;
    min-height: 35px;
    padding: 0px 5px !important;
    text-align: center;
    word-break: normal;
}

.clndrCnt li {
    display: block;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    margin-bottom: 0px;
    padding: 10px 5px 10px 24px;
    position: relative;
    position: relative;
    text-align: left;
    word-break: break-all;
}

.clndrCnt li:nth-child(odd) { background-color: #f5f5fd; }

.clndrCnt li:last-child { border-bottom: 0px; }

.calMark li {
    color: #9597ac;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-left: 15px;
}

.calMark li span {
    border-radius: 4px;
    display: inline-block;
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.calPop {
    -moz-box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    -webkit-box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px -10px 70px 10px rgba(39, 42, 93, 0.5) !important;
    color: #383969;
    display: none;
    font-size: 13px;
    font-weight: normal;
    left: 0;
    line-height: 2;
    margin: 0px auto;
    max-width: 85%;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 30%;
    width: 400px;
    z-index: 999;
}

.calPop:after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: -5;
}

.calClose {
    background-image: url(../images/spriteIcon.png);
    background-position: -1px -128px;
    background-size: 385px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
}

#dtPopupBtn a {
    background: #01a1af;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
    height: 20px;
    line-height: 0.7;
    margin: 0px 1px;
    padding: 0px;
    text-align: center;
    width: 20px;
}

.blueStat {
    background-color: #afe4f6;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: 2px;
    margin-right: 5px;
    position: absolute;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 18px;
}

.orngStat {
    background-color: #ffc7ce;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: 2px;
    margin-right: 5px;
    position: absolute;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 18px;
}

.grnStat {
    background-color: #6ccb29;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: 2px;
    margin-right: 5px;
    position: absolute;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 18px;
}

.redStat {
    background-color: #bababa;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    left: 2px;
    margin-right: 5px;
    position: absolute;
    text-align: center;
    top: 8px;
    vertical-align: middle;
    width: 18px;
}

.redStat::after {
    background: #fefefe;
    border-radius: 5px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 8px;
    width: 10px;
}

.clndrGrid {
    float: left;
    width: 9.09%;
}

.ui-widget-header {
    background: none;
    background-color: #ba4d80 !important;
    border: none;
}

.ui-dialog-titlebar-close {
    background: transparent;
    border: none;
    position: relative;
}

.ui-dialog-titlebar-close:before {
    color: #fff;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 16px;
    height: 20px;
    left: 0px;
    line-height: 20px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 20px;
}

/*Calendar*/

.clndrPop { top: 0 !important; }

.clndrPop .wide-modal {
    margin-top: calc(1% + 10px) !important;
    width: 97% !important;
}

.clndrPop .wdMdlHdr {
    border: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.fc-header-title h2 {
    color: #FE345A;
    font-size: 16px;
}

.fc-grid .fc-day-number { color: #FE345A; }

.fc-state-highlight .fc-day-number { font-weight: bold; }

.fc-state-highlight { background-color: #ffdbec; }

.hdrOnTop .navbar-branding {
    background-color: transparent;
    border-right: none;
}

.hdrOnTop .header-logo img { max-width: 130px; }

.hdrOnTop #content_wrapper { margin-left: 0; }

.hdrOnTop #toggle_sidemenu_l { display: none; }

.hdrOnTop .nav.navsml:before { display: none; }


.newtabs .tab-content table { max-width: 100% !important; }

.table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    margin: 0px !important;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.table-responsive.mb15 { margin-bottom: 15px !important; }


/*===============================================
L. Tables CUSTOM TABLE THEME
================================================= */

.tblCstm { font-weight: 600; }

.tblCstm.table { margin-bottom: 0px !important; }

.tblCstm > tbody > tr, .tblCstm > tbody > tr > th, .tblCstm > tbody > tr > td {
    border: none !important;
    padding: 10px 7px !important;
    vertical-align: middle !important;
}

.tblCstm > tbody > tr:nth-child(odd) > td, .tblCstm > tbody > tr:nth-child(odd) > th { background-color: #f5f5fd; }

.tblCstm > tbody > tr > th:first-child, .tblCstm > tbody > tr > td:first-child {
    border-radius: 5px 0px 0px 5px;
    padding-left: 10px !important;
}

.tblCstm > tbody > tr > th { font-weight: normal; }

.tblCstm > tbody > tr:first-child > th { background: #ffffff; }

.tblCstm > tbody > tr > th:last-child, .tblCstm > tbody > tr > td:last-child {
    border-radius: 0px 5px 5px 0px;
    padding-right: 10px !important;
}

.tblCstm > tbody > tr > th a, .tblCstm > tbody > tr > td a {
    color: #75b3ca;
    text-decoration: none !important;
    word-break: initial;
}

.tblCstm > tbody > tr > th input, .tblCstm > tbody > tr > td input {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #75b3ca;
    outline: none;
    padding: 6px 10px 4px 10px;
}

.tblCstm > tbody > tr > td .fa-chevron-circle-down { color: #226dbc; }

.tblCstm > tbody > tr > td .text-ellipsis.active {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tblCstm > tbody > tr > td.pn { padding: 0px !important; }

.tblCstm > tbody > tr > td.ptn { padding-top: 0px !important; }

.tblCstm > tbody > tr > td.pbn { padding-bottom: 0px !important; }

.tblCstm > tbody > tr > td.pln { padding-left: 0px !important; }

.tblCstm > tbody > tr > td.prn { padding-right: 0px !important; }

/*================================ */

.dashboard .tblCstm > tbody > tr:first-child th, .dashboard .tblCstm > tbody > tr:last-child th, .dashboard .tblCstm > tbody > tr:first-child td, .dashboard .tblCstm > tbody > tr:last-child td { background-color: #1e2551; }

.dashboard .tblCstm > tbody > tr, .dashboard .tblCstm > tbody > tr > th, .dashboard .tblCstm > tbody > tr > td { color: #cbc9f0; }

.dashboard .tblCstm > tbody > tr:nth-child(even) > td, .dashboard .tblCstm > tbody > tr:nth-child(even) > th { background-color: #1e2551; }

.dashboard .tblCstm > tbody > tr:nth-child(odd) > td, .dashboard .tblCstm > tbody > tr:nth-child(odd) > th { background-color: #29325d; }

.hiddenTr > td { background: transparent !important; }

.emailSent .tblCstm > tbody > tr:nth-child(4n) { background-color: #f5f5fd; }




.inputSv { position: relative; }

.inputSv input {
    float: left;
    padding-right: 25px !important;
    width: 90px !important;
}

.inputSv a {
    color: #475c95 !important;
    left: 70px;
    position: absolute;
    top: 7px;
}

.inputSv span {
    clear: both;
    display: inline-block !important;
    height: auto;
    line-height: 1;
    margin-top: 3px;
    min-height: auto;
    width: auto;
}


th.actioncell {
    letter-spacing: 0;
    text-align: center;
}

td:last-child.actioncell {
    letter-spacing: 2px;
    text-align: center;
}

.actnCellspn {
    box-shadow: none !important;
    display: inline-block;
    letter-spacing: normal;
    min-width: 45px;
    text-align: center;
    vertical-align: middle;
}

.actnCellspn a { display: inline-block; }

.actnCellspn .fa { color: #6e7ba7 !important; }

.actnCellspn .editWithICon .fa { color: #75b3ca !important; }

.dropdown-menu {
    -moz-box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    border: none;
    box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    margin: 5px auto;
    padding: 15px;
}

.dropdown-menu > li { margin: 3px auto; }

.dropdown-menu > li > a {
    background: transparent !important;
    color: #475c95;
    letter-spacing: normal;
    padding: 3px 0px;
}

.dropdown-menu > li > a i { margin-right: 5px; }

.table-responsive .tblCstm tr:nth-last-child(5) .btn-group .dropdown-menu, .table-responsive .tblCstm tr:nth-last-child(4) .btn-group .dropdown-menu, .table-responsive .tblCstm tr:nth-last-child(4) .btn-group .dropdown-menu, .table-responsive .tblCstm tr:nth-last-child(3) .btn-group .dropdown-menu, .table-responsive .tblCstm tr:nth-last-child(2) .btn-group .dropdown-menu, .table-responsive .tblCstm tr:nth-last-child(1) .btn-group .dropdown-menu {
    -moz-box-shadow: -3px -10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    -webkit-box-shadow: -3px -10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    bottom: 20px;
    box-shadow: -3px -10px 20px 0px rgba(39, 42, 93, 0.3) !important;
    top: initial;
}



.splrBlk { text-align: center; }

.splrBlk .panel-body { padding: 30px; }

.splrBlk .splrCount {
    color: #272a59;
    float: left;
    font-weight: bold;
}

.splrBlk .editWithICon { float: right; }

.splrBlk .splrImg {
    border-radius: 50%;
    display: inline-block;
    height: 130px;
    margin: 10px auto;
    overflow: hidden; /*border: 2px solid #dedede;*/
    position: relative;
    width: 130px;
}

.splrBlk .splrImg img {
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.splrAddrs h3 {
    color: #272a59;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
}

.splrAddrs p {
    color: #272a59;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}

.splrAddrs strong {
    color: #272a59;
    font-size: 13px;
    font-weight: 900;
}

.grfPnl .panel-body.ptn { padding: 45px; }

.grfPnl .moveIcon:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 5px;
}

.grfPnl .moveIcon {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    color: #9E9E9E;
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 7px;
    transform: rotate(45deg);
}

.grfPnl .panel-body > ul {
    border-top: 2px solid #f9f9f9;
    margin: 15px 0px 0px;
    padding: 0px;
}

.grfPnl .panel-body > ul li {
    border-right: 2px solid #f9f9f9;
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    padding: 15px;
    text-align: center;
    width: 50%;
}

.grfPnl .panel-body > ul li:last-child { border-right: none !important; }

.grfPnl .panel-body > ul li label {
    color: #7b7cb5;
    display: block;
    font-size: 12px;
    margin: 0;
}

.ordRptPnl, .grfPnl { min-height: 360px; }

.ordRptPnl .panel-body { padding-top: 60px; }

.ordRptPnl .panel-title { font-weight: bold; }

.ordRptPnl .panel-body ul { padding: 0; }

.ordRptPnl .panel-body ul li {
    background: #f5f5fd;
    border-radius: 5px;
    list-style: none;
    margin-bottom: 10px;
    padding: 10px 15px;
}

.ordRptPnl .panel-body ul li.active, .ordRptPnl ul li:hover {
    -webkit-box-shadow: 0 1px 10px rgb(39 40 130 / 29%);
    background: #fff;
    box-shadow: 0 1px 10px rgb(39 40 130 / 29%);
}

.ordRptPnl .panel-body ul li svg {
    color: #9590bc;
    float: left;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 1px;
}

.ordRptPnl .panel-body ul li a {
    color: #bd4b7f;
    float: right;
    font-weight: bold;
}

.bulkEmail .accordion .panel-heading { padding: 0px; }

.bulkEmail .accordion .panel-heading a {
    background-color: #fff;
    color: #222258;
    padding: 0px;
}

.bulkEmail .accordion-toggle .accordion-toggle-icon i { color: #222258; }

.bulkEmail .accordion .panel-heading .accordion-toggle {
    -moz-box-shadow: 0px 20px 20px 0px rgba(39, 42, 93, 0.2) !important;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(39, 42, 93, 0.2) !important;
    box-shadow: 0px 20px 20px 0px rgba(39, 42, 93, 0.2) !important;
}

.bulkEmail .accordion .panel-heading .accordion-toggle.collapsed { box-shadow: none !important; }

.bulkEmail .panel-collapse {
    -moz-box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.2) !important;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.2) !important;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px rgba(39, 42, 93, 0.2) !important;
    margin-top: 5px;
}

.bulkEmail .panel-collapse .panel-body {
    background: #fff;
    border-radius: 5px;
}

.bulkEmail .accordion .panel-heading .accordion-toggle .mnms { color: #cacbd0; }

.bulkEmail .accordion .panel-heading .accordion-toggle .expd {
    color: #a5a7be;
    display: none;
}

.bulkEmail .accordion .panel-heading .accordion-toggle.collapsed .expd { display: block; }

.bulkEmail .accordion .panel-heading .accordion-toggle.collapsed .mnms { display: none; }

.mce-panel {
    background: #fff !important;
    border-color: #dedede !important;
    border-radius: 5px !important;
}


.prfProgs label {
    color: #272a5d;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    vertical-align: middle;
    width: auto;
}

.prfProgs a {
    color: #272a5d;
    cursor: default;
    display: inline-block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.prfProgs a span:last-child {
    position: relative;
    top: 2px;
}

.prfProgs svg.iconify[style="transform: rotate(360deg);"] {
    -ms-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.prfProgs svg.iconify { font-size: 16px; }

.cstmPrgrs {
    background-color: #f6f6f6;
    border-radius: 50px;
    height: 3px;
    margin: 10px 0px;
    width: 100%;
}

.cstmPrgrsFill {
    background-color: #b74b7f !important;
    height: 3px;
}

.redFill .cstmPrgrsFill { background-color: #ec7693 !important; }

.blueFill .cstmPrgrsFill { background-color: #7fcae3 !important; }

.greenFill .cstmPrgrsFill { background-color: #e4977f !important; }

.violetFill .cstmPrgrsFill { background-color: #d883ea !important; }

.orangeFill .cstmPrgrsFill { background-color: #f5937a !important; }

.turquoiseFill .cstmPrgrsFill { background-color: #cb76ec !important; }

.redFill .iconify { color: #ec7693 !important; }

.blueFill .iconify { color: #7fcae3 !important; }

.greenFill .iconify { color: #e4977f !important; }

.violetFill .iconify { color: #d883ea !important; }

.orangeFill .iconify { color: #f5937a !important; }

.turquoiseFill .iconify { color: #cb76ec !important; }

.clr-Signed { color: #86cfa2 !important; }

.clr-SurveyBooked, .clr-InstallationBooked, .clr-Installed { color: #aedced !important; }

.clr-Installed-invalid { color: #ec7693; }

.clr-Cancelled, .clr-Dead { color: #c4c3c4 !important; }

.lblProfit {
    background: url(https://api.iconify.design/heroicons-solid:arrow-narrow-right.svg?color=%237dd4a1);
    background-position: bottom 1px right 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    bottom: 13px;
    color: #7dd4a1;
    font-size: 15px;
    font-weight: 700;
    left: -215px;
    padding-right: 23px;
    position: absolute;
    text-align: right;
    width: auto;
}

.optn-grid .form-control { min-height: 34px; }



.greedy-nav {
    display: inline-block;
    font-size: 0;
    position: relative;
    text-align: center;
}

.greedy-nav .visible-links {
    display: inline-block;
    font-size: 0;
    height: 55px;
    overflow: hidden;
    padding-top: 10px;
    vertical-align: middle;
    width: calc(100% - 35px);
}

.greedy-nav .visible-links:hover { overflow: initial; }

.greedy-nav .hiddenToggle {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    vertical-align: middle;
}

.greedy-nav .hiddenToggle:hover, .hiddenToggle:focus, .hiddenToggle:active {
    background: none;
    border: none;
    outline: none;
}

.greedy-nav .hiddenToggle .icon_span {
    align-items: center;
    border-radius: 10px;
    color: #9590bc;
    display: flex;
    float: left;
    font-size: 20px;
    height: 35px;
    justify-content: center;
    margin: auto;
    text-align: center;
    width: 35px;
}

.greedy-nav .hidden { visibility: hidden; }

.greedy-nav .hidden-links {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    right: -7px;
    top: 45px;
    width: 190px;
}

.greedy-nav .hidden-links {
    -moz-box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
    -webkit-box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
    box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
}

.greedy-nav .hidden-links:after {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0px;
    position: absolute;
    right: 15px;
    top: -9px;
    width: 0px;
}

.greedy-nav .hidden-links li {
    margin: 0px !important;
    width: 100%;
}

.greedy-nav .hidden-links li a .icon_span { display: none; }

.greedy-nav .hidden-links li a .sidebar-title {
    color: #272a59;
    display: block !important;
    font-size: 13px;
    font-weight: 700;
    height: auto;
    line-height: normal !important;
    margin: 0px 0px 5px;
    min-height: auto;
    padding: 5px 10px;
    text-align: left;
    width: 100%;
}

.greedy-nav .hidden-links li .tltp { display: none !important; }

.greedy-nav .hidden-links li.active a > .sidebar-title {
    background-color: transparent;
    color: #b74b7d;
}

.greedy-nav .hidden-links li:last-child a .sidebar-title { margin-bottom: 0px; }


.grfPnl g rect { stroke: none !important; }

.gtooltip {
    font-family: 'Nunito', sans-serif !important;
    font-size: 14px !important;
    min-width: 150px !important;
    padding: 10px 15px !important;
}

.google-visualization-tooltip {
    -moz-box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
    -webkit-box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: 0px 5px 50px 10px rgba(39, 42, 93, 0.15) !important;
    color: #272a59 !important;
    font-family: 'Nunito', sans-serif;
    height: auto !important;
    min-width: 175px !important;
}

.google-visualization-tooltip-item span {
    color: #272a59 !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 13px !important;
}

.gm-style .gm-style-iw-c {
    color: #272a59 !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
    padding: 10px 15px !important;
}

.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
    right: 5px !important;
    text-align: center;
    top: 0 !important;
    width: 20px !important;
}

.gm-style .gm-style-iw-c button.gm-ui-hover-effect img { margin: auto !important; }

.minw120 { min-width: 120px !important; }

.divToTble {
    padding: 0px; /*margin-bottom: 60px;*/
}

.divToTble li {
    border-radius: 5px;
    color: #363b7b;
    display: inline-block;
    line-height: 1.42857143;
    list-style: none;
    padding: 7px 10px !important;
    vertical-align: middle !important;
    width: 100%;
}

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

.divToTble li:nth-child(2n) { background-color: #f5f5fd; }

.divToTble li > label {
    display: inline-block;
    margin: 0;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    width: 49%;
}

.divToTble li > span {
    display: inline-block;
    margin: 0;
    padding: 0px;
    text-align: right;
    vertical-align: middle;
    width: 49%;
}

.divToTble.withSlt li > label {
    margin-top: 8px;
    width: calc(100% - 160px);
}

.divToTble.withSlt.pItm li > label { width: 50%; }

.divToTble.withSlt li > span { width: 150px; }

.divToTble.withSlt.pItm li span {
    display: inline-block;
    text-align: right;
    width: 49%;
}

.ddlLbl select.form-control {
    background: transparent;
    border-color: transparent;
    color: #363b7b;
    cursor: default !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: right;
}

.sideTabhdr {
    color: #4c4e89;
    float: right;
    padding-top: 10px;
    text-align: right;
}

.sideTabhdr .numWrap {
    background-color: #f5f5fd;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 2px;
    padding: 5px 10px;
    text-align: center;
}

.sideTabhdr .numWrap i {
    display: block;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 2;
}

.sideTabhdr .numWrap span {
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 2.3;
}

.borderPanel { padding: 20px; }

.borderPanel .panel-heading {
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0px;
}

.borderPanel .panel-body {
    line-height: normal;
    min-height: 35px;
    padding: 0px;
}

.ucCstmrAdm .insName {
    color: #272a5d;
    font-weight: 700;
}

.ucCstmrAdm .insAddress span {
    color: #373a7d;
    font-weight: 700;
}

.ucCstmrAdm .insAddress span strong {
    display: block;
    font-weight: 600;
    line-height: normal;
}

.ucCstmrAdm .insCallMail > span:last-child {
    color: #9ecfde;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.ucCstmrAdm .insCallMail > span:first-child {
    color: #373a7d;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.bestTime {
    background-color: #e5f6ec;
    border-radius: 5px;
    color: #7bd3a1;
    display: inline-block;
    padding: 20px;
    text-align: center;
}

.bestTime b {
    display: block;
    padding: 0px 5px;
    width: 85px;
}

.bestTime span {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 5px;
}

.ucHistory .divToTble li { padding: 10px !important; }

.ucHistory .divToTble li span {
    display: inline-block;
    float: none;
    text-align: left;
    width: auto;
}

.ucAssignment .divToTble { margin-bottom: 0px; }

.sttsBoxPnl { position: relative; }

.sttsBoxPnl .ucCstmrAdm .panel-heading { padding-right: 135px !important; }

.sttsBoxPnl .ucCstmrAdm .panel-heading::after {
    clear: both;
    content: "";
    display: block;
}

.sttsBoxPnl .sttsMbox {
    margin: 0;
    position: absolute;
    right: 21px;
    top: 26px;
    width: auto;
}

.webStpPopup .dialog-loading-wrapper { top: 20px; }

.webStpPopup .modal-dialog {
    max-height: 100%;
    max-width: 1114px !important;
    width: calc(100% - 40px);
}

.webStpPopup iframe {
    border: none;
    height: calc(100vh - 70px);
    width: 100%;
}

.webStpPopup .clsInHead {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 9999;
}

#scroll2Top {
    align-items: center;
    background-color: #F8F8F8;
    border-radius: 50%;
    bottom: 0;
    color: #ba4d80;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    margin: 0 3em 3em 0;
    padding: .25em;
    position: fixed;
    right: 0;
    transition: all .25s ease-in-out;
    width: 40px;
    z-index: 9999;
}

.loader-new-container {
    background: #F8F8F8;
    height: 100vh;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%;
    z-index: 99999;
}

.loader-new {
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    position: fixed;
    top: 50%;
}

.badge { background: #bb447a !important; }


/*
    LEAD
    ------------------------------------------------------
*/
.lead-badge {
    margin-left: 20px;
}

.badge-clear {
    background: transparent !important;
    border: 1px solid #262b5e;
    padding: 2px 6px;
}

.lead-green, .badge-green {
    background: #73bf75 !important;
    color: #fff !important;
}
    .lead-green a, .lead-green .fa {
        color: #467548 !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-amber, .badge-amber {
    background: #e3e368 !important;
    color: #fff !important;
}
    .lead-amber a, .lead-amber .fa {
        color: #9c9c44 !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-red, .badge-red {
    background: #fa2f47 !important;
    color: #fff !important;
}
    .lead-red a, .lead-red .fa {
        color: #750714 !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-blue, .badge-blue {
    background: #6e90f5 !important;
    color: #fff !important;
}
    .lead-blue a, .lead-blue .fa {
        color: #3e528c !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-pink, .badge-pink {
    background: #a9e8de !important;
    color: #fff !important;
}
    .lead-pink a, .lead-pink .fa {
        color: #729c95 !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-purple, .badge-purple {
    background: #ca86e3 !important;
    color: #fff !important;
}
    .lead-purple a, .lead-purple .fa {
        color: #6a4678 !important;
        font-weight: bold;
        text-transform: uppercase;
    }

.lead-default {
    color: #363b7b !important;
    text-transform: uppercase;
}

.lead-table {
    border-spacing: 0 1px;
    border-collapse: separate !important;
}

.lead-table > tbody > tr, .lead-table > tbody > tr > th, .lead-table > tbody > tr > td {
    border: none !important;
    padding: 10px 7px !important;
    vertical-align: middle !important;
}

.bold {
    font-weight: bold !important;
    color: #363b7b !important;
}