/*whatsapp-contact*/

/*whatsapp-contact-filter*/
#adminForm .chosen-container-single .chosen-single {
    height: 100% !important;
    display: flex;
    align-items: center;
}
div#list_limit_chosen {
    height: 100% !important;
    border-radius: .375rem;
}
#adminForm .chosen-container-single .chosen-single span {
    height:  100% !important;
    display: flex;
    align-items: center;
    font-size: 14px;
}
#adminForm .chosen-container-single .chosen-single div {
    margin:auto;
    transform: translateY(8px);
}
select#list_fullordering,
select#list_limit{
    height: 100%;
    font-size: 14px;
}
button#delete-message {
    height: 38.01px;
}
@media (max-width:525px){
    button#clear-message{
        width:100%;
    }
    button#clear-all-message {
        margin-top:10px;
        width:calc(80% - 10px);
        margin-left:0 !important;
    }
    button#delete-message{
        margin-top:10px;
        width:20%;
    }
}

button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {
    background:#141e3e !important;
}

button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter:hover {
    background:#a1a5b2 !important;
}

button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
     border:0px;
     border-left: 2px solid #fdfdfd !important;
     color:#fff;
}

.js-stools-container-bar input#filter_search {
    color:#666;
}

.js-stools-container-bar input#filter_search:focus {
    color:#666;
    border: 1px solid #9a9a9a;
}

.field-calendar .input-group>.form-control  {
       height:10px;
       background:#fff;
       font-size:14px
} 

.field-calendar button.btn  {
       border-radius:0 5px 5px 0;
       font-size:14px;
       padding:3px 20px;
}

.js-stools-container-filters-visible {
    padding:10px 0 !important;
}
/*E0-whatsapp-contact-filter*/

.table-responsive::-webkit-scrollbar-track{
  background: rgb(0 0 0 /20%) !important; /* color of the tracking area */
}
.table-responsive::-webkit-scrollbar-thumb{
  background: rgb(20 30 62 / 50%) !important; /* color of the tracking area */
}

table.table-striped {
    margin: 10px 0;
    /* table-layout:fixed; */
    width:100%;
    overflow: auto;
}
table.table-striped  th:first-child{
    width: 15%;
}
table.table-striped  th:nth-child(2){
    width: 25%;
}
table.table-striped  th:nth-child(3){
    width: 15%;
}
table.table-striped  th:nth-child(4){
    width: 35%;
}
table.table-striped  th:nth-child(5){
    width: 10%;
}
#whatsappcontactsdetailList.table.table-striped{
    width:800px;
}
#whatsappcontactsdetailList.table.table-striped thead tr th:first-child{
    width:20% !important;
}
#whatsappcontactsdetailList.table.table-striped thead tr th:nth-child(2){
    width:30% !important;
}
#whatsappcontactsdetailList.table.table-striped thead tr th:nth-child(3){
    width:25% !important;
}
#whatsappcontactsdetailList.table.table-striped thead tr th:nth-child(4){
    width:25% !important;
}
@media (min-width:1200px){
    #whatsappcontactsdetailList.table.table-striped{
        width:100%;
    }
}
.js-stools-container-filters-visible {
     background-color:#ffffff00;
}

.table-striped>tbody>tr:nth-of-type(odd)>*,
.table-striped>tbody>tr:nth-of-type(even)>*{
    --bs-table-accent-bg:#fff !important;
}

.table>:not(caption)>*>* {
    padding: 3px 5px;
}

table.table-striped  thead th a {
    color:#ffffff;
    font-weight: 600;
}

table.table-striped tbody td {
    color:  #666 !important;
}
.table-striped tr th{
    background: #141e3e;
    color:#fff;
}

table.table-striped  tr th:first-child {
    border-radius: 10px 0 0 0 !important;
}
table.table-striped  tr th:last-child {
    border-radius: 0 10px 0 0 !important;
    width: 10%;
}

table.table-striped  tbody td {
    padding: 5px 10px;
}

.pagination .page-item{
    margin-right:5px;
}

.pagination .page-item.active {
    background:#a1a5b2 !important;
    color:#fff !important;
    transition: all 0.5s; 
}

