.transfer .output .transfer_output_number,
.outbound .output .output_number{
    font-family: "Exo";
    font-size: 25px;
    height: 60px;
    font-weight: bold;
    color: #1976d2;
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-radius: 0;
}
.transfer .output .transfer_output_number{
    padding-left: 0;
    padding-right: 0;
}
.outbound .row .digit,
.transfer .row .digit{
    width: 70px !important;
    text-align: center !important;
}
.transfer .output .transfer_output_number,
.outbound .output .output_number:focus {
    box-shadow: none;
}

.outbound .dial-pad {
    margin: 0 auto 30px !important;
    padding: 0 !important;
    width: 240px !important;
    height: auto !important;
}
.transfer .dial-pad{
    margin: 0 auto 30px !important;
    width: 270px !important;
    height: auto !important;
}

.transfer .dial-pad .row,
.transfer .dial-pad .botrow,
.outbound .dial-pad .row,
.outbound .dial-pad .botrow{
    width: auto !important;
}
.dial-pad .botrow .action-button{
    padding: 4px 15px !important;
}
.dial-pad .botrow .backspace_btn{
    margin-left: 0 !important;
}
.dial-pad .botrow .call-end{
    margin-left: 30px !important;
}
.transfer .dial-pad .digit,
.outbound .dial-pad .digit{
    font-size: 25px;
    padding: 10px 18px !important;
}

.transfer .transfer_output_number_close_btn,
.output .output_number_close_btn{
    font-size: 25px;
    margin-top: 12px;
    color:red;
}
@media (max-height: 600px) {
    .transfer .dial-pad{
        margin-top: 220px !important;
    }
}
@media (max-height: 360px) {
    form.outbound_phone_form1 {
        height: 300px !important;
        overflow-y: scroll !important;
    }
    .transfer .dial-pad{
        margin-top: 235px !important;
    }
}
@media screen and (device-width: 320px) and (min-device-height : 480px) and (max-device-height : 533px) {
    form.outbound_phone_form1 {
        height: 400px !important;
        overflow-y: scroll !important;
    }
    .transfer .dial-pad{
        margin-top: 130px !important;
    }
}
@media screen and (device-width: 640px) and (device-height : 384px){
    form.outbound_phone_form1 {
        height: 310px !important;
        overflow-y: scroll !important;
    }
}
@media screen and (device-width: 732px) and (device-height : 412px){
    form.outbound_phone_form1 {
        height: 350px !important;
        overflow-y: scroll !important;
    }
}
@media screen and (device-width: 240px)  and (device-height : 320px) {
    .transfer .dial-pad{
        margin-top: 260px !important;
    }
}
.notify .phone-heartbit {
    border: 5px solid #28ae47 !important;
}

.notify .phone-point {
    background-color: #28ae47 !important;
}
.cell-breakWord {
    word-wrap: break-word;
    max-width: 1px;
    min-width: 100px;
}

.cell-breakWord,
.cell-breakWord div,
.cell-breakWord span,
.cell-breakWord td,
.cell-breakWord th {
    white-space: normal !important;
}

@media (min-width: 1024px) {
    .cell-breakWord {
        width: 40% !important;
    }
}
@media screen and (device-width: 1024px),(min-width: 992px) and (max-width: 1299px) {
    .profile_img_section,
    .profile_name_section {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.dw-user-box img{
    max-height: 100px !important;
}


@media screen and (max-device-height: 740px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        margin-right: 10px;
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .topbar ul.dropdown-user li:last-child{
        margin-bottom: 20px;
    }
}
@media screen and (max-device-height: 650px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 500px;
    }
}
@media screen and (max-device-height: 570px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 450px;
    }
}
@media screen and (max-device-height: 520px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 400px;
    }
}
@media screen and (max-device-height: 470px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 350px;
    }
}
@media screen and (max-device-height: 420px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 300px;
    }
}
@media screen and (max-device-height: 370px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 250px;
    }
}
@media screen and (max-device-height: 320px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 220px;
    }
}
@media screen and (max-device-height: 270px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        height: 160px;
    }
}
@media screen and (max-width: 768px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        left :0 !important;
        max-height: 320px !important;
    }
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu .member-task li .checkbox {
        width: 90% !important;
    }

    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu .member-task .message-center h6{
        white-space: normal !important;
    }
}
@media screen and (max-width: 312px){
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu .member-task li .checkbox {
        width: 80% !important;
    }
}
@media (max-width: 370px) {
    .detail_profile_section {
        min-height: 25px;
    }
}

