/*new css*/
body {
    font-size: 13px;
}
.card_visible .crmaccordion .accordion>.card { 
    overflow: inherit;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.newretaillead {
    overflow-x: hidden;
    min-height: 500px;
    max-height: 700px;
    overflow-y: auto;
    padding-right: 15px;
}

.h4heading {
    background: #f1f1f1;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 17px;
    font-weight: 600;
    color: #6f6f6f;
}

.newretaillead label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
}

.modal-header.newretailcenter {}

.modal-header.newretailcenter .modal-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.searchbox {
    position: relative;
}

.searchbox .form-control {}

.searchbox .btn-default.btn {
    position: absolute;
    right: 0px;
    border-left: 0px;
    bottom: 0px;
    top: 0px;
}

.searchbox i {}

.crmsalesbtn.addsalesbtn {
    display: flex;
    align-items: center;
    justify-content: end;
}

.searchtop {
    position: relative;
    display: inline-flex;
}

.searchtop .input-group-append {}

.table th,
.table td {
    font-size: 13px;
}

h1 span.small {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

ul.updatelist {
    margin-bottom: 0px;
}

.itemheading .card-title {
    font-size: 14px;
}

.itemheading ul.updatelist {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
}

.itemheading ul.updatelist li {
    font-size: 13px;
    padding-right: 30px;
}

.itemheading {
    display: flex;
    align-items: flex-end;
}

table.table.view {
    margin-bottom: 0px;
}

table.table.view tr {}

table.table.view th {
    padding: 7px;
}

table.table.view td {
    padding: 7px;
}

.salestabs .nav-pills .nav-link {
    font-size: 13px;
    padding: 7px 10px 7px 15px;
}

.btnpart {
    padding: 7px;
}

.btnpart .btn {
    font-size: 14px;
}

.salestabs {}

.statuscold {
    padding: 0px 10px 0px 15px;
    display: flex;
    align-items: center;
}

.salestabs .nav-pills .nav-link.non-active p.newcrmtext span {
    opacity: 0;
}

.salestabs .nav-pills .nav-link.non-active p.newcrmtext:before {
    content: '';
    opacity: 1;
}

.salestabs .nav-pills .nav-link.non-active:hover p.newcrmtext span {
    opacity: 1;
    color: #fff;
}

.salestabs .nav-pills .nav-link.non-active:hover p:before {
    opacity: 0;
}

.salestabs .nav-pills .nav-link.active {
    background: transparent;
}

.salestabs .nav-pills .nav-link {
    position: relative;
}

.salestabs .nav-pills {
    position: relative;
}

.salestabs .nav-pills .nav-link:before,
.salestabs .nav-pills .nav-link:after {
    content: '';
    position: absolute;
    right: 2px;
    left: 2px;
    background: #ddd;
    height: 18px;
}

.salestabs .nav-pills .nav-link {
    color: #000;
}

.salestabs .nav-pills .nav-link:hover {
    color: #014486;
}

.salestabs .nav-pills .nav-link.active {
    color: #fff;
}

.salestabs .nav-pills .nav-link.active:hover {}

.salestabs .nav-pills .nav-link:before {
    content: '';
    transform: skewX(33deg);
    top: 0px;
}

.salestabs .nav-pills .nav-link:after {
    content: '';
    transform: skewX(-33deg);
    bottom: 0px;
}

.salestabs .nav-pills .nav-link.active:before,
.salestabs .nav-pills .nav-link.active:after {
    background: #014486;
}

.salestabs .nav-pills .nav-link.non-active:before,
.salestabs .nav-pills .nav-link.non-active:after {
    background: #45c65a;
}

.salestabs .nav-pills .nav-link.non-active:hover:before,
.salestabs .nav-pills .nav-link.non-active:hover:after {
    background: #2e903e;
}

.salestabs .nav-pills .nav-link.non-active p {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}

.salestabs .nav-pills .nav-link:before,
.salestabs .nav-pills .nav-link:after {
    background: #ddd;
}

.salestabs .nav-pills .nav-link:hover:before,
.salestabs .nav-pills .nav-link:hover:after {
    background: #919191;
}

.salestabs .nav-pills .nav-link:hover p,
.salestabs .nav-pills .nav-link:hover p {
    color: #fff;
}

.salestabs .nav-pills .nav-item:first-child .nav-link {}

.salestabs .nav-pills .nav-item:last-child .nav-link {}

.salestabs .nav-pills .nav-item:first-child .nav-link.active {}

.salestabs .nav-pills .nav-item:last-child .nav-link.active {}

.salestabs .nav-pills .nav-link span {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: list-item;
}

.salestabs .card-header {
    border-bottom: none;
}

.markicon {
    position: relative;
    margin-right: 10px;
}

.markicon:before {
    content: '';
    top: 43%;
    width: 6px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%) rotate(45deg);
}

.salestabs .nav-pills .nav-link {}

.salestabs .nav-pills .nav-link p:before {
    content: '';
    top: 43%;
    width: 6px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%) rotate(45deg);
}

.salestabs .btnpart {
    padding-bottom: 10px;
    padding-top: 11px;
}

.salestabs .nav-pills .nav-link.active:hover:before,
.salestabs .nav-pills .nav-link.active:hover:after {
    background: #2d5175;
}

.salestabs .nav-pills .nav-link:hover p {
    position: relative;
    z-index: 1;
}

.salestabs .nav-pills .nav-link p {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}

.salestabs .nav-pills .nav-link p:before {
    content: '';
    opacity: 0;
}

.salestabs .nav-pills .nav-link.active p {
    position: relative;
    z-index: 1;
}

.salestabs .nav-pills .nav-link:hover p:before {
    content: '';
    opacity: 0;
}

.salestabs .nav-pills .nav-link.active p:before {
    content: '';
    opacity: 0;
}

.crmdetail {}

.crmdetail label:not(.form-check-label):not(.custom-file-label) {
    font-size: 13px;
    font-weight: 400;
}

.crmhr {
    /*min-height: 36px;*/
}