.pagination .page-item.active:hover {
    background:#141e3e !important;
}

.pagination > .active > span:hover {
    background:#ffffff00;
}

.pagination .page-item .page-link {
    color:#666;
    padding: 14px 20px !important;
}


.pagination .page-item .page-link:hover {
    color:#ffffff; 
}

.pagination  .page-link:focus {
box-shadow: 0 0 0px;
}


@media (max-width:1200px) { 
   table.table-striped, .view-messagehistories #messagehistoryList.table.table-striped  {
       width:auto;
}
    table.table-striped  th ,
    table.table-striped  tr td{
        line-height:1.5;
    }

/*
body.view-whatsappcontactsdetails .sp-column,
body.view-schedulemessages .sp-column {
        padding: 40px !important;
    }
*/
}


@media (max-width:767px) {
    table.table-striped  th ,
    table.table-striped  tr td{
        font-size: 12px;
        line-height:1.3 !important;
    }

}

.js-stools-container-bar .btn-toolbar {
    justify-content: flex-start;
}

@media (max-width:767px) {

    .js-stools-container-bar .btn-toolbar {
    justify-content: center;
    
}

    .btn-toolbar .input-group,
    .js-stools-container-bar .btn-toolbar>* {
    width: 100%;
}

.js-stools-container-bar .btn-toolbar>* {
     margin-inline-end: 8px;
}
}
/*E0-whatsapp-contact*/


/*whatsapp-group*/
table#whatsappgroupList th:first-child{
    width:100%;
} 

table#whatsappgroupList th {
    /*border-radius: 10px 10px 0 0 !important;*/
}
/*E0-whatsapp-group*/


/*whatsapp-history*/
button#clear-message {
   margin-left: auto !important;
}

.view-messagehistories table.table-striped,
.view-schedulemessages table.table-striped,
.view-templates table.table-striped,
.view-messagekeywords table.table-striped  {
    width: 100%;
}
.view-messagehistories table.table-striped  th:first-child{
    width:4%;
}
.view-messagehistories table.table-striped  th:nth-child(2){
    width: 10%;
}
.view-messagehistories table.table-striped  th:nth-child(3){
    width: 10%;
}
.view-messagehistories table.table-striped  th:nth-child(4){
    width: 10%;
}
.view-messagehistories table.table-striped  th:nth-child(5){
    width: 5%;
}
.view-messagehistories table.table-striped  th:nth-child(6){
    width: 25%;
}
.view-messagehistories table.table-striped  th:nth-child(7){
    width: 10%;
}
.view-messagehistories table.table-striped  th:nth-child(8){
    width: 15%;
}
.view-messagehistories table.table-striped  th:last-child{
    width: 11%;
}
.calendar-container table {
    color:#666;
}

.calendar-container .btn-group {
    border: 0;
}

.buttons-wrapper .btn {
    box-shadow:1px 1px 1px #ffffff00;
}

.calendar-container .btn-group .js-btn {
    background: #141e3e;
    border-radius:0;
    border: 2px solid #fff;
    line-height:1;
}

a.js-btn.btn-prev-month,
a.js-btn.btn-prev-year,
a.js-btn.btn-next-month,
a.js-btn.btn-next-year {
    color:#666;
}

#messagehistoryList button.edit-message,
#messagehistoryList button.delete-message,
#messagehistoryList button.edit-message:hover,
#messagehistoryList button.delete-message:hover{
    border:0;
    background:transparent;
    box-shadow: none !important;
    width:30px;
    padding: 0;
}

i.whatsapp-edit,
i.whatsapp-delete{
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    color:#141e3e;
    font-size:20px;
    transition:0.5s;
    margin:5px 5px !important;
    line-height:1;
}
i.whatsapp-edit:before {
    content: "\f044";
}
i.whatsapp-delete:before {
    content:"\f2ed ";
}
i.whatsapp-edit:hover,
i.whatsapp-delete:hover{
    color:rgb(20 30 62 / 50%);
}
@media (max-width:1400px){
#messagehistoryList button.edit-message{
    padding-bottom: 15px !important;
}}

/*E0-whatsapp-history*/


