/*Start : portal body */

body {
    color: #808080;
    /* font-size: 13px; */
    /* Commented By Ashok Ladumor */
}

.footer {
    padding: 10px 0;
    position: unset;
}

#styleSelector .style-cont {
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
}

.theme-color .active {
    border: 1.5px dashed rgb(41, 40, 46);
}

#styleSelector ul li p.selector-title,
#styleSelector ul li span.selector-title {
    padding: 0px 0px 10px 0px;
}

.pcoded #styleSelector {
    padding: 10px 20px;
}

.pcoded .selector-toggle>a {
    /* Brand color */
    background: var(--brand-color);
}


/* End : portal body */


/* Start : navbar changes */


/* style for sub-menu font size */

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li>a {
    font-size: 12px;
}


/* style for main menu font size */

.pcoded .pcoded-navbar .pcoded-item>li>a {
    font-size: 12px;
}

/* Commented By Ashok Ladumor : Purpose : theme css are needed. */
/* .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li {
    padding: 0.4em 10px;
} */

/* Commented By Ashok Ladumor : Purpose : theme css are needed. */
/* .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a {
    font-size: 13px;
} */

/* showing carat for language and profile dropdown */

/* Commented By Ashok Ladumor : Purpose : theme css are needed. */
/* .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification
{
    top: 54px;
} */

#admin_lang {
    width: 1px;
}

.label-lg {
    font-size: 105%;
}

.widget-visitor-card i {
    font-size: 19px !important;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    bottom: -16px;
    opacity: 0.8;
    left: -3px;
}

.widget-visitor-card:hover i {
    opacity: 0.9;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.widget-visitor-card {
    padding: 0px !important;
}

/* Commented By Ashok Ladumor : Purpose : theme css are needed. */
/* .header-navbar .navbar-wrapper .navbar-container .nav-right li {
    padding: 0 4px;
} */

.widget-label {
    margin: 3px;
    font-weight: bold;
    padding-left: 18px;
}


/* Start : navbar changes */


/* Start : breadcrumbs */

.page-header-breadcrumb {
    float: left !important;
    font-size: 14px;
}

.card-block {
    padding: 20px 20px;
    z-index: 1;
}

.info-breadcrumb {
    border-radius: 4px;
}


/* End : breadcrumbs */


/* Start : input field prepend */

.input-group-prepend {
    height: 34px;
}

.input-group-text {
    background-color: #ffffff;
    ;
    color: #353c4e;
    margin-top: 0px;
    height: 34px;

}

.input-group {
    margin-bottom: 0px !important;
    flex-wrap: nowrap !important;
}

/*End changes */

/* End : input field prepend */


/* change select2 height, color*/


/* .select2-selection__rendered {
    line-height: 16px !important;
} */


/* Start : Select2 changes */

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6e5f5f transparent transparent transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 16px !important;
    background-color: #ffffff;
    color: #444;
    font-size: 14px;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-selection__arrow {
    height: 14px !important;
}

.select2-container--default .select2-selection--single {
    overflow: hidden !important;
}

.select2-dropdown {
    z-index: 9999999999;
}


/* solve select2 overlap issue */

.select2-results__option {
    color: #444;
}


/*change size of select2 option */


/* .select2-container--open .select2-dropdown--below {
  border : 4px solid red;
}

.select2-dropdown select2-dropdown--above {
  border : 4px solid red;
} */

.deselect-all {
    float: right;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    /* Brand color */
    background-color: var(--brand-color-hover);
}


.ms-container .ms-list.ms-focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 2px !important;
}

.switchery:focus {
    border-color: var(--brand-color) !important;
    /* box-shadow: 0 0 0 0.25rem var(--brand-color) !important; */
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}




/* End : Select2 chnages */


/* Satrt : changes for button */
.btn {
    font-size: 14px;
    padding: 0.375rem 0.75rem !important;
}

.btn.btn-critical {
    font-size: 14px;
    padding: 0.375rem 0.75rem !important;
}

.btn-check:focus+.btn-critical,
.btn-critical:focus {
    outline: 0;
    box-shadow: none;
}

/* End : changes for button */


/* Satrt : changes for showing input error  */

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    border-color: #b71c1c !important;
}

.table input.error,
select.error,
input.error {
    border-color: #b71c1c !important;
}

.errorMessage {
    color: #b71c1c !important;
}

.table label.error {
    display: block;
    margin: 5px 0;
    color: #b71c1c;
    font-weight: 400;
}

.bootstrap-tagsinput {
    border: 1px solid #cccccc !important;
    width: 100% !important;
}


/* End : changes for showing input error  */


/* --------------------------------------------------- Start : grid table changes --------------------------------------------- */

table.table thead .sort-link,
table.table thead .sort-link.asc,
table.table thead .sort-link.desc,
table.table thead .sort-link.asc_disabled,
table.table thead .sort-link.desc_disabled {
    cursor: pointer;
    *cursor: hand;
}

table.table thead .sort-link {
    background: url("/../theme_components/bower_components/datatables.net-bs4/images/sort_both.png") no-repeat center right;
    padding-right: 20px !important;
}

table.table thead .sort-link.desc {
    background: url("/../theme_components/bower_components/datatables.net-bs4/images/sort_desc.png") no-repeat center right;
    padding-right: 20px !important;
}

table.table thead .sort-link.asc {
    background: url("/../theme_components/bower_components/datatables.net-bs4/images/sort_asc.png") no-repeat center right;
    padding-right: 20px !important;
}

table.table thead .sort-link.asc_disabled {
    background: url("/../theme_components/bower_components/datatables.net-bs4/images/sort_asc_disabled.png") no-repeat center right;
    padding-right: 20px !important;
}