.crmlabel {
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    border-bottom: #ddd 1px solid;
    padding-bottom: 10px;
}

.crmhr label {
    margin-bottom: 0px;
}

a.editicon {
    color: #000;
    font-size: 13px;
    opacity: 0.3;
}

a.editicon:hover {
    opacity: 0.6;
}

.crmaccordion {
    margin-top: 15px;
}

.crmaccordion .card-header h5 {
    font-size: 13px;
}

.crmaccordion .card-header {
    padding: 10px 19px;
}

.crmaccordion i.fa-angle-down {
    float: left;
    transform: rotate(180deg);
    margin-right: 10px;
    font-size: 16px;
}

.crmaccordion .collapsed i.fa-angle-down {
    transform: rotate(0deg);
    color: #000;
}


.crmaccordion.upcoming-detailpart i.fa-angle-down {
    transform: rotate(180deg);
}

.crmaccordion.upcoming-detailpart .collapsed i.fa-angle-down {
    transform: rotate(0deg);
}

.crmaccordion .card-title {}

.crmaccordion .card-header a {
    color: #000;
}

.crmaccordion .accordion>.card>.card-header {
    background: #f1f1f1;
}

.crmretail-left {}

.crmrightaccount .tab-pane {
    border: #ddd 1px solid;
    padding: 13px;
    border-top: none;
}

.crmretail-left label:not(.form-check-label):not(.custom-file-label) {
    font-size: 13px;
    font-weight: 400;
}

.crmaccordion.upcoming-detailpart {}

.opportuneview {}

.navaccountli a {
    padding-left: 10px;
}

.crmaccordion.upcoming-detailpart .accordion>.card>.card-header {
    background: transparent;
}

.thismonth {
    float: right;
}

.crmaccordion.calllogcrm {
    margin-top: 0px;
}


.crmaccordion.calllogcrm i.fa-angle-down {
    float: left;
    transform: rotate(0deg);
    margin-right: 10px;
    font-size: 20px;
    opacity: 0.5;
}

.crmaccordion.calllogcrm .collapsed i.fa-angle-down {
    transform: rotate(270deg);
    color: #000;
}

.mobileloged span.youlogged {
    display: block;
    font-size: 13px;
    padding-left: 33px;
}

.mobileloged i {
    font-size: 28px;
    float: left;
    margin-right: 10px;
    color: #007bff;
}

.crmaccordion.calllogcrm .card-header h5 .calllogdrop {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
}

.crmaccordion.calllogcrm .card-header h5 {
    position: relative;
}

.crmaccordion.calllogcrm .card-header h5 .calllogdrop .nav-link.dropdown-toggle {
    padding-right: 0px;
}

.crmaccordion.calllogcrm .card-header h5 .calllogdrop .nav-link.dropdown-toggle::after {
    content: '';
}

.crmaccordion.calllogcrm .card-header .card-header a {
    font-size: 13px;
}

.crmaccordion.calllogcrm label:not(.form-check-label):not(.custom-file-label) {
    font-size: 13px;
    font-weight: 400;
    word-break: break-all;
}

.crmaccordion.calllogcrm {
    font-size: 13px;
}

.crmaccordion.calllogcrm a {
    font-size: 13px;
}

.card.calloverflow {
    overflow: visible;
    box-shadow: none;
    margin-bottom: 0px;
}

.crmaccordion.upcoming-detailpart .accordion>.card.calloverflow>.card-header {
    border-bottom: none;
}

.calldatetime {
    margin-left: 52px;
    border: #ddd 1px solid;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}

.calldatetime:before {
    content: "";
    width: 2px;
    background: #0c84ff;
    position: absolute;
    left: -23px;
    top: 0px;
    bottom: 0px;
}

.card.upcomingtop {
    overflow: visible;
}

.crmemailpart {
    border: #ddd 1px solid;
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    font-size: 13px;
}

.crmaccordion.calllogcrm .card-header h5 .calllogdrop .dropdown-menu {
    left: -45px !important;
}

.filterbtncall {
    position: relative;
}

.filterbtncall {
    position: relative;
    display: inline-block;
}

.filterbtncall .dropdown-menu {
    left: -45px !important;
}

span.plusicon {
    width: 16px;
    display: inline-block;
    border: #ddd 1px solid;
    text-align: center;
    height: 16px;
    line-height: 13px;
    margin-right: 5px;
}

.profileimgcrm {
    background: #ddd;
    width: 27px;
    height: 27px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 10px;
}

.profileimgcrm img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.form-control {
    font-size: 13px;
    height: calc(2rem + 0px);
}

.redcolor {
    color: red;
}

.btn.btbtn {
    padding: 0px;
}

ul.accountlist {
    list-style: none;
    padding: 0px;
    margin: 0px;
    column-count: 2;
}

ul.accountlist li {
    display: block;
}

ul.accountlist li a {
    display: inline-block;
    font-size: 13px;
    color: #000;
}

.dropdown.accountlistdrop {}

.itemheading.listingaccount {}

.listingaccount .card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    flex: 0 0 100%;
}

.dropdown.accountlistdrop .dropdown-menu {
    left: -50px !important;
}

.dropdown.accountlistdrop .nav-link {
    border: #ddd 1px solid;
    color: #000;
    padding: 4px 8px 1px 5px;
    text-align: center;
    border-radius: 3px;
}

.crmsalesheaddetail {}

.listingaccount .card-title.small {
    font-size: 14px;
}

.accountcrmnamelist {}

.accountcrmnamelist .nav-link {
    padding: 0px;
}

.crmrightaccount label:not(.form-check-label):not(.custom-file-label) {
    font-size: 13px;
    font-weight: 400;
}

.listingaccount ul {
    font-size: 14px;
}

.card-header.dropdown-divider {
    height: auto;
    margin-top: 0px;
}

.contactcrmright {}

.contactcrmright {
    font-size: 14px;
}

.crmrightaccount .card-body {
    padding: 10px 15px 10px;
    min-height: auto !important;
}

.accountcrmnamelist a {
    word-break: break-all;
}