/*whatsapp-schedule*/
button.delete-message {
    background:#a1a5b2;
    border:none;
    color:#ffffff;
    line-height:1.2;
    padding: 5px;
    border-radius:5px;
    transition:all 0.5s;
}

button.delete-message:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #141e3e !important;
    color: rgb(255 255 255 / 50%) !important;
}

.view-schedulemessages table.table-striped {
    margin:50px 0;
    table-layout:fixed;
    width:auto;
}

.view-schedulemessages  table.table-striped  th:first-child{
    width: 5%;
}

.view-schedulemessages  table.table-striped  th:nth-child(2){
    width: 10%;
}

.view-schedulemessages  table.table-striped  th:nth-child(3){
    width:15%;
}

.view-schedulemessages  table.table-striped  th:nth-child(4){
    width: 15%;
}

.view-schedulemessages  table.table-striped  th:nth-child(5){
    width: 10%;
}

.view-schedulemessages  table.table-striped  th:nth-child(6){
    width: 10%;
}

.view-schedulemessages  table.table-striped  th:nth-child(7){
    width: 20%;
}

.view-schedulemessages  table.table-striped  th:nth-child(8){
    width: 10%;
}

.view-schedulemessages  table.table-striped  th:nth-child(9){
    width: 10%;
}

.view-schedulemessages  table.table-striped  th:nth-child(10){
    width: 10%;
}
/*E0-whatsapp-schedule*/


/*whatsapp-template*/
.btn.btn-micro.active {
    background:#141e3e !important;
    border-radius:50%;
    padding:6px 11px;
}
i.icon-publish,
i.icon-unpublish {
    color:#ffffff !important;
}

table.table-striped tr td a {
    color:#141e3e !important;
    transition: all 0.5s;
} 
table.table-striped tr td a:hover {
    color:#141e3e96 !important;
} 
.btn-success {
   margin-left: auto !important;
   background:#141e3e !important;
   transition:all 0.2s;
}
.btn-success:hover {
   background:#a1a5b2 !important;
}
#templateList.table.table-striped{
    width:1400px;
}
#templateList.table.table-striped thead tr th:first-child{
    width:8% !important;
}
#templateList.table.table-striped thead tr th:nth-child(2){
    width:7% !important;
}
#templateList.table.table-striped thead tr th:nth-child(3){
    width:15% !important;
}
#templateList.table.table-striped thead tr th:nth-child(4){
    width:20% !important;
}
#templateList.table.table-striped thead tr th:nth-child(5){
    width:40% !important;
}
#templateList.table.table-striped thead tr th:nth-child(6){
    width:10% !important;
}
#templateList.table.table-striped tr td img{
    width:90%;
}
@media(max-width:767px){
    #templateList.table.table-striped{
        width:1000px;
    }
}
@media(min-width:1800px){
    #templateList.table.table-striped{
        width:100%;
    }
}

/*E0-whatsapp-template*/

/*whatsapp-view-msg-keyword*/
.view-messagekeyword .item_fields,
.view-template .item_fields {
    background:#fff;
    border-radius:10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px #00000014;
    margin:20px 0;
}


.view-messagekeyword .item_fields th,
.view-messagekeyword .item_fields td,
.view-template .item_fields th,
.view-template .item_fields td {
    color:#666;
    }

.view-messagekeyword .sp-column .btn-outline-primary,
.view-template .sp-column .btn-outline-primary {
    color:#202a4e;
    background:transparent;
}

.view-messagekeyword .sp-column .btn-outline-primary:active,
.view-template .sp-column .btn-outline-primary:hover {
    color:#202a4e !important;
    background:transparent !important;
}

.view-messagekeyword .sp-column .btn-outline-primary:hover,
.view-template .sp-column .btn-outline-primary:hover {
    background:transparent;
    color:rgb(32 42 78 / 50%);
}

.view-messagekeyword .sp-column .btn-danger,
.view-template .sp-column .btn-danger{
    background:#202a4e;
    transition:all 0.2s;
}

.view-messagekeyword .sp-column .btn-danger:active,
.view-template .sp-column .btn-danger:active {
    background:#202a4e !important;
    color:#fff !important;
}