table.table thead .sort-link.desc_disabled {
    background: url("/../theme_components/bower_components/datatables.net-bs4/images/sort_desc_disabled.png") no-repeat center right;
    padding-right: 20px !important;
}

/* .adv-table .dataTables_length {
    padding: 15px 0 10px 0;
} */

/* as per suggetion update  */
/* .adv-table .dataTables_info,
.dataTables_paginate {
    padding: 10px 0 20px 0; 
} */

.hidden {
    /*visibility: hidden !important; */
    display: none !important;
}

a {
    color: #37547b;
    text-decoration: none;
}

.table {
    color: #727272
        /*#797979*/
    ;
}

.filter-icon {
    float: right;
    margin-right: 6px;
    margin-top: -24px;
    position: relative;
    z-index: 2;
    color: #01a9ac;
}

.column-stick {
    position: sticky;
    position: -webkit-sticky;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    left: 0px;
}


/* .btn-mini {
  padding : 5px 6px;
} */

/* .table td { */
/* padding: 10px; */
/* white-space: pre-wrap; 22-06-2022*/
/* } */

table.dataTable tbody>tr.selected.odd.selected,
table.dataTable tbody>tr>.odd.selected {
    /* background-color: rgba(0, 0, 0, 0.05); */
    color: inherit !important;
}

table.dataTable tbody>tr.selected.even.selected,
table.dataTable tbody>tr>.even.selected {
    background-color: transparent;
    color: inherit !important;
}


/* table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
  background-color: transparent;
  color: inherit !important;
} */

.bg-lightblue {
    /* background : #19a7ba; */
    background: #1db3c7;
}

.feed-card .feed-icon {
    padding: 5px;
}

/* uncoment by meet Sheth  for make a ui as it is */
.btn-xs {
    /* padding: 0px 10px !important; */
    font-size: 14.5px;
    /* line-height: 1.5; */
    /* border-radius: 11px; */
}

.table-border {
    border: 1px solid #dee2e6;
}


/* .checkbox-fade .cr,
.checkbox-zoom .cr {
  height: 16px;
  width: 16px;
} */

.info-tip {
    color: #404e67;
    font-size: 18px;
}


/* start : customize checkbox */
/* Commented By Ashok Ladumor becuase we are using theme css */
.switchery {
    height: 24px;
    width: 45px;
}

.switchery>small {
    height: 23px;
    width: 24px;
}

/* Add by Meet sheth for a tables in which is a loaded table */
.inner_table>tr>td,
th {
    text-align: left;
    word-wrap: break-word;
    /* white-space: pre-wrap !important; 22-06-2022 */
}

/* Add by Meet Sheth for number text align Right */
.inner_part {
    text-align: right !important;
}

.inner_body {
    text-align: center !important;
}

/* end : customize checkbox */


/* --------------------------------------------------- End : grid table changes --------------------------------------------- */

.sub-title {
    font-size: 18px;
    text-transform: none;
}

.card .card-block .sub-title {
    font-size: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0px;
}

.main-body .page-wrapper {
    padding: 7px;
}

.main-body .page-wrapper .page-header {
    margin-bottom: 11px;
}


/*START: modal header popup*/
/* Comment by Ashok Ladumor */

.modal-header {
    /* color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-bottom: none; */

    background: #37455B 0% 0% no-repeat padding-box;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.modal-title {
    line-height: 1.42857143 !important;
    font-size: 16px !important;
    font: normal normal medium 14px/21px Poppins;
    text-align: left;
}

.modal-content {
    border-radius: 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px -3px 6px #00000029;
}


/*END: modal header color &font*/


/* Satrt : every page header */

.card .card-header .card-header-right {
    padding: 0px !important;
    margin-right: 10px;
    margin-top: -5px;
}

.card .card-header .card-header-right i {
    margin: 0 4px;
    color: #fff;
}


/* below manage line no : 1158  */


/* .icons-alert:before {
    top: 10px;
} */


/* End : Every page header */


/* Start : form changes */

.form-control {
    font-size: 14px;
    border-radius: 4px;
    height: 35px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.single-date[readonly] {
    cursor: pointer !important;
}

.form-control-danger {
    border-color: #B94A48 !important;
    color: #495057;
}

.divider {
    border-top: 1px solid #afbfc3;
    padding-top: 10px;
    margin-top: 10px;
}

.btn i {
    margin-right: 0px;
}

.disabled-tagsinput {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}


/* Added for password/pin show/hide field. */

.password-show-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    margin-right: 10px;
    font-size: 16px;
    color: #474456;
}

.refresh-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    margin-right: 30px;
    font-size: 16px;
    color: #474456;
}


/* End : form changes */


/* End : modal style */

/* START : For autocomplete */

.ui-widget-content {
    color: inherit !important;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}


/* Satrt : For autocomplete */

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #01a9ac;
    background: #01a9ac url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
}


/*End : For autocomplete */


/* Start : For Reports */

.accordion-msg {
    border-top: none;
    /* border-bottom: 1px solid #ddd; */
    padding: 8px 5px;
    font-size: 13px;
    color: #353C4E !important;
}

.accordion-content {
    padding: 20px;
}

.slide-border {
    height: 100%;
    width: 4px;
    bottom: 20px;
    background: var(--brand-color);
    position: absolute;
    left: -20px;
}


/* End : For Reports */


/* ------------------------------------------------ Start : audio control stayle --------------------------------------------*/

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
    background-color: rgb(163, 182, 163);
}

audio {
    width: 250px !important;
    height: 35px;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 1px;
}


/* ------------------------------------------------ End : audio control stayle --------------------------------------------*/


/* ------------------------------------------------ Start : step wizard stayle --------------------------------------------*/

.step {
    clear: left;
}

.step label {
    display: block;
}

