/*role start*/
.color-wh {
  color: #ffffff !important;
}

.Fixes_addbtn {
  margin-right: 15px;
}

.succ_custom_postion {
  position: absolute;
  top: 0px;
  left: 70%;
  float: right;
  margin-bottom: 1px !important;
  margin-top: 1px !important;
  display: none;
}

.err_custom_postion {
  position: absolute;
  top: 0px;
  left: 70%;
  float: right;
  margin-bottom: 1px !important;
  margin-top: 1px !important;
  display: none;
}

.sub-header-container .navbar {
  padding: 0px !important;
}

.widget-activity-four .mt-container {
  height: auto !important;
}

.noti_btn_center {
  width: 50%;
  margin-left: 25%;
}

.modal-dialog-content {
  width: 80%;
  max-width: 80% !important;
  margin-left: 10%;
}

.profile_image_res {
  width: 20%;
}

.modal-background-color {
  background: #eeeff0 !important;
}

.modal-content .modal-body a:not(.btn) {
  color: white !important;
}

.widget-content-area-res {
  min-height: 430px !important;
}

.edit-profile-back {
  background: white !important;
  box-shadow: none !important;
}


/*role end*/

.widget-five .w-content div .task-left {
  /* background: #C39A33!important; */
  background: #8D99AE !important;
  color: white !important;
}

.widget-five .w-content div .task-completed {
  color: #313679 !important;
}

.widget-activity-three .timeline-line .item-timeline .t-dot div.t-success {
  background: #313679 !important;
}

.widget-activity-three .timeline-line .item-timeline .t-dot div.t-primary {
  background: #313679 !important;
}

.sidebar-theme {
  /* background: #D90429 !important; */
  /* background: var(--primary-theme-color) !important; */
  padding-left: 20px;
  margin-left: -20px;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle svg,
#sidebar ul.menu-categories li.menu>.dropdown-toggle {
  color: white !important;
}

.user_addbtn {
  padding: 5px;
  background: whitesmoke;
  width: 40px;
  border-radius: 5px;
  /*box-shadow: 3px 3px 15px rgba(0,0,0,0.25);*/
  right: 0;
  margin: 1% 2% 1% 94%;
}

.user_addbtn:hover {
  background: #313679 !important;
}

.user_addbtn:hover svg {
  color: white;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) {
  background: transparent !important;
}

#sidebar ul.menu-categories ul.submenu>li a {
  color: white !important;
}

.table>thead>tr>th,
div.dataTables_wrapper div.dataTables_info {
  color: #313679 !important;
}

.page-item.active .page-link {
  background: #313679 !important;
}

.item-content {
  min-width: 100% !important;
}

/*june 12 */


.ticket_addbtn {
  padding: 4px 1px 3px 0px;
  background: whitesmoke;
  width: 27px;
  border-radius: 5px;
  /*box-shadow: 3px 3px 15px rgba(0,0,0,0.25);*/
  right: 0;
  margin: 1% 2% 1% 94%;
}

.ticket_addbtn:hover {
  background: #313679 !important;
}

.ticket_addbtn:hover svg {
  color: white;
}

.ticket_view,
.ticket_edit,
.ticket_delete {
  background: white;
  /*box-shadow: 3px 3px 15px rgba(0,0,0,0.25);*/
  padding: 5px;
  border-radius: 5px;
}

.ticket_view:hover,
.ticket_edit:hover,
.ticket_delete:hover {
  background: #C39A33 !important;
  color: white;
}

button {
  float: right;
}

div.dataTables_wrapper div.dataTables_info {
  border: none !important;
  margin-top: -10px;
  position: absolute;
}

table.dataTable {
  margin-bottom: 0px !important;
}

div.dataTables_wrapper div.dataTables_paginate {
  /*position: absolute;*/
  margin-top: -37px !important;
  margin-bottom: 0px;
}