.view-messagekeyword .sp-column .btn-danger:hover,
.view-template .sp-column .btn-danger:hover{
    background:#a1a5b2;
    opacity:1;
}
#messagekeywordList.table.table-striped{
    width:1200px;
}
#messagekeywordList.table.table-striped thead tr th:first-child{
    width:10% !important;
}
#messagekeywordList.table.table-striped thead tr th:nth-child(2){
    width:10% !important;
}
#messagekeywordList.table.table-striped thead tr th:nth-child(3){
    width:10% !important;
}
#messagekeywordList.table.table-striped thead tr th:nth-child(4){
    width:25% !important;
}
#messagekeywordList.table.table-striped thead tr th:nth-child(5){
    width:35% !important;
}
#messagekeywordList.table.table-striped thead tr th:nth-child(6){
    width:10% !important;
}
@media(max-width:767px){
    #messagekeywordList.table.table-striped{
        width:1000px;
    }
}
@media(min-width:1600px){
    #messagekeywordList.table.table-striped{
        width:100%;
    }
}


.front-end-edit h1 {
    color:#666;
    font-size: 24px;
    font-weight:500;
}

#messagekeyword,
#logindetail,
#template {
    border-radius:5px;
}

joomla-tab#myTab input:active,
joomla-tab#myTab input:focus {
    border: 1px solid #6c757d;
}

#messagekeyword .btn-toolbar {
    margin:10px 0;
}

button.group-remove {
    border-left: 2px solid #fff;
    background:#141e3e !important;
    transition:all 0.2s;
}

button.group-move {
    border-left: 2px solid #fff;
    background:#141e3e !important;
    border-radius: 0 5px 5px 0 !important;
    transition:all 0.2s;
}

button.group-remove:hover,
button.group-move:hover {
    border-left: 2px solid #fff;
    background:#a1a5b2 !important;
}

button.group-remove:active,
button.group-move:active{
     border-left: 2px solid #fff !important;
}
.control-group{
    margin:0
}
.control-group .controls {
    /* margin:40px 0; */
}

.control-group .controls button.validate,
.control-group .controls a.btn-danger{
    background:#141e3e !important;
    margin-right:10px;
    transition: all 0.2s;
}

.control-group .controls button.validate:hover,
.control-group .controls a.btn-danger:hover{
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #141e3e !important;
    color: rgb(255 255 255 / 50%) !important;
}
/*E0-whatsapp-view-msg-keyword*/




/*Google Calendar*/

.calendar-selection-container h4{
    color:#000;
}
#calendar-setup-area .card{
    border:0;
}
#calendar-setup-area .card-header.bg-success{
    border-radius: 10px 10px 0 0;
    border:0;
    background:#141e3e !important;
}
#calendar-setup-area .card-header.bg-success:before{
    background:#198754;
}
#calendar-setup-area .card-header{
    border-radius: 10px 10px 0 0;
    border:0;
    background:#141e3e;
    position:relative;
    padding: 10px 30px;
}
#calendar-setup-area .card-header:before{
    content:'';
    left: 12px;
    top: 15px;
    height:10px;
    width:10px;
    position:absolute;
    background:#d03c4c;
    border-radius:10px;
}
#calendar-setup-area .card-header.bg-success h3{
    font-size:16px !important;
    margin-bottom:0;
    color:#ffffff;
}
#calendar-setup-area .card-header h3{
    font-size:16px !important;
    margin-bottom:0;
    color: #fff;
}
#calendar-setup-area .card-body{
    border-radius:  0 0 10px 10px;
    padding:30px !important;
    background:linear-gradient(45deg,#ddd, #ddd);
    color:#141e3e;
}
button#refresh-accessToken{
    background:#0d6efd;
    color:#fff;
    margin-right:5px;
    margin-top:20px;
}
button#disconnect-acc{
    background:#dc3545;
    color:#fff;
    margin-right:5px;
    margin-top:20px;
}
button#btn-reconnect{
    background:#198754;
    color:#fff;
    margin-top:20px;
}
#calendar-selection-table td, #calendar-selection-table th{
    border-radius:0 !important;
    border:0 !important;
}
#calendar-selection-table th{
    background:#141e3e !important;
}
.calendar-selection-container h4{
    margin: 30px 0 0 0 !important;
}
button#btn-authorize{
    background:#198754 !important;
    color:#fff;
    margin-top:0px;
}
/*EO Google Calendar*/

