@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); 
 

/* ---------- CSS ---------- */
body{ font-family: "Nunito", sans-serif;background:#fff;font-size: 13px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{}
.page-wrapper.pageBody {background-color:#fff; border-top-left-radius: 20px;min-height: calc(100vh - 70px);margin-bottom: 0;}
.page-wrapper.pageBody .page-content {padding:15px;}
a {cursor:pointer; color: #017dc0;}
a:hover {color: #000;text-decoration:none;}

.bgWhite {background-color: #fff !important;}
.bgGr1 {background:#017dc0;}
.bgGr2 {background:#017dc0;}
.font10{font-size:10px;}
.hideAll {display:none !important;}
.top-menu.ms-auto .dropdown-laungauge,
.top-menu.ms-auto .dark-mode,
.top-menu.ms-auto .dropdown-app,
.top-menu.ms-auto .dropdown-noti,
.top-menu.ms-auto .dropdown-cart
{
    display: none !important;
}
.fnt12{font-size:12px;}
.relative{position:relative;}
.color-mn {color: #2584F4;}
.width100{width:100%;}
span.required {color: red;}
.borderRight{border-right: 2px solid #000;}
.form-control, .form-select {font-size:13px !important;padding: 8px 8px;line-height: 16px; /*appearance: auto;*/ height: 34px;}
.form-select {cursor: pointer;padding-right: 20px;background-position-x: calc(100% - 5px);background-position-y: 11px;height: auto;} 
.form-select option {padding:4px 2px;} 
.form-select.customSelects {} 
.form-select.expanded {position:absolute;z-index:9;height:auto !important;} 
textarea.form-control {height: auto;}
.form-control:focus, .form-select:focus{box-shadow:none!important;border-color:#dee2e6;}
:focus-visible{outline:none;}
.modal-header{border-bottom:1px solid #eeeeee !important;padding:10px 15px 6px;}
.modal-header .modal-title {font-size:18px;}
.modal-header .close {border: 1px solid #333;padding: 0px 3px 1px;margin: 0;margin-top:2px; border-radius: 25px;line-height: 16px;color: #000;opacity: .7;font-size: 18px;}
.text-danger.field-validation-error, .text-danger.field-validation-valid, .errorMsg {font-size: 12px;position: absolute; margin-left: 2px;}
.text-danger.validation-summary-errors ul {padding:0;margin-bottom: 5px;font-size: 12px;}
.text-danger.validation-summary-errors li {list-style:none;}
.calImg {height:16px;width:15px;top:32px;}
.btn.focus, .btn:focus,.swal2-styled:focus{box-shadow:none;}
.lineAB::before,.lineAB::after {display: inline-block;content: ""; border-top: 1px solid #ccc;width: 40%;margin: 0 20px;transform: translateY(-3px);}
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: none;}
.ideaCaldender .calImg, .calendarUI .calImg {position: absolute;right: 7px;cursor:pointer; }
.dotBW {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.dotBW:hover {cursor:pointer;}
.card {box-shadow: 0px 0px 5px #fff;border: 1px solid #e7ebef; border-radius: 10px !important;}
.cursor{cursor:pointer;}
.form-control:disabled{cursor:not-allowed;}
.max250{max-height:250px;}
.mediapop .file-card.bgActive, .mediapop .file-card.bgActive .card-body {background-color: #dde3ed;}
.cursor-disable {cursor: not-allowed !important; background-color:#e9ecef;}
.btnBH:disabled {background-color: #cdc5c5;color: #000;}
/* ---------- ScrollBar ---------- */
.pageBody ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.pageBody  ::-webkit-scrollbar {width:4px;height:4px;background-color:#F5F5F5;border-radius:1px;}
.pageBody  ::-webkit-scrollbar-thumb {background-color:#9a9a9b !important;border-radius:1px;}

/* ---------- Toggle Switch ---------- */
.switch {position: relative;display: inline-block;width: 40px;height: 16px;top: 0px;left:1px;}
.switch.switchwrap{left: 45px;}
.switch input {opacity: 0;width: 0;height: 0;}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: -2px;bottom: -2px;background-color: #818181;-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: #75b6d8;}
.switch input:focus + .slider {box-shadow: 0 0 1px #ccc;}
.switch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);background-color: #017dc0;}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}
.switch input[type=number]::-webkit-inner-spin-button {opacity: 1;}

/* ---------- Headings ---------- */
/*.logoM {height:15px;}*/
.logoM {max-height:40px;}
.wrapper .logo-text {margin-left: 0px;}
/*.logoM.logoUser{max-height:30px;}*/
.pageBody .page-header {font-size: 20px;text-align: left;font-weight: 700;padding-top: 1px;padding-bottom: 0px;margin-bottom:5px;}
.pageBody .page-header.hdr2 {font-size: 18px;}
.pageBody .page-header.hdr3 {font-size: 16px;}
.pageBody .page-header.hdr4 {font-size: 14px;}
.pageBody .page-subHeading {font-size: 12px;font-weight: 500;}
.topbar {}
.topbar ul.dropdown-menu {padding:7px;border: 1px solid #ebebeb;border-radius: 10px;}
.topbar ul.dropdown-menu .dropdown-item {padding:5px 10px;border: 1px solid #ebebeb;border-radius: 5px;margin-bottom:5px;font-size: 12px;}
.topbar ul.dropdown-menu .dropdown-item i {font-size: 12px !important;margin-right: 5px; font-weight: 600;}
.topbar .navbar {padding-left: 15px;padding-right: 15px;}
.topbar {}

button:focus{outline:none!important;}
/* ---------- Sidebar Menu ---------- */
/*.wrapper .sidebar-header {border:none;}*/
.wrapper .sidebar-wrapper, .wrapper .topbar  {box-shadow:none !important;}
.wrapper .topbar, .wrapper .sidebar-header  {border-bottom:1px solid #E7EBEF;}
.wrapper .sidebar-wrapper {border-right:1px solid #E7EBEF;}
.wrapper .topbar .user-box  {border:none !important;}
.wrapper .sidebar-wrapper .sidebar-header .toggle-icon  {color:#017dc0;margin-top:98px;margin-left:0px;padding: 3px 18px;width: 240px; position: absolute;background-color: #fff;left: 0;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon  {display: block; transform: rotate(180deg);}
.wrapper .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: none;transition:all linear 1s;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon .arrow  {display: none;transition:all linear 1s;}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: block;margin-top:0px;transition:all linear 1s;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .toggle-icon .arrow  {display: none;transition:all linear 1s;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .toggle-icon .cross  {display: block;transition:all linear 1s;padding:3px}
.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .toggle-icon {width: auto;left:6px;}
.wrapper .sidebar-wrapper .sidebar-header .logo-icon  {display: none;}
.wrapper.toggled .sidebar-header .logo-icon .cross {padding: 3px;}
.wrapper.toggled .sidebar-wrapper .sidebar-header .logo-icon  {display: block;box-shadow: 0px 0px 5px #e2e2e2;border-radius: 5px;}
.wrapper.toggled.sidebar-hovered .sidebar-wrapper .sidebar-header .logo-icon  {display: none;}
.sidebar-wrapper .metismenu {margin-top: 80px;}
.sidebar-wrapper .metismenu a, .sidebar-wrapper .metismenu ul a {font-size:14px;font-weight:600; padding: 8px 10px; border-radius: 10px; color: #778DA2;}
.sidebar-wrapper .metismenu ul li a {padding: 2px 0px;line-height: 14px;border-radius: 0;margin: 12px 0px;margin-left: -2px;/*padding-left: 10px;border-left: 3px solid #efefef;*/}
.sidebar-wrapper .metismenu ul li.mm-active a, .sidebar-wrapper .metismenu ul li.mm-active a:hover {color: #017dc0;background-color: transparent;/*border-left:3px solid #017dc0;*/ }
.sidebar-wrapper .metismenu ul li a:hover {color: #017dc0;background-color: transparent;border-color:#017dc0;}
.sidebar-wrapper ul.metismenu ul {margin-left: 55px;}
.sidebar-wrapper .metismenu ul.mm-show li {content: "•";color: #017dc0;list-style: disc;font-size: 16px;vertical-align: middle;line-height: 20px;}
.sidebar-wrapper .metismenu a img, .sidebar-wrapper .metismenu ul a img {opacity:.5;} 
.sidebar-wrapper .metismenu a .parent-icon {font-size:18px;}
.sidebar-wrapper .metismenu a .menuIcon {height:15px; width: 15px;}
.sidebar-wrapper .metismenu ul a i {font-size:16px;margin-right:2px;display:none;}
.sidebar-wrapper .metismenu li.heading {color: #778DA2;font-weight: 600;margin-bottom: 5px;margin-top: 10px;font-size: 12px;}
.sidebar-wrapper .metismenu .mm-active>a, .sidebar-wrapper .metismenu .mm-active>a:hover {color: #344054;background-color: #fff;font-weight: 700;}  
.sidebar-wrapper .metismenu li a:hover, .sidebar-wrapper .metismenu li a:focus {color: #344054;background-color: #f6f6ff;font-weight: 700;}
.sidebar-wrapper .metismenu .mm-active>a img, .sidebar-wrapper .metismenu .mm-active>a:hover img, .sidebar-wrapper .metismenu li a:hover img, .sidebar-wrapper .metismenu li a:focus img  {opacity:1;}
.metismenu .has-arrow:after { transform: rotate(136deg) translateY(-50%);}
.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active>.has-arrow:after { transform: rotate(226deg) translateY(-50%);}
.cursor{cursor:pointer;}
.textEll.textEllNM{max-width:125px;}

/* ---------- Buttton-CSS ---------- */
.btn i, .btn.myBTN i, .myBTN i {
    font-size: 14px;
}
.btnBH {color: #fff;background-color: #2584F4;border-radius: 25px;border: none;padding: 10px 20px;font-size: 18px;font-weight: 600;letter-spacing: 1px;box-shadow: 0px 1px 5px rgb(150 84 239 / 31%);}
.btnBH:hover, .btnBH:focus, .btnBH:active, .btnBH:not(:disabled):not(.disabled):active, .btnBH:not(:disabled):not(.disabled):active:focus {color: #fff;background-color: #017dc0;border-color: #2584F4;}

.myBTN {color: #fff;background-color: #017dc0;border-radius: 4px;border: none;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #017dc0;}
.myBTN.tblBtn, .myBTN.tblBtn:hover,.myBTN.tblBtn:not(:disabled):not(.disabled):active, .myBTN.tblBtn:not(:disabled):not(.disabled):active:focus {font-size: 11px!important; padding: 3px 8px!important;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active, .myBTN:not(:disabled):not(.disabled):active:focus {color: #fff;background-color: #017dc0;border-radius: 4px;border: none;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #017dc0;}
.myBTNH, .myBTNH:focus, .myBTNH:active, .myBTNH:not(:disabled):not(.disabled):active, .myBTNH:not(:disabled):not(.disabled):active:focus {color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;}
.myBTNH:hover {color: #fff;background-color: #017dc0;border-radius: 4px;padding: 6px 10px;font-size: 13px;font-weight: 600;border: 1px solid #017dc0;}
.myBTN.tblBTN, .myBTN.tblBTN:hover, .myBTN.tblBTN:focus, .myBTN.tblBTN:active,.myBTN.tblBTN:not(:disabled):not(.disabled):active, .myBTN.tblBTN:not(:disabled):not(.disabled):active:focus {border-radius:30px;padding: 1px 10px;font-size: 11px;}
.userBTN{color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;}
.userBTN:hover{color: #000;background-color: #fff;border-radius: 4px;border: 1px solid #ababab;padding: 6px 10px;font-size: 13px;font-weight: 600;cursor:auto!important;}
.myBTN.disabled {background-color: #a9a8a8;color: #efefef;border-color: aliceblue;opacity: 1;}

.btnDisable {cursor: not-allowed;}
.badge {padding:4px 10px;font-size:12px;font-weight:500;border-radius:10px; min-width: 80px;color:#fff;}
.badge.bg-success, .badge.badge-success, .badge.bg-success:hover, .badge.badge-success:hover {background-color: #43a047 !important;color:#fff;}
.badge.bg-secondary,.badge.badge-expired, .badge.bg-secondary:hover,.badge.badge-expired:hover {background-color: #808080 !important;color:#fff;}
.badge.bg-primary,.badge.badge-primary, .badge.bg-primary:hover,.badge.badge-primary:hover {background-color: #568bc5 !important;color:#fff;}
.badge.bg-danger,.badge.badge-danger, .badge.bg-danger:hover,.badge.badge-danger:hover {background-color: #dc3545 !important;color:#fff;}
.badge.bg-warning ,.badge.badge-warning, .badge.bg-warning:hover,.badge.badge-warning:hover  {background-color: #E58A1B !important;color:#fff;}
.badge.bg-info,.badge.badge-info, .badge.bg-info:hover,.badge.badge-info:hover {background-color: #7abbc9 !important;color:#fff;}
.badge.bg-optout,.badge.badge-optout, .badge.bg-optout:hover,.badge.badge-optout:hover {background-color: #7d71c5 !important;color:#fff;}
.badge.bg-inactive,.badge.badge-inactive, .badge.bg-inactive:hover,.badge.badge-inactive:hover {background-color: #F9DA82 !important;color:#fff;}
.badge.bg-upcoming,.badge.badge-upcoming, .badge.bg-upcoming:hover,.badge.badge-upcoming:hover {background-color: #9445E3 !important;color:#fff;}
 

.badge.bg-successBH, .badge.badge-successBH {background-color: transparent !important;border:1px solid #52D5C6;color:#52D5C6;}
.badge.bg-secondaryBH,.badge.badge-expiredBH {background-color: transparent !important;border:1px solid #778DA2;color:#778DA2;}
.badge.bg-primaryBH,.badge.badge-primaryBH {background-color: transparent !important;border:1px solid #568bc5;color:#568bc5;}
.badge.bg-dangerBH,.badge.badge-dangerBH {background-color: transparent !important;border:1px solid #cd6670;color:#cd6670;}
.badge.bg-warningBH ,.badge.badge-warningBH  {background-color: transparent !important;border:1px solid #bb9859;color:#bb9859;}
.badge.bg-infoBH,.badge.badge-infoBH {background-color: transparent !important;border:1px solid #7abbc9;color:#7abbc9;}
 

.badge.all { background-color: #e8edff; border: 1px solid #2939f3; color: #2939f3; }
.badge.active { background-color: #77f57d42; border: 1px solid #6aa96d; color: #6aa96d; }
.badge.inActive { background-color: #fbe9e7; border: 1px solid #a55400; color: #a55400; }
.badge.pending { background-color: #fff8e1; border: 1px solid #ffb300; color: #ffb300; }
.badge.processing { background-color: #a085ff0d; border: 1px solid #a085ff; color: #a085ff; } 
.badge.approved { background-color: #e8f5e9; border: 1px solid #66bb6a; color: #198d1f; } 
.badge.rejected { background-color: #ffebee; border: 1px solid #e53935; color: #e53935; }
.badge.expired { background-color: #72707024; border: 1px solid #9e9e9e; color: #9e9e9e; }
.badge.cancelled { background-color: #efebe9; border: 1px solid #8d6e63; color: #8d6e63; }
.badge.deactive { background-color: #5f5e5e0d; border: 1px solid #5f5e5e; color: #5f5e5e; }
.badge.upcoming {background-color: #e0f7fa;border: 1px solid #009fba;color: #009fba;}
.badge.scheduled { background-color: #e1f5fe; border: 1px solid #0288d1; color: #0288d1; }
.badge.queue { background-color: #8d97070d; border: 1px solid #bcca00; color: #8d9707; }
.badge.signup { background-color: #0802aa0d; border: 1px solid #0802aa; color: #0802aa; } 
.badge.executed { background-color: #ede7f6; border: 1px solid #5e35b1; color: #5e35b1; } 
.badge.new {background-color: #91ebff57;border: 1px solid #37daff;color: #37daff;} 
.badge.sucess { background-color: #e8f5e9; border: 1px solid #66bb6a; color: #198d1f; } 
.badge.terminate {background-color: #ffebee; border: 1px solid #e53935; color: #e53935; }
.badge.dropout {background-color: #fb8a600d; border: 1px solid #fb8a60; color: #fb8a60; }
.badge.complete { background-color: #00cd0a0d; border: 1px solid #00cd0a; color: #00cd0a; }
.badge.overQuota {background-color: #e5b9000d;border: 1px solid #e5b900;color: #e5b900;} 
.badge.optout {background-color: #ff44c80d;border: 1px solid #ff44c8;color: #ff44c8;}  
.badge.blocked {background-color: #6d4c410d;border: 1px solid #6d4c41;color: #6d4c41;}
.badge.bounce {background-color: #c2185b0d;border: 1px solid #c2185b;color: #c2185b;}

 



.badgeBHH {padding: 4px 10px;font-size: 12px;font-weight: 500;border-radius: 4px;min-width: 80px;background-color: #017DC0;color:#fff;
    min-width:80px;margin-left:8px;cursor:pointer;}
/*New Colored btns*/
.badge.bg-success.green, .badge.badge-success.green, .badge.bg-success.green:hover, .badge.badge-success.green:hover {background-color: #C7FFC7 !important;color:#344054;} 
.badge.bg-danger.red,.badge.badge-danger.red, .badge.bg-danger.red:hover,.badge.badge-danger.red:hover {background-color: #FEBBBB !important;color:#344054;}
.badge.bg-warning.orange,.badge.badge-warning.orange, .badge.bg-warning.orange:hover,.badge.badge-warning.orange:hover  {background-color: #FFDBAD !important;color:#344054;} 

.textEll {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 300px;}
table tr td .textEll {display:block;}
.textEll:hover { white-space: normal;}
input[type=checkbox], input[type=radio]{cursor:pointer;}
input[type="checkbox" i]:disabled {
    cursor: no-drop;
}
/* ---------- Table-CSS ---------- */
.fa.active {color: #6aa96d;}
.fa.paused {color: #a55400;padding-right: 4px;}
.fa.archived {color: #2939f3;}
.fa.pendingB {color: #37daff;}
.fa.invoiced {color: #CCCC00;}
.fa.closed {color: #e53935;}
.fa.Inactive {color: #a55400;}

table {/*border: 1px solid #f1f1f1;*/border-color:#f1f1f1 !important;width: calc(100% - 2px) !important;}
table table.table, table table {margin-bottom:0;}
table thead {background-color: transparent;color: #000;border:none;}
table thead th {border: none !important;;}
table.dataTable.no-footer{border-bottom:none;margin-bottom:15px;}
table tbody + tbody, table tbody {border-top: 1px solid #f9f9f9 !important;}
.tableFix {position: relative;width: 100%;max-height: 230px;overflow-y: auto;}
.tableFix table thead th {position: sticky;top: 0px;z-index: 9999;background-color: #F6F6F6;}

/*table thead {background-color: #003366; color: #fff;}*/
table tfoot tr.blue {background-color: #003366; color: #fff;}
table tfoot tr.lightblue {background-color: #eef6ff; color: #000;}
/*table tfoot tr.lightblue td { border-color: #b9b9b9;}*/
table th, table td {padding:8px 8px !important;font-size:12px;border-bottom: 1px solid #efefef !important;}
table td a i {font-size:13px;}
table thead th, table.dataTable thead th {border:1px solid #F6F6F6;padding:8px 8px !important;border:none;color: #344054;background-color:#F6F6F6 !important;}
table thead th:first-child, table.dataTable thead th:first-child {border-top-left-radius:8px;border-bottom-left-radius:8px;}
table thead th:last-child, table.dataTable thead th:last-child {border-top-right-radius:8px;border-bottom-right-radius:8px;}
.datepicker table thead th:first-child {border-top-left-radius:0;border-bottom-left-radius:0;}
.datepicker table thead th:last-child {border-top-right-radius:0;border-bottom-right-radius:0;}
table tfoot td {border:1px solid #004993;padding:4px 8px !important;font-weight:600;font-size:13px;}
table td, .table td {/*border:1px solid #d5d5d5;*/border:none; vertical-align: middle !important; vertical-align: middle;}
table td a, table td a:not([href]):not([class]){text-decoration:none;font-weight:700;color: #017dc0;margin:0 1px; display: inline-block;}
table td a:hover, table td a:not([href]):not([class]):hover  {color: #000;}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2;}
.dataTables_filter input{outline:0;border: 1px solid #958585;border-radius: 20px;}
.table-striped tbody tr, .table-striped tbody tr td, .table-striped>tbody>tr:nth-of-type(odd)>*, .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {background-color:#fff !important;--bs-table-accent-bg: #fff;border:none;    vertical-align: middle;}
.dataTables_wrapper .dataTables_length {font-size:13px;}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
    pointer-events: none;
    cursor: auto;
    background-image: none;
    background-color: #6F7176;
    border-color: #6F7176;
    padding: 2px 5px !important;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: none !important;
    background-color: #017dc0 !important;
    border-color: #017dc0 !important;
    padding: 2px 8px !important;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 2px 8px !important;font-size: 12px;background-color: #404040;color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {background-color: #efefef;border-color:#d8d8d8; color: #000 !important;}
.dataTables_wrapper .dataTables_filter input {border: 1px solid #cdcdcd;} 

.dataTables_paginate.paging_simple_numbers {margin-bottom:5px;margin-top: 5px;}
.dataTables_wrapper .dataTables_info {font-size: 13px;padding-top:4px;}
.dataTables_filter ::-webkit-search-cancel-button {cursor:pointer;}
.dataTables_length select {border-radius: 12px;min-width: 50px;border-color: #cdcdcd;}


/* ---------- Tab menu-CSS ---------- */
.tabMenus {}
ul.tabMenus {background-color: #E6E6E6;display: inline-block;padding: 10px 12px;border-radius: 10px;}
ul.tabMenus li {display:inline-block;list-style:none;}
ul.tabMenus li a {}
ul.tabMenus li a:hover {text-decoration:none;}
ul.tabMenus li .CmmMenu {padding: 10px 15px 8px;margin: 0 12px;background-color: transparent;font-weight:500; border-radius: 10px;}
ul.tabMenus li .CmmMenu:hover {background-color: #f6f6f9;}
ul.tabMenus li .CmmMenu.active {padding: 10px 15px 8px;border-radius:10px;}
ul.tabMenus li .CmmMenu .menuHeading{font-size:13px; margin: 0;font-weight:600;}
ul.tabMenus li .CmmMenu.active .menuHeading {font-size:13px; margin: 0;font-weight:600;color: #fff;}
ul.tabMenus li .CmmMenu.active {background-color:#000;}
ul.tabMenus.nav-tabs .nav-item .nav-link, ul.tabMenus.nav-tabs .nav-link {margin:0 7px;border: none;box-shadow: none;color: #000;padding: 7px 15px 7px;font-weight: 500;border-radius: 10px;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link:hover, ul.tabMenus.nav-tabs .nav-link:hover {background-color: #f6f6f9;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link, ul.tabMenus.nav-tabs .nav-link.active {background-color: #000;color: #fff;}
ul.tabMenus.nav-tabs .nav-item.show .nav-link .menuHeading, ul.tabMenus.nav-tabs .nav-link.active .menuHeading {}
ul.tabMenus {}

/* ---------- CK Editor -CSS ---------- */
.cke_reset_all.cke_dialog_container {}
.cke_reset_all.cke_dialog_container table.cke_dialog { width: auto !important;border:none !important;}
.cke_reset_all.cke_dialog_container table.cke_dialog tbody { border:none !important;} 
.cke_reset_all.cke_dialog_container table.cke_dialog td { border:none !important;} 
.cke_reset_all.cke_dialog_container table.cke_dialog td a.cke_dialog_ui_button_ok {color: #fff;background: #017dc0;border: 1px solid #017dc0;}
.cke_reset_all.cke_dialog_container table.cke_dialog .cke_dialog_ui_hbox .cke_dialog_ui_hbox_last {text-align:right;}



/* ---------- Datepicker-CSS ---------- */
.datepicker {padding:0; z-index: 9999 !important;}
.datepicker.datepicker-orient-top {top:280px !important;}
/*.datepicker.datepicker-orient-bottom {top:340px !important;}*/
.datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown.datepicker-orient-bottom:before, .datepicker-dropdown.datepicker-orient-bottom:after {display:none;}
.datepicker.form-control {padding:2px 10px;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color: #bbb;}
.datepicker td.today.day, .datepicker td.today.day:hover {background:none!important; background-color:#017dc0  !important;color:#fff !important;}
.datepicker td.active.day, .datepicker td.active.day:hover {background:none!important; background-color:#333 !important;color:#fff !important;}
.datepicker td, .datepicker th {border-radius:0;}
.datepicker th:hover {background-color:#333 !important;}
.datepicker th.datepicker-switch, .datepicker th.prev, .datepicker th.next {background-color:#017dc0 !important; color: #fff;}
.datepicker th.datepicker-switch:hover, .datepicker th.prev:hover, .datepicker th.next:hover {background-color:#017dc0 !important;}
.datepicker th.dow { background-color:#333  !important;color:#fff !important; }
.datepicker td .month.active,
.datepicker td .month.focused.active,
.datepicker td .year.active, 
.datepicker td .year.focused.active, 
.datepicker td .year.active:hover, 
.datepicker td .decade.focused.active,
.datepicker td .decade.focused.active:hover, 
.datepicker td .century.focused.active, 
.datepicker td .century.focused.active:hover 
{background:none;background-color:#333  !important;color:#fff !important; }
.datepicker .next.disabled, .datepicker .prev.disabled {background-color: #017dc0!important;color:#fff !important;visibility:visible!important;}
.datepicker th.dow:hover {background-color:#000 !important;}
.clockIcon { position: absolute;right: 5px;top: 7px;font-size: 15px;color: #017dc0;z-index:99;}
.bootstrap-datetimepicker-widget.dropdown-menu {width:100% !important;}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td span {width: 30px;height: 30px;line-height: 30px;}
.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-up {background-image: url(/image/arrow-time.png);background-position: 5px 8px;background-repeat: no-repeat;font-family: 'Font Awesome 5 Free';}
.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-down {background-image: url(/image/arrow-time.png);background-position: 5px -32px;background-repeat: no-repeat;font-family: 'Font Awesome 5 Free';} 


.form-check-label {
    cursor: pointer;
}
.form-check-input {width:16px;height:16px;margin-top:0px;}
.form-check-input:checked {background-color: #000000;border-color: #000000;}
.form-check-input:focus {box-shadow:none;}
.brdrR {border-right: 1px solid #ccc;}
.btn-close:focus{box-shadow:none;}
hr {margin-top: 5px;border-top: 1px solid #2c324c;margin-bottom: 10px;}
.user-img {width: 35px;height: 35px;border-radius: 50%;border: 0 solid #e5e5e5;padding: 0;}
.dropdown-toggle::after{font-size:18px;transform: translateY(3px);}
.dropdown-item.active, .dropdown-item:active {background-color: #017dc0;}


/* ---------- Thanks page-CSS ---------- */
.thanksBG {background-image: url(/image/thanksBG.jpg); background-position: center; height: 100vh;}
.thanksBG .thank-you-container {text-align: center;padding: 1px;width: 100%;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);}
.thanksBG .logo img {height: 50px;margin-bottom: 50px;}
.thanksBG .thank-you-message .thkTik {height: 65px;margin-bottom: 35px;border-radius: 50%;}
.thanksBG .thank-you-message h1 {color: #696969;font-size: 30px;margin-bottom: 5px;font-weight: 700;}
.thanksBG .thank-you-message p {color: #696969;font-size: 20px;font-weight: 600;}

/* ---------- Profile Survey page-CSS ---------- */
.profileSurveyWrap {margin-top:40px;}
.profileSurveyWrap .prLogo {height:25px;}
.profileSurveyWrap .prQsWrap {margin-top:40px;}
.profileSurveyWrap .prQsWrap .prQsOptBox {height:300px;overflow-y:auto;padding-left: 25px; margin-top: 10px;}
.profileSurveyWrap .prQsWrap {}
.profileSurveyWrap .myBTN, .profileSurveyWrap .myBTN:focus, .profileSurveyWrap .myBTN:active,.profileSurveyWrap .myBTN:not(:disabled):not(.disabled):active, .profileSurveyWrap .myBTN:not(:disabled):not(.disabled):active:focus {width: 250px;font-size: 18px;border-radius:20px;}
.profileSurveyWrap {}

/* ---------- Custom select option (Survey List) ---------- */
.custom-dropdown-srv {position: relative;display: inline-block;font-size: 13px; }
.custom-dropdown-srv .dropdown-btn.badge {min-width:80px;text-align:left; border:1px solid #ededed; border-radius: 20px; padding:4px 8px;font-size: 13px;} 
.custom-dropdown-srv i {position:absolute;right: 8px;top: 6px;color: #000;font-size:10px;}
.dropdown-options {display: none;position: absolute;list-style: none;padding: 0;margin: 0;background: white;border: 1px solid #ccc;z-index:99; margin-top: -2px;border-radius: 10px;overflow: hidden;width: 100%;}
.custom-dropdown-srv:hover .dropdown-options {display: none;}
.custom-dropdown-srv .dropdown-options li {padding: 2px 10px;cursor: pointer;}
.custom-dropdown-srv .dropdown-options li.badge-success:hover {background-color:#77f57d42;}
.custom-dropdown-srv .dropdown-options li.badge-danger:hover {background-color: #ffebee;}
.custom-dropdown-srv .dropdown-options li.badge-expired:hover {background-color:#72707024;}

.badge-statusD {
    color: #fff;
    padding: 1px 10px;
    font-size: 12px;
    border-radius: 15px;
    font-weight: 400;
    display: inline-block;
    margin-right: 0.5rem;
    min-width: 90px;
    text-align: center;
    border: 1px solid #333;
}

.badge-executed {
    background-color: #a8e6cf26;
    color: #00b374;
    border-color: #A8E6CF;
}

.badge-cancelled {
    background-color: #ffd4d140;
    color: #e96d62;
    border-color: #ff857b;
}

.badge-queue {
    background-color: #ffd18052;
    color: #9b6911;
    border-color: #FFD180;
}

.badge-scheduled {
    background-color: #ffd18052;
    color: #9b6911;
    border-color: #FFD180;
}


.ss {
}
/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px) {

}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){

}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){

}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
    .page-wrapper{overflow:hidden;}


}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){ 
    ul.tabMenus {padding:15px;}
    ul.tabMenus li {width:100%;margin-bottom: 5px !important;}
    ul.tabMenus li:last-child {margin-bottom: 0px;}
    ul.tabMenus.nav-tabs .nav-item .nav-link, ul.tabMenus.nav-tabs .nav-link {margin:0; background-color: #cfcfcf;width: 100%;}
    ul.tabMenus.nav-tabs .nav-item.show .nav-link, ul.tabMenus.nav-tabs .nav-link.active {background-color: #000;}
    .lineAB::before, .lineAB::after {width: 15%; margin: 0 10px;}
    .top-menu .nav-item.mobile-search-icon {display:none !important;}
    .page-wrapper{overflow:hidden;}
    .tableFix table thead th{z-index:0;}
    .chatfooterBox .emojionearea{max-width:80%;} 


 }