@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:400,400i,600,700,800");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet');
body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    background-color: #e8eff9;
    /* Track */
    /* Handle */
    /* Handle on hover */
    /*title css*/
    /*title css end here*/
    /*start service popup css start here*/
    /*start service btn end here*/
    /*toster css start here*/
    /*toster css end here*/ }
body ::-webkit-scrollbar,
body ::-moz-scrollbar {
    width: 10px;
    height: 6px; }
body ::-webkit-scrollbar-track,
body ::-moz-scrollbar-track {
    background: #bdbdbd; }
body ::-webkit-scrollbar-thumb,
body ::-moz-scrollbar-thumb {
    background: #5a6369; }
body ::-webkit-scrollbar-thumb:hover,
body ::-moz-scrollbar-thumb:hover {
    background: #555; }
body .popup-tbl {
    max-height: 300px;
    overflow: auto;
    float: left;
    width: 100%;
    margin-top: 10px; }
body [data-title] {
    position: relative; }
body .height-44 {
    height: 44px !important; }
body input:read-only.input-lable {
    background: transparent !important;
    border: none;
    font-size: 14px !important;
    width: 90px !important;
    font-weight: bold;
    text-align: left; }
body [data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: 14px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap; }
body [data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-top: 8px solid #000; }
body .pendding-task-css {
    background: #ffd7d7;
    color: red;
    font-size: 14px;
    padding: 10px 20px;
    width: auto;
    display: block;
    text-align: center;
    margin: 0 auto; }
body .pendding-task-css .totaltask {
    padding: 4px 10px;
    color: #fff;
    background: red;
    font-size: 16px;
    border-radius: 5px;
    margin: 0 6px; }
body .bg-light-green {
    background: #efffef; }
body .bg-light-orange {
    background: #fff5ed; }
body .bg-light-blue {
    background: #f0f1ff; }
body .text-heiglight {
    color: #5054a4;
    font-weight: 600;
    font-size: 14px; }
body .file_upload_filename2 {
    width: 100%;
    float: left;
    text-transform: none;
    color: #5054a4; }
body .error-red {
    border: 1px solid red !important;
    background: #fff1f1 !important; }
body .card-diif {
    float: left;
    margin-left: 4%;
    background-image: linear-gradient(to right, #a37dff, #9979ff, #8f76ff, #8472ff, #786fff);
    width: 32%;
    border-radius: 6px;
    height: 100px; }
body .card-diif h1 {
    text-align: center;
    color: #fff !important;
    font-size: 22px !important;
    width: 100%;
    letter-spacing: 1px;
    margin-top: 20px !important; }
body .card-diif span {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
    float: left;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 10px; }
body .form-tbl tbody tr td {
    position: relative; }
body .form-tbl tbody tr td .form-group {
    margin-bottom: 0; }
body .form-tbl tbody tr td .form-group input {
    height: 30px;
    width: 100%; }
body .form-tbl tbody tr td .remove-field {
    background: none;
    border: none;
    vertical-align: middle;
    outline: none;
    position: absolute;
    right: 30px;
    top: 36%; }
body .claim-doc {
    width: 100%;
    float: left; }
body .claim-doc .gallery1 .pdf-file {
    width: 44px; }
body .claim-doc .gallery1 img {
    width: 80px;
    border-radius: 6px; }
body input.alphabatesdt {
    text-transform: initial !important; }
body .export-hr {
    border-radius: 4px;
    border: 0.5px solid #e8eff9;
    float: left;
    width: 100%;
    margin-bottom: 20px; }
body .filter-div {
    width: 99%;
    float: left;
    height: 38px;
    padding: 8px;
    background: #fff; }
body .filter-div input, body .filter-div select {
    width: 13.6%;
    padding: 0 10px;
    text-transform: uppercase !important;
    background: #eff0f1 !important;
    background-position: center right 15px !important;
    height: 35px !Important;
    background-size: 6%;
    border-radius: 20px;
    margin-left: 0 !important;
    float: none;
    margin-right: 5px;
    display: inline-block;
    color: #5054a4;
    border: 1px solid #d5d5d5 !important; }
body .filter-div .save-btn {
    background: #5054a4 !important;
    width: 8%;
    float: right;
    border: 1px solid #5054a4 !important;
    color: #fff; }
body .filter-div .save-btn.cancel-btn {
    background: #eff0f1 !important;
    width: 8%;
    color: #5054a4;
    border: 1px solid #dfe0e0 !important; }
body .tbl-input {
    width: 94%;
    height: 34px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5) !important;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .total-clcstu {
    width: 100%;
    float: left;
    margin-bottom: 36px; }
body .total-clcstu .box {
    width: 200px;
    height: 128px;
    float: left;
    margin-right: 20px;
    box-shadow: 0 5px 9px -5px rgba(177, 194, 200, 0.28);
    border-radius: 5px;
    border: 1px solid rgba(177, 194, 200, 0.22);
    background-color: #ffffff; }
body .total-clcstu .box h1 {
    color: #737373;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin: 16px 0;
    margin-top: 26px;
    font-weight: 500; }
body .total-clcstu .box span {
    color: #b1c2c8;
    font-size: 12px;
    font-weight: 500;
    width: 92%;
    margin: 0 4%;
    float: left;
    text-align: center; }
body .total-clcstu .box.dissbas-amount {
    box-shadow: 0 9px 15px -5px rgba(177, 194, 200, 0.28);
    border-radius: 5px;
    border: 1px solid #5fa1fc; }
body .total-clcstu .box.dissbas-amount h1, body .total-clcstu .box.dissbas-amount span {
    color: #5fa1fc; }
body .total-clcstu .box.loan-amount {
    box-shadow: 0 9px 15px -5px rgba(177, 194, 200, 0.28);
    border-radius: 5px;
    border: 1px solid #4caf50; }
body .total-clcstu .box.loan-amount h1, body .total-clcstu .box.loan-amount span {
    color: #4caf50; }
body .total-clcstu .box.diff-amount {
    box-shadow: 0 9px 15px -5px rgba(177, 194, 200, 0.28);
    border-radius: 5px;
    border: 1px solid #ff5b5b; }
body .total-clcstu .box.diff-amount h1, body .total-clcstu .box.diff-amount span {
    color: #ff5b5b; }
body .header-input {
    float: right;
    width: 50%; }
body .header-input input {
    height: 30px;
    width: 80%;
    margin: 6px 0;
    float: right;
    font-size: 1px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    margin-right: 6px;
    background: #ffffff url(../images/search.svg) no-repeat;
    background-position: center right 10px; }
body .header-input input::placeholder {
    color: #b9badb;
    font-size: 12px !important; }
body .no-data-found {
    width: 100%;
    height: 462px;
    display: table;
    text-align: center; }
body .no-data-found img {
    width: 100px;
    opacity: 0.8; }
body .no-data-found h1 {
    width: 100%;
    opacity: 0.2;
    margin-top: 14px !important; }
body .tbl-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
body .transfare-success-label {
    background: #ebfbeb;
    color: #4CAF50;
    font-size: 12px;
    padding: 4px 10px;
    float: right; }
body .transfare-success-label img {
    vertical-align: middle;
    margin-right: 2px; }
body input:-webkit-autofill,
body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus,
body input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; }
body input, body select, body textarea {
    text-transform: uppercase;
    font-size: 12px !important; }
body input.v_username, body input.v_password, body input.user-name, body input.password {
    text-transform: initial; }
body #file-upload-filename {
    font-size: 12px;
    color: #a0a0a0; }
body .margin-40-upload {
    margin: 40px 0; }
body .no-margin-bottom {
    margin-bottom: 0 !important; }
body .full-width-doc {
    width: 100%;
    float: left; }
body .project-cost-card {
    width: 90%;
    position: relative;
    overflow: hidden;
    height: 80px;
    text-indent: 70px;
    line-height: 80px;
    border-radius: 5px;
    border: 1px solid rgba(74, 144, 226, 0.2);
    background-color: rgba(74, 144, 226, 0.2); }
body .project-cost-card.subsidbenifit {
    border: 1px solid #ffd59f;
    background-color: #ffecd8; }
body .project-cost-card.subsidbenifit .amount {
    color: #faa05a !important; }
body .project-cost-card.subsidbenifit h3 {
    color: #ffb175; }
body .project-cost-card.subsidbenifit img {
    width: 45px;
    left: -1px;
    bottom: -15px;
    transform: rotate(-15deg); }
body .project-cost-card.senction-bank {
    border: 1px solid #b6ea88;
    background-color: #f8fff2; }
body .project-cost-card.senction-bank .amount {
    color: #84c64c !important; }
body .project-cost-card.senction-bank h3 {
    color: #84c64c; }
body .project-cost-card.senction-bank img {
    width: 70px;
    left: -22px;
    bottom: -8px;
    transform: rotate(-15deg); }
body .project-cost-card.senction-per {
    border: 1px solid #ff9f9e;
    background-color: #ffe1e1; }
body .project-cost-card.senction-per .amount {
    color: #f30d0c !important; }
body .project-cost-card.senction-per h3 {
    color: #f30d0d; }
body .project-cost-card.senction-per img {
    width: 70px;
    left: -22px;
    bottom: -8px;
    transform: rotate(-15deg); }
body .project-cost-card .amount {
    color: #4a90e2 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin-top: 18px;
    margin-bottom: 14px !important;
    line-height: 20px; }
body .project-cost-card img {
    position: absolute;
    left: -24px;
    bottom: -12px;
    width: 80px;
    transform: rotate(-15deg); }
body .project-cost-card h3 {
    color: rgba(74, 144, 226, 0.73);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase; }
body .notification-bar {
    background-image: linear-gradient(-162deg, #107FDF 0%, #9E23C2 100%);
    box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    width: 220px;
    height: 54px;
    position: fixed;
    bottom: 20px;
    right: 16px;
    z-index: 9999;
    padding: 20px 20px;
    animation: slideInRight .9s 0.0s both; }
body .notification-bar .notification-left {
    display: inline-block;
    width: 40px; }
body .notification-bar .notification-left img {
    vertical-align: middle;
    width: 100%; }
body .notification-bar .notification-right {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
    margin-left: 8px; }
body .notification-bar .notification-text {
    font-size: 16px;
    margin-bottom: 8px;
    color: #FFFFFF;
    letter-spacing: 0; }
body .notification-bar .notification-sub-text {
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0; }
body .text-na {
    margin: 0;
    background: #828d92;
    color: #ffffff;
    font-size: 12px;
    border-radius: 5px;
    padding: 2px 4px;
    border: 1px solid;
    margin-right: 0 !important; }
body .responsive-filter {
    float: right; }
body .filter-icon {
    display: none; }
body .customer-doc-title {
    background: #445c6c;
    color: #ffffff !important; }
body .claim-hestory {
    width: 100%;
    float: left; }
body .claim-hestory .accordion-container {
    position: relative;
    max-width: 100%;
    height: auto;
    margin: 10px auto; }
body .claim-hestory .accordion-container > h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd; }
body .claim-hestory .set {
    position: relative;
    width: 100%;
    float: left;
    height: auto;
    background-color: #f5f5f5; }
body .claim-hestory .set > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
body .claim-hestory .set > a i {
    float: right; }
body .claim-hestory .set > a.active {
    background-color: #5054a4;
    color: #fff; }
body .claim-hestory .content {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    display: none;
    width: 96%;
    float: left; }
body .claim-hestory .content p {
    padding: 10px 15px;
    margin: 0;
    color: #333; }
body .claim-hestory .fa {
    height: 25px;
    width: 25px;
    background: #5054a4;
    margin-top: -2px;
    text-aling: center; }
body .claim-hestory .fa.fa-plus {
    background: #ebecff url(../images/collapse-icon.svg) no-repeat;
    background-position: center center;
    border-radius: 4px;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .claim-hestory .fa.fa-minus {
    background: #858ad8 url(../images/collaps-minus.svg) no-repeat;
    background-position: center center;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .managment-rejact-title {
    background: #ffe2e2;
    font-size: 12px;
    float: left;
    width: 40%;
    padding: 6px 15px;
    color: #F44336;
    border: 1px solid #F44336;
    border-radius: 5px; }
body .managment-rejact-title .managment-rejact-title-head {
    width: 100%;
    color: #000054;
    margin-bottom: 6px;
    font-size: 14px; }
body .approval-btn {
    background: #6aab1f;
    color: #fff;
    width: 100px;
    height: 44px;
    font-size: 14px !important;
    border: none;
    border-radius: 4px;
    margin-right: 10px; }
body .rejact {
    background: #F44336;
    color: #fff;
    width: 100px;
    height: 44px;
    font-size: 14px !important;
    border: none;
    border-radius: 4px; }
body .nastatus {
    -webkit-appearance: none;
    height: 1rem;
    width: 3rem;
    float: right;
    background-color: #838d92;
    border-radius: 43px;
    position: relative;
    cursor: pointer; }
body .nastatus::after {
    top: 1px;
    left: 2px;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background-color: #fff;
    position: absolute;
    border-radius: 100%;
    transition: 0.3s; }
body .nastatus:checked {
    background-color: #69c96e; }
body .nastatus:checked::after {
    transform: translateX(2rem); }
body .nastatus:focus {
    outline-color: transparent; }
body .donught-text {
    position: relative; }
body .donught-text p {
    position: absolute;
    text-align: center;
    margin: 0;
    left: 36%;
    font-size: 12px;
    color: #afb7b6;
    top: 42%; }
body .donught-text p b {
    color: #5054a4; }
body .box-status {
    width: 23.5%;
    margin: 0 1%;
    float: left;
    padding: 0;
    display: table;
    margin-bottom: 10px; }
body .box-status.full-width {
    width: 100%; }
body .box-status.full-width .box {
    height: 100px; }
body .box-status.wc-status .box.wc-done {
    background-color: #87e1c0;
    border-color: rgba(75, 211, 150, 0.9); }
body .box-status.wc-status .box.wc-panding {
    background-color: #7Bdce4;
    border-color: rgba(58, 201, 214, 0.9); }
body .box-status.wc-status .box.wc-notdone {
    background-color: #fbaaae;
    border-color: rgba(245, 112, 122, 0.9); }
body .box-status.wc-status .box.wc-rescheduled {
    background-color: #f7bb62;
    border-color: #FF9800; }
body .box-status.wc-status .box .count {
    text-align: left;
    text-indent: 20px;
    margin-bottom: 22px; }
body .box-status.wc-status .box .heading {
    text-align: left;
    color: #fff;
    text-indent: 20px;
    opacity: 1;
    font-weight: 400;
    font-size: 14px; }
body .box-status.wc-status .box .img {
    right: 16px;
    position: absolute;
    top: 30px;
    float: right; }
body .box-status.wc-status .box .img img {
    width: 60px; }
body .box-status .box {
    background-color: #fff;
    width: 100%;
    height: 156px;
    border-radius: 12px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden; }
body .box-status .box.blue .count {
    color: #4e98ea; }
body .box-status .box.orange .count {
    color: #ef9f66; }
body .box-status .box.red-box .count {
    color: #ef6565; }
body .box-status .box .count {
    color: #fff;
    font-size: 50px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Lato' sans-serif;
    font-size: 36px;
    font-weight: 300; }
body .box-status .box .heading {
    text-align: center;
    padding-left: 0;
    opacity: 0.6;
    color: #747474;
    font-family: 'Lato' sans-serif;
    font-size: 12px;
    font-weight: 700;
    vertical-align: top;
    margin: auto;
    width: auto;
    vertical-align: bottom; }
body .box-status .box .img {
    right: -70px;
    position: absolute;
    top: 22px; }
body .client-followup-color {
    list-style: none;
    float: left;
    padding-left: 20px; }
body .client-followup-color li {
    width: 100%;
    float: left;
    text-indent: 10px; }
body .client-followup-color li span {
    font-size: 13px;
    color: #5054a4;
    opacity: 0.6;
    margin: 8px 0;
    float: left; }
body .client-followup-color li i {
    width: 14px;
    height: 6px;
    border-radius: 10px;
    display: block;
    float: left;
    margin: 14px 0;
    line-height: 33px; }
body .client-followup-color li i.green-dot {
    background: green; }
body .client-followup-color li i.red-dot {
    background: #f44336; }
body .client-followup-color li i.gray-dot {
    background: #bababa; }
body .client-followup-color li i.blue-dot {
    background: #5054a4; }
body .client-followup-color li i.black-dot {
    background: #090909; }
body .stageuplod tr td {
    text-align: left !important;
    text-indent: 10px; }
body .stageuplod tr td .delete-lead-detail {
    margin-right: 10px; }
body .stageuplod tr td .delete-lead-detail:hover:before {
    display: none; }
body .stageuplod tr td a {
    font-size: 12px;
    color: #4f5b64; }
body span.lable-inward {
    background: #5054a4;
    font-size: 10px !important;
    color: #ffffff !important;
    padding: 5px 8px;
    margin-left: 12px;
    border-radius: 14px; }
body .scheme-progress {
    display: inline-block;
    list-style: none;
    padding: 0;
    width: 100%;
    font-size: 14px; }
body .scheme-progress li {
    list-style: none;
    line-height: 40px;
    width: 100%;
    float: left; }
body .scheme-progress li a img {
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    margin-top: 12px; }
body .scheme-progress li a span {
    float: right;
    width: 88%;
    text-overflow: ellipsis;
    overflow: hidden; }
body span.from-customer-upload {
    background: #e0ffe1;
    color: #4CAF50 !important;
    padding: 4px 8px; }
body .container-chekbox {
    display: block;
    font-family: Montserrat;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    opacity: 1 !important;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
body .container-chekbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
body .container-chekbox .checkmark {
    position: absolute;
    top: 50%;
    opacity: 1 !IMPORTANT;
    transform: translateY(-50%);
    left: 0;
    height: 16px;
    border: 1px solid #b6afaf;
    border-radius: 3px;
    width: 16px;
    background-color: #eee; }
body .container-chekbox .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
body .container-chekbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
body .container-chekbox input:checked ~ .checkmark {
    background-color: #5054a4; }
body .container-chekbox input:checked ~ .checkmark:after {
    display: block; }
body .illustration {
    width: 100%;
    float: left;
    text-align: center;
    margin: 146px 0px; }
body .illustration img {
    width: 55%; }
body .wc-class {
    background: #ebffec;
    color: #4caf4f;
    padding: 6px 16px;
    border-radius: 18px;
    width: 40px;
    float: left;
    text-align: center; }
body .wc-class img {
    margin-right: 4px; }
body .inward-icon-doc {
    background: url(../images/inward.svg) no-repeat;
    background-position: center center;
    background-position: center center;
    width: 14px !important;
    background-size: 14px;
    margin-right: 15px;
    height: 14px;
    top: 3px;
    display: inline-block;
    position: absolute;
    left: -58px; }
body .btnswitch input[switch] {
    display: none; }
body .btnswitch input[switch] + .c-switch-label {
    font-size: 1em;
    line-height: 1;
    width: 142px;
    height: 2rem;
    background-color: #00c708;
    background-image: none;
    border-radius: 2rem;
    padding: 0.1666666667rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    box-shadow: unset;
    font-family: inherit;
    vertical-align: middle;
    transition: all 0.1s ease-in-out; }
body .btnswitch input[switch] + .c-switch-label::before {
    /* Label */
    text-transform: uppercase;
    color: #ffffff;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-family: FontAwesome, inherit;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 30px;
    position: absolute;
    right: 30px;
    margin: 0.2166666667rem;
    top: 0;
    text-align: center;
    min-width: 1.6666666667rem;
    overflow: hidden;
    transition: all 0.1s ease-in-out; }
body .btnswitch input[switch] + .c-switch-label::after {
    /* Slider */
    content: '';
    position: absolute;
    left: 6px;
    top: 5px;
    background-color: #f7f7f7;
    box-shadow: none;
    border-radius: 2rem;
    height: 1.6666666667rem;
    width: 1.6666666667rem;
    transition: all 0.1s ease-in-out; }
body .btnswitch input[switch]:checked + .c-switch-label {
    background-color: #50e3c2;
    box-shadow: none; }
body .btnswitch input[switch]:checked + .c-switch-label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 12px; }
body .btnswitch input[switch]:checked + .c-switch-label:after {
    left: 112px;
    top: 5px;
    background-color: #f7f7f7;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3); }
body .service-list {
    width: 96%;
    float: left;
    padding: 10px 20px;
    border: 1px solid #f2f2f5;
    border-radius: 5px;
    margin-top: 20px;
    position: relative; }
body .service-list.col .services-list-card {
    height: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0; }
body .service-list.col .start-service-btn .collapse-btn {
    height: 40px;
    width: 40px;
    float: right;
    background: #ececec url(../images/e-delete.svg) no-repeat;
    background-position: center center;
    background-size: 16px;
    margin-left: 13px;
    border-radius: 4px; }
body .service-list .start-service-btn {
    float: right; }
body .service-list .start-service-btn .collapse-btn {
    height: 40px;
    width: 40px;
    float: right;
    background: #ececec url(../images/e-add.svg) no-repeat;
    background-position: center center;
    background-size: 16px;
    margin-left: 13px;
    border-radius: 4px; }
body .service-list .start-service-btn .input-style {
    height: 36px;
    width: 150px;
    text-indent: 10px;
    border-radius: 3px;
    border: 1px solid gainsboro; }
body .service-list .start-service-btn .input-style.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .service-list .start-service-btn button {
    background: #5054a4;
    border: none;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    float: right;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    margin: 0;
    margin-left: 12px; }
body .service-list .start-service-btn button.stop {
    background: #ff5b5b; }
body .service-list .services-list-card {
    width: 100%;
    float: left;
    margin-top: 30px; }
body .service-list .services-list-card .service-card {
    width: 31%;
    margin: 0 15px 30px;
    float: left;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #e8e8e8; }
body .service-list .services-list-card .service-card .card-padding {
    padding: 4%;
    display: block;
    float: left;
    width: 92%; }
body .service-list .services-list-card .service-card .card-padding .stag-name {
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 6px; }
body .service-list .services-list-card .service-card .card-padding .status {
    width: 100%;
    float: left; }
body .service-list .services-list-card .service-card .card-padding .status .date {
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    white-space: nowrap;
    float: right; }
body .service-list .services-list-card .service-card .card-padding .assing-block {
    width: 100%;
    float: left;
    line-height: 28px;
    margin-top: 10px; }
body .service-list .services-list-card .service-card .card-padding .assing-block span {
    font-size: 12px;
    color: #5054a4; }
body .service-list .services-list-card .service-card .card-padding .assing-block button {
    background: #5054a4;
    color: white;
    font-size: 12px;
    float: left;
    border-radius: 20px;
    padding: 6px 13px; }
body .service-list .services-list-card .service-card .Skip-stage {
    width: 100%;
    float: left;
    height: 30px;
    background: #f6f7f8;
    border-radius: 0 0 4px 4px;
    line-height: 30px;
    text-indent: 20px; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox {
    position: absolute;
    opacity: 0; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 12px;
    color: #9b9ca4; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    border: 1px solid #d8d5d5;
    width: 16px;
    border-radius: 4px;
    height: 16px;
    background: white; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:hover + label:before {
    background: #f35429; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:checked + label:before {
    background: #f35429; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
body .service-list .services-list-card .service-card .Skip-stage .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg); }
body .service-list .breadcrumb-scheame {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0; }
body .service-list .breadcrumb-scheame li {
    float: left; }
body .service-list .breadcrumb-scheame li a {
    color: #FFF;
    display: block;
    background: #e2e3ff;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px; }
body .service-list .breadcrumb-scheame li a.black {
    color: #000; }
body .service-list .breadcrumb-scheame li:nth-child(even) a {
    background-color: #6e72c9; }
body .service-list .breadcrumb-scheame li:nth-child(even) a:before {
    border-color: #6e72c9;
    border-left-color: transparent; }
body .service-list .breadcrumb-scheame li:nth-child(even) a:after {
    border-left-color: #6e72c9; }
body .service-list .breadcrumb-scheame li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px; }
body .service-list .breadcrumb-scheame li:first-child a:before {
    border: none; }
body .service-list .breadcrumb-scheame li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0; }
body .service-list .breadcrumb-scheame li:last-child a:after {
    border: none; }
body .service-list .breadcrumb-scheame li a:before, body .service-list .breadcrumb-scheame li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #5054a4;
    border-width: 20px 10px;
    width: 0;
    height: 0; }
body .service-list .breadcrumb-scheame li a:before {
    left: -20px;
    border-left-color: transparent; }
body .service-list .breadcrumb-scheame li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #e2e3ff; }
body .service-list .breadcrumb-scheame li a:active {
    background-color: #16a085; }
body .service-list .breadcrumb-scheame li a:active:before {
    border-color: #16a085;
    border-left-color: transparent; }
body .service-list .breadcrumb-scheame li a:active:after {
    border-left-color: #16a085; }
body .full-width-profile {
    width: 100%;
    float: left; }
body .full-width-profile .profile-card {
    width: 300px;
    float: left; }
body .full-width-profile .profile-card .info--client {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding: 16px;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
body .full-width-profile .profile-card .info--client .propic {
    width: 100%;
    margin-bottom: 6px; }
body .full-width-profile .profile-card .info--client .propic img {
    width: 50%;
    height: auto;
    border-radius: 50%; }
body .full-width-profile .profile-card .info--client .main-title {
    font-size: 18px;
    line-height: 1.5; }
body .full-width-profile .profile-card .info--client .subtitle {
    color: #445c6c;
    font-size: 14px; }
body .full-width-profile .profile-card .info--client .mute-text {
    color: rgba(0, 0, 0, 0.54) !important;
    margin-top: 12px;
    font-size: 12px; }
body .full-width-profile .profile-card .info--client .profile-nav {
    margin-left: -24px;
    margin-right: -24px; }
body .full-width-profile .profile-card .info--client .profile-nav ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0; }
body .full-width-profile .profile-card .info--client .profile-nav ul li {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: left;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body .full-width-profile .profile-card .info--client .profile-nav ul li:hover {
    background: #f2f2ef; }
body .full-width-profile .profile-card .info--client .profile-nav ul li a {
    padding: 0 16px;
    color: #212121;
    font-size: 14px;
    width: 100%;
    float: left;
    cursor: pointer; }
body .full-width-profile .profile-card .info--client .profile-nav ul li a img {
    vertical-align: middle;
    margin-right: 14px;
    margin-left: 16px; }
body .full-width-profile .profile-details {
    width: calc(100% - 367px);
    height: 100%;
    padding: 20px;
    background: #fff;
    float: right;
    border-radius: 4px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
body .full-width-profile .profile-details .drop-file {
    background-color: #fcfcfc;
    height: 140px;
    border-radius: 3px;
    border: 1px dashed rgba(151, 151, 151, 0.35);
    text-align: center;
    color: #696a6b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    float: left;
    width: 100%;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: -0.5px; }
body .full-width-profile .profile-details .drop-file .uplod-illustration {
    margin: 22px 0; }
body .full-width-profile .profile-details .information-title {
    margin-bottom: 20px;
    float: left;
    width: 100%; }
body .full-width-profile .profile-details .wizard-form {
    width: 100%;
    float: left; }
body .full-width-profile .profile-details .wizard-form .form-group {
    width: 50%;
    float: left;
    margin-bottom: 20PX; }
body .full-width-profile .profile-details .wizard-form .form-group label {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    opacity: 0.7;
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    width: 100%;
    float: left;
    white-space: nowrap;
    font-family: "Roboto", sans-serif; }
body .full-width-profile .profile-details .wizard-form .form-group span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px; }
body .full-width-profile .profile-details .wizard-form .full-width {
    width: 100% !important;
    float: left; }
body .full-width-profile .profile-details table {
    width: 100%;
    float: left;
    border-spacing: 0;
    border-collapse: collapse; }
body .full-width-profile .profile-details table thead {
    background: #f2f2ef; }
body .full-width-profile .profile-details table thead th {
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    padding: 22px 14px; }
body .atuf-remark {
    background: #efffef;
    width: 94%;
    border: 1px solid #4caf50;
    display: block;
    border-radius: 4px;
    float: left;
    padding: 10px;
    margin-bottom: 32px; }
body .atuf-remark h1 {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    width: 100%;
    margin-bottom: 12px !important; }
body .atuf-remark p {
    font-size: 14px; }
body .full-width-doc a {
    font-family: "Roboto", sans-serif;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top; }
body .full-width-doc .removediv {
    float: left;
    display: block;
    width: 100%;
    padding: 10px;
    background: #e9ecef;
    border-bottom: 1px solid #21262a; }
body .form-detail {
    background: #fff;
    display: block;
    float: left;
    border-radius: 4px;
    width: 95%;
    border: 1px solid #dadada;
    padding: 20px; }
body .form-detail .form-tittle {
    font-size: 18px;
    color: black;
    font-family: "Roboto", sans-serif; }
body .form-detail .form-body {
    width: 100%;
    float: left;
    margin-top: 32px; }
body .form-detail .form-body .foure-form-group {
    width: 100%;
    float: left; }
body .form-detail .form-body .foure-form-group .form-group {
    width: 25%;
    float: left; }
body .form-detail .form-body .foure-form-group .form-group.full-width {
    width: 100%; }
body .form-detail .form-body .form-group {
    position: relative;
    float: left;
    margin-bottom: 24px; }
body .form-detail .form-body .form-group lable {
    margin-bottom: 3px;
    /* opacity: 0.7; */
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    width: 100%;
    white-space: nowrap;
    float: left;
    font-family: "Roboto", sans-serif; }
body .form-detail .form-body .form-group span {
    font-size: 14px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    color: #4f5b64;
    font-weight: 100;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis; }
body .more-info-customer {
    background: #ebf8fb url(../images/more-info.svg) no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    background-size: 14px;
    position: relative;
    border-radius: 5px;
    display: inline-block; }
body .more-info-customer:hover:before {
    content: "+ Info";
    background: #3eb8dc;
    color: white;
    padding: 2px 10px;
    width: 41px;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -16px;
    transition: .2s;
    opacity: 1; }
body.said-drower .overlay-cust-info {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.4;
    top: 0;
    right: 0;
    z-index: 999; }
body.said-drower .saidbaar-customer {
    right: 0;
    top: 0; }
body .overlay-cust-info {
    display: none; }
body .saidbaar-customer {
    width: 540px;
    right: -628px;
    height: 95%;
    position: fixed;
    background: #fff;
    z-index: 999;
    padding: 22px;
    overflow: auto;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s; }
body .saidbaar-customer .title-perant {
    font-size: 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%; }
body .saidbaar-customer .wizard-form {
    width: 100%;
    background: #fbfbfb; }
body .saidbaar-customer .wizard-form .wizard-body {
    background: #fbfbfb !important; }
body .saidbaar-customer .wizard-form .full-width {
    width: 100% !important;
    float: left; }
body .saidbaar-customer .wizard-form .form-group {
    width: 50%;
    float: left;
    margin-bottom: 20PX; }
body .saidbaar-customer .wizard-form .form-group label {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    opacity: 0.7;
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    width: 100%;
    float: left;
    white-space: nowrap;
    font-family: "Roboto", sans-serif; }
body .saidbaar-customer .wizard-form .form-group span {
    font-size: 14px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    color: #4f5b64;
    font-weight: 100;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis; }
body .notify-offer {
    position: absolute;
    top: 14px;
    right: 14px;
    float: right;
    padding: 14px;
    width: 231px;
    height: 40px;
    border: thin solid #e1e1e1;
    background: #fff;
    /*animation: slideInRight .9s 0.0s both;*/
    border-radius: 3px; }
body .notify-offer .offer-block {
    width: 110px;
    display: inline-block;
    vertical-align: top; }
body .notify-offer .offer-block .title {
    color: #444952;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px; }
body .notify-offer .illustration {
    float: left;
    margin: 0;
    margin-right: 10px;
    width: auto; }
body .notify-offer .illustration img {
    width: 33px; }
body .notify-offer .welcome-submit {
    float: left;
    width: 62px;
    position: absolute;
    right: 18px;
    height: 28px;
    top: 31%;
    margin-top: 0;
    border-radius: 3px;
    background-color: #5054a4;
    text-align: center;
    color: #fff;
    line-height: 26px;
    padding: 0;
    font-size: 12px !important;
    font-weight: 700;
    transition: background-color .25s ease-out, color .25s ease-out; }
body .notify-offer .pannding-status {
    background: #fff1d9 !important;
    border: 1px solid #fda300;
    color: orange !important;
    text-align: center;
    border-radius: 4px;
    margin-top: 2px;
    width: 80px;
    float: left; }
body .notify-offer .no-status {
    background: #ffe3e2 !important;
    border: 1px solid #f74c48;
    color: #f74c48 !important;
    text-align: center;
    border-radius: 4px;
    margin-top: 2px;
    width: 52px;
    float: left; }
body .notify-offer .complite-status {
    background: #f1fff1 !important;
    border: 1px solid #4caf50;
    color: #4caf50 !important;
    text-align: center;
    border-radius: 4px;
    margin-top: 4px;
    width: 80px;
    float: left; }
body .notify-offer .reshedule-status {
    background: #dbedff !important;
    border: 1px solid #3c91e6;
    color: #3c91e6 !important;
    text-align: center;
    border-radius: 4px;
    margin-top: 2px;
    width: 106px;
    float: left; }
body .notify-offer .full-width {
    width: 100%;
    float: left; }
body .notify-offer .customer {
    font-size: 14px;
    width: 100%;
    float: left;
    display: none; }
body .user-icon {
    position: relative; }
body .user-icon:after {
    content: "";
    background: #eff0f1 url(../images/login-txt.svg) no-repeat;
    background-position: center;
    height: 47px;
    width: 40px;
    position: absolute;
    bottom: 1px;
    background-size: 19px;
    left: 1px; }
body .pswrd-icon {
    position: relative; }
body .pswrd-icon:after {
    content: "";
    background: #eff0f1 url(../images/lock.svg) no-repeat;
    background-position: center;
    height: 47px;
    width: 40px;
    position: absolute;
    bottom: 1px;
    background-size: 19px;
    left: 1px; }
body .uplodimgicon {
    background: url(../images/attach.svg) no-repeat;
    background-position: left center;
    text-indent: 26px;
    float: left;
    white-space: nowrap;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis; }
body .transfar-to-mangment {
    width: auto !important;
    margin: 0 !important;
    padding: 20px !important; }
body .big-error-msg {
    width: 92%;
    float: left;
    position: relative;
    margin: 0 auto;
    bottom: 20px;
    left: 0;
    right: 0;
    background: mistyrose;
    color: #ff5b5b;
    text-align: center;
    padding: 12px;
    margin-top: 20px;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto", sans-serif; }
body .tgl {
    position: relative;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    margin: 0 0 5px 0; }
body .tgl,
body .tgl:after,
body .tgl:before,
body .tgl *,
body .tgl *:after,
body .tgl *:before,
body .tgl + .tgl-btn {
    box-sizing: border-box; }
body .tgl::selection,
body .tgl:after::selection,
body .tgl:before::selection,
body .tgl *::selection,
body .tgl *:after::selection,
body .tgl *:before::selection,
body .tgl + .tgl-btn::selection {
    background: none; }
body .tgl span {
    position: relative;
    display: block;
    height: 30px;
    line-height: 1.2em;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
    border-radius: 2em;
    padding: 0.2em 1em;
    border: 1px solid #fafafa;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7);
    transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out; }
body .tgl span:before {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 0;
    font-size: 12px; }
body .tgl span:after {
    position: absolute;
    display: block;
    content: '';
    border-radius: 2em;
    width: 22px;
    height: 22px;
    margin-left: -0.9em;
    top: 3px;
    background: #FFFFFF;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out; }
body .tgl input[type="checkbox"] {
    display: none !important; }
body .tgl input[type="checkbox"]:not(:checked) + span {
    background: #de474e;
    color: #FFFFFF;
    padding-left: 1em;
    padding-right: 0.4em; }
body .tgl input[type="checkbox"]:not(:checked) + span:before {
    content: attr(data-off);
    color: #FFFFFF; }
body .tgl input[type="checkbox"]:not(:checked) + span:after {
    background: #FFFFFF;
    left: 1em; }
body .tgl input[type="checkbox"]:checked + span {
    background: #86d993;
    color: #FFFFFF;
    padding-left: 0.4em;
    padding-right: 1em; }
body .tgl input[type="checkbox"]:checked + span:before {
    content: attr(data-on); }
body .tgl input[type="checkbox"]:checked + span:after {
    background: #FFFFFF;
    left: 100%; }
body .tgl input[type="checkbox"]:disabled,
body .tgl input[type="checkbox"]:disabled + span,
body .tgl input[type="checkbox"]:read-only,
body .tgl input[type="checkbox"]:read-only + span {
    cursor: not-allowed; }
body ul.ks-cboxtags {
    list-style: none;
    padding: 0px; }
body ul.ks-cboxtags li {
    display: inline;
    position: relative; }
body ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(139, 139, 139, 0.3);
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s; }
body ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
    display: inline-block !important; }
body ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    font-size: 12px;
    content: "";
    background: url(../images/addicon.svg) no-repeat;
    background-position: center center;
    width: 12px;
    background-size: 11px;
    position: relative;
    margin-top: 1px;
    margin-right: 6px;
    vertical-align: top;
    height: 12px;
    transition: transform .3s ease-in-out; }
body ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "";
    background: url(../images/white-check.svg) no-repeat;
    background-position: center center;
    width: 16px;
    position: relative;
    vertical-align: middle;
    height: 16px;
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out; }
body ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #43478a;
    background-color: #5054a4;
    color: #fff;
    transition: all .2s; }
body ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute; }
body ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
body ul.ks-cboxtags li input[type="checkbox"]:focus + label {
    border: 2px solid #43478a; }
body .rejectoverlay {
    position: fixed;
    background: #000000;
    z-index: 999;
    opacity: 0.5;
    height: 100%;
    width: 100%; }
body .rejactpopup {
    position: fixed;
    width: 400px;
    top: 80px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 34px;
    background: white;
    box-shadow: 0 4px 14px rgba(80, 84, 164, 0.56); }
body .rejactpopup .rejectillustration {
    width: 100%;
    float: left; }
body .rejactpopup .rejectillustration .img {
    width: 20%;
    float: left; }
body .rejactpopup .rejectillustration .img img {
    width: 100%; }
body .rejactpopup .rejectillustration .dec {
    width: 76%;
    margin-left: 4%;
    float: left; }
body .rejactpopup .rejectillustration .dec h1 {
    font-size: 18px;
    margin-top: 0;
    font-weight: 100;
    margin-bottom: 4px;
    text-align: left; }
body .rejactpopup .rejectillustration .dec span {
    width: 100%;
    float: left;
    color: #b3b3b3;
    text-align: left;
    font-size: 14px; }
body .rejactpopup .assingblock {
    text-align: left; }
body .rejactpopup .assingblock h1 {
    font-size: 20px;
    margin-top: 0;
    color: #545454; }
body .rejactpopup .assingblock .formgroup {
    width: 100%;
    float: left;
    margin-bottom: 20px; }
body .rejactpopup .assingblock .formgroup label {
    margin-bottom: 8px;
    opacity: 0.7;
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    width: 100%;
    float: left;
    white-space: nowrap;
    font-family: "Roboto", sans-serif; }
body .rejactpopup .assingblock .formgroup .input-style {
    width: 80%;
    height: 40px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .rejactpopup .assingblock .formgroup textarea {
    padding: 20px 0px;
    width: 100% !important;
    resize: none; }
body .rejactpopup .button {
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: left; }
body .rejactpopup .button .saveandnew {
    width: 100px;
    height: 32px;
    border: none;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase; }
body .rejactpopup .button .saveandnew.cancel {
    background-color: #efeff1;
    color: #5054a4;
    border: 1px solid #5054a45c;
    margin-left: 15px;
    text-align: center; }
body .wizard-form {
    width: 70%;
    float: left;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef; }
body .wizard-form.width-95 {
    width: 95%; }
body .wizard-form .form-section-wizard {
    width: 100%;
    float: left; }
body .wizard-form .form-section-wizard .wizard-header {
    background: #f6f7f8;
    padding: 15px; }
body .wizard-form .form-section-wizard .wizard-header.active {
    /*background: #5054a4;*/
    background: linear-gradient(to right, #5054a4, #878bda) !important; }
body .wizard-form .form-section-wizard .wizard-header.active .title {
    color: #fff; }
body .wizard-form .form-section-wizard .wizard-header.active .pull-right svg {
    transform: rotate(180deg); }
body .wizard-form .form-section-wizard .wizard-header.active .pull-right svg use {
    stroke: #fff; }
body .wizard-form .form-section-wizard .wizard-header .title {
    padding: 10px 0;
    color: #4f5b64;
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto", sans-serif; }
body .wizard-form .form-section-wizard .wizard-header .fa-minus {
    height: 20px;
    width: 20px;
    float: right;
    right: 14px;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    transition: .3s; }
body .wizard-form .form-section-wizard .wizard-header .inward-error {
    background: #ffd9d8 url(../images/single-content-03.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    background-size: 18px;
    height: 30px;
    margin: 0;
    margin-right: 15px;
    margin-top: -4px;
    float: right;
    display: inline-block;
    border-radius: 4px;
    position: relative; }
body .wizard-form .form-section-wizard .wizard-body {
    display: none;
    padding: 20px;
    padding-bottom: 0px;
    background: #fff;
    position: relative; }
body .wizard-form .form-section-wizard .wizard-body .total-clcstu .box {
    width: 190px; }
body .wizard-form .form-section-wizard .wizard-body .total-clcstu .box.diff-amount {
    margin: 0; }
body .transfar-inward .overlayinward {
    background: black;
    opacity: 0.4;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999; }
body .transfar-inward .inwardpopup {
    position: fixed;
    width: 400px;
    top: 80px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 34px;
    background: white;
    box-shadow: 0 4px 14px rgba(80, 84, 164, 0.56); }
body .transfar-inward .inwardpopup svg {
    width: 100px; }
body .transfar-inward .inwardpopup h1 {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #494949; }
body .transfar-inward .inwardpopup span {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #b1b1b1;
    width: 100%;
    float: left;
    margin-bottom: 30px; }
body .transfar-inward .inwardpopup .button {
    width: 100%;
    float: left;
    text-align: center; }
body .transfar-inward .inwardpopup .button .transfar {
    background: #5054a4;
    color: white;
    border: none;
    width: 100px;
    font-size: 14px !important;
    height: 44px;
    border-radius: 8px;
    margin-right: 12px; }
body .transfar-inward .inwardpopup .button .cancel {
    background: #f5f5f7;
    color: #5054a4;
    border: none;
    width: 100px;
    font-size: 14px !important;
    font-weight: 500;
    height: 44px;
    border-radius: 8px;
    margin-right: 12px; }
body .ajaxloder {
    position: fixed;
    background: #3a3d762b;
    height: 100%;
    width: 100%;
    z-index: 99999999; }
body .ajaxloder .loader-inner {
    left: 45%;
    position: absolute;
    top: 35%; }
body .ajaxloder .loader-inner .preloader {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid #5054a4;
    width: 140px;
    height: 140px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }
body .ajaxloder .loader-inner .pre-inner-circle {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid #f00;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-animation: spin-rev 1.5s linear infinite;
    animation: spin-rev 1.5s linear infinite; }
body .ajaxloder .loader-inner .loader-logo {
    left: 30px;
    position: absolute;
    top: 30px; }
body .ajaxloder .loader-inner .loader-logo img {
    height: 80px;
    width: 80px; }
@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }
@-webkit-keyframes spin-rev {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(-360deg); } }
body #fileloder {
    position: absolute;
    background: gray;
    height: 100%;
    opacity: 0.4;
    width: 100%;
    display: none; }
body #fileloder .spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px; }
body #fileloder .spinner .path {
    stroke: #ffffff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite; }
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35; }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124; } }
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35; }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124; } }
body .tranfertoforms .Toaster-message {
    font-size: 13px; }
body .tranfertoforms .Toaster-messageContainer {
    width: 226px; }
body .rotate-infinity {
    padding: 0 !important;
    margin-right: 20px;
    -moz-animation: spinoffPulse 2s infinite linear;
    -webkit-animation: spinoffPulse 2s infinite linear; }
body .two-line-eclips {
    display: -webkit-box !important;
    max-width: 100%;
    height: 28px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
body .documentlistremark {
    width: 100%; }
body .documentlistremark li {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
    text-indent: 14px; }
body .documentlistremark input {
    width: auto;
    height: auto;
    margin: 0;
    margin-left: 20px;
    float: left; }
body .documentlistremark label {
    float: left !important;
    width: 90% !important;
    vertical-align: middle;
    margin: 0 !important; }
body .support-header {
    margin: 26px 0;
    margin-right: 16px;
    float: right;
    cursor: pointer;
    position: relative; }
body .support-header svg {
    width: 24px;
    height: 24px; }
body .support-header svg path {
    fill: #5054a4; }
body .support-header:hover span {
    bottom: -22px;
    opacity: 1; }
body .support-header span {
    font-family: "Roboto", sans-serif;
    position: absolute;
    background: #5054a4;
    color: white;
    padding: 4px 11px;
    height: auto;
    margin: 0;
    bottom: 0px;
    height: 10px;
    opacity: 0;
    right: -20px;
    border-radius: 10px;
    vertical-align: top;
    line-height: 10px;
    font-size: 10px;
    z-index: -1;
    transition: .1s; }
body .bankdetaildiv {
    width: 100%;
    float: left; }
body .appand-block-multipal {
    width: 84%;
    float: left;
    background: #f9f9f9;
    padding: 26px;
    padding-bottom: 0;
    margin-bottom: 26px;
    position: relative;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #efefef; }
body .appand-block-multipal .appand-block-multipal {
    padding: 0;
    position: relative;
    width: 100%;
    box-shadow: unset;
    border: none;
    margin: 0; }
body .appand-block-multipal .appand-block-multipal .removeblock {
    position: absolute;
    right: 0;
    top: 42px; }
body .appand-block-multipal .removeblock {
    position: absolute;
    right: 20px;
    top: 20px; }
body .appandfiledsmultipal {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #5054a4;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif; }
body .text-center {
    text-align: center !important; }
body .text-left {
    text-align: left !important; }
body .no-margin {
    margin: 0 !important; }
body .docandscheme {
    position: absolute;
    right: 0;
    width: 300PX;
    top: 0;
    height: 100%;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border-left: 1px solid #d4d4d4; }
body .docandscheme .title {
    width: 100%;
    float: left; }
body .docandscheme .title ul {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 00;
    text-align: center;
    margin: 0; }
body .docandscheme .title ul li {
    display: inline-block;
    float: left;
    width: 50%; }
body .docandscheme .title ul li.current a {
    font-family: "Roboto", sans-serif;
    padding: 10px 0;
    color: #5054a4;
    width: 100%;
    float: left;
    background: #ffff;
    font-weight: 500; }
body .docandscheme .title ul li a {
    font-family: "Roboto", sans-serif;
    padding: 10px 0;
    color: #4f5b64;
    font-size: 14px;
    width: 100%;
    float: left;
    cursor: pointer;
    background: #f0f0f2;
    font-weight: 500; }
body .docandscheme .tab-content {
    display: none; }
body .docandscheme .tab-content.current {
    display: block;
    height: 96%;
    width: 300px;
    float: left;
    overflow-x: hidden;
    overflow-y: auto; }
body .docandscheme .tab-content .form-group {
    width: 100% !important; }
body .docandscheme .tab-content .form-group ul {
    padding: 0;
    width: 100%; }
body .docandscheme .tab-content .form-group ul li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
    text-indent: 10px;
    margin-bottom: 8px;
    opacity: 0.7;
    text-transform: uppercase;
    color: #959CA4;
    font-size: 14px;
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif; }
body .docandscheme .tab-content .form-group ul li span {
    float: left;
    display: block;
    width: 80%;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 12px;
    text-indent: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
body .docandscheme .tab-content .form-group ul li input {
    width: auto;
    float: left;
    margin-left: 14px;
    height: auto;
    vertical-align: middle;
    background-color: white; }
body .docandscheme .tab-content .form-group ul li input.input-style {
    width: 92% !important; }
body .docandscheme .tab-content .form-group ul li select {
    margin-left: 10px; }
body .docandscheme .tab-content .form-group ul li h1 {
    font-weight: 100;
    font-size: 12px; }
body .update {
    background: #5054a4;
    color: white;
    border-radius: 4px;
    padding: 10px;
    white-space: nowrap; }
body .update img {
    margin-right: 6px;
    vertical-align: middle; }
body .morecontent span {
    display: none; }
body .morelink {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #5054a4;
    margin-top: 12px; }
body span.sub-branch {
    font-size: 11px !important;
    color: #bdbdbd !important;
    margin-left: 6px;
    float: none !important;
    width: auto !important; }
body .download-img {
    float: right;
    margin-right: 10px;
    margin-top: 6px; }
body .download-img svg {
    width: 20px; }
body .attachment-icon {
    vertical-align: middle;
    vertical-align: middle;
    margin-right: 10px;
    width: 14px; }
body .verify-icon {
    width: 16px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 6px; }
body button {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
body textarea, body input[type="text"], body input[type="password"], body input[type="time"], body input[type="email"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none; }
body textarea::-webkit-input-placeholder, body input[type="text"]::-webkit-input-placeholder, body input[type="password"]::-webkit-input-placeholder, body input[type="time"]::-webkit-input-placeholder, body input[type="email"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400; }
body textarea::-moz-placeholder, body input[type="text"]::-moz-placeholder, body input[type="password"]::-moz-placeholder, body input[type="time"]::-moz-placeholder, body input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400; }
body textarea::-ms-input-placeholder, body input[type="text"]::-ms-input-placeholder, body input[type="password"]::-ms-input-placeholder, body input[type="time"]::-ms-input-placeholder, body input[type="email"]::-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400; }
body textarea::-moz-placeholder, body input[type="text"]::-moz-placeholder, body input[type="password"]::-moz-placeholder, body input[type="time"]::-moz-placeholder, body input[type="email"]::-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400; }
body input,
body textarea,
body button,
body select,
body div,
body a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg); }
    100% {
        -moz-transform: rotate(360deg); } }
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg); } }
body.red {
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body.red ::-webkit-scrollbar {
    width: 10px;
    height: 8px; }
body.red ::-webkit-scrollbar-track {
    background: #d6d6d6; }
body.red ::-webkit-scrollbar-thumb {
    background: #de4040; }
body.red ::-webkit-scrollbar-thumb:hover {
    background: #555; }
body.red input:focus,
body.red select:focus,
body.red textarea:focus,
body.red .body-box form .form-group .multiple-input input[type=radio]:checked + label {
    border: 1px solid #ec5b5b !important; }
body.red .body-box form .button .saveandnew.cancel:focus,
body.red .body-box form.full-width .right-controller .add-call:focus {
    background-color: #ec5b5b; }
body.red .side-menu .side-menu-container .navbar-nav li a.active,
body.red .index-block h3 {
    background: #ec5b5b;
    background: linear-gradient(to right, #ec5b5b, #ff7676) !important; }
body.red .overlay-content .popup-container .button .save:focus {
    background: #ff9898 !important; }
body.red .side-menu {
    background: #de4040; }
body.red .index-block h3 .master-icon {
    background: #ff7676; }
body.red .side-menu-container .navbar-nav.setting li {
    background: #ec5b5b !important;
    background: linear-gradient(to right, #ec5b5b, #ff7676) !important; }
body.red .body-box form #dropdown-drower .drower-btn,
body.red .tebs-perant .tebs-link li a.active {
    background: linear-gradient(to right, #de4040, #f2bac5) !important; }
body.red .body-box form .button .saveandnew.cancel {
    background-color: #de40400a;
    color: #de4040;
    border: 1px solid #de40404f;
    margin-left: 15px;
    text-align: center; }
body.red .body-box .lead-detail-block .lead-chat-block .tebs ul li.current {
    border-bottom: 2px solid #de4040; }
body.red .lead-customer a label {
    color: #de404073; }
body.red .delete-overlay .delete-popup .delete-block:before {
    opacity: 0.1;
    background: #de4040; }
body.red .delete-overlay .delete-popup .delete-block .delete-illustration svg #Associate- {
    stroke: #de4040; }
body.red .delete-overlay .delete-popup .delete-block .remove-delete {
    color: #de4040;
    opacity: 0.2; }
body.red .delete-overlay {
    background: #de40402b; }
body.red .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.red .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body.red .body-box form.full-width .right-controller .add-call,
body.red .body-box form.full-width .right-controller .export .btn,
body.red .call-details .call-history-block .button .start-button input,
body.red .body-box form .button #timer,
body.red .body-box form .button .saveandnew,
body.red .delete-overlay .delete-popup .delete-block .button .delete,
body.red .edit-lead-detail:hover:before, body.red .loder-page .card, body.red .overlay-content .popup-header, body.red .overlay-content .popup-container .button .save, body.red .support span, body.red .ui-datepicker-calendar tbody tr td.ui-datepicker-today,
body.red .remark-pop .remark-form .popup-header,
body.red .remark-pop .remark-form .popup-container form .button .save,
body.red .select2-container--default .select2-selection--multiple .select2-selection__choice,
body.red .side-menu .side-menu-container .brand,
body.red .header .right-header .login .logout:hover span,
body.red .stages ul li .check:checked,
body.red .customer-detail-block .readonly-block .customer-header .heading-btn button,
body.red .body-box .table-devider .service-block button,
body.red .body-box form .form-group .multiple-input input[type=radio]:checked + label,
body.red .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-thumb,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .create,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.save,
body.red .call-details .call-history-block .button .add-call, body.red .edit-btn, body.red .support-header span,
body.red .alert-box .reminder-notification .ok-btn {
    background: #de4040; }
body.red .body-box form.full-width .table-responsive table tfoot tr td .pagination input.pag-btn {
    background: #de4040;
    color: white; }
body.red .support .support-svg svg g path,
body.red .header .right-header .notification a svg #Add_Call_Details-Start_01,
body.red .header .header-perant .right-header .responsive-search svg path,
body.red .support-header svg path {
    fill: #de4040; }
body.red .header .right-header .login .logout svg g polyline,
body.red .header .right-header .login .logout svg g line,
body.red .body-box .lead-detail-block .besic-info.editable #edit-btn svg g polygon, body.red #butt_color,
body.red .header .header-perant .responsive-menu-btn svg g line {
    stroke: #de4040; }
body.red .lead-customer a label input[type="radio"]:checked + span,
body.red .header .right-header .login a,
body.red .delete-overlay .delete-popup .delete-block .button .cancel, body.red .index-block a,
body.red .body-box form.full-width .table-responsive table thead tr th,
body.red .settings-panel .close-setting-pannel, body.red .ui-widget-header, body.red .ui-datepicker th,
body.red .body-box .lead-detail-block .estimated-time input,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1 a, body.red .add-field,
body.red .remark-pop .remark-form .popup-container form .button .cancel,
body.red .stages ul li .check:checked + label,
body.red .customer-detail-block .tebs-block ul li a.active,
body.red .index-block.user-type a,
body.red .body-box .tables-tebs h1 a,
body.red .body-box form #dropdown-drower .chet-hstory .chet-block h1.first-h1,
body.red .edit-link, body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel-btn,
body.red .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .cancel-btn, body.red .add-field3,
body.red .call-details .call-history-block .button .cancel,
body.red .body-box form .form-group .select-all, body.red .morelink {
    color: #de3939 !important; }
body.red .loder-page .spinner {
    border: 6px solid #5054a4;
    border: 6px solid #de4040;
    border-left-color: transparent;
    border-bottom-color: transparent; }
body.red .side-menu .side-menu-container .navbar-nav li a:hover {
    background: linear-gradient(to right, #ec5b5b, #ff7676) !important; }
body.red .body-box form.full-width .table-responsive table tbody tr:hover {
    background-color: #de404017;
    border-left: 3px solid #de3939;
    cursor: pointer; }
body.red .body-box form.full-width .table-responsive table tbody tr:hover td {
    color: #de4040; }
body.green {
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body.green ::-webkit-scrollbar {
    width: 10px;
    height: 8px; }
body.green ::-webkit-scrollbar-track {
    background: #d6d6d6; }
body.green ::-webkit-scrollbar-thumb {
    background: #04a27b; }
body.green ::-webkit-scrollbar-thumb:hover {
    background: #555; }
body.green input:focus,
body.green select:focus,
body.green textarea:focus,
body.green .body-box form .form-group .multiple-input input[type=radio]:checked + label {
    border: 1px solid #00c292 !important; }
body.green .side-menu {
    background: #04a27b; }
body.green .side-menu .side-menu-container .navbar-nav li a.active,
body.green .index-block h3 {
    background: #058867;
    background: linear-gradient(to right, #30a588, #35d2aa) !important; }
body.green .overlay-content .popup-container .button .save:focus {
    background: #57ecc7 !important; }
body.green .body-box form #dropdown-drower .drower-btn,
body.green .tebs-perant .tebs-link li a.active {
    background: linear-gradient(to right, #04a27b, #9ceed9) !important; }
body.green .body-box form .button .saveandnew.cancel {
    background-color: #04a27b0f;
    color: #04a27b;
    border: 1px solid #004a27b3d;
    margin-left: 15px;
    text-align: center; }
body.green .body-box form .button .saveandnew.cancel:focus,
body.green .body-box form.full-width .right-controller .add-call:focus,
body.green .body-box form .button .saveandnew:focus {
    background-color: #058867; }
body.green .body-box .lead-detail-block .lead-chat-block .tebs ul li.current {
    border-bottom: 2px solid #04a27b; }
body.green .index-block h3 .master-icon {
    background: #058867; }
body.green .side-menu-container .navbar-nav.setting li {
    background: #058867 !important;
    background: linear-gradient(to right, #30a588, #35d2aa) !important; }
body.green .lead-customer a label {
    color: #04a27b4d; }
body.green .delete-overlay .delete-popup .delete-block:before {
    opacity: 0.1;
    background: #04a27b; }
body.green .delete-overlay .delete-popup .delete-block .delete-illustration svg #Associate-,
body.green .header .header-perant .responsive-menu-btn svg g line {
    stroke: #04a27b; }
body.green .delete-overlay .delete-popup .delete-block .remove-delete {
    color: #04a27b;
    opacity: 0.2; }
body.green .delete-overlay {
    background: #04a27b36; }
body.green .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.green .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body.green .body-box form.full-width .right-controller .add-call,
body.green .body-box form.full-width .right-controller .export .btn,
body.green .call-details .call-history-block .button .start-button input,
body.green .body-box form .button #timer,
body.green .body-box form .button .saveandnew,
body.green .delete-overlay .delete-popup .delete-block .button .delete,
body.green .edit-lead-detail:hover:before, body.green .loder-page .card, body.green .overlay-content .popup-header, body.green .overlay-content .popup-container .button .save, body.green .support span, body.green .ui-datepicker-calendar tbody tr td.ui-datepicker-today,
body.green .remark-pop .remark-form .popup-header,
body.green .remark-pop .remark-form .popup-container form .button .save,
body.green .select2-container--default .select2-selection--multiple .select2-selection__choice,
body.green .side-menu .side-menu-container .brand,
body.green .header .right-header .login .logout:hover span,
body.green .stages ul li .check:checked,
body.green .customer-detail-block .readonly-block .customer-header .heading-btn button,
body.green .body-box .table-devider .service-block button,
body.green .body-box form .form-group .multiple-input input[type=radio]:checked + label,
body.green .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-thumb,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .create,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.save,
body.green .call-details .call-history-block .button .add-call, body.green .edit-btn, body.green .support-header span,
body.green .alert-box .reminder-notification .ok-btn {
    background: #04a27b; }
body.green .body-box form.full-width .table-responsive table tfoot tr td .pagination input.pag-btn {
    background: #04a27b;
    color: white; }
body.green .support .support-svg svg g path,
body.green .header .right-header .notification a svg #Add_Call_Details-Start_01,
body.green .header .header-perant .right-header .responsive-search svg path,
body.green .support-header svg path {
    fill: #04a27b; }
body.green .header .right-header .login .logout svg g polyline,
body.green .header .right-header .login .logout svg g line,
body.green .body-box .lead-detail-block .besic-info.editable #edit-btn svg g polygon, body.green #butt_color {
    stroke: #04a27b; }
body.green .header .right-header .login a,
body.green .delete-overlay .delete-popup .delete-block .button .cancel, body.green .index-block a,
body.green .body-box form.full-width .table-responsive table thead tr th,
body.green .settings-panel .close-setting-pannel, body.green .ui-widget-header, body.green .ui-datepicker th,
body.green .body-box .lead-detail-block .estimated-time input,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1 a, body.green .add-field,
body.green .remark-pop .remark-form .popup-container form .button .cancel,
body.green .stages ul li .check:checked + label,
body.green .customer-detail-block .tebs-block ul li a.active,
body.green .index-block.user-type a,
body.green .body-box .tables-tebs h1 a,
body.green .body-box form #dropdown-drower .chet-hstory .chet-block h1.first-h1,
body.green .edit-link, body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel-btn,
body.green .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .cancel-btn, body.green .add-field3,
body.green .call-details .call-history-block .button .cancel,
body.green .body-box form .form-group .select-all, body.green .morelink {
    color: #04a27b !important; }
body.green .loder-page .spinner {
    border: 6px solid #04a27b;
    border: 6px solid #04a27b;
    border-left-color: transparent;
    border-bottom-color: transparent; }
body.green .side-menu .side-menu-container .navbar-nav li a:hover {
    background-color: #058867;
    background: linear-gradient(to right, #30a588, #35d2aa) !important; }
body.green .body-box form.full-width .table-responsive table tbody tr:hover {
    background-color: #f0fffb;
    border-left: 3px solid #04a27b;
    cursor: pointer; }
body.green .body-box form.full-width .table-responsive table tbody tr:hover td {
    color: #04a27b; }
body.dark {
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body.dark ::-webkit-scrollbar {
    width: 10px;
    height: 8px; }
body.dark ::-webkit-scrollbar-track {
    background: #d6d6d6; }
body.dark ::-webkit-scrollbar-thumb {
    background: #222d32; }
body.dark ::-webkit-scrollbar-thumb:hover {
    background: #555; }
body.dark input:focus,
body.dark select:focus,
body.dark textarea:focus,
body.dark .body-box form .form-group .multiple-input input[type=radio]:checked + label {
    border: 1px solid #222d32 !important; }
body.dark .overlay-content .popup-container .button .save:focus {
    background: #636566 !important; }
body.dark .body-box form .button .saveandnew.cancel:focus,
body.dark .body-box form.full-width .right-controller .add-call:focus,
body.dark .body-box form .button .saveandnew:focus {
    background-color: #556369; }
body.dark .side-menu {
    background: #222d32; }
body.dark .body-box .lead-detail-block .lead-chat-block .tebs ul li.current {
    border-bottom: 2px solid #222d32; }
body.dark .body-box form #dropdown-drower .drower-btn,
body.dark .tebs-perant .tebs-link li a.active {
    background: linear-gradient(to right, #222d32, #969696) !important; }
body.dark .body-box form .button .saveandnew.cancel {
    background-color: #222d3212;
    color: #222d32;
    border: 1px solid #222d325c;
    margin-left: 15px;
    text-align: center; }
body.dark .index-block h3 .master-icon {
    background: #556369; }
body.dark .side-menu-container .navbar-nav.setting li {
    background: #556369 !important;
    background: linear-gradient(to right, #222d32, #556369) !important; }
body.dark .delete-overlay .delete-popup .delete-block:before {
    opacity: 0.1;
    background: #222d32; }
body.dark .side-menu .side-menu-container .navbar-nav li a.active,
body.dark .index-block h3 {
    background: #556369;
    background: linear-gradient(to right, #222d32, #556369) !important; }
body.dark .delete-overlay .delete-popup .delete-block .delete-illustration svg #Associate- {
    stroke: #222d32; }
body.dark .delete-overlay .delete-popup .delete-block .remove-delete {
    color: #222d32;
    opacity: 0.2; }
body.dark .delete-overlay {
    background: #222d3273; }
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body.dark .body-box form.full-width .right-controller .add-call,
body.dark .body-box form.full-width .right-controller .export .btn,
body.dark .call-details .call-history-block .button .start-button input,
body.dark .body-box form .button #timer, body.dark .loder-page .card,
body.dark .body-box form .button .saveandnew,
body.dark .delete-overlay .delete-popup .delete-block .button .delete,
body.dark .edit-lead-detail:hover:before, body.dark .overlay-content .popup-header, body.dark .overlay-content .popup-container .button .save, body.dark .support span, body.dark .ui-datepicker-calendar tbody tr td.ui-datepicker-today,
body.dark .remark-pop .remark-form .popup-header,
body.dark .remark-pop .remark-form .popup-container form .button .save,
body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice,
body.dark .side-menu .side-menu-container .brand,
body.dark .header .right-header .login .logout:hover span,
body.dark .stages ul li .check:checked,
body.dark .customer-detail-block .readonly-block .customer-header .heading-btn button,
body.dark .body-box .table-devider .service-block button,
body.dark .body-box form .form-group .multiple-input input[type=radio]:checked + label,
body.dark .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-thumb,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .create,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.save,
body.dark .call-details .call-history-block .button .add-call, body.dark .edit-btn, body.dark .support-header span,
body.dark .alert-box .reminder-notification .ok-btn {
    background: #222d32; }
body.dark .body-box form.full-width .table-responsive table tfoot tr td .pagination input.pag-btn {
    background: #222d32;
    color: white; }
body.dark .support .support-svg svg g path,
body.dark .header .right-header .notification a svg #Add_Call_Details-Start_01,
body.dark .header .header-perant .right-header .responsive-search svg path,
body.dark .support-header svg path {
    fill: #222d32; }
body.dark .header .right-header .login .logout svg g polyline,
body.dark .header .right-header .login .logout svg g line,
body.dark .body-box .lead-detail-block .besic-info.editable #edit-btn svg g polygon, body.dark #butt_color,
body.dark .header .header-perant .responsive-menu-btn svg g line {
    stroke: #222d32; }
body.dark .header .right-header .login a,
body.dark .delete-overlay .delete-popup .delete-block .button .cancel, body.dark .index-block a,
body.dark .body-box form.full-width .table-responsive table thead tr th,
body.dark .settings-panel .close-setting-pannel, body.dark .ui-widget-header, body.dark .ui-datepicker th,
body.dark .body-box .lead-detail-block .estimated-time input,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1 a, body.dark .add-field,
body.dark .remark-pop .remark-form .popup-container form .button .cancel,
body.dark .stages ul li .check:checked + label,
body.dark .customer-detail-block .tebs-block ul li a.active,
body.dark .index-block.user-type a,
body.dark .body-box .tables-tebs h1 a,
body.dark .body-box form #dropdown-drower .chet-hstory .chet-block h1.first-h1,
body.dark .edit-link, body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel-btn,
body.dark .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .cancel-btn, body.dark .add-field3,
body.dark .call-details .call-history-block .button .cancel,
body.dark .body-box form .form-group .select-all, body.dark .morelink {
    color: #222d32 !important; }
body.dark .loder-page .spinner {
    border: 6px solid #222d32;
    border: 6px solid #222d32;
    border-left-color: transparent;
    border-bottom-color: transparent; }
body.dark .side-menu .side-menu-container .navbar-nav li a:hover {
    background-color: #556369;
    background: linear-gradient(to right, #222d32, #556369) !important; }
body.dark .body-box form.full-width .table-responsive table tbody tr:hover {
    background-color: #f2f5f7;
    border-left: 3px solid #222d32;
    cursor: pointer; }
body.dark .body-box form.full-width .table-responsive table tbody tr:hover td {
    color: #222d32; }
body.blue {
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body.blue ::-webkit-scrollbar {
    width: 10px;
    height: 8px; }
body.blue ::-webkit-scrollbar-track {
    background: #d6d6d6; }
body.blue ::-webkit-scrollbar-thumb {
    background: #5054a4; }
body.blue ::-webkit-scrollbar-thumb:hover {
    background: #555; }
body.blue input:focus,
body.blue select:focus,
body.blue textarea:focus,
body.blue .body-box form .form-group .multiple-input input[type=radio]:checked + label {
    border: 1px solid #5054a4 !important; }
body.blue .side-menu {
    background: #5054a4; }
body.blue .body-box .lead-detail-block .lead-chat-block .tebs ul li.current {
    border-bottom: 2px solid #5054a4; }
body.blue .overlay-content .popup-container .button .cancel:focus {
    background-color: #6e72ca !important;
    color: white !important; }
body.blue .side-menu-container .navbar-nav.setting li {
    background: #6e72ca !important; }
body.blue .dataTables_wrapper .dataTables_paginate .paginate_button.current, body.blue .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body.blue .body-box form.full-width .right-controller .add-call,
body.blue .body-box form.full-width .right-controller .export .btn,
body.blue .call-details .call-history-block .button .start-button input,
body.blue .body-box form .button #timer, body.blue .loder-page .card,
body.blue .body-box form .button .saveandnew,
body.blue .edit-lead-detail:hover:before, body.blue .overlay-content .popup-header, body.blue .overlay-content .popup-container .button .save, body.blue .support span, body.blue .ui-datepicker-calendar tbody tr td.ui-datepicker-today,
body.blue .remark-pop .remark-form .popup-header,
body.blue .remark-pop .remark-form .popup-container form .button .save,
body.blue .select2-container--default .select2-selection--multiple .select2-selection__choice,
body.blue .side-menu .side-menu-container .brand,
body.blue .header .right-header .login .logout:hover span,
body.blue .stages ul li .check:checked,
body.blue .customer-detail-block .readonly-block .customer-header .heading-btn button,
body.blue .body-box .table-devider .service-block button,
body.blue .body-box form .form-group .multiple-input input[type=radio]:checked + label,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .create,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.save,
body.blue .call-details .call-history-block .button .add-call, body.blue .edit-btn, body.blue .support-header span,
body.blue .alert-box .reminder-notification .ok-btn {
    background: #5054a4; }
body.blue .body-box form.full-width .table-responsive table tfoot tr td .pagination input.pag-btn {
    background: #5054a4;
    color: white; }
body.blue .support .support-svg svg g path,
body.blue .header .right-header .notification a svg #Add_Call_Details-Start_01,
body.blue .header .header-perant .right-header .responsive-search svg path,
body.blue .support-header svg path {
    fill: #5054a4; }
body.blue .header .right-header .login .logout svg g polyline,
body.blue .header .right-header .login .logout svg g line,
body.blue .body-box .lead-detail-block .besic-info.editable #edit-btn svg g polygon, body.blue #butt_color,
body.blue .header .header-perant .responsive-menu-btn svg g line {
    stroke: #5054a4; }
body.blue .header .right-header .login a,
body.blue .delete-overlay .delete-popup .delete-block .button .cancel, body.blue .index-block a,
body.blue .body-box form.full-width .table-responsive table thead tr th,
body.blue .settings-panel .close-setting-pannel, body.blue .ui-widget-header, body.blue .ui-datepicker th,
body.blue .body-box .lead-detail-block .estimated-time input,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1 a, body.blue .add-field,
body.blue .remark-pop .remark-form .popup-container form .button .cancel,
body.blue .stages ul li .check:checked + label,
body.blue .customer-detail-block .tebs-block ul li a.active,
body.blue .index-block.user-type a,
body.blue .body-box .tables-tebs h1 a,
body.blue .body-box form #dropdown-drower .chet-hstory .chet-block h1.first-h1,
body.blue .edit-link, body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel-btn,
body.blue .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .cancel-btn, body.blue .add-field3,
body.blue .call-details .call-history-block .button .cancel,
body.blue .body-box form .form-group .select-all, body.blue .morelink {
    color: #5054a4 !important; }
body.blue .loder-page .spinner {
    border: 6px solid #5054a4;
    border: 6px solid #5054a4;
    border-left-color: transparent;
    border-bottom-color: transparent; }
body .hidden-mb {
    display: block; }
body .input-230 {
    width: 230px !important; }
body .multiple-input {
    width: 100%;
    float: left; }
body .multiple-input.width26-radio label {
    width: 100px !important; }
body .multiple-input.width32-radio label {
    width: 32% !important; }
body .multiple-input input[type=radio] {
    display: none; }
body .multiple-input input[type=radio]:checked + label {
    border: 1px solid #5054a4 !important;
    opacity: 1;
    background-color: #5054a4;
    color: #fff; }
body .multiple-input label {
    border: 1px solid #e5eaed;
    height: 40px;
    line-height: 40px !important;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    font-family: "Roboto", sans-serif;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    color: #b3b7bc;
    position: relative;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 23.4% !important;
    padding: 0;
    float: left; }
body .multiple-input label.half-width {
    width: 40% !important; }
body .multiple-input label.full-width-label {
    width: 70px !important;
    height: 36px;
    line-height: 36px;
    margin: 0; }
body .remark-add-block {
    width: 92%;
    float: left;
    margin-left: 50px; }
body .remark-add-block ul {
    width: 100%;
    float: left;
    border: 1px solid #e6eaed;
    padding: 0;
    margin: 0; }
body .remark-add-block ul li {
    list-style: none; }
body .remark-add-block ul li a {
    font-family: "Roboto", sans-serif;
    border-bottom: 2px solid #5054a4;
    margin-bottom: 10px;
    color: #5054a4;
    font-size: 14px;
    height: 18px;
    width: 90px;
    text-align: center;
    padding: 8px;
    float: left;
    margin: 0;
    background-color: #fafbfc !important; }
body .remark-add-block .remark-area {
    float: left;
    width: 100%; }
body .remark-add-block .remark-area textarea {
    resize: none;
    color: #3F484F;
    border: thin solid #eee !important;
    border-radius: 5px;
    width: 97.9%;
    height: 70px;
    outline: none;
    padding: 10px;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif; }
body .verify {
    background: gainsboro;
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 16px; }
body .verify.done {
    background: #4CAF50;
    color: white; }
body .no-data {
    border: none !important; }
body .no-data td {
    width: 99% !important;
    float: left !important;
    padding: 80px 0 !important; }
body .no-data span {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px !important;
    margin: 12px 0; }
body .no-data span img {
    width: 130px;
    margin: 0 !important; }
body .edit-scheme-form .cancel_edit {
    position: absolute;
    right: 30px; }
body .customer-detail-block {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    box-shadow: 2px 3px 10px 0 rgba(119, 119, 119, 0.1); }
body .customer-detail-block .readonly-block {
    background-color: #f6f7f8;
    width: 100%;
    float: left; }
body .customer-detail-block .readonly-block .customer-header {
    padding: 30px;
    float: left;
    display: block;
    width: 94%;
    position: relative; }
body .customer-detail-block .readonly-block .customer-header .edit-btn {
    margin-top: 0; }
body .customer-detail-block .readonly-block .customer-header .customer-back {
    width: 8%;
    float: left;
    text-align: center; }
body .customer-detail-block .readonly-block .customer-header .customer-back a {
    width: 60px;
    height: 60px;
    background-color: #d8d8d8;
    float: left;
    border-radius: 50%; }
body .customer-detail-block .readonly-block .customer-header .customer-back a img {
    line-height: 60px;
    width: 20px;
    padding: 20px 0; }
body .customer-detail-block .readonly-block .customer-header .details {
    width: 68%;
    float: left; }
body .customer-detail-block .readonly-block .customer-header .details h1 {
    font-size: 20px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #333333;
    font-weight: 100; }
body .customer-detail-block .readonly-block .customer-header .details span {
    color: #8c939b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 0 12px;
    font-weight: 100; }
body .customer-detail-block .readonly-block .customer-header .details.half-width {
    width: 50%; }
body .customer-detail-block .readonly-block .customer-header .heading-btn {
    width: 18%;
    float: right; }
body .customer-detail-block .readonly-block .customer-header .heading-btn button {
    border: none;
    background: #5054a4;
    color: white;
    padding: 14px 20px;
    float: right;
    border-radius: 5px; }
body .customer-detail-block .readonly-block .customer-header .heading-btn label {
    margin: 8px 10px;
    color: #333333;
    font-size: 12px;
    float: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Roboto", sans-serif; }
body .customer-detail-block .readonly-block .customer-header .heading-btn select {
    width: 120px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    float: inherit;
    border-radius: 4px;
    border: 0;
    color: white;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #5054a4 url(../images/white-dropdown.svg) no-repeat;
    background-position: center right 20px;
    height: 40px; }
body .customer-detail-block .readonly-block .customer-header .heading-btn.half-width {
    width: 42%; }
body .customer-detail-block .readonly-block .customer-header .heading-btn.half-width label {
    float: right; }
body .customer-detail-block .readonly-block .customer-header .heading-btn.half-width select {
    float: right; }
body .customer-detail-block .readonly-block .customer-header .heading-btn.half-width .add-btn {
    background: #4CAF50;
    font-size: 12px;
    height: 43px;
    float: right;
    line-height: 43px;
    color: #fff;
    padding: 0 16px;
    border-radius: 6px;
    margin-left: 10px; }
body .customer-detail-block .readonly-block .customer-header .profile-company {
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 10px; }
body .customer-detail-block .readonly-block .customer-header .profile-company.on-page-back {
    padding-left: 64px;
    width: 94%; }
body .customer-detail-block .readonly-block .customer-header .profile-company h1 {
    width: 100%;
    float: left;
    padding-left: 14px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
    text-transform: uppercase; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block {
    width: 20%;
    margin-top: 16px;
    float: left;
    padding: 0 15px; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block .view-service-start {
    background: #5054a4;
    color: #fff;
    height: 40px;
    font-size: 15px;
    width: 100px;
    margin-top: 19px;
    border: none;
    border-radius: 6px;
    text-transform: capitalize; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block.width-14 {
    width: 14%;
    margin-top: 10px; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block.width-28 {
    width: 30%; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block.width-20 {
    width: 20%; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block label {
    margin-bottom: 3px;
    /* opacity: 0.7; */
    text-transform: uppercase;
    color: #959CA4;
    font-size: 12px;
    width: 100%;
    white-space: nowrap;
    float: left;
    font-family: "Roboto", sans-serif; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block span {
    font-size: 14px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    color: #4f5b64;
    font-weight: 100;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block span input {
    height: 36px;
    width: 150px;
    text-indent: 10px;
    border-radius: 3px;
    border: 1px solid gainsboro; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block span input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .customer-detail-block .readonly-block .customer-header .profile-company .info-block.full {
    width: 100%; }
body .customer-detail-block .readonly-block .customer-header .collapas-btn {
    width: 10%;
    float: right; }
body .customer-detail-block .readonly-block .customer-header .collapas-btn .btn-plus {
    height: 30px;
    width: 30px; }
body .customer-detail-block .tebs-block {
    padding: 0;
    float: left;
    display: block;
    width: 100%;
    background-color: #f6f7f9;
    height: 40px;
    text-align: center; }
body .customer-detail-block .tebs-block ul {
    width: 90%;
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none;
    background: #f6f7f9;
    height: 40px; }
body .customer-detail-block .tebs-block ul li {
    display: inline-block;
    float: left; }
body .customer-detail-block .tebs-block ul li a {
    width: 136px;
    line-height: 40px;
    font-size: 12px;
    float: left;
    margin-right: 8px;
    font-family: "Roboto", sans-serif;
    color: #8c939b;
    font-weight: 400;
    border-radius: 3px 3px 0 0;
    background-color: #ffffff;
    opacity: 0.5; }
body .customer-detail-block .tebs-block ul li a.active {
    background: white;
    color: #5054a4;
    font-weight: 700;
    border-top: 2px solid;
    opacity: 1; }
body .customer-detail-block .tebs-block ul li a.width-auto {
    width: auto;
    padding: 0 16px; }
body .customer-detail-block .customer-form {
    width: 96.2%;
    float: left;
    padding: 20px;
    background: white;
    position: relative; }
body .customer-detail-block .customer-form .add-scheme {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 18px;
    background: #5054a4;
    position: absolute; }
body .customer-detail-block .customer-form .add-scheme img {
    padding: 12px; }
body .customer-detail-block .customer-form .no-record-found {
    width: 100%;
    margin: 50px 0;
    text-align: center; }
body .customer-detail-block .customer-form .no-record-found img {
    width: 250px;
    opacity: 0.8; }
body .customer-detail-block .customer-form .no-record-found h1 {
    text-align: center;
    width: 100%;
    font-size: 22px;
    color: #5e5c6e;
    margin: 20px 0; }
body .customer-detail-block .customer-form .activity-block {
    margin-top: 50px; }
body .customer-detail-block .customer-form .activity-block .task-container {
    margin-bottom: 20px;
    padding: 10px;
    border: thin solid #e2e2e2;
    border-radius: 3px;
    display: block;
    position: relative;
    cursor: pointer; }
body .customer-detail-block .customer-form .activity-block .task-container:hover {
    border: thin solid #5054a4; }
body .customer-detail-block .customer-form .activity-block .task-container .v3-profile-name {
    font-size: 16px;
    font-weight: 500;
    color: #898989; }
body .customer-detail-block .customer-form .activity-block .task-container .v3-profile-name .blue-note {
    color: #5054a4; }
body .customer-detail-block .customer-form .activity-block .task-container .v3-profile-name .black-note {
    color: #000; }
body .customer-detail-block .customer-form .activity-block .task-container .v1-rem-time {
    letter-spacing: 0;
    opacity: .7;
    color: #3F484F;
    font-size: 14px;
    margin-top: 6px; }
body .customer-detail-block .customer-form .activity-block .task-container .description {
    font-size: 14px;
    color: #6e6e6e;
    letter-spacing: 0.5px;
    line-height: 20px; }
body .customer-detail-block .customer-form .activity-block .task-container label {
    position: absolute;
    right: 10px;
    top: 10px; }
body .customer-detail-block .footer-btn {
    width: 96%;
    float: left;
    background: #f2f2f5;
    padding: 22px; }
body .customer-detail-block .footer-btn button {
    float: right;
    border: none;
    background: #5054a4;
    color: white;
    width: 150px;
    font-size: 14px;
    height: 40px;
    border-radius: 5px; }
body .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float: right;
    margin-right: 15px; }
body .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
body .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
body .switch .slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
body .switch input:checked + .slider {
    background-color: #2196F3; }
body .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
body .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
body .search-right {
    float: right;
    position: relative;
    margin: 0 5px; }
body .search-right input {
    width: 180px;
    padding: 11px 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    text-align: left;
    background: #FFFFFF; }
body .search-right input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400; }
body .search-right input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400; }
body .search-right input::-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400; }
body .search-right input::-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #76838f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400; }
body .search-right a {
    position: absolute;
    background: #eff0f1 url(../images/search-remove.svg) no-repeat;
    background-position: center center;
    right: 1px;
    top: 1px;
    bottom: 1px;
    font-size: 0;
    display: block;
    color: #556369;
    vertical-align: middle;
    border-radius: 0 4px 4px 0;
    padding: 4px 16px;
    border-left: 1px solid #d4d4d4; }
body .search-input {
    width: auto;
    height: 40px;
    float: right;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 200px;
    float: left; }
body .upload-btn-wrapper.markcomplete_completed .btn {
    background: #fff url(../images/verify-icon.svg) no-repeat;
    background-size: 16px;
    background-position: 36px;
    color: #72c472;
    border: 1px dashed; }
body .upload-btn-wrapper.markcomplete_mark .btn {
    background: #fff url(../images/mark-complite.svg) no-repeat;
    background-size: 16px;
    background-position: 15px; }
body .upload-btn-wrapper.imgteg .btn {
    background: none; }
body .upload-btn-wrapper .btn {
    width: 100%;
    height: 50px;
    background: #fff url(../images/upload.svg) no-repeat;
    background-position: 36px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px dashed #d4d4d4;
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; }
body .upload-btn-wrapper .btn.popup {
    background: #fff; }
body .upload-btn-wrapper .btn.popup input[type=file] {
    width: 100% !important;
    height: 50px !important; }
body .upload-btn-wrapper .btn img {
    vertical-align: middle; }
body .upload-btn-wrapper input[type=file] {
    width: 200px !important;
    height: 50px !important;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 150px; }
body .upload-btn-wrapper input[type=file]#file-upload {
    width: 100% !important; }
body .header-perant {
    width: 100%;
    float: left; }
body .header-perant .responsive-menu-btn {
    display: none; }
body .header-perant .responsive-logo {
    display: none; }
body .clear-both {
    clear: both; }
body .no-margin-left {
    margin-left: 0 !important; }
body .no-margin-right {
    margin-right: 0 !important; }
body .bg-c-yellow {
    background: -webkit-gradient(linear, left top, right top, from(#fe9365), to(#feb798)) !important;
    background: linear-gradient(to right, #fe9365, #feb798) !important; }
body .bg-c-green {
    background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3)) !important;
    background: linear-gradient(to right, #0ac282, #0df3a3) !important; }
body .bg-c-pink {
    background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d)) !important;
    background: linear-gradient(to right, #fe5d70, #fe909d) !important; }
body .bg-appointment {
    background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
    background: linear-gradient(to right, #01a9ac, #01dbdf) !important; }
body .bg-assing-call {
    background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3)) !important;
    background: linear-gradient(to right, #2089e6, #76c0f1) !important; }
body .bg-no-responce {
    background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3)) !important;
    background: linear-gradient(to right, #8a8b8c, #c9d6d4) !important; }
body .text-wrape-90per {
    float: left;
    width: 90% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
body .search-box {
    display: none; }
body .text-wrape-50 {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
    float: left; }
body .text-wrape-100 {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
    float: left; }
body .text-wrape-150 {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    white-space: nowrap;
    float: left; }
body .text-wrape-200 {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
    float: left; }
body input:read-only {
    background-color: #e9ecef !important;
    color: #7e7e7e !important; }
body select:disabled {
    background-color: #e9ecef !important;
    color: #7e7e7e !important; }
body textarea:read-only {
    background-color: #e9ecef !important;
    color: #7e7e7e !important; }
body .record-notfound {
    width: 100%;
    text-align: center; }
body .record-notfound img {
    width: 60px !important;
    margin: 0 !important; }
body .record-notfound .no-record-text {
    text-align: center !important;
    width: 100% !important;
    float: left !important;
    color: #8b8b8b !important;
    font-size: 14px !important;
    margin-top: 6px; }
body .action {
    width: 80px;
    float: right; }
body .action .edit-lead-detail {
    float: left; }
body .action .delete-lead-detail {
    float: right;
    margin-right: 15px; }
body .alert-box .alert-overlay {
    background: #000000;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10010;
    top: 0;
    right: 0;
    opacity: 0.4; }
body .alert-box .reminder-notification {
    z-index: 10010;
    min-height: 96px;
    width: 446px; }
body .alert-box .reminder-notification .icon {
    width: 22%;
    float: left;
    height: 100%;
    border-radius: 5px 0 0 5px;
    vertical-align: middle;
    text-align: center;
    display: flex;
    background: #f5f5f7; }
body .alert-box .reminder-notification .icon img {
    padding-left: 30px;
    width: 40px; }
body .alert-box .reminder-notification .text-dec {
    width: 50%;
    float: left;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
    margin-top: 0;
    margin: 0 20px;
    text-align: left; }
body .alert-box .reminder-notification .text-dec .parent {
    text-align: center;
    height: 96px; }
body .alert-box .reminder-notification .text-dec .parent .subparent {
    width: inherit;
    height: inherit;
    display: table-cell;
    vertical-align: middle; }
body .alert-box .reminder-notification .text-dec .parent .subparent .child {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #7d7d7d; }
body .alert-box .reminder-notification .ok-btn {
    background: #565aab;
    border: none;
    color: white;
    padding: 8px 22px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 32px; }
body .reminder-notification {
    width: 304px;
    height: 60px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    background-color: #ffffff;
    position: fixed;
    right: 12px;
    top: 100px;
    z-index: 1;
    animation: slideInRight .9s 0.0s both; }
body .reminder-notification#Document .icon img {
    width: 32px; }
body .reminder-notification#Document .add-call {
    border-radius: 4px;
    background-color: #5054a4;
    padding: 8px 18px;
    color: #ffffff;
    float: right;
    right: 12px;
    top: 15px;
    border: none;
    margin: 0 5px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
body .reminder-notification .icon {
    width: 20%;
    float: left;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: flex; }
body .reminder-notification .icon img {
    padding-left: 20px;
    width: 24px; }
body .reminder-notification .text-dec {
    width: 70%;
    float: left;
    font-family: "Roboto", sans-serif;
    height: 100%;
    vertical-align: middle;
    margin-top: 18px; }
body .reminder-notification .remove-icon {
    position: absolute;
    right: 18px;
    top: 18px;
    color: #5054a4; }
body .settings-panel {
    border-left: 1px solid #e9e8ef;
    display: block;
    position: fixed;
    top: 84px;
    right: -300px;
    bottom: 0;
    width: 300px;
    height: 100vh;
    min-height: 100%;
    background: #ffffff;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: right, box-shadow;
    -moz-transition-property: right, box-shadow;
    -o-transition-property: right, box-shadow;
    transition-property: right, box-shadow;
    z-index: 9999; }
body .settings-panel .close-setting-pannel {
    text-align: left;
    width: 90%;
    cursor: pointer;
    float: left;
    color: #6e72ca;
    padding: 8px 0;
    padding-left: 22px; }
body .settings-panel .full-view {
    width: 100%;
    border-bottom: 1px solid #5054a41c;
    border-top: 1px solid #5054a41c;
    float: left;
    padding: 9px 0; }
body .settings-panel .full-view span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-top: 8px;
    font-weight: 400;
    float: left;
    margin-left: 18px; }
body .settings-panel .full-view img {
    width: 36px;
    vertical-align: middle;
    margin-right: 18px;
    cursor: pointer; }
body .settings-panel .Color-picker {
    width: 90%;
    float: left;
    padding: 16px; }
body .settings-panel .Color-picker input[type="radio"] {
    display: none; }
body .settings-panel .Color-picker input[type="radio"]:checked + label span {
    transform: scale(1.25); }
body .settings-panel .Color-picker input[type="radio"]:checked + label .red {
    border: 2px solid #711313; }
body .settings-panel .Color-picker input[type="radio"]:checked + label .green {
    border: 2px solid #0e4e1d; }
body .settings-panel .Color-picker input[type="radio"]:checked + label .blue {
    border: 2px solid #26284e; }
body .settings-panel .Color-picker input[type="radio"]:checked + label .dark {
    border: 2px solid black; }
body .settings-panel .Color-picker label {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #ececf5; }
body .settings-panel .Color-picker label:hover span {
    transform: scale(1.25); }
body .settings-panel .Color-picker label span {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform .2s ease-in-out; }
body .settings-panel .Color-picker label span.red {
    background: #DB2828;
    width: 10px; }
body .settings-panel .Color-picker label span.green {
    background: #21BA45;
    width: 10px; }
body .settings-panel .Color-picker label span.blue {
    background: #5054a4;
    width: 10px; }
body .settings-panel .Color-picker label span.dark {
    background: #222d32;
    width: 10px; }
body .delete-overlay {
    position: fixed;
    background: #5054a452;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999; }
body .delete-overlay .delete-popup {
    position: fixed;
    width: 500px;
    top: 80px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 99;
    background: white;
    box-shadow: 0 4px 14px rgba(80, 84, 164, 0.56); }
body .delete-overlay .delete-popup .delete-block {
    position: relative; }
body .delete-overlay .delete-popup .delete-block.calender-block:before {
    content: "";
    display: none; }
body .delete-overlay .delete-popup .delete-block:before {
    content: "";
    height: 400px;
    width: 400px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: -96px;
    right: 0;
    z-index: -1;
    border-radius: 50%;
    background: #f1f1ff7a; }
body .delete-overlay .delete-popup .delete-block .remove-delete {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #bdbdff;
    font-weight: 400;
    cursor: pointer; }
body .delete-overlay .delete-popup .delete-block .delete-illustration {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
body .delete-overlay .delete-popup .delete-block .delete-illustration img {
    width: 120px;
    margin: 40px 0;
    margin-bottom: 0; }
body .delete-overlay .delete-popup .delete-block .delete-illustration svg {
    width: 140px;
    margin: 28px 0; }
body .delete-overlay .delete-popup .delete-block h1 {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #494949; }
body .delete-overlay .delete-popup .delete-block span {
    width: 100%;
    text-align: center;
    float: left;
    color: gray;
    font-family: "Roboto", sans-serif;
    margin: 1px 0px; }
body .delete-overlay .delete-popup .delete-block .button {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0; }
body .delete-overlay .delete-popup .delete-block .button .delete {
    background: #5054a4;
    color: white;
    border: none;
    width: 130px;
    font-size: 16px;
    height: 44px;
    border-radius: 8px;
    margin-right: 12px; }
body .delete-overlay .delete-popup .delete-block .button .cancel {
    background: #ffffff;
    color: #5054a4;
    border: none;
    width: 102px;
    font-size: 18px;
    height: 44px;
    border-radius: 8px;
    font-weight: 500;
    margin-right: 12px; }
body .support {
    position: fixed;
    right: 4%;
    bottom: 20%;
    display: block;
    z-index: 9; }
body .support .support-svg svg {
    width: 46px;
    height: 46px;
    position: fixed;
    -webkit-animation-name: bounceIn;
    background-position: center center;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    visibility: visible;
    background-color: #f5f5f7;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running; }
body .support .support-svg svg g path {
    fill: #5054a4; }
body .support .img {
    width: 40px;
    height: 40px;
    position: fixed;
    background-image: url(../images/support.svg);
    background-size: 40px;
    -webkit-animation-name: bounceIn;
    background-position: center center;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    visibility: visible;
    background-color: #f5f5f7;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running; }
body .support span {
    position: absolute;
    background: #5054a4f5;
    color: white;
    border-radius: 10px;
    right: -70px;
    padding: 3px 12px;
    font-family: "Roboto", sans-serif;
    bottom: -32px;
    font-size: 12px;
    opacity: 0;
    transition: .2s;
    z-index: -1; }
body .support:hover span {
    opacity: 1;
    right: 20px;
    transition: .5s; }
body .dashbord-block-header {
    border-radius: 5px 5px 0 0;
    background-color: #fafafa;
    padding: 0 30px;
    float: left;
    height: 46px;
    width: 88.5%; }
body .dashbord-block-header .dashbord-block-heading {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    padding: 0px 0;
    font-weight: 400;
    float: left;
    font-size: 14px;
    margin: 0;
    line-height: 46px;
    height: 46px; }
body .dashbord-block-header select {
    width: 142px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    text-indent: 10px;
    margin: 11px 0;
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .pie-chart {
    width: 85%;
    padding: 20px 40px;
    float: left; }
body .pie-chart.match-height {
    max-height: 242px;
    min-height: 242px;
    background: #fff; }
body .pie-chart .chart {
    width: 50%;
    float: left; }
body .pie-chart .lable {
    width: 44%;
    float: right; }
body .pie-chart .lable .chart-description-ul {
    margin-top: 20px;
    list-style-type: none; }
body .pie-chart .lable .chart-description-ul.nowrap-text {
    padding: 0;
    white-space: nowrap;
    font-size: 14px; }
body .pie-chart .lable .chart-description-ul.papper-collect {
    padding: 0;
    white-space: nowrap;
    margin: 0;
    height: 232px;
    overflow: auto; }
body .pie-chart .lable .chart-description-ul.papper-collect .line {
    text-indent: 0px; }
body .pie-chart .lable .chart-description-ul .line {
    text-indent: 20px;
    position: relative;
    margin: 15px 0; }
body .pie-chart .lable .chart-description-ul .line a {
    color: rgba(63, 72, 79, 0.5);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase; }
body .pie-chart .lable .chart-description-ul .line a b {
    color: #5054a4; }
body .pie-chart .lable .chart-description-ul .blue-dot:before {
    content: "";
    width: 18px;
    height: 10px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #50e3c2; }
body .pie-chart .lable .chart-description-ul .light-blue:before {
    content: "";
    width: 18px;
    height: 9px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #9b59b6; }
body .pie-chart .lable .chart-description-ul .orange-dot:before {
    content: "";
    width: 18px;
    height: 9px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #26b99a; }
body .pie-chart .lable .chart-description-ul .red-dot:before {
    content: "";
    width: 18px;
    height: 9px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #8463ff; }
body .pie-chart .lable .chart-description-ul .red-dots:before {
    content: "";
    width: 18px;
    height: 9px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #fe5f71; }
body .pie-chart .lable .chart-description-ul .green-dot:before {
    content: "";
    width: 18px;
    height: 9px;
    top: 3px;
    left: -10px;
    position: absolute;
    border-radius: 9px;
    background-color: #6384ff; }
body .d-box-section-full {
    width: 100%;
    float: left; }
body .d-box-section-full .d-box-section {
    width: 50%;
    float: left; }
body .d-box-section-full .d-box-section .d-hounderad-box.width-50.full-width {
    width: auto; }
body .d-box-section-full .d-box-section .d-three-box.d-four-box {
    width: 36%;
    margin: 0 2%;
    margin-bottom: 4%; }
body .d-box-section-full .d-box-section .d-hounderad-box.width-50 .min-height.scheam-total {
    max-height: 224px;
    min-height: 224px;
    background: #fff; }
body .d-box-section-full .d-box-section .d-hounderad-box.width-50 .min-height.scheam-total thead tr th {
    font-size: 12px; }
body .d-box-section-full .d-box-section .d-hounderad-box.width-50 .min-height.scheam-total tbody tr td {
    font-size: 14px; }
body .d-box-section {
    width: 100%;
    float: left;
    margin: 30px 0; }
body .d-box-section .d-three-box {
    width: 23.8%;
    background: white;
    padding: 40px;
    float: left;
    border-radius: 10px;
    margin: 0 15px;
    margin-bottom: 30px;
    position: relative; }
body .d-box-section .d-three-box .benifit-rank {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    width: 100%;
    border-top: 1px solid #e8eff9;
    left: 0;
    text-align: center;
    line-height: 30px; }
body .d-box-section .d-three-box.admin-dept {
    padding: 0;
    width: 31.4%;
    border-radius: 0; }
body .d-box-section .d-three-box.admin-dept:hover .icon img {
    width: 46%; }
body .d-box-section .d-three-box.admin-dept h1 {
    color: #5054a4;
    font-weight: 400;
    font-size: 26px;
    padding-top: 16px; }
body .d-box-section .d-three-box.admin-dept span {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 4px; }
body .d-box-section .d-three-box.admin-dept .text-block {
    width: 70%;
    float: right;
    text-indent: 20px; }
body .d-box-section .d-three-box.admin-dept .icon {
    position: relative;
    float: left;
    right: 0;
    width: 30%;
    height: 90px;
    opacity: 0.6;
    text-align: center;
    background: #5054a4;
    background: linear-gradient(to right, #5054a4, #6e72c9) !important; }
body .d-box-section .d-three-box.admin-dept .icon img {
    line-height: 102px;
    width: 46%;
    display: block;
    margin: 20px auto; }
body .d-box-section .d-three-box.d-five {
    width: 15.7%;
    padding: 16px;
    margin: 0 8px; }
body .d-box-section .d-three-box.d-five h1 {
    text-align: center;
    font-weight: 400; }
body .d-box-section .d-three-box.d-five span {
    text-align: center; }
body .d-box-section .d-three-box.d-four-box {
    width: 18.2%;
    margin: 0 8px;
    padding: 30px; }
body .d-box-section .d-three-box.d-four-box h1 {
    text-align: center;
    font-weight: 400; }
body .d-box-section .d-three-box.d-four-box span {
    text-align: center; }
body .d-box-section .d-three-box.margin-bottom-none {
    margin-bottom: 0; }
body .d-box-section .d-three-box:hover .icon {
    opacity: 0.8; }
body .d-box-section .d-three-box:hover .icon img {
    width: 65px;
    transition: .5s; }
body .d-box-section .d-three-box h1 {
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    text-align: left; }
body .d-box-section .d-three-box span {
    width: 100%;
    float: left;
    color: #ffffff;
    font-weight: 400;
    text-align: left;
    margin-top: 8px;
    font-size: 15px;
    font-family: "Roboto", sans-serif; }
body .d-box-section .d-three-box .icon {
    position: absolute;
    right: 44px;
    opacity: 0.6; }
body .d-box-section .d-three-box .icon img {
    width: 60px;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    visibility: visible;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running; }
body .d-fifty-box {
    width: 48.5%;
    float: left;
    background: white;
    margin: 0 15px;
    margin-bottom: 30px; }
body .d-fifty-box.bg-none {
    background: none; }
body .d-fifty-box .d-box-section-two {
    width: 100%;
    float: left; }
body .d-fifty-box .d-box-section-two .d-two-box {
    width: 38%;
    padding: 30px;
    float: left;
    border-left: 1px solid #f5f5f7;
    border-bottom: 1px solid #f5f5f7; }
body .d-fifty-box .d-box-section-two .d-two-box span {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #5054a4;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    text-align: center; }
body .d-fifty-box .d-box-section-two .d-two-box h1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    margin-top: 14px;
    font-weight: 400; }
body .d-hounderad-box {
    width: 100%;
    float: left; }
body .d-hounderad-box.margin-top {
    margin-top: 30px; }
body .d-hounderad-box.width-50 {
    width: 48.5%;
    margin: 0 15px; }
body .d-hounderad-box.width-50.full-width {
    width: 100%; }
body .d-hounderad-box.width-50.full-width.margin-top-30 {
    margin-top: 30px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table thead tr th {
    border: 1px solid #e8eff9; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table thead tr th.color-bg {
    background: #6e72c9;
    color: #fff; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td {
    text-align: center;
    border: 1px solid #e8eff9; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td.hover-td:hover {
    background: #5054a4;
    color: #fff; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td.hover-td:hover .hover-table {
    opacity: 1;
    bottom: 0;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table {
    position: fixed;
    width: 300px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #fafafa;
    bottom: -186px;
    opacity: 0;
    z-index: 99;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table .not-started-td {
    background: #fff0f2; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table .in-progress-td {
    background: #fff5f1; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table .complited-td {
    background: #deffde; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table .Tern-Around-COMPLETED {
    color: #75cc75; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .hover-table .OverDue-COMPLETED {
    color: #fc6073; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td.stages-scheam {
    text-align: left;
    line-height: 22px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td.stages-scheam span {
    float: right; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .complited-file {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 6px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    background-color: #75cc75;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 24px !important;
    text-align: center; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .complited-file:hover .tooltip {
    display: block;
    background: #75cc75;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    left: -42px;
    bottom: 28px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .complited-file .tooltip {
    position: absolute;
    bottom: 0;
    display: none; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .inprogress-file {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 6px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 24px !important;
    text-align: center;
    background-color: #fe986c; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .inprogress-file:hover .tooltip {
    display: block;
    background: #fe986c;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    left: -42px;
    bottom: 28px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .inprogress-file .tooltip {
    position: absolute;
    bottom: 0;
    display: none; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .notstarted-file {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 6px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 24px !important;
    text-align: center;
    background-color: #fd6073; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .notstarted-file:hover .tooltip {
    display: block;
    background: #fd6073;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    left: -42px;
    bottom: 28px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .notstarted-file .tooltip {
    position: absolute;
    bottom: 0;
    display: none; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .tren-around {
    color: #75cc75;
    font-size: 14px;
    margin-right: 10px;
    position: relative; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .tren-around img {
    width: 9px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .tren-around:hover .tooltip {
    display: block;
    background: #75cc75;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    left: -42px;
    bottom: 28px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .tren-around .tooltip {
    position: absolute;
    bottom: 0;
    display: none; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .not-tren-around {
    color: #fd6073;
    font-size: 14px;
    margin-right: 10px;
    position: relative; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .not-tren-around img {
    width: 9px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .not-tren-around:hover .tooltip {
    display: block;
    background: #fd6074;
    color: #fff;
    font-size: 10px;
    padding: 0 10px;
    left: -42px;
    bottom: 28px; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tbody tr td .not-tren-around .tooltip {
    position: absolute;
    bottom: 0;
    display: none; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot {
    background: #fff; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td {
    font-size: 14px;
    padding: 10px 20px;
    border: 1px solid #e8eff9;
    text-align: center; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.not-started-td {
    background: #fff0f2; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.in-progress-td {
    background: #fff5f1; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.complited-td {
    background: #deffde; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.Tern-Around-COMPLETED {
    color: #75cc75; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.OverDue-COMPLETED {
    color: #fc6073; }
body .d-hounderad-box.width-50.full-width .emp-stagewise .table-responsive table tfoot tr td.text-right {
    text-align: right; }
body .d-hounderad-box.width-50.full-width .table-responsive table tbody tr td {
    text-align: center; }
body .d-hounderad-box.width-50.full-width .pie-chart {
    background: #fff;
    width: -webkit-fill-available; }
body .d-hounderad-box.width-50 .table-responsive table thead tr th {
    font-size: 11px;
    padding: 12px 8px;
    text-align: center; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td {
    font-size: 12px;
    white-space: nowrap;
    padding: 8px 4px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label {
    width: 80px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.appointment {
    width: 100px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.call {
    width: 100px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.width-100 {
    width: 100px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.line-done {
    background-color: #e4ffe5;
    color: #4caf50 !important;
    border: 1px solid;
    border-radius: 2px;
    width: 99px;
    float: left;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.line-not-done {
    background-color: #ffedec;
    color: #e7563c !important;
    border: 1px solid;
    border-radius: 2px;
    width: 99px;
    float: left;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td label.shedule-line {
    background-color: #e4fff9;
    color: #50e3c2 !important;
    border: 1px solid;
    border-radius: 2px;
    width: 99px;
    float: left;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td .ack {
    background: #e6ffe6 url(../images/n-check.svg) no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-size: 12px;
    display: inline-block;
    position: relative;
    padding: 0;
    border-radius: 4px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td .not-ack {
    background: #ffcfce url(../images/ban.svg) no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    margin-right: 0;
    background-size: 12px;
    display: inline-block;
    position: relative;
    padding: 0;
    border-radius: 4px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td .wc-class {
    background: #ebffec;
    color: #4caf4f;
    padding: 6px 6px;
    border-radius: 0;
    margin-left: 6px;
    margin-top: 6px; }
body .d-hounderad-box.width-50 .table-responsive table tbody tr td .wc-class img {
    margin: 0; }
body .d-hounderad-box.width-50 .dashbord-block-header {
    padding: 0;
    width: 100%;
    text-indent: 30px;
    height: 46px; }
body .d-hounderad-box.width-50 .dashbord-block-header .filter-select select {
    margin: 7px 16px;
    height: 34px; }
body .d-hounderad-box.width-50 .dashbord-block-header .dashbord-block-heading {
    font-size: 14px;
    margin: 0;
    line-height: 46px;
    height: 46px; }
body .d-hounderad-box.width-50 .dashbord-block-header .dashbord-block-heading ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-indent: 0; }
body .d-hounderad-box.width-50 .dashbord-block-header .dashbord-block-heading ul li {
    display: inline-block;
    text-align: center;
    text-indent: 0;
    padding-right: 18px;
    line-height: 47px;
    height: 44px; }
body .d-hounderad-box.width-50 .dashbord-block-header select {
    margin-right: 16px; }
body .d-hounderad-box.width-50 .min-height {
    max-height: 300px;
    min-height: 300px;
    background: #fff; }
body .d-hounderad-box.width-50 .min-258 {
    height: 258px;
    min-height: 258px;
    max-height: 258px;
    overflow: auto;
    background: #fff;
    display: table;
    text-align: center; }
body .d-hounderad-box.width-50 .min-258 img {
    width: 80px; }
body .d-hounderad-box.width-50 .min-258 h1 {
    width: 100%;
    float: left;
    color: #426372;
    font-weight: 500;
    margin-top: 15px;
    font-size: 16px; }
body .d-hounderad-box .dashbord-block-header {
    width: 94.2%; }
body .d-hounderad-box .dashbord-block-header.table-tebs-block {
    height: 50px;
    padding: 0;
    width: 100%;
    border-bottom: 2px solid #fafafa; }
body .d-hounderad-box .tabs, body .d-hounderad-box .tabs1, body .d-hounderad-box .tabs2 {
    padding: 0;
    margin: 0; }
body .d-hounderad-box .tabs li, body .d-hounderad-box .tabs1 li, body .d-hounderad-box .tabs2 li {
    display: inline-block;
    list-style: none;
    line-height: 50px;
    padding: 0 16px;
    opacity: 0.4;
    font-weight: 500;
    cursor: pointer; }
body .d-hounderad-box .tabs li.current, body .d-hounderad-box .tabs1 li.current, body .d-hounderad-box .tabs2 li.current {
    opacity: 1;
    color: #5054a4;
    border-bottom: 2px solid; }
body .d-hounderad-box .tabs li a, body .d-hounderad-box .tabs1 li a, body .d-hounderad-box .tabs2 li a {
    font-family: "Roboto", sans-serif; }
body .d-hounderad-box .tabs li a .complited, body .d-hounderad-box .tabs1 li a .complited, body .d-hounderad-box .tabs2 li a .complited {
    background: #daf6da;
    color: #4CAF50;
    font-weight: 100;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 5px;
    padding: 4px 6px;
    border: 1px solid #4CAF50; }
body .d-hounderad-box .tabs li a .cancel, body .d-hounderad-box .tabs1 li a .cancel, body .d-hounderad-box .tabs2 li a .cancel {
    background: #ffe6e4;
    color: #F44336;
    font-weight: 100;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 5px;
    padding: 4px 6px;
    border: 1px solid #F44336; }
body .d-hounderad-box .tabs li a .on-hold, body .d-hounderad-box .tabs1 li a .on-hold, body .d-hounderad-box .tabs2 li a .on-hold {
    background: #fff0d9;
    color: #FF9800;
    font-weight: 100;
    font-size: 12px;
    border-radius: 5px;
    margin-left: 10px;
    padding: 4px 6px;
    border: 1px solid #FF9800; }
body .d-hounderad-box .tabs li a .activefile, body .d-hounderad-box .tabs1 li a .activefile, body .d-hounderad-box .tabs2 li a .activefile {
    background: #e6f7ff;
    color: #03A9F4;
    font-weight: 100;
    font-size: 12px;
    border-radius: 5px;
    margin-left: 10px;
    padding: 4px 6px;
    border: 1px solid #2196F3; }
body .d-hounderad-box .tab-content {
    display: none; }
body .d-hounderad-box .tab-content.current {
    display: block; }
body .d-hounderad-box .tab-content1 {
    display: none; }
body .d-hounderad-box .tab-content1.current {
    display: block; }
body .d-hounderad-box .tab-content2 {
    display: none; }
body .d-hounderad-box .tab-content2.current {
    display: block; }
body .d-hounderad-box .table-responsive {
    width: 100%;
    overflow: auto;
    position: relative;
    margin-top: 0px;
    float: left; }
body .d-hounderad-box .table-responsive table {
    width: 100%;
    float: left;
    background: white;
    border-radius: 6px 0;
    border: 1px solid rgba(89, 89, 89, 0.1);
    margin-bottom: 0px;
    border-spacing: 0;
    border-collapse: collapse; }
body .d-hounderad-box .table-responsive table thead {
    border-bottom: 1px solid #e1e1e5; }
body .d-hounderad-box .table-responsive table thead tr th {
    opacity: 0.6;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    padding: 22px 14px; }
body .d-hounderad-box .table-responsive table tbody tr {
    border-bottom: 1px solid #f8f8f8; }
body .d-hounderad-box .table-responsive table tbody tr:hover {
    background-color: #f8f8fb;
    border-left: 3px solid #5054a4;
    cursor: pointer; }
body .d-hounderad-box .table-responsive table tbody tr:hover td {
    color: #5054a4; }
body .d-hounderad-box .table-responsive table tbody tr td {
    font-family: "Roboto", sans-serif;
    color: #001737;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    padding: 13px 14px; }
body .d-hounderad-box .table-responsive table tbody tr td label {
    border-radius: 2px;
    color: #ffffff;
    width: 99px;
    float: left;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .d-hounderad-box .table-responsive table tbody tr td label.out {
    background: #5054a4;
    width: auto;
    padding: 8px 15px; }
body .d-hounderad-box .table-responsive table tbody tr td label.active {
    background: #4CAF50;
    border-radius: 5px; }
body .d-hounderad-box .table-responsive table tbody tr td label.diactive {
    background: #F44336;
    border-radius: 5px; }
body .d-hounderad-box .table-responsive table tbody tr td label.appointment {
    background-color: #50e3c2;
    color: white !important; }
body .d-hounderad-box .table-responsive table tbody tr td label.wrong {
    background-color: #ff8322;
    color: white !important; }
body .d-hounderad-box .table-responsive table tbody tr td label.no-reponse {
    background-color: rgba(80, 76, 119, 0.41);
    color: white !important; }
body .d-hounderad-box .table-responsive table tbody tr td label.call {
    background-color: #5054a4;
    color: white !important; }
body .d-hounderad-box .table-responsive table tbody tr td label.not-intrested {
    background-color: #f74c48;
    color: white !important; }
body .d-hounderad-box .table-responsive table tbody tr td label.reschedule {
    background-color: #2089e6;
    color: white !important; }
body .d-hounderad-box .table-responsive table tfoot {
    bottom: 0;
    right: 0;
    height: 50px;
    background-color: #ebeef2; }
body .d-hounderad-box .table-responsive table tfoot tr td .showing-entries {
    float: right;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    margin: 10px 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px; }
body .d-hounderad-box .table-responsive table tfoot tr td .selection {
    position: relative;
    float: left;
    margin: 10px 20px;
    background: white; }
body .d-hounderad-box .table-responsive table tfoot tr td .selection select {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-indent: 8px;
    width: 69px;
    height: 32px;
    border-radius: 1px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    z-index: 1; }
body .d-hounderad-box .table-responsive table tfoot tr td .selection span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    position: absolute;
    right: 8px;
    z-index: -1;
    top: 9px;
    bottom: 0;
    vertical-align: middle; }
body .d-hounderad-box .table-responsive table tfoot tr td .pagination {
    float: left;
    margin-left: 20px;
    margin: 10px 0; }
body .d-hounderad-box .table-responsive table tfoot tr td .pagination input {
    width: 35px;
    height: 32px;
    border-radius: 1px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer; }
body .d-hounderad-box .table-responsive table tfoot tr td .pagination input.prev-btn {
    background: #fff url(../images/prev-btn.svg) no-repeat;
    background-position: center;
    font-size: 0 !important;
    vertical-align: middle; }
body .d-hounderad-box .table-responsive table tfoot tr td .pagination input.next-btn {
    background: #fff url(../images/prev-btn.svg) no-repeat;
    background-position: center;
    transform: rotate(180deg);
    font-size: 0 !important;
    vertical-align: middle; }
body .showing-entries {
    float: right;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    margin: 0;
    font-size: 12px;
    font-weight: 100;
    line-height: 32px; }
body .login-error {
    background: #eb3137;
    font-size: 14px;
    padding: 6px;
    color: #fff;
    margin-top: 80px;
    margin-bottom: 15px;
    border-radius: 3px;
    float: left;
    width: 100%;
    font-family: "Roboto", sans-serif; }
body .error-msg {
    color: #ff0000;
    font-size: 12px !important;
    font-weight: 100;
    padding: 2px 14px;
    position: absolute;
    background: #ffd9d8;
    bottom: -22px;
    margin: 0;
    font-family: "Roboto", sans-serif; }
body .Toaster {
    position: fixed;
    top: 94px;
    min-width: 100px;
    right: 12px;
    width: 316px;
    display: block;
    border-left: 3px solid #fd7686;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 10px 2px rgba(80, 84, 164, 0.12);
    z-index: 9999999999; }
body .Toaster.sucess {
    border-left: 3px solid #23cc91; }
body .Toaster.error .Toaster-messageContainer .remove-toster {
    position: absolute;
    right: -5px;
    top: 30%;
    font-size: 24px;
    color: #fe4a60; }
body .Toaster.error .Toaster-message strong {
    color: #fd576b;
    font-size: 16px; }
body .Toaster.sucess .Toaster-message strong {
    color: #1ec98e;
    font-size: 16px;
    text-transform: uppercase; }
body .Toaster.sucess .Toaster-messageContainer .remove-toster {
    position: absolute;
    right: -5px;
    top: 30%;
    font-size: 24px;
    color: #2ccf96; }
body .Toaster-iconContainer {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 100%; }
body .Toaster-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%; }
body .Toaster-icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    animation: vibrate 0.82s linear infinite; }
body .Toaster-icon.Toaster-icon--success {
    background: linear-gradient(to right, #0ac282, #99f9d8); }
body .Toaster-icon.Toaster-icon--error {
    background: linear-gradient(to right, #ff2943, #fbb5bd); }
body .Toaster-icon.Toaster-icon--info {
    background: #9ac7d1; }
body .Toaster-messageContainer {
    position: relative;
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    width: 226px; }
body .Toaster-messageContainer .remove-toster {
    position: absolute;
    right: 16px;
    top: 30%;
    font-size: 24px;
    color: #5054a4ad; }
body .Toaster-message {
    position: absolute;
    font-size: 14px;
    width: 178px;
    top: 50%;
    font-family: "Roboto", sans-serif;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600; }
body .reshedule-block {
    background: #f1f1f1;
    color: #9fa09f !important;
    padding: 9px 16px;
    border-radius: 5px;
    margin-top: 15px !important;
    width: 91%; }
body .reshedule-block img {
    margin: 0 !important; }
body .reshedule-block span {
    margin-bottom: 10px !important; }
body .search-perant {
    position: relative;
    float: left;
    width: 42%; }
body .search-perant .v1-search-bg {
    position: absolute;
    width: 156%;
    left: 0;
    padding: 0 10px;
    top: 62px;
    background: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.11); }
body .search-perant .v1-search-bg ul {
    padding: 0 12px;
    height: auto;
    max-height: 300px;
    overflow: auto;
    margin-bottom: 0; }
body .search-perant .v1-search-bg ul::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 8px; }
body .search-perant .v1-search-bg ul ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b9b9b9; }
body .search-perant .v1-search-bg ul .row {
    margin-right: 0;
    margin-left: 0; }
body .search-perant .v1-search-bg ul .row .col-md-3 {
    width: 25%;
    float: left;
    color: #c3c8cd;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600; }
body .search-perant .v1-search-bg ul .row .col-md-3:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 16%; }
body .search-perant .v1-search-bg ul .row .col-md-2 {
    width: 16.66666667%;
    float: left;
    color: #c3c8cd;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600; }
body .search-perant .v1-search-bg ul .row .col-md-4 {
    width: 35%;
    float: left;
    color: #c3c8cd;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600; }
body .search-perant .v1-search-bg ul .row .col-md-1 {
    width: 15%;
    float: right;
    color: #c3c8cd;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600; }
body .search-perant .v1-search-bg ul .row img {
    margin-right: 15px; }
body .search-perant .v1-search-bg ul .hr-search {
    width: 99.7%;
    float: left;
    margin: 12px auto;
    color: #ffffff;
    border-color: white;
    border: 1px solid #f5f5f7;
    background: #f5f5f7; }
body .lead-customer {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
    float: left;
    line-height: 66px; }
body .lead-customer a {
    padding: 7px 10px;
    position: relative;
    display: inline-block; }
body .lead-customer a label {
    color: #bfbfbf;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    font-weight: 100;
    line-height: 12px;
    text-transform: uppercase; }
body .lead-customer a label input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position: relative;
    display: none;
    outline: none; }
body .lead-customer a label input[type="radio"]:checked + span {
    opacity: 1;
    color: #001737 !important;
    font-weight: 500; }
body .toaster-msg {
    position: fixed;
    right: -100%;
    top: 15%;
    font-family: "Roboto", sans-serif;
    z-index: 2;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s; }
body .toaster-msg .toast__container {
    display: table-cell;
    vertical-align: middle; }
body .toaster-msg .toast__cell {
    display: inline-block; }
body .toaster-msg .add-margin {
    margin-top: 20px; }
body .toaster-msg .toast__svg {
    fill: #fff; }
body .toaster-msg .toast {
    text-align: left;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    max-width: 500px;
    top: 0px;
    position: relative;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2); }
body .toaster-msg .toast:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
body .toaster-msg .toast__icon {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
    line-height: normal; }
body .toaster-msg .toast__type {
    color: #3e3e3e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px;
    height: auto;
    line-height: normal; }
body .toaster-msg .toast__message {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: #878787;
    height: auto;
    line-height: normal; }
body .toaster-msg .toast__content {
    padding-left: 70px;
    padding-right: 60px; }
body .toaster-msg .toast__close {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 14px;
    cursor: pointer;
    height: 14px;
    fill: #878787;
    transform: translateY(-50%);
    line-height: normal; }
body .toaster-msg .toast--green .toast__icon {
    background-color: #2BDE3F; }
body .toaster-msg .toast--green:before {
    background-color: #2BDE3F; }
body .toaster-msg .toast--blue .toast__icon {
    background-color: #1D72F3; }
body .toaster-msg .toast--blue:before {
    background-color: #1D72F3; }
body .toaster-msg .toast--yellow .toast__icon {
    background-color: #FFC007; }
body .toaster-msg .toast--yellow:before {
    background-color: #FFC007; }
body label.active {
    background: #4CAF50;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.diactive {
    background: #F44336;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.appointment {
    background-color: #50e3c2;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.wrong {
    background-color: #ff8322;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.no-reponse {
    background-color: rgba(80, 76, 119, 0.41);
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.call {
    background-color: #5054a4;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.not-intrested {
    background-color: #f74c48;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.reschedule {
    background-color: #2089e6;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body label.in-followup {
    background-color: #5054a4;
    opacity: 1 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 99px;
    float: left;
    font-family: Nunito !important;
    padding: 6px 0px;
    font-size: 10px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
    line-height: 10px;
    text-transform: uppercase; }
body a {
    text-decoration: none; }
body input {
    outline: none; }
body input :disabled {
    opacity: 0.6; }
body input:focus {
    border: 1px solid #5054a4 !important; }
body textarea {
    outline: none; }
body textarea:focus {
    border: 1px solid #5054a4 !important; }
body select {
    outline: none; }
body select:focus {
    border: 1px solid #5054a4 !important; }
body .pull-left {
    float: left !important; }
body .pull-right {
    float: right !important; }
body .edit-icon {
    background: url(../images/edit.svg) no-repeat;
    background-position: center center;
    width: 20px;
    height: 18px;
    display: inline-block; }
body .edit-link {
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-top: 10px; }
body .edit-btn {
    background: #5054a4;
    color: #f6f7f8;
    font-family: "Roboto", sans-serif;
    padding: 6px 12px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 30px; }
body .edit-btn img {
    vertical-align: middle;
    width: 12px;
    margin-top: -4px;
    margin-right: 6px; }
body .link-btn {
    background: #e3f1fd url(../images/link.svg) no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-size: 14px;
    display: inline-block;
    position: relative;
    border-radius: 4px; }
body .link-btn:hover:before {
    content: "View Service";
    background: #49b0f3;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -44px;
    transition: .2s;
    opacity: 1; }
body .edit-lead-detail {
    background: #eaebff url(../images/pen.svg) no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-size: 12px;
    display: inline-block;
    position: relative;
    border-radius: 4px; }
body .edit-lead-detail:hover:before {
    content: "Edit";
    background: #5054a4;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -18px;
    transition: .2s;
    opacity: 1; }
body .view-detail {
    background: url(../images/eye.svg) no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    background-size: 16px;
    display: inline-block;
    position: relative; }
body .view-detail:hover:before {
    content: "View";
    background: #5054a4;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -18px;
    transition: .2s;
    opacity: 1; }
body .documenticon {
    background: url(../images/docicon.svg) no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .documenticon:hover:before {
    content: "Document";
    background: #5054a4;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -36px;
    transition: .2s;
    opacity: 1; }
body .popupdoclist {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin-top: 20px; }
body .popupdoclist li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 14px;
    border-bottom: 1px solid #f1f1f1; }
body .popupdoclist li input[type="checkbox"] {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    float: left;
    margin-right: 12px; }
body .popupdoclist li label {
    display: inline-block;
    width: auto !important; }
body .popupdoclist li label.text-wrape-90per {
    float: left;
    width: 90% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
body .view-icon {
    background: #e8eff9 url(../images/view-icon.svg) no-repeat;
    margin-right: 15px;
    background-position: center center;
    width: 30px;
    height: 30px;
    background-size: 14px;
    position: relative;
    border-radius: 5px;
    display: inline-block; }
body .view-icon:hover:before {
    content: "View";
    background: #5054a4;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -18px;
    transition: .2s;
    opacity: 1; }
body .inward-icon {
    background: url(../images/inward.svg) no-repeat;
    background-position: center center;
    background-position: center center;
    width: 14px !important;
    background-size: 14px;
    margin-right: 15px;
    height: 14px;
    display: inline-block;
    position: relative; }
body .inward-icon:hover:before {
    content: "Inward";
    background: #f74c48;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -26px;
    transition: .2s;
    opacity: 1; }
body .delete-lead-detail {
    background: #ffedec url(../images/trash.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    background-size: 14px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    position: relative; }
body .delete-customer-scheme{
    background: #ffedec url(../images/trash.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    background-size: 14px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    position: relative; }
body .delete-lead-detail:hover:before {
    content: "Delete";
    background: #f74c48;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -26px;
    transition: .2s;
    opacity: 1; }
body .more-info {
    background: #ebecff url(../images/collapse-icon.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    border-radius: 4px;
    height: 30px;
    vertical-align: middle;
    margin-right: 20px;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .delete-lead-detail1 {
    background: #ffedec url(../images/trash.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    background-size: 14px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    position: relative; }
body .delete-lead-detail1:hover:before {
    content: "Delete";
    background: #f74c48;
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    right: -26px;
    transition: .2s;
    opacity: 1; }
body .delete-lead-detail-inner {
    background: #ffedec url(../images/trash.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    background-size: 14px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    position: relative; }
body select {
    outline: none; }
body .custome-container {
    width: 1060px;
    margin: 0 auto; }
body .custome-container.full-container {
    width: 97%; }
body .custome-container .bg-title {
    background: #fff;
    width: 99.9%;
    float: left;
    padding: 16px 0;
    text-indent: 28px;
    margin-top: 20px;
    border: 1px solid #e7eaed;
    border-bottom: 0; }
body .custome-container .bg-title.report-main-title .breadcurmes {
    font-weight: 100; }
body .custome-container .bg-title.report-main-title .breadcurmes img {
    vertical-align: top;
    width: 24px;
    margin-right: 6px; }
body .custome-container .bg-form {
    padding: 1.875rem 1.875rem;
    background: #fff;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e7eaed;
    border-radius: 0;
    float: left;
    width: -webkit-fill-available; }
body .custome-container .bg-form.report-bg {
    padding: 0;
    position: relative;
    float: left;
    min-height: 80vh; }
body .custome-container .bg-form.report-bg .report-menu {
    padding: 0;
    position: absolute;
    left: 0;
    width: 250px;
    overflow: auto;
    height: 100%;
    background: #f6f7f8; }
body .custome-container .bg-form.report-bg .report-menu .heading-report {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 12px 0;
    background: #5054a4;
    color: #fff; }
body .custome-container .bg-form.report-bg .report-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    float: left; }
body .custome-container .bg-form.report-bg .report-menu ul li a {
    width: 100%;
    float: left;
    text-indent: 20px;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid #e8eff9;
    cursor: pointer; }
body .custome-container .bg-form.report-bg .report-menu ul li a.active {
    background: #8bc34a;
    color: #fff; }
body .custome-container .bg-form.report-bg .report-menu ul li a.active:hover {
    background: #F44336;
    color: #fff;
    font-weight: 400; }
body .custome-container .bg-form.report-bg .report-menu ul li a:hover {
    background: #ecedff;
    color: #5054a4;
    font-weight: 500; }
body .custome-container .bg-form.report-bg .report-wrapper {
    width: 100%;
    float: left; }
body .custome-container .bg-form.report-bg .report-wrapper .report-filter-box {
    width: calc(100% - 250px);
    height: 100%;
    padding-top: 0px;
    float: right; }
body .custome-container .bg-form.report-bg .report-wrapper .report-filter-box .report-box-heading {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    background: #f6f7f8;
    text-indent: 20px;
    padding: 11px 0;
    color: #5054a4;
    border-bottom: 1px solid #e7eaed; }
body .custome-container .bg-form.report-bg .report-wrapper .report-filter-box .form-box {
    padding: 2%;
    display: block;
    width: 96%;
    float: left; }
body .custome-container .bg-form.report-bg .report-wrapper .report-filter-box .form-box .full-width {
    width: 100%;
    float: left; }
body .custome-container .bg-form.report-bg .report-wrapper .report-filter-box .form-box .form-group.three-group {
    width: 33.33%; }
body .custome-container .bg-form form {
    margin-top: 0; }
body .custome-container .bg-form form .form-devider {
    width: 49%;
    float: left; }
body .custome-container .bg-form form .form-devider.width-25 {
    width: 34%; }
body .custome-container .bg-form form .form-devider.width-75 {
    width: 65%; }
body .custome-container .bg-form form .form-devider.border-right {
    border-right: 1px solid #e8eff9; }
body .custome-container .bg-form form .form-devider .documet-list {
    position: relative;
    height: 558px;
    width: 92%;
    padding: 20px;
    background: #f6f8fa;
    border: 1px solid #f5f5f7;
    float: left;
    border-radius: 8px; }
body .custome-container .bg-form form .form-devider .documet-list .tebs {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e7eaed; }
body .custome-container .bg-form form .form-devider .documet-list .tebs ul {
    margin: 0;
    padding: 0; }
body .custome-container .bg-form form .form-devider .documet-list .tebs ul li {
    display: inline-block;
    width: auto;
    margin-right: 20px; }
body .custome-container .bg-form form .form-devider .documet-list .tebs ul li.current a {
    color: #5054a4;
    opacity: 1;
    font-weight: 400; }
body .custome-container .bg-form form .form-devider .documet-list .tab-content {
    display: none; }
body .custome-container .bg-form form .form-devider .documet-list .tab-content.current {
    display: block;
    width: 100%;
    float: left; }
body .custome-container .bg-form form .form-devider .documet-list .empty-document {
    width: 200px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    overflow: auto;
    right: 0;
    top: 26%;
    text-align: center; }
body .custome-container .bg-form form .form-devider .documet-list .empty-document img {
    width: 80%;
    margin-bottom: 20px; }
body .custome-container .bg-form form .form-devider .documet-list .empty-document span {
    color: #8b8b8b;
    font-size: 18px;
    letter-spacing: 3px; }
body .custome-container .bg-form form .form-devider .documet-list .title {
    font-size: 14px; }
body .custome-container .bg-form form .form-devider .documet-list ul {
    list-style: none;
    padding-left: 20px;
    margin: 20px 0; }
body .custome-container .bg-form form .form-devider .documet-list ul.otherscheme li lable {
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 10px 0;
    color: #9e9e9e; }
body .custome-container .bg-form form .form-devider .documet-list ul li {
    width: 100%;
    list-style: none; }
body .custome-container .bg-form form .form-devider .documet-list ul li a {
    opacity: 0.4;
    font-family: "Roboto", sans-serif;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4rem;
    position: relative;
    vertical-align: top;
    margin-bottom: .5rem; }
body .custome-container .bg-form form .form-devider .documet-list ul li a .inward-icon-doc {
    left: -20px; }
body .custome-container .bg-form form .form-devider .documet-list ul li .document-heading {
    float: left;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
    margin-bottom: 16px; }
body .custome-container .bg-form form .form-devider .documet-list ul li.doc-list-form {
    float: left;
    width: 100%; }
body .custome-container .bg-form form .form-devider .documet-list ul li.doc-list-form input {
    width: auto;
    float: left;
    margin-top: 12px;
    line-height: 34px;
    margin-right: 16px;
    height: auto;
    vertical-align: middle; }
body .custome-container .bg-form form .form-devider .documet-list ul li.doc-list-form label {
    float: left;
    color: #838383;
    font-size: 14px;
    line-height: 34px; }
body .text-overflow-150 {
    white-space: nowrap;
    width: 100px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis; }
body .wrapper {
    display: block;
    height: calc(100% - 2px);
    padding-top: 70px;
    width: 100%;
    float: left;
    padding-bottom: 50px; }
body .wrapper.client-page {
    position: relative;
    z-index: 2;
    padding-top: 0;
    margin-top: 70px; }
body .wrapper.client-page .wizard-form .form-section-wizard .wizard-header.active {
    background: #506573;
    background: linear-gradient(to right, #445c6c, #a0a0a0) !important; }
body .wrapper.client-page .body-box.clint-box {
    padding-top: 0; }
body .multi-field {
    margin-bottom: 24px;
    position: relative; }
body .remove-field {
    background: none;
    border: none;
    vertical-align: middle;
    outline: none;
    position: absolute;
    right: 2px;
    top: 55%; }
body .remove-field.scheme {
    right: -16px;
    top: 32%; }
body .remove-field.industry {
    right: 2px; }
body .remove-field img {
    width: 16px; }
body .add-field {
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
    float: left;
    width: 100%;
    margin: 10px 0;
    display: block;
    outline: none; }
body .add-field3 {
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    float: left;
    background: none;
    border: none;
    margin-top: 10px;
    display: block;
    margin-bottom: 0;
    outline: none; }
body .index-block {
    float: left;
    width: 100%;
    margin-bottom: 40px; }
body .index-block.user-type a {
    padding: 40px 10px; }
body .index-block h3 {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    position: sticky;
    top: 80px;
    width: 100%;
    padding: 0;
    font-weight: 400;
    text-indent: 8px;
    margin-bottom: 5px;
    margin-top: 20px;
    background: linear-gradient(to right, #5054a4, #878bda) !important;
    float: left; }
body .index-block h3 .master-icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    background: #787cca;
    border-radius: 50%;
    margin: 5px; }
body .index-block h3 .master-icon img {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 18px;
    position: relative;
    margin-top: 11px; }
body .index-block a {
    width: 29.33%;
    margin: 15px 15px;
    float: left;
    background: white;
    display: unset;
    border: 1px solid transparent;
    background: white;
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #5054a4;
    padding: 20px 10px; }
body .index-block a span {
    font-size: 26px; }
body .index-block a h5 {
    font-size: 16px;
    margin: 12px 0;
    font-weight: 100; }
body .index-block a:hover {
    border: 1px solid;
    border-radius: 10px;
    transition: all ease-in-out .3s; }
body .login-left {
    width: 50%;
    float: left;
    position: relative;
    height: 100vh;
    background: #5255a3; }
body .login-illustration {
    width: 50%;
    float: right;
    height: 100vh;
    background: #caebfc;
    position: relative; }
body .login-illustration img {
    width: 96%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -36px; }
body .container-tbl {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    display: table; }
body .container-tbl .login-form {
    width: 100%;
    height: 100%;
    margin: auto;
    display: table-cell;
    vertical-align: middle; }
body .container-tbl .login-form .login-content {
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    color: white; }
body .container-tbl .login-form .login-content img {
    -webkit-animation: animateHeart 2.5s infinite;
    -moz-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite; }
@-webkit-keyframes animateHeart {
    0% {
        transform: scale(1); }
    5% {
        transform: scale(1.2); }
    10% {
        transform: scale(1.1); }
    15% {
        transform: scale(1.25); }
    50% {
        transform: scale(1); }
    100% {
        transform: scale(1); } }
body .container-tbl .login-form .contect-content {
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    float: left;
    width: 100%;
    margin-top: 20px; }
body .container-tbl .login-form .contect-content a {
    margin: 0 8px;
    color: #fff; }
body .container-tbl .login-form .contect-content a img {
    margin-right: 6px;
    height: 18px;
    vertical-align: middle; }
body .container-tbl .login-form .panel-heading {
    text-align: center;
    padding: 0 60px; }
body .container-tbl .login-form .panel-heading img {
    width: 70%; }
body .container-tbl .login-form .panel-body {
    padding: 50px 60px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 30px; }
body .container-tbl .login-form .panel-body h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-align: center;
    width: 100%;
    font-weight: 100;
    float: left;
    margin: 0; }
body .container-tbl .login-form .panel-body input {
    height: 45px;
    border: 1px solid #ddd !important;
    text-indent: 20px;
    width: 100%;
    margin-top: 20px;
    text-indent: 46px;
    font-size: 16px; }
body .container-tbl .login-form .panel-body .login-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    padding: 16px 0;
    background-color: #5255a3;
    border: none;
    margin-top: 30px;
    color: #fff;
    width: 100%;
    font-size: 14px;
    height: auto; }
body .container-tbl .login-form .panel-login {
    width: 500px;
    margin: auto;
    background: transparent;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0); }
body .header {
    position: fixed;
    z-index: 10;
    width: calc(100% - 200px);
    margin-left: 200px;
    height: 80px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 5px; }
body .header.client-page {
    height: 200px;
    position: absolute;
    z-index: 0;
    background: linear-gradient(to right, #5054a4, #878bda) !important; }
body .header .search {
    float: left;
    position: relative;
    margin: 18px 0px;
    margin-left: 0px; }
body .header .search:after {
    content: "";
    background: url(../images/search.svg) no-repeat;
    background-position: center center;
    width: 16px;
    top: 32%;
    height: 16px;
    left: 20px;
    position: absolute;
    display: inline-block; }
body .header .search input {
    width: 430px;
    height: 40px;
    text-indent: 50px;
    border-radius: 20px;
    border: 1px solid rgba(148, 148, 148, 0.55);
    background-color: #f9fbff; }
body .header .search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500; }
body .header .search input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500; }
body .header .search input::-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500; }
body .header .search input::-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500; }
body .header .right-header {
    float: right;
    margin-right: 0px;
    position: relative; }
body .header .right-header .responsive-search {
    display: none; }
body .header .right-header .logout {
    margin-left: 12px; }
body .header .right-header .logout img {
    vertical-align: middle;
    width: 20px; }
body .header .right-header .notification {
    margin: 32px 0;
    float: right;
    position: relative; }
body .header .right-header .notification a {
    /*                    img {
                            float: right;
    
                        }*/ }
body .header .right-header .notification a svg #Add_Call_Details-Start_01 {
    fill: #5054a4; }
body .header .right-header .notification a .noti-dot .dot {
    border: 4px solid #ff5b5b;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 30px;
    width: 30px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -21px;
    left: -5px;
    z-index: 1;
    opacity: 0; }
body .header .right-header .notification a .noti-dot .pulse {
    width: 2px;
    height: 2px;
    border: 3px solid #ff5b5b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #ff5b5b;
    z-index: 10;
    position: absolute;
    right: -4px;
    top: -6px; }
body .header .right-header .login {
    float: right;
    margin: 18px 0;
    margin-left: 16px;
    position: relative;
    text-transform: uppercase; }
body .header .right-header .login a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 44px;
    color: #5054a4;
    cursor: pointer; }
body .header .right-header .login .logout {
    position: relative; }
body .header .right-header .login .logout:hover span {
    position: absolute;
    background: #5054a4;
    color: white;
    padding: 4px 11px;
    height: auto;
    margin: 0;
    bottom: -26px;
    height: 10px;
    opacity: 1;
    right: -15px;
    border-radius: 10px;
    vertical-align: top;
    line-height: 10px;
    font-size: 10px;
    transition: .1s; }
body .header .right-header .login .logout span {
    position: absolute;
    background: #5054a4;
    color: white;
    padding: 4px 11px;
    height: auto;
    margin: 0;
    bottom: 0px;
    height: 10px;
    opacity: 0;
    right: -15px;
    border-radius: 10px;
    vertical-align: top;
    line-height: 10px;
    font-size: 10px;
    transition: .1s; }
body .header .right-header .login .logout svg {
    width: 22px;
    vertical-align: middle; }
body .header .right-header .login .logout svg g polyline {
    stroke: #5054a4; }
body .header .right-header .login .logout svg g line {
    stroke: #5054a4; }
body .header .right-header .dropdown {
    border-top: 3px solid #5054a4;
    position: absolute;
    bottom: -86px;
    width: 150px;
    background: white;
    right: 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); }
body .header .right-header .dropdown ul {
    padding: 0;
    width: 100%;
    list-style: none;
    margin: 0; }
body .header .right-header .dropdown ul li {
    width: 100%; }
body .header .right-header .dropdown ul li a {
    width: 80%;
    font-family: "Roboto", sans-serif;
    padding: 9px 15px;
    float: left;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #bfc0de4a; }
body .header .right-header .dropdown ul li a:hover {
    background: #f5f5f7;
    color: #5054a4; }
body .tebs-perant {
    width: 100%;
    overflow: auto;
    float: left;
    white-space: nowrap;
    border-bottom: 1px solid #e1e1e6;
    margin-bottom: 20px;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body .tebs-perant::-webkit-scrollbar {
    width: 10px;
    height: 5px; }
body .tebs-perant::-webkit-scrollbar-track {
    background: #eaeaea; }
body .tebs-perant::-webkit-scrollbar-thumb {
    background: #888;
    background: linear-gradient(to right, #5054a4, #b1b4ef) !important; }
body .tebs-perant::-webkit-scrollbar-thumb:hover {
    background: #555; }
body .tebs-perant .tebs-link {
    display: inline-block;
    float: left;
    padding: 0; }
body .tebs-perant .tebs-link li {
    list-style: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    margin-right: 10px; }
body .tebs-perant .tebs-link li a {
    border-radius: 20px;
    padding: .5rem 1.5rem;
    background: #fcfcfd;
    color: #000;
    font-size: 13px;
    border: 1px solid #e8eff9; }
body .tebs-perant .tebs-link li a.active {
    background: #5054a4;
    color: white;
    padding: 8px 22px;
    border-radius: 18px;
    background: linear-gradient(to right, #5054a4, #878bda) !important; }
body .tebs-perant .tebs-link li .select-scheam {
    height: 36px;
    width: 150px;
    -webkit-appearance: none;
    border: 1px solid #e8eff9;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px;
    text-indent: 10px; }
body .side-menu {
    position: fixed;
    z-index: 999;
    left: 0;
    width: 200px;
    overflow: hidden;
    height: 100%;
    background: #5054a4; }
body .side-menu.client-page {
    height: 200px;
    position: absolute;
    z-index: 1; }
body .side-menu.client-page .side-menu-container .brand {
    position: absolute;
    border: none;
    z-index: 2; }
body .side-menu .side-menu-container .brand {
    z-index: 9;
    display: inline-block;
    width: 200px;
    background: #5054a4;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18); }
body .side-menu .side-menu-container .brand a img {
    vertical-align: middle;
    margin-top: 18px;
    width: 60%; }
body .side-menu .side-menu-container .brand a .deckstop-logo {
    display: inline-block; }
body .side-menu .side-menu-container .brand a .responsive-logo {
    display: none; }
body .side-menu .side-menu-container .navbar-nav {
    float: left;
    height: calc(100vh - 46px);
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    margin-bottom: 46px;
    padding-left: 0;
    width: 100%; }
body .side-menu .side-menu-container .navbar-nav.setting {
    position: fixed;
    bottom: 0;
    width: 200px;
    height: auto;
    margin-bottom: 0;
    overflow: hidden; }
body .side-menu .side-menu-container .navbar-nav.setting li {
    background: #6e72ca;
    margin: 0; }
body .side-menu .side-menu-container .navbar-nav.setting li a {
    padding: 15px 0px;
    cursor: pointer; }
body .side-menu .side-menu-container .navbar-nav li {
    display: block;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
    float: left;
    margin: 8px 0; }
body .side-menu .side-menu-container .navbar-nav li.open a.dropdown-menu:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    float: right;
    right: 14px;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    transform: rotate(180deg);
    background-position: center; }
body .side-menu .side-menu-container .navbar-nav li .submenu {
    display: none;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
    float: left;
    margin: 8px 0;
    background: #ebeef2;
    position: relative; }
body .side-menu .side-menu-container .navbar-nav li .submenu:before {
    content: "";
    height: 94%;
    top: 12px;
    left: 14px;
    position: absolute;
    width: 1px;
    border-left: 1px dashed; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul {
    padding: 0; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul li {
    margin: 0; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul li:first-child {
    margin-top: 0; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul li a {
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    padding: 9px 0;
    text-indent: 26px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul li a:hover {
    color: #5054a4;
    background: none;
    font-weight: 600;
    font-size: 11px; }
body .side-menu .side-menu-container .navbar-nav li .submenu ul li a.active {
    color: #5054a4;
    background: none;
    font-weight: 600;
    font-size: 11px; }
body .side-menu .side-menu-container .navbar-nav li:first-child {
    margin-top: 100px; }
body .side-menu .side-menu-container .navbar-nav li a {
    padding: 12px 0px;
    white-space: nowrap;
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    cursor: pointer;
    color: white;
    float: left; }
body .side-menu .side-menu-container .navbar-nav li a.active {
    opacity: 1;
    background-color: #43478a; }
body .side-menu .side-menu-container .navbar-nav li a.active:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 10px 22px 0;
    border-color: transparent #e8eff9 transparent transparent !important; }
body .side-menu .side-menu-container .navbar-nav li a img {
    padding-right: 12px;
    vertical-align: middle;
    margin-left: 12px;
    height: 18px;
    float: left; }
body .side-menu .side-menu-container .navbar-nav li a span {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 120px;
    text-transform: uppercase; }
body .side-menu .side-menu-container .navbar-nav li a span b {
    background: #f74c48;
    height: 30px;
    width: 30px;
    float: right;
    position: absolute;
    right: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-weight: 100;
    top: 6px;
    font-size: 14px; }
body .side-menu .side-menu-container .navbar-nav li a:hover {
    background-color: #43478a; }
body .side-menu .side-menu-container .navbar-nav li a.dropdown-menu:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    float: right;
    right: 14px;
    background-image: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    transition: .3s; }
body .verify-lable {
    background: #e5fde5;
    color: #72c472;
    float: right;
    padding: 6px 10px;
    margin-top: 2px;
    margin-right: 20px; }
body .verify-lable img {
    vertical-align: middle;
    margin: 0; }
body .not-verify-lable {
    background: #ffe9e8;
    color: #F44336;
    float: right;
    padding: 6px 10px;
    margin-top: 2px;
    margin-right: 20px; }
body .not-verify-lable img {
    vertical-align: middle;
    margin: 0; }
body .radio__container {
    margin-bottom: 0px; }
body .radio__container .radio-inline {
    display: inline-block;
    margin-right: 10px; }
body .radio__container .radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
body .radio__container .radio__label {
    display: inline-block;
    height: auto;
    opacity: 1;
    position: relative;
    padding: 15px 10px 15px 28px;
    cursor: pointer;
    vertical-align: bottom;
    color: rgba(0, 0, 0, 0.54);
    font: 300 14px/20px Helvetica, Arial, sans-serif;
    transition: color 200ms ease; }
body .radio__container .radio__label:before, body .radio__container .radio__label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: transform 200ms ease, border-color 200ms ease; }
body .radio__container .radio__label:before {
    left: 0;
    top: 15px;
    width: 16px;
    height: 16px;
    border: 2px solid #dbdbdb; }
body .radio__container .radio__label:after {
    top: 21px;
    left: 6px;
    width: 9px;
    height: 9px;
    transform: scale(0);
    background-color: #3c91e6; }
body .radio__container .radio__label:hover {
    color: #5054a4; }
body .radio__container .radio__label:hover:before {
    border-color: #ff5b5b; }
body .radio__container .radio:checked + .radio__label {
    color: rgba(0, 0, 0, 0.87); }
body .radio__container .radio:checked + .radio__label:before {
    border-color: #3c91e6; }
body .radio__container .radio:checked + .radio__label:after {
    transform: scale(1); }
body .body-box {
    width: calc(100% - 200px);
    height: 100%;
    padding-top: 20px;
    float: right; }
body .body-box.clint-box {
    width: 100%; }
body .body-box .scheme-title {
    font-size: 18px; }
body .body-box h1 {
    font-family: "Roboto", sans-serif;
    float: left;
    margin: 0;
    color: #000000;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 600; }
body .body-box h1 img {
    width: 22px;
    vertical-align: middle;
    margin-right: 20px; }
body .body-box h1.margin-form {
    margin-top: 30px; }
body .body-box h1.full-width {
    width: 100%;
    float: left; }
body .body-box .querylist .table-devider .remark-block {
    margin-left: 0px;
    padding: 20px;
    position: relative;
    width: 84%;
    border-radius: 5px;
    border: 1px solid #e8e8e8; }
body .body-box .querylist .table-devider .remark-block .width-30 {
    width: 20%;
    float: left;
    margin-bottom: 16px; }
body .body-box .querylist .table-devider .remark-block .width-55 {
    width: 50%;
    float: left; }
body .body-box .querylist .table-devider .remark-block .done-btn {
    float: right;
    background: #5054a4;
    opacity: 1;
    color: white;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    width: 90px;
    height: 34px;
    border-radius: 5px; }
body .body-box .querylist .table-devider .remark-block .width-15 {
    width: 15%;
    float: right; }
body .body-box .querylist .table-devider .remark-block .width-100 {
    width: 100%;
    float: left; }
body .body-box .querylist .table-devider .remark-block .queary-title {
    margin-bottom: 8px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    float: left;
    margin-right: 10px;
    font-family: "Roboto", sans-serif; }
body .body-box .querylist .table-devider .remark-block .label-title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    font-family: "Roboto", sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
    float: left; }
body .body-box .querylist .table-devider .remark-block .description {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    font-family: "Roboto", sans-serif;
    float: left; }
body .body-box .querylist .table-devider .remark-block .not-solve {
    width: 92px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid rgba(188, 53, 53, 0.22);
    background-color: #ffc7c7;
    color: #aa0d0d;
    font-size: 12px;
    float: right;
    line-height: 25px;
    text-align: center;
    font-weight: 600; }
body .body-box .querylist .table-devider .remark-block .solve {
    width: 92px;
    height: 24px;
    background: #d0ffa6;
    line-height: 24px;
    float: right;
    opacity: 1;
    color: #8BC34A;
    border: 1px solid #8BC34A;
    border-radius: 6px;
    text-align: center;
    right: 30px;
    font-weight: 600; }
body .body-box .table-devider {
    width: 100%;
    padding: 0;
    float: left; }
body .body-box .table-devider .rejatwhy {
    width: 68%;
    float: left;
    background: #ffe4e0;
    padding: 10px;
    margin-bottom: 26px;
    position: relative;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #ff2100; }
body .body-box .table-devider .rejatwhy label {
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #001737;
    font-size: 12px;
    width: 100%;
    float: left;
    white-space: nowrap;
    font-family: "Roboto", sans-serif; }
body .body-box .table-devider .rejatwhy span {
    color: #ff5b5b;
    font-size: 14px;
    width: 100%;
    float: left; }
body .body-box .table-devider .document-scheme-name {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    width: 100%;
    float: left;
    margin: 20px 0; }
body .body-box .table-devider.three-form-group .form-group {
    width: 30%; }
body .body-box .table-devider.three-form-group .form-group.full-width {
    width: 100%; }
body .body-box .table-devider .remark-block {
    width: 90%;
    border: 1px solid #ededed;
    float: left;
    margin: 0px auto;
    padding: 14px;
    margin-left: 50px;
    border-radius: 6px;
    margin-top: 20px; }
body .body-box .table-devider .remark-block:hover {
    border: 1px solid #5054a4; }
body .body-box .table-devider .remark-block h1 {
    font-size: 14px;
    float: left;
    width: 100%;
    color: #3F484F;
    margin-bottom: 4px;
    font-weight: 400; }
body .body-box .table-devider .remark-block h1 .action {
    width: 46px;
    float: right; }
body .body-box .table-devider .remark-block h1 .action .edit-lead-detail {
    cursor: pointer; }
body .body-box .table-devider .remark-block h1 .action .edit-lead-detail:before {
    content: "";
    display: none; }
body .body-box .table-devider .remark-block h1 .action .delete-lead-detail {
    cursor: pointer; }
body .body-box .table-devider .remark-block h1 .action .delete-lead-detail:before {
    content: "";
    display: none; }
body .body-box .table-devider .remark-block span {
    font-family: "Roboto", sans-serif;
    color: #3F484F;
    font-size: 12px;
    opacity: 0.7;
    text-align: left;
    font-weight: 400;
    width: 100%;
    float: left; }
body .body-box .table-devider .remark-block span .re-date {
    float: left; }
body .body-box .table-devider .remark-block span .re-time {
    float: left;
    margin-left: 4px; }
body .body-box .table-devider .remark-block p {
    font-family: "Roboto", sans-serif;
    color: #3F484F;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 0; }
body .body-box .table-devider .document-upload-tbl {
    width: 97%;
    float: left;
    margin-left: 3%; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td {
    vertical-align: top; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td.old-scheam {
    background: #6e72c9;
    color: #fff;
    font-weight: 100;
    text-align: center; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .title-btn {
    /*                                width: 100%;
                                    float: left;
                                    border-bottom: 1px dashed #d4d4d4;
                                    margin: 20px 0;
                                    padding-bottom: 20px;*/ }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .title-btn .upload-title {
    float: left; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .title-btn .button {
    width: auto;
    float: right; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-top: 12px;
    margin-bottom: 10px; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .gallery1 a {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .gallery1 a:hover {
    cursor: pointer;
    color: #3f48fb; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .remove-file {
    background: url(../images/lead-delete.svg) no-repeat;
    background-position: center center;
    width: 16px !important;
    height: 16px;
    display: inline-block;
    position: relative;
    float: right;
    font-size: 0;
    margin-top: 8px; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .button {
    width: auto;
    float: right; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .button .upload-btn-wrapper {
    width: 100px; }
body .body-box .table-devider .document-upload-tbl.customer-doc-tbl tr td .removediv .button .upload-btn-wrapper .verified {
    background: #4CAF50;
    color: white;
    text-align: center;
    float: right;
    height: 31px;
    width: 80px;
    border-radius: 4px;
    border: 1px solid #dedede;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px; }
body .body-box .table-devider .document-upload-tbl tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    padding: 8px; }
body .body-box .table-devider .document-upload-tbl tr td:first-child {
    width: 20px; }
body .body-box .table-devider .document-upload-tbl tr td span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 100;
    line-height: 26px; }
body .body-box .table-devider .document-upload-tbl tr td span img {
    vertical-align: middle; }
body .body-box .table-devider .document-upload-tbl tr td .document-scheme-name button {
    height: 40px;
    width: 150px;
    border-radius: 6px;
    font-size: 12px;
    margin-top: -14px;
    color: gray;
    vertical-align: middle;
    border: 1px dashed #d4d4d4; }
body .body-box .table-devider .document-upload-tbl tr td p {
    font-family: "Roboto", sans-serif;
    color: #a2a2a2;
    font-size: 12px;
    font-weight: 400;
    margin: 0; }
body .body-box .table-devider .document-upload-tbl tr td p img {
    vertical-align: top; }
body .body-box .table-devider .document-upload-tbl tr td p img.margin-right {
    margin-right: 6px; }
body .body-box .table-devider .document-upload-tbl tr td p img.margin-left {
    margin-left: 12px; }
body .body-box .table-devider .document-upload-tbl tr td .button .upload-btn-wrapper {
    position: relative;
    float: right;
    overflow: hidden;
    display: inline-block; }
body .body-box .table-devider .document-upload-tbl tr td .button .btn {
    width: 82px;
    height: 31px;
    border-radius: 4px;
    border: 1px solid #dedede;
    background-color: #f4f4f7;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px; }
body .body-box .table-devider .document-upload-tbl tr td .button .btn.singal {
    background: #5054a4;
    color: white;
    text-align: center;
    float: right; }
body .body-box .table-devider .document-upload-tbl tr td .button .delete {
    text-align: center;
    float: right;
    padding: 8px 22px;
    margin-left: 15px;
    border-radius: 4px;
    border: 1px solid #dedede;
    background-color: #f4f4f7;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px; }
body .body-box .table-devider .document-upload-tbl tr td .button .delete.verifyed {
    background: #72c472;
    color: white; }
body .body-box .table-devider .full-width {
    width: 100%;
    float: left; }
body .body-box .table-devider .form-group {
    float: left;
    width: 50%;
    margin-bottom: 30px; }
body .body-box .table-devider .form-group.width-92 {
    width: 92%; }
body .body-box .table-devider .form-group.width-92 span {
    float: right;
    color: #5054a4;
    font-size: 22px;
    font-weight: 100; }
body .body-box .table-devider .form-group.select-Scheme {
    margin-bottom: 26px;
    margin-top: 3px; }
body .body-box .table-devider .form-group.select-Scheme lable {
    float: left;
    width: auto;
    margin: 12px 0;
    font-size: 12px;
    color: #838d92;
    margin-right: 10px; }
body .body-box .table-devider .form-group.select-Scheme .input-style {
    width: 150px; }
body .body-box .table-devider .form-group.margin-bottom-none {
    margin-bottom: 0; }
body .body-box .table-devider .form-group label, body .body-box .table-devider .form-group lable {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    float: left;
    white-space: nowrap;
    font-family: "Roboto", sans-serif; }
body .body-box .table-devider .form-group label span, body .body-box .table-devider .form-group lable span {
    color: #f74c48;
    margin-left: 5px;
    width: auto;
    float: none; }
body .body-box .table-devider .form-group span {
    font-size: 14px;
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif;
    color: #4f5b64;
    font-weight: 500; }
body .body-box .table-devider .form-group .input-style {
    width: 80%;
    height: 40px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .table-devider .form-group .input-style.date {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box .table-devider .form-group select.input-style {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px;
    height: 44px; }
body .body-box .table-devider .form-group .remove-field {
    right: 22px; }
body .body-box .table-devider .upload-section {
    position: absolute;
    width: 300px;
    overflow: auto;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #cacaca; }
body .body-box .table-devider .upload-section.small-upload-section {
    width: 250px; }
body .body-box .table-devider .upload-section.small-upload-section .upload-btn-wrapper {
    margin-left: 30px; }
body .body-box .table-devider .upload-section .document-heading {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    width: 90%;
    color: #595959;
    font-weight: 600;
    float: none;
    margin: 12px auto; }
body .body-box .table-devider .upload-section .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    width: 200px;
    float: none;
    text-align: center;
    display: block;
    margin-left: 56px;
    margin-top: 26px; }
body .body-box .table-devider .upload-section .upload-btn-wrapper.inward-upload-section {
    margin: 0 20px;
    width: -webkit-fill-available; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uplod-btns {
    width: 100%;
    float: left;
    margin-bottom: 20px; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uplod-btns label {
    width: 50%;
    float: left;
    vertical-align: middle;
    line-height: 40px;
    margin: 0;
    text-align: left; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uplod-btns .with-icon-btn {
    float: right;
    background: url(../images/upload.svg) no-repeat;
    background-position: center center;
    width: 60px !important;
    height: 40px;
    display: inline-block;
    position: relative; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uploading-list {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4d4; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uploading-list .download {
    float: right; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uploading-list .gallery1 {
    float: left;
    text-align: left;
    width: 88%;
    color: black;
    margin: 6px 0px; }
body .body-box .table-devider .upload-section .upload-btn-wrapper .uploading-list .gallery1 a {
    color: #5054a4; }
body .body-box .table-devider .button {
    width: 100%;
    float: left; }
body .body-box .table-devider .button .save {
    float: left;
    width: 100px;
    padding: 0.875rem 1.5rem;
    border-radius: 4px;
    background-color: #5054a4;
    border: none;
    margin-right: 15px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .table-devider .button .cancel {
    margin-left: 10px;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    height: auto;
    width: auto;
    text-align: center;
    color: #212529;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6; }
body .body-box .table-devider .button .accept {
    background: #4CAF50 url(../images/accsept-icon.svg) no-repeat;
    background-position: center left 12px;
    color: white;
    border: none;
    padding: 10px 14px;
    padding-left: 30px;
    border-radius: 4px; }
body .body-box .table-devider .button .reject {
    background: #F44336 url(../images/rejact.svg) no-repeat;
    background-position: center left 12px;
    color: white;
    border: none;
    padding: 10px 14px;
    margin-left: 16px;
    padding-left: 30px;
    border-radius: 4px; }
body .body-box .table-devider .accordian {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
body .body-box .table-devider .accordian.Completed table {
    background: #6ac86e; }
body .body-box .table-devider .accordian.Not-Started table {
    background: #ff6864; }
body .body-box .table-devider .accordian.In-progress table {
    background: #ffb42b; }
body .body-box .table-devider .accordian.acc-white {
    border-bottom: 1px solid #eef1f3;
    margin-bottom: 0px; }
body .body-box .table-devider .accordian.acc-white.current {
    border-bottom: 1px solid #eef1f3; }
body .body-box .table-devider .accordian.acc-white.current table tr {
    background: #5054a4; }
body .body-box .table-devider .accordian.acc-white.current table tr td .service-name, body .body-box .table-devider .accordian.acc-white.current table tr td .date, body .body-box .table-devider .accordian.acc-white.current table tr td .status {
    color: #ffffff; }
body .body-box .table-devider .accordian.acc-white.current .form-block {
    width: 100%;
    float: left;
    border: none;
    background: #fafafa;
    display: block; }
body .body-box .table-devider .accordian.acc-white.current .form-block .form-group {
    margin: 20px 15px;
    width: 30.3%; }
body .body-box .table-devider .accordian.acc-white.current .form-block .form-group.full-width {
    width: 100%; }
body .body-box .table-devider .accordian.acc-white.current .form-block .form-group input:read-only {
    background-color: #ffffff !important;
    opacity: 0.6; }
body .body-box .table-devider .accordian.acc-white table {
    background: #ffffff;
    width: 100%; }
body .body-box .table-devider .accordian.acc-white table.current-stag {
    background: #f6f7f9;
    border-left: 3px solid #5054a4; }
body .body-box .table-devider .accordian.acc-white table tr {
    border: none; }
body .body-box .table-devider .accordian.acc-white table tr td {
    height: 40px;
    vertical-align: middle; }
body .body-box .table-devider .accordian.acc-white table tr td .service-name {
    color: #636e68; }
body .body-box .table-devider .accordian.acc-white table tr td .date {
    color: #636e68;
    font-weight: 100;
    float: right;
    margin-right: 30px; }
body .body-box .table-devider .accordian.acc-white table tr td .status {
    color: #636e68;
    border: 0;
    padding: 2px 10px;
    float: left;
    width: 110px;
    margin-right: 20px;
    border-radius: 5px; }
body .body-box .table-devider .accordian .form-block {
    width: 100%;
    float: left;
    border: 1px solid #cacaca;
    background: #f6f7f8;
    display: none; }
body .body-box .table-devider .accordian.current .form-block {
    width: -webkit-fill-available;
    padding: 20px;
    float: left;
    border: 1px solid #cacaca;
    background: #ffffff;
    display: block; }
body .body-box .table-devider .accordian.current .form-block .form-group {
    width: 33.33%; }
body .body-box .table-devider .accordian.current .form-block .form-group.half-width {
    width: 50%; }
body .body-box .table-devider .accordian.current .form-block .form-group.full-width {
    width: 100%; }
body .body-box .table-devider .service-block-tbl {
    width: 100%;
    background: #cacaca;
    margin-bottom: 0px;
    height: 44px; }
body .body-box .table-devider .service-block-tbl.in-progress {
    background: #FF9800; }
body .body-box .table-devider .service-block-tbl.on-hold {
    background: #F44336; }
body .body-box .table-devider .service-block-tbl.transfered {
    background: #4CAF50; }
body .body-box .table-devider .service-block-tbl.Assing {
    background: #5054a4; }
body .body-box .table-devider .service-block-tbl tbody tr td {
    padding: 5px 0 !important; }
body .body-box .table-devider .service-block-tbl tbody tr td:first-child {
    width: 300px; }
body .body-box .table-devider .service-block-tbl tbody tr td .service-name {
    color: white;
    text-indent: 20px;
    float: left;
    font-size: 14px;
    white-space: nowrap;
    width: 90%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis; }
body .body-box .table-devider .service-block-tbl tbody tr td .select-status {
    background: url(../images/down-arrow.svg) no-repeat !important;
    background-position: center right 10px !important;
    color: #fff;
    border: 1px solid #fff;
    height: 36px;
    padding: 0 10px;
    width: 200px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
body .body-box .table-devider .service-block-tbl tbody tr td .date {
    color: white;
    font-weight: 100;
    float: right;
    margin-right: 30px; }
body .body-box .table-devider .service-block-tbl tbody tr td span {
    color: white;
    font-weight: 100;
    float: right;
    margin-right: 30px; }
body .body-box .table-devider .service-block-tbl tbody tr td .status {
    color: white;
    border: 1px solid;
    padding: 2px 10px;
    float: left;
    width: 160px;
    margin-right: 20px;
    border-radius: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
body .body-box .table-devider .service-block-tbl tbody tr td .view-tbl-btn {
    background: #ffffff;
    border: none;
    color: #5054a4;
    font-weight: 500;
    padding: 5px 14px;
    border-radius: 5px; }
body .body-box .table-devider .service-block {
    width: 96%;
    float: left;
    padding: 10px 20px;
    border: 1px solid #f2f2f5;
    border-radius: 5px;
    margin-top: 20px;
    position: relative; }
body .body-box .table-devider .service-block button {
    background: #5054a4;
    border: none;
    color: white;
    border-radius: 5px;
    float: right;
    padding: 10px 16px;
    margin: 8px 0px; }
body .body-box .table-devider .service-block button.stop-service {
    background: #de4040;
    margin: 0;
    padding: 10px 16px;
    float: right;
    margin-right: 10px; }
body .body-box .table-devider .service-block button.service-nomargin {
    margin: 0;
    text-transform: uppercase; }
body .body-box .table-devider .service-block button.permanantly-closed {
    position: absolute;
    background: #ffefef;
    color: #ff0200;
    padding: 2px 10px;
    border-radius: 0;
    left: 20px;
    bottom: -10px;
    border: 1px solid;
    font-size: 12px;
    margin: 0; }
body .body-box .table-devider .service-block button.revart-btn {
    width: 40px;
    padding: 0;
    height: 40px;
    position: relative;
    cursor: pointer;
    border-radius: 26px;
    background-color: #5054a4;
    margin: 0;
    margin-right: 10px; }
body .body-box .table-devider .service-block button.revart-btn:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.21); }
body .body-box .table-devider .service-block button.revart-btn:hover:before {
    content: "Revart To CPF";
    background: #5054a4;
    color: white;
    padding: 4px 15px;
    width: 84px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -33px;
    right: -36px;
    transition: .2s;
    opacity: 1; }
body .body-box .table-devider .service-block .stop-service {
    background-color: #F44336;
    float: left;
    padding: 4px 16px; }
body .body-box .table-devider .service-block .service-detail {
    width: 62%;
    float: left;
    line-height: 33px; }
body .body-box .table-devider .service-block .service-detail span {
    color: #909090;
    float: left;
    font-family: "Roboto", sans-serif;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600; }
body .body-box .table-devider .service-block .service-detail h1 {
    font-size: 16px;
    float: left; }
body .body-box .table-devider .service-block .service-detail h1 label {
    margin-right: 15px;
    font-weight: 100; }
body .body-box .table-devider .service-block .service-detail h1 label:last-child {
    margin-left: 15px; }
body .body-box .table-devider .service-block .service-detail h1 img {
    width: 16px; }
body .body-box .table-devider table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 40px; }
body .body-box .table-devider table.header-tbl {
    border: 1px solid #e9ecef;
    width: 50%;
    float: left; }
body .body-box .table-devider table.header-tbl tbody td {
    padding: 6px; }
body .body-box .table-devider table thead {
    border-radius: 3px 3px 0 0;
    background-color: #f2f2f5; }
body .body-box .table-devider table thead tr th {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    opacity: 0.5;
    font-size: 12px;
    padding: 12px;
    font-weight: 700;
    text-transform: uppercase; }
body .body-box .table-devider table thead tr th.tbl-title {
    background: #5054a4;
    color: #fff;
    opacity: 0.7;
    font-size: 16px; }
body .body-box .table-devider table thead tr th.th-bg {
    background: #5054a4;
    color: #ffff; }
body .body-box .table-devider table tbody tr {
    border-bottom: 1px solid #eef1f3; }
body .body-box .table-devider table tbody tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 16px;
    font-weight: 400;
    position: relative; }
body .body-box .table-devider table tbody tr td .remove-field {
    top: 34%; }
body .body-box .table-devider table tbody tr td.td-bg {
    background: #f0f0ff; }
body .body-box .tables-tebs {
    width: 100%;
    float: left; }
body .body-box .tables-tebs h1 {
    opacity: 0.7;
    margin-bottom: 12px;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .tables-tebs h1 a {
    float: right;
    color: #5054a4;
    font-size: 14px; }
body .body-box .tables-tebs h1.big {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    width: 90%;
    color: #595959;
    font-weight: 500;
    float: none;
    margin: 12px auto;
    /*                         &:before 
                             {
                                 content: "";
                                 position: absolute;
                                 height: 3px;
                                 background: #5054a4;
                                 width: 12px;
                                 opacity: 1;
                                 left: 0;
                                 top: 6px;
                             }*/ }
body .body-box .tables-tebs h1.big span.pull-left {
    line-height: 33px;
    margin-right: 10px; }
body .body-box .tables-tebs h1.big .show-popup {
    float: left;
    margin-left: 26px; }
body .body-box .tables-tebs h1.big.border {
    position: relative; }
body .body-box .tables-tebs h1.big.border:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -18px;
    background: #e8e8e8; }
body .body-box .tables-tebs h1.big.border:after {
    content: "";
    width: 108px;
    height: 3px;
    position: absolute;
    bottom: -19px;
    left: 0;
    background: #5054a4; }
body .body-box .tables-tebs .allservice-heading {
    font-size: 18px;
    margin: 20px 0;
    margin-bottom: 40px; }
body .body-box form {
    width: 500px;
    float: left;
    margin-top: 30px; }
body .body-box form.zero-margin {
    margin: 0; }
body .body-box form.editdept {
    width: auto; }
body .body-box form.editdept .removecelldiv {
    position: relative;
    width: 280px; }
body .body-box form.editdept .removecelldiv .remove-field {
    top: 40%; }
body .body-box form.padding-left-60 {
    padding-left: 50px;
    width: 66%;
    margin-bottom: 40px; }
body .body-box form.padding-left-60.full-width-form {
    padding-left: 0px;
    width: 76%; }
body .body-box form.padding-left-60.tbl-form-full {
    width: 100%; }
body .body-box form.padding-left-60 .button.form-fix-btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    right: 0;
    left: 0;
    padding: 15px 0;
    padding-left: 60px; }
body .body-box form.padding-left-60 .tabeing {
    width: 100%;
    float: left; }
body .body-box form.padding-left-60 .tabeing ul {
    list-style: none;
    display: block;
    margin: 0;
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px; }
body .body-box form.padding-left-60 .tabeing ul li {
    display: inline-block;
    padding: 10px 0;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #c1c6cb;
    margin-right: 16px;
    cursor: pointer; }
body .body-box form.padding-left-60 .tabeing ul li.current {
    color: #5054a4; }
body .body-box form.padding-left-60 .tab-content2 {
    display: none; }
body .body-box form.padding-left-60 .tab-content2.current {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 40px; }
body .body-box form.padding-left-60 .company-box {
    width: 100%;
    float: left;
    background: #fbfbfb;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
    position: relative; }
body .body-box form.padding-left-60 .company-box .removeblock {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 99;
    cursor: pointer;
    height: 20px;
    text-align: center; }
body .body-box form.padding-left-60 .company-box .company-info {
    padding: 2%;
    width: 96%;
    display: block;
    float: left; }
body .body-box form.full-width {
    width: 100%; }
body .body-box form.full-width .tab-content {
    display: none; }
body .body-box form.full-width .tab-content.current {
    display: block; }
body .body-box form .form-devider {
    width: 46%;
    float: left; }
body .body-box form .form-devider .locationParentDiv .removethis:nth-child(even) {
    /*                               .form-group
                            {
                              
                                    label
                                    {
                                            margin-left: 15px;
                                    }
                                    input
                                    {
                                            float: right;
                                    }
                                    .remove-field
                                     {
                                         position: absolute;
                                                            right: -28px;
                                                            top: 40px;
    
                                     }
                                 }*/ }
body .body-box form .form-devider .locationParentDiv .removethis .remove-field {
    position: absolute;
    right: -4px;
    top: 36px; }
body .body-box form .form-devider .locationParentDiv .add-field {
    width: 100%;
    float: left; }
body .body-box form .form-devider .locationParentDiv .allignmentCity .removecity:nth-child(odd) .form-group label {
    /*margin-left: 15px;*/ }
body .body-box form .form-devider .locationParentDiv .allignmentCity .removecity:nth-child(odd) .form-group input {
    /*float: right;*/ }
body .body-box form .form-devider .locationParentDiv .allignmentCity .removecity:nth-child(odd) .form-group .remove-field {
    /*                                                        position: absolute;
                                                                               right: -28px;
                                                                               top: 40px;*/ }
body .body-box form .form-devider .locationParentDiv .allignmentCity .removecity .remove-field {
    position: absolute;
    right: -4px;
    top: 40px; }
body .body-box form .two-inputs {
    width: 100%;
    float: left; }
body .body-box form .two-inputs .multi-field-wrapper {
    width: 100%;
    float: left; }
body .body-box form .two-inputs .multi-field-wrapper .multi-fields {
    width: 100%;
    float: left; }
body .body-box form .two-inputs .multi-field-wrapper .multi-fields .multi-field {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    position: relative; }
body .body-box form .two-inputs .multi-field-wrapper .multi-fields .multi-field .remove-field {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    outline: none; }
body .body-box form .two-inputs .multi-field-wrapper .add-field {
    width: 100%;
    float: left;
    text-align: left;
    outline: none; }
body .body-box form .two-inputs .main-stage {
    float: left; }
body .body-box form .two-inputs .main-stage input {
    border-radius: 4px 0 0 4px; }
body .body-box form .two-inputs .multiselect-dropdown {
    position: relative;
    float: left;
    width: 50%; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown {
    position: absolute;
    margin: 0; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd,
body .body-box form .two-inputs .multiselect-dropdown .dropdown dt {
    margin: 0px;
    padding: 0px; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dt a {
    width: 240px;
    height: 38px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 0px 4PX 4PX 0;
    border: 1px solid #d4d4d4 !Important;
    background-color: #f7f7f7;
    text-indent: 15px;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    display: block;
    overflow: hidden;
    border: 0;
    width: 240px;
    margin-left: -1px; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dt a .multiSel {
    margin: 0; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dt a span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
    line-height: 40px;
    text-indent: 0; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown ul {
    margin: -1px 0 0 0; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd {
    position: relative; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul {
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 10px;
    width: 90%;
    display: none;
    list-style: none;
    height: 100px;
    overflow: auto;
    box-shadow: 0 21px 20px rgba(212, 212, 212, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    z-index: 9; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul::-webkit-scrollbar {
    width: 4px; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #d8d8d8; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul::-webkit-scrollbar-thumb {
    background: #888; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li input {
    display: none; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 3px;
    height: 6px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li input:checked + label:before {
    border: 2px solid #0079bf; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li label {
    position: relative;
    cursor: pointer; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li label:before {
    content: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: transparent;
    border: 2px solid rgba(89, 89, 89, 0.6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 10px;
    border-radius: 7px; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li a {
    padding: 5px;
    display: block; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown dd ul li a:hover {
    background-color: #fff; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown .dropdown a,
body .body-box form .two-inputs .multiselect-dropdown .dropdown .dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px; }
body .body-box form .two-inputs .multiselect-dropdown .dropdown span.value {
    display: none; }
body .body-box form h2 {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    font-weight: 400;
    color: #76838f;
    font-size: 0.875rem;
    line-height: 1.3rem; }
body .body-box form #dropdown-drower {
    width: 380px;
    position: fixed;
    transition: .5s;
    height: 100%;
    padding-bottom: 20px;
    z-index: 9;
    right: -380px;
    top: 80px;
    box-shadow: 0 -28px 25px 0 rgba(159, 162, 223, 0.12);
    background-image: linear-gradient(180deg, #f9f9f9 0%, #f9f9f9 100%);
    /*                    &:hover
                         {
                             right: 0;  
                         }*/ }
body .body-box form #dropdown-drower.main {
    right: 0; }
body .body-box form #dropdown-drower .drower-btn {
    height: 125px;
    position: absolute;
    top: 33%;
    left: -34px;
    text-align: center;
    width: 32px;
    z-index: -1;
    background: #5054a4;
    background: linear-gradient(to right, #4f52a0, #8c8fd8) !important;
    box-shadow: 0 -3px 28px 0 #f4f4fb; }
body .body-box form #dropdown-drower .drower-btn img {
    width: 20px;
    position: relative;
    top: 8px;
    left: 0px;
    -ms-transform: rotate(180deg);
    transform: rotate(90deg); }
body .body-box form #dropdown-drower .drower-btn span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg);
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    position: relative;
    margin-top: 15px;
    margin-right: 1px; }
body .body-box form #dropdown-drower .norecord-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 34%;
    text-align: center; }
body .body-box form #dropdown-drower .norecord-block img {
    width: 100px; }
body .body-box form #dropdown-drower .norecord-block h1 {
    width: 100%;
    text-align: center;
    color: #d1d1d1; }
body .body-box form #dropdown-drower .chet-hstory {
    padding: 20px;
    float: left;
    width: 88%;
    position: relative;
    height: 78vh;
    overflow: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar {
    width: 4px; }
body .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-track {
    background: #f1f1f1; }
body .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-thumb {
    background: #cfcfff; }
body .body-box form #dropdown-drower .chet-hstory::-webkit-scrollbar-thumb:hover {
    background: #555; }
body .body-box form #dropdown-drower .chet-hstory .chet-block {
    /*                        label
                            {
                                color: rgba(89, 89, 89, 0.4);
                                font-family: $Roboto;
                                font-size: 12px;
                                font-weight: 700;
                                float: left;
                                margin: 20px 0;
                                margin-bottom: 40px;
                            }*/ }
body .body-box form #dropdown-drower .chet-hstory .chet-block h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 5px;
    width: 100%; }
body .body-box form #dropdown-drower .chet-hstory .chet-block h1.first-h1 {
    color: #5054a4;
    margin-bottom: 12px;
    text-transform: uppercase; }
body .body-box form #dropdown-drower .chet-hstory .chet-block h1.added-by {
    font-size: 14px;
    color: #545b64;
    width: 50%;
    white-space: nowrap;
    text-transform: uppercase;
    float: left; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat {
    margin-bottom: 12px;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2e2e6; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .block-chat-internal {
    width: 100%;
    float: left; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat form {
    width: unset; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .block-chat-internal {
    display: none; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .edit-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .edit-box textarea {
    width: 100%;
    resize: none;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #d4d4d4; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .edit-box .button {
    margin-top: 20px; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .edit-box .button .save {
    padding: 9px 26px;
    background: #5054a4;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    font-family: "Roboto", sans-serif; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat.current .edit-box .button .cancel {
    background: none;
    border: none;
    color: #5054a4;
    font-weight: 600;
    font-family: "Roboto", sans-serif; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .block-chat-internal span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-weight: 400;
    position: relative;
    padding: 15px 0; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .block-chat-internal span .edit-text {
    opacity: 0;
    display: none; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .block-chat-internal span:hover {
    /*                                        background: white;
                                            padding: 6px 15px;
                                            border-radius: 5px;*/ }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .block-chat-internal span:hover .edit-text {
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    top: -25px;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: none;
    cursor: pointer;
    margin-bottom: 8px; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .edit-box {
    display: none; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status {
    width: 100%;
    float: right; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status span {
    color: rgba(89, 89, 89, 0.4);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 100;
    float: left;
    margin: 0; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status span img {
    width: 12px;
    margin-right: 0px; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status span img.calender-img {
    margin-right: 8px;
    margin-left: 0; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status lable {
    color: rgba(89, 89, 89, 0.4);
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin: 20px 0;
    margin-bottom: 40px; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label {
    border-radius: 2px;
    color: #ffffff;
    width: 99px;
    position: absolute;
    right: 0;
    top: 0;
    float: right;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.appointment {
    background-color: #50e3c2;
    color: white !important; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.wrong {
    background-color: #ff8322;
    color: white !important; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.no-reponse {
    background-color: rgba(80, 76, 119, 0.41);
    color: white !important; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.call {
    background-color: #5054a4;
    color: white !important; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.not-intrested {
    background-color: #f74c48;
    color: white !important; }
body .body-box form #dropdown-drower .chet-hstory .chet-block .block-chat .status label.reschedule {
    background-color: #2089e6;
    color: white !important; }
body .body-box form #dropdown-drower.active {
    right: 0; }
body .body-box form #dropdown-drower .form {
    padding: 0 20px;
    float: left;
    display: block;
    margin-top: 30px; }
body .body-box form #dropdown-drower .form .form-group {
    width: 100%; }
body .body-box form #dropdown-drower .form .form-group label {
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box form #dropdown-drower .form .form-group input {
    width: 100%;
    height: 40px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa; }
body .body-box form #dropdown-drower .appointment h1 {
    color: #595972;
    margin-bottom: 20px; }
body .body-box form #dropdown-drower .appointment .filds {
    padding: 0px;
    float: left;
    width: 100%;
    padding-bottom: 0; }
body .body-box form #dropdown-drower .appointment .filds .radio,
body .body-box form #dropdown-drower .appointment .filds .radio__label,
body .body-box form #dropdown-drower .appointment .filds .radio__label:after,
body .body-box form #dropdown-drower .appointment .filds .radio__label:before {
    box-sizing: border-box; }
body .body-box form #dropdown-drower .appointment .filds .radio__container {
    margin-bottom: 20px; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio-inline {
    display: inline-block;
    margin-right: 10px; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label {
    display: inline-block;
    height: 50px;
    position: relative;
    padding: 15px 10px 15px 28px;
    cursor: pointer;
    vertical-align: bottom;
    color: rgba(0, 0, 0, 0.54);
    font: 300 14px/20px Helvetica, Arial, sans-serif;
    transition: color 200ms ease; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:before, body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: transform 200ms ease, border-color 200ms ease; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:before {
    left: 0;
    top: 15px;
    width: 20px;
    height: 20px;
    border: 2px solid #dbdbdb; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:after {
    top: 20px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background-color: #3c91e6; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:hover {
    color: #5054a4; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio__label:hover:before {
    border-color: #ff5b5b; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio:checked + .radio__label {
    color: rgba(0, 0, 0, 0.87); }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio:checked + .radio__label:before {
    border-color: #3c91e6; }
body .body-box form #dropdown-drower .appointment .filds .radio__container .radio:checked + .radio__label:after {
    transform: scale(1); }
body .body-box form #dropdown-drower .appointment .filds .form-group {
    width: 50%;
    text-align: left; }
body .body-box form #dropdown-drower .appointment .filds .form-group.full {
    width: 80%; }
body .body-box form #dropdown-drower .appointment .filds .form-group.full input {
    width: 100%; }
body .body-box form #dropdown-drower .appointment .filds .form-group input {
    width: 94%;
    height: 36px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box form #dropdown-drower .appointment .filds .form-group input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box form #dropdown-drower .appointment .filds .form-group textarea {
    width: 100%; }
body .body-box form #dropdown-drower .appointment .filds .form-group select {
    width: 96%;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box form #dropdown-drower .appointment .filds .button .create {
    width: 106px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form #dropdown-drower .appointment .filds .button .cancel-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form #dropdown-drower .reshedule h1 {
    color: #595972;
    margin-bottom: 20px; }
body .body-box form #dropdown-drower .reshedule .filds {
    padding: 0px;
    float: left;
    width: 92%;
    padding-bottom: 0; }
body .body-box form #dropdown-drower .reshedule .filds .radio,
body .body-box form #dropdown-drower .reshedule .filds .radio__label,
body .body-box form #dropdown-drower .reshedule .filds .radio__label:after,
body .body-box form #dropdown-drower .reshedule .filds .radio__label:before {
    box-sizing: border-box; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container {
    margin-bottom: 20px; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio-inline {
    display: inline-block;
    margin-right: 10px; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label {
    display: inline-block;
    height: 50px;
    position: relative;
    padding: 15px 10px 15px 28px;
    cursor: pointer;
    vertical-align: bottom;
    color: rgba(0, 0, 0, 0.54);
    font: 300 14px/20px Helvetica, Arial, sans-serif;
    transition: color 200ms ease; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:before, body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: transform 200ms ease, border-color 200ms ease; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:before {
    left: 0;
    top: 15px;
    width: 20px;
    height: 20px;
    border: 2px solid #dbdbdb; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:after {
    top: 20px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background-color: #3c91e6; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:hover {
    color: #5054a4; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio__label:hover:before {
    border-color: #ff5b5b; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio:checked + .radio__label {
    color: rgba(0, 0, 0, 0.87); }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio:checked + .radio__label:before {
    border-color: #3c91e6; }
body .body-box form #dropdown-drower .reshedule .filds .radio__container .radio:checked + .radio__label:after {
    transform: scale(1); }
body .body-box form #dropdown-drower .reshedule .filds .form-group {
    width: 50%;
    text-align: left; }
body .body-box form #dropdown-drower .reshedule .filds .form-group.full {
    width: 80%; }
body .body-box form #dropdown-drower .reshedule .filds .form-group.full input {
    width: 100%; }
body .body-box form #dropdown-drower .reshedule .filds .form-group input {
    width: 94%;
    height: 36px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box form #dropdown-drower .reshedule .filds .form-group input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box form #dropdown-drower .reshedule .filds .form-group select {
    width: 96%;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box form #dropdown-drower .reshedule .filds .button .create {
    width: 106px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form #dropdown-drower .reshedule .filds .button .cancel-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form .form-group {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 24px; }
body .body-box form .form-group .list {
    position: fixed;
    width: 300px;
    right: -300px;
    top: 84px;
    height: calc(100vh - 90px);
    list-style: none;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    z-index: 2;
    overflow-y: auto;
    -user-select: none;
    -webkit-user-select: none;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s; }
body .body-box form .form-group .list .close-list {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f5fc;
    text-indent: 16px;
    padding: 10px 0;
    font-size: 12px; }
body .body-box form .form-group .list .documnet-list-drowwer .title {
    color: #43478a;
    font-size: 12px;
    margin-left: 12px;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px; }
body .body-box form .form-group .list label {
    position: relative;
    display: block;
    height: auto;
    line-height: 28px;
    text-indent: 60px;
    float: left;
    width: 100%;
    cursor: pointer; }
body .body-box form .form-group .list label:hover {
    background: #f6f6f6; }
body .body-box form .form-group .list label:active {
    background: #f4f4f4; }
body .body-box form .form-group .list label input {
    visibility: hidden;
    display: none; }
body .body-box form .form-group .list label input:checked ~ span:before {
    content: '';
    text-indent: 0px;
    background: #5054a4 url(../images/white-check.svg) no-repeat;
    top: 1px;
    background-size: 16px;
    background-position: center center;
    vertical-align: middle;
    box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.1); }
body .body-box form .form-group .list label input:checked ~ span:after {
    width: calc( 100% + 4px ); }
body .body-box form .form-group .list label input:checked ~ span {
    color: #ccc; }
body .body-box form .form-group .list label span {
    position: relative;
    font-size: 13px !important;
    color: #001737 !important;
    font-weight: 100;
    /*                            &:after {
                                    content: '';
                                    position: absolute;
                                    width: 0px;
                                    height: 2px;
                                    top: calc( 50% - 1px );
                                    left: -2px;
                                    background: #bbb;
                                    transition: all .15s cubic-bezier(.8,.1,.1,.8);
                                }*/ }
body .body-box form .form-group .list label span:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0px;
    left: -38px;
    text-align: center;
    line-height: 26px;
    text-indent: 40px;
    color: #fff;
    font-size: 200%;
    font-weight: bolder;
    border-radius: 20px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all .15s ease; }
body .body-box form .form-group .disable-select {
    background: white;
    display: inline-block;
    list-style: none;
    background-color: white;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    cursor: text;
    padding: 0;
    width: 90%;
    margin: 0; }
body .body-box form .form-group .select-all {
    position: absolute;
    text-align: right;
    top: 0;
    right: 26px;
    color: #5054a4;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    width: 100%; }
body .body-box form .form-group .select-all input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle; }
body .body-box form .form-group .select2-container {
    width: 95%; }
body .body-box form .form-group .multiple-input {
    width: 100%;
    float: left; }
body .body-box form .form-group .multiple-input input[type=radio] {
    display: none; }
body .body-box form .form-group .multiple-input input[type=radio]:checked + label {
    border: 1px solid #5054a4 !important;
    opacity: 1;
    background-color: #5054a4;
    color: #fff; }
body .body-box form .form-group .multiple-input label {
    border: 1px solid #e5eaed;
    height: 46px;
    line-height: 46px;
    background-color: #f6f8fa;
    opacity: 1;
    text-align: center;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    color: #000000;
    position: relative;
    border-radius: 0;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
    width: 23.4%;
    padding: 0;
    float: left; }
body .body-box form .form-group.full-width {
    width: 100%; }
body .body-box form .form-group.full-width.tbl-accordian {
    width: 100%;
    float: left;
    overflow: auto; }
body .body-box form .form-group.full-width.tbl-accordian tbody tr th {
    text-align: left;
    padding: 12px 0;
    color: #5054a4;
    background: #f0f0ff; }
body .body-box form .form-group.full-width .multiple-input label {
    width: 23.6% !important; }
body .body-box form .form-group.full-width .multi-field-wrapper3 {
    width: 100%; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 {
    width: 100%;
    float: left; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv {
    width: 100%;
    float: left; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block {
    width: 50%;
    float: left;
    position: relative; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block .form-group {
    width: 90%;
    float: left;
    height: 100%; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block .form-group input {
    width: 94%; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block .addstagedetail img {
    margin-top: 10px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block .addstagedetail2 img {
    margin-top: 10px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .appand-block .remove-field3 {
    position: absolute;
    background: none;
    border: none;
    left: -26px;
    color: #5054a4bf;
    font-weight: bold;
    top: 10px;
    font-size: 18px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage-detail {
    width: 50%;
    float: right; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage-detail .multiselect-dropdown {
    float: left;
    width: 100%;
    margin-bottom: 24px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage-detail .multiselect-dropdown input {
    float: left; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage-detail .multiselect-dropdown button {
    float: right;
    background: none;
    border: none; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage-detail .multiselect-dropdown button img {
    width: 20px;
    margin-top: 10px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage_detail_append {
    width: 50%;
    float: right; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage_detail_append .multiselect-dropdown {
    float: left;
    width: 100%;
    margin-bottom: 24px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage_detail_append .multiselect-dropdown input {
    float: left; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage_detail_append .multiselect-dropdown button {
    float: right;
    background: none;
    border: none; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv .stage_detail_append .multiselect-dropdown button img {
    width: 20px;
    margin-top: 10px; }
body .body-box form .form-group.full-width .multi-field-wrapper3 .multi-fields3 .multi-field3.autosearchdiv input {
    width: 190px; }
body .body-box form .form-group label {
    /*                    &.right {
                            margin-left: 15px;
                        }*/
    /*opacity: 0.4;*/
    font-family: "Roboto", sans-serif;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem; }
body .body-box form .form-group label sub {
    color: #b5b5b5;
    font-size: 12px;
    margin: 2px; }
body .body-box form .form-group label span {
    color: #f74c48;
    margin-left: 5px; }
body .body-box form .form-group label.complite-followup {
    background: #4CAF50 !important;
    border: 2px solid #4caf4f !important; }
body .body-box form .form-group span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px; }
body .body-box form .form-group select.right {
    /*float: right;*/
    height: 50px; }
body .body-box form .form-group select.half {
    width: 45%; }
body .body-box form .form-group input {
    /*                    &.right {
                            float: right;
                        }*/
    /*width: 230px;*/
    width: 90%;
    height: 46px;
    border-radius: 4px;
    background-color: #ffffff;
    text-indent: 15px;
    border: 1px solid #e8eff9; }
body .body-box form .form-group input.half {
    width: 45%; }
body .body-box form .form-group input.checkbox {
    width: auto;
    height: auto; }
body .body-box form .form-group input[type="time"] {
    height: 48px; }
body .body-box form .form-group p.right {
    float: right;
    margin-left: 20px; }
body .body-box form .form-group select {
    /*width: 230px;*/
    width: 230px;
    width: 90%;
    height: 46px;
    border: 1px solid #e8eff9;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #f7f7f7;
    text-indent: 15px;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px; }
body .body-box form .form-group select.height-41 {
    height: 50px; }
body .body-box form .form-group select.select-180 {
    width: 180px; }
body .body-box form .form-group textarea {
    width: 86%;
    height: 50px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #e8eff9;
    background-color: #ffffff;
    resize: none;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 100; }
body .body-box form .form-group textarea.width-74 {
    width: 82%; }
body .body-box form .form-group textarea.height-col {
    width: 70%;
    height: 102px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4; }
body .body-box form .button {
    float: left;
    display: block;
    width: 100%;
    position: relative; }
body .body-box form .button.form-fix-btn {
    /*                    position: fixed;
                        bottom: 0;
                        width: calc(100% - 200px);
                        background-color: #ffffff;
                        right: 0;
                        padding: 8px 0;*/ }
body .body-box form .button .start-button.save:after {
    content: "";
    background: url(../images/play-button.svg) no-repeat;
    background-position: center center; }
body .body-box form .button .start-button:after {
    content: "";
    background: url(../images/play-button.svg) no-repeat;
    background-position: center center;
    width: 22px;
    left: 10px;
    top: 10px;
    bottom: 0;
    position: absolute;
    height: 22px;
    display: inline-block; }
body .body-box form .button .start-button input {
    width: 172px;
    height: 41px;
    border: none;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form .button .saveandnew {
    padding: 0.875rem 1.5rem;
    height: auto;
    width: 100px;
    border: none;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form .button .saveandnew.cancel {
    margin-left: 15px;
    padding: 0.875rem 1.5rem;
    height: auto;
    width: auto;
    text-align: center;
    color: #212529;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6; }
body .body-box form .button .saveandnew.cancel:focus {
    background-color: #6e72ca;
    color: white; }
body .body-box form .button .saveandnew:focus {
    background-color: #6e72ca; }
body .body-box form .button .saveandnew.form-btn {
    width: 172px;
    padding: 0.875rem 1.5rem; }
body .body-box form .button .saveandnew.report-btn {
    width: 140px;
    padding: 0.875rem 1.5rem; }
body .body-box form .button .prev-next {
    width: 110px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-right: 16px; }
body .body-box form .button #timer {
    width: 172px;
    text-indent: 26px;
    height: 41px;
    border: none;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box form .button #timer span {
    width: 27px;
    margin-top: 12px;
    position: relative;
    float: left;
    text-indent: 14px; }
body .body-box form .button #timer img {
    float: left;
    padding-top: 9px;
    padding-left: 18px; }
body .body-box form.full-width {
    width: 100%; }
body .body-box form.full-width .full-width-upload {
    width: 100%;
    float: left; }
body .body-box form.full-width .tebs-heading-page {
    width: auto;
    float: left;
    /*                    &.new-tabs-style
                        {
                             background: white;
                             border-radius: 30px;
                             padding: 6px;
                             span
                             {
                                 font-size: 14px;
                                 &.active 
                                 {
                                     color: #ffffff;
                                     background: #5054a4;
                                     border-bottom: 2px solid;
                                     border-radius: 18px;
                                     padding: 8px 18px;
                                     font-size: 14px;
                                     font-weight: 100;
                                     margin-top: 1px;
                                 }
                             }
                             
                        }*/ }
body .body-box form.full-width .tebs-heading-page span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 1.125rem;
    font-weight: 100;
    float: left;
    margin-right: 15px; }
body .body-box form.full-width .tebs-heading-page span.active {
    color: #5054a4;
    border-bottom: 2px solid;
    padding-bottom: 8px;
    font-weight: 100; }
body .body-box form.full-width .branchdiv .removethis {
    width: 70%;
    position: relative;
    float: left; }
body .body-box form.full-width .branchdiv .removethis .remove-field {
    position: absolute;
    top: 40%; }
body .body-box form.full-width .branchdiv .removethis .form-group {
    width: 32%; }
body .body-box form.full-width .full-width-div {
    width: 100%;
    float: left; }
body .body-box form.full-width .full-width-div .form-group {
    width: 24%; }
body .body-box form.full-width .full-width-div .threediv {
    width: 33.33%; }
body .body-box form.full-width .full-width-div .full-textarea {
    width: 100%; }
body .body-box form.full-width .full-width-div .full-textarea textarea {
    width: 92.6%; }
body .body-box form.full-width .right-controller {
    float: right; }
body .body-box form.full-width .right-controller .add-call {
    border-radius: 4px;
    background-color: #5054a4;
    padding: 12px 22px;
    color: #ffffff;
    float: right;
    margin: 0 5px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
body .body-box form.full-width .right-controller .add-call:focus {
    background-color: #6e72ca; }
body .body-box form.full-width .right-controller .selection {
    float: right; }
body .body-box form.full-width .right-controller .selection select {
    width: 142px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    text-indent: 10px;
    margin: 0;
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box form.full-width .right-controller .Source {
    float: right;
    margin: 0px 5px; }
body .body-box form.full-width .right-controller .Source input {
    width: 122px;
    text-indent: 10px;
    height: 36px;
    font-size: 14px;
    color: #4f5b64;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box form.full-width .right-controller .Source input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box form.full-width .right-controller .upload-btn-wrapper {
    position: relative;
    display: inline-block;
    float: right; }
body .body-box form.full-width .right-controller .upload-btn-wrapper .btn {
    background-color: #5054a4;
    padding: 6px 13px;
    border: none;
    position: relative;
    margin: 5px 0;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    margin-right: 12px; }
body .body-box form.full-width .right-controller .upload-btn-wrapper:hover::after {
    content: 'Import';
    position: absolute;
    background-color: rgba(89, 89, 89, 0.7);
    color: #fff;
    font-size: 10px;
    top: -25px;
    left: -3px;
    font-family: "Roboto", sans-serif;
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 2px 10px;
    line-height: normal; }
body .body-box form.full-width .right-controller .upload-btn-wrapper input[type=file] {
    font-size: 0;
    position: absolute;
    left: 0;
    width: 44px;
    height: 35px;
    top: 0;
    opacity: 0; }
body .body-box form.full-width .right-controller .export {
    float: right;
    position: relative; }
body .body-box form.full-width .right-controller .export.import ::after {
    content: '';
    top: 0px; }
body .body-box form.full-width .right-controller .export.import:hover::after {
    content: 'Import';
    position: absolute;
    background-color: rgba(89, 89, 89, 0.7);
    color: #fff;
    font-size: 10px;
    top: -25px;
    left: -3px;
    font-family: "Roboto", sans-serif;
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 2px 10px;
    line-height: normal; }
body .body-box form.full-width .right-controller .export .btn {
    background-color: #5054a4;
    border: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    float: right;
    margin: 0px 0;
    border-radius: 8px;
    margin-left: 5px;
    margin-top: 0;
    font-size: 23px;
    font-weight: bold; }
body .body-box form.full-width .right-controller .export ::after {
    content: '';
    top: 0px; }
body .body-box form.full-width .right-controller .export:hover::after {
    content: 'Export';
    position: absolute;
    background-color: rgba(89, 89, 89, 0.7);
    color: #fff;
    font-size: 10px;
    top: -25px;
    left: -3px;
    font-family: "Roboto", sans-serif;
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 2px 10px;
    line-height: normal; }
body .body-box form.full-width .atuf-table .table-responsive {
    margin-top: 0; }
body .body-box form.full-width .atuf-table .table-responsive h1 {
    margin-top: 8px; }
body .body-box form.full-width .atuf-table .table-responsive .tbl-heading {
    width: 96%;
    float: left;
    background: white;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    border-bottom: none; }
body .body-box form.full-width .table-responsive {
    width: 100%;
    overflow: auto;
    position: relative;
    margin-top: 20px;
    float: left; }
body .body-box form.full-width .table-responsive.margin-top-none {
    margin-top: 0; }
body .body-box form.full-width .table-responsive .table-title {
    background: #5054a4;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    padding: 6px 12px;
    float: left; }
body .body-box form.full-width .table-responsive .table-title img {
    width: 10px; }
body .body-box form.full-width .table-responsive table.fold-table > tbody > tr.fold {
    display: none; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.view.open {
    background: linear-gradient(to right, #5054a4, #878bda) !important; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.view.open td {
    color: #ffffff;
    background: none; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.view.open td .more-info {
    background: #858ad8 url(../images/collaps-minus.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    height: 30px;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.view.open td .delete-lead-detail {
    background: #696ebd url(../images/trash-white.svg) no-repeat;
    background-position: center center;
    width: 30px !important;
    height: 30px;
    background-size: 14px;
    display: inline-block;
    position: relative; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open {
    display: table-row;
    background: #ebeef2; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages {
    width: 100%;
    float: left; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages ul {
    list-style: none;
    padding: 0;
    margin-top: 0; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages ul li {
    display: inline-block; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages ul li .total-file {
    color: #ffffff;
    width: auto;
    padding: 6px 16px;
    margin-right: 10px;
    background: #5054a4;
    font-size: 12px; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages ul li .start-file {
    color: #ffffff;
    width: auto;
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 10px;
    background: #8BC34A; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages ul li .not-started-file {
    color: #ffffff;
    width: auto;
    margin-right: 10px;
    padding: 6px 16px;
    font-size: 12px;
    background: #e7563c; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages .title {
    width: 100%;
    float: left; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages h1 {
    font-size: 18px; }
body .body-box form.full-width .table-responsive table.fold-table tbody tr.fold.open .all-scheme-stages span {
    color: #676767;
    font-size: 14px;
    float: right;
    margin-left: 12px; }
body .body-box form.full-width .table-responsive table {
    width: 100%;
    float: left;
    background: white;
    border-radius: 6px 0;
    border: 1px solid rgba(89, 89, 89, 0.1);
    margin-bottom: 0px;
    border-spacing: 0;
    border-collapse: collapse; }
body .body-box form.full-width .table-responsive table thead {
    border-bottom: 1px solid #e1e1e5;
    white-space: nowrap; }
body .body-box form.full-width .table-responsive table thead tr th {
    opacity: 0.6;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    padding: 22px 14px; }
body .body-box form.full-width .table-responsive table thead tr th.header1 {
    position: relative; }
body .body-box form.full-width .table-responsive table thead tr th.header1 span:before {
    content: "";
    background: url(../images/sort_both.png) no-repeat;
    background-position: left;
    margin-right: 15px;
    float: right;
    right: -14px;
    height: 18px;
    width: 18px;
    top: 20px;
    background-size: 18px;
    display: inline-block;
    position: absolute; }
body .body-box form.full-width .table-responsive table tbody tr {
    border-bottom: 1px solid #eeeeee;
    border-left: 3px solid transparent; }
body .body-box form.full-width .table-responsive table tbody tr:hover {
    background-color: #f8f8fb;
    border-left: 3px solid #5054a4;
    cursor: pointer; }
body .body-box form.full-width .table-responsive table tbody tr:hover td {
    color: #5054a4;
    background: #f8f8fb; }
body .body-box form.full-width .table-responsive table tbody tr.selected {
    background-color: #f8f8fb;
    border-left: 3px solid #5054a4;
    cursor: pointer; }
body .body-box form.full-width .table-responsive table tbody tr.selected td {
    color: #5054a4; }
body .body-box form.full-width .table-responsive table tbody tr td {
    color: #001737;
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    padding: 10px 4px; }
body .body-box form.full-width .table-responsive table tbody tr td.no-action {
    white-space: nowrap; }
body .body-box form.full-width .table-responsive table tbody tr td.action {
    white-space: nowrap;
    width: max-content; }
body .body-box form.full-width .table-responsive table tbody tr td.action .more-info-customer {
    float: right; }
body .body-box form.full-width .table-responsive table tbody tr td label {
    border-radius: 2px;
    color: #ffffff;
    width: 99px;
    float: left;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status {
    float: left;
    font-size: 0 !important;
    width: 15px;
    height: 15px;
    margin: 8px 0;
    margin-right: 15px;
    padding: 0;
    border-radius: 50% !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.no-reponse {
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.no-reponse:hover:before {
    content: "No Query";
    background: #b7b5c7;
    color: white;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -28px;
    right: -45px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.not-intrested {
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.not-intrested:hover:before {
    content: "Query Not Solve";
    background: #f74c48;
    color: white;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -28px;
    right: -68px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.reschedule {
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.queary-status.reschedule:hover:before {
    content: "Query Solve";
    background: #2089e6;
    color: white;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -28px;
    right: -45px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.cpf-status {
    float: left;
    font-size: 0 !important;
    width: 15px;
    height: 15px;
    margin: 8px 0;
    margin-right: 15px;
    padding: 0;
    border-radius: 50% !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.cpf-status.no-reponse {
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.cpf-status.no-reponse:hover:before {
    content: "No Query";
    background: #b7b5c7;
    color: white;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -28px;
    right: -45px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.not-ack {
    font-size: 0 !important;
    color: #de4040 !important;
    border: 1px solid;
    font-weight: 100 !important;
    width: auto;
    padding: 10px 16px;
    background: #ffcfce url(../images/ban.svg) no-repeat;
    background-position: center;
    background-size: 12px;
    text-indent: 0;
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.not-ack:hover:before {
    content: "not-Ack";
    background: #de4040;
    color: #ffffff;
    padding: 4px 15px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    right: -26px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.out {
    background: #5054a4;
    width: auto;
    padding: 8px 15px; }
body .body-box form.full-width .table-responsive table tbody tr td label.active {
    background: #4CAF50;
    border-radius: 5px; }
body .body-box form.full-width .table-responsive table tbody tr td label.diactive {
    background: #F44336;
    border-radius: 5px; }
body .body-box form.full-width .table-responsive table tbody tr td label.appointment {
    background-color: #50e3c2;
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.wrong {
    background-color: #ff8322;
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.no-reponse {
    background-color: rgba(80, 76, 119, 0.41);
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.call {
    background-color: #5054a4;
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.not-intrested {
    background-color: #f74c48;
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.reschedule {
    background-color: #2089e6;
    color: white !important; }
body .body-box form.full-width .table-responsive table tbody tr td label.reschedule.reshedule-done {
    font-size: 0px !important;
    color: #21b721 !important;
    border: 1px solid;
    font-weight: 100 !important;
    width: auto;
    padding: 10px 16px;
    background: #d1ffd1 url(../images/n-check.svg) no-repeat;
    background-position: center;
    text-indent: 0;
    text-align: left;
    margin-right: 12px;
    position: relative; }
body .body-box form.full-width .table-responsive table tbody tr td label.reschedule.reshedule-done:hover:before {
    content: "Ack";
    background: #2bbb2b;
    color: #ffffff;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    right: -12px;
    transition: .2s;
    opacity: 1; }
body .body-box form.full-width .table-responsive table tbody tr td label.line-not-done {
    background-color: #ffedec;
    color: #e7563c !important;
    border: 1px solid; }
body .body-box form.full-width .table-responsive table tbody tr td label.line-done {
    background-color: #e4ffe5;
    color: #4caf50 !important;
    border: 1px solid; }
body .body-box form.full-width .table-responsive table tbody tr td label.shedule-line {
    background-color: #e4fff9;
    color: #50e3c2 !important;
    border: 1px solid; }
body .body-box form.full-width .table-responsive table tfoot {
    display: table;
    width: calc(100% - 200px);
    position: fixed;
    bottom: 0;
    right: 0;
    height: 50px;
    table-layout: fixed;
    background-color: #ffffff; }
body .body-box form.full-width .table-responsive table tfoot tr td .selection {
    position: relative;
    float: left;
    background: white;
    z-index: -1; }
body .body-box form.full-width .table-responsive table tfoot tr td .selection select {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 100;
    text-indent: 8px;
    width: 76px;
    height: 32px;
    border-radius: 1px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    z-index: 1; }
body .body-box form.full-width .table-responsive table tfoot tr td .selection span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 12px;
    position: absolute;
    right: 8px;
    z-index: -1;
    top: 10px;
    bottom: 0;
    vertical-align: middle; }
body .body-box form.full-width .table-responsive table tfoot tr td .pagination {
    float: left;
    margin-left: 20px; }
body .body-box form.full-width .table-responsive table tfoot tr td .pagination input {
    width: 35px;
    height: 32px;
    border-radius: 1px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background-color: #ffffff;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    cursor: pointer; }
body .body-box form.full-width .table-responsive table tfoot tr td .pagination input.prev-btn {
    background: #fff url(../images/prev-btn.svg) no-repeat;
    background-position: center;
    font-size: 0 !important;
    vertical-align: middle; }
body .body-box form.full-width .table-responsive table tfoot tr td .pagination input.next-btn {
    background: #fff url(../images/prev-btn.svg) no-repeat;
    background-position: center;
    transform: rotate(180deg);
    font-size: 0 !important;
    vertical-align: middle; }
body .body-box form.full-width .table-responsive table tfoot tr td .pagination input.pag-btn {
    background: #5054a4;
    color: white; }
body .body-box .lead-detail-block {
    width: 100%;
    float: left;
    margin-top: 30px; }
body .body-box .lead-detail-block .estimated-time {
    width: 26%;
    float: left;
    margin-top: 30px;
    background: white;
    padding: 20px; }
body .body-box .lead-detail-block .estimated-time span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    float: left;
    margin: 5px; }
body .body-box .lead-detail-block .estimated-time input {
    border: none;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px !important;
    background: transparent !important;
    vertical-align: middle;
    outline: none;
    display: inline-block;
    float: right;
    margin-top: 4PX;
    width: 106px;
    font-weight: 100;
    cursor: context-menu; }
body .body-box .lead-detail-block .estimated-time input:focus {
    border: none !important; }
body .body-box .lead-detail-block .besic-info {
    width: 24%;
    float: left;
    height: 500px;
    margin-right: 3%;
    position: relative;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    box-shadow: 2px 3px 10px 0 rgba(119, 119, 119, 0.1); }
body .body-box .lead-detail-block .besic-info.editable {
    width: 25.8%;
    float: left;
    height: 620px;
    padding: 20px; }
body .body-box .lead-detail-block .besic-info.editable .form-group {
    margin-bottom: 24px; }
body .body-box .lead-detail-block .besic-info.editable #edit-btn {
    background: none;
    border: none;
    position: absolute;
    right: 15px;
    z-index: 2; }
body .body-box .lead-detail-block .besic-info.editable #save-btn {
    background: none;
    border: none;
    position: absolute;
    right: 15px;
    color: #5054a4; }
body .body-box .lead-detail-block .besic-info .estimated-time {
    width: 87%;
    position: absolute;
    bottom: 0;
    float: left;
    left: 0;
    margin-top: 30px;
    background: #5054a4;
    padding: 20px;
    box-shadow: 2px 3px 10px 0 rgba(119, 119, 119, 0.1); }
body .body-box .lead-detail-block .besic-info .estimated-time span {
    color: #ffffff; }
body .body-box .lead-detail-block .besic-info .estimated-time span.customer {
    font-size: 16px; }
body .body-box .lead-detail-block .besic-info .estimated-time input {
    background: none;
    color: #fafafa; }
body .body-box .lead-detail-block .besic-info form {
    width: 100%;
    margin: 0; }
body .body-box .lead-detail-block .besic-info .edit-lead-link {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .besic-info .edit-lead-link input {
    height: 18px;
    right: 0;
    top: 32px;
    z-index: 2;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: none; }
body .body-box .lead-detail-block .besic-info .form-group {
    width: 100%;
    float: left;
    margin-bottom: 30px; }
body .body-box .lead-detail-block .besic-info .form-group.half {
    width: 50%;
    float: left; }
body .body-box .lead-detail-block .besic-info .form-group.edit {
    margin-bottom: 16px; }
body .body-box .lead-detail-block .besic-info .form-group label {
    display: block;
    color: #001737;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0; }
body .body-box .lead-detail-block .besic-info .form-group span {
    color: #001737;
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    margin-top: 12px;
    display: block; }
body .body-box .lead-detail-block .besic-info .form-group input {
    height: 34px;
    text-indent: 10px;
    border-radius: 5px;
    border: 1px solid #f5f5f7;
    margin-top: 5px;
    width: 80%;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .besic-info .form-group textarea {
    height: 60px;
    text-indent: 10px;
    border-radius: 5px;
    border: 1px solid #f5f5f7;
    margin-top: 5px;
    width: 88%;
    resize: none;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    box-shadow: unset; }
body .body-box .lead-detail-block .besic-info select {
    border-radius: 0 0 4px 4px;
    width: 100%;
    position: absolute;
    height: 57px;
    bottom: 0;
    left: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: 30px;
    background: #f3f3f7 url(../images/drop-down-white.svg) no-repeat;
    background-position: center right 20px;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .besic-info select.option-no-00 {
    border-radius: 0 0 4px 4px;
    background-color: #2089e6;
    color: white; }
body .body-box .lead-detail-block .besic-info select.option-no-05 {
    border-radius: 0 0 4px 4px;
    background-color: #50e3c2;
    color: white; }
body .body-box .lead-detail-block .besic-info select.option-no-06 {
    border-radius: 0 0 4px 4px;
    background-color: #ff8322;
    color: white; }
body .body-box .lead-detail-block .besic-info select.option-no-07 {
    border-radius: 0 0 4px 4px;
    background-color: #f74c48;
    color: white; }
body .body-box .lead-detail-block .besic-info select.option-no-08 {
    border-radius: 0 0 4px 4px;
    background-color: #5054a4;
    color: white; }
body .body-box .lead-detail-block .lead-chat-block {
    width: 66.9%;
    float: right;
    background: white;
    height: 560px;
    border-radius: 6px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    overflow: hidden;
    position: relative; }
body .body-box .lead-detail-block .lead-chat-block.atuf {
    height: 660px;
    position: relative;
    box-shadow: 2px 3px 10px 0 rgba(119, 119, 119, 0.1); }
body .body-box .lead-detail-block .lead-chat-block .tebs {
    height: 50px;
    background-color: #f8f8fb;
    width: 100%;
    overflow: auto;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .tebs ul {
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style: none; }
body .body-box .lead-detail-block .lead-chat-block .tebs ul li {
    display: inline-block;
    opacity: 0.7;
    padding: 16px 17px;
    cursor: pointer;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px; }
body .body-box .lead-detail-block .lead-chat-block .tebs ul li.current {
    opacity: 1;
    border-bottom: 2px solid #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block {
    width: 100%;
    height: 88%;
    margin: 0 auto;
    margin-top: 64px;
    overflow: auto; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #ececec; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .atuf-scroll {
    float: left;
    width: 100%;
    height: 474px;
    overflow: auto; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .atuf-scroll::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .atuf-scroll::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #ececec; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content {
    display: none;
    padding: 0 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content.current {
    display: block; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal {
    width: 100%;
    float: left;
    margin-top: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input {
    width: 100%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group {
    width: 240px !important;
    float: left;
    margin-right: 10px;
    margin-top: 0 !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.full-width {
    width: 100% !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.full-width textarea {
    width: 450px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group:last-child {
    margin-right: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.width-175 {
    width: 175px !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.width-175 input {
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.width-140 {
    width: 140px !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .inline-input .form-group.width-140 input {
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .button {
    width: 100%;
    float: left;
    margin-bottom: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .button input[type=button] {
    display: inline-block;
    padding: 12px 20px;
    box-shadow: none;
    border-width: 1px;
    font-family: '$Roboto';
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .button input[type=button].save {
    color: #fff;
    border-radius: 4px;
    background-color: #5054a4;
    border: 1px solid #5054a4;
    margin-right: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block .tab-content .form-horizontal .button input[type=button].cancel {
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    color: #5054a4;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .teb-heading {
    color: #4f5b64;
    margin: 0;
    font-size: 16px;
    margin-top: 8px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .footer {
    position: absolute;
    height: 56px;
    background: #f8f8fb;
    bottom: 0;
    width: 100%;
    left: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .footer .pull-left label {
    color: #4f5b64;
    font-size: 14px;
    margin-top: 8px;
    font-family: "Roboto", sans-serif;
    float: left;
    margin: 18px 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .footer .button {
    margin: 10px 15px;
    float: right;
    width: unset; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .footer .button input[type=submit] {
    width: 100px;
    height: 38px;
    font-size: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .footer select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    height: 40px;
    text-indent: 12px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin: 8px 0px;
    float: left;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view {
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody {
    border: none;
    box-shadow: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody tr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody tr td {
    border: none;
    width: auto;
    height: auto;
    line-height: 34px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody tr td h1 {
    width: 100%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody tr td span {
    opacity: 0.6;
    color: #4f5b64;
    margin-right: 40px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .scheme-view tbody tr td .edit-scheme {
    margin-right: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .width-70 {
    width: 75%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .width-70 h1 {
    font-size: 18px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .width-20 {
    width: 20%;
    float: left;
    margin-left: 24px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .width-20 input {
    width: 130px;
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .width-20 .form-group {
    width: 130px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button {
    width: 100%;
    float: left;
    margin-top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input {
    display: inline-block;
    padding: 12px 20px;
    box-shadow: none;
    border-width: 1px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.save {
    color: #fff;
    border-radius: 4px;
    background-color: #5054a4;
    border: 1px solid #5054a4;
    margin-right: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel {
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    position: initial;
    color: #5054a4;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form .button input.cancel-btn {
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    position: initial;
    color: #5054a4;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table {
    width: 500px;
    border-spacing: 0;
    border-collapse: collapse; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table thead tr th {
    opacity: 0.4;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table tbody {
    border: 1px solid #d4d4d4;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 3px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table tbody tr {
    border-bottom: 1px solid #d4d4d4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table tbody tr td {
    font-family: "Roboto", sans-serif;
    height: 200px;
    width: 50%;
    float: left;
    display: block;
    overflow: auto;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 20px;
    line-height: 44px;
    border-left: 1px solid #d4d4d4;
    color: #4f5b64; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme form table tbody tr td img {
    vertical-align: middle;
    margin-right: 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup h1 {
    opacity: 0.7;
    margin-bottom: 12px;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details h1 a, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup h1 a {
    float: right;
    color: #5054a4;
    font-size: 14px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 40px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table thead, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table thead {
    border-radius: 3px 3px 0 0;
    background-color: #f2f2f5; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table thead tr th, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table thead tr th {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    opacity: 0.5;
    font-size: 12px;
    padding: 12px;
    font-weight: 700;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table tbody tr, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table tbody tr {
    border-bottom: 1px solid #eef1f3; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table tbody tr td, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table tbody tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: 100; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Details table tbody tr td .text-wrape, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #followup table tbody tr td .text-wrape {
    white-space: nowrap;
    width: 180px;
    padding: 0 15px;
    overflow: hidden;
    display: block;
    text-align: center;
    text-overflow: ellipsis; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .add-commission {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .add-commission img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .add-commission.active img {
    transform: rotate(45deg); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .overlay-description {
    width: 100%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .overlay-description .description-overlay {
    position: absolute;
    background: #5054a4;
    opacity: 0.6;
    display: none;
    width: 100%;
    height: 91%;
    right: 0;
    top: 50px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower {
    width: 100%;
    position: absolute;
    background: #ffffff;
    top: 50px;
    right: -100%;
    border: 1px solid rgba(89, 89, 89, 0.1);
    height: 91%;
    z-index: 2;
    transition: .5s; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .closebtn {
    position: absolute;
    right: 2%;
    font-size: 28px;
    font-weight: 700;
    color: #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .input-drower {
    position: absolute;
    bottom: 1px;
    right: -2px;
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .input-drower textarea {
    width: 79%;
    resize: none;
    float: left;
    height: 34px;
    border: 1px solid #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .input-drower .send {
    width: 19.8%;
    float: left;
    border: none;
    height: 40px;
    background: #5054a4 url(../images/send.svg) no-repeat;
    background-position: center center; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower form {
    width: 100%;
    float: left;
    margin: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory {
    padding: 14px;
    float: left;
    height: 440px;
    overflow: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory::-webkit-scrollbar {
    width: 4px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory::-webkit-scrollbar-track {
    background: #f1f1f1; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory::-webkit-scrollbar-thumb {
    background: #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory::-webkit-scrollbar-thumb:hover {
    background: #555; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat {
    margin-bottom: 20px;
    float: left;
    border-bottom: 1px solid #e2e2e6; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .block-chat-internal {
    display: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .edit-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .edit-box textarea {
    width: 100%;
    resize: none;
    height: 80px;
    border-radius: 5px;
    border: 1px solid #d4d4d4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .edit-box .button {
    margin-top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .edit-box .button .save {
    padding: 9px 26px;
    background: #5054a4;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    font-family: "$Roboto"; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat.current .edit-box .button .cancel {
    background: none;
    border: none;
    color: #5054a4;
    font-weight: 600;
    font-family: "$Roboto"; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .block-chat-internal span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    float: left;
    margin-bottom: 10px;
    font-weight: 400;
    position: relative;
    padding: 6px 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .block-chat-internal span .edit-text {
    opacity: 0;
    display: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .block-chat-internal span:hover {
    background: white;
    padding: 6px 15px;
    border-radius: 5px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .block-chat-internal span:hover .edit-text {
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    top: -25px;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: none;
    cursor: pointer;
    margin-bottom: 8px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .edit-box {
    display: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status {
    width: 100%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status span {
    color: rgba(89, 89, 89, 0.4);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin: 0;
    margin-bottom: 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status span img {
    width: 12px;
    margin-right: 0px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status span img:last-child {
    margin-left: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status lable {
    color: rgba(89, 89, 89, 0.4);
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin: 20px 0;
    margin-bottom: 40px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label {
    border-radius: 2px;
    color: #ffffff;
    width: 99px;
    float: right;
    font-family: "Roboto", sans-serif;
    padding: 6px 0px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.appointment {
    background-color: #50e3c2;
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.wrong {
    background-color: #ff8322;
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.no-reponse {
    background-color: rgba(80, 76, 119, 0.41);
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.call {
    background-color: #5054a4;
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.not-intrested {
    background-color: #f74c48;
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .description-drower .chet-hstory .chet-block .block-chat .status label.reschedule {
    background-color: #2089e6;
    color: white !important; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .form-group {
    width: 100%;
    float: left;
    margin-top: 30px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .form-group.three {
    width: 33.33%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .form-group.half {
    width: 80%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .form-group label {
    opacity: 0.5;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #commission .form-group span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    width: 100%;
    float: left;
    margin-top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline {
    background-color: #fff;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 6px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline span {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 18px;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left {
    margin-bottom: 20px;
    position: relative;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left:last-child .timeline-badge:before {
    display: none;
    content: " "; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-badge {
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-badge:before {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 46px;
    margin-left: -1.5px;
    content: " ";
    width: 3px;
    height: 78%;
    background-color: #5054a4;
    opacity: 0.76; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-badge img {
    vertical-align: middle;
    position: absolute;
    left: 32px;
    right: 0;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    background: white; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel {
    width: 84%;
    margin-left: 72px;
    float: left;
    position: relative;
    padding: 0px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel .date {
    width: 15%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel .date span {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel .description {
    width: 85%;
    float: right; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel .description h1 {
    color: #4f5b64;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 700;
    line-height: 16px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #timeline .timeline .timeline-left .timeline-panel .description span {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .width-70 h1 {
    margin-bottom: 20px;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme-form {
    position: absolute;
    height: 82%;
    width: 94%;
    padding: 20px;
    overflow: auto;
    left: 0;
    bottom: 57px;
    top: 52px;
    z-index: 2;
    background: white; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme-form::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme-form::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #ececec; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme-form .cancel {
    position: absolute;
    right: 20px;
    top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute;
    cursor: pointer; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme.active img {
    transform: rotate(45deg); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme:hover:before {
    content: "Add scheme";
    position: absolute;
    background: #5054a4;
    color: #fff;
    padding: 3px 12px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 18px;
    left: -46px;
    top: -33px;
    z-index: 2;
    opacity: 1;
    transition: .1s; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #Scheme .add-scheme:before {
    content: "Add Visit";
    position: absolute;
    background: #5054a4;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    transition: .1s;
    white-space: nowrap;
    left: -46px;
    top: 0;
    z-index: -1;
    opacity: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table thead {
    border-radius: 3px 3px 0 0;
    background-color: #f2f2f5; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table thead tr th {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    opacity: 0.5;
    font-size: 12px;
    padding: 12px;
    font-weight: 700;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table tbody tr {
    border-bottom: 1px solid #eef1f3; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table tbody tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 16px;
    font-weight: 500; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit table tbody tr td .view {
    background: url(../images/view.svg) no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    background-size: 12px;
    display: inline-block; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute;
    cursor: pointer; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit.active img {
    transform: rotate(45deg); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit:hover:before {
    content: "Add Visit";
    position: absolute;
    background: #5054a4;
    color: #fff;
    padding: 3px 12px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 18px;
    left: -22px;
    top: -33px;
    z-index: 2;
    opacity: 1;
    transition: .1s; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit:before {
    content: "Add Visit";
    position: absolute;
    background: #5054a4;
    color: #fff;
    padding: 3px 10px;
    font-size: 12px;
    transition: .1s;
    white-space: nowrap;
    left: -22px;
    top: 0;
    z-index: -1;
    opacity: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form {
    position: absolute;
    height: 90%;
    width: 100%;
    left: 0;
    bottom: 57px;
    top: 52px;
    z-index: 2;
    background: white; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form form {
    margin-top: 0px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .cancel {
    position: absolute;
    right: 20px;
    top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds {
    padding: 30px;
    float: left;
    width: 92%;
    padding-bottom: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds h1 {
    width: 100%;
    float: left;
    font-size: 18px;
    margin-bottom: 24px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group {
    width: 33%;
    text-align: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group.full {
    width: 80%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group.full input {
    width: 200px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group.half {
    width: 50%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group.half textarea {
    width: 80%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group input[type="time"] {
    height: 42px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group input {
    width: 150px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group select {
    width: 150px;
    height: 44px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .form-group select.height-43 {
    height: 43px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .create {
    width: 106px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #visit .add-visit-form .filds .button .cancel-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark.active img {
    transform: rotate(45deg); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block {
    position: absolute;
    height: 90%;
    width: 90%;
    padding: 30px;
    left: 0;
    bottom: 57px;
    top: 52px;
    z-index: 2;
    background: white;
    display: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .cancel-remark {
    position: absolute;
    right: 20px;
    top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .upload-btn-wrapper .btn {
    width: 133px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    line-height: 18px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .upload-btn-wrapper .btn img {
    float: left;
    margin-left: 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .form-group {
    width: 100%;
    float: left;
    margin-bottom: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .form-group label {
    opacity: 0.5;
    color: #4f5b64;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    display: block;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .form-group input {
    width: 240px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .form-group textarea {
    width: 500px;
    height: 70px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .button .create {
    width: 106px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .add-remark-block .button .cancel-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block {
    padding: 15px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    display: block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 22px;
    margin-top: 0;
    font-weight: 600;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block .remark-div {
    float: left;
    width: 100%;
    margin-bottom: 24px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block .remark-div .title {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: right;
    line-height: 16px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block .remark-div .date {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    float: left;
    font-weight: 700; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #remarks .remark-block .remark-div p {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: block;
    float: right;
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document form {
    float: none;
    width: 100%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup {
    position: absolute;
    height: 90%;
    width: 91%;
    left: 0;
    bottom: 57px;
    padding: 30px;
    top: 52px;
    z-index: 2;
    display: none;
    background: white; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup .cancel-document {
    position: absolute;
    right: 20px;
    top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup .upload-btn-wrapper .btn {
    width: 133px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    line-height: 18px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup .upload-btn-wrapper input[type=file] {
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup label {
    opacity: 0.5;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup textarea {
    width: 440px;
    height: 70px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document-popup .button input {
    width: 154px;
    height: 40px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    margin-top: 20px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document .add-document img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document h1 {
    color: rgba(89, 89, 89, 0.6);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin-top: 30px;
    float: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr {
    border-bottom: 1px solid #f5f5f7; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 8px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td:first-child {
    width: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td img {
    text-align: center;
    vertical-align: top;
    height: 18px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td p {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 600;
    margin: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button {
    float: right; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button .upload-btn-wrapper {
    position: relative;
    float: right;
    overflow: hidden;
    display: inline-block; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button .upload-btn-wrapper .btn {
    width: 82px;
    height: 31px;
    border-radius: 4px;
    border: 1px solid #dedede;
    background-color: #f4f4f7;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button .upload-btn-wrapper .btn.singal {
    background: #5054a4;
    color: white;
    text-align: center; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr td .button .delete {
    text-align: center;
    float: right;
    padding: 8px 22px;
    margin-left: 15px;
    border-radius: 4px;
    border: 1px solid #dedede;
    background-color: #f4f4f7;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #document table tr:hover td {
    color: #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info {
    position: absolute;
    height: 90%;
    width: 100%;
    left: 0;
    bottom: 57px;
    top: 52px;
    z-index: 2;
    background: white; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .cancel {
    position: absolute;
    right: 20px;
    top: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds {
    padding: 30px;
    float: left;
    width: 92%;
    padding-bottom: 0; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio,
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__label,
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__label:after,
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__label:before {
    box-sizing: border-box; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container {
    margin-bottom: 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio-inline {
    display: inline-block;
    margin-right: 10px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label {
    display: inline-block;
    height: 50px;
    position: relative;
    padding: 15px 10px 15px 28px;
    cursor: pointer;
    vertical-align: bottom;
    color: rgba(0, 0, 0, 0.54);
    font: 300 14px/20px Helvetica, Arial, sans-serif;
    transition: color 200ms ease; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:before, body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: transform 200ms ease, border-color 200ms ease; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:before {
    left: 0;
    top: 15px;
    width: 20px;
    height: 20px;
    border: 2px solid #dbdbdb; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:after {
    top: 20px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background-color: #3c91e6; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:hover {
    color: #5054a4; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio__label:hover:before {
    border-color: #ff5b5b; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio:checked + .radio__label {
    color: rgba(0, 0, 0, 0.87); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio:checked + .radio__label:before {
    border-color: #3c91e6; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .radio__container .radio:checked + .radio__label:after {
    transform: scale(1); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group {
    width: 25%;
    text-align: left; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group.full {
    width: 80%; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group.full input {
    width: 400px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group input {
    width: 150px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group input.date {
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .form-group select {
    width: 150px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .button .create {
    width: 106px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    border: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-info .filds .button .cancel-btn {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-btn {
    width: 40px;
    height: 40px;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    float: left;
    right: 20px;
    bottom: 50px;
    background: #5054a4;
    position: absolute; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-btn img {
    padding: 12px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .add-btn.active img {
    transform: rotate(45deg); }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .description {
    width: 72%;
    float: left;
    padding: 8px;
    padding: 16px 8px; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder .description textarea {
    vertical-align: middle;
    opacity: 0.5;
    color: #4f5b64;
    width: 100%;
    font-family: "Roboto", sans-serif;
    height: 20px;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    border: none;
    resize: none; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .add-reminder button.send {
    width: 16.8%;
    background: none;
    padding: 19px;
    border: none;
    border-radius: 0 0 4px;
    background-color: #eeeef6; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .reminder-block {
    padding: 15px;
    border-bottom: 1px solid #f5f5f7; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .reminder-block h2 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .reminder-block span {
    opacity: 0.76;
    color: #4f5b64;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .reminder-block .green {
    color: #24b4fa;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    margin-right: 20px;
    display: inline-block;
    font-weight: 600; }
body .body-box .lead-detail-block .lead-chat-block .scrolling-block #reminders .reminder-block .green a {
    color: #5054a4; }
body .customer-popup {
    position: fixed;
    display: none;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 999;
    overflow: auto; }
body .customer-popup .overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.46);
    top: 0;
    left: 0;
    display: block;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100% !important;
    height: 100% !important; }
body .customer-popup .popup-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    display: none;
    width: 60%;
    border-radius: 10px;
    display: block;
    background: #fff;
    margin: auto;
    border-radius: 4px; }
body .customer-popup .popup-container .customer-detail {
    padding: 30px;
    width: 93%;
    float: left; }
body .customer-popup .popup-container .customer-detail h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px; }
body .customer-popup .popup-container .customer-detail .details {
    width: 100%;
    float: left;
    margin-bottom: 22px; }
body .customer-popup .popup-container .customer-detail .details .Lead-Name {
    width: 33%;
    float: left; }
body .customer-popup .popup-container .customer-detail .details .Lead-Name label {
    opacity: 0.5;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    float: left; }
body .customer-popup .popup-container .customer-detail .details .Lead-Name span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    float: left;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px; }
body .customer-popup .popup-container .customer-detail .details {
    width: 100%;
    float: left;
    margin-bottom: 22px; }
body .customer-popup .popup-container .customer-detail .details .form-group {
    width: 25%;
    float: left; }
body .customer-popup .popup-container .customer-detail .details .form-group label {
    opacity: 0.5;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    float: left;
    width: 100%; }
body .customer-popup .popup-container .customer-detail .details .form-group input {
    width: 175px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    text-indent: 10px; }
body .customer-popup .popup-container .customer-detail .details .form-group select {
    width: 147px;
    height: 40px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
body .customer-popup .popup-container .customer-detail .details .form-group select.yes {
    width: 100px; }
body .customer-popup .popup-container .customer-detail .button .add-call {
    width: 200px;
    height: 40px;
    border-radius: 4px;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-right: 15px;
    border: none;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .customer-popup .popup-container .customer-detail .button .cancel {
    width: 100px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    color: #504c77;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .remark-pop {
    float: left;
    width: 100%;
    display: none; }
body .remark-pop.call {
    display: block; }
body .remark-pop .overlay-popup {
    position: fixed;
    background: #282a52;
    opacity: 0.5;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999; }
body .remark-pop .remark-form {
    width: min-content;
    height: auto;
    position: fixed;
    margin: 0 auto;
    text-align: center;
    top: 10%;
    border-radius: 10px;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #ffffff; }
body .remark-pop .remark-form .popup-header {
    background: #5054a4;
    padding: 14px 0;
    float: left;
    width: 100%;
    border-radius: 10px 10px 0 0; }
body .remark-pop .remark-form .popup-header span {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    float: left;
    padding-left: 40px; }
body .remark-pop .remark-form .popup-header a {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    float: right;
    padding-right: 40px;
    cursor: pointer; }
body .remark-pop .remark-form .popup-container {
    float: left;
    width: 100%; }
body .remark-pop .remark-form .popup-container form {
    margin: 0;
    width: auto; }
body .remark-pop .remark-form .popup-container form .input-filds {
    padding: 40px;
    width: 86%;
    padding-top: 30px;
    float: left;
    max-height: 350px;
    overflow: auto;
    padding-bottom: 0; }
body .remark-pop .remark-form .popup-container form .input-filds::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 8px; }
body .remark-pop .remark-form .popup-container form .input-filds::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b9b9b9; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    text-align: left;
    position: relative; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group.half {
    width: 50%; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group label {
    width: 100%;
    float: left;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group input {
    text-indent: 16px;
    width: 230px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px;
    text-indent: 16px;
    width: 240px;
    height: 44px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
body .remark-pop .remark-form .popup-container form .input-filds .form-group textarea {
    width: 500px;
    height: 70px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    resize: none; }
body .remark-pop .remark-form .popup-container form hr {
    border: 1px solid rgba(0, 0, 0, 0.08);
    float: left;
    width: 100%; }
body .remark-pop .remark-form .popup-container form .button {
    text-align: left;
    padding-left: 40px;
    padding-top: 8px;
    padding-bottom: 10px; }
body .remark-pop .remark-form .popup-container form .button .save {
    width: 106px;
    height: 40px;
    margin-right: 15px;
    border-radius: 4px;
    border: none;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .remark-pop .remark-form .popup-container form .button .save:focus {
    background-color: #6e72ca; }
body .remark-pop .remark-form .popup-container form .button .cancel {
    width: 106px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
body .remark-pop .remark-form .popup-container form .button .cancel:focus {
    background-color: #6e72ca;
    color: white !important; }
body .stegs-teb-content {
    width: 100%;
    float: left;
    margin-bottom: 30px; }
body .stegs-teb-content.stage-form-teb-content {
    width: 100%; }
body .stegs-teb-content .stages ul {
    width: 44%;
    height: 400px; }
body .stages .border {
    background: #f6f8fa;
    border: 1px solid #f5f5f7;
    float: left;
    border-radius: 8px;
    width: 100%; }
body .stages .border.document-list {
    width: 100%; }
body .stages .border ul {
    width: -webkit-fill-available; }
body .stages .label {
    color: #a0a0a0;
    font-family: "Roboto", sans-serif;
    float: left;
    margin-bottom: 10px;
    width: 50%;
    font-size: 14px;
    font-weight: 600; }
body .stages .label.stage-form {
    opacity: 0.6;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    background: white;
    margin: 0;
    width: 48.114%;
    text-align: left;
    font-weight: 600;
    line-height: 13px;
    text-transform: uppercase;
    padding: 20px 10px; }
body .stages .tab-content1 {
    display: none; }
body .stages .tab-content1.current {
    display: block; }
body .stages .tab-content1 ul li {
    border: none; }
body .stages ul {
    margin: 0;
    list-style: none;
    width: 180px;
    height: 190px;
    float: left;
    overflow: auto;
    padding: 30px;
    padding-top: 0px; }
body .stages ul::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 8px; }
body .stages ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b9b9b9; }
body .stages ul li {
    border-bottom: 1px solid #f5f5f7;
    padding: 10px 0;
    width: 100%;
    float: left; }
body .stages ul li h1 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 100;
    margin-left: -16px; }
body .stages ul li input[type="text"] {
    float: right;
    padding: 8px;
    margin-top: -6px;
    width: 90px;
    border: 1px solid gainsboro;
    border-radius: 5px;
    vertical-align: text-bottom; }
body .stages ul li label {
    color: #929293;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 100;
    width: auto;
    margin-bottom: 0; }
body .stages ul li label span {
    opacity: 0;
    float: right;
    color: #5054a4;
    font-size: 16px;
    font-weight: 800; }
body .stages ul li label.current {
    color: #5054a4;
    font-weight: 800; }
body .stages ul li label.current span {
    opacity: 1; }
body .stages ul li .check {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position: relative;
    top: 0;
    width: 16px;
    height: 16px;
    float: left;
    font-size: 9px;
    border: 2px solid rgba(17, 17, 17, 0.4);
    border-radius: 50%;
    transition: 0.10s;
    background-color: #ffffff;
    text-align: center;
    font-weight: 600;
    color: white;
    outline: none; }
body .stages ul li .check:checked {
    background-color: #5054a4;
    border: 1px solid #5054a4;
    font-size: 9px; }
body .stages ul li .check:before {
    content: "✖";
    font-size: 9px; }
body .stages ul li .check:checked:before {
    content: "✔";
    font-size: 9px; }
body .stages ul li .check:checked + label {
    color: #5054a4; }
body .stages ul li .check:hover {
    cursor: pointer;
    opacity: 0.8;
    font-size: 9px; }
body .stages ul li .link {
    width: 20px;
    text-align: center;
    height: 20px; }
body .stages ul li .link img {
    width: 12px;
    vertical-align: middle;
    margin-top: 6px; }
body .stages ul li .link .before-current {
    display: block; }
body .stages ul li .link .after-current {
    display: none; }
body .stages ul li.current label {
    color: #575bab;
    font-weight: 800; }
body .stages ul li.current .link .before-current {
    display: none; }
body .stages ul li.current .link .after-current {
    display: block; }

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0; }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1; }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3; }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5; }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0; } }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0; }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1; }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3; }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5; }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0; } }
.call-details {
    border-radius: 5px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    width: 100%;
    float: left;
    position: relative;
    padding: 0; }
.call-details label {
    opacity: 0.5;
    font-family: "Roboto", sans-serif;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem; }
.call-details .readonly-detail {
    width: 60%;
    background: #ffffff;
    padding: 30px;
    float: left; }
.call-details .readonly-detail h2 {
    font-family: "Roboto", sans-serif;
    color: #000000;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 10px 0px;
    width: 100%;
    float: left;
    border-bottom: 2px solid #5054a40f;
    margin: 0;
    margin-bottom: 20px; }
.call-details .readonly-detail .form-group {
    width: 30%;
    position: relative;
    float: left;
    margin-bottom: 24px; }
.call-details .readonly-detail .form-group.full-width {
    width: 100%; }
.call-details .readonly-detail .form-group span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px; }
.call-details .readonly-detail .stages .selectalldiv {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-bottom: 16px; }
.call-details .readonly-detail .stages ul {
    height: 540px; }
.call-details .readonly-detail .stages ul li h1 {
    margin-bottom: 0; }
.call-details .call-history-block {
    width: 30%;
    right: 0;
    top: 0;
    float: right;
    padding: 0 30px;
    background: #f9f9f9;
    position: absolute;
    height: 100%; }
.call-details .call-history-block.client-followup .form-group {
    width: 50%;
    margin-bottom: 18px; }
.call-details .call-history-block.client-followup .form-group.full-width {
    width: 100%; }
.call-details .call-history-block.client-followup .form-group textarea {
    padding: 10px;
    width: 90%;
    vertical-align: middle;
    border-radius: 0;
    border: 1px solid #f1f1f1; }
.call-details .call-history-block .form-group {
    width: 80%; }
.call-details .call-history-block .form-group textarea {
    padding: 10px;
    width: 100%;
    vertical-align: middle;
    border-radius: 0;
    border: 1px solid #f1f1f1; }
.call-details .call-history-block .form-group.half {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    position: relative; }
.call-details .call-history-block .form-group .input-style {
    width: 92%;
    height: 40px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
.call-details .call-history-block .form-group select {
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
.call-details .call-history-block .button {
    width: 100%;
    float: left; }
.call-details .call-history-block .button.transfar-to-lead-btn {
    position: absolute;
    bottom: 0;
    left: 0; }
.call-details .call-history-block .button.transfar-to-lead-btn .add-call {
    width: 50%;
    margin: 0;
    border-radius: 0;
    float: left; }
.call-details .call-history-block .button.transfar-to-lead-btn .cancel {
    width: 50%; }
.call-details .call-history-block .button .start-button input {
    border: none;
    border-radius: 0;
    background-color: #5054a4;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-indent: 20px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
.call-details .call-history-block .button .start-button:after {
    content: "";
    background: url(../images/play-button.svg) no-repeat;
    background-position: center center;
    width: 22px;
    left: 10px;
    top: 8px;
    bottom: 0;
    position: absolute;
    height: 22px;
    display: inline-block; }
.call-details .call-history-block .button .add-call {
    width: 130px;
    height: 40px;
    border-radius: 4px;
    background-color: #5054a4;
    border: none;
    margin-right: 15px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
.call-details .call-history-block .button .cancel {
    width: 78px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase; }
.call-details .call-history-block .call-header {
    position: absolute;
    width: 100%;
    left: 0;
    background: #f9f9f9;
    top: 0;
    padding: 10px 0;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center; }
.call-details .call-history-block .call-hestory {
    height: 418px;
    overflow: auto;
    width: 100%;
    position: relative;
    margin-top: 50px;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
.call-details .call-history-block .call-hestory::-webkit-scrollbar {
    width: 4px; }
.call-details .call-history-block .call-hestory::-webkit-scrollbar-track {
    background: #f1f1f1; }
.call-details .call-history-block .call-hestory::-webkit-scrollbar-thumb {
    background: #b8b8b9; }
.call-details .call-history-block .call-hestory::-webkit-scrollbar-thumb:hover {
    background: #555; }
.call-details .call-history-block .call-hestory .block-chat {
    margin-bottom: 12px;
    float: left;
    margin-left: 18px;
    width: 90%;
    border-bottom: 1px solid #e2e2e6; }
.call-details .call-history-block .call-hestory .block-chat h1 {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%; }
.call-details .call-history-block .call-hestory .block-chat .status {
    width: 100%;
    float: left; }
.call-details .call-history-block .call-hestory .block-chat .status span {
    color: rgba(89, 89, 89, 0.4);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin: 0; }
.call-details .call-history-block .call-hestory .block-chat .status span img {
    margin-right: 8px;
    width: 12px; }
.call-details .call-history-block .call-hestory .block-chat .status span img:last-child {
    margin-left: 10px; }
.call-details .call-history-block .call-hestory .block-chat .block-chat-internal span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    float: left;
    margin-bottom: 10px;
    font-weight: 400;
    position: relative;
    padding: 10px 0px; }

/*datepicker css start here*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.1);
    background-color: #fafafa; }

.ui-datepicker th {
    padding: .7em .3em !important;
    text-align: center;
    font-weight: bold;
    border: 0;
    opacity: 0.6;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase; }

.ui-datepicker table tr {
    height: auto; }

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-today {
    color: #5054a4;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #c4c5df; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-today a,
.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
    color: #fff; }

.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
    background-color: #ff5b5b;
    width: 30px;
    height: 30px;
    border-radius: 50%; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px; }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png); }

.ui-icon-circle-triangle-w {
    background-position: -80px -192px; }

.ui-icon {
    width: 16px;
    height: 16px; }

.ui-widget-header {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-weight: bold; }

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }

.ui-datepicker .ui-datepicker-prev {
    left: 2px; }

.ui-datepicker .ui-datepicker-next {
    right: 2px; }

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png); }

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png) !important; }

.ui-icon-circle-triangle-w {
    background-position: -13px !important;
    transform: rotate(0deg) !important; }

.ui-icon-circle-triangle-e {
    background-position: 2px !important;
    transform: rotate(0deg) !important; }

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat; }

.ui-datepicker-calendar tbody tr td {
    padding: 4px 9px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600; }

/*datepicker css end here*/
.overlay-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    /* high z-index */
    background: #000;
    /* fallback */
    background: rgba(0, 0, 0, 0.75); }

.overlay-content {
    display: none;
    background: #fff;
    padding: 0;
    width: 750px;
    position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: default;
    z-index: 10001;
    border-radius: 9px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }
.overlay-content.popup-over-popup {
    position: fixed;
    top: 40px !important; }
.overlay-content.popup-over-popup .overlay-popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    background: #000;
    background: rgba(0, 0, 0, 0.75); }
.overlay-content.popup-over-popup .remark-form {
    z-index: 99999;
    position: relative; }
.overlay-content.popup-over-popup .remark-form .popup-container {
    background: white; }
.overlay-content.midium {
    width: 24%; }
.overlay-content.md-popup {
    width: 600px; }
.overlay-content.md-popup .popup-container {
    width: 86.9%; }
.overlay-content.sm-popup {
    width: 400px; }
.overlay-content.sm-popup .popup-header {
    text-transform: uppercase; }
.overlay-content.sm-popup .popup-header span {
    padding-left: 26px; }
.overlay-content.sm-popup .popup-container {
    width: 87%;
    padding: 26px; }
.overlay-content.sm-popup .popup-container .form-group {
    width: 100%; }
.overlay-content.sm-popup .popup-container .form-group .input-230 {
    width: 98% !important; }
.overlay-content.lg-popup {
    width: 1000px; }
.overlay-content .popup-header {
    background: #5054a4;
    padding: 14px 0;
    float: left;
    width: 100%;
    border-radius: 8px 8px 0 0; }
.overlay-content .popup-header span {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    float: left;
    padding-left: 40px; }
.overlay-content .popup-header a {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    float: right;
    float: right;
    padding-right: 40px; }
.overlay-content .popup-container {
    padding: 40px;
    float: left;
    width: -webkit-fill-available; }
.overlay-content .popup-container.contect .form-group {
    width: 50%; }
.overlay-content .popup-container.contect .form-group.full {
    width: 100%; }
.overlay-content .popup-container.contect .form-group.full .multiple-input label {
    width: 17.6% !important; }
.overlay-content .popup-container.contect .form-group.width-92 {
    width: 92%; }
.overlay-content .popup-container.contect .form-group.width-92 span {
    float: right;
    color: #5054a4;
    font-size: 22px;
    font-weight: 100; }
.overlay-content .popup-container .drop-file {
    background-color: #fcfcfc;
    height: 140px;
    border-radius: 3px;
    border: 1px dashed rgba(151, 151, 151, 0.35);
    text-align: center;
    color: #696a6b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    float: left;
    width: 100%;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: -0.5px; }
.overlay-content .popup-container .drop-file .uplod-illustration {
    margin: 22px 0; }
.overlay-content .popup-container .file-preview {
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative; }
.overlay-content .popup-container .file-preview .dz-preview.dz-image-preview, .overlay-content .popup-container .file-preview .dz-preview.dz-file-preview {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f3eded; }
.overlay-content .popup-container .file-preview .dz-preview.dz-image-preview .dz-image, .overlay-content .popup-container .file-preview .dz-preview.dz-file-preview .dz-image {
    width: 32px;
    float: left; }
.overlay-content .popup-container .file-preview .dz-preview.dz-image-preview .dz-image img, .overlay-content .popup-container .file-preview .dz-preview.dz-file-preview .dz-image img {
    width: 100%; }
.overlay-content .popup-container .file-preview .dz-preview.dz-image-preview .dz-details, .overlay-content .popup-container .file-preview .dz-preview.dz-file-preview .dz-details {
    width: 70%;
    float: left;
    margin-left: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #696a6b; }
.overlay-content .popup-container .file-preview .dz-preview.dz-image-preview .remove-file, .overlay-content .popup-container .file-preview .dz-preview.dz-file-preview .remove-file {
    background: url(../images/lead-delete.svg) no-repeat;
    background-position: center center;
    width: 16px !important;
    height: 16px;
    display: inline-block;
    position: relative;
    float: right;
    font-size: 0; }
.overlay-content .popup-container .file-preview .dz-preview.dz-file-preview .dz-image {
    background: url(../images/files.svg) no-repeat;
    background-position: center center;
    width: 32px !important;
    background-size: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 0; }
.overlay-content .popup-container .popup-title {
    font-family: "Roboto", sans-serif;
    opacity: 0.7;
    position: relative;
    margin-top: 0;
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    color: #76838f;
    font-size: 0.875rem;
    /*             &::before 
                 {
                     content: "";
                     position: absolute;
                     height: 3px;
                     background: #5054a4;
                     width: 12px;
                     opacity: 1;
                     left: 0;
                         top: 10px;
                 }*/ }
.overlay-content .popup-container .form-group {
    width: 80%;
    float: left;
    position: relative;
    margin-bottom: 20px; }
.overlay-content .popup-container .form-group .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    float: left; }
.overlay-content .popup-container .form-group .upload-btn-wrapper .btn {
    width: 100%;
    height: 150px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px dashed #d4d4d4;
    background-color: #ffffff;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; }
.overlay-content .popup-container .form-group .upload-btn-wrapper input[type=file] {
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 150px; }
.overlay-content .popup-container .form-group .upload-btn-wrapper input[type=file].big {
    width: 100% !important;
    height: 150px !important; }
.overlay-content .popup-container .form-group lable, .overlay-content .popup-container .form-group label {
    /*opacity: 0.5;*/
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif;
    color: #001737;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem; }
.overlay-content .popup-container .form-group lable span, .overlay-content .popup-container .form-group label span {
    color: #f74c48;
    margin-left: 5px;
    width: auto;
    float: none; }
.overlay-content .popup-container .form-group span {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 600;
    width: 90%;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis; }
.overlay-content .popup-container .form-group input {
    width: 80%;
    height: 40px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff; }
.overlay-content .popup-container .form-group input.date {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/calender.png) no-repeat;
    background-position: center right 20px; }
.overlay-content .popup-container .form-group input.height-42 {
    height: 42px; }
.overlay-content .popup-container .form-group select {
    width: 80%;
    height: 44px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/dropdown.svg) no-repeat;
    background-position: center right 20px; }
.overlay-content .popup-container .form-group select.select-44 {
    height: 44px; }
.overlay-content .popup-container .form-group textarea {
    width: 89%;
    height: 80px;
    text-indent: 10px;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    resize: none;
    background-color: #ffffff; }
.overlay-content .popup-container .form-group textarea.height-col {
    height: 128px; }
.overlay-content .popup-container .button {
    width: 80%;
    float: left;
    margin-top: 30px; }
.overlay-content .popup-container .button .save {
    width: 100px;
    padding: 0.875rem 1.5rem;
    border-radius: 4px;
    background-color: #5054a4;
    border: none;
    margin-right: 15px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase; }
.overlay-content .popup-container .button .save:focus {
    background-color: #6e72ca !important; }
.overlay-content .popup-container .button .cancel {
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    height: auto;
    width: auto;
    text-align: center;
    color: #212529;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6; }
.overlay-content .popup-container .button .cancel:focus {
    background-color: #ffffff !important;
    color: white !important; }
.overlay-content .popup-container table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #e3e3e3; }
.overlay-content .popup-container table thead {
    background: #fafafa; }
.overlay-content .popup-container table thead tr th {
    padding: 12px;
    color: #5054a4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase; }
.overlay-content .popup-container table tbody tr td {
    color: #4f5b64;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-align: center !important;
    border-top: 1px solid #fafafa; }
.overlay-content .popup-container table tbody tr td:first-child {
    text-align: left; }
.overlay-content .popup-container table tbody tr td:last-child {
    text-align: right; }
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0; }
    to {
        bottom: 30px;
        opacity: 1; } }
@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0; }
    to {
        bottom: 30px;
        opacity: 1; } }
@-webkit-keyframes expand {
    from {
        min-width: 50px; }
    to {
        min-width: 350px; } }
@keyframes expand {
    from {
        min-width: 50px; }
    to {
        min-width: 350px; } }
@-webkit-keyframes stay {
    from {
        min-width: 350px; }
    to {
        min-width: 350px; } }
@keyframes stay {
    from {
        min-width: 350px; }
    to {
        min-width: 350px; } }
@-webkit-keyframes shrink {
    from {
        min-width: 350px; }
    to {
        min-width: 50px; } }
@keyframes shrink {
    from {
        min-width: 350px; }
    to {
        min-width: 50px; } }
@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1; }
    to {
        bottom: 60px;
        opacity: 0; } }
@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1; }
    to {
        bottom: 60px;
        opacity: 0; } }
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3); }
    50% {
        -moz-transform: scale(1.05); }
    70% {
        -moz-transform: scale(0.9); }
    100% {
        opacity: 1;
        -moz-transform: scale(1); } }
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3); }
    50% {
        -o-transform: scale(1.05); }
    70% {
        -o-transform: scale(0.9); }
    100% {
        opacity: 1;
        -o-transform: scale(1); } }
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3); }
    50% {
        transform: scale(1.05); }
    70% {
        transform: scale(0.9); }
    100% {
        opacity: 1;
        transform: scale(1); } }
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
/*datatable css start here*/
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    width: 165px;
    text-indent: 10px;
    height: 36px;
    font-size: 14px;
    color: #4f5b64;
    box-shadow: 0 2px 4px rgba(235, 235, 235, 0.5);
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    margin-bottom: 16px; }

.dataTables_filter {
    font-family: "Roboto", sans-serif; }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #4f5b64;
    font-family: "Roboto", sans-serif; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    width: 35px;
    height: 32px;
    border-radius: 1px;
    border: 1px solid rgba(148, 148, 148, 0.2);
    background: none;
    background-color: #ffffff;
    color: #4f5b64 !important;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer; }

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }

.loder-page {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9999999999;
    margin: 0;
    top: 0;
    background-color: #f5f5f7; }
.loder-page .loder-header {
    position: fixed;
    z-index: 10;
    width: calc(100% - 200px);
    margin-left: 200px;
    height: 80px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 5px; }
.loder-page .loder-header .search-loder {
    width: 430px;
    height: 40px;
    margin: 16px auto; }
.loder-page .spinner {
    border: 6px solid #5054a4;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    bottom: 50%;
    z-index: 999;
    border-left-color: transparent;
    border-bottom-color: transparent;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    animation: spinner--infinite .8s linear infinite; }
@keyframes spinner--infinite {
    to {
        transform: rotateZ(360deg); } }
.loder-page .media {
    height: 80px;
    border: 1px solid rgba(255, 255, 255, 0.18); }
.loder-page .media .logo {
    vertical-align: middle;
    height: 44px;
    width: 60%;
    opacity: 0.5;
    margin: 15px auto; }
.loder-page .card {
    position: fixed;
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    background-color: #5054a4;
    border-radius: 0px;
    height: 100%;
    overflow: hidden;
    width: 200px;
    margin: 0; }
.loder-page .card .loder-item {
    float: left;
    margin: 0;
    padding-left: 0;
    width: 100%; }
.loder-page .card .loder-item li {
    display: block;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
    float: left;
    margin: 8px 0; }
.loder-page .card .loder-item li a {
    padding: 12px 0px;
    white-space: nowrap;
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    opacity: 0.4;
    color: white;
    float: left; }
.loder-page .card .loder-item li a .img {
    vertical-align: middle;
    margin: 0 16px;
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%; }
.loder-page .card .loder-item li a .content-loder {
    height: 10px;
    width: 60%;
    margin: 4px 0;
    border-radius: 8px;
    float: left; }
.loder-page .shimmerBG {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: #E5F0FB;
    background: linear-gradient(to right, #c1dceb 4%, #a3cbe1 25%, #c1dceb 36%);
    background-size: 1200px 100%; }
@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0; }
    100% {
        background-position: 100% 0; } }
@keyframes shimmer {
    0% {
        background-position: -1200px 0; }
    100% {
        background-position: 1200px 0; } }
.table-sortable > thead > tr .header > span {
    cursor: pointer;
    display: inline-block;
    padding-right: 16px;
    padding-left: 0; }

.table-sortable > thead > tr .sorted-asc > span,
.table-sortable > thead > tr .sorted-desc > span {
    /*position: relative;*/ }

.table-sortable > thead > tr .sorted-asc > span:before,
.table-sortable > thead > tr .sorted-desc > span:before {
    /*  content: "";
      display: block;
      position: absolute;
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid blue;
      right: -20px;
      bottom: 6px;*/ }

.table-sortable > thead > tr .sorted-desc > span:before {
    content: "";
    background: url(../images/sort_asc.png) no-repeat !important;
    background-position: left;
    margin-right: 15px;
    float: right;
    right: -14px;
    height: 18px;
    width: 18px;
    top: 20px;
    background-size: 18px;
    display: inline-block;
    position: absolute; }

.table-sortable > thead > tr .sorted-asc > span:before {
    content: "";
    background: url(../images/sort_desc.png) no-repeat !important;
    background-position: left;
    margin-right: 15px;
    float: right;
    right: -14px;
    height: 18px;
    width: 18px;
    top: 20px;
    background-size: 18px;
    display: inline-block;
    position: absolute; }

/*# sourceMappingURL=style.css.map */