/*customer*/
form#adminForm button#toolbar-assigntags {
    margin-right: 8px !IMPORTANT;
}
form#adminForm .me-3 {
    margin-right: 8px !IMPORTANT;
}
form#adminForm .align-items-center {
    margin-bottom: 0px !IMPORTANT;
    align-items: flex-start !IMPORTANT;
}
table#customerList table.table-striped  th:nth-child(2){
    min-width: 250px;
}
table.table-striped  th:nth-child(3){
    min-width: 200px;
}
table.table-striped  th:nth-child(4){
    min-width: 150px;
}
table.table-striped  th:nth-child(5){
    min-width: 150px;
}
table.table-striped  th:nth-child(6){
    min-width: 150px;
}
table.table-striped  th:nth-child(7){
    min-width: 100px;
}
table.table-striped  th:nth-child(8){
    min-width: 150px;
}
table.table-striped  th:nth-child(9){
    min-width: 200px;
}
table.table-striped  th:nth-child(10) {
    min-width: 200px;
}
table.table-striped  th:nth-child(11) {
    min-width: 150px;
}
table.table-striped  th:nth-child(12) {
    min-width: 150px;
}
table.table-striped  th:nth-child(13) {
    min-width: 150px;
}
table#customerList table.table-striped  th:nth-child(1){
    min-width: 50px;
}
main#sp-component h3 {
    font-size: 22px !important;
    margin-bottom: 10px;
}
.com_dt_whatsapp_customer .table-responsive {
    height: 78vh;
}
table#customerList span.customer-tag {
    line-height: 1;
}
table#customerList a.btn.btn-mini {
    padding: 3px;
    display: flex;
}
table#customerList table.table-striped th:nth-child(3) {
    min-width: 50px !imporant;
    width: 50px !imporant;
}


/*workflow*/
.workflow-keyword-row {
    padding: 18px 20px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    transition: all 0.2s;
}
.workflow-checkbox-group {
    align-items: center;
    justify-content: center;
    display: flex;
}
.workflow-keyword-header .workflow-header-cell {
    min-width: 150px !IMPORTANT;
    width: 150px !IMPORTANT;
    text-align: center;
}
.workflow-keyword-header {
    padding: 10px !IMPORTANT;
}

button#addWorkflowKeywordBtn {
    background: #0d1b34;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 10px 26px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.1;
}

button.workflow-remove-icon {
    background: #0d1b34;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 5px 5px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.1;
}


/*pricing*/
.pricing-page section#sp-main-body,
.register-page section#sp-main-body,
body.register-page {
    background: #141e3e !important;
}
.pricing-page table#pricing-table-id h3,
.fixed-tfoot-cell h3 {
    color: #fff;
}
.pricing-page .pricing-toggle label span {
    color: #fff;
}
.pricing-page input#setupFeeAll {
    width: 18px;
}
.pricing-page header#sp-header {
  display: none;
  }
}
.training-fee-toggle {
    margin-bottom: 30px !IMPORTANT;
}
.pricing-page span.q-checkbox__label {
    line-height: 1;
    width: 200px;
    padding: 0px;
}
.pricing-page input#setupFeeAll {
    line-height: 1;
}
label.q-checkbox.cursor-pointer.no-outline.row.inline.no-wrap.items-center {
    display: flex !IMPORTANT;
}

.icon-false:before,
.icon-true:before,
.addon-icon:before {
    font-family: 'Font Awesome 6 Free' !IMPORTANT;
}
.faq-link-btn:before {
    font-family: 'Font Awesome 6 Brands' !IMPORTANT;
}

.price {
    position: inherit !IMPORTANT;
    bottom: 0px !IMPORTANT;
}
.pricing-table th, .fixed-tfoot-cell {
    padding-bottom: 60px !IMPORTANT;
}