.accountcrmnamelist .dropdown-menu {
    width: 250px;
    font-size: 14px;
}



.accountcrmnamelist label:not(.form-check-label):not(.custom-file-label) {
    font-size: 14px;
    font-weight: 400;
}

.opportuneview .nav-link.dropdown-toggle {
    padding: 0px;
}

.opportuneview {
    position: relative;
}

.accountcrmopen {
    width: 90%;
    position: fixed !important;
    right: 0px !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 10000;
}

/*.opportuneview.open .dropdown-menu.accountcrmopen{display: block; opacity:1; }*/

.closebtnb {
    position: absolute;
    right: -22px;
    top: -22px;
    padding: 10px;
    z-index: 100;
    line-height: 14px;

}

.closebtnb a.close {
    background: #343a40;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: #0000002b 0 0 24px 0;
    font-size: 28px;
    width: 30px;
    height: 30px;
    color: #fff;
    opacity: 1;
    margin-top: -8px;
    display: block;
    position: relative;
    left: 1px;
    padding: 1px 8px;
}

.oppturnity {
    padding: 0;
}

.newretaillead h5 {
    font-size: 13px;
    font-weight: 600;
}

.oppturnity td .dropdown.accountlistdrop .dropdown-menu {
    left: -135px !important;
}

.crmaccordion .accordion>.card>.card-header {}

.crmaccordion .accordion>.card {
    overflow-y: auto;
    overflow-x: hidden;
}

.crmdetail {}

.accountactiveform {
    position: relative;
}

.accountactiveform .accountpartbtn {
    position: sticky;
    left: 0px;
    right: 0px;
    text-align: center;
    bottom: 0px;
    border-top: #f1f1f1 1px solid;
    padding-top: 10px;
    background: #e1e1e1;
    padding-bottom: 10px;
    border-radius: 0px 0px 7px 7px;
}

.login-start {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
}

.loginrow {}

