html {
  user-select: none;
}
        @media print {
 
            html,
            body {
 
                /* Hide the whole page */
                display: none;
            }
        }

/* Material CSS over ride */
.sidenav .collapsible-header:after{display: none;}
.color787{color: #787878;}
.color444{color: #444;}
.input-field > label{color: #707070;}
#breadcrumbs-wrapper{margin: 0 0 15px 0;}
.input-field.col label {left: 0.95rem;}
a{
    cursor: pointer;
}
.card-overflow{
    height: 300px;
    overflow: auto;
}
m-0{margin: 0px !important;}
p-0{padding: 0px !important;}
.card-content-overflow{max-width: 100%;overflow: auto;}
.rounded-select-brdr .select2-container--default .select2-selection--single{background-color: #f5f5f5;border: 1px solid #9e9e9e !important;border-radius: 4px;height: 30px;}
.rounded-select-brdr .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 28px;}
.rounded-select-brdr .select2-container--default .select2-selection--single .select2-selection__arrow{height: 25px;}
.sidenav-main .brand-sidebar .brand-logo img, .avatar-status img{text-indent: -9999px;}
.ps__rail-x, .ps__rail-y{z-index: 99;}
.sidenav-active-rounded .sidenav .collapsible-header:after{right: 15px;}
.dflt-prof-icon{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #e6e6e6;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
}
.dflt-prof-icon i.material-icons{
    line-height: 26px;
    left: 0;
    background: none;
    border: 0;
    height: auto;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 15px !important;
}
.leftside-navigation .ps__thumb-x, .leftside-navigation .ps__thumb-y, .leftside-navigation .ps__rail-y:hover>.ps__thumb-y{
    background-color: #ecf9ff;
}
.profile-li .waves-block{display:table-cell;height: auto;}
.btn, .btn-large, .btn-small,.datepicker-date-display{background-color: #006699;}
.select-wrapper .dropdown-content li > a, .select-wrapper .dropdown-content li > span{color: #006699;}
.card .card-content{padding: 15px;}
.ledinfo-btns-group .btn{
    margin-bottom: 10px;
    padding: 0 0.4rem;
}
.ledinfo-btns-group .btn i.left{margin-right: 8px;}
.dropdown-content.notification li:first-of-type:hover{
    background: transparent;
}
.right-div-wrap{float: right;}
.ledinfo-btns-group span.badge{float: none;margin: 5px 10px 0 0;}
.ledinfo-btns-group .btn.modal-close{background: #ff9900;}
#main .section-data-tables .dataTables_wrapper .dataTables_length, #main .section-data-tables .dataTables_wrapper .dataTables_filter{display:block !important;}
#main .section-data-tables .dataTables_wrapper .dataTables_length select {
    width: auto;
    height: auto;
    /*display: inline-block !important;*/
}
#main .section-data-tables .dataTables_wrapper .dataTables_filter label input{
    width: auto;
    /*height: auto;*/
}
#main .section-data-tables .dataTables_wrapper .dataTables_filter label input[type=search]{border: 1px solid #d9d9d9 !important;height: 1.5rem;border-radius: 3px;padding-left: 3px;padding-right: 3px;}
#main .section-data-tables .dataTables_wrapper .dataTables_filter label input[type=search]:focus{box-shadow: none;}
.dataTables_length .select-wrapper{
    display: inline-block;
    width: 75px;
    padding: 0 5px;
}
.btn, .btn-large, .btn-small, .btn-flat{padding: 0 1rem;}
.dataTables_wrapper table input[type=text]:not(.browser-default) {
    height: 1.3rem;
}
input[type=text]:not(.browser-default)[readonly='readonly'], textarea.materialize-textarea[readonly='readonly']{background: #f5f5f5;}
/* Material CSS over ride :: END*/

.portfolio-card-wrap .card-content{background-color: #fff !important;padding: 10px;max-height: 170px;word-break: break-word;overflow:auto;min-height:170px;}
.portfolio-card-wrap .noportfolio .card-content {max-height: inherit;padding: 20px;}
.portfolio-card-wrap table td{padding: 6px 5px;}
.profile-widget .card-footer{padding: 15px 10px;text-align:center;}
.portfolio-card-wrap h5.task-card-title{width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;font-size: 1.45rem;}
.portfolio-card-wrap .budget-price{display: inline-flex;}
.portfolio-card-wrap .budget-price button{margin: 0 10px;}
/* .portfolio-card-wrap .profile-widget{height: 80%;;} */
.portfolio-card-wrap .card{border-radius: 10px 10px 0px 0px;margin-bottom: 0.5rem;}
.portfolio-card-wrap .card .card-title{font-size: 1.44rem;}
.portfolio-card-wrap .card-header{border-radius: 10px 10px 0px 0px;}
.portfolio-card-wrap .customtabs, .portfolio-card-list .customtabs{margin: 2rem 0 .5rem 0 !important;}
.grid-list-view-btns{position: absolute;right: 10px;top: 90px;}
.grid-list-view-btns a, .dasbrd-action-btn a{color: #9e9e9e;}
.grid-list-view-btns a.active, .grid-list-view-btns a:hover, .dasbrd-action-btn a.active, .dasbrd-action-btn a:hover{color: #3949ab;}
.gray-bg-btn{background-color: #bdbdbd;}
nav .navbar-list.right li a:hover {
    background: none !important;
}
.navbar .notification-badge.custom-design {
    right: -3px;
    margin: 0;
    padding: 0px;
    display: inline-block;
    line-height: 30px;
}
.tabs-custom {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 48px;
    margin: 0 auto;
    white-space: nowrap;
    background-color: #fff;
}
.tabs-custom .tab-li {
    line-height: 48px;
    display: inline-block;
    height: 48px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.tabs-custom .tab-li a
{
    font-size: 14px;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;
    padding: 0 24px;

    -webkit-transition: color .28s ease, background-color .28s ease;
            transition: color .28s ease, background-color .28s ease;
    text-overflow: ellipsis;

    color: rgba(63, 81, 181, .7);
}
.tabs-custom .tab-li a:hover, .tabs-custom .tab-li a.active {
    color: #3f51b5;
    background-color: rgba(114, 128, 206, .2);
}
.tabs-custom .tab-li a:focus, .tabs-custom .tab-li a:focus.active {
    outline: none;
    background-color: rgba(114, 128, 206, .2);
}
.nav-pills .nav-item .nav-link {
    padding: 10px;
    display: inline-block;
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.nav-pills .nav-item .nav-link:hover {
    background-color: #f6f7fe;
    display: inline-block;
    width: 100%;
    margin-left: .3rem;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #acb5f6;
    color: #fff;
    background-color: #265F9C;
}

#slide-out-right-addrole.sidenav
{
    top: 0;

    width: 340px;
    padding-bottom: 0;
}

#slide-out-right-addrole.sidenav li a.active
{
    background: none;
    box-shadow: none;
}

#slide-out-right-addrole.sidenav .slide-out-right-body
{
    width: 100%;
    height: 100vh;
}
.logo-wrap{height:auto; width:100%; text-align:center; margin:auto;padding:20px 0 10px;border-bottom:1px solid #e5e5e5;}
.logo-wrap img{height: 48px;}
.login-title{text-align:center;display:block;padding:10px 0;}
.success-msg, .pwdincoreect{margin: 5px auto 10px;
text-align: center;
display: inline-block;
width: 100%;}
.otp-msg strong{color:#202020;font-weight: 700;}
.modal-content .title{
	font-size: 1.5rem;
    padding-bottom: 10px;
    margin: 0 0 25px;
    font-weight: 600;
}
.modal .modal-footer{border-top:1px solid #dfdfdf;}
.swal-button--danger,.swal-button--danger:active,.swal-button--danger:focus {
    background-color: #006699 !important;
    box-shadow: none !important;
}
.swal-button--cancel:active, button.swal-button--cancel:focus{box-shadow: none !important;background-color: #d7d7d7;}
.paidlist-model.modal{width: 85%;max-height: 85%;}
.paidlist-model .modal-body-overflow {
  height: 70vh;
  overflow-y: auto;
}
.paidlist-model .footer-bar {
  background: #e5e5e5;
  padding-left: 15px;
  padding-right: 15px;
  margin: 5px 0 0;
}
.paidlist-model .footer-bar p{margin: 0px;}
.paidlist-model .footer-bar .card-alert.alertmsgdiv{
  position: fixed;
  top: 3px;
  padding-left: 50px;
  padding-right: 50px;
  left: 50%;
  translate: -50%;
}
.paidlist-model .btn:disabled, .paidlist-model .btn[disabled]{
  color: #373737 !important;
  background-color: #b3b3b3 !important;
}
.paidlist-model .tabs{
    padding-bottom: 40px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 40px;
}
.modal .tabs .tab a{padding: 0 15px;}
.titlelabel{
   color: #6b6f82;
   display: block;
}
.lblvaluetxt{
   font-weight: 600;
   color: #3f51b5;
   display: block;
}
.paidlist-model .tabs .tab{line-height: 38px;height: 38px;}
.paidlist-model .tabs .tab a{font-size: 13px;color: #222;font-weight: 500;text-transform: capitalize;}
.paidlist-model .tabs .tab a.active{color: #3f51b5;background-color: #e5e5e5;}
.timer-clock{
    font-size: 14px !important;
    padding: 5px 8px !important;
    height: auto !important;
    font-weight: 600;
    margin-top: 5px;
}
table.dataTable.no-footer,.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #cfd8dc !important;
}
.page-footer .footer-copyright{min-height: 40px;padding: 5px 0px}
footer.page-footer{font-size: 12px;}
.modal .card-alert.card .card-content{padding: 6px 10px;}
.mbnumloop .numtitletxt{
    font-weight: 400;
}
.input-field.col .mbnumloop label{
    display: inline-flex;
    margin-right: 15px;
    font-weight: 600;
    color: #3f51b5;
}
.mbnumloop a.tooltipped{
  background: #f5f5f5;
  margin: 0 20px 0 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0px;
  line-height: 30px;
}
.input-field.col .mbnumloop [type='radio']:not(:checked) + span{
    padding-left: 25px;
}
.collection-title{
    padding: 10px 15px;
    margin-top: 15px;
}
.collection-title h4{
    font-size: 20px;
    margin: 0;
    color: #fff;
}
.main-dashboard .tabs .tab a{font-weight: 600;}
#main .main-dashboard .section-data-tables .dataTables_wrapper table.dataTable thead th, #main .main-dashboard .section-data-tables .dataTables_wrapper table.dataTable tbody td{border-bottom: 1px solid #cfd8dc !important;}
.main-dashboard .section-data-tables .dataTables_wrapper div.dt-buttons{width: auto;margin: 0px 0 10px;float: right !important;}
.main-dashboard .section-data-tables .dataTables_wrapper button.dt-button{height: 30px;margin-bottom: 0px;}
.main-dashboard .report-dtls-header{font-weight: 400;}
.main-dashboard .report-dtls-header label{font-size: .9rem;}
.main-dashboard .report-dtls-header label span + span{font-weight: 600;}
.main-dashboard table.dataTable.no-footer{border-bottom: none !important;}
.modal h1, .modal h2, .modal h3, .modal h4{font-size: 1.4rem;}
div.dt-buttons {
    position: relative;
    float: none !important;
    /*float: left;*/
    width: 100%;
    margin: 15px 0 10px;
}
#main .section-data-tables .dataTables_wrapper .dataTables_info{
    margin-left: 0px !important;
}
.dataTables_wrapper .dataTables_length{
    /*padding: 0.2em 1em;
    position: absolute;
    top: 35px;*/
    z-index: 99;
}
.no-dt-buttons .dataTables_wrapper .dataTables_length{
    position: initial;
    padding: 0;
}
button.dt-button{
    background: #006699 !important;
    color: #fff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    border: none !important;
    font-size: 1rem !important;
    height: 36px;
    padding: 0 1rem !important;
    border-radius: 4px;
}
button.dt-button:hover:not(.disabled),button.dt-button:active:not(.disabled):hover:not(.disabled) {
    background: #ff5a92 !important;
    border: none !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%) !important;
}
button.dt-button:focus:not(.disabled){text-shadow: none !important;}
.dropify-wrapper{
    margin-top: 40px;
    margin-bottom: 15px;
}
.datelft{float:left;width: 130px;}
.timerght{float:right;width: 100px;}
.colorpicker label{top: -20px;}
.colorpicker input[type="color"]{
    width: 100%;
    margin-top: 18px;
}
.report-dtls-header{
    background: #265f9c;
    padding: 10px 15px;
    font-weight: 600;
    border-radius: 5px;
}
.report-dtls-header label {
    color: #fff;
    display: block;
    padding-bottom: 5px;
}
.report-dtls-header .keytxt {
    display: inline-block;
    width: 110px;
}
.modal-content .subtitle{
    font-size: 1.2rem;
    margin-bottom: 0px;
}
.modal-content hr{
    border: 1px solid #E7E9EB;
    margin-bottom: 20px;
    margin-top: 5px;
}
.permissiontbl{
    background: #d0d6ff;
    margin: 10px 0 20px;
}
.permissiontbl table td{
    padding: 5px 5px;
}
.customtabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 48px;
    margin: 0 auto;
    white-space: nowrap;
    background-color: #fff;
}
.customtabs .tab {
    line-height: 48px;
    display: inline-block;
    height: 48px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.customtabs .tab a
{
    font-size: 14px;

    display: block;
    overflow: hidden;

    height: 100%;
    margin: 0 24px;

    -webkit-transition: color .28s ease, background-color .28s ease;
            transition: color .28s ease, background-color .28s ease;
    text-overflow: ellipsis;
    font-weight: 600;
    color: rgba(63, 81, 181, .7);
}

.customtabs .tab a:focus,
.customtabs .tab a:focus.active
{
    outline: none;
    background-color: rgba(114, 128, 206, .2);

}

.customtabs .tab a:hover,
.customtabs .tab a.active
{
    color: #3f51b5;
    background-color: transparent;
    border-bottom: 2px solid #7280ce;
}

.customtabs .tab.disabled a,
.customtabs .tab.disabled a:hover
{
    cursor: default;

    color: rgba(63, 81, 181, .4);
}
.mngrlist {
    float: left;
    margin: 0 10px 10px;
    width: 135px;
}
.dataTable tfoot .select-wrapper{
    position: inherit;
}
.dataTable tfoot .select-wrapper .caret{
    display: none;
}
.matched-col-list.unmatched {
    border: 1px solid #ff6868;
}
.unmatchedWarning{
    color: red;
}
.imp-matched-columns{
    overflow-x: scroll;
    display: inline-block;
    width: 100%;
}
.matched-col-list{
    float: left;
    margin: 0 5px 0 0;
    border: 1px solid #ebebeb;
    padding: 0px;
    box-shadow: 0px 1px 15px -8px rgb(0 0 0 / 30%);
    min-width: 240px;
}
.matched-col-list h6{
    background: #f5f5f5;
    margin: 0 0 10px;
    padding: 5px 10px;
}
.selectColumnNameBox, .editAndSkipBox, .leadSamples, .notmatchedcol{
    padding: 0 10px;
    margin: 0 0 10px;
}
.refreshbtn{
    position: absolute;
    right: 0;
    top: -35px;
}
.viewport-showhide{margin: 20px 0 15px;}
.modal.model-sm{width: 35%;}
.clton-report {
    padding: 0 60px;
    min-height: 92px;
}
.clton-report label {
    display: block;
    padding-bottom: 10px;
    line-height: 1.5;
}
.clton-report .keytxt {
    display: inline-block;
    width: 170px;
    color: #006699;
    font-weight: 600;
    font-size: 14px;
}
.clton-report label{font-size: 14px;color: #404040;}
.teammbrlbl, .teamleadlbl{
    min-height: 52px !important;
}
.teammbrlbl [type='checkbox'] + span:not(.lever), .teamleadlbl [type='checkbox'] + span:not(.lever){
    line-height: 20px;
}
.table.dataTable thead .sorting_asc, table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc{background-image: none !important;}
table tr td span.avatar{
    border-radius: 50%;
    float: left;
    font-weight: 300;
    margin: 0;
    position: relative;
    vertical-align: middle;
    height: 28px;
    width: 28px;
    color: #fff;
}
table tr td span.avatar[data-initial]::before {
    color: currentColor;
    content: attr(data-initial);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
table tr td span.bg-success{
    background: #1de9b6;
}
table tr td span.bg-info{
    background: #40c4ff;
}
table tr td span.bg-warning{
    background: #ffa726;
}
.portfl-team-member-img{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 3%;
    margin-bottom: 3%;
    float: left;
}
.dropdown-content.notification li > a > i{
    width: 24px;
    margin: 0 12px 0 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.notification .icon-bg-circle{padding: 0px;}
.navbar #notifications-dropdown li{border-bottom: 1px solid #f5f5f5;}
.navbar #notifications-dropdown li > a > span{font-size: 1rem;top: 0px;width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.notification li:hover, .notification li.unread-notification{
    background-color: #e3e9e9;
}
.dropdown-content.notification li > a:hover{
    background-color: transparent;
}
.loadbtn{margin: 0 auto;width: 100%;display: inline-block;text-align: center;}
.loadbtn .btn{margin-bottom: 15px;}
.notificationlist{
    margin: 0 auto;
    width: 65%;
}
.notificationlist .card .card-content{padding: 0px;}
.notificationlist .notification li {
    font-size: 1rem;
    padding: 8px 16px;
    border-bottom: 1px solid #f5f5f5;
    line-height: 1.5rem;
    clear: both;
    width: 100%;
    min-height: 50px;
    cursor: pointer;
    text-align: left;
    color: rgba(0, 0, 0, .87);
}
.notificationlist .notification li > a {
    font-size: 1rem;
    font-weight: 300;
    padding: 0;
    line-height: 20px;
    display: block;
    cursor: pointer;
}
.notificationlist .notification li > a > i {
    width: 24px;
    margin: 0 12px 0 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.notificationlist .notification li > a > span {
    font-size: 1rem;
    top: 0px;
    width: auto;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-weight: 300;
}
.notificationlist .notification li > time {
    font-size: .8rem;
    font-weight: 400;
    position: relative;
    top: 2px;
    margin-left: 38px;
}
.dashboard-card-stats .gradient-45deg-light-blue-cyan{
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background:         linear-gradient(45deg, #0288d1, #26c6da) !important;
}
.dashboard-card-stats .titletxt{
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 25%);
}
.dashboard-card-stats .card a{color: #fff;}
.dashboard-card-stats .card h5{margin-top: 20px;}
div.dt-button-collection{height: 485px;overflow: auto !important;top: -50% !important; left: 50% !important; transform: translate(-50%, -98%);}
button.dt-button span.dt-down-arrow{color: #fff !important;}
.dt-button-collection button.dt-button.buttons-columnVisibility.active{background: #006699 !important;}
.dt-button-collection button.dt-button.buttons-columnVisibility{background: rgb(0 102 153 / 50%) !important;}
.portfolio-card-list .card{border-radius: 5px;margin-bottom: 0px;}
.portfolio-card-list .card .card-content{display: flex;align-items: center;width: 100%;overflow: hidden;padding: 10px;flex-wrap: wrap;}
.portfolio-card-list .text-title{font-size: 1.35rem;color: #006699;margin: 0 0 15px;font-weight: 500;padding-right: 15px;}
.portfolio-card-list label{font-size: .9rem;color: #6c6c6c;}
.portfolio-card-list .view-lbl-text{font-weight: 500;color: #3b455b;}
.btn.start-btn{background-color: #42cd80;margin: 10px 15px 10px 0;}
.portfolio-card-list .btn{width: 125px;}
.portfolio-card-list .btn.start-btn:hover{background-color: #42cd80;}
.portfolio-card-list .btn:hover{background-color: #006699;}
.portfolio-card-list .lft-wrap-content{flex: 1 0 25%;}
.portfolio-card-list .rght-wrap-content{flex: 1 0 68%;}
.noportfolio h4{font-size: 1.8rem;margin: 1rem 0 .5rem;}
.noportfolio h4 i{color:#ff9900;margin-right: 6px;font-size: 28px;}
.portfolio-card-list .noportfolio .card .card-content{display: block;padding: 20px;}
.portfolio-search-wrapper input[type=text]:not(.browser-default){border-color: #e5e5e5;}
.screenshot_icon{position: absolute;left: 15px;z-index: 99;}

/* Chatboat animation :: START */
.boat-deatils{
    margin: 0;
    position: fixed;
    background: #fff;
    bottom: 20%;
    right: 10px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: -1px 4px 10px 2px rgb(0 0 0 / 20%);
    z-index: 99;
}
.boatcontainer {
  margin: 0;
  position: fixed;
  bottom: 8px;
  right: 8px;
  height: 64px;
  width: 78px;
  animation: up-down 7.5s infinite ease-in-out;
  background: #002e44;
  border-radius: 17px;
  cursor: pointer;
  z-index: 99;
}
.boatcontainer #chatbot {
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    top: -10px;
    right: 0;
    width: 100px;
    height: 40px;
    border: 4px solid #00dbde;
    border-radius: 5rem;
}
.boatcontainer #chatbot-corner {
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 34px;
  left: -40px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #00dbde;
  transform: rotate(131deg);
}
.boatcontainer #antenna {
  margin: auto;
  position: absolute;
  bottom: -58px;
  left: 0;
  right: 0;
  top: 0px;
  height: 20px;
  width: 10px;
  background-color: #00dbde;
  animation: antenna-appear 7.5s infinite ease-in-out;
}
.boatcontainer #antenna #beam {
  position: absolute;
  top: -12.5px;
  left: -5px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #00dbde;
  animation: beam-appear 7.5s infinite ease-in-out;
}
.boatcontainer #antenna #beam-pulsar {
  position: absolute;
  top: -12.5px;
  left: -5px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #00dbde;
  animation: beam-pulsar-appear 7.5s infinite ease-in-out;
}
.boatcontainer .dot {
  height: 7.5px;
  width: 7.5px;
  margin: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: -55px;
  background-color: #fff;
  border-radius: 50%;
  animation: pulse-outer 7.5s infinite ease-in-out;
}
.boatcontainer .dot:nth-child(2) {
  left: 0;
  animation: pulse-inner 7.5s infinite ease-in-out;
  animation-delay: 0.2s;
}
.boatcontainer .dot:nth-child(3) {
  left: 65px;
  animation: pulse-outer 7.5s infinite ease-in-out;
  animation-delay: 0.4s;
}
.icon-phone{
    background-image: url(../../images/telephone-call.png);
    background-repeat: no-repeat;
    background-size: 22px;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 35%;
    top: 20%;
}
.boatcontainer h6{
    position: absolute;
    bottom: 5px;
    left: auto;
    right: auto;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 11px;
}
@keyframes pulse-inner {
  0% {
    transform: scale(1);
  }
  7.5% {
    transform: scale(1.2);
  }
  15% {
    transform: scale(1);
  }
  22.5% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1);
  }
  37.5% {
    transform: scale(1.2);
  }
  45% {
    top: 0;
    transform: scale(1);
    height: 17.5px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    transform: rotate(-370deg);
  }
  50% {
    top: 22.5px;
    height: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    transform: rotate(10deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(10deg);
  }
  65% {
    transform: rotate(-10deg);
  }
  65% {
    transform: rotate(0deg);
  }
  85% {
    top: 22.5px;
    height: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    transform: rotate(0deg);
  }
  92.5% {
    top: 22.5px;
    height: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    height: 17.5px;
    border-radius: 50%;
    transform: rotate(-360deg);
  }
}
@keyframes pulse-outer {
  0% {
    transform: scale(1);
  }
  7.5% {
    transform: scale(1.5);
  }
  15% {
    transform: scale(1);
  }
  22.5% {
    transform: scale(1.5);
  }
  30% {
    transform: scale(1);
  }
  37.5% {
    transform: scale(1.5);
  }
  45% {
    transform: scale(1);
    height: 17.5px;
  }
  55% {
    tranform: scale(1);
    height: 5px;
  }
  60% {
    height: 17.5px;
  }
  75% {
    height: 17.5px;
  }
  80% {
    tranform: scale(1);
    height: 5px;
  }
  85% {
    height: 17.5px;
  }
  100% {
    height: 17.5px;
  }
}
@keyframes antenna-appear {
  0% {
    visibility: hidden;
    top: -100px;
    height: 0;
  }
  50% {
    visibility: hidden;
    top: -100px;
    height: 0;
  }
  55% {
    visibility: visible;
    top: -125px;
    height: 20px;
  }
  95% {
    visibility: visible;
    top: -125px;
    height: 20px;
  }
  100% {
    top: -100px;
    height: 0;
  }
}
@keyframes beam-appear {
  0% {
    visibility: hidden;
    top: -12.5px;
    height: 0;
  }
  50% {
    visibility: hidden;
    top: -12.5px;
    height: 0;
  }
  55% {
    visibility: visible;
    top: -12.5px;
    height: 20px;
    width: 20px;
  }
  100% {
    visibility: visible;
    top: -12.5px;
    height: 20px;
    width: 20px;
  }
}
@keyframes beam-pulsar-appear {
  0% {
    visibility: hidden;
    top: -12.5px;
    height: 0;
  }
  50% {
    visibility: hidden;
    top: -12.5px;
    height: 0;
  }
  55% {
    visibility: visible;
    top: -12.5px;
    left: -5px;
    height: 20px;
    width: 20px;
    opacity: 1;
  }
  65% {
    top: -25px;
    left: -15px;
    height: 40px;
    width: 40px;
    opacity: 0;
    visibility: visible;
  }
  74% {
    visibility: hidden;
    opacity: 0;
  }
  75% {
    visibility: visible;
    top: -12.5px;
    left: -5px;
    height: 20px;
    width: 20px;
    opacity: 1;
  }
  85% {
    top: -25px;
    left: -15px;
    height: 40px;
    width: 40px;
    opacity: 0;
    visibility: visible;
  }
  94% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes up-down {
  0% {
    transform: translate(0);
  }
  12.5% {
    transform: translate(0, 2%);
  }
  25% {
    transform: translate(0);
  }
  37.5% {
    transform: translate(0, 2%);
  }
  50% {
    transform: translate(0);
  }
  62.5% {
    transform: translate(0, 2%);
  }
  75% {
    transform: translate(0);
  }
  87.5% {
    transform: translate(0, 2%);
  }
  100% {
    transform: translate(0);
  }
}
/* Chatboat animation :: END */

/* Dailer animation :: START */
.trin-trin
{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}
.blockUI.blockOverlay{overflow: hidden;height: 100vh!important;}
.mnl-fild-call .input-field > label{position: relative;}
.dpcode-status .dropdown-content{height: 240px !important;}
.punch-wrap{position: relative;background: #fff3e0;border-radius: 2px;padding: 15px;}
.punch-wrap p{margin: 0px;}
.punch-wrap button{position: absolute;right: 20px;top: 8px;}
.zoom-in-zoom-out {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(.85, .85);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(.85, .85);
  }
}
.notify-bar {
  position: absolute;
  top: 100px;
  left: auto;

  width: 100%;
  /*padding: 25px 0;*/

  /*background-color: yellow;*/
  color: #fff;
  overflow: hidden;
}

.bar_content {
  display: block; /* Important to give the content a width */

  width: 35%;
  background-color: #3f51b5;
  box-shadow: 0 0 8px 2px #3f51b5;
  text-align: center;
  padding: 2px;
  border-radius: 2px;
  transform: translateX(250%); /* Animation start out of the screen */
  font-size: 13px;

  /* Add the animation */
  animation: move 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}

/* Create the animation */
@keyframes move {
  to { transform: translateX(-100%); }
}

.nav-expanded .lightlogo-150{}
.nav-collapsed .lightlogo-68{}
.nav-collapsed .lightlogo-150, .nav-expanded .lightlogo-68, .nav-lock .lightlogo-68{display:none}
.performance-carousel{
    align-items: end;
    display: flex;
    flex-direction: row;
    width: 70.3%;
    margin: 0 auto 0 0;
}
.performance-carousel .inner{
    background: rgb(0 0 0 / 50%);
    padding: 10px 15px;
    height: 350px;
    width: 100.6%;
}
.slick-slide {
      margin: 0px 13px;
    }

.slick-slide img {
  width: 100%;
}
.slick-slide .card{
    background-color: transparent;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}
.slick-dots{bottom: -5px !important;}
.slick-slide .card .card-content{
    padding: 5px 10px 15px;
    background: #006699;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 45vh;
}
.card .card-content .card-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    margin-bottom: 8px;
}
.slick-slide .card .card-content img{
    display: block;
    border-radius: 15px;
    width: 150px;
    margin: 10px auto 10px;
    max-width: 100%;
    height:120px;
}
.single-left{float: left;width: 320px;margin: 6px 20px 0 5px;}
.card .card-content .single-right .card-title{margin-bottom: 0px;margin-top: 0px;}
.slick-slide .card .card-content .single-left img{margin: 0px auto;max-width: 100%;width: 300px;height:230px;}
.slick-slide .card .card-content p {
    margin: 0;
    line-height: 20px;
}
.slick-slide .card .card-content > p:first-of-type{font-size: 16px;margin-bottom: 5px;font-weight: 500;}
.single-right{float: left;width: 175px}
.slick-slide .single-item-details.card .card-content{padding-top: 15px;}
.single-item .single-item-details.card .card-content .card-title{font-size: 20px;line-height: 0;margin-bottom:20px;}
.single-item-details .team-name{
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 25px;
    display: inline-block;
    width: 100%;
}
.slick-slide .single-item-details.card .card-content p strong {
    font-size: 28px;
    padding: 10px 0 25px;
    display: inline-block;
}
.bnktitle{font-size: 16px;}
.viewportdashboard{
    background: #f5f5f5;
    margin: 0px 0px 15px;
    padding: 5px 10px 10px;
}
.viewportdashboard .input-field.inline{width: 120px;margin: 8px 0;}
.text-danger{color: #fe5455;}
.btn.transfer-btn{padding: 0 1.8rem;background: #ff5a92;margin-left: 25px;line-height: initial}
.btn.transfer-btn i{position: relative;left: 10px;top: 5px;font-size: 20px;}
.portfolio-set-values input[value="customer_first_name"] ~ label, .portfolio-set-values input[value="bucket"] ~ label, .portfolio-set-values input[value="dpd_bucket"] ~ label, .portfolio-set-values input[value="single_emi"] ~label, .portfolio-set-values input[value="pos_amount"] ~label, .portfolio-set-values input[value="account_number"] ~label, .portfolio-set-values input[value="address1"] ~label, .portfolio-set-values input[value="manual_tcl"] ~label{color: #ff5a92 !important;}
.portfolio-set-values .select2 + label{color: #006699;font-size: 1rem;}
.portfolio-set-values .select2-container--default .select2-selection--single, .portfolio-set-values .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 0.9rem !important;color: #222222 !important;}
.select2-container--default .select2-selection--single{padding: 0 10px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{right: 10px !important;}
.select2-results__option {padding: 0.5rem !important;}
.pink-bg-btn{background: #ff5a92 !important;}
.navbar .navbar-dark ul a {color: #787878;}
.manual-filters .input-field.col label{left: 0.95rem;}
.manual-filters .select2 + label {top: 0px;font-size: 1.1rem;}
.notification span.badge.new{border-radius: 10px;background-color: #fff1f3;height: 30px;line-height: 30px;margin-top: -6px;}
.navbar .navbar-dark ul li .notification a{color: #f7547a;font-weight: 500;font-size: .9rem;}
.leadstable-main-wrap table.dataTable input[type=text]:not(.browser-default){border: 1px solid #d9d9d9 !important;border-radius: 3px !important;margin: 0px;padding-left: 3px;padding-right:3px;}
.leadstable-main-wrap table.dataTable input[type=text]:not(.browser-default):focus:not([readonly]){border: 1px solid #d9d9d9 !important;box-shadow: none !important;}
.navbar .profile-button span.avatar-status{height: 64px;line-height: 64px;top: 10px;}
.audio-wrapper audio{margin: 0 0 5px;}
.audio-wrapper .btn{margin: 10px 0 12px;}
.audio-wrapper small{font-size: .9rem;}
.audio{float: left;margin: 0 25px 0 0;}
.innercard{margin: 0 15px 0 0;color: #181818;padding: 10px;}
.light-green-bg{background: #ebf7f5;}
.light-danger-bg{background: #fff4f6;}
.innercard .input-field > label{color: #000;}
.card .card-content .innercard .card-title{margin-bottom: 15px;}
.copytext i{float: right;color: #3949ab;cursor: pointer;}

.portfolio-cards-ui2{margin-bottom: 20px;}
.portfolio-cards-ui2 .portfolio-card-list .customtabs{margin-top: 1rem !important;margin-bottom: 0 !important;}
.portfolio-cards-ui2 .customtabs{background-color: transparent;}
.portfolio-cards-ui2 .customtabs .tab {text-align:left;text-transform: capitalize;height: 42px;line-height: 42px;}
.portfolio-cards-ui2 .customtabs .tab a{margin: 0px;color: #9a96a7;}
.portfolio-cards-ui2 .customtabs .tab a:hover, .portfolio-cards-ui2 .customtabs .tab a.active{display: inline-block;color: #3f51b5;}
.portfolio-card-list .card .card-content{flex-direction: column;align-items: normal;padding:15px;flex-wrap: nowrap;}
.from-to-date{float: left;margin-right: 20px;}
.portfolio-cards-ui2 .portfolio-card-list .text-title{font-size: 1.2rem;padding-right: 0;text-transform: capitalize;}
.portfolio-cards-ui2 .card-header{border-bottom: 1px solid #f2f2f2;padding: 10px 5px 10px;background: #f7f7f7;border-radius: 5px;}
.portfolio-cards-ui2 .portfolio-card-list .btn{margin: 4px 0 0 10px;}
.portfolio-cards-ui2 .portfolio-card-list .rght-wrap-content{margin-top: 15px;}
.portfolio-cards-ui2 .portfolio-card-list .rght-wrap-content  label{width: 140px;float: left;}
.portfolio-cards-ui2 .select2-container--default .select2-selection--single{height: 40px;border-radius: 5px;}
.profile-li .dropdown-content li > a{
  padding-left: 10px;
  padding-right:10px;
}
.profile-li .dropdown-content li > a > i{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  background: #66c6eb;
  color: #fff;
  margin-top: -4px;
  font-size: 18px;
}
.profile-li .dropdown-content li:nth-child(2) > a >i, .dataTable .btn-flat.color3-icon i{
  background: #ff93c4;
  /* color: #ff94c5; */
}
.profile-li .dropdown-content li:nth-child(3) > a >i, .dataTable .btn-flat.color2-icon i{
  background: #ffc674;
  /* color: #fdbc68; */
}
.profile-li .dropdown-content li:nth-child(4) > a >i, .dataTable .btn-flat.color4-icon i{
  background: #f36565;
  /* color: #e60101; */
}
.dataTable .buttons .btn-flat, .dataTable .btn-flat{
  padding: 0 .3rem;
}
.dataTable .btn-flat{height: auto;}
.dataTable .buttons .btn-flat i, .dataTable .btn-flat i{
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 50%;
  line-height: 26px;
  background: #66c6eb;
  color: #fff;
  font-size: 16px;
}
.dataTable .buttons .btn-flat:focus,.dataTable .btn-flat:focus {
  background-color: transparent;
}
.dataTable .btn-flat[data-tooltip="Delete"] i{
  background: #f36565;
}
.tbl-heading-text{
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.count-cardsflexi p{color: #222;font-size: 12px;font-weight: 500;}
.count-cardsflexi .background-round{padding: 6px;font-size: 18px;color: #fff;}
.count-cardsflexi .card1{background: #ecf2fe;border: 1px solid #4b81fb;}
.count-cardsflexi .card1 i{background: #4b81fb;}
.count-cardsflexi .card1 h5{color: #4b81fb;}

.count-cardsflexi .card2{background: #ffefef;border: 1px solid #ff6565;}
.count-cardsflexi .card2 i{background: #ff6565;}
.count-cardsflexi .card2 h5{color: #ff6565;}

.count-cardsflexi .card3{background: #fff8e8;border: 1px solid #ffb91d;}
.count-cardsflexi .card3 i{background: #ffb91d;}
.count-cardsflexi .card3 h5{color: #ffb91d;}

.count-cardsflexi .card4{background: #e9faf4;border: 1px solid #28ca98;}
.count-cardsflexi .card4 i{background: #28ca98;}
.count-cardsflexi .card4 h5{color: #28ca98;}

@media only screen and (max-width: 600px){
  .refreshbtn{position: relative;right: 0;top: 10px;width: 100%;}
  .refreshbtn .btn{float: right;}
  .dataTables_wrapper .dataTables_length{width: 100%;}
  #main .section-data-tables .dataTables_wrapper .dataTables_filter{width: 100%;margin-top: 60px;}
  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title{padding-right: 10px;}
  #breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs{padding-left: 10px;}
  #breadcrumbs-wrapper .breadcrumbs-title{font-size: 1.3rem;}
  .portitems {margin: 0 0 20px;}
  .clton-report .keytxt{font-size: 16px;}
  .clton-report .valuetxt{font-size: 14px;color: #404040;}
  .view-port-header label{font-size: .99rem;}
  a.btn.btn-small.view-btn {font-weight: 500;margin: 15px 0 10px !important;}
  a.view-btn:hover, a.view-btn:focus {text-decoration: none;}
  .ledinfo-btns-group .timer-clock{display: inline-block;width: 100%;margin-bottom: 10px;font-size: 18px !important;
    padding: 0px 0 !important;}
  .ledinfo-btns-group button.btn, .ledtrns-btn-group button.btn{margin-bottom: 10px;padding: 0 .3rem;}
  .paidlist-model.modal{width: 95%;}
  .paidlist-model.modal .modal-content {padding: 15px;}
  .modal-body-overflow {height: 55vh !important;}
  .modal.model-sm{width: 80%;}
  .flowbtn-grp-btn{margin-top: 40px;}
  .customtabs{height: auto;}
  .punch-wrap button{position: relative;right: 0px;top: 8px;}
  .notify-bar{position: initial;}
  .bar_content{width: auto;}
  .portfolio-cards-ui2 .portfolio-card-list .rght-wrap-content label{width: 42%;}
  .portfolio-cards-ui2 .portfolio-card-list .rght-wrap-content .view-lbl-text{float: left;width: 58%;}
  .portfolio-cards-ui2 .from-to-date{float: left;margin: 0 0 10px;width: 100%;}
  .portfolio-cards-ui2 .customtabs .tab a{margin: 0 25px 0 0 !important;}
  .portfolio-cards-ui2 .from-to-date label{width: 100px;float: left;}
  .portfolio-cards-ui2 .portfolio-card-list .btn{margin: 5px 12px 5px 0;float: left;}
}
@media only screen and (max-width: 767px){
    .hide-mob{display: none !important;}
    /*.sidenav-overlay{top: 56px;}*/
    .sidenav-active-rounded .sidenav li > a, .sidenav-active-rounded .sidenav li a.collapsible-header{padding: 0 0 0 10px !important;}
    .sidenav li > a{font-size: 12px;}
    .sidenav li a i{font-size: 1rem;margin-right: 0.5rem;}
    .sidenav li > a > i.material-icons, .sidenav li a.collapsible-header > i.material-icons{
        margin: 0 5px 0 0;
    }
    .sidenav .collapsible li, .sidenav.fixed .collapsible li {
        display: inline-block;
        width: 100%;
    }
    .sidenav li > a, .sidenav li a.collapsible-header,.sidenav li > a > i.material-icons, .sidenav li a.collapsible-header > i.material-icons {
        line-height: 40px;
        height: 40px;
    }
    .notificationlist{width: 100%;}
    .portfolio-card-wrap .customtabs, .portfolio-card-list .customtabs{margin-top: 2.5rem !important;}
    .portfolio-card-list .customtabs .tab a, .portfolio-card-wrap .customtabs .tab a{
        margin: 0 15px;
    }
    .portfolio-card-list .lft-wrap-content{flex: 1 0 100%;}
    .portfolio-card-list .rght-wrap-content{flex: 1 0 100%;}
    .portfolio-card-list .text-title{margin: 10px 0 10px;}
    .from-to-dtsl{margin-bottom: 1rem;}
    .btn.start-btn{margin-top: 5px;margin-right: 15px;margin-bottom: 5px;}
    .portcalc .portcalc-inner01, .portcalc .portcalc-inner02{flex-direction: column;}
    .portcalc .portcalc-inner01 .portitems, .portcalc .portcalc-inner02 .portitems{width: 100%;}
    .ledinfo-btns-group button.btn, .ledtrns-btn-group button.btn{margin-bottom: 10px;padding: 0 0.3rem;font-size: .85rem;height: 28px;line-height: 28px;}
    .ledinfo-btns-group button.btn i, .ledtrns-btn-group button.btn i{font-size: 1rem;margin-right: 5px;}


  }
  @media (min-width: 1100px) and (max-width: 1280px){
    .paidlist-model.modal{max-height: 85%;}
    .paidlist-model .modal-body-overflow{height: 420px;}
  }