.stepy-titles li span {
    display: block;
}

.stepy-titles li.current-step div {
    color: #fff;
    cursor: auto;
    background: var(--brand-color);
    /* border-radius: 50%; */
    /* -webkit-border-radius: 50%; */
    /* width: 55px; */
    height: 55px;
    line-height: 59px;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-radius: 2px;
}

.steps-eight li div {
    max-width: 100%;
}

.stepy-titles li div {
    font-size: 1.429em;
    font-weight: 300;
    background: #eee;
    /* border-radius: 50%; */
    /* -webkit-border-radius: 50%; */
    /* width: 55px; */
    height: 55px;
    line-height: 59px;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-radius: 2px;
}

.stepy-titles li {
    color: #757575;
    cursor: pointer;
    float: left;
    margin: 10px 15px 20px 55px;
    width: 15%;
}

.steps-eight li {
    width: 5%;
}

.stepy-titles li:after {
    content: "";
    position: absolute;
    height: 2px;
    background: var(--brand-color);
    width: 34%;
    top: 39px;
    z-index: -1;
    margin-left: -8%;
}

.steps-eight li:after {
    width: 16%;
    margin-left: -5%;
}

.stepy-titles li span {
    display: block;
}

.stepy-tab {
    /* text-align: center; */
}

.stepy-tab ul {
    display: inline-block;
    width: 100%
}


/* .stepy-tab ul li {
  float: left;
  margin-bottom : 20px /* new */


/*} */

.step legend {
    border: none;
}

.button-back {
    float: left;
}

.button-next,
.finish {
    float: right;
}

.button-back,
.button-next,
.finish {
    cursor: pointer;
    text-decoration: none;
}

/* ------------------------------------------------ End : step wizard style --------------------------------------------*/

/* ------------------------------------------------ End : muliple checkbox style --------------------------------------------*/
.checkboxes label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 50;
}

.label_check input {
    margin-right: 5px;
}

.label_check {
    padding-left: 34px;
}

/* Commented by Ashok Ladumor : Purpose : theme css are needed. - Not needed beacuase we are using theme checkbox design - 18-May-2022*/
/* .label_check {
    background: url(../images/checkbox/check-off.png) no-repeat;
    height: 23px;
    font-weight: 700;
}
label.c_on {
    background: url(../images/checkbox/check-on.png) no-repeat;
} */

.label_check input,
.label_radio input {
    position: absolute;
    left: -9999px;
}

/*Added by : Ashok ladumor : for the Column Option module start*/
.caret {
    border-top: 0px dashed !important;
    vertical-align: sub !important;
}

.dropdown-toggle-ellipsis::after {
    border-right: .0em solid transparent;
    border-left: .0em solid transparent;
}

/* Commented By Ashok Ladumor : Purpose : theme css are needed. */
/* .dropdown-menu {
    max-height: 800% !important;
    overflow: auto !important;
} */

label {
    margin-bottom: 0rem !important;
}

.dropdown-title {
    white-space: normal;
    cursor: pointer !important;
    color: #565657 !important;
    position: relative;
    transition: .4s;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1;
    /* padding-left: 16px !important; */
    padding-right: 16px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    font-size: 13px;
    line-height: 13px;
    align-items: center !important;
    display: flex !important;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-subtitle {
    min-width: 190px;
    letter-spacing: .5px;
    color: #565657 !important;
    background-color: #D6E8F7 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 1.1px solid #dee2e6 !important;
    border-top: 1.1px solid #dee2e6 !important;
}

/*.position-arrow {
    position: absolute;
    left: 9%;
    top: 10%;
}
 @media screen and (min-width: 768px) {
    .position-arrow {
        position: absolute;
        left: 12%;
        top: 10%;
    }
}
@media screen and (min-width: 365px) and (max-width: 767px) {
    .position-arrow {
        position: absolute;
        left: 60%;
        top: 11%;
    }
} */
.show-filter {
    display: none;
}

/*Column Option module end*/

/*For the x-editable css*/
.editable-buttons .editable-cancel {
    border-color: #bec3c7 !important;
}

.editable-buttons .editable-cancel>svg {
    font-size: 18px !important;
}

.editable-buttons .editable-submit>svg {
    font-size: 18px !important;
}

h3.popover-header {
    font-size: 0.9rem !important;
}

.editable-input>.form-control {
    font-size: 14px !important;
}

/* label {
  font-weight: 700;
} */

/* tenant view detail css */
.tenant-table-width>tbody>tr>th,
.tenant-table-width>tbody>tr>td {
    width: 500px;
    border-bottom-width: 0px !important;
}

/* Steps CSS  */
/* #progressbar,
#progressbar-role {
    margin-bottom: 30px;
    overflow: hidden;
    color: #000000;
}

#progressbar,
#progressbar-role .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    width: 12.5%;
    float: left;
    position: relative;
    height: 50%;
    line-height: 45px;
    display: block;
    font-size: 16px;
    color: #6c757d;
    background: #eee;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-align: center;
}

#progressbar-role li {
    list-style-type: none;
    font-size: 12px;
    width: 50%;
    float: left;
    position: relative;
} */

/* #progressbar li#step-1:before, 
#progressbar-role li#step-1:before {
    content: "1.";
}*/

/* #progressbar li#step-2:before, 
#progressbar-role li#step-2:before {
    content: "2.";
}*/

/*#progressbar li#step-3:before {
    content: "3.";
}

#progressbar li#step-4:before {
    content: "4.";
}

#progressbar li#step-5:before {
    content: "5.";
}

#progressbar li#step-6:before {
    content: "6.";
}

#progressbar li#step-7:before {
    content: "7.";
}

#progressbar li#step-8:before {
    content: "8.";
} */

/* #progressbar li:before {
    width: 12.5%;
    height: 50%;
    line-height: 45px;
    display: block;
    font-size: 16px;
    color: #6c757d;
    background: #eee;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-align: center;
} */

/* #progressbar-role li:before {
    width: 20%;
    height: 50%;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #6c757d;
    background: #eee;
    border-radius: 5%;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-align: center;
} */

/* #progressbar li:after,
#progressbar-role li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #424968 !important;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: -1
} */

/* #progressbar li.active,
#progressbar li.active,
#progressbar-role li.active:before,
#progressbar-role li.active:after {
    background: #424968 !important;
    color: #eee;
} */

/* Tenant wizard steps 26-10-2021 - Ashok Ladumor */
/* @media screen and (max-width: 768px) {
    #progressbar li {
        font-size: 12px;
        width: 50%;
        float: left;
    }
} */

/*external_box*/
.external_box {
    width: 90px;
    padding: 8px 0 0 8px;
}

/* ------------------------------------------------ End : muliple checkbox style --------------------------------------------*/

/* ------------------------------------------------ Start : Filter model style ----------------------------------------------*/
.modal.right_modal {
    position: fixed;
    z-index: 99999;
    /* top: 58px !important; */
}

.btn-close {
    background: transparent url("/theme_components/images/btn-close.svg") center/1em auto no-repeat
}

.modal.right_modal .modal-dialog {
    position: fixed;
    margin: auto;
    /* width: 450px; */
    max-width: 85%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal-dialog {
    margin: 1.75rem auto;
}

@media (min-width: 576px) {
    .left_modal .modal-dialog {
        max-width: 100%;
    }

    .right_modal .modal-dialog {
        max-width: 100%;
    }
}

.modal.right_modal .modal-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh !important;
}

.modal.right_modal .modal-body {
    padding: 15px 15px 50px;
}

/*Right*/
.modal.right_modal.fade .modal-dialog {
    right: -50%;
    -webkit-transition: opacity 0.15s linear, right 0.15s ease-out;
    -moz-transition: opacity 0.15s linear, right 0.15s ease-out;
    -o-transition: opacity 0.15s linear, right 0.15s ease-out;
    transition: opacity 0.15s linear, right 0.15s ease-out;
}

.modal.right_modal.fade.show .modal-dialog {
    right: 0;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, .5);
    top: 58px;
}

