.btn:focus{box-shadow:none !important;}
.btn-warning:hover {color: #212529 !important;}
.help-icon {background-color: #efeece;border: none;color: #82803a;font-size: 25px;padding: 8px;line-height: 0;border-radius: 40px;}
#search-name {background-color: #f4f4f4;border: none;padding: 0;border-radius: 40px;color: #818181;font-weight: 600;min-width: 160px;line-height: 18px;background-image: url('../img/arrow-bottom.png');background-repeat: no-repeat;background-position: right 12px center;background-size: 15px;}
.custom-from-control {display: block; padding:15px; width: 100%;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px;}
.custom-from-control:hover, .custom-from-control:focus {border: 1px solid #00bad3 !important;transition: ease 0.4s all;outline: none;}
.custom-dropdown {background-color: #f4f4f4;border: none;padding: 15px 35px 15px 15px;border-radius: 40px;color: #818181;font-weight: 600;-webkit-appearance: none;background-image: url('../img/arrow-bottom.png');background-repeat: no-repeat;background-size: auto;background-position: right 15px center;min-width: 155px;line-height: 18px;cursor: pointer;}
.custom-checkbox .custom-control-label::before {border-radius: 3px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 5px rgba(0,0,0,0.08);}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #00bad3 !important;background-color: #00bad3 !important;}
.searchinput .form-control {border-radius: 40px;min-height: 50px;width: 480px !important;padding: 0 20px;font-size: 16px;background-image: url('../img/search-icon.png');background-repeat: no-repeat;background-size: 20px;background-position: right 20px center;margin-right: 25px;}
.searchinput .form-control:hover, .searchinput .form-control:focus {background-image: none !important;}


.search-bar {margin:30px 0 30px 0;box-shadow: 10px 10px 40px rgba(0,0,0,0.1);padding: 10px 20px;border: 1px solid #efefef;border-radius: 16px;display: inline-block;width: 100%;}
.search-letter .pagination-menu {width: auto;background-color: #f4f4f4;display: inline-block;padding: 10px 20px;border-radius: 50px;}
.search-letter .all {color: #818181;font-size: 16px;font-weight: 700;padding: 0 10px;}
.search-letter .pagination-menu .item {color: #818181;font-weight: 700;font-size: 16px;width: 21px !important;display: inline-block;text-align: center;}
.search-letter .pagination-menu .item.active, .search-letter .pagination-menu .item:hover {background-color: #a3e6ef;border-radius: 30px;color: #1c5570;text-decoration: none;}
table.dataTable.dtr-inline.collapsed tbody tr td:first-child {padding-left: 50px !important;}
table.dataTable.dtr-inline.collapsed tbody tr td.child:first-child {padding-left: 15px !important;}
table.dataTable.dtr-inline.collapsed tbody tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {background: url('../img/arrow-bottom-white.png') #26c4da;
top: 20px;left: 10px;height: 30px;width: 30px;display: block;position: absolute;border: none;border-radius: 44px;box-shadow: none;box-sizing: content-box;content: '';background-repeat: no-repeat;background-position: center center;background-size: 20px;transition: ease 0.5s all;}
.table-striped tbody tr td.child {border: 1px solid #ebebeb;border-radius: 15px !important;box-shadow: 4px 4px 16px rgba(0,0,0,0.08);white-space: unset;}
table.dataTable.dtr-inline.collapsed tbody tr[role="row"].parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"].parent > th:first-child::before {background-color: #003954 !important;transition: ease 0.5s all;transform: rotatex(180deg);}
table.dataTable tbody tr.child ul.dtr-details {width: 100%;}
.table-striped thead tr th {background-color: #ccedf1;color: #003954;font-size: 15px;font-weight: 600;}
.table-striped thead tr th:first-child {border-radius: 15px 0px 0px 15px;}
.table-striped thead tr th:last-child {border-radius: 0px 15px 15px 0px;}
.table-borderless.table-striped tr {height: 70px !important;}
.tab-pane .table-striped tbody tr:nth-of-type(1n) td {background-color: #fff;}
.tab-pane .table-striped tbody tr td:first-child {border-radius: 15px 0px 0px 15px;}
.tab-pane .table-striped tbody tr td:last-child {border-radius: 0px 15px 15px 0px;}
.table-striped tbody tr:nth-of-type(even) td {background-color: #f4f4f4 !important;}
.table-striped tbody tr td:first-child {border-radius: 15px 0px 0px 15px;}
.table-striped tbody tr td:last-child {border-radius: 0px 15px 15px 0px;}
.status {background-color: #fcb6b6;color: #a95d5d;font-size:12px ;font-weight: 600;padding: 5px 10px;border-radius: 7px;margin-right: 5px;}
.status.status-active {background-color: #b3e9b2;color: #189315;}
.status.status-inactive {background-color: #e5e5e5;color: #949494;}
.setup {border: 1px solid #dad9b3;padding: 6px 12px;margin: 0 5px;background-color: #efeece;border-radius: 20px;color: #67663e;font-size: 12px;}
#search-name .caret {padding-left: 10px;margin-left: 10px;border-left: 1px solid #8d8d8d !important;border: none;height: 20px;width: 33px;border-radius: 0;}
.bottom-nav {position: absolute;bottom: 0;width: 100%;padding: 0 15px 50px;font-weight: 700;}
.color-light-blue{color: #a3e6ef;}
.color-blue {color: #00b9d2;}
.bottom-nav li:first-child {padding-bottom: 15px; margin-bottom: 15px;border-bottom:1px solid #155e81;}
.tab-pane {position: relative; margin-bottom: 30px; background-color: #f6f6f6;padding: 25px;border: 1px solid #e2e2e2;border-radius: 15px;box-shadow: 4px 4px 16px rgba(0,0,0,0.08);}
.nav-tabs .btn.tab-btn {color: #576a73;font-weight: 500;padding: 10px 25px;}
.nav-tabs .btn.tab-btn.active {background-color: #00bad3;color: #fff;border-radius: 12px 12px 0 0;font-weight: 700;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.nav.nav-tabs {padding: 0 20px;}
.custom-from-control.input-textarea {max-width: 100%;min-height: 80px;resize: none;}
.modal-heading {color: #01b9d1;font-weight: 600;font-size: 20px;}
.modal-header .close span{background-color: #fff;box-shadow: 0 0 13px rgba(0,0,0,0.4);padding: 2px 10px;border-radius: 10px;transition: ease 0.5s all;}
.modal-backdrop {background-color: #1b5362;}
.modal-backdrop.show {opacity: 0.7;}
.modal-content {border-radius: 30px;}
.modal-header {padding: 30px 30px 15px;}
.modal-body {padding: 1rem 30px;}
.card-detail {padding: 15px;width: 100%;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px;display: flex;margin-bottom: 20px;}
.card-detail input{border: none;padding:0 10px 0 0;}
.card-detail input:focus{outline: none;}
.card-detail .Card-Number {width: 60%;display: inline-block;background-image: url('../img/card.png');background-size: 25px;background-repeat: no-repeat;background-position: left center;padding: 0 15px 0 40px;}
.card-detail .inputExpDate{width: 20%;display: inline-block;}
.card-detail .cvv{width: 20%;display: inline-block;}
.pagination .prev img {transform: rotateY(180deg);}
.pagination .page-link {padding: 10px 22px;color: #003954;border: none;}
.pagination .page-item.active .page-link , .pagination .page-item .page-link:hover {color: #1b5362;background-color: #a3e6ef;border-color: #a3e6ef;border-radius: 20px;}
.pagination {display: inline-flex;margin:30px auto 0 !important;width: auto !important;}
.search-name {margin-right: 15px;margin-bottom: 10px;margin-top: 10px;}
.search-letter {margin-bottom: 10px;margin-top: 10px;}
#sidebarToggleTop {display: none;}
.logo-tab{display: none;}
.Search-input-tab , .search-icon-btn {display: none;}
.searchinput input {display: block;}
.search-icon-btn {background-color: #f1f1f1;padding: 10px;margin-right: 10px;border-radius: 30px;}
#example_info , #example_length , #example_filter{display: none;}
#example_paginate {text-align: center;display: none;}
#example_next, #example_previous {font-size: 0;height: 30px;width: 30px;background-image: url('../img/arrow-right.png');background-position: center;background-repeat: no-repeat;display: inline-block;background-size: auto;}
#example_previous {transform: rotateY(180deg);}
.dtr-data , .dtr-title {display: inline-block !important;width: 50% !important;}
.white-box {background-color: #fff;padding: 10px 15px;border-radius: 10px;}
.heading-btn-align {display: inline-block;width: 100%;padding: 8px 0 0;}
.heading-btn-align .btn{margin-top: -8px;}
.bottom-nav img {opacity: 0.5;width: 35px;height: 30px;padding: 5px 4px;}
.gateway-image {height: 90px;width: 200px;box-shadow: 0 0 10px rgba(0,0,0,0.07);object-fit: contain;margin-bottom: 25px;border-radius: 10px;border: 2px solid #fff;}
.see-more {color: #00b9d2 !important;font-size: 16px;text-align: ;text-decoration: underline !important;text-transform: capitalize;}
.video-frame {box-shadow: 0 0 10px rgba(0,0,0,0.07);object-fit: contain;border-radius: 10px;border: 2px solid #fff;min-width: 670px;height: 350px;}
.help-icon.help-btn-modal {position: absolute;right: 85px;top: 25px;}
.custom-control-label {cursor: pointer;}
.time-dropdown {min-width: auto !important;width: 100px;padding: 10px;}
.table-striped tbody tr td.child .dtr-title strong {color: #003954;}
.range-inputs .form-control {width: calc(50% - 22px);display: inline-flex;}
.range-inputs span {margin: 0 10px;}
.project-list .selected-project {width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.project-list ul {position: absolute;display: none;transition: ease 0.5s all;z-index: 99;top: 48px;background-color: #f4f4f4;border: 1px solid #e2e2e2;padding: 5px;width: max-content;border-radius: 10px;box-shadow: 4px 4px 16px rgba(0,0,0,0.1);}
.project-list ul::after {position: absolute;content: '';top: -20px;left: 10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid #e2e2e2;height: 20px;width: 20px;}
.project-list ul .project-name {padding: 8px 10px;border-radius: 6px;transition: ease 0.5s all;}
.project-list ul .project-name:hover , .project-list ul .project-name:focus {background-color: #e2e2e2;color: #003954;transition: ease 0.5s all;}
.custom-dropdown.project-list {display: inline-block;}
.custom-dropdown.project-list:hover ul ,.custom-dropdown.project-list.active ul ,.custom-dropdown.project-list:focus ul {display: block;transition: ease 0.5s all;}
.pay-now-content {width: 100% !important;min-height: calc(100vh - 60px);justify-content: center;padding: 30px 0 80px !important;position: relative;}
.pay-now-content::after {position: absolute;background-image: url(../img/watermark.png);height: 60px;width: 110px;content: '';bottom: 10px;
	right: 20px;background-size: contain;background-repeat: no-repeat;}
.pay-now-content .tab {display: none;}
.pay-now-content .tab.active {display: block;}
.tab .next-btn {background-color: #003954;color: #fff;border: none;padding: 40px 40px;font-size: 18px;border-radius: 12px;margin: 0 15px;transition: ease 0.5s all;	min-width: 280px;}
.tab .next-btn:hover ,.tab .next-btn:focus {box-shadow: 6px 6px 16px rgb(0, 57, 84 ,0.3);transition: ease 0.5s all;}
.pay-now-content .tab {padding: 25px 0;text-align: center;}
.next-btn img {width: 35px;background-color: #00b9d2;padding: 9px;height: 35px;border-radius: 20px;object-fit: contain;
	display: block;margin: 6px auto 0;text-align: center;box-shadow: 3px 3px 10px rgb(0, 185, 210 ,0.3);}
.form-control.custom-from-control.input-tabel {max-width: 180px;}
.search-name .dropdown-menu.show {transition: ease 0.5s all;z-index: 99;background-color: #f4f4f4;border: 1px solid #e2e2e2;padding: 5px;width: max-content;border-radius: 10px;box-shadow: 4px 4px 16px rgba(0,0,0,0.1);}
.search-name .dropdown-menu.show li{padding: 8px 10px;border-radius: 6px;transition: ease 0.5s all;}
.search-name .dropdown-menu.show li:hover{background-color: #e2e2e2;color: #003954;transition: ease 0.5s all;}
.search-name .dropdown-menu.show .form-control {border-radius: 7px !important;}

#wrapper #content-wrapper.login-form-main {background-color: #f6f6f6;padding: 75px 0;}
.login-form-main .login-form ,.login-form-main .login-form-left ,.login-form-main .login-form-right{float: left;}
.login-form-main .login-form-right {width: 100%;height: 100%;padding: 30px;display: none;}
.login-form-main .login-form-right.active {display: block;}
.login-form-main .login-form-left {width: 300px;height: calc(100% + 60px);background-color: #003954;align-items: center;justify-content: center;margin: 0;border-radius: 20px;box-shadow: -7px 0px 20px rgb(0, 57, 84,0.3);position: absolute;top: -30px;left: 0;display: none;}
.login-form-main .login-form-left.active {display: flex;}
#wrapper #content-wrapper.login-form-main .login-form {background-color: #fff;padding: 0px 0 0px 300px;border-radius: 20px;box-shadow: 4px 4px 16px rgba(0,0,0,0.03);width: 100%;position: relative;}
.link-btn-main {margin: 20px 0;}
.link-btn {display: inline-block;width: 150px !important;}
.link-btn img{width: 100% !important;}
.Introductory-video.active { display: block;transition: ease 0.5s all;}
.Introductory-video {display: none;transition: ease 0.5s all;}
.connection-btn a img {	max-width: 100%;}
.how-to-check.help-icon-inner {position: absolute;top: 5px;right: 5px;}



/*new*/
.search-name #search-name .select2-container .select2-selection--single {height: auto;}
.search-name #search-name .select2-results__option[aria-selected] {font-size: 13px;}
.search-name #search-name .select2-container .select2-selection--single .select2-selection__rendered {padding: 15px 40px 15px 20px;width: 190px;}
.reco-gateway-column.text-limit .white-box p {min-height: 90px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.copyright {position: absolute;bottom: 50px;left: calc(50% - 152px);}
.paynow-logo {text-align: center; background-color: #fff;height: 120px;width: 240px; margin-top: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.07);object-fit: contain;margin-bottom:10px;border-radius: 10px;border: 2px solid #fff;padding: 6px;}
.paynow-logo img {object-fit:contain;height: 100%;width: 100%;}
.iframe-popup-style-container textarea {overflow: auto;display: block;padding: 15px; width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;    background-color: #fff !important; box-shadow: 2px 2px 10px rgba(0,0,0,0.05); transition: ease 0.4s all; height: 50px; max-width: 100%;min-height: 80px;resize: none;}

.iframe-popup-style-container select { margin-bottom: 10px; word-wrap: normal;padding: 15px 35px 15px 15px !important;color: #818181;font-weight: 600;-webkit-appearance: none;background-image: url('../img/arrow-bottom.png');background-repeat: no-repeat;background-size: 15px;background-position: right 10px center;min-width: 155px;cursor: pointer;display: block;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.iframe-popup-style-container .input-row{margin-bottom: 15px;}
.iframe-popup-style-container input[type="text"] {margin-bottom:10px;display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.iframe-popup-style-container input[type="password"] {margin-bottom:10px;display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.iframe-popup-style-container input[type="button"] {font-weight: 700;text-align: center;vertical-align: middle;border: 1px solid transparent;padding: 13px 18px;font-size: 15px;border-radius: 13px;line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color: #ffffff !important;background-color: #003954;border-color: #003954;box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.iframe-popup-style-container a , .iframe-popup-style-container a::hover {color: #01b9d1;}
.add_org_custom_table input {display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.add_org_custom_table .StripeElement {display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.add_org_custom_table td {width: 100%;display: block;}
.add_org_custom_table tr {width: 49% !important;display: inline-block;margin-bottom: 15px;	padding: 0px 20px;}
.add_org_custom_table {	width: 100%;}
.fancybox-overlay.fancybox-overlay-fixed::after {position: absolute;content: '';height: 100%;width: 100%;left: 0;top: 0;background-color: #1b5362;opacity: 0.7;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}
.available-gateway-div .reco-gateway-row .reco-gateway-column .collapse {min-height: 90px;margin-bottom: 0;}
.available-gateway-div .reco-gateway-row .reco-gateway-column .fancybox.btn{margin-top: 15px;}
.available-gateway-div .reco-gateway-row .reco-gateway-column .white-box {min-height: 320px;}
.fancybox-overlay a , .fancybox-overlay a:hover {color: #01b9d1;}
.iframe-popup-style-container a.button { color: #ffffff !important;background-color: #003954;border-color: #003954;box-shadow: 0 0 12px rgba(0,0,0,0.1);font-weight: 700;text-align: center;vertical-align: middle;padding: 13px 18px;font-size: 15px;border-radius: 13px;line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.iframe-popup-style-container a.positive { padding: 13px 18px!important;}
#card-element , .gateway-fields input[type="text"] {display: block;padding: 15px;width: 100%;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px;}
#card-element , .gateway-fields input[type="email"] {display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px;}
.iframe-popup-style-container .ui-tabs-panel input[type="submit"], .iframe-popup-style-container .ui-tabs-panel input[type="button"], .iframe-popup-style-container .wojo.danger.button {height: auto !important;}
.iframe-popup-style-container .wojo.danger.button {font-weight: 700;text-align: center;vertical-align: middle;border: 1px solid transparent;padding: 13px 18px;font-size: 15px;border-radius: 13px;line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color: #fff !important;background-color: #e66363;box-shadow: 0 0 20px rgb(230, 99, 99,0.4);}
.iframe-popup-style-container .ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 1em 1.4em;background: #fff;border: 1px solid #505050;width: 100%;float: left;box-sizing: border-box;position: relative;margin-bottom: 30px;background-color: #f6f6f6 !important;border: 1px solid #e2e2e2 !important;border-radius: 15px;}
.iframe-popup-style-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {background-color: #00bad3;color: #fff;font-weight: 700;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.iframe-popup-style-container .ui-tabs .ui-tabs-nav li{border: none;border-radius: 12px 12px 0 0;background-color: #fff;}
.iframe-popup-style-container .fancybox-skin , .iframe-popup-style-container  body {background-color: #FFF;}
.iframe-popup-style-container .fancybox-skin {border-radius: 20px;}
.iframe-popup-style-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 8px 15px;}
.iframe-popup-style-container .ui-tabs-panel input[type="submit"],
.iframe-popup-style-container .ui-tabs-panel input[type="button"], {float: right;width: auto;margin-top: 15px;margin-bottom: 15px;text-decoration: none;color: #ffffff !important;background-color: #003954;box-shadow: 0 0 12px rgba(0,0,0,0.1);font-weight: 700;text-align: center;vertical-align: middle;border: 1px solid transparent;padding: 13px 18px;font-size: 15px;border-radius: 13px;line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.iframe-popup-style-container #ap_stop_button {margin-left: 10px;background-color: #e66363 !important;box-shadow: 0 0 20px rgb(230, 99, 99,0.4) !important;}
.fancybox-skin {background: #fff !important;}
.iframe-popup-style-container .ui-tabs .ui-tabs-panel form label span {position: relative;top: 0px;left: 5px;}
table.fields_table td select, table.fields_table td input {margin-bottom: 10px;}
.iframe-popup-style-container table.sortable.table {border:none; background-color: #fff;border-radius: 15px;}
.inputCard.custom-from-control {padding: 15px !important;width: 100% !important;}
.iframe-popup-style-container .input-row textarea {width: 100% !important;margin: 0 !important;}
.iframe-popup-style-container #create #cardholder-name{margin-bottom: 10px; }
.iframe-popup-style-container td#tabss_td #tabss .ui-tabs-nav + div {	border: none;padding: 15px;background-color: #fff;}
.add-comment .wojo.sortable.table {width: 100% !important;}
.add-comment .wojo.sortable.table img {margin: 0 !important;}
.add-comment .wojo.sortable.table input[type="email"] {display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;background-color: #fff !important;	box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.add-comment .wojo.sortable.table .chosen-container-multi .chosen-choices {display: block;padding: 8px 10px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important; background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);max-width: 500px;transition: ease 0.4s all;height: 50px !important;}
.add-comment .wojo.sortable.table .wojo.danger.button.btn.btn-primary {font-weight: 700;text-align: center;vertical-align: middle;padding: 13px 18px;font-size: 15px;border-radius: 13px;line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color: #ffffff !important;background-color: #003954;border-color: #003954;box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.add-comment .wojo.sortable.table .invitation-cls.button{font-weight: 700;text-align: center;vertical-align: middle;border: 1px solid transparent;padding: 13px 18px !important;font-size: 15px;border-radius: 13px; line-height: 15px;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color: #fff !important; background-color: #e66363;box-shadow: 0 0 20px rgb(230, 99, 99,0.4);}
#scrollUp::before {color: #fff !important;}
#scrollUp {background-color: #00b9d2 !important;opacity: 1 !important;padding: 10px 0 !important;}
span.inv_sent_cls {display: inline-flex;padding-left: 5px;}
.fancybox.fancybox.iframe.send_invite_cls img {height: 30px !important;padding: 0px 4px 4px 4px;}
td#tabss_td #tabss table label {width: 100% !important;}
.chosen-container .chosen-results li.highlighted {background-color: #003954 !important;}
.send-invite-main-container .autoContent {font-weight: bold;margin-bottom: 10px;line-height: 22px;}
.send-invite-main-container .mailContent{font-size: 14px !important;line-height: 18px !important;}
.send-invite-main-container h1, .send-invite-main-container h2, .send-invite-main-container h3, .send-invite-main-container h5, .send-invite-main-container h6 {font-family: 'Arimo', sans-serif !important; font-weight: 600;font-size: 20px;padding: 0 !important;margin: 0 !important;}
.history-tr-new td {background-color: #f7e7c8 !important;}
.send-invite-main-container .wojo.form .field label{font-family: 'Arimo', sans-serif !important;}
.send-invite-main-container .segment .field #subject, .send-invite-main-container .segment .field div:first-child , 
.send-invite-main-container .segment .field div:second-child {width: 100% !important;}
.input-disabel {background-color: #eee !important;cursor: not-allowed;}
.send-invite-main-container textarea.new_mail_contents {display: block;padding: 15px;width: 100% !important;border-radius: 10px !important;border: 1px solid #e2e2e2 !important;	background-color: #fff !important;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);	max-width: 100%;transition: ease 0.4s all;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow:2px 2px 5px rgba(0,0,0,0.08) !important;}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {	opacity: 1 !important;}

.tab-pane .back-msg.wojo.message {float: left;}

.navbar.navbar-expand.navbar-light.topbar.static-top .navbar-nav .alert.alert-danger {font-size: 14px; display: inline; width: auto; text-transform: capitalize;margin-left:10px !important;margin-top: 10px !important;}
.navbar.navbar-expand.navbar-light.topbar.static-top .navbar-nav .alert.alert-danger:nth-child(1) {margin-top:0px !important;}
.navbar.navbar-expand.navbar-light.topbar.static-top .navbar-nav {display: block;}
.navbar.navbar-expand.navbar-light.topbar.static-top { height: auto !important;}
#dialog.window #dialog > a.button {padding: 13px 18px !important;line-height: 0 !important;position: unset !important;}
#boxes #mask {background-color: #4f808c;}
.iframe-popup-style-container #main_button_row #save_btn {float: left;}
.iframe-popup-style-container #main_button_row #ap_cancel_button{margin:0 !important;}
.iframe-popup-style-container #main_button_row {margin-top:15px !important;}
.iframe-popup-style-container #help_button {float: right;}
.accountingApiErrors .message.alert.alert-danger {max-width: 520px;border-radius: 10px;padding: 20px 25px;box-shadow: 5px 4px 10px rgb(248,215,218,0.6);}


.collection-history-tabel table.dataTable td, .collection-history-tabel table.dataTable th {text-align: center;}

#outer #header .col-heading , #outer .product-item .form-group { width: 50%;padding:0 8px !important;}
#outer #header .col-heading {margin:0 0 10px !important;}

#outer {margin: 0 auto;width: 100% !important;border-top: none !important;background-color: unset !important;}


#outer .inst_button.btn.btn-primary {margin-left: 15px !important;}

.process-now-tabel .custom-dropdown {min-width: 200px !important;}

.tabel-accordion .accordion .card {box-shadow: 0px 4px 10px rgba(0,0,0,0.04);border-radius: 15px !important;}

.tabel-accordion .accordion .card .card-header {background-color: #fff;cursor: pointer;padding:20px 55px 20px 0px !important;}

.tabel-accordion .accordion .card .card-header .table {margin-bottom: 0 !important;}
.tabel-accordion .accordion {margin-bottom: 15px !important;}

.tabel-accordion .accordion .card .card-header::after {padding:0px !important;right:15px;top:26px;line-height:unset;font-weight:600;color:#fff;background-color:#00b9d2;font-size:20px;border-radius:30px;height:30px;width:30px;text-align:center;}
.custom-from-control.datepicker {
	padding: 0 15px !important;
}


/*new-css**/


.lable_tag.PP ,.lable_tag.OP , .lable_tag.CN{position: relative;}


.table-striped tbody .lable_tag.OP td {background-color: #e7ffe7 !important;}
.table-striped tbody .lable_tag.CN td {background-color: #e7f3ff !important;}
.table-striped tbody .lable_tag.PP td {background-color: #fff7e0 !important;}

.lable_tag.CN::after , .lable_tag.OP::after , .lable_tag.PP::after {position: absolute; left: 0;top: 12px; font-size: 10px;padding: 2px 4px; font-weight: 700;}
.lable_tag.PP::after {content: 'PP'; background-color: #ffe48d; color: #776a3e; }
.lable_tag.OP::after {content: 'OP'; background-color: #98fc9a; color: #2f6130; }
.lable_tag.CN::after {content: 'CN'; background-color: #9ccffa; color: #2d3e4e; }


.table-striped.space-left-30 tbody tr td:first-child {
    padding-left: 30px !important;
}


@media (max-width:1580px){
.search-letter .pagination-menu .item {font-size: 14px;width: 17px !important;}
}


@media (max-width:1550px){
.navbar.navbar-expand.navbar-light.topbar.static-top .navbar-nav .alert.alert-danger {display: block;}
}


@media (max-width:1480px){
.search-letter .pagination-menu .item {font-size: 13px;width: 13px !important;}
.search-letter .pagination-menu {padding: 10px 12px;}
.search-letter .all {font-size: 14px;padding: 0 7px;}
table td p { font-size: 14px;}
table.search-contact td p {line-height: 35px;}
}


@media (max-width:1340px){

#search-name .caret {padding-left: 5px;margin-left: 5px;height: 20px;width: 20px;}
#search-name .caret img{width: 100%;}
.search-bar label {font-size: 14px;}
.search-letter .all {font-size: 13px;padding: 0 6px;}
.search-letter .pagination-menu .item {font-size: 12px;width: 12px !important;}
.search-letter .pagination-menu {padding: 10px 10px;}


}

@media (max-width:1280px){
.search-letter {margin: 15px auto;float: none !important;display: table;}
.search-name {margin: 15px auto;display: table;float: none !important;}
.navbar.topbar .navbar-nav .alert {width: 512px;font-size: 14px;padding: 8px 10px;}
.searchinput .form-control {width: 340px !important;}
.table th, .table td {padding: 10px 15px !important;}
table td p .btn {font-weight: 600;padding: 7px 14px;font-size: 13px;}
.pagination .page-link {padding: 10px 16px;}
.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover {border-radius: 14px;}
.pagination {margin: 20px auto 0 !important;}
#page-top::after {height: calc(100% - 20px);width: calc(100% - 20px);left: 10px;top: 10px;}
body#page-top {padding: 20px;}
.search-bar {padding: 10px 15px;}

}


@media (min-width:1024px){

.sidebar .nav-item .collapse {position: relative;left: 0;z-index: 99999;top: 0;-webkit-animation: none;animation: none;  }
.minimize-logo{display: none;transition: ease 0.5s all;}
.minimize-toggle {background-color: transparent;border: none;width: 30px;height: 30px;padding: 0;transition: ease 0.5s all;}
.minimize_sidebar .minimize-toggle {transform: rotate(180deg);transition: ease 0.5s all;}
.minimize-toggle::after {position: absolute;content: '';height: 1px;width: calc(100% - 85px);background-color: #1b6a90;left: 20px;top: 30px;}
.minimize_sidebar .sidebar-brand .main-logo{display: none;transition: ease 0.5s all;}
.minimize_sidebar .sidebar-brand .minimize-logo{display: block;transition: ease 0.5s all;}
.minimize_sidebar .sidebar .nav-item .nav-link::after , .minimize_sidebar .sidebar .nav-item .nav-link span{display: none;transition: ease 0.5s all;}
.minimize_sidebar .sidebar {width: 86px !important;transition: ease 0.5s all;}
.minimize_sidebar #wrapper #content-wrapper {width: calc(100% - 86px);transition: ease 0.5s all;}
.minimize_sidebar .navbar-nav.sidebar li ,.minimize_sidebar .sidebar .nav-item .nav-link {text-align: center !important;}
.minimize_sidebar .bottom-nav a{font-size: 0;}
.minimize_sidebar .sidebar .nav-item .collapse {position: absolute !important;left: 20px !important;z-index: 9 !important;top: auto !important;background-color: #155e81;}
.minimize_sidebar .sidebar .nav-item .collapse::after {position: absolute;content: '';height: 20px;width: 20px;top: -17px;border-bottom: 10px solid #155e81;	border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;left: 8px;}
.minimize_sidebar .sidebar .nav-item .collapse .collapse-item {text-align: left;}

}


@media (max-width:1024px){

.sidebar {width: 100% !important;}
#wrapper #content-wrapper {width:100% ;border-radius: 0px;padding-bottom:30px;}
#wrapper {display: block;border-radius: 0;min-height: calc(100vh - 0px);background-color: #fff;}
#sidebarToggleTop {display: block;float: right;color: #fff;font-size: 32px;padding: 0 !important;margin-top: 5px;}
#sidebarToggleTop:hover , #sidebarToggleTop:focus {color: #fff !important;box-shadow: 0 0 15px rgba(0,0,0,0.1)}
.navbar.navbar-expand.topbar.static-top .position-relative.dropdown.no-arrow {float: left;margin-left: 25px;}
#accordionSidebar.toggled {display: block;left: 0;transition: ease 0.5s all;min-height:100%;border-radius: 0px;}
#accordionSidebar {position: absolute;width: 230px !important;left: -230px;transition: ease 0.5s all;}
.logo-tab{display: block;float: left;}
.navbar.navbar-expand.navbar-light.bg-white.topbar.static-top {display: block;height: auto;box-shadow: none;padding: 0;}
.navbar.topbar .navbar-nav .alert {margin: 15px 15px 0 !important;}
.navbar.navbar-expand.navbar-light.bg-white.topbar.static-top .tab-nav {background-color: #003954 !important;display: inline-block;width: 100%;padding: 15px 20px;border-radius: 0 0 20px 20px;}
.search-letter .pagination-menu .item {width: 15px !important;}
.Search-input-tab , .search-icon-btn {display: block;}
/* changes for BB 1538 */
/* .searchinput input {display: none !important;} */
/* end */
.how-to-check{display: none;}
.sidebar .nav-item .collapse .collapse-inner {background-color: #155e81;}
.sidebar .nav-item .collapse::after {position:absolute;content: '';height: 20px;width: 20px;top: -17px;border-bottom: 10px solid #155e81;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;left: 8px;}
body#page-top {padding: 0px;background-color: #fff}
.navbar-nav.sidebar.sidebar-light .minimize-logo ,.navbar-nav.sidebar.sidebar-light .minimize-toggle {display: none;}
.login-form-main .login-form-left {width: 100%;height: 100px;margin: -20px 0 0;position: unset;}
#wrapper #content-wrapper.login-form-main .login-form {padding: 0px 30px;width: 100%;}
.login-form-main .login-form-right {padding: 30px 0;}
.how-to-check.help-icon-inner {display: block !important;}

.copyright {position: unset;padding: 0 25px;text-align: center;}

}



@media (max-width:991px){

.name-detail .modal-dialog.modal-xl {max-width: 630px;}
.nav-tabs .btn.tab-btn.active {padding: 10px 18px;}
.modal-body {padding: 1rem 15px;}
.edit-payment-gateway .modal-header {padding: 30px 15px 0px;}
.video-frame {min-width: auto;height: 350px;width: 100%;}
.tab .next-btn {padding: 30px 30px;min-width: 240px;}

}


@media (max-width:767px){

.search-bar label {display: block;text-align: center;}
.search-name {margin: 0px auto 15px;}
.search-letter .all {padding: 10px 10px 0;margin: auto;display: block;text-align: center;}
.search-letter .pagination-menu {padding: 10px 18px;}
.search-letter {margin: 15px auto 0;}
.navbar.navbar-expand.navbar-light.bg-white.topbar.static-top .tab-nav {padding: 15px 15px;}
.logo-tab {width: 45px;}
.navbar.navbar-expand.topbar.static-top .position-relative.dropdown.no-arrow {margin-left: 10px;}
.navbar.navbar-expand.topbar.static-top .position-relative.dropdown.no-arrow .custom-dropdown {padding: 10px 35px 11px 10px;min-width: 140px;}
.help-icon {font-size: 18px;padding: 6px;}
#sidebarToggleTop {font-size: 22px;margin-top: 0px;width:35px !important;height: auto !important;}
.sidebar.toggled .nav-item .nav-link span {display: inline;}
.sidebar .nav-item .nav-link {display: block;width: 100%;text-align: left;padding: 15px 15px 0;line-height: 16px;margin-bottom: 3px;}
.card-detail , .custom-from-control {max-width: 100%;}
.modal.fade.name-detail.show {padding: 0 10px !important;}
.nav-tabs .btn.tab-btn {padding: 10px 12px;}
.pagination .page-link {padding: 10px 12px;}
table.dataTable > tbody > tr.child ul.dtr-details {width: 100%;}
.dtr-data , .dtr-title {display:block !important;width: 100% !important;}
h2 {font-size: 27px;line-height: 32px;}
.tab .next-btn {padding: 20px 15px;min-width: 200px;font-size: 14px;margin: 0 10px;}
.next-btn img {width: 30px;padding: 7px;height: 30px;margin: 6px auto 0;}

.add_org_custom_table tr {width: 100% !important;padding: 0px 0px;}

.iframe-popup-style-container td , .iframe-popup-style-container #t_footer th {width: 100% !important;display: block;}
.iframe-popup-style-container .modal-header {padding: 30px 15px 15px;display: block;}
.iframe-popup-style-container .modal-header .modal-title {width: 100%;margin-bottom: 10px;}


.add-comment .wojo.table td, .add-comment .wojo.table th {width: 100% !important;display: block;}
.ui-tabs-panel #myForm th .wojo.danger.button {
	position: unset;
	float: left;
}
}



@media (max-width:575px){

.search-icon-btn {position: absolute;right: 10px;}
.name-detail .tab-pane {padding: 15px;}
.card-detail .Card-Number {width: 100%;display: inline-block;background-image: url('../img/card.png');background-size: 18px;padding: 0 10px 0 24px;margin-bottom: 5px;}
.card-detail .inputExpDate , .card-detail .cvv {width: 48%;display: inline-block;}
.card-detail {padding: 8px;width: 100%;height: 70px;display: block;}
.name-detail .modal-header {padding: 30px 15px 0px;display: block;}
.name-detail .modal-header .modal-title {margin-bottom: 20px;padding-right:  50px;}
.name-detail .modal-header .close {position: absolute;top: 20px;right: 20px;}
.custom-dropdown {padding: 15px 40px 15px 10px;}
.nav-tabs .btn.tab-btn.active {padding: 9px 14px;border-radius: 10px;}
.nav-tabs .btn.tab-btn {padding: 10px 8px;}
.tab-pane {padding: 15px;}
.heading-btn-align .blue-sub-heading.float-left {float: none !important;}
.table-striped tbody tr td.child {box-shadow: none;}	
.range-inputs .form-control {width: 100%;display: block;}
.range-inputs span {margin: 10px 0;text-align: center;width: 100%;display: block;}
.tab .next-btn {font-size: 16px;margin: 10px;}
#wrapper #content-wrapper.login-form-main .login-form {padding: 0px 25px;}
.login-form-main .login-form-right .btn {padding: 10px 10px;font-size: 15px;border-radius: 8px;}
.link-btn {display: inline-block;width: 110px !important;}

}


@media (max-width:480px){

.video-frame {height: 280px;}

}

#contactsTable_filter {
    margin-top: -50px;
}
#contactsTable_wrapper {
    margin-top: 1rem;
}
#contactsTable_filter input:focus{
	outline: none;
}
#contactsTable_filter input{
		border-radius: 40px;
		min-height: 50px;
		width: 480px !important;
		padding: 0 20px;
		font-size: 16px;
		background-image: url('../img/search-icon.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: right 20px center;
		border: 1px solid #dee2e6;
}
#contactsTable_filter input:hover, #contactsTable_filter input:focus {
    background-image: none !important;
}
#contactsTable_filter label {
    font-size: 0;
}
/* #contactsTable_length, #contactsTable_paginate {
    width: 12%;
} */
#contactsTable_length select {
    padding: 5px 5px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin: 0 10px;
}
#contactsTable_paginate a.paginate_button {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #dee2e6;
    line-height: 30px;
    text-align: center;
    margin: 4px;
    border-radius: 4px;
}
#contactsTable_paginate a.paginate_button.current {
    border: 1px solid #00b9d2;
	background-color: #00b9d2;
	color: #ffffff;
}
#contactsTable_paginate .paginate_button.next, #contactsTable_paginate .paginate_button.previous{
	border: 0;
	width: initial;
	height: initial;
	background-color: #dee2e6;
	padding: 0 6px;
}
#contactsTable_paginate .paginate_button.previous.disabled, #contactsTable_paginate .paginate_button.next.disabled{
	opacity: .5;
}
#contactsTable_paginate {
    margin-top: -32px;
}
table#contactsTable {
    margin-bottom: 1rem !important;
}


@media (max-width: 767.98px){
	#contactsTable_info {
		text-align: left;
	}
	#contactsTable_paginate {
		text-align: right;
	}
	#contactsTable_filter {
		text-align: right;
	}
	#contactsTable_length {
		text-align: left;
	}
	#contactsTable_filter label input {
		width: 250px !important;
	}

	#search-name {
		background-color: #f4f4f4;
		border: none;
		padding: 0;
		border-radius: 40px;
		color: #818181;
		font-weight: 600;
		min-width: 160px;
		line-height: 18px;
		background-image: url('../../../img/arrow-bottom.png');
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 15px;
	}

}
#collection-history-table_filter_filter {
	margin-top: -50px;
}
#collection-history-table_filter_wrapper {
	margin-top: 1rem;
}
#collection-history-table_filter_filter input:focus{
	outline: none;
}
#collection-history-table_filter_filter input{
		border-radius: 40px;
		min-height: 50px;
		width: 480px !important;
		padding: 0 20px;
		font-size: 16px;
		background-image: url('../img/search-icon.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: right 20px center;
		border: 1px solid #dee2e6;
}
#collection-history-table_filter_filter input:hover, #collection-history-table_filter_filter input:focus {
	background-image: none !important;
}
#collection-history-table_filter_filter label {
	font-size: 0;
}
/* #collection-history-table_filter_length, #collection-history-table_filter_paginate {
	width: 12%;
} */
#collection-history-table_length select {
	padding: 5px 5px;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	margin: 0 10px;
}
#collection-history-table_paginate a.paginate_button {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #dee2e6;
	line-height: 30px;
	text-align: center;
	margin: 4px;
	border-radius: 4px;
}
#collection-history-table_paginate a.paginate_button.current {
	border: 1px solid #00b9d2;
	background-color: #00b9d2;
	color: #ffffff;
}
#collection-history-table_paginate .paginate_button.next, #collection-history-table_paginate .paginate_button.previous{
	border: 0;
	width: initial;
	height: initial;
	background-color: #dee2e6;
	padding: 0 6px;
}
#collection-history-table_paginate .paginate_button.previous.disabled, #collection-history-table_paginate .paginate_button.next.disabled{
	opacity: .5;
}
/* #collection-history-table_paginate {
	margin-top: -32px;
} */

#email-history-table_paginate a.paginate_button {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #dee2e6;
	line-height: 30px;
	text-align: center;
	margin: 4px;
	border-radius: 4px;
}
#email-history-table_paginate a.paginate_button.current {
	border: 1px solid #00b9d2;
	background-color: #00b9d2;
	color: #ffffff;
}
#email-history-table_paginate .paginate_button.next, #email-history-table_paginate .paginate_button.previous{
	border: 0;
	width: initial;
	height: initial;
	background-color: #dee2e6;
	padding: 0 6px;
}
#email-history-table_paginate .paginate_button.previous.disabled, #email-history-table_paginate .paginate_button.next.disabled{
	opacity: .5;
}

#installment-report-table_paginate a.paginate_button {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #dee2e6;
	line-height: 30px;
	text-align: center;
	margin: 4px;
	border-radius: 4px;
}
#installment-report-table_paginate a.paginate_button.current {
	border: 1px solid #00b9d2;
	background-color: #00b9d2;
	color: #ffffff;
}
#installment-report-table_paginate .paginate_button.next, #installment-report-table_paginate .paginate_button.previous{
	border: 0;
	width: initial;
	height: initial;
	background-color: #dee2e6;
	padding: 0 6px;
}
#installment-report-table_paginate .paginate_button.previous.disabled, #installment-report-table_paginate .paginate_button.next.disabled{
	opacity: .5;
}


table.dataTable thead .sorting_desc:after , table.dataTable thead .sorting_desc:before{
    bottom: 1.5rem;}

#commission-report-table_filter {
    margin-top: -50px;
}
#commission-report-table_wrapper {
    margin-top: 1rem;
}
#commission-report-table_filter input:focus{
	outline: none;
}
#commission-report-table_filter input{
		border-radius: 40px;
		min-height: 50px;
		width: 480px !important;
		padding: 0 20px;
		font-size: 16px;
		background-image: url('../img/search-icon.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: right 20px center;
		border: 1px solid #dee2e6;
}
#commission-report-table_filter input:hover, #commission-report-table_filter input:focus {
    background-image: none !important;
}
#commission-report-table_filter label {
    font-size: 0;
}
/* #commission-report-table_length, #commission-report-table_paginate {
    width: 12%;
} */
#commission-report-table_length select {
    padding: 5px 5px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin: 0 10px;
}
#commission-report-table_paginate a.paginate_button {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #dee2e6;
    line-height: 30px;
    text-align: center;
    margin: 4px;
    border-radius: 4px;
}
#commission-report-table_paginate a.paginate_button.current {
    border: 1px solid #00b9d2;
	background-color: #00b9d2;
	color: #ffffff;
}
#commission-report-table_paginate .paginate_button.next, #commission-report-table_paginate .paginate_button.previous{
	border: 0;
	width: initial;
	height: initial;
	background-color: #dee2e6;
	padding: 0 6px;
}
#commission-report-table_paginate .paginate_button.previous.disabled, #commission-report-table_paginate .paginate_button.next.disabled{
	opacity: .5;
}
#commission-report-table_paginate {
    margin-top: -32px;
}
table#commission-report-table {
    margin-bottom: 1rem !important;
}


@media (max-width: 767.98px){
	#commission-report-table_info {
		text-align: left;
	}
	#commission-report-table_paginate {
		text-align: right;
	}
	#commission-report-table_filter {
		text-align: right;
	}
	#commission-report-table_length {
		text-align: left;
	}
	#commission-report-table_filter label input {
		width: 250px !important;
	}