body {
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}
span.status.Processing {
    background: #d600273b;
    color: #D80027;
    padding: 6px 10px;
    border-radius: 7px;
}
span.status.Active {
    background: #2EB67D3b;
    color: #2EB67D;
    padding: 6px 10px;
    border-radius: 7px;
}
.bg-authentication {
   width: 540px;
   border-radius: 10px !important;
   box-shadow: 0px 17.5px 49px 0 rgba(24, 24, 24, 0.15);
   background-color: #fff;
}
.form_bg{
    margin: 2% 4%;
    border-radius: 15px;
    min-height: 92vh;
}
.card .card-header .card-title h4 {
   font-size: 14px;
   font-weight: 600;
   line-height: 24px;
   padding: 10px 30px;
   letter-spacing: 1.4px;
   text-align: left;
   color: #557de8;
   text-transform: uppercase;
   text-align: center;
}
.custom-select option {
    background: #213C86;
}
.login-auth .card .card {
   padding: 30px;
}

.login-auth label {
   font-family: Montserrat;
   font-size: 14px;
   line-height: 1.5;
   letter-spacing: 0.28px;
   text-align: left;
   color: white;
   font-weight: 600;
   padding-bottom: 7px;
}

a {
   color: #557de8;
}

a:hover {
   color: #557de8;
}