.modal-header.right_modal {
    padding: 10px 15px;
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.modal_outer .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 91vh;
}

/* --------------------------------------- End : Filter model style ------------------------------------------------------------*/

/* Boostrap 5 upgraded after table conflict css start :added by Ashok Ladumor : 10-12-2021 */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(255 255 255);
    --bs-table-accent-bg: rgb(255 255 255);
    color: #727272;
}

/* .table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
} */

.table>thead {
    text-align: center;
}

.tempus-dominus-widget.show {
    z-index: 99999;
}

/* Boostrap 5 upgraded after table conflict css end */
.input-group-addon {
    background-color: #404e67;
}

/* Calender in CSS conflict */
.day {
    /* color: #343a40 !important; */

    /* padding-left: 0px !important; */
}

.icons-alert:before {
    left: -32px !important;
    top: 15px !important;
}

/* input with checkbox text */
.input_with_checkbox {
    font-size: 14px;
    margin-top: -34px;
    width: 100px;
}

.input_with_checkbox_text {
    width: 100%;
}

.input_with_checkbox_dropdown {
    width: 100%;
    padding-left: 98px;
}

/* Stepper
=============================== */
.stepper {
    position: relative;
    /* padding-right: 40px; */
    min-width: 66% !important;
}

.stepper input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.stepper .stepper-wrapper {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    bottom: 0;
    outline: none;
    position: absolute;
    overflow: hidden;
    width: 40px;
    height: 34px;
    margin-left: 241px;
    right: 0;
}

.stepper input::-webkit-inner-spin-button,
.stepper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.stepper .stepper-arrow {
    /* Brand color */
    background-color: var(--brand-color);
    cursor: pointer;
    display: block;
    height: 50%;
    -webkit-transition: background-color.4s;
    -moz-transition: background-color.4s;
    -ms-transition: background-color.4s;
    -o-transition: background-color.4s;
    transition: background-color.4s;
}

.stepper .stepper-arrow:hover {
    /* Brand color */
    background-color: var(--brand-color);
}

.stepper .stepper-arrow.down {
    bottom: 0;
}

.stepper .stepper-arrow.up:after,
.stepper .stepper-arrow.down:after {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: '';
    position: absolute;
    right: 16px;
    -webkit-transition: all.4s;
    -moz-transition: all.4s;
    -ms-transition: all.4s;
    -o-transition: all.4s;
    transition: all.4s;
}

.stepper .stepper-arrow.down:after {
    border-top: 7px solid #fff;
    bottom: 7px;
}

.stepper .stepper-arrow.up:after {
    border-bottom: 7px solid #fff;
    top: 7px;
}

.stepper .stepper-arrow:hover.down:after {
    border-top: 7px solid #fff;
}

.stepper .stepper-arrow:hover.up:after {
    border-bottom: 7px solid #fff;
}

/* for the tr select color change */
table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #fff;
    color: #727272;
}

/* for pie chart */
.empty-div {
    width: auto;
    height: 342px;
    font-size: 32px;
    color: #C6CAD6;
    text-align: center;
    padding-top: 25%;
}

/* Added By Meet sheth  for a check box changes*/
.input-group-text>span>.checkbox-fade {
    margin-right: -6px !important;
}

.checkbox-fade>.form-label {
    margin-bottom: -4px !important;
}

/*End */

