/*form-control field readonly, diasbled color css.*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #716565;
}

/*CRM loader.*/
.wrapper-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    color: #fff;  
    z-index: 1051;
}
.wrapper-loader .loadIn{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.wrapper-loader .loadIn img{
    margin: auto;
    color: #fff;
    height: 100px;
}
/*CRM loader.*/

.checkbox-apis {
    margin-bottom: 10px;
    border: 1px solid #3c3c3c;
    padding: 9px;
    /*padding-left: 30px;*/
    padding-left: 10px;
}

.table-filters {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: none;
    border-right: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.datatable-custom .dataTables_length {
    padding-left: 0px !important;
}
.datatable-custom .dataTables_filter {
    padding-right: 0px !important;
}

/*.panel .panel-heading .pull-right i {
    color: #212121;
}*/

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.has-error .dropdown-toggle.form-control,
.has-error .dropdown-toggle.form-control:hover,
.has-error .open .dropdown-toggle.form-control,
.has-error .open .dropdown-toggle.form-control:hover{
    border-color: rgba(255, 42, 0, 0.5);
}

/*jqGrid CSS modification. */
.ui-jqgrid .loading{
    display: block;
    width: 100% !important;
    left: 0 !important;
    height: 100%;
    top: 0 !important;
    background: rgba(0,0,0,0.5) !important;
    color: #fff;
    font-size: 19px !important;
    padding-top: 12% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
#gbox_accountListTable th {
    padding: 10px 10px 10px 10px !important;
    /*overflow: visible;*/
}
ul.ui-search-menu li a:hover, ul.ui-nav-menu li a:hover, a.soptclass:hover, a.clearsearchclass:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover, .ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover {
    background-color: transparent !important;
}
.ui-jqgrid{
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.ui-jqgrid .ui-jqgrid-titlebar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table > tbody > tr.success > td {
    background: rgb(40, 58, 68);
}
.clearsearchclass {
    color: #383838;
    /*color: #707d84;*/
}

.accountListTable .dropdown-menu {
    margin-top: 12px;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    margin-right: -10px;
}
.ui-widget-content, .ui-widget-header {
    background: #212121;
    border: 1px solid #383838;
}

.ui-widget {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
div.column-selct-div {
    overflow: visible !important;
    min-height: 200px !important;
}
div.column-selct-div .dropdown-menu {
    top: 42px;
}
.ui-widget-overlay {
    background: #666666 url(ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat;
    opacity: .4;
}
.jqGrid-filter .bs-container {
    top: 431px !important;
}
.jqGrid-column-chooser .bs-container {
    /*top: 1413px !important;*/
}
.ui-dialog .ui-dialog-titlebar {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
}
.form-control[readonly]:not([disabled]) {
    background-color: #212121;
}
textarea.no-resize {
    resize: none;
}
.checkbox-apis.bootstrapSwitch {
    padding: 3px !important;
}
.uni-tags {
    color: #000000;
}
a {
    color: #738ac3;
}

.modal-dialog .modal-footer {
    border-top: 1px solid #565656;
}

.btn {
    padding: 10px 13px;
}

.lh-2 {
    line-height: 2
}

.box-color {
    height: 20px;
    width: 20px;
}

.colorpicker.colorpicker-visible {
    z-index: 1050;
}

/*Only Tbody scrolable CSS.*/
table.only-tbody-scrobale tbody {
    max-height: 379px;
    overflow: auto;
    overflow-x:hidden;
    display: block;
    width:100%;
}
table.only-tbody-scrobale thead, table.only-tbody-scrobale tfoot {
    display: table;
    table-layout: fixed;
    width: calc( 100% - 2px );
    /*width: 100%;*/
}
table.only-tbody-scrobale tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}
table.only-tbody-scrobale thead tr th:nth-child(-n+5),
table.only-tbody-scrobale thead tr th:last-child{
    width:20%;
}
/*table.only-tbody-scrobale tbody tr td:nth-child(-n+5),
table.only-tbody-scrobale tbody tr td:last-child{
    width:20%;
}*/
table.only-tbody-scrobale thead tr th:nth-child(6),
table.only-tbody-scrobale tbody tr td:nth-child(6){
    width:25%;
}
table.only-tbody-scrobale tfoot tr th:nth-child(-n+3){
    width:20%;
}
table.only-tbody-scrobale tfoot tr th:last-child{
    width:19.9%;
}
@media only screen and (max-width:1024px) {
    table.only-tbody-scrobale {
        min-width:900px;
    }
    table.only-tbody-scrobale thead, table.only-tbody-scrobale tfoot {
        width:100%;
    }
    .section-access .inline-block{
        display: block !important;
    }
}

.scroll-add {
    max-height: 379px;
    overflow: auto;
}

/*.daterangepicker.dropdown-menu {
    background: white !important;
}*/

/*.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .calendar{
    float:none;
}
.daterangepicker.opensright .calendar.first,
.daterangepicker.openscenter .calendar.first{
    top: 292px;
    position: relative;
}
.daterangepicker.opensright .calendar.second,
.daterangepicker.openscenter .calendar.second{
    top: -292px;
    position: relative;
}
@media (min-width: 768px) {
    .daterangepicker.opensright .calendar,
    .daterangepicker.openscenter .calendar{
        float:right;
    }
    .daterangepicker.opensright .ranges,
    .daterangepicker.openscenter .ranges{
        float:left;
    }
    .daterangepicker.opensright .calendar.first,
    .daterangepicker.openscenter .calendar.first{
        position: static;
    }
    .daterangepicker.opensright .calendar.second,
    .daterangepicker.openscenter .calendar.second{
        position: static;
    }
}*/
.daterangepicker .input-mini {
    color: #555;
    padding: 0 6px 0 6px;
}

.panel.panel-refresh .refresh-container {
    background: rgb(135 135 135) none repeat scroll 0 0;
    opacity: .5;
}

.ui-jqgrid .loading {
    z-index: 90;
}

.fixed-sidebar-left {
    z-index: 1001;
}

.text-white {
    color: #fff !important;
}

/*table.only-tbody-scrobale-2 thead tr th:nth-child(6),
table.only-tbody-scrobale-2 tbody tr td:nth-child(6) {
    width:10%;
}*/
table.only-tbody-scrobale-2 tbody tr td:nth-child(-n+9),
table.only-tbody-scrobale-2 tbody tr td:last-child {
    width: 11%;
    white-space: normal;
}
table.only-tbody-scrobale-2 thead tr th:nth-child(-n+9),
table.only-tbody-scrobale-2 thead tr th:last-child{
    width:11%;
    white-space: normal;
}

table.only-tbody-scrobale-2.payment-calculation tbody tr td:nth-child(-n+11),
table.only-tbody-scrobale-2.payment-calculation tbody tr td:last-child {
    width: 100%;
    white-space: normal;
    min-width: 200px;
}
table.only-tbody-scrobale-2.payment-calculation thead tr th:nth-child(-n+11),
table.only-tbody-scrobale-2.payment-calculation thead tr th:last-child{
    width: 100%;
    white-space: normal;
    min-width: 200px;
}

table.invoice-table tbody tr td:nth-child(1){
    width:90%;
}
table.invoice-table tbody tr td:nth-child(2){
    width:15%;
}

table.only-tbody-scrobale-2 tbody tr td {
    word-break: break-all;
}

@media print {
    @page {
        margin-top: 0;
        margin-bottom: 0;
        width: 50%;
    }
    body * {
        visibility: hidden;
    }
    .section-to-print, .section-to-print * {
        visibility: visible;
    }
    .section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .section-to-print table thead tr th {
        word-break: break-all;
        border-bottom: 2px solid #ccc !important;
    }
    .section-to-print table tbody tr td {
        word-break: break-all;
    }
    /*.section-to-print-calculation table tbody tr td:nth-child(2) {
        border-bottom: 2px solid #ccc !important;
    }*/
    .section-to-print-hide {
        visibility: hidden !important;
        display: none !important;
    }
    .pagebreak {
        page-break-after: always;
    }
    table{
        font-size: 11px;
    }
}

.text-bold {
    font-weight: bold;
}

.stat-panel {
    max-height: 410px;
    height: 410px;
    overflow-y: auto;
}

table.master-report tbody {
    height: 159px;
}
table.custom-border tbody, table.custom-border thead {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cutom-label {
    padding-left: 25px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkbox label:before{
    margin-left: 0px;
}

.checkbox label:after{
    margin-left: 0px;
}

@media screen and (max-width: 570px) {
    #pager2_left {
        width: 230px !important;
    }
    table.only-tbody-scrobale-2 {
        min-width: 1200px;
    }
    
    table.only-tbody-scrobale-2 tbody tr td:nth-child(-n+9),
    table.only-tbody-scrobale-2 tbody tr td:last-child {
        width: 15%;
    }
    table.only-tbody-scrobale-2 thead tr th:nth-child(-n+9),
    table.only-tbody-scrobale-2 thead tr th:last-child{
        width:15%;
    }
}

.table > tbody > tr > td {
    padding: 16px 10px;
}

.checkbox label {
    padding-left: 22px;
}

table#accountListTable > tbody > tr.jqgfirstrow.defaultFirstRow {
    height: 242px !important;
}

table#accountListTable > tbody > tr:not(.jqgfirstrow) {
    height: 242px;
}

span.filter-option.pull-left {
    padding-left: 10px !important;
}
  
.hd-alignment .actions-btn.bs-select-all.btn.btn-default {
    text-align: left;
}

.hd-alignment .actions-btn.bs-deselect-all.btn.btn-default {
    text-align: right;
}

.bootstrap-select.btn-group .dropdown-menu{
    overflow-wrap: break-word;
    word-break: break-all;
}

.dropdown-menu>li>a{
    white-space: normal !important;
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after{
	right: 4px;
}

.universal-tag{
    width: 35px;
    height: 35px;
    border-radius: 4px;
}

.universal-tag.radio label{
    margin-top: -3px;
    margin-left: 18px;
}
.light-theme .page-wrapper.auth-page{
    background-color: #f9f7f7 !important;
}
.light-theme .form-control {
    background: #eee !important;
    border: #ccc 1px solid;
    color: #666;
}
.light-theme .control-label {
    color: #878787 !important;
}
.light-theme .sp-logo-wrap .brand-text {
    color: #000 !important;
}
.light-theme .txt-dark {
    color: #000 !important;
}

@media (max-width: 767px) {
    .bootstrap-select.open {
        border: none !important;
    }
    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 100%;
    }
    .fxd-wdth {
        width: 800px !important;
    }
    .panel-export-filter-list{
        max-width: 85vw;
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 991px) {
	.custom-scrollbar::-webkit-scrollbar {
        width: 4px !important;
    }
    .custom-scrollbar tbody::-webkit-scrollbar {
        width: 4px !important;
    }
}

.custom-scrollbar::-webkit-scrollbar {
    width: 3px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #351e27;
    border-radius:1px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #2879ff;
    border-radius:1px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #333;
    cursor:pointer;
}

.custom-scrollbar tbody::-webkit-scrollbar {
  width: 3px;
}
.payment-calculation.custom-scrollbar tbody::-webkit-scrollbar {
    width: 1.5px !important;
}
.custom-scrollbar tbody::-webkit-scrollbar-track {
  background: #351e27;
  border-radius:1px;
}
.custom-scrollbar tbody::-webkit-scrollbar-thumb {
  background: #2879ff;
  border-radius:1px;
}
.custom-scrollbar tbody::-webkit-scrollbar-thumb:hover {
  background: #333;
  cursor:pointer;
}

#accountListTable .dropdown-menu{
    min-width: 220px;
    max-width: 350px;
}

#accountListTable .small-select .dropdown-menu{
    min-width: 0px;
}

.pr-3{padding-right:1rem !important;}

.purchase-domain .checkbox {padding-left:0;}

body:not(.modal-open){
    padding-right: 0px !important;
}

.bootstrap-select.btn-group .no-results {
    color: #333;
}

/* CSS for post login light theme */
.post-login-light-theme .page-wrapper{
    background: #e8e8e8;
}

.post-login-light-theme h1,
.post-login-light-theme h2:not(.jq-toast-heading),
.post-login-light-theme h3,
.post-login-light-theme .error-comment,
.post-login-light-theme h4,
.post-login-light-theme h5,
.post-login-light-theme h6,
.post-login-light-theme .panel-title {
    color: #333;
}

.post-login-light-theme .card-view {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .bootstrap-select .btn .filter-option {
    color: #333;
}

.post-login-light-theme .btn.btn-outline.btn-default {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .btn.btn-outline.btn-default:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.post-login-light-theme table.custom-border tbody, .post-login-light-theme table.custom-border thead {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .table > thead > tr > th,
.post-login-light-theme .jsgrid-table > thead > tr > th,
.post-login-light-theme .table > tfoot > tr > th,
.post-login-light-theme .jsgrid-table > tfoot > tr > th {
    color: #333;
}

.post-login-light-theme .table-bordered > tbody > tr > td,
.post-login-light-theme .table-bordered > tbody > tr > th,
.post-login-light-theme .table-bordered > tfoot > tr > td,
.post-login-light-theme .table-bordered > tfoot > tr > th,
.post-login-light-theme .table-bordered > thead > tr > td,
.post-login-light-theme .table-bordered > thead > tr > th{
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .table-bordered > tbody > tr > td,
.post-login-light-theme .table-bordered > tbody > tr > th,
.post-login-light-theme .table-bordered > tfoot > tr > td,
.post-login-light-theme .table-bordered > tfoot > tr > th,
.post-login-light-theme .table-bordered > thead > tr > td,
.post-login-light-theme .table-bordered > thead > tr > th {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .table > thead > tr > th,
.post-login-light-theme .jsgrid-table > thead > tr > th,
.post-login-light-theme .table > tfoot > tr > th,
.post-login-light-theme .jsgrid-table > tfoot > tr > th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07)!important;
}

.post-login-light-theme .ui-jqgrid .ui-jqgrid-titlebar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)!important;
}

.post-login-light-theme .table,
.post-login-light-theme .jsgrid-table {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.post-login-light-theme .ui-jqgrid {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .txt-dark {
    color: #333 !important;
}

.post-login-light-theme .form-control, 
.post-login-light-theme .select2-container--default .select2-selection--single .select2-selection__rendered, 
.post-login-light-theme .select2-container--default .select2-selection--single, 
.post-login-light-theme .select2-selection.select2-selection--multiple, 
.post-login-light-theme .wizard .content > .body input, 
.post-login-light-theme .mce-floatpanel .mce-textbox, 
.post-login-light-theme .mce-floatpanel .mce-btn, 
.post-login-light-theme .dataTables_wrapper .dataTables_filter input, 
.post-login-light-theme .dataTables_wrapper .dataTables_length select, 
.post-login-light-theme .jsgrid-cell input, 
.post-login-light-theme .jsgrid-cell select, 
.post-login-light-theme .tablesaw-bar .btn-select select, 
.post-login-light-theme .dd-handle, 
.post-login-light-theme .dd3-content, 
.post-login-light-theme .app-search .form-control:focus, 
.post-login-light-theme .app-search .select2-container--default .select2-selection--single:focus, 
.post-login-light-theme .select2-container--default .app-search .select2-selection--single:focus, 
.post-login-light-theme .app-search .select2-selection.select2-selection--multiple:focus, 
.post-login-light-theme .app-search .mce-floatpanel .mce-textbox:focus, 
.post-login-light-theme .mce-floatpanel .app-search .mce-textbox:focus, 
.post-login-light-theme .app-search .mce-floatpanel .mce-btn:focus, 
.post-login-light-theme .mce-floatpanel .app-search .mce-btn:focus, 
.post-login-light-theme .app-search .dataTables_wrapper .dataTables_filter input:focus, 
.post-login-light-theme .dataTables_wrapper .dataTables_filter .app-search input:focus, 
.post-login-light-theme .app-search .dataTables_wrapper .dataTables_length select:focus, 
.post-login-light-theme .dataTables_wrapper .dataTables_length .app-search select:focus, 
.post-login-light-theme .app-search .jsgrid-cell input:focus, 
.post-login-light-theme .jsgrid-cell .app-search input:focus, 
.post-login-light-theme .app-search .jsgrid-cell select:focus, 
.post-login-light-theme .jsgrid-cell .app-search select:focus, 
.post-login-light-theme .app-search .tablesaw-bar .btn-select select:focus, 
.post-login-light-theme .tablesaw-bar .btn-select .app-search select:focus, 
.post-login-light-theme .app-search .dd-handle:focus, 
.post-login-light-theme .app-search .dd3-content:focus{
    background: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .table-hover > tbody > tr:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.post-login-light-theme .bootstrap-select .btn.dropdown-toggle,
.post-login-light-theme .bootstrap-select .wizard > .actions a.dropdown-toggle,
.post-login-light-theme .wizard > .actions .bootstrap-select a.dropdown-toggle,
.post-login-light-theme .bootstrap-select .dt-buttons .dropdown-toggle.dt-button,
.post-login-light-theme .dt-buttons .bootstrap-select .dropdown-toggle.dt-button,
.post-login-light-theme .bootstrap-select .tablesaw-sortable th.tablesaw-sortable-head button.dropdown-toggle,
.post-login-light-theme .tablesaw-sortable th.tablesaw-sortable-head .bootstrap-select button.dropdown-toggle,
.post-login-light-theme .bootstrap-select .sweet-alert button.dropdown-toggle,
.post-login-light-theme .sweet-alert .bootstrap-select button.dropdown-toggle,
.post-login-light-theme .bootstrap-select .owl-theme .owl-nav .dropdown-toggle[class*="owl-"],
.post-login-light-theme .owl-theme .owl-nav .bootstrap-select .dropdown-toggle[class*="owl-"],
.post-login-light-theme .bootstrap-select button.dropdown-toggle.fc-agendaDay-button.fc-state-default.fc-corner-right,
.post-login-light-theme .bootstrap-select button.dropdown-toggle.fc-month-button.fc-state-default.fc-corner-left,
.post-login-light-theme .bootstrap-select button.dropdown-toggle.fc-agendaWeek-button,
.post-login-light-theme .bootstrap-select .dropdown-toggle.fc-prev-button,
.post-login-light-theme .bootstrap-select .dropdown-toggle.fc-next-button,
.post-login-light-theme .bootstrap-select .dropdown-toggle.fc-today-button {border: 1px solid rgba(0, 0, 0, 0.15);}

.post-login-light-theme .form-control[readonly]:not([disabled]) {
    background: transparent;
}

.post-login-light-theme .panel-primary > .panel-heading .txt-dark {
    color: #fff!important;
}

.post-login-light-theme .dropdown-menu {
    background: #ffff;
}

.post-login-light-theme .dropdown-menu > li > a {
    color: #333;
}

.post-login-light-theme .dropdown-menu > li > a:hover, .post-login-light-theme .dropdown-menu > li > a:focus {
    background: rgba(0, 0, 0, 0.05);
}

.post-login-light-theme .dropdown-menu > .active > a {
    color: #ffff;
}

.post-login-light-theme .dropdown-menu > .active > a:focus, 
.post-login-light-theme .dropdown-menu > .active > a:hover {
    background: #01c853;
}

.post-login-light-theme .control-label {
    color: #333;
}

.post-login-light-theme .input-group-addon {
    border-color: rgba(0, 0, 0, 0.15);
    color: #333;
}

.post-login-light-theme .dataTables_wrapper .dataTables_length,
.post-login-light-theme .dataTables_wrapper .dataTables_filter,
.post-login-light-theme .dataTables_wrapper .dataTables_info,
.post-login-light-theme .dataTables_wrapper .dataTables_processing,
.post-login-light-theme .dataTables_wrapper .dataTables_paginate{
    color: #333;
}

.post-login-light-theme .table > tbody > tr > td,
.post-login-light-theme .jsgrid-table > tbody > tr > td,
.post-login-light-theme .table > tbody > tr > th,
.post-login-light-theme .jsgrid-table > tbody > tr > th,
.post-login-light-theme .table > tfoot > tr > td,
.post-login-light-theme .jsgrid-table > tfoot > tr > td,
.post-login-light-theme .table > tfoot > tr > th,
.post-login-light-theme .jsgrid-table > tfoot > tr > th,
.post-login-light-theme .table > thead > tr > td,
.post-login-light-theme .jsgrid-table > thead > tr > td,
.post-login-light-theme .table > thead > tr > th,
.post-login-light-theme .jsgrid-table > thead > tr > th {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme .table > tbody > tr.active > td,
.post-login-light-theme .jsgrid-table > tbody > tr.active > td,
.post-login-light-theme .table > tbody > tr.active > th,
.post-login-light-theme .jsgrid-table > tbody > tr.active > th,
.post-login-light-theme .table > tbody > tr > td.active,
.post-login-light-theme .jsgrid-table > tbody > tr > td.active,
.post-login-light-theme .table > tbody > tr > th.active,
.post-login-light-theme .jsgrid-table > tbody > tr > th.active,
.post-login-light-theme .table > tfoot > tr.active > td,
.post-login-light-theme .jsgrid-table > tfoot > tr.active > td,
.post-login-light-theme .table > tfoot > tr.active > th,
.post-login-light-theme .jsgrid-table > tfoot > tr.active > th,
.post-login-light-theme .table > tfoot > tr > td.active,
.post-login-light-theme .jsgrid-table > tfoot > tr > td.active,
.post-login-light-theme .table > tfoot > tr > th.active,
.post-login-light-theme .jsgrid-table > tfoot > tr > th.active,
.post-login-light-theme .table > thead > tr.active > td,
.post-login-light-theme .jsgrid-table > thead > tr.active > td,
.post-login-light-theme .table > thead > tr.active > th,
.post-login-light-theme .jsgrid-table > thead > tr.active > th,
.post-login-light-theme .table > thead > tr > td.active,
.post-login-light-theme .jsgrid-table > thead > tr > td.active,
.post-login-light-theme .table > thead > tr > th.active,
.post-login-light-theme .jsgrid-table > thead > tr > th.active {
    background: rgba(220, 220, 220, 0.4);
}

.post-login-light-theme .checkbox-apis, .post-login-light-theme .checkbox-bordered {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.post-login-light-theme ul.ui-search-menu li a:hover,
.post-login-light-theme ul.ui-nav-menu li a:hover,
.post-login-light-theme a.soptclass:hover,
.post-login-light-theme a.clearsearchclass:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.post-login-light-theme a:hover {
    color: #333;
}

.post-login-light-theme .clearsearchclass {
    color: #9e9e9e;
}

.post-login-light-theme .modal-dialog .modal-content {
    background-color: #f9f9f9;
}

.post-login-light-theme .panel-inverse > .panel-heading {
    background-color: rgba(0, 0, 0, 0.2);
}

.post-login-light-theme .close {
    opacity: .5;
}

.post-login-light-theme .close:focus, .post-login-light-theme .close:hover {
    opacity: 1;
}

.post-login-light-theme .tooltip > .tooltip-inner {
    background-color: #333;
    color: #FFFFFF;
}
    
.post-login-light-theme .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #333;
}

.post-login-light-theme .table-filters{border: 1px solid rgba(0, 0, 0, 0.15);border-left: none;border-right: none;}
.post-login-light-theme .nav-tabs {border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.post-login-light-theme .nav-tabs > li > a{color:#555}
.post-login-light-theme .nav-tabs > li.active > a, 
.post-login-light-theme .nav-tabs > li.open > a{color:#111}
.post-login-light-theme .nav-tabs > li > a:active, 
.post-login-light-theme .nav-tabs > li > a:focus, 
.post-login-light-theme .nav-tabs > li > a:hover{color:#111}
.post-login-light-theme .bootstrap-switch {border-color: rgba(0, 0, 0, 0.15);}
/* .post-login-light-theme .bootstrap-switch .bootstrap-switch-label {background: #333;} */

.post-login-light-theme .has-error .checkbox, 
.post-login-light-theme .has-error .checkbox-inline, 
.post-login-light-theme .has-error .control-label, 
.post-login-light-theme .has-error .help-block, 
.post-login-light-theme .has-error .radio, 
.post-login-light-theme .has-error .radio-inline, 
.post-login-light-theme .has-error.checkbox label, 
.post-login-light-theme .has-error.checkbox-inline label, 
.post-login-light-theme .has-error.radio label, 
.post-login-light-theme .has-error.radio-inline label {
	color: #ff2a00;
}
.post-login-light-theme .has-error .input-group-addon {
	color: #ff2a00;
	border-color: rgba(255, 42, 0, 0.5);
}
.post-login-light-theme .has-error .form-control, 
.post-login-light-theme .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, 
.post-login-light-theme .select2-container--default .select2-selection--single .has-error .select2-selection__rendered, 
.post-login-light-theme .has-error .select2-container--default .select2-selection--single, 
.post-login-light-theme .select2-container--default .has-error .select2-selection--single, 
.post-login-light-theme .has-error .select2-selection.select2-selection--multiple, 
.post-login-light-theme .has-error .wizard .content > .body input, 
.post-login-light-theme .wizard .content > .body .has-error input, 
.post-login-light-theme .has-error .mce-floatpanel .mce-textbox, 
.post-login-light-theme .mce-floatpanel .has-error .mce-textbox, 
.post-login-light-theme .has-error .mce-floatpanel .mce-btn, 
.post-login-light-theme .mce-floatpanel .has-error .mce-btn, 
.post-login-light-theme .has-error .dataTables_wrapper .dataTables_filter input, 
.post-login-light-theme .dataTables_wrapper .dataTables_filter .has-error input, 
.post-login-light-theme .has-error .dataTables_wrapper .dataTables_length select, 
.post-login-light-theme .dataTables_wrapper .dataTables_length .has-error select, 
.post-login-light-theme .has-error .jsgrid-cell input, 
.post-login-light-theme .jsgrid-cell .has-error input, 
.post-login-light-theme .has-error .jsgrid-cell select, 
.post-login-light-theme .jsgrid-cell .has-error select, 
.post-login-light-theme .has-error .tablesaw-bar .btn-select select, 
.post-login-light-theme .tablesaw-bar .btn-select .has-error select, 
.post-login-light-theme .has-error .dd-handle, 
.post-login-light-theme .has-error .dd3-content, 
.post-login-light-theme .has-error .app-search .form-control:focus, 
.post-login-light-theme .app-search .has-error .form-control:focus, 
.post-login-light-theme .has-error .app-search .jsgrid-cell input:focus, 
.post-login-light-theme .app-search .jsgrid-cell .has-error input:focus, 
.post-login-light-theme .has-error .jsgrid-cell .app-search input:focus, 
.post-login-light-theme .jsgrid-cell .app-search .has-error input:focus, 
.post-login-light-theme .has-error .app-search .jsgrid-cell select:focus, 
.post-login-light-theme .app-search .jsgrid-cell .has-error select:focus, 
.post-login-light-theme .has-error .jsgrid-cell .app-search select:focus, 
.post-login-light-theme .jsgrid-cell .app-search .has-error select:focus, 
.post-login-light-theme .has-error .app-search .dd-handle:focus, 
.post-login-light-theme .app-search .has-error .dd-handle:focus, 
.post-login-light-theme .has-error .app-search .dd3-content:focus, 
.post-login-light-theme .app-search .has-error .dd3-content:focus {
	border-color: rgba(255, 42, 0, 0.5);
}

.post-login-light-theme .form-control:focus, 
.post-login-light-theme .select2-container--default .select2-selection--single .select2-selection__rendered:focus, 
.post-login-light-theme .select2-container--default .select2-selection--single:focus, 
.post-login-light-theme .select2-selection.select2-selection--multiple:focus, 
.post-login-light-theme .wizard .content > .body input:focus, 
.post-login-light-theme .mce-floatpanel .mce-textbox:focus, 
.post-login-light-theme .mce-floatpanel .mce-btn:focus, 
.post-login-light-theme .dataTables_wrapper .dataTables_filter input:focus, 
.post-login-light-theme .dataTables_wrapper .dataTables_length select:focus, 
.post-login-light-theme .jsgrid-cell input:focus, 
.post-login-light-theme .jsgrid-cell select:focus, 
.post-login-light-theme .tablesaw-bar .btn-select select:focus, 
.post-login-light-theme .dd-handle:focus, 
.post-login-light-theme .dd3-content:focus, 
.post-login-light-theme .app-search .form-control:focus, 
.post-login-light-theme .app-search .jsgrid-cell input:focus, 
.post-login-light-theme .jsgrid-cell .app-search input:focus, 
.post-login-light-theme .app-search .jsgrid-cell select:focus, 
.post-login-light-theme .jsgrid-cell .app-search select:focus, 
.post-login-light-theme .app-search .dd-handle:focus, 
.post-login-light-theme .app-search .dd3-content:focus{border-color: rgba(0, 0, 0, 0.5);}

.post-login-light-theme .bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.post-login-light-theme .table > tbody > tr.success > td {
    background: #ccc;
}
.post-login-light-theme .form-control[disabled], .post-login-light-theme .form-control[readonly], .post-login-light-theme fieldset[disabled] .form-control {
    background-color: #eee;
}

.user-auth-dropdown.post-login-light-theme {
    background: #fff;
}

.post-login-light-theme.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.15);
}

.user-auth-dropdown.post-login-light-theme li a {
    color: #333;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: rgba(0, 0, 0, 0.05);
}

.post-login-light-theme .ui-widget-content, .post-login-light-theme .ui-widget-header {
    background: #fff;
}

.post-login-light-theme .ui-widget-header {
    color: #333;
}

.card-view.panel.fullscreen {
    max-height: initial;
}

.page-wrapper {
    overflow-x: hidden;
}

td.ui-search-clear {
    vertical-align: middle;
}

.user-auth-dropdown li{
    font-size: 11px;
}

.tooltip-multi-line td{
    text-align: left;
    padding: 0.2em 0 0.2em 1em;
}

@media (max-width:1199px){
    .stat-panel.custom-scrollbar .panel-refresh.api-change-stat .api-change-stat-heading{
        width: 55%;
        /* overflow: hidden;
        text-overflow: ellipsis; */
    }
    /* .stat-panel.custom-scrollbar .panel-refresh.api-change-stat .panel-heading .pull-left h6.txt-dark{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    } */
}
    
@media (max-width:992px){
    .stat-panel.custom-scrollbar .panel-refresh.api-change-stat .api-change-stat-heading{
        width: 60%;
    }
}

.note-block{
    color: #ff2a00;
    font-weight: bold;
    font-style: italic;
    display: block;
}

.panel-backup-code{
    margin-left: 0px;
    margin-right: 0px;
}

.form-control.highlight-focus:focus{
    border: 2px solid #FFFFFF!important;
}

.bs-actionsbox .btn-group{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top: 10px;
}
.bs-actionsbox .btn-group .actions-btn{
    font-size: 14px;
    padding: 10px 0;
    background: transparent;
    max-width:49%;
    border-radius: 3px !important;
    text-align: center!important;
}
.bs-actionsbox .btn-group .actions-btn:nth-child(1){
    border-color: #01c853;
    color: #01c853;
}
.bs-actionsbox .btn-group .actions-btn:nth-child(1):hover{
    background: #01c853;
    color: #fff !important;
}
.bs-actionsbox .btn-group .actions-btn:nth-child(2){
    border-color: #ff2a00;
    color: #ff2a00;
}
.bs-actionsbox .btn-group .actions-btn:nth-child(2):hover{
    background: #de2500;
    color: #fff !important;
}

.modal-header .close {
    color: red;
    opacity: 1;
    text-shadow: none;
    font-size: 30px;
}

.modal-title {
    font-size: 25px;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.bootbox-radiobutton-list .form-check-label.active::after{
    transform: scale(1, 1)!important;
    background-color: #e91e63;
}

.mb-3{
    margin-bottom: 15px;
}

.export-filter-list-table{
    width: 100%!important;
    max-width: 835px;
}

.pl-3{
    padding-left: 15px;
}

.panel-export-filter-list{
    max-height: 400px;
    overflow: auto;
}

.w-100{
    width: 100%!important;
}

.loader {
    border: 7px solid transparent;
    border-radius: 50%;
    border-top: 7px solid #c4996d;
    border-left: 7px solid #c4996d;
    border-right: 7px solid #c4996d;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: auto;
}

.float{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 100%;
}
  
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
  
.loaderContainer{
    position: absolute;
    top:0;
	left:0;
	right:0;
	bottom:0;
    z-index: 10;
}
.loaderContainer:before{
    content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.6);
    z-index: 1;
}
  
.loaderContainer p{
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    color: #fff;
}

@keyframes spin-rotate {
    to { transform: rotate(.5turn); }
}
  
@keyframes spin-color {
    25% { background-color: currentColor; }
    75% { background-color: inherit; }
}
  
@keyframes bg-pie {
    50% { background-position: 49.9px; }
}
  
.pie {
    background-color: #eed3b8;
    color: #c4996d;
    height: 100px;
    width: 100px;
    background-image: linear-gradient(90deg, transparent 50%, currentColor 0);
    border-radius: 50%;
    overflow: hidden;
    animation: bg-pie 6s step-end infinite;
    margin: auto;
}
  
.pie:before {
    background-color: inherit;
    border-radius: 0 100% 100% 0 / 50%;
    content: '';
    display: block;
    margin-left: 50%;
    height: 100%;
    transform-origin: left;
    animation: spin-rotate 1.5s linear infinite, spin-color 6s step-end infinite;
}

@media only screen and (max-width: 600px){
	.loaderContainer p {
        font-size: 15px;
    }
    .loader {
        border: 6px solid transparent;
        border-top: 6px solid #c4996d;
        border-left: 6px solid #c4996d;
        border-right: 6px solid #c4996d;
        width: 80px;
        height: 80px;
    }
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    padding-bottom: 10px;
}

.table-responsive::-webkit-scrollbar {
    height: 3px;
}
.table-responsive::-webkit-scrollbar-track {
    background: #351e27;
    border-radius:1px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: #2879ff;
    border-radius:1px;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #333;
    cursor:pointer;
}

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
    height: 3px;
}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
    background: #351e27;
    border-radius:1px;
}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    background: #2879ff;
    border-radius:1px;
}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover {
    background: #333;
    cursor:pointer;
}

.post-login-dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #fff !important;
}

.knowledge-grid .panel-body{
    display:flex;
    flex-wrap:wrap;
}
.knowledge-grid h5 a:hover{
    text-decoration:underline;
}
.knowledge-grid .article-category{
    color: #bcbabafc !important;
    font-weight: 500;
    font-size: 19px;
}
.knowledge-grid .panel-body .thread-link{
    font-size:15.5px;
    line-height:1.3;
    color: #1c83db;
}
.knowledge-grid .panel-body .thread-link:hover{
    text-decoration:underline;
    color: #9594ea;
}
.search-knowledge{
    max-width:350px;
    margin-left:auto;
}
.search-knowledge input{
    background: #fff;
    color: #212121;
    height: 45px;
    border: none !important;
}
.text-white{
    color:#fff !important;
}
.panel-heading.d-flex{
    display:flex;
} 
.panel-heading.align-items-center{
    align-items:center
}
.panel-heading.justify-content-between{
    justify-content: space-between;
}
.panel-heading.d-flex .pull-left,
.panel-heading.d-flex .pull-right{
    flex:0 0 50%;
}
@media only screen and (max-width: 500px){
    .panel-heading.d-flex{
        flex-direction:column;
    }
    .search-knowledge{
        max-width:100%;
        margin:20px 0;
    }
    
    .panel-heading.d-flex .pull-left,
    .panel-heading.d-flex .pull-right{
        width: 100%;
    }
}

.single-knowledge .knowledge-title{
    font-weight:300;
    line-height: 1.4;
}
.single-knowledge .modified-date{
    display:block;
    font-weight:bold;
}
.single-knowledge .articleContent{
    overflow-x: auto;
}
.single-knowledge .articleCategory span{
    color: #878787;
}
@media only screen and (max-width: 600px){
    .single-knowledge .modified-date{
        font-size: 100%;
    }
    .single-knowledge .knowledge-title {
        line-height: 1.2;
        font-size: 30px;
    }
}
@media only screen and (max-width: 450px){
    .articleCategory {
        float: left!important;
        width: 100%;
    }
}
.text-red{
    color:#ff2a00 !important;
}
.note-popover.popover {
    top: 800px!important;
}
.single-knowledge b, .single-knowledge strong {
    font-weight: bold !important;
}
.single-knowledge i {
    font-style: italic !important;
}
.single-knowledge ul {
    list-style-type: disc !important;
    list-style-position: inside !important;
}
.single-knowledge ol {
    list-style-type: decimal !important;
    list-style-position: inside !important;
}
.single-knowledge .table-bordered td {
    border-color: #ddd !important;
}
.note-editor b, .note-editor strong {
    font-weight: bold !important;
}
.note-editor i {
    font-style: italic !important;
}
.note-editor ul {
    list-style-type: disc !important;
    list-style-position: inside !important;
}
.note-editor ol {
    list-style-type: decimal !important;
    list-style-position: inside !important;
}
.nav.navbar-nav, .right-sidebar{
    overflow-y: auto !important;
}
.note-editor .table-bordered td {
    border-color: #ddd !important;
}
.search-knowledge .twitter-typeahead{
    display: block !important;
}
.search-knowledge .tt-menu{
    top: 21px !important;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    padding-top: 45px;
    margin: 0px;
    z-index: 1 !important;
    border-radius: 0 0 5px 25px;
}
.search-knowledge .tt-menu::-webkit-scrollbar {
    width: 6px;
}
.search-knowledge .tt-menu::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #eee;
}
.search-knowledge .tt-menu::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 10px;
}
.nav.navbar-nav, .side-nav {
    padding-bottom: 40px;
}
.checkbox-bordered {
    margin-top: 0px !important;
    margin-bottom: 10px;
    border: 1px solid #3c3c3c;
    padding: 9px;
    /*padding-left: 30px;*/
    padding-left: 10px;
}
.cursor-pointer {
    color: #738ac3;
}
.cursor-pointer:hover {
    color: #fff;
    cursor:pointer;
}

.external-user-payment-calculation thead tr th:nth-child(1),
.external-user-payment-calculation tbody tr td:nth-child(1) {
    width: 200px !important;
}

.pixel-dashboard thead tr th:nth-child(10),
.pixel-dashboard tfoot tr th:nth-child(10),
.pixel-dashboard tbody tr td:nth-child(10) {
    min-width: 160px !important;
}

.avoid-clicks {
    pointer-events: none;
}

/* CSS for tag patterns start */
.tag_name {
	font-size: 15px;
	font-weight: 500;
	/* width: 60px!important; */
    padding-left: 5px;
    white-space: pre-line;
}
.pattern {
	width: 40px!important;
}
.apple_div {
	width: 200px;
    background-color: #61bd4f;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.safety_yellow_div {
	width: 200px;
    background-color: #f2d600;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.pastel_orange_div {
	width: 200px;
    background-color: #ffab4a;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.fire_opal_div {
	width: 200px;
    background-color: #eb5a46;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
.lavender_floral_div {
	width: 200px;
    background-color: #c377e0;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.ocean_boat_blue_div {
	width: 200px;
    background-color: #0079bf;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
.princess_perfume_div {
	width: 200px;
    background-color: #ff80ce;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.dark_liver_div {
	width: 200px;
    background-color: #4d4d4d;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
.medium_slate_blue_div {
	width: 200px;
    background-color: #7b68ee;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.light_coral_div {
	width: 200px;
    background-color: #f08080;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.khaki_div {
	width: 200px;
    background-color: #f0e68c;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.medium_aquamarine_div {
	width: 200px;
    background-color: #66cdaa;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.french_fuchsia_div {
	width: 200px;
    background-color: #ff3399;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
.brilliant_azure_div {
	width: 200px;
    background-color: #3399ff;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
.fuchsia_div {
	width: 200px;
    background-color: #ff00ff;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #2B2B2B;
}
.ue_red_div {
	width: 200px;
    background-color: #b80000;
    position: relative;
    padding: 15px 15px 15px 45px;
    text-align: left;
    display: inline-block;
	margin-bottom: 10px;
    color: #fff;
}
span.stripe_diagonal {
    background: url(/storage/images/pattern-images/StripeDiagonal.446fede35a641ea6fb60.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.stripe_horizontal {
    background: url(/storage/images/pattern-images/StripeHorizontal.b5480173b8e7b26f24c7.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.stripe_vertical {
    background: url(/storage/images/pattern-images/StripeVertical.302d24d5949e72499db2.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.brick_diagonal {
    background: url(/storage/images/pattern-images/BrickDiagonal.ffdb9953ca2f8b930b75.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.brick_horizontal {
    background: url(/storage/images/pattern-images/BrickHorizontal.609865416b429fdb8d15.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.brick_vertical {
    background: url(/storage/images/pattern-images/BrickVertical.a39768a78f9eabb62da6.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.dots_checker {
    background: url(/storage/images/pattern-images/DotsChecker.a70142c225011e8d6c67.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.scale {
    background: url(/storage/images/pattern-images/Scale.57ddd842d4b2029a0d05.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.groove_diagonal {
    background: url(/storage/images/pattern-images/GrooveDiagonal.0f1ff1274c1e31f4d3ce.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.wave_square {
    background: url(/storage/images/pattern-images/WaveSquare.82d3fa1bcc373d74c90e.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
	/* position: absolute; */
	top: 0;
	left: 0;
}
span.no_pattern {
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    /* height: 40px; */
    /* width: 0px !important; */
	/* position: absolute; */
    display: none;
	top: 0;
	left: 0;
}
.checkbox-patterns {
    border-width: 0 !important;
    padding: 0;
}
.pattern-container {
    width: 23% !important;
    border-radius: 5px;
    margin: 5px;
}
.pattern-parent-container {
    justify-content: start;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 10px;
}
.tag_color_div {
    border-radius: 5px;
    display: inline-flex;
    padding: 15px !important;
    align-items: center;
    width: 200px !important;
}
.pattern-container-edit-account {
    width: 24% !important;
    border-radius: 5px;
    margin: 6px;
    padding: 15px;
}
.pattern-container-edit-account input[type='checkbox'] {
    position: inherit;
    margin-left: 0;
}
.pattern-container-edit-account .col-lg-11 {
    display: flex;
    align-items: center;
}
.pattern-container-edit-account label::before {
    top: 0;
}
.pattern-container-quick-edit-account {
    width: 31.5% !important;
    border-radius: 5px;
    margin: 6px;
    padding: 15px;
}
.pattern-container-quick-edit-account input[type='checkbox'] {
    position: inherit;
    margin-left: 0;
}
.pattern-container-quick-edit-account .col-lg-11 {
    display: flex;
    align-items: center;
}
.pattern-container-quick-edit-account label::before {
    top: 0;
}
.account-list-tag-pattern {
    display: flex;
    flex-direction: column;
}
.account-list-tag-pattern .pattern {
    height: 20px !important;
    width: 20px !important;
}
.account-list-tag-pattern .tag_name {
    font-size: 12px;
    white-space: pre-line;
}
.account-list-tag-pattern .tag_color_div {
    width: 100% !important;
    display: inline-block !important;
    padding: 5% !important;
    text-align: center;
}
.account-list-tag-pattern button {
    background: transparent;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
    .pattern-container-edit-account {
        width: 31.5% !important;
        padding: 15px 30px;
    }
    .pattern-container-quick-edit-account {
        width: 47% !important;
        padding: 15px 30px;
    }
}
@media (max-width: 767px) {
    .pattern-container {
        width: 46% !important;
    }
    .pattern-container-edit-account, .pattern-container-quick-edit-account {
        width: 100% !important;
        padding: 15px 30px;
    }
}
/* CSS for tag patterns end */

.proxy-search-container .twitter-typeahead {
    position: relative !important;
    display: block !important;
}

.proxy-search-container .twitter-typeahead .tt-menu {
    top: 30px !important;
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.text-warning{
    color: #f2d600 !important;
}