.my_pad {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.w25 {
  width: 25% !important;
}

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

.task-lefts {
  font-size: 17px;
  font-weight: bold;
  color: black !important;
  margin-right: 15px;
}

.cus_top5 {
  margin-top: 5px;
}

.layout-spacing2,
.layout-top-spacing2 {
  margin-top: 3px !important;
}

.table1>tbody>tr>td {
  padding: 5px 0px 5px 0px !important;
  text-indent: 7px;
}

.table1>tbody:before {
  line-height: 0em !important;
}

.fr {
  float: right !important;
}

.header-container .navbar {
  background: #111111 !important;
}

.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge {
  background: #d52f2f !important;
}

.widget-content-area {
  box-shadow: none !important;
}

.widget1 {
  padding-top: 10px !important;
  background: #F4B400 !important;
}

.widget2 {
  padding-top: 10px !important;
  background: #0F9D58 !important;
}

.widget1 p,
.widget2 p {
  color: white !important;
}

.navbar .theme-brand {
  padding: 0.9px 0 0.9px 45px !important
}

.sidebar-theme,
.widget-content-area,
.widget,
.widget.box .widget-header,
.dataTables_wrapper .dataTables_length select.form-control,
.searchable-container .searchable-items.list .items .item-content,
div.dataTables_wrapper div.dataTables_filter input,
a.ml-1.fr.btn.btn-primary,
a#form_id {
  border-radius: 0 !important;
}

.top-bar-navg {
  display: inline-block !important;
  margin-left: 43px;
}

.top-bar-navg a {
  color: #ffffff;
}

/* New changes */
.sidebar-wrapper {
  top: 52px !important;
}

#content {
  margin-top: 52px !important;
}

.font-18 {
  font-size: 18px;
}

.custom-lock-color {
  color: #888ea8;
}

.cusorPointer {
  cursor: pointer;
}

/* spinner */


.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #d82b2a;
  border-color: #d82b2a transparent #d82b2a transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.frm-err-msg {
  font-size: 12px;
  font-weight: bold;
  color: #d82b2a
}


.mobile_input.sp {
  float: left;
  width: 78%;
  padding-left: 10px;
}

.selected-flag {
  display: inline-block;
  /* width: 100%; */
}

.selected-flag select {
  float: left;
  padding: 12px;
}

.text-lock {
  color: #888ea8
}

#hide__container {
  display: none;
}

.hide__container {
  display: none;
}

.table-head {
  padding-left: 15px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.cursor-pointer {
  cursor: pointer;
}

/* data table css */


.paginate_button.current {
  background-color: #313679 !important;
  padding: 9px;
  border-radius: 52%;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffffff;
  line-height: 1.25;
}

#default-ordering_next {
  padding: 9px !important;
}

#default-ordering_previous {
  padding: 9px !important;
}

.paginate_button {
  background-color: #f1f2f3;
  padding: 9px;
  border-radius: 50%;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffffff;
  line-height: 1.25;
  margin: 4px;
  cursor: pointer;
}

svg {
  width: 17px;
}

div.dataTables_wrapper div.dataTables_info {
  display: none !important;
}

div.dataTables_wrapper div.dataTables_paginate {
  display: block !important;
  text-align: center !important;
  padding-top: 20px;
}

#default-ordering_wrapper {
  padding: 15px;
}

div.dataTables_wrapper div.dataTables_filter svg {
  top: 0px !important;
  right: 0px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 150px !important;
  margin-right: 25px !important;
  border-bottom: 1px solid #abadb0 !important;
}

textarea:focus,
input:focus {
  border-color: #0000004f !important;
}

.table-head {
  width: 20%;
  float: left;
}

.add_btn_sty {
  width: 76%;
  float: right;
}

.top_heading_sty {
  padding-bottom: 40px;
}

#default-ordering_length {
  width: 50%;
  float: left;
}

.add_btn_icon_style {
  /* background: #d82b2a; */
  padding: 4px;
  border-radius: 5px;
  color: white;
  font-size: 13px;
  padding-left: 11px;
  padding-right: 11px;
}