.logincols {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.onesidelogin {
    background: url(../img/img-loginbg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.login-start .container-fluid {
    height: 100%;
}

.login-start .loginrow {
    height: 100%;
}

.loginmain {
    padding: 0px 50px;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

a.yironlogo {
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.yironlogo img {
    height: 100px;
}

.loginmain h2 {
    margin-bottom: 30px;
    display: block;
    font-size: 25px;
    font-weight: 400;
    color: #006cb5;
}

.footerlogin {
    margin-top: 45px;
    padding: 0px 50px 30px;
}

.loginmain .inputgroup {}

.loginmain .form-group {}

.loginheader {
    padding: 50px 50px 0px;
    width: 100%;
}

.loginmain .form-control {
    border: none;
    padding: 0px;
    font-weight: 500;
    font-size: 18px;
}

.loginmain label {
    margin-bottom: 0px;
    color: #808080;
    font-weight: 500 !important;
}

.inputborder {
    border-radius: 10px;
    border: #ddd 1px solid;
    padding: 13px 24px 13px;
}

.loginmain input::-webkit-input-placeholder {
    /* Edge */
    color: #000;
}

.loginmain input:-ms-input-placeholder {
    /* Internet Explorer */
    color: #000;
}

.loginmain input::placeholder {
    color: #000;
}

.form-check {
    
}

.loginmain .form-check {
    display: block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
}

/* Hide the default checkbox */
.loginmain .form-check input[type=checkbox] {
    visibility: hidden;
    cursor: pointer;
}

/* Create a custom checkbox */
.loginmain .icheck-primary label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 35px;
    color: #aaaaaa;
}

.loginmain .icheck-primary label:before {
    content: '';
    left: 5px;
    top: 2px;
    display: inline-flex;
    background: transparent;
    width: 21px;
    height: 21px;
    border-radius: 3px;
    border: #4b87ea 2px solid;
    position: absolute;
}

.loginmain .icheck-primary:hover input[type=checkbox]~.mark {
    background-color: gray;
}

.loginmain .icheck-primary input[type=checkbox]:checked~.mark {
    background-color: blue;
}

/* Create the mark/indicator (hidden when not checked) */
.loginmain .icheck-primary label:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the mark when checked */
.loginmain .icheck-primary input[type=checkbox]:checked~label:after {
    display: block;
}

/* Style the mark/indicator */
.loginmain .icheck-primary label:after {
    left: 13px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


.loginmain .btnmainlogin .btn {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    border-radius: 5px;
    padding: 8px;
    text-transform: uppercase;
}

.loginmain a {
    font-size: 16px;
}

.loginmain .footerlogin a {
    font-weight: 700;
    color: #000;
}


.form-control:disabled,
.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    /* border: none; */
    padding: 0px 10px;
    height: 34px;

}


/**/

.collapsed {}



.floating-label-group {
    position: relative;
}

.loginmain .floating-label-group .form-control {
    margin: 34px 0px 10px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    top: -5px;
    transition: all 0.1s ease;
}

.loginmain input:focus~.floating-label,
.loginmain input:not(:focus):valid~.floating-label {
    top: -20px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
    color: #404040;
    position: absolute;
}

.loginmain .inputborder {
    padding: 0px 24px 0px;
}


/* tooltip link */


/* tooltip content */

.tooltip h3 {
    white-space: nowrap;
}

/* demo styles */

.tip-content.hidden {
    display: none;
}


.tip.dropdown-toggle {
    position: relative;
}

.tip.dropdown-toggle:after {
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.accountcrmopen {}

.supporttool .popover {
    max-width: 100%;
    right: 0px;
    margin: 0px 25px;
}

.popover.supportfact {
    max-width: 100%;
    right: 0px;
    margin: 0px 25px;
}



.supportfact .oppturnity .popover-body {
    padding: 0;
    overflow-y: auto;
    overflow-x: auto;
    max-height: 230px;
    display: inline-block;
    width: 100%;
}

.emailcontainer {
    display: none;
    position: absolute;
    top: 50px;
    bottom: 50px;
    background: #fff;
    left: 50px;
    right: 50px;
    z-index: 10000;
    box-shadow: #00000024 0 0 50px 0px;
}

.emailcontainer.opendiv {
    display: block;
}

.popover.intro {
    display: none;
}

body.formcrf {
    background: #f2fafc;
}

.loginmain.crfstartform {
    background: #fff;
    padding: 40px;
}

.loginmain.crfstartform label {
    margin-bottom: 13px;
    font-weight: 500 !important;
    color: #959595;
}

.loginmain.crfstartform .form-control {
    border: #ddd 1px solid;
    border-radius: 5px;
    padding: 17px;
    font-size: 13px;
}

.inputgroup.radiopart {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.formcrf .loginheader {
    padding: 50px 0px 0px;
}

.formcrf .footerlogin {
    padding: 0px 0px 45px;
}

.nav-link.dropdown-toggle.nabanchortag {}

.mainnabdetail {
    display: flex;
    align-items: center;
}

.mainnabdetail .nabdetailitem {
    color: rgba(0, 0, 0, .5);
    padding-left: 12px;
    font-size: 13px;
    text-transform: none;
}

.clsheading {
    margin-bottom: 20px;
}

.infobas {
    color: #000 !important;
}

.clsheading h2 {
    color: #008dd2;
    margin-bottom: 9px;
    font-size: 35px;
    font-weight: 600;
}

.clsheading .infobas {
    margin-bottom: 5px !important;
}

.popover.supportfact .popover-header .tip-content.hidden {
    display: block;
}

.popover.supportfact .popover-footer .close.btn {
    position: relative;
    top: -17px;
    opacity: 1;
    background: #343a40;
    color: #fff;
    z-index: 1000;
}

.popover.supporttool .popover-footer {}

.tip.tipformat {
    display: inline-block;
}

.supporttool.mtdone {
    display: none !important;
}

.oppturnity .close {
    position: absolute;
    right: -6px;
    top: -13px;
    background: #343a40;
    color: #fff;
    opacity: 1;
    width: 24px;
    height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 20px;
}

.pop-header {
    background: #ddd;
    border-radius: 5px;
    padding: 6px 7px 5px;
    display: block;
}

.pop-header h3 {
    font-size: 24px;
    margin-bottom: 0px;
}

.contenttool.hidden {
    display: none;
}

.popover-body .contenttool.hidden {
    display: block;
}

.formtooltip table {
    margin-bottom: 0px;
}

.popover.supportfact .popover-body {
    padding: 5px;
}

.retail-disabled-form .form-control {
    width: 75%;
}

.retail-disabled-form select.form-control {
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.retail-disabled-form textarea.form-control {
    resize: none;
}

.retail-disabled-form .input-group-text {
    background: transparent;
    border: none;
    font-size: 13px;
    opacity: 0.5;
}

.active-detailform .crmhr .idetaillabel {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.active-detailform .crmhr span.col-lg-2 {
    display: none;
}

.ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
    z-index: 99999;
    font-size: 13px;
}


#example2_filter.dataTables_filter {}

.formtooltip .dataTables_filter {
    margin-top: 10px;
}

.popover .formtooltip {
    height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    z-index: 10000;
}

.accountcrmnamelist .dropdown-menu label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
}

.accountcrmnamelist .dropdown-menu {}

.supportfact .pop-header {}

.popover.supportfact .formtooltip table {
    margin-top: 10px;
}

.createuser {}

.createuser .card-title span {
    display: block;
    font-size: 18px;
    width: 365px;
    font-weight: 500;
}

.fbicon {
    float: left;
    font-size: 37px;
    margin-right: 10px;
}

.createuser .itemheading .card-title {}

.createuser .threedots {}

.createuser .threedots:after {
    content: "\2807";
    font-size: 20px;
}

.dropdown.userdropdown #useridcreate:after {
    content: '';
    display: none;
}

.dropdown.userdropdown {
    float: right;
}

.user-accordion {}

.user-accordion .card-header {}

.user-accordion .accordion>.card>.card-header {
    background: transparent;
}

.user-accordion .accordion.md-accordion .card {
    box-shadow: none;
    margin-bottom: 0px;
}


.crmaccordion.createuser .card-header h5 {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.createuser .createcard {
    padding: 0px;
}

span.flowright {
    float: right;
    /* color: #63c363; */
    font-size: 24px;
    margin-left: auto;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-default.changebtn {}

.changeboxinput {
    position: relative;
    border: #ddd 1px solid;
    border-radius: 5px;
    padding: 10px;
    display: block;
}

.changeboxinput .changebtn {
    position: absolute;
    z-index: 1;
    right: 10px;
}

.createuserbtn {
    border: none;
    background: transparent;
    font-size: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.createuserbtn svg {
    width: 25px;
    height: 25px;
    display: block;
}

.btncreatelist {
    padding: 7px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.btncreatelist:hover {
    box-shadow: rgb(0 0 0 / 10%) 0 0 18px 0px;
}

span.textcreateuser {
    font-size: 16px;
    margin-left: 10px;
}

.eventreq {}

.btncontinue {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
}

.yellow {
    color: #fff;
    background: #dfb900;
}

.green {
    color: #fff;
    background: #0f884e;
}

.createuser.crmaccordion .accordion>.card>.card-header {
    background: transparent;
}

.createuser.crmaccordion .accordion>.card {
    overflow: visible;
}

.fbicon .fa-facebook-official {
    color: #3636b8;
}

.iconusercreate .fa-facebook-official {
    color: #3636b8;
}


.fbicon .fa-google {
    color: #BB001B;
}

.iconusercreate .fa-google {
    color: #BB001B;
}

.modal-header.newretailcenter .modal-title span {
    display: block;
    font-size: 18px;
}

.addheading {}

.addheading h3 {
    font-size: 22px;
}

.addheading h3 span {
    display: block;
    font-size: 18px;
}

.addheading {
    margin-bottom: 15px;
}

.createlist {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.createlist li {}

.retail-form.retail-disabled-form .input-group [data-toggle="datetimepicker"] {
    display: none;
}

.retail-form.active-detailform .input-group [data-toggle="datetimepicker"] {}


.gquestion {
    display: flex;
    align-items: center;
}

.gquestion input.checkgroup {
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 3px;
    display: flex;
}

.salestabs .nav-pills li {
    flex: auto;
}

.iframeModalModify {
    bottom: 20px;
}

.iframeModalModify .modal-dialog.modal-xl {
    max-width: 100%;
    height: 95%;
}

.iframeModalModify .modal-content {
    height: 100%;
}

.iframeModalModify .newretaillead {
    height: 100%;
    overflow: hidden;
    padding-right: 0px;
}

/* .attachedDataModalModify{
    bottom:20px;
}
.attachedDataModalModify .modal-dialog.modal-xl {

    height: 95%;
}
.attachedDataModalModify .modal-content{
    height: 100%;
}
.attachedDataModalModify .newretaillead{
    height: 100%;
    overflow: hidden;
    padding-right:0px;
} */
/* KEYFRAMES */
@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.spinner-box {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    flex-direction: column;
}

/* ALTERNATING ORBITS */
.circle-border {
    width: 50px;
    height: 50px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgb(48 48 48);
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgb(66 66 66) 100%);
    animation: spin .8s linear 0s infinite;
}

.circle-core {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50%;
}

/* end ALTERNATING ORBITS */

.spinner-div {
    display: none !important;
    z-index: 99999;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
}

/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loading .spinner-div {
    display: block !important;
}

.card-body.ycrm_data_table .dataTables_scrollBody {
    /* height: 281px; */
}

.card-body.ycrm_data_table .dataTables_wrapper .row:nth-child(3) {
    position: sticky;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    border: #ddd 1px solid;
    border-radius: 0 0 5px 5px;
    box-shadow: #00000014 0 0 13px 0px;
    padding: 7px 4px;
    margin-left: 0px;
    margin-right: 0px;
}

.card-body.ycrm_data_table .table-bordered {
    border-top: none;
}

.card-body.ycrm_data_table div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

.filterdataview {
    position: relative;
    /* display: flex; */
}

.filterviewdropdata {
    position: absolute;
    top: 0;
    width: 230px;
    background: #fff;
    padding: 0px 8px 8px;
    border-radius: 5px 0px 0px 5px;
    z-index: 100;
    bottom: 0px;
    border-right: 1px solid #dee2e6;
}

.scrollfilterdata {
    overflow-y: auto;
    height: 100%;
    display: block;
}

.filterviewdropdata.collapsing {
    transition: none !important;
}

.filterviewdropdata:after {
    bottom: 100%;
    left: 12%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.btn.btn-info.filterbtn {
    background: #ddd;
    color: #000;
    border-color: #ddd;
    margin-right: 15px;
    width: 35px;
    font-size: 11px;
}

.btn.btn-info.filterbtn:hover,
.btn.btn-info.filterbtn:focus,
.btn.btn-info.filterbtn:active {
    background-color: #939393;
    color: #fff;
    border-color: #939393;
}

.filterviewdropdata .card-header label {
    font-size: 13px;
    display: block;
}

.filterviewdropdata .card-header hr {
    margin-bottom: 3px;
}

.filterviewdropdata .card-header {
    border-bottom: none;
}

.filterdataview h1 {
    display: flex;
}

.reportsmodelview {
    border: 1px solid #ddd;
    padding: 15px 15px 15px;
    margin-top: 15px;
    border-radius: 3px;
}

h5.labelview {
    margin-bottom: 10px;
    margin-left: 0;
    font-weight: 600;
    font-size: 16px;
    background: #fff;
    margin-top: -35px;
    display: table;
    padding: 10px;
    text-transform: capitalize;
}

/* modal popup */

.modal-open .modal.iframeModalModify {
    padding-right: 0px !important;
}

.iframeModalModify .modal-dialog.modal-xl {
    max-width: 100%;
    height: 100%;
    margin: 0 0px !important;
}

.iframeModalModify .modal-content {
    height: 100%;
    border-radius: 0px;
    box-shadow: none;
}

.modal-open .modal.iframeModalModify .close {
    border-left: #ddd 1px solid;
    background: #ddd;
    border-radius: 0px;
    outline: none;
}

.modal-open .modal.iframeModalModify .modal-header {
    padding-bottom: 0px;
}

.iframeModalModify .newretaillead iframe {
    border: none;
}

.content-header .breadcrumb.float-sm-right {
    display: flex;
}

.content-header .breadcrumb.float-sm-right select {
    width: 130px;
    font-size: 14px;
}

.content-header .breadcrumb.float-sm-right .btn {
    /* width: 30%; */
}

table.dataTable thead tr {
    background-color: #f4f6f9 !important;
}

table.dataTable thead tr th {
    vertical-align: top;
}

.remove_filter {
    margin: 5px 5px;
    font-size: 13px;
}

.remove_filter i {
    margin-left: 5px;
}

.selected_filter {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 5px;
}

.clear_all_filter {
    margin: 5px 5px;
    font-size: 13px;
}

.clear_all_filter i {
    margin-left: 5px;
}

.main-header .nav-link {
    font-size: 13px;
    text-transform: none;
    height: 2rem;
    line-height: normal;
}

.dropdown-item {
    font-size: 13px;
    text-transform: none;
}

.btn {
    font-size: 13px !important;
    text-transform: none;
    border-radius: 3px;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 13px;
}

.main-footer {
    font-size: 13px;
}

.page-link {
    font-size: 13px;
    color:#000;
}

.dropdown-item-title {
    font-size: 13px;
}

.content-header h1 {
    font-size: 20px;
    line-height: 30px;
}

.content-header h1 span {

    font-size: 12px;
    line-height: 4px;
}

.input-group-text {
    font-size: 13px;
    color: #8c8c8c;
}

.popover-header {
    font-size: 14px;
}

.popover-body {

    font-size: 13px;
}

.login-logo,
.register-logo {
    font-size: 20px;

}

.reportfolder-accordion h5 {
    font-size: 14px;
    color: #000;
}

.fieldreport {
    border: #ddd 1px solid;
    margin-bottom: 7px;
    width: 100%;
}

.searchreportview {}

.searchreportview .form-group {}

.closereportbtn {
    border: #ddd 1px solid;
    font-size: 16px;
}

.dropdown.searchdropdown {
    width: 25px;
    text-align: center;
}

.fl-rightreport {
    margin-right: 15px;
}

.columnreport {}

.columnreport h4 {
    font-size: 14px;
}

.dropdown.calllogdrop {}

.outline-heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.outline-heading h4 {
    margin-right: 10px;
    margin-bottom: 0px;
}

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

.removecols {
    border: #ddd 1px solid;
}

li.draglisting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    border-bottom: #ddd 1px solid;
}

.removecols {
    border: #ddd 1px solid;
    margin-bottom: 2px;
    border-radius: 5px;
}

.searchreportview .form-group {
    display: flex;
    align-items: center;
}

ul.reportnavcrm.nav.nav-pills {
    margin-bottom: 15px;
}

ul.acc-reportlisting {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.acc-reportlisting li {
    margin-bottom: 5px;
}

ul.acc-reportlisting li a {
    color: #000;
}

.fl-rightreport {
    flex: 0 0 23%;
    max-width: 23%;
}

.filter-reportmove {
    flex: 0 0 23%;
    max-width: 23%;
}

.crm-reportview {
    flex: 0 0 77%;
    max-width: 77%;
    margin-left: auto;
}

.content-header {
    padding: 10px 0.5rem;
}

ul.reportnewlistol {
    list-style: none;
    padding: 0px;
    margin: 0px;
    column-count: 2;
}

ul.reportnewlistol li {
    margin-bottom: 5px;
}

ul.reportnewlistol li a {
    color: #000;
    text-transform: uppercase;
}


.btnhide {
    display: none;
}

.wrapper.active .btnhide {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    background: transparent;
    display: block;
    z-index: 1;
}

/* .card-body {
    min-height: 430px !important;
} */
.card-body.graph_card{
    min-height: 430px !important;
}


.global_search {
    height: 430px;
}


.nav-item.show .dropdown-menu.border-0.shadow .dropdown-submenu.dropdown-hover .dropdown-menu.border-0.shadow {}

.nav-item.show .dropdown-menu.border-0.shadow .dropdown-submenu.dropdown-hover .dropdown-menu.border-0.shadow .dropdown-item {
    width: auto;
    padding: 3px 10px;
}

.main-header.navbar.navbar-expand-md.navbar-light.navbar-white {
    padding: 0px;
}

.content-wrapper .content-header {
    padding: 10px 0.5rem 10px;
}

.navbar-light .navbar-nav .nav-link.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.headtext {
    padding: 0 20px;
}

.card-body.cardfolder {
    padding-top: 0px;
}

.customcontent {
    padding-left: 0px;
    padding-right: 0px;
}

.requisition_filter label {
    width: 80%;
    margin-bottom: 0px;
    line-height: 29px;
    font-weight: 400 !important;
}


.card-body.login-card-body {
    min-height: inherit !important;
}

.content-wrapper {
    min-height: inherit !important;
}

body.sidebar-collapse.layout-top-nav {
    min-height: inherit !important;
    height: auto !important;
}


.main-sidebar.sidebar-dark-primary.elevation-4 .sidebar {
    display: none;
}

.login-page,
.register-page {
    height: 85vh;
}

.listreportdashboard {
    display: flex;
    align-items: center;
}

.listreportdashboard h1 {
    margin-right: 15px;
}

.listcountselect {}

.content.customcontent h4 {
    font-size: 18px;
}

.datalistitem {
    flex-wrap: wrap;
}

.datalistitem label {
    flex: 0 0 100%;
    max-width: 100%;
    font-weight: 400 !important;
    font-size: 13px;
}

.datalistitem .labeldatalist {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;

}

.datalistitem:first-child .labeldatalist {}

.datalistitem:first-child .labeldatalist .form-control {
    margin-right: 10px;
}

.addFilter {
    margin-top: 5px;
}

.main-header .navbar-nav .nav-item {
    border-radius: 3px;
}


.btn {
    border: none !important;
}

button.btn.btn-default.crmsearchreport {
    height: 34px;
    border: #ddd 1px solid !important;
}

.modal-header {
    padding: 0px 0px 0px 13px;
}

.modal-header .close {
    padding: 10px;
    margin: 0px;
    outline: none;
    border-left: #ddd 1px solid;
}

.modal-title {
    margin-bottom: 0;
    line-height: 44px;
    font-size: 18px;
}


.content .card-header .nav-tabs .nav-link.active {
    border: #dee2e6 1px solid !important;
    border-bottom: none !important;
}

.main-header li.nav-item.menu_active {
    background-color: #f8f9fa;
}

.itemheading.dataqualdata {
    margin-bottom: 0px;
}

.cardspanheading {
    line-height: 31px;
}

.card-body.ycrm_data_table {
    padding-top: 15px;
}

.card-header:first-child hr {
    margin: 6px 0px;
}

.layout-top-nav .wrapper .main-header .brand-image {
    box-shadow: none !important;
    margin: 0px;
    border-radius: 0px;
    height: 35px !important;
}

.crm-reportview h4 {
    font-size: 18px;
}

.crm-reportview .card {
    padding: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000;
}

.table-responsive {
    margin-top: 15px;
}

.btn-primary {
    background: linear-gradient(to bottom, #009ff4 0%, #009ff4 100%);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: linear-gradient(to bottom, #009ff4 0%, #009ff4 100%);
}

.filter-reportmove .card {
    margin-right: 15px;
}

.card-header .nav-link {
    padding: 6px 10px;
}

.content-header .breadcrumb.float-sm-right a.btn {}

.accordion.md-accordion .card-body {
    min-height: auto !important;
}

.crossbtn {
    /* display: flex; */
    text-align: right;
}

.crossbtn .close {
    margin-left: auto;
}

.crmoffset {}

.crossbtn .btn.btn-primary {
    margin-top: 5px;
    margin-right: 6px;
    margin-bottom: 0px;
}

.selected_filter .btn {
    border: #ddd 1px solid !important;
    border-radius: 3px;
    background: #fff;
}

.content select.form-control {
    background: url(../img/arrowbg.png) no-repeat 97% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal select.form-control {
    background: url(../img/arrowbg.png) no-repeat 97% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.card-header h3 {
    font-size: 20px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
}

.box-load-more-data {
    margin: 0px auto;
    max-width: 990px;
    background: #fbfbfb;
    padding: 0px;
}

.comment-section {
    margin-bottom: 20px;
}

p.comment-text {
    margin-bottom: 5px;
}

span.d-block.font-weight-bold.name {
    font-size: 18px;
    margin-bottom: 6px;
}

.user-info img {
    border-radius: 100px !important;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.name {
    color: #2076a9;
}

.name a {
    color: #2076a9;
    text-decoration: none;
    font-weight: 400;
}

.name span a {
    color: #8f8f8f;
}

.comment-text span {
    color: #000;
    font-weight: 400;
}

.comment-text span a {
    color: #2076a9;
}

.comment-status {
    background: #e9e9e9;
    padding: 8px 20px;
    border-radius: 3px;
    color: #2076a9;
    font-weight: 500;
}

.btn.btn-primary.load_more {
    margin: 0 auto;
    display: block;
    background: #1f76a9;
    border: #1f76a9 1px solid;
}

.card-header select.form-control {
    background: url(../img/arrowrq.png) no-repeat 97% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.label_style label {
    font-weight: 400 !important;
}

.canvas_label {
    position: relative;
}

.canvas_label::after {
    position: absolute;
    background-color: #fff;
    left: 0px;
    bottom: 26px;
    width: 130px;
    height: 30px;
    z-index: 100;
}

.staticdynamic .canvasjs-chart-toolbar {
    margin-top: -46px;
}

/* reportpage */



#report-filter label {
    width: 100%;
}

#report-filter span.select2 {
    min-width: 100%;
}

.select2-container .select2-selection--single {
    height: 35px;
}


.report_filter_div {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px 15px;
    margin-bottom: 20px;
    position: relative;
}


.remove_filter_btn {
    float: right !important;
    position: absolute;
    right: 0;
    top: 6px;
    margin-bottom: 0px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    display: none !important;
}

.crm_add_column {
    height: 150px;
    overflow: auto;
}

.select2-selection__clear {
    display: none;
}

.report_filter_div {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px 0px;
    margin-bottom: 7px;
}

.remove_group_by_btn {
    float: right !important;
}

.crm_add_column span.select2.select2-container {
    width: 100% !important;
}


.reportbody .select2-container .select2-selection--single {
    height: 35px;
    border: 1px solid #ced4da;

}

.remove_filter_btn button {
    color: #a5a5a5;
}


.reportbody .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    padding: 0px;
}

.form-group.append_more_filter {
    margin-bottom: 0px;
}

.card-body.reportbody {
    padding: 12px;
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
}

/* .table-bordered {
    border: none;
} */



.form-control {}

select.form-control:disabled {
    background-color: #fff;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #495057 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #495057 !important;
}

::placeholder {
    color: #495057 !important;
}

input[disabled*="disabled"] {
    color: #495057;
}

.contactdrop ul {
    padding: 0px 10px;
}

.contactdrop li {
    font-size: 12px;
    list-style: none;
    padding-bottom: 10px;
}


.contactdrop li strong {
    display: block;
}

ul.reportnewlistol li.crmslist-is {
    border-bottom: #ddd 1px solid;
}

ul.nav.nav-tabs.main_tab a.nav-link {
    color: #000;
}
/* 
ul.nav.nav-tabs.main_tab a.nav-link.active {
    border: 1px solid #0069d9;
    border-radius: 100px;
    padding: 4px 20px;
    position: relative;
    top: 3px;
    color: #0069d9;
} */

/* ul.nav.nav-tabs.main_tab {
    background: #fff;
    border-radius: 100px;
    border: 1px solid #ddd;
    width: 172px;
    margin-bottom: 10px;
} */

.dropdown-menu-right a.dropdown-item {
    word-break: break-all;
    white-space: normal;
}
.assignd_tbl th:last-child {
    min-width: 70px;
}
.align_itm_cntr .crmhr {
    align-items: center;
    display: flex;
}
.align_itm_cntr label {
    align-items: center;
    display: flex;
}
.align_itm_cntr span.iconenq.text-right {
    display: flex;
    align-items: center;
}
.modal.model_custom-heigh { 
    height: calc(100% - 60px); 
}

.tble_ui table.dataTable thead .sorting:before, 
.tble_ui table.dataTable thead .sorting:after, 
.tble_ui table.dataTable thead .sorting_asc:before, 
.tble_ui table.dataTable thead .sorting_asc:after, 
.tble_ui table.dataTable thead .sorting_desc:before, 
.tble_ui table.dataTable thead .sorting_desc:after, 
.tble_ui table.dataTable thead .sorting_asc_disabled:before, 
.tble_ui table.dataTable thead .sorting_asc_disabled:after, 
.tble_ui table.dataTable thead .sorting_desc_disabled:before, 
.tble_ui table.dataTable thead .sorting_desc_disabled:after {
     bottom: unset;
     top: 10px;
}
.tble_ui th {
    min-width: 50px;
}

.transfer-model {
    min-height: 150px;
    max-height: 250px;
}
/*END*/


.card-body.ycrm_data_table .dataTables_scrollBody {

}


/* width */
.card-body.ycrm_data_table .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
.card-body.ycrm_data_table .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.card-body.ycrm_data_table .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.card-body.ycrm_data_table .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.importdatabtn input[type="file"] {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0px;
    color: #b8b8b8;
    float: left;
}
.importdatabtn .button-wrap {
    position: relative;
    display: table;
    margin: 0 auto;
}
  .importdatabtn .button {
    display: inline-block;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #009ff4;
    font-size: 13px;
    color: #fff;
    margin-bottom: 0px;
    position: absolute;
    z-index: 1;
    left: 0px;
    font-weight: 400 !important;
    top: -3px;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.page-item.active a{
    background-color: #009ff4;
    border-color: #009ff4;
}



.main-header li.nav-item.menu_active .dropdown-menu .dropdown-item:active{
    background-color: #009ff4;
    border-color: #009ff4;
}

.input-group.date .bootstrap-datetimepicker-widget table td span{
width:30px;
height:30px;
line-height:30px;
font-size:16px;
margin: 0px;
    padding: 0px;
}

.input-group.date .bootstrap-datetimepicker-widget table td{
    width:30px;
    height:30px;
    line-height:30px;
    font-size:14px;
}

.input-group.date .bootstrap-datetimepicker-widget a[data-action]{
padding:0px;
}

.input-group.date .bootstrap-datetimepicker-widget.dropdown-menu {
   
}

.input-group.date .bootstrap-datetimepicker-widget table td span.fa {
    font-size: 10px;
    opacity: 0.6;
    height: 20px;
    line-height: 20px;
}

.input-group.date .bootstrap-datetimepicker-widget table td .btn.btn-primary{
    padding: 4px 6px;
}

.input-group.date input.form-control.form-control {
    padding-left: 6px;
    padding-right: 6px;
}

.input-group.date .input-group-text {
    padding-left: 8px;
    padding-right: 8px;
}
.dataTables_scroll {
    margin-bottom: 10px;
}

.dashcols .card-body.canvas_label{
    padding:0px;
}

/* width */
.dashcols .card-body.canvas_label .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
.dashcols .card-body.canvas_label .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.dashcols .card-body.canvas_label .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.dashcols .card-body.canvas_label .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.main-header .navbar-nav .nav-item.mainnabdetail .dropdown-item:active{
    background-color: #009ff4;
}
.removal{
    position: relative;
}
.content-wrapper.modelpopupmain{
background-color:#fff;
}
.content-wrapper.modelpopupmain .main_tab{
}

.removalbtntable {
    position: absolute;
    right: 0px;
}
.main-header .navbar-nav .nav-item:hover .dropdown-menu{
    display: block;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle:hover + .dropdown-menu{

}

a.convert_to_lead{
    color: #adb5bd;
}
a.show-call-outcome-modal{
    color: #adb5bd;
}

a.convert_to_lead:hover{
    color: #000;
}
a.show-call-outcome-modal:hover{
    color: #000;
}

.dropdown-menu.dropdown-menu-lg.dropdown-menu-right{

	background: #ffffff;
	border: 1px solid #dee2e6;
}


.dropdown-menu.dropdown-menu-lg.dropdown-menu-right:after, .dropdown-menu.dropdown-menu-lg.dropdown-menu-right:before {
	bottom: 100%;
	left: 92%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-menu.dropdown-menu-lg.dropdown-menu-right:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 9px;
	margin-left: -9px;
}
.dropdown-menu.dropdown-menu-lg.dropdown-menu-right:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #dee2e6;
	border-width: 10px;
	margin-left: -10px;
}

.card-body.tble.ui{}


/* width */
.card-body.tble_ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
.card-body.tble_ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.card-body.tble_ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.card-body.tble_ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.accountactiveform .accountpartbtn .modal-footer {
    padding: 0px;
}


.headingfirst.end{
margin-top:15px;
}


.borderto{
    border-bottom:none !important;
}
a.btn_p.profilebtnpro {
    background: #fff;
    width: auto;
    font-size: 12px;
}
.newretaillead.dataeditmodelpopup{
    min-height:100%;
}

.profilepartsec {
    display: flex;
    align-items: center;
}

 
.social .profilepartsec a.btn_p {
    position: relative;
}
.accountpartbtn.cta-btn-retail-form{

}
.accountpartbtn.cta-btn-retail-form .modal-footer{ border-top:none;}

.content-wrapper.modelpopupmain{}

.content-wrapper.modelpopupmain .card.accountactiveform.modelactivity{
    margin-top: 15px;
}

.modal-footer .btn.btn-secondary{
    background-color: #009ff4;
    border-color: #009ff4;
} 

.crmtablebox{
    margin-left:0px;
    margin-right:0px;
}

#contact_table{
    margin-top:0px;
    margin-bottom:0px;
}

.history_section{

}

.history_section h4{

}

.history_section .histry_mnth {
    margin-top: 15px;
}

.history_section .histry_mnth label {
    margin-left: 0;
    padding: 10px 15px;
    border-radius: 5px;
}

.history_section .histry_time{

}

.history_section .histry_time {
    border-bottom: #ddd 1px solid;
    padding: 10px 10px;
    margin-bottom: 5px;
}
.history_section .histry_time .h_time {
    width: 52px;
    font-size: 14px;
    background: #009ff4;
    padding: 5px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 18px;
    border-radius: 3px;
}
.history_section .h-time_txt{

}
.history_section .histry_time a.btn.btn-tool {
    background: #eeeeee;
    color: #009ff4;
}
.history_section .h-time_txt b{
  
}

#pro_row i.fa.fa-trash.remove_product_service {
    color: #a5a5a5;
    padding: 0px 7px 0px 0px;
    cursor: pointer;
}

#add_more_pro.btn.btn-primary.btn-sm {
    display: table;
    margin: 0 auto 20px;
}


.btn.btn-primary.adddatabtn{     margin-right:6px; }

.idetaillabel .form-control.js-select2{
width:100%;
}

a#view_btnn {
    z-index: 9999;
}

a#view_btn {
    z-index: 999;
}
.content-wrapper {
    background: #fff !important;
}

.content-wrapper .tab-content{
margin-top:10px;
}

.card.lead_progress_card {
    box-shadow: none;
}

.card.lead_progress_card {
    box-shadow: none;
    margin-bottom: 8px;
}


.loader-container {
    text-align: center;
}

.loader-text {
    font-size: 14px;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid gray; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loaderTextAlign .loader-container .loader-text {
    text-align: center;
    position: absolute;
    bottom: 229px;
    width: 100%;
}

.loaderTextAlign {
    position: relative;
}