@media (min-width: 371px) and (max-width: 767px) {
    .profile_img_section {
        width: 40%;
    }

    .profile_name_section {
        width: 60%;
        padding: 0;
    }

    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-73%);
        transform: translateY(-73%);
        text-align: left;
        padding-left: 8px;
    }
}

@media (min-width: 415px) and (max-width: 767px) {
    .vertical-center {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .profile_img_section {
        width: 30%;
    }

    .profile_name_section {
        width: 70%;
    }
}

@media screen and (device-width: 1440px) {
    .vertical-center {
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
    }
}
@media (min-width: 1500px) and (max-width: 1920px) {
    .vertical-center {
        text-align : left;
        -ms-transform: translateY(-58%);
        transform: translateY(-58%);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vertical-center {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 371px) and (max-width: 767px),(min-width: 1300px) {
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 5px;
        -ms-transform: none;
        transform: none;
        width: 100%;
        text-align: left;
    }
}

@media (min-width: 1525px) {
    .lead-vertical-center {
        top: 10px;
    }
}

.update_action_form_group label,
.update_action_form_group_label {
    margin-bottom: 1px !important;
}
.deleted_notes_switch,.filter-related-to {
    font-family: "Poppins", sans-serif;
    color: #3e3e3e;
    font-weight: normal;
    z-index: 999;
}
.crossed-out:after{
  position: absolute;
  content: "/";
  color: red;
  font-weight: 700;
  font-size: 1.0em;
  left: 4px;
  top: -3px;
}
.recording-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed;
  }
.recording-box {
  width: 384px;
  min-width: 25%;
  margin: 0 auto; }
.recording-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
	
.appointments-content { 
    padding: 10px !important;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  }

.appointments-content a { 
    padding: 0 0 0 0 !important;
  }

.appointments-header h6 {
  margin: 0px !important;
  }
  
.appointments-header h6 a {
  margin: 0px !important;
  padding: 0px !important;
  }
  
  
  
.phonecall-content { 
    padding: 10px !important;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  }

ul.list-style-none li .phonecall-content a  { 
    display: inline !important;
}

.phonecall-content a { 
    padding: 0 0 0 0 !important;
  }

.phonecall-header h6 {
  margin: 0px !important;
  }
  
.phonecall-header h6 a {
  margin: 0px !important;
  padding: 0px !important;
  }
  
.note-editor li {
  padding: 10px 10px 0px 10px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  }
  
 .note-editor li:hover {
  color: #007bff;
  }

.message pre {
   font-size: 12px;
   padding: 10px 10px 0px 10px;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   max-height: 300px;
}

.message  {
   min-height: 150px;
}

.form-builder {
  padding: 0;
  margin: 10px 0;
  background: #f2f2f2;
}

.badge-level1 { background: #FF0000; border: 1px solid #FF0000; color: #ffffff; font-weight: 500;}
.badge-level2 { background: #FFA500; border: 1px solid #FFA500; color: #ffffff; font-weight: 500;}
.badge-level3 { background: #aaa8a8; border: 1px solid #aaa8a8; color: #ffffff; font-weight: 500;}
.badge-level4 { background: #75d9d3; border: 1px solid #75d9d3; color: #ffffff; font-weight: 500;}
.badge-level5 { background: #5cabe8; border: 1px solid #5cabe8; color: #ffffff; font-weight: 500;}

b,
strong {
  font-weight: 600;
}


.billing_td .view_btn,
.billing_td .download_btn{
    margin-bottom: 4px !important;
}

/* Main Menu Report Menu on ipad*/
@media (min-width: 768px) and (max-width: 957px) {
    .sidebar-nav #sidebarnav > li:hover > ul,
    .sidebar-nav #sidebarnav > li:hover > ul.collapse,
    .sidebar-nav #sidebarnav > li > ul.collapse {
        left: 10px !important;
    }
}
@media (min-width: 1025px) and (max-width: 1234px) {
    .sidebar-nav #sidebarnav > li:hover > ul,
    .sidebar-nav #sidebarnav > li:hover > ul.collapse,
    .sidebar-nav #sidebarnav > li > ul.collapse {
        left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 799px) {
    .lite-sidebar-nav #sidebarnav > li:nth-last-child(2) > ul.collapse {
        right: 0 !important;
        left: auto !important;
    }
}


@media (min-width: 1440px) {
    .deleted_notes_switch {
        margin: 23px auto 0 540px;
        position: absolute;
        font-family: "Poppins", sans-serif;
        color: #3e3e3e;
        font-weight: normal;
    }
    .filter-related-to{
        margin: 15px auto 5px 250px;
        position: absolute;
        font-family: "Poppins", sans-serif;
        color: #3e3e3e;
        font-weight: normal;
    }
}

@media (min-width: 800px) and (max-width: 960px) {
    .lite-sidebar-nav #sidebarnav > li:nth-last-child(2) > ul.collapse,
    .lite-sidebar-nav #sidebarnav > li:last-child > ul.collapse {
        right: 0 !important;
        left: auto !important;
    }
}
.live-form-logo {max-height: 200px;max-width: 500px;}

.pagination > li > a, .pagination > li > span{
    padding: 2px 6px;
}
.filter-box{
    padding: 0;
}
.filter-box .navbar-header button{
    padding: 4px 10px;
    background: #072c59;
    display: block;
    color: #fff;
    border: 0;
    font-size: 22px;
    margin-bottom: 10px;
}

/*******************
 Breadcrumb and page title
*******************/
.page-titles {
    padding: 15px 0;
}
.sub-options .breadcrumb-sub-option-button-row{
    float: right;
}
.sub-options .breadcrumb-sub-option-button{
    margin-bottom: 10px;
}
.main_row_wrapper,
.table_view_row_wrapper,
.card_view_row_wrapper{
    margin-bottom: 30px;
}
.dataTables_wrapper{
    padding-top: 10px;
    padding-bottom: 15px;
}

/*-- ==============================================================
 Phone
 ============================================================== */
@media (max-width: 360px) {
    .table_reset_button_div,
    .table_reset_button{
        width: 100%;
    }
}
@media (max-width: 415px) {
    .table_selected_count_row,
    .select-checkbox-row .dropdown,
    .page-titles .import_prospect,
    .export_to_excel_table,
    .dataTables_wrapper .dt-buttons{
        display: none !important;
    }
    .table_mobile_viw{
        overflow-x: scroll !important;
    }
    .pagination_links .pagination{
        overflow-x: scroll !important;
        padding-bottom: 15px;
    }
    .billing_action_th{
        min-width: 145px !important;
    }
}

/*-- ==============================================================
 ipad(768px)
 ============================================================== */
@media (min-width: 768px) and (max-width: 768px) {
    .table_filter_div{
        width: 50%;
        max-width: 50%;
    }
    .table_filter_label{
        width: 100%;
    }
    .table_reset_button_div{
        margin-left: 14px;
    }
    .mini-sidebar .footer {
        left: 0 !important;
    }
    .email_sms_call_div button{
        margin-bottom: 4px;
    }
}

/*-- ==============================================================
 Phone and below ipad(767px)
 ============================================================== */
@media (max-width: 767px) {
    /*breadcrumb right sub options*/
    .sub-options .sub-options-row{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sub-options .breadcrumb-sub-option-button-row{
        float: none;
    }
    .sub-options .breadcrumb-sub-option-button{
        padding-right: 10px !important;
        margin-bottom: 10px;
    }
    /*Datatable*/
    .table_filter_label{
        width: 100%;
        margin-bottom: -5px;
    }
    .table_view_row_wrapper{
        margin-bottom: 20px;
    }

    .table_selected_count_row{
        margin-top: -15px;
    }
    .dataTables_info{
        width: 100%;
    }


    .paging_simple_numbers .pagination .paginate_button a{padding: 5px 8px;}
    .mini-sidebar .page-wrapper {
        margin-left: 0px;
        padding-bottom: 120px;
        padding-top: 70px;
    }

    .dataTables_wrapper  .dataTables_filter,
    #table_wrapper .dataTables_filter,
    #table_wrapper .dataTables_length{
        float: none;
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_filter input{
        width:215px !important;
    }
    div.dataTables_wrapper div.dataTables_info{
        white-space: initial !important;
    }
    #table_wrapper .dataTables_length{
        width:100%;
    }
    .paging_simple_numbers .pagination .paginate_button a{padding: 5px 8px!important;}
    .export-margin{
        margin-top:0!important;
    }
    .exportToexcel{
        position: absolute;
        right: 15px;
    }
    table.table-bordered.dataTable th:first-child{
        display: table-cell!important;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
        display: table-cell!important;
    }
    .dataTables_wrapper .dt-buttons .btn{
        margin-bottom: 5px;
    }
    .dataTables_wrapper .dt-buttons{
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        display: block;
    }
    .dataTables_wrapper .dataTables_paginate{
        float: none;
    }
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
        width: auto !important;
    }
    .mobile_viw_fup_p{
        padding: 15px 8px !important;
    }
}

@media (max-width: 320px) {
    div.dataTables_wrapper div.dataTables_filter input {
        width: 175px !important;
    }

    .email_sms_call_div .updateButton {
        margin-top: 5px;
    }
}
/*-- ==============================================================
 ipad(768px) or above
 ============================================================== */
@media (min-width:768px) {
    .sub-options .breadcrumb-sub-option-button{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .sub-options .breadcrumb-view-toggle-button {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .filter-box .navbar-header button{
        display: none;
    }
    .filter-box .collapse:not(.show){
        display: block;
    }
    .footer {
        left: 0 !important;
    }
}

@media (min-width:768px) and (max-width: 958px) {
    .page-wrapper .container-fluid{
        margin-top: 25px;
    }
}
@media only screen and (max-width: 768px) {
    .mail-body {
        padding: 0;
    }
    .mail-body .col-sm-9{
        padding: 0;
    }
    .ribbon-corner .dropdown-menu{
        width:330px;
    }
    .member-task .message-center h6{
        white-space: pre-wrap;
    }


}

.notesTable tbody,
.notesTable thead,
.notesTable th,
.notesTable td {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
}


.send-email-unsubscribed-btn,
.send-sms-unsubscribed-btn{
    position: relative;
}
.send-email-unsubscribed-btn::after,
 .send-sms-unsubscribed-btn::after{
    font-family: fontAwesome;
    content: "\f05e";
    color: red;
    position: absolute;
    top: -10px;
    margin-right: -54px;
    font-size: 1.5em;
}



.nav_logo img {
    max-height: 60px;
    padding: 5px;
}

.btn-help {
  background: #c11c19!important;
  color: #fff!important;
  border: 1px solid #FFF !important;
}
.btn-help:hover {
  background: #FFF!important;
  color: #c11c19 !important;
  border: 1px solid #c11c19!important;
}