/* Added by Ashok Ladumor for the grid view table in header bg color set */
.th-bg-warning>thead>tr,
.th-bg-warning>thead>tr>th>a {
    /* Brand color */
    background-color: var(--brand-color) !important;
    color: #fff;
}


/* Column Option Scroll CSS start */

#toggleOptions+ul {
    max-height: 800% !important;
    overflow: auto !important;
}

.card
/* end */


/* Dashboard CSS */
.go-button-marging {
    margin-left: 15px;
    padding: 5px !important;
}

/* #total_call_per_hour {
    width: 120px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px 0px 5px 0px;
    color: #FFFFFF;
    background-color: #ff6c60;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
} */

/*#total_call_per_tenant,
#total_call_per_reseller {
    width: 120px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px 0px 5px 0px;
    color: #FFFFFF;
    background-color: #8175C7;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}*/

/* New update - 18-July-2022 */

.label-example {
    opacity: 40%;
}

/* for the tenant view details page */
.min-max-width {
    width: 250px;
    min-width: 120px;
}

/* Common Grid Table */

.card-block.inverse-breadcrumb {
    padding: 10px 20px;
}

/* for the header right side */
.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile {
    padding: 0 10px 0 0;
}

.nav-link {
    color: #495057;
}

/* For the menu icon justify-content center manage */
.pcoded .pcoded-navbar .pcoded-item>li>a>.pcoded-micon {
    padding: 0px;
}

/* breadcrumb start */
.breadcrumb-title>li:last-child {
    /* Brand color */
    color: var(--brand-color);
}

.menu-rtl .breadcrumb-item+.breadcrumb-item::before {
    content: "/";
}

.menu-rtl .breadcrumb-item+.breadcrumb-item::after {
    padding-right: 0px;
    padding-left: 0px;
    content: "";
}

/* breadcrumb end */



/* for the color checkbox */
.checkbox-color label::after {
    left: -3px !important;
}

.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    /* Brand color */
    border-color: var(--brand-color);
}

.grid-action-width {
    width: 18px;
}

.grid-action-collapse-width {
    width: 43px;
}

/* bind popover after modal open - Nisha Patel - 25/07/2022 */
.popover {
    z-index: 9999999999 !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
}

table>thead>tr:first-child {
    background: #F0F0F0 0% 0% no-repeat padding-box;
}

/* for the grid table */
.action-toggle:after {
    content: none;
}

.action-toggle,
.action-collapse {
    border: 1.5px solid #727272;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    border-radius: 5px !important;
    color: #727272;
    font-size: 13px;
    padding-bottom: 1px;
    
}

.card .card-block .dropdown-menu>a {
    padding: 8px 16px;
    border-bottom: 0.5px solid #d1d9e1;
}

.action-toggle.show,
.currancy>.icon-minus,
.action-toggle.show,
.toggle>.icon-minus,
.action-toggle.show,
.dest_detail>.icon-minus,
.request_detail>.icon-minus,
.bill_detail>.icon-minus,
.action-toggle.show,
.arrow>.icon-chevron-up,
.action-toggle.show,
.click_toggle_class>.icon-minus,
.action-toggle.show,
.data1>.icon-minus,
.action-toggle.show,
.toggle1>.icon-chevron-up,
.action-toggle.show,
.tenant_detail>.icon-minus,
.detail>.icon-chevron-up,
.toggle>.icon-minus,
.media_state>.icon-minus {
    /* Brand color */
    border: 1.5px solid var(--brand-color);
    /* Brand color */
    color: var(--brand-color);
}

.btn-blue,
.btn-warning,
.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show>.btn-blue.dropdown-toggle {
    color: #fff;
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.btn-blue:hover,
.btn-warning:hover {
    color: #fff;
    background-color: var(--brand-color-hover);
    border-color: var(--brand-color-hover);
}

.none-top-border {
    border-top: 1px solid #f0f0f0;
}

.no-border thead tr:last-child {
    border-bottom: 2px solid #727272;
}

#progressbar-role .active {
    color: #01a9ac;
    border: none;
    background-color: transparent;
    border-radius: 0;
}

.checkbox-color input[type="checkbox"]:focus+label::before {
    outline: none;
    outline-offset: 0px !important;
}

.b-r-0 {
    border-radius: 0px;
}

.w-s {
    white-space: pre-wrap;
}

.b-1-default {
    border: 1px solid #D2D6D9;
}

.h-70 {
    height: 90% !important;
}

.select-dashboard span {
    margin-top: 1px !important;
}

.chart-height {
    height: 359px;
}

.icon-position {
    position: absolute;
    align-self: center;
}

.count-position {
    position: absolute !important;
    bottom: 2px;
}

@media screen and (min-width: 0px) and (max-width:1440px) {
    .f-w-size {
        font-size: 12px;
    }

    .f-w-size-2 {
        font-size: 10px;
    }
}

/*@media screen and (min-width: 0px) and (max-width:1199px) {
    .icon-position {
        position: initial !important;
    }

    .count-position {
        position: initial !important;
    }
}*/

@media screen and (min-width: 1441px) and (max-width:1920px) {
    .f-w-size {
        font-size: 14px;
    }

    .f-w-size-2 {
        font-size: 14px;
    }
}


#statusMsg>.alert {
    margin-bottom: 1rem !important;
}

/*css for dashboard widget*/
.f-15 {
    font-size: 15px;
}

.update-card1 {
    color: #fff;
}

.card1 {
    border-radius: 5px;
    box-shadow: 0 0 11px rgb(0 0 0 / 13%);
    border: none;
    margin-bottom: 22px;
}

.card1.update-card1 .card-block1 {
    position: relative;
    overflow: hidden;
    box-shadow: 1px 2px 6px hsl(0deg 0% 68% / 47%);
    padding-bottom: 35px;
}