.add_btn_sty :hover {
  color: #ffffff;
}

.table-head-no-add {
  width: 100% !important;
  padding-bottom: 15px;
}

/* loader custud */

.loadercustumspinner {
  position: fixed;
  z-index: 99999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

.loadercustumspinner:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.loadercustumspinner:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loadercustumspinner:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 50px;
  height: 50px;
  margin-top: -0.5em;

  border: 5px solid #88060a;
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;


}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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


.mail-badge {
  background: #1b55e2;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  padding: 3px 0;
  height: 19px;
  width: 19px;
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  top: 7px;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle :active {
  color: #111111 !important;
}

.widget-activity-four .timeline-line .item-timeline.timeline-primary .t-dot::before {
  background-color: #2b2d42 !important;
}

.widget-activity-four .tm-action-btn button {
  color: #2b2d42 !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #2b2d42 !important;
  border-color: #2b2d42;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #2b2d42 !important;
  border-color: #2b2d42;
}

.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff !important;
  background-color: #2b2d42 !important;
  border-color: #2b2d42;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #2b2d42 !important;
  border-color: #2b2d42 !important;
}

.widget-table-one .transactions-list .t-item .t-icon .avatar .avatar-title {
  background-color: #2b2d42 !important;
  color: #EDF2F4 !important;
}

.layout-spacing-cust-style {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.widget-table-one {
  padding: 20px !important;
}

.tname-custum {
  width: 350px;
}

.usr-location {
  background-color: #8D99AE;
  padding: 12px;
  border-radius: 6px;
  padding-bottom: 5px;
  padding-top: 7px;
  color: #fff;
}

.usr-location:hover {
  color: #fff;
}

.custum_headstyle {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #111111;
}

.widget-card-four .w-icon {
  color: #5c1ac3;
  background-color: #dccff7;
  height: 45px;
  display: inline-flex;
  width: 45px;
  align-self: center;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
}

.widget-card-four {
  padding: 0px !important;
  background: #fff;
}

.widget-card-four .w-icon svg {
  width: 30px !important;
}

.table_width {
  width: 10%;
}

.cust_text_left_align {
  text-align: justify;
}

.cust_text_right_align_text {
  text-align: right;
}

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 250px;
  height: 1.2em;
  white-space: nowrap;
}

.notification-scroll {
  max-height: 500px;
  overflow: auto scroll;
}

.dropdown-item {
  border-bottom: 1px solid #ebedf2 !important;
  cursor: pointer;

}

.cut-text-two {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 180px;
  height: 1.2em;
  white-space: nowrap;
  font-size: 14px !important;
}

.widget-activity-four .timeline-line .item-timeline .t-time {
  max-width: 120px !important;
}

.widget-activity-four .timeline-line .item-timeline .t-dot::before {
  top: 8px !important;
}

a.fr.btn.btn-danger {
  /* background-color: #D90429 !important; */
  /* border-color: #D90429 !important; */
  /* background-color: var(--primary-theme-color) !important; */
  /* border-color: var(--primary-theme-color) !important; */
}


/* chat css starts here */

.custom-chat-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.chat-system,
.chat-system .chat-box {
  height: 85vh !important;
}

.chat-conversation-box {
  /* height: 65vh !important; */
  height: 70vh !important;
}

.chat-system .user-list-box .people {
  height: 85vh !important;
}

.person.activePerson {
  background: #efefef;
  border-left: 5px solid #dc3545;
}

.data-table-extensions>.data-table-extensions-action {
  padding-bottom: 10px;
}

.customSwitchBtn .react-switch-bg {
  background: rgb(141 153 174) !important;
}

.customSwitchBtn.activeswitchclass .react-switch-bg {
  /* background: #d90429 !important; */
  /* background: var(--primary-theme-color) !important; */
}

.mar-l-20 {
  margin-left: 20px;
}

.w-30-p {
  width: 30% !important;
}

.w-10-p {
  width: 10% !important;
}