body.bg-full-screen-image.login-page {
   /* background: url(../../app-assets/images/backgrounds/login-bg.png) no-repeat center center; */
   background: linear-gradient(107.56deg, #173177 0%, #1A3379 100%);
}

.card .card-header {
   justify-content: center;
}

/* .card .card-header .card-title {
  border-radius: 30px;
  border: solid 1px rgba(70, 169, 69, 0.16);
} */
.has-icon-left .form-control {
   border-radius: 5px;
   border: solid 1px rgba(70, 169, 69, 0.16);
   /* height: 50px; */
}
.add_loc_btn {
    position: absolute;
    right: 4px;
    height: 80%;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
}
.single_loc{
    background: rgba(136, 143, 166, 0.24);
    border-radius: 3px;
    padding: 4px 8px
}
.input_check:has(input:checked) {
    border-color: #2E5FE3!important;
}
.has-icon-left .form-control {
   padding-left: 1em;
}

.form-control::-webkit-input-placeholder {
   color: #888888;
   font-size: 13px;
   font-weight: 500;
}

.form-control::-moz-placeholder {
   color: #888888;
   font-size: 13px;
   font-weight: 500;
}

.form-control:-ms-input-placeholder {
   color: #888888;
   font-size: 13px;
   font-weight: 500;
}

.form-control::-ms-input-placeholder {
   color: #888888;
   font-size: 13px;
   font-weight: 500;
}

.form-control::placeholder {
   color: #888888;
   font-size: 13px;
   font-weight: 500;
}

.form-control-position {
   line-height: 3.2rem;
}

.rememberMe a {
   letter-spacing: 0.28px;
   text-align: left;
   color: #444444;
   font-size: 14px;
   font-weight: 400;
}

.rememberMe .checkbox {
   letter-spacing: 0.28px;
   color: #444444;
   font-size: 14px;
   font-weight: 400;
}

.vs-checkbox-con .vs-checkbox {
   border-color: #557de8;
}

.loginBtn {
   width: 100%;
   border-radius: 5px !important;
   box-shadow: 0px 5px 12px 0 rgba(74, 188, 68, 0.1);
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-image: linear-gradient(to top, #557D97, #557de8);
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 15px 30px;
}

.btn-primary:hover {
   border-color: #49b544 !important;
}

.registerText {
   padding-top: 30px;
   font-size: 14px;
   font-weight: 400;
   color: #111111;
   clear: both;
}

.registerAccount .vs-checkbox-con input {
   width: 8%;
}

.registerText a {
   color: #111111;
}

.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
   line-height: 16px;
   font-size: 18px;
}

.registerAccount
.vs-checkbox-con
input:checked
~ .vs-checkbox
.vs-checkbox--check
.vs-icon {
   line-height: 22px;
   font-size: 22px;
}

.registerAccount .vs-checkbox-con .vs-checkbox {
   margin-top: -8px;
   width: 30px;
   height: 26px;
}

.registerAccount .rememberMe .checkbox {
   font-weight: 400;
}

.main-menu .navigation > li > a > span {
   color: #222;
}

.main-menu.menu-light .navigation > li.active {
   box-shadow: inset -1px 0px 0 0 #557de8;
}

.main-menu.menu-light .navigation > li.active a {
   background: #f3f8ec !important;
   box-shadow: none !important;
}

.main-menu.menu-light .navigation li a {
   color: #222;
}

.main-menu.menu-light .navigation > li {
   padding: 0 2px;
   margin-bottom: 1em;
}

.main-menu .navigation > li > a > img {
   margin-right: 1rem;
   float: left;
}

.main-menu .navbar-header,
.header-navbar {
   min-height: 5rem;
   height: auto;
   /*border-bottom: 1px solid #e5f1d4;*/
   border-right: 1px solid #e5f1d4;
}

.main-menu .navbar-header .navbar-brand {
   margin-top: 0px;
}

.app-content.content .content-header .content-header-title {
   font-weight: 700;
   color: #222;
   font-size: 18px;
   margin-right: 1rem;
}

.breadcrumbs-top .breadcrumb {
   border: none;
}

.breadcrumbs-top .breadcrumb {
   padding-left: 0px !important;
}

.header-navbar .navbar-container ul.nav li .badge.badge-up {
   position: absolute;
   top: 10px;
   right: -3px;
   font-size: 10px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
   content: "\e844";
   font-family: "feather";
   color: #557de8;
}

li.breadcrumb-item a {
   color: #777777;
}

li.breadcrumb-item img {
   margin-right: 5px;
   margin-top: -3px;
}

.createOrdersBody h4.card-title {
   font-weight: 700;
   color: #222;
   margin-bottom: 0;
}

.createOrdersBody h4.card-title span {
   color: #557de8;
}

.createOrdersBody {
   background-color: #fff;
   border-radius: 10px;
   box-shadow: 0px 17.5px 49px 0 rgba(24, 24, 24, 0.05);
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   padding: 15px;
}

.createOrdersBody .card-header {
   background-color: #fff;
   border: none;
   padding: 1rem 0rem;
   /*border-bottom: 1px solid #eee;*/
}

.createOrdersBody .card-body {
   padding: 1.5rem 0rem;
}

.createOrdersBody .form-label-group > input,
.createOrdersBody .form-label-group textarea,
.custom-file-input {
   height: 52px;
   border-radius: 5px;
   border: solid 1px rgba(70, 169, 69, 0.16);
   padding: 10px 15px;
}

.createOrdersBody textarea {
   resize: none;
   height: 100px !important;
}

.createOrdersBody .btnFix {
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 1.4px;
   text-transform: uppercase;
   padding: 20px 30px;
   background: linear-gradient(to top, #449f46, #557de8);
}

.createOrdersBody .custom-file-label::after {
   content: "\f019";
   font-family: "fontawesome";
   left: 0;
   right: unset;
   background: none;
   color: #557de8;
   font-size: 14px;
}

.createOrdersBody .custom-file-label {
   height: 34px;
   border-radius: 5px;
   border: solid 1px rgba(70, 169, 69, 0.16);
   padding: 0.375rem 0.75rem 0.375px 3em;
   color: #222;
   font-weight: 500;
   cursor: pointer;
}

.createOrdersBody .custom-file-input:focus ~ .custom-file-label {
   border-color: #449f46;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.createOrdersBody .sampleDowload p {
   padding-top: 8px;
   font-weight: 500;
}

.createOrdersBody table.dataTable td {
   border-bottom: 1px solid #e1f1e1;
   border-top: 0;
   border-right: 1px solid #e1f1e1;
   color: #222;
   font-size: 14px;
}

.createOrdersBody .form-label-group > label {
   position: static;
   opacity: 1;
   color: #2a2a2a;
   font-size: 14px;
   font-weight: 500;
}

.dropdown-notification .dropdown-menu-header {
   background: #557de8;
}

.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
   background: #4bbc45;
   border-color: #4bbc45;
}

.dropdown-header {
   color: #fff;
}

html body.navbar-sticky .app-content .content-wrapper {
   padding: 2.2rem 1.5rem;
   margin-top: 4.65rem;
}

.table-orders .table thead th {
   color: #222;
   font-size: 14px;
   /* padding: 20px 0px 20px 10px !important; */
   padding-left: 10px !important;
   padding-top: 20px !important;
   padding-bottom: 20px !important;
   border: 1px solid rgba(70, 169, 69, 0.16);
   border-left: 0px solid;
   border-bottom: 0px solid;
}

.table-orders .table thead th:first-child {
   border-left: 1px solid rgba(70, 169, 69, 0.16);
}

.table-orders .table thead th:before,
.table-orders .table thead th:after {
   display: none;
}

table.data-list-view.dataTable tbody td {
   color: #777;
   font-weight: 400;
   font-size: 13px;
   padding: 20px 10px;
   border-right: 1px solid rgba(70, 169, 69, 0.16);
   /* border-bottom: 1px solid rgba(70, 169, 69, 0.16); */
   border-top: 1px solid rgba(70, 169, 69, 0.16);
   border-radius: 0 !important;
}

table.data-list-view.dataTable tbody td:first-child {
   border-left: 1px solid rgba(70, 169, 69, 0.16);
}

table.data-list-view.dataTable tbody tr {
   border-top: 1px solid rgba(70, 169, 69, 0.16);
}

.table-responsive.table-orders {
   border-radius: 10px;
   border: 1px solid rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   margin-top: 10px;
}

table.dataTable thead tr {
   background-color: #fff;
}

table.data-list-view.dataTable,
table.data-thumb-view.dataTable {
   border-spacing: 0;
}

table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:before,
table.data-list-view.dataTable
thead
.dt-checkboxes-select-all
input:checked:before {
   border: 2px solid #557de8;
}

table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:after {
   background-color: #557de8;
}

table.data-list-view.dataTable thead .dt-checkboxes-select-all input:after {
   background-color: #557de8;
   border: 2px solid #557de8;
}

table.dataTable tbody tr.selected {
   background-color: #f3f8ec !important;
   color: #f3f8ec !important;
   box-shadow: unset !important;
}

i.feather.icon-more-horizontal {
   display: flex;
   justify-content: center;
   color: #000 !important;
}

table.data-list-view td a.dropdown-item {
   color: #222 !important;
   padding-top: 10px;
}

.actionTd {
   padding-right: 5px !important;
}

.pagination .page-item.active .page-link {
   background-color: #557de8;
}

.dropdown-item.active,
.dropdown-item:active {
   background-color: #557de8;
   color: #fff;
}

.primary-process {
   color: #30befb !important;
}

.success-process {
   color: #34cd86 !important;
}

.danger-process {
   color: #ff3e6c !important;
}

.warning-process {
   color: #ffcc3e !important;
}

table.dataTable tbody tr.selected i.feather.icon-more-horizontal {
   color: #557de8 !important;
}

.data-list-view-header
.table-responsive
.top
.dataTables_length
.custom-select {
   border-radius: 4px !important;
   border: solid 1px rgba(70, 169, 69, 0.16);
   width: 4.714rem;
   height: 2.5rem;
   line-height: 2.5;
}

.data-list-view-header .table-responsive .top .dataTables_filter .form-control {
   border-radius: 4px !important;
   border: solid 1px rgba(70, 169, 69, 0.16);
   padding: 1.3rem 3rem !important;
}

.pagination .page-item .page-link:hover {
   color: #5b5f5b;
}

.text-primary {
   color: #557de8 !important;
}

a.text-primary:hover,
a.text-primary:focus {
   color: #557de8 !important;
}

/* Ticket PAge */

.pd-0 {
   padding: 0;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
   color: #222;
   border: 1px solid rgba(70, 169, 69, 0.16) !important;
}

.repairTicketHeader {
   border-radius: 20px;
   box-shadow: 0px 5px 12px 0 rgba(74, 188, 68, 0.1);
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   margin-bottom: 20px;
}

.repairTicketHeader .card-header {
   border-radius: 20px;
   background: none;
   margin-bottom: 0;
   border: none;
   padding: 20px 15px;
}

.repairTicketHeader
.nav.nav-pills.nav-active-bordered-pill
.nav-item
a.nav-link {
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   font-size: 12px;
   color: #222;
   text-transform: uppercase;
}

.repairTicketHeader
.nav.nav-pills.nav-active-bordered-pill
.nav-item
a.nav-link.active {
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   color: #557de8;
   box-shadow: 0px 5px 12px 0 rgba(74, 188, 68, 0.1);
}

.repairTicketHeader .card-title {
   line-height: 26px;
   margin-bottom: 0;
}

.repairTicketHeader .nav.nav-pills {
   margin-bottom: 0;
}

.summaryWrapper {
   border-radius: 20px;
   box-shadow: 0px 5px 12px 0 rgba(74, 188, 68, 0.1);
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   padding: 20px 15px;
}

.summaryWrapper h4 {
   color: #222;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 20px;
}

.summaryWrapper label {
   font-size: 14px;
   letter-spacing: 0.28px;
   text-align: left;
   color: #2a2a2a;
   font-weight: 500;
   padding: 0px 15px 15px;
}

.summaryForm {
   padding-top: 20px;
   border-top: 1px solid #eeeeee;
}

select.form-control:not([multiple="multiple"]) {
   background-image: url(../../app-assets/images/icons/arrow-down.png);
   background-position: calc(100% - 13px) 20px, calc(100% - 20px) 13px, 100% 0;
}

select.form-control {
   border-radius: 5px;
   border: solid 1px rgba(70, 169, 69, 0.16);
   background-color: #ffffff;
   height: 37px;
   line-height: 37px;
   padding: 0;
   padding-left: 15px;
   letter-spacing: 0.28px;
   text-align: left;
   color: #777777;
}

.custom-select:focus {
   border: solid 1px rgba(70, 169, 69, 0.16);
   outline: 0;
   box-shadow: 0px 5px 12px 0 rgba(74, 188, 68, 0.1);
}

ul,
li {
   list-style: none;
   padding: 0;
}

.ticketContactListing li {
   padding-bottom: 15px;
   color: #222;
}

.ticketContactListing li img {
   padding-right: 5px;
   position: relative;
   top: -3px;
}

.summaryListing ul {
   border-radius: 5px;
   border: solid 1px rgba(70, 169, 69, 0.16);
}

.summaryForm h5 {
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.28px;
   text-align: left;
   color: #2a2a2a;
   background-color: #e1f1e1;
   padding: 10px;
   margin-bottom: 20px;
}

.summaryForm a {
   color: #222;
}

.repairDevicesWrapper {
   margin-top: 20px;
}

.repairDevicesWrapper .text-success {
   color: #557de8 !important;
}

.repairDevicesWrapper .createOrdersBody .btnFix {
   font-weight: 500;
   letter-spacing: 0.2px;
   text-transform: capitalize;
   padding: 12px 15px;
   background: linear-gradient(to top, #449f46, #557de8);
}

.ticketsEscalated
table.data-list-view.dataTable
tbody
td.dt-checkboxes-cell
input:before,
.ticketsEscalated
table.data-thumb-view.dataTable
tbody
td.dt-checkboxes-cell
input:before {
   font-family: feather;
   content: "\e897";
   line-height: 1rem;
   transform: unset;
   border: solid 1px rgba(74, 188, 68, 0.5);
   color: #557de8;
}

.ticketsEscalated .action-filters,
.ticketsEscalated .bottom {
   display: none;
}

table.data-list-view.dataTable thead .sorting_asc,
table.data-list-view.dataTable thead .sorting_desc,
table.data-list-view.dataTable thead .sorting,
table.data-list-view.dataTable thead .sorting_asc,
table.data-list-view.dataTable thead .sorting_desc,
table.data-list-view.dataTable thead .sorting {
   padding: 20px 15px;
   outline: none;
}

table.data-list-view.dataTable thead .sorting_asc:before,
table.data-list-view.dataTable thead .sorting_desc:before,
table.data-list-view.dataTable thead .sorting:before,
table.data-list-view.dataTable thead .sorting_asc:after,
table.data-list-view.dataTable thead .sorting_desc:after,
table.data-list-view.dataTable thead .sorting:after {
   display: none;
}

.ticketsEscalated table.data-list-view.dataTable tbody tr:hover {
   transform: unset;
   transition: unset;
   box-shadow: unset;
}

.ticketsEscalated table.data-list-view.dataTable thead th:first-child {
   padding-left: 5px;
   vertical-align: middle;
}

.ticketsEscalated
table.data-list-view.dataTable
thead
.dt-checkboxes-select-all
input:before {
   border: 2px solid #49b644;
}

.ticketsEscalated table.data-list-view.dataTable tbody td {
   color: #222;
}

.ticketsEscalated .borderBottom {
   border-bottom: 1px solid #eee;
}

.ticketsEscalated .createOrdersBody .borderBottom .card-header {
   border: none;
}

.ticketsEscalated table.data-list-view.dataTable tbody tr {
   box-shadow: unset;
}

.ticketsEscalated .createOrdersBody .borderBottom .card-header {
   padding: 1rem 0rem;
}

.ticketsEscalated .table-responsive.table-orders {
   border-radius: 0;
   border: 0;
}

.ticketsEscalated table.dataTable {
   border: solid 1px rgba(70, 169, 69, 0.16);
}

.createOrdersBody table.dataTable td {
   padding: 20px 15px;
}

.notesBody {
   border-bottom: 1px solid #eeeeee;
   padding-top: 25px;
   padding-bottom: 25px;
}

.notesBody p {
   /*    margin-bottom: 0;*/
   color: #222;
}

.notesBody img {
   margin-right: 5px;
   position: relative;
   top: -2px;
}

.notesBody h6 {
   font-size: 18px;
   color: #777;
   font-weight: 400;
   margin-bottom: 14px;
}

.notesBody a {
   color: #557de8;
   font-weight: 500;
}

.addDevicesRow {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.font_large {
   font-size: 1.8rem;
}

.pad_1 {
   padding: 1rem;
}

.table-fix {
   display: block;
   width: 100%;
   overflow: auto;
}

.justify__between {
   justify-content: space-between !important;
}

.justify__content__left {
   justify-content: left !important;
}

.justify__content__end {
   justify-content: flex-end;
}

/* .justify__spaceEvenly {
  justify-content: space-evenly;
} */

.align__items__center {
   align-items: center;
}

.disp-flex {
   display: flex;
}

.color-primary {
   color: #557de8 !important;
}

.color-blue {
   color: #005ddb;
}

.infotooltipicon {
   font-size: 1.8rem;
   color: orange;
}

.deleteIcon {
   font-size: 1.8rem;
   color: #e1f1e1;
   transition: all 0.5s;
   margin-right: 5px;
}

.deleteIcon:hover {
   color: #557de8;
   cursor: pointer;
}

.txt-center {
   text-align: center;
}

.txt-left {
   text-align: left;
}

.txt-right {
   text-align: right;
}

.txt-end {
   text-align: end;
}

.small-width {
   width: 16rem;
}

.pd-1 {
   padding: 1rem !important;
}

.pd-0 {
   padding: 1px;
}

.max-width {
   width: 100%;
}

.disp-block {
   display: block;
}

.text-bold {
   font-weight: bolder;
   color: #000;
}

.subtotal__container {
   padding: 1.5rem;
}

.invoice__btns button {
   margin: 2rem;
}

.btn-transparent {
   border: 1px solid rgb(165, 165, 165);
}

.align__item__center {
   align-items: center;
}

.active2 {
   background-color: whitesmoke;
   border-radius: 0px;
   border-right: 4px solid #557de8;
}

.form-group label {
   font-size: 1rem;
   color: #000;
   font-weight: 500;
}

.text__small {
   font-size: 1rem;
}

.float-r {
   float: right;
}

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

.disp-inline-block {
   display: inline-block;
}

.disp-inlin-flex-r {
   display: inline-flex;
   align-items: center;
   float: right;
}

.color-stripped.table-striped tbody tr:nth-of-type(odd) {
   background-color: #f5faed;
}

.notesContent {
   border: 1px solid #eee;
   margin: 20px 0px;
}

.notesContent .card-body {
   padding: 15px 40px;
}

.notesBody:last-child {
   border: none;
}

.table-responsive {
   /*    display: table;*/
}

.custom__tab__container ul,
.custom__tab__container .tab-content {
   background-color: #fff;
   padding: 0.8rem 0.2rem;
}

.custom__tab__container .tab-content {
   background-color: transparent;
}

.custom__tab__link {
   font-size: 1.12rem !important;
}

.custom__tab__container ul .active::after {
   display: none;
}

.custom__tab__container ul .active {
   color: #000 !important;
}

.custom__tab__card {
   background-color: #fff;
   padding: 1rem;
   width: 100%;
   border-radius: 1rem;
}

.profile__name {
   display: inline;
   color: #000;
   font-weight: bolder;
}

.input__logos {
   font-size: 1.3rem;
   cursor: pointer;
}

.integration__container {
   display: flex;
   padding: 0.8rem;
   border: 1px solid #e8e8e8;
   justify-content: space-between;
   align-content: center;
   border-radius: 0.5rem;
   margin: 0.5rem 0;
}

.profile__image__container {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   overflow: hidden;
   cursor: pointer;
}

.image__responsive {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.profile__upload__input {
   display: none;
}

.dashboard__card__heading {
   font-size: 1rem;
   text-align: left;
   padding-bottom: 1rem;
   border-bottom: 1px solid #e6e6e6;
   display: block;
   font-weight: 600;
   width: 100%;
}

.avatar__value {
   display: inline-block;
   font-size: 2rem;
   font-weight: 600;
   color: #557de8;
   vertical-align: middle;
   margin-left: 0.5rem;
}

.avatar__description {
   font-size: 0.9rem;
}

.avatar__description__percentage {
   color: #000;
   font-size: 1rem;
   font-weight: 600;
}

.reciept__card {
   width: 100%;
   background-color: #fff;
   border-radius: 2rem;
   padding: 1rem;
   margin: 0;
   margin-bottom: 2rem;
}

.reciept__card__heading {
   font-size: 1.5rem;
   color: #000;
}

.full__width {
   width: 100%;
   padding: 1rem;
}

.card__heading {
   font-size: 1.4rem;
   color: #000;
   font-weight: 600;
   text-align: left;
   padding: 0.5rem 1.4rem;
}

.table__row__highlight {
   background-color: #ebebeb;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
   width: 230px;
}

html body .content {
   margin-left: 230px;
}

.button__container__table {
   display: flex;
   width: 100%;
   justify-content: flex-end;
}

.btn__white {
   color: green;
   background-color: #fff;
   border: 1px solid green;
}

.btn-white:hover {
   box-shadow: 1px 1px 1rem rgba(0, 0, 0, 0.2);
}

.header-navbar.fixed-top {
   left: 230px;
   z-index: 2;
}

.select2 {
   height: 3.5rem !important;
}

/*/////////////////*/

.inventory__card__header {
   display: flex;
   justify-content: space-between;
   align-content: center;
   width: 100%;
   padding: 1rem 2rem !important;
}

.btn-white {
   background: #fff !important;
   border: 1px solid #eee;
}

.asset__tag__container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.asset__tag__container * {
   margin-right: 10px;
}

.pd-small {
   padding: 0.8rem !important;
}

.total__table__row {
   display: flex;
   justify-content: space-between;
}

/*///////////////////////////////*/

.slim__padding {
   padding: 0.5rem 1rem;
}

.btn-outlined-primary {
   background: transparent;
   border: 1px solid #557de8;
   color: #557de8;
   padding: 0.5rem 1rem;
}

.btn-outlined-dark {
   background: transparent;
   border: 1px solid #eee;
   color: #000;
   padding: 0.5rem 1rem;
}

/* ///////////////////   2 november 2020  //////////////////// */

.name__heading {
   color: #557de8;
}

.marketing__heading {
   font-size: 1rem;
   font-weight: 600;
}

.devces__heading {
   font-size: 0.9rem;
   font-weight: 600;
}

/* ///////////////////   5 november 2020  //////////////////// */

select.form-control:not([multiple="multiple"]) {
   background-position: calc(100% - 13px) 12px, calc(100% - 20px) 13px, 100% 0;
}

.equal__height__card {
   height: 105%;
}

.special__table__heading {
   padding: 43px 5px !important;
}

.special__table__data {
   padding: 21px 12px !important;
}

.special__table__container {
   display: grid;
   grid-template-columns: auto 180px;
}

.special__table__container .variable__width__column {
   overflow: auto;
}

.variable__width__column td {
   text-align: center !important;
}

.comming__soon {
   text-align: center;
   padding: 4rem 1rem;
}

.add__field_form {
   /* height: 0; */
   display: none;
   overflow: hidden;
}

.fixed__width__table__form {
   width: 200px;
}

/* /////// */

.table-scroll {
   position: relative;

   margin: auto;
   overflow: hidden;
}

.table-wrap {
   width: 100%;
   overflow: auto;
}

.table-scroll table {
   width: 100%;
   margin: auto;
   border-collapse: separate;
   border-spacing: 0;
}

.table-scroll th,
.table-scroll td {
   background: #fff;
   white-space: nowrap;
}

.clone {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
}

.clone th,
.clone td {
   visibility: hidden;
}

.clone tbody th {
   visibility: visible;
}

.clone .fixed-side {
   visibility: visible;
}

th.fixed-side {
   font-size: inherit;
}

.main-menu.menu-light .navigation .navigation-header {
   margin: calc(1.0rem - 0.2rem) 0 0.8rem 1.2rem !important;
}

.sidebar-icon {
   font-size: 18px !important;
   color: #3E3D41 !important;
}

.borderBottom {
   border-bottom: 1px solid #eee;
}

.btn-dlt{
   position: absolute;
    right: 13px;
    top: 25px;
    z-index: 1;
}
.logout-span{
   margin-left: 1rem;
    cursor: pointer;
    color: #222;
}
.create-form .create-admin-form{
   color: #000 !important;
}

#main-menu-navigation li {
    margin-bottom: 0!important;
}
body .has-icon-left ::placeholder {
    color: #5f5f5f !important;
    font-weight: 400 !important;
}
/* permissoin section */
.permissions-ul li{
   padding: 5px;
}
.permission-card-height{
   height: 300px;
   overflow: auto;
   overflow-x: hidden;
}
.permission-card-height::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey; 
 border-radius: 10px;
}

/* Handle */
.permission-card-height::-webkit-scrollbar-thumb {
 background: blue; 
 border-radius: 10px;
}
.permission-card-height::-webkit-scrollbar {
 width: 5px;
}
  /* Pricing subcription section */
  .fs-60 {
   font-size: clamp(36px, 4vw, 60px);
 }
 
 .pricing-box__header {
   padding: 20px 0 10px 0;
   border-radius: 10px 10px 0 0;
   border-bottom: 1px solid var(--primary);
 }
 .pricing-box__wrapper.active .pricing-box__header {
   color: #fff;
   background-color: #2e5fe3;
   border-bottom: 0;
 }
 .switch_label {
   padding: 10px;
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }
 .faded-text{
   text-decoration: line-through;
   color: #0004;
 }
 .switch_label input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 .pricing_slider:before {
   height: 16px !important;
   width: 16px !important;
   bottom: 9px !important;
   left: 4px !important;
   border-radius: 50%;
 }
 .pricin-tabs-up,
 .item-tab__pricing {
   border-radius: 20px;
   background-color: #f5f5f5;
   color: #000;
 }
 
 input:checked + .pricing_slider:before {
   -webkit-transform: translateX(34px);
   -ms-transform: translateX(34px);
   transform: translateX(34px);
 }
 input:checked + .pricing_slider,
 .item-tab__pricing.tab-active,
 .features_wrapper {
   background-color: #2e5fe3;
 }
 .pricing_slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
 .pricing_slider::before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
 .integrations-grid {
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-rows: auto auto;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   align-items: center;
   justify-items: center;
   display: grid;
 }
 .f-12{
     font-size: 12px;
 }
 @media screen and (max-width: 768px) {
   .pricing-box__wrapper {
       display: none;
   }
   .pricing-box__wrapper.active , .custm-tble-style{
       display: block;
   }

 }
 @media (min-width:2560px){
     .pricing_cost--wrapper.else{
         margin: 1px;
     }
 }

/* pricing accordian */
.accordion-input {
   display: none;
}

.accordion-header {
   background-color: #ffffff;
   padding: 10px;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0px;
   cursor: pointer;
   border-style: none;
   border-radius: 4px;
   flex: 1;
   padding: 24px 24px 24px 32px;
   box-shadow: 0 0 rgba(8,15,52,.04);
}

.accordion-content {
   max-height: 0;
   padding: 0px 32px;
   overflow: hidden;
   background: #fff;
   transition: max-height 0.5s ease-in-out;
}

.accordion-input:checked + .accordion-header + .accordion-content {
   max-height: 1000px;
   padding: 10px 32px;
   background: #fff;
   margin-bottom: 24px;
}

.accordion-input:checked + .accordion-header .fa-chevron-down {
   display: none;
}

.accordion-input:not(:checked) + .accordion-header .fa-chevron-up {
   display: none;
}

.accordion-input:checked ~ .accordion-input:not(:checked) + .accordion-header + .accordion-content {
   max-height: 0;
}
.btn-pricing{
   background-color: #fff;
   color: blue;
 
 }
 .btn-pricing:hover{
   background-color: blue;
   color: #fff;
 
 }
 .checkbox-wraper {
   gap: 20px !important;
}
/**Chat messages styles**/
.receiver p:before, .receiver p {
   background: #f1f1f1;
}
.sender p:before {
   right: 0;
   top: 0;
   transform: translate(53%, 20%);
}
.sender p:before, .sender p {
   background: #f1f4fd;
}
.receiver p:before, .sender p:before {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   rotate: 45deg;
   /* z-index: -1; */
}
.receiver p, .sender p {
   display: block;
   padding: 10px;
   margin: 0;
   width: -moz-max-content;
   width: max-content;
   max-width: 99%;
   border-radius: 8px;
   position: relative;
   /* z-index: 9; */
}
.sender p {
   margin-left: auto;
   margin-right: 15px;
}
.sender p:before, .sender p {
   background: #f1f4fd;
}
.receiver {
   text-align: right;
}
.sender {
   text-align: left;
}
.tech-detail-table {
   padding: 0px !important;
   overflow: hidden !important;
}
.receiver p:before{
   left: -10px;
}
.sender p:before {
   right: -5px;
}
.chat__box {
   max-height: 450px;
   overflow-y: scroll;
}


/**Company detail**/
/* .table-responsive {
   display: table;
} */

.text-black {
   color: #000;
}

.text-blue {
   color: #2E5FE3;
}

.h-52 {
   height: 52%;
}

.h-20 {
   height: 20%;
}

.payment-method {
   height: 170px;
   overflow-y: scroll;
}

/* width */
.payment-method::-webkit-scrollbar {
   width: 2px;
}

/* Track */
.payment-method::-webkit-scrollbar-track {
   background: #f1f1f1;
}

/* Handle */
.payment-method::-webkit-scrollbar-thumb {
   background: #888;
}

/* Handle on hover */
.payment-method::-webkit-scrollbar-thumb:hover {
   background: #555;
}

.img-thumbnail {
   border: none;
   background: none;
}

.api-key {
   border-radius: 6px;
   border: 1px solid #F0F0F0;
   padding: 7px;

   background: #FFF;
}

.progress-bar {
   background-color: #5EBF61 !important;
   border-radius: 6px;

}

p.pro {
   line-height: 2.7;
}

.progress {
   height: 30px;
   border-radius: 6px;
   margin-bottom: 20px !important;
}

.standard-head {
   background: var(--gradient, linear-gradient(138deg, #5781F4 10.73%, #081C4E 106.01%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 700;

}

.btn-transparent {
   background: transparent;
   color: #fff;
   border: 1px solid #fff;
   padding: 7px 18px;
   font-size: 14px;
}

.btn-no-clr {
   color: #467EC0;
   background: transparent !important;
   /* padding-right: 0; */
}

.btn-blue {
   background: rgb(70 126 192 / 16%) !important;
   border-radius: 50px;
   box-shadow: none;
   color: #467EC0 !important;
}

.active button {
   color: #2EB67D !important;
   background-color: #2EB67D33 !important;
   border: 1px solid #2EB67D33 !important;
}

.subscription-box {
   background-image: url(/app-assets/images/imgs/subscription-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-size: 100% 100%;
}

.gap-20 {
   gap: 20px;
}

.btn-orange {
   border-radius: 5px;
   background: linear-gradient(138deg, #ff8d65 10.73%, #a04c2e 106.01%);
   box-shadow: 0px 4px 8px 0px rgba(122, 122, 122, 0.12);
   color: #fff !important;
   /* font-family: Urbanist; */
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding: 7px 18px;
}

/***Global Css***/
.default-shadow {
   box-shadow: 0px 2px 8px 0px rgba(141, 141, 141, 0.15);
}

.border-color-primary,
.border-1 {
   border: 1px solid #D6DDEF;
}

.border-radius-10 {
   border-radius: 10px;
}

.gap-10 {
   gap: 10px;
}

.gap-20 {
   gap: 20;
}

.bg-white {
   background-color: #fff;
}

.permission-grd {
   display: grid;
   grid-gap: 10px;
}

/**Card Style**/
.grid-06 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 10px
}

.block__01.large__box {
   background: linear-gradient(98deg, #AD64B9 1.59%, #8E48A0 93.66%);
}

.block__04.large__box {
   background: linear-gradient(127deg, #42C0E2 7.71%, #1C93B2 90.16%);
}

.block__05.large__box {
   background: linear-gradient(98deg, #FA70B2 1.59%, #6E2970 93.94%);
}

.block__09.large__box {
   background: linear-gradient(98deg, #FA8A62 1.59%, #AE5636 93.94%);
}

.block__10.large__box {
   background: linear-gradient(98deg, #4C9DA8 1.59%, #3B6C64 93.66%);
}

.block__11.large__box {
   background: linear-gradient(98deg, #531EBA 1.59%, #7F59EF 93.94%);
}

.block__12.large__box {
   background: linear-gradient(98deg, #4350BE 1.59%, #298DCB 93.66%);
}

.block__13.large__box {
   background: linear-gradient(98deg, #807b56 1.59%, #b1ac88 93.66%);
}

@media only screen and (max-width: 600px) {
   .sub-col {
       padding: 0;

   }

   .visa-img {
       width: 20%;
   }

   a.btn.btn-primary.btn-no-clr {
       padding: 0;
   }

}
.subscription-col{
   margin-bottom: 2%;
   height: 49%;
}
@media only screen and (max-width: 768px) {
   .table-responsive {
       display: block;
   }
   .custm-tble-style{
      overflow-x: scroll;
   }
}
/* @media only screen and (min-width: 1024px){
   .com-detail-row{
      height: 560px;
      overflow: hidden;
   }
} */
.dataTables_paginate button{
   margin: 5px;
}
/* style form release notes */
.three-dot {
   height: 50px;
   width: 50px;
   z-index: 9999999999;
}
.border-1 {
   border: 1px solid #d6ddef !important;
}
.default-shadow {
   box-shadow: 0px 2px 8px 0px rgba(141, 141, 141, 0.15);
}
.release-note {
   margin-bottom: 10px;
   cursor: pointer;
}

.note-details {
   display: none;
}
.note-details.active {
   display: block;
   padding-top: 30px;
}
.gap-10 {
   gap: 10px;
}
.gap-20 {
   gap: 20px;
}
p.release-date {
   background: #5781f447;
   /* text-align: center; */
}
p.web {
   background: #f207005c;
}
p.desktop {
   background: #ffd2a0;
}
.left-content img{
   width: 80px !important;
   height: auto;
}
.max-height-200{
   max-height: 185px;
   overflow: auto;
   padding-right: 10px;
}

.submenu-toggle {
   display: none;
}

.menu-content {
   display: none;
}

.submenu-toggle:checked + label + .menu-content {
   display: block !important;
}
span.menu-title {
   font-size: 1.1rem;
   font-family: 'Montserrat', Helvetica, Arial, serif;
   font-weight: 400;
}

.dropdown-arrow {
   margin-left: auto;
   transition: transform 0.3s ease;
}
.submenu-toggle {
   display: none;
}

.menu-content {
   display: none;
}

.submenu-toggle:checked + label .dropdown-arrow {
   transform: rotate(180deg);
}

.dropdown-arrow {
   margin-left: auto;
   transition: transform 0.3s ease;
}

.submenu-toggle:checked + label .fa-chevron-down {
   display: none;
}

.submenu-toggle:not(:checked) + label .fa-chevron-up {
   display: none !important;
}
.submenu-toggle {
   display: none;
}

.menu-content {
   display: none;
}

.submenu-toggle:checked + label .fa-chevron-down {
   display: none;
}

.submenu-toggle:not(:checked) + label .fa-chevron-up {
   display: none;
}

.dropdown-arrow {
   margin-left: auto;
   transition: transform 0.3s ease;
}

.submenu-toggle:checked + label .fa-chevron-up {
   transform: rotate(360deg);
}

.submenu-toggle:checked + label .fa-chevron-down {
   transform: rotate(0deg);
}
.fa-chevron-down , .fa-chevron-up{
   padding-top: 5px;
}
.add-comp{
   padding: 10px 15px !important;
}
.company-listing-table .card {
   overflow: hidden;
}
.three-dot .dropdown-menu.dropdown-menu-right {
   top: 50%;
   right: 50%;
}
/* width */
table.table::-webkit-scrollbar , .subscription-tabl::-webkit-scrollbar {
   width: 3px;
 }
 
 /* Track */
 table.table::-webkit-scrollbar-track , .subscription-tabl::-webkit-scrollbar-track {
   background: #f1f1f1; 
 }
  
 /* Handle */
 table.table::-webkit-scrollbar-thumb , .subscription-tabl::-webkit-scrollbar-thumb {
   background: #888; 
 }
 
 /* Handle on hover */
 table.table::-webkit-scrollbar-thumb:hover , .subscription-tabl::-webkit-scrollbar-thumb:hover {
   background: #555; 
 }
 .fulwid-tabl th{
   width: 25%;
 }
 .faq-detail div img {
   /* width: 100%; */
   height: 100%;
   padding: 20px 0px;
}
.StripeElement {
   border: 1px solid #d5d4dc !important;
   border-radius: 12px !important;
   color: #fff !important;
   background: rgba(255, 255, 255, 0.03) !important;
   padding: 15px;
   height: calc(1.25em + 2rem + 2px);
   box-shadow: 0 1px 3px 0 #e6ebf1;
   -webkit-transition: box-shadow 150ms ease;
   transition: box-shadow 150ms ease;
}
.StripeElement--focus {
   box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
   border-color: #fa755a;
}

.StripeElement--webkit-autofill {
   background-color: #fefde5 !important;
}
.InputContainer .InputElement.Input {
   color: white !important;
}
.text-editor-styling ul, 
.text-editor-styling li {
    list-style: disc; 
    padding-left: 20px; 
}

.text-editor-styling ul[data-checked="true"] {
    list-style: none; 
    padding-left: 0; 
}

.text-editor-styling ul[data-checked="true"] li {
    list-style: none; 
    display: flex; 
    align-items: center; 
}

.text-editor-styling ul[data-checked="false"] li {
    list-style: none; 
    display: flex; 
    align-items: center; 
}

.text-editor-styling ul[data-checked="true"] li::before {
    content: '☑'; 
    margin-right: 8px; 
}

.text-editor-styling ul[data-checked="false"] li::before {
    content: '☐'; 
    margin-right: 8px; 
}

@media only screen and (max-width:600px){
   .col-p-mob{
      padding: 0px !important;
   }
}