.card-block1 {
    padding: 1.25rem;
}

.card1.update-card1 .card-block1 .text-gray {
    color: #919aa3;
    font-weight: 400;
}

.card1.update-card1 .card-block1 h4 {
    color: #505458 !important;
    padding: 5px 0 0;
    margin: 0;
}

.card1.update-card1 .card-block1 .text-icon-box1 {
    position: absolute;
    height: 56px;
    width: 56px;
    float: right;
    margin: 0;
    padding: 0;
    background: #e5f8f6;
    color: #01b8aa;
    right: -15px;
    bottom: -15px;
    border-radius: 100%;
    font-size: 20px;
}

.card1.update-card1 .card-block1 .text-yallow {
    background: #fdf8eb;
}

.card1.update-card1 .card-block1 .text-red {
    background: #ffefef
}

.card1.update-card1 .card-block1 .text-blue {
    background: #e9f2f8
}

.card1.update-card1 .card-block1 .text-orange {
    background: #fff3ea
}

.card1.update-card1 .card-block1 .text-green-color {
    background: #eaf6ea
}

.card1.update-card1 .card-block1 .text-purple {
    background: #f4f0f8
}

.card1.update-card1 .card-block1 .text-icon-box1 i {
    position: absolute;
    color: #01b8aa;
    top: 30%;
    left: 30%;
}

.card1.update-card1 .card-block1 .text-yallow i {
    color: #f4d476;
}

.card1.update-card1 .card-block1 .text-red i {
    color: #fd6662
}

.card1.update-card1 .card-block1 .text-blue i {
    color: #6f7b7d
}

.card1.update-card1 .card-block1 .text-orange i {
    color: #ff8632
}

.card1.update-card1 .card-block1 .text-green-color i {
    color: #3ca73c
}

.card1.update-card1 .card-block1 .text-purple i {
    color: #2a7db8
}

.modal-backdrop.fade.show~.modal.modal.outer.right_modal.fade.show {
    opacity: 0;
}

.table-responsive {
    overflow: hidden;
}

.table-responsive .dt-responsive.table-responsive {
    overflow: auto;
    max-height: 700px;
}

label.grid-multi-checkbox::after {
    left: 18px !important;
    top: -13px !important;
}

label.grid-multi-checkbox::before {
    left: 22px !important;
    top: -11px !important;
    width: 16px !important;
    height: 16px !important;
}

.sub-card-block {
    padding: 10px 12px;
}

.input-group-text>span>div>label::before {
    top: -16px;
    left: 15px;
}

.input-group-text>span>div>label::after {
    top: -16px;
    margin-left: -2px;
}

.card-header-right-custom {
    border-radius: 0 0 0 7px;
    right: 0px;
    top: 0px;
    display: inline-block;
    float: right;
    padding: 7px 0;
    position: absolute;
}

.card-header-right-custom < .card-header {
    padding: 10px 12px;
}

.border-bottom-none {
    border-bottom: none
}

.go_button {
    padding: 5px !important;
}

.readonly_color {
    background-color: #fff !important;
}

.c-f-w-600 {
    font-weight: 600 !important;
}

/* ------------------------ Brand Color start ----------------------------- */

.btn-primary-secondary {
    border: 1px solid #01a9ac;
    color: #01a9ac;
    border-radius: 3px;
}

.btn-success-secondary {
    border: 1px solid #0ac282;
    color: #0ac282;
    border-radius: 3px;
}

.btn-info-secondary {
    border: 1px solid #2DCEE3;
    color: #2DCEE3;
    border-radius: 3px;
}

.btn-inverse-secondary {
    border: 1px solid #404E67;
    color: #404E67;
    border-radius: 3px;
}

.btn-warning-secondary {
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    border-radius: 3px;
}

.btn-danger-secondary {
    border: 1px solid #fe5d70;
    color: #fe5d70;
    border-radius: 3px;
}

.btn-critical-secondary {
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    border-radius: 3px;
}

.btn-critical-primary,
.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.btn-critical-primary:hover,
.btn-critical-primary:focus {
    background-color: var(--brand-color-hover);
    color: #fff;
}

.btn-critical-cancel {
    background: hsla(210, 9%, 60%, 0.4);
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.btn-primary:hover,
.sweet-alert button.confirm:hover,
.wizard>.actions a:hover,
.btn-primary:active,
.sweet-alert button.confirm:active,
.wizard>.actions a:active {
    background-color: var(--brand-color-hover);
    border-color: var(--brand-color-hover);
}

.btn-primary:focus,
.sweet-alert button.confirm:focus,
.wizard>.actions a:focus,
.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="checkbox"]:checked+label::before,
.card .card-block a.dropdown-item:active,
.card .card-block a.dropdown-item .active,
.dropdown-item.active,
.dropdown-item:active,
.radio .helper::after,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.btn-warning:active,
.sub-card-block.danger-breadcrumb {
    background-color: var(--brand-color-hover);
}

a:focus,
a:hover,
.page-link:focus,
.page-link:hover,
.checkbox-primary input[type="checkbox"]:checked+label::before,
.md-tabs .nav-item.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover,
.btn-critical-secondary:hover,
.btn-critical-secondary:focus {
    color: var(--brand-color-hover);
}

.filter-icon {
    color: #71798d;
}

tr.bg-primary {
    background-color: #42496870 !important;
}

/* tabs slide border */
.nav-tabs .slide {
    background: var(--brand-color);
}

.input-group-text>span>div.checkbox-color,
.input-group-text>span>div.checkbox-color>label {
    margin-left: 6px;
}

div.tab-content>pre {
    text-align: left;
    font: normal normal normal 14px/16px Courier New;
    letter-spacing: 0px;
    color: #353C4E;
    opacity: 1;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}

.radio .helper::after,
.radio .helper::before {
    border: 0.125rem solid var(--brand-color-hover);
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.btn-critical-secondary:hover,
.btn-critical-secondary:focus {
    border: 1px solid var(--brand-color-hover);
}

.label-info {
    background: linear-gradient(to right, var(--brand-color-hover), var(--brand-color-hover))
}

.md-tabs a.nav-link.active,
.md-tabs a.nav-link.active:hover {
    color: var(--brand-color) !important;
}

.task-title-sp>span {
    color: var(--brand-color);
}

.task-content {
    border-left: 4px solid var(--brand-color);
}

.page-item.active .page-link,
.btn-warning:active {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color);
}

/* ------------------------ Brand Color end ----------------------------- */


/* --------------------- for the filter sidebar start -------------------*/
.sidebar-header {
    background: #404e67;
    height: 41px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    padding: 0 20px
}

.sidebar-header span {
    cursor: pointer
}

.sidebar-header span i {
    margin-right: 5px
}

.form-part {
    padding: 0 15px 20px;
    overflow: auto;
    height: calc(90% - 100px)
}

.form-part,
.form-part input,
.form-part select {
    font-size: 12px
}

.form-part .input-group-text {
    background: transparent;
    border: none
}

.form-part .form-label.col-sm-12.col-form-label {
    padding: 5px 13px
}

.first-row ul {
    display: inline-block
}

.first-row .filter-option {
    float: right;
    display: flex;
    font-size: 14px
}

.first-row .filter-option select {
    font-size: 14px
}

.first-row .filter-option ul li .dropdown-primary.dropdown .displayChatbox.dropdown-toggle .btn.btn-primary.btn-outline-primary,
.first-row .filter-option ul li .dropdown-primary.dropdown .displayChatbox.dropdown-toggle .sweet-alert button.btn.btn-outline-primary.confirm,
.first-row .filter-option ul li .dropdown-primary.dropdown .displayChatbox.dropdown-toggle .wizard>.actions a.btn.btn-outline-primary,
.sweet-alert .first-row .filter-option ul li .dropdown-primary.dropdown .displayChatbox.dropdown-toggle button.btn.btn-outline-primary.confirm,
.wizard>.actions .first-row .filter-option ul li .dropdown-primary.dropdown .displayChatbox.dropdown-toggle a.btn.btn-outline-primary {
    background: #fff;
    margin: 0 15px 0 0;
    color: #505458
}

.first-row .filter-option ul li :after {
    display: none
}

/* for the filter form width */
.users,
.users-main {
    width: 409px;
}

/* for the filter form */
.m-r-c {
    margin-right: -4px;
    ;
}

.p-chat-user {
    top: 75px;
}

.img-fluid {
    width: auto !important;
}



@media (min-width: 610px) {
    .login-block .auth-box {
        margin: 20px 100px 0 auto;
    }
}

/* --------------- for the filter sidebar end --------------------- */


.daterangepicker {
    z-index: 9999999 !important;
}

/* for graph tooltip UI issue */
.morris-hover {
    width: 150px;
}



/* Widget CSS  start*/

@media only screen and (min-width: 1400px) and (max-width: 1551px) {
    .widget-font {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1200px) and  (max-width: 1399px) {
    .widget-font {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1400px) {
    .align-items-end>div>h6 {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1200px) {
    .align-items-end>div>h6 {
        font-size: 14px;
    }
}

/* Widget CSS  end*/

.grid-view-loading {
    padding-top: 14px;
    margin-top: -14px;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: var(--brand-color-hover);
}

.ui-widget.ui-widget-content {
    border: 1px solid #aaa;
}

.ui-autocomplete-input {
    padding-right: 22px;
}

/* scrollbar user menu */
.pcoded[theme-layout="vertical"] .pcoded-navbar {
    z-index: 1027;
    height: 95%;
}

/*  */
.form-control:focus {
    border: 1px solid var(--brand-color);
}

.select2-selection--single:focus {
    border: 1px solid var(--brand-color);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.input-icon {
    padding-right: 50px;
}


.action-toggle {
    cursor: pointer;
}

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

.theme-loader .ball-scale .contain .ring:first-child {
    border-left-color: var(--brand-color) !important;
    border-right-color: var(--brand-color) !important;
}

.theme-loader .ball-scale .contain .ring:first-child .frame {
    border-left-color: var(--brand-color-hover) !important;
    border-right-color: var(--brand-color-hover) !important;
}

.pcoded .pcoded-header[header-theme='theme1']>.navbar-wrapper>.navbar-container>ul>li>.widget-visitor-card>.card-block-small>i::before {
    -webkit-text-fill-color: #404E67;
}

.bootstrap-timepicker table td input {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn-default {
    background-color: #bec3c7;
    border-color: #bec3c7;
    color: #fff;
}


/* Purchase DID and web2Fax in page using loader  start*/

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-clip-rotate-multiple {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate-multiple.la-dark {
    color: #333;
}

.la-ball-clip-rotate-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate-multiple {
    width: 40px;
    height: 40px;
}

.la-ball-clip-rotate-multiple>div {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate-multiple-rotate 1.5s ease-in-out infinite;
    -moz-animation: ball-clip-rotate-multiple-rotate 1.5s ease-in-out infinite;
    -o-animation: ball-clip-rotate-multiple-rotate 1.5s ease-in-out infinite;
    animation: ball-clip-rotate-multiple-rotate 1.5s ease-in-out infinite;
}

.la-ball-clip-rotate-multiple>div:first-child {
    position: absolute;
    width: 32px;
    height: 32px;
    border-right-color: transparent;
    border-left-color: transparent;
}

.la-ball-clip-rotate-multiple>div:last-child {
    width: 16px;
    height: 16px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    /* -webkit-animation-direction: reverse;
     -moz-animation-direction: reverse;
     -o-animation-direction: reverse;
     animation-direction: reverse; */
}

.la-ball-clip-rotate-multiple.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate-multiple.la-sm>div {
    border-width: 1px;
}

.la-ball-clip-rotate-multiple.la-sm>div:first-child {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate-multiple.la-sm>div:last-child {
    width: 8px;
    height: 8px;
}

.la-ball-clip-rotate-multiple.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate-multiple.la-2x>div {
    border-width: 4px;
}

.la-ball-clip-rotate-multiple.la-2x>div:first-child {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate-multiple.la-2x>div:last-child {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate-multiple.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate-multiple.la-3x>div {
    border-width: 6px;
}

.la-ball-clip-rotate-multiple.la-3x>div:first-child {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate-multiple.la-3x>div:last-child {
    width: 48px;
    height: 48px;
}

/*
* Animation
*/
@-webkit-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-moz-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-o-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

#addLoader {
    margin: 0;
    position: absolute;
    left: 97%;
    transform: translate(-50%, -50%);
    padding-top: 1%;
    padding-bottom: 2%;
}

/* End loader css */

/* Date picker brand color set */

/* .daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color : var(--brand-color) !important;
    border-color: transparent;
    color: #fff;
} */

.cancelBtn {
    color: #393d41;
}

.text-default-language-color {
    color: var(--brand-color);
}

/* for the page action dropdown */
td .dropdown {
    position: inherit;
    padding-top: 2px;
}


/* select2 locked   */
/* remove X from locked tag */
.locked-tag .select2-selection__choice__remove {
    display: none !important;
}

/* I suggest to hide  all selected tags from drop down list - not need */

/* .select2-results__option[aria-selected="true"] {
    display: none;
} */

.select2 {
    width: 100% !important;
}

.bg-c-lite-green {
    background: linear-gradient(to right, #8b7a7c, var(--brand-color));
}


.grid-action-three-button {
    min-width: 62px !important;
}

.table-responsive td a,
.inner_action_btn {
    font-size: 17px;
    color: #727272;
    margin-right: 5px;
}

td.grid-action-three-button a:hover,
td.grid-action-three-button a:active,
td.grid-action-width a:hover,
td.grid-action-width a:active,
td.grid-action-collapse-width a:hover,
td.grid-action-collapse-width a:active,
.inner_action_btn:hover,
.inner_action_btn:active {
    color: var(--brand-color);
}

.active.end-date.available,
.active.start-date.available,
.active.end-date.available:hover,
.active.start-date.available:hover {
    background-color: var(--brand-color);
}

.info_icon {
    padding: 3px 5px 3px 5px !important;
    font-size: 10px !important;
}

.c-m-r-8 {
    margin-right: 8px !important;
}

.c-m-t-minus-1 {
    margin-top: -1px !important;
}

@media screen and (max-width: 585px) {
    .grid-action-three-btn-media {
        min-width: 72px !important;
    }
}

.a-link-color {
    color: #667fa0 !important;
    font-size: 15px !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.btn-warning:focus {
    background-color: var(--brand-color);
}

.map-control .expand-map-control {
    padding: 3px !important;
}

.row-open td {
    box-shadow: inset 0 0 0 9999px #DFF0D8 !important;
}

a#dashboardToggle,
a#break_function {
    color: var(--brand-color);
}

a#dashboardToggle:hover,
a#break_function:hover {
    color: var(--brand-color-hover);
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification #userAddedAccountData li {
    border-top: none;
    padding: 0.5em 20px;
}


/* Change Plan css start */

@media screen and (min-width: 1200px) {
    .missed_call_today_css {
        position: absolute;
        left: -96px;
    }
}

@media screen and (min-width: 1184px) and (max-width: 1200px) {
    .missed_call_today_css {
        position: absolute;
        left: -683%;
    }
}

@media screen and (min-width: 1166px) and (max-width: 1184px) {
    .missed_call_today_css {
        position: absolute;
        left: -668%;
    }
}

@media screen and (max-width: 1166px) {
    .missed_call_today_css {
        position: absolute;
        left: -468%;
    }
}

/* Change Plan css end */

/*  */

@media screen and (max-width: 1350px) {
    .input-group-text {
        padding: 3px;
    }
}

/* @media screen and (min-width: 1351px){
    .select2-selection__rendered{
        width: 170px !important;
    }
} */

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .select2-selection__rendered {
        width: 120px !important;
    }
}

@media screen and (max-width: 1199px) {
    .select2-selection__rendered {
        width: 70px !important;
    }
}


.result-card .card-block-header {
    background-color: rgba(145, 154, 163, .10196078431372549);
    position: relative;
    min-height: 0px !important;
    padding: 15px 20px;
}

.result-card.online .card-block-header:before {
    background: #61b546;
}

.result-card .card-block-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
}

/* Added By : Krishna Prajapati : for fix header in grid change */
.table-responsive .dt-responsive.table-responsive .table>thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #F0F0F0 0% 0% no-repeat padding-box;
}

.table-responsive .dt-responsive.table-responsive thead tr.filters {
    background: #FFFFFF;
}


.go_button.download-btn i{
    color: #6e6e6e !important;
}

.grid-action-three-button#isCheckBox{
    min-width: 88px !important;
}

#isCheckBox > .checkbox-color{
    margin-right: 15px !important;
}

/* Select2 and radio button focus */
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid var(--brand-color);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.radio i.helper:focus:before{
    border: 1px solid var(--brand-color);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.jFiler-theme-default .jFiler-input.focused{
    border: 1px solid var(--brand-color) !important;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}