body {
  font-size: 0.75rem;
  color: #000 !important;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

p {
  line-height: 1.5;
}

body.modal-open {
  overflow: hidden;
}

.header .search-input {
  display: block !important;
}

.header .search-input input {
  border: 1px solid #ccc !important;
}

ul.nav-center {
  float: left;
  width: 50%;
}

.logo img {
  width: 160px;
}

table td {
  font-size: 0.7rem !important;
}

span.input-group-addon.bg-white.border-left-0 {
  top: 21px;
  position: absolute;
  right: 16px;
}

.input-group-addon .fa.fa-search {
  font-size: 18px;
  color: #28aff5;
}

ul.dropdown-menu.fsz-sm.show {
  width: 200px;
}

i.cH-blue {
  color: #28aff5;
}

i.fas.fab {
  font-family: 'Font Awesome 5 Brands' !important;
}

.profile_info {
  width: 60%;
  float: left;
  display: none !important;
}

.sidebar:hover .profile_info,
.sidebar.full-sidepanel .profile_info {
  display: block !important;
}

.img-circle.profile_img {
  width: 100%;
  background: #fff;
  margin-left: 15%;
  z-index: 1000;
  position: inherit;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px;
}

.sidebar:hover .img-circle.profile_img,
.sidebar.sidebar.full-sidepanel .img-circle.profile_img {
  width: 70% !important;
}

.img-circle {
  border-radius: 50%;
}

.profile_info h2 {
  font-size: 14px;
  color: #fff;
  margin: 0;
  font-weight: 400;
}

.profile {
  padding: 12px 0 !important;
}

.header .header-container .nav-left .notifications .counter,
.header .header-container .nav-right .notifications .counter {
  background-color: #28aff5 !important;
}

.bgc-white,
.bgcH-white:hover {
  background-color: #fff !important;
  box-shadow: inset 0px 0px 3px 1px #cccccca1;
}

.header {
  box-shadow: 8px 0px 4px 2px #ccc;
}

.sidebar-logo {
  box-shadow: 8px 0px 4px 2px #ccc;
  position: relative;
  z-index: 9;
}

.sidebar .profile_pic {
  float: left;
  padding: 4px;
  width: unset !important;
  padding-right: 10px;
}

.sidebar:hover .profile_pic,
.sidebar.full-sidepanel .profile_pic {
  width: 35% !important;
  padding: 4px !important;
}

.profile_pict {
  width: 20%;
  float: left;
  padding: 4px;
}

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #bab8b8;
}

.highlight_box {
  background: #fff;
  box-shadow: 1px 1px 1px 1px #ccc;
  text-align: center;
  /* margin: auto; */
  padding: 5px;
  height: 130px;
  margin-bottom: 25px;
  border: 3px solid #fff;
}

.highlight_box h3 {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 10px 0;
  color: #333;
}

.highlight_box img {
  padding-top: 12px;
  width: 50px;
}

.side_background {
  background: #2a58ad;
}

.sidebar-menu>li.active,
.sidebar-menu>li.current-page {
  border-left: 5px solid #199fe4;
  background: #1d4896;
}

.sidebar-menu li a {
  color: #fff !important;
  font-size: 0.75rem;
}

li.nav-item.dropdown.open {
  background: #1d4c9e;
  border-left: 5px solid #28aff5;
}

.sidebar-menu li.dropdown.open>a {
  color: #313435;
  background: #133c89;
}

main.main-content.bgc-grey {
  background: #edf2f5;
}

.modal-dialog .modal-content .modal-header {
  height: 48px;
}

.large_form .modal-header .close {
  /*padding: 16px;
    padding: 1rem;

    margin: -16px -16px -16px auto;
    margin: -1.7rem -1rem -1rem auto !important;*/
  font-size: 40px !important;
  font-weight: 500;
}

.attachment_file {
  width: 100%;
  padding: 20px !important;
  border: 1px dashed #ccc !important;
}

p.heading_lead {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
  position: relative;
  top: -10px;
  display: -webkit-inline-box;
}

.input-group-addon.bgc-white.bd.bdwR-0 {
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  border-left: none !important;
  padding: 6px 6px 0px;
}

label {
  display: inline-block;
  margin-bottom: 4px !important;
  font-size: 0.75rem;
  font-weight: 600;
  color: #000;
}

.center-loader {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 46%;
  top: 46%;
}

.form-control {
  border-radius: 0px !important;
}

div.large_form {
  padding-left: 0px !important;
}

.btn-defaut {
  color: #333;
}

.btn.btn-sm {
  padding: 0.5rem 1.6rem;
  font-size: 0.74rem;
}

.modal-body {
  position: relative;
}

.h4,
h4 {
  font-size: 1.2125rem !important;
}

.page-header {
  margin-bottom: 5px;
  margin-top: 5px;
  border-bottom: none;
}

.modal .modal-full-height .modal-content {
  width: 100%;
  height: 100vh;
}

.classic-tabs .nav.tabs-cyan li a.active {
  border-color: #ffeb3b;
}

.classic-tabs .nav li a.active {
  /*border-bottom: 4px solid;*/
  color: #fff;
}

.classic-tabs .nav.tabs-cyan li a.active {
  border-color: #28aff5;
  background: #2a58ad;
}

.classic-tabs .nav li a {
  /*border-bottom: 4px solid;*/
  color: #000;
}

.classic-tabs .nav.tabs-cyan li a {
  /* border-color: #998d8d; */
  background: #ecf0f1;
  margin-right: 4px;
  min-width: 100px;
  text-align: center;
  border: 1px solid #a7a1a1;
}

.tab_vertical .nav.tabs-cyan li a.active {
  border-color: #ffeb3b;
}

.tab_vertical .nav li a.active {
  /*border-bottom: 4px solid;*/
  color: #fff;
}

.tab_vertical .nav.tabs-cyan li a.active {
  font-weight: 500;
  border-left: 3px solid #305daf;
  color: #333;
  background: #edf2f5;
  width: 100%;
}

.tab_vertical .nav li a {
  color: #000;
  border-left: 3px solid transparent;
}

.tab_hr .nav.tabs-cyan li a.active {
  border-color: #ffeb3b;
}

.tab_hr .nav li a.active {
  /*border-bottom: 4px solid;*/
  color: #fff;
}

.tab_hr .nav.tabs-cyan li a.active {
  font-weight: 500;
  border-bottom: 3px solid #305daf;
  color: #333;
  background: #edf2f5;
  width: 100%;
}

.tab_hr .nav li a {
  color: #000;
  border-bottom: 3px solid transparent;
}

.primary-bg {
  background-color: #2a58ad !important;
}

.fa-1x {
  font-size: 14px !important;
}

select::-ms-expand {
  display: none;
}

.selectdiv::after {
  content: "\25BC";
  position: absolute;
  top: 26px;
  right: 6px;
  bottom: 0;
  padding: 7px 1em;
  background: #f2f2f2;
  pointer-events: none;
  height: calc(2.0625rem + 0px);
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #28aff5 !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
}

.custom-search .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #28aff5 !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
  box-shadow: none !important;
}

/* Transition */
.selectdiv:hover::after {
  color: #28aff5;
}

.selectdiv::after {
  color: #000;
}

.selectdiv::after {
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
}

.modal-dialog.modal-full-height.modal-top {
  min-height: 100vh;
  background: #fff;
}

.modal-body {
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto;
}

.page-header .btn_header {
  top: 0px;
  position: relative;
}

.page-header .heading_lead {
  position: relative;
  top: 0px;
}

.btn_header {
  display: inline-flex;
  justify-content: flex-end;
  float: right;
  top: -15px;
  position: relative;
}

.btn_header1 {
  float: left;
}

.btn_add {
  margin-top: 24px;
}

.btn {
  border-radius: 0px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

.adw_select .btn {
  font-size: 1rem !important;
}

.card {
  border-radius: 0px !important;
}

.form-control {
  font-size: 0.75rem !important;
}

input::placeholder {
  color: #999 !important;
}

.logo_squire {
  padding-top: 5px;
}

.logo_ract {
  padding-top: 5px;
}

.logo_squire img {
  width: 100%;
  padding: 20px;
}

.logo_ract img {
  width: 100%;
  padding: 20px;
}

.close {
  opacity: 1 !important;
}

.large_form .modal-header .close {
  font-size: 53px;
  position: relative;
}

.custom-file-upload {
  margin-top: 12px;
  text-align: center;
}

.custom-file-upload input[type="file"] {
  display: none;
}

.custom-file-upload .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.custom-file-upload i.fa.fa-cloud-upload {
  color: #28aff5;
}

img.blah {
  height: 75px;
  margin: auto;
  text-align: center;
  display: block;
}

.btn_close {
  color: #333;
  background: #fafafa;
  border: 1.2px solid #9f9d9d !important;
}

.btn-default {
  background: none !important;
  border: 1px solid #ccc !important;
}

.close_popup .close {
  font-size: 2.3rem !important;
  top: -8px !important;
  position: relative;
}

.close_popup h4 {
  position: relative;
  top: -10px;
  background: url(/assets/img/line.png) no-repeat;
  background-position: 0% 144%;
  background-size: 49px 13px;
}

.table_height6 {
  max-height: calc(100vh - 330px);
  /* max-height: 100px; */
}

.table_height5 {
  max-height: calc(100vh - 180px);
  /* max-height: 100px; */
}

.table_height4 {
  max-height: calc(100vh - 500px);
  /* max-height: 100px; */
}

.table_height3 {
  max-height: calc(100vh - 350px);
  /* max-height: 100px; */
}

.table_height2 {
  max-height: calc(100vh - 370px);
  /* max-height: 100px; */
}

.table_height1 {
  max-height: calc(100vh - 200px);
}

.table_height {
  max-height: calc(100vh - 213px);
  /* max-height: 100px; */
}

.table_height_custom_rate {
  max-height: calc(100vh - 235px);
}


.record_data td,
.record_data th {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.record_data td {
  font-weight: 500 !important;
  color: #000 !important;
}

.dataTables_wrapper {
  padding-top: 20px;
}

.adw_select .input-group-btn {
  position: absolute;
  right: 0px;
}

.btn_add_more {
  background: #33b5e5 !important;
  border-radius: 50% !important;
  padding: 0px 2px 2px 2px !important;
  font-weight: bold !important;
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 0.3;
  text-align: center;
  margin: auto;
}

.btn_add_less {
  background: red !important;
  border-radius: 50px !important;
  padding: 2px 8px !important;
  font-weight: bold !important;
  display: inline-block;
}

.adw_select .btn.dropdown-toggle {
  background: none;
  border-left: 1px solid #ccc;
  box-shadow: none;
  position: relative;
  height: 35px;
  z-index: 99;
}

.select_dropdown {
  background: #fff !important;
  /* box-shadow: 1px 1px 16px 1px #ccc; */
  border: 1px solid #ccc;
  border-radius: 0px;
}

.select_dropdown li:hover {
  margin-bottom: 2px !important;
  background: #eceef1;
  color: #2a58ad;
}

.select_dropdown li {
  margin-bottom: 2px !important;
  background: #fff;
}

.dropdown-toggle:after {
  color: #333;
}

.dataTables_wrapper {
  overflow: -webkit-paged-x !important;
  padding-bottom: 5px;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0px;
}

.adw_select ul li .fa {
  color: #2a58ad;
  padding: 5px 5px 5px 0px;
}

.select_dropdown {
  min-width: 306px !important;
  margin: 4px 0;
  margin-left: -266px !important;
  border-radius: 0 !important;
  overflow: auto;
  min-height: 150px;
  max-height: 150px;
  padding: 0px !important;
}

.select_dropdown li span {
  font-size: 0.8rem;
  color: #333;
  font-weight: 500;
}

.drop_left .select_dropdown {
  margin-left: -55px !important;
  margin-top: -21px;
}

.select_dropdown li {
  margin-bottom: 2px !important;
  text-align: left !important;
  display: flex;
}

.select_dropdown li:nth-child(1) {
  background: #eceef1;
}

.heading_table {
  font-size: 1rem;
  font-weight: 500;
  padding: 0px;
  margin: 0 7px;
}

.modal-content {
  border-radius: 0 !important;
}

.left_side_head .fas1 {
  color: #2a58ad;
  font-size: 1rem;
  line-height: 2.2;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  width: 35px;
  position: relative;
  right: 10px;
  border-radius: 50%;
  background: #fff;
}

.left_side_head .fa {
  color: #2a58ad;
  font-size: 1.3rem;
  padding: 8px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  width: 35px;
  position: relative;
  right: 10px;
  border-radius: 50%;
  /* top: 2px; */
  background: #fff;
}

svg {
  touch-action: none;
}

.fc-rtl {
  text-align: right;
}

.fixed_header_scroll {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
}

/*thead*/
.fixed_header_scroll thead {
  position: relative;
  display: block;
  /*seperates the header from the body allowing it to be positioned*/
  width: 100%;
  overflow: visible;
}

.fixed_header_scroll thead th {
  min-width: 120px;
  height: 32px;
  border: 1px solid #222;
}

.fixed_header_scroll thead th:nth-child(1) {
  /*first cell in the header*/
  position: relative;
  display: block;
  /*seperates the first cell in the header from the header*/
}

/*tbody*/
.fixed_header_scroll tbody {
  position: relative;
  display: block;
  /*seperates the tbody from the header*/
  width: 800px;
  height: 239px;
  overflow: scroll;
}

.fixed_header_scroll tbody td {
  min-width: 120px;
  border: 1px solid #222;
}

.fixed_header_scroll tbody tr td:nth-child(1) {
  /*the first cell in each tr*/
  position: relative;
  display: block;
  /*seperates the first column from the tbody*/
  height: 40px;
}

.highlight_box:hover {
  border: 3px solid #2a58ad96;
  transition: 2s;
}

.btn_header img {
  width: 32px;
  border: 1px solid #ccc;
  padding: 3px;
  margin: 2px;
  top: 4px;
  position: relative;
}

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

#custom-search-input {
  border-bottom: solid 1px #e4e4e4;
  position: relative;
  top: 5px;
  width: auto;
  margin-right: 10px;
  background-color: #fff;
}

#custom-search-input input {
  border: 1;
  box-shadow: none;
  width: 180px;
  padding-left: 5px;
}

#custom-search-input a {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
}

#custom-search-input a:hover {
  border: 0;
  box-shadow: none;
  /* border-left: solid 1px #ccc; */
}

.custom-search-input {
  border-bottom: solid 1px #e4e4e4;
  position: relative;
  top: 5px;
  width: 100%;
  margin-right: 10px;
  background-color: #fff;
}

.custom-search-input input {
  border: 0;
  box-shadow: none;
}

.custom-search-input a {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
}

.custom-search-input a:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}

.custom-search {
  border-bottom: solid 1px #e4e4e4;
}

.custom-search input {
  border: 0;
  box-shadow: none;
}

.custom-search a {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666 !important;
  padding: 0 8px 0 10px;
}

/*.custom-search a:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px #ccc;
        }*/

.input-group-btn .fa-search {
  font-size: 14px;
  padding: 10px 0;
}

.form-control {
  height: calc(2rem + 2px);
}

.card-header {
  font-weight: 500;
  color: #333;
  width: 100%;
  margin-bottom: 5px !important;
  padding: 0.4rem 0.25rem !important;
}

.brt {
  border-top: 1px solid #ccc;
}

.height_fix {
  min-height: 180px;
}

.logo-footer img {
  width: 150px;
}

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

table.table thead th {
  border-top: none;
  z-index: 99;
}

table.table-hover tbody tr:hover {
  transition: 0.5s;
  background-color: #eaebee8a !important;
}

table.table td,
table.table th {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 400;
  vertical-align: middle;
  word-break: break-word;
}

table.table th {
  font-weight: 600;
  color: #000;
  border: 1px solid #ccc;
  font-size: 0.75rem;
  background: #d9e3f7;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: none !important;
}

.table tfoot th {
  font-weight: 600;
  color: #333;
  border: none;
  background: #d9e3f7;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.header_scroll tr td:last-child {
  padding-right: 20px;
}

.header_scroll tr th:last-child {
  padding-right: 20px;
}

.left_side_head .far {
  color: #2a58ad;
  font-size: 1.3rem;
  padding: 8px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  width: 35px;
  position: relative;
  right: 10px;
  border-radius: 50%;
  /* top: 2px; */
  background: #fff;
}

/*ems style*/

span#inputGroupFileAddon01 {
  margin-top: 6px;
  padding-right: 10px;
  font-weight: 500;
}

.enquiry {
  height: calc(100vh - 40vh);
}

.custom-control-label:before {
  background-color: #ffffff;
  border: 1.3px solid #33b5e5 !important;
}

.bgc-grey {
  background: #edf2f5;
}

.overdue {
  background-color: #ffffdb;
}



.complete {
  background-color: #b3e2bf;
}

.edd {
  background-color: #d8bfd8;
}

.todays {
  background-color: #e6fffd;
}

.not_sent {
  background-color: #d8b2787a;
}

.approved {
  background-color: #93d1e8a8;
}

.sent {
  background-color: #97cea59c;
}

.filter-cat {
  width: 100%;
  float: left;
  align-items: center;
  display: flex;
  align-self: center;
  margin: 0 0;
  padding: 5px 0px;
}

.filter-cat li {
  list-style: none;
  display: inline-flex;
}

/*.filter-cat li:first-child {
            border: none;
            padding-left: 0;
        }*/

.divyellow {
  width: 12px;
  height: 12px;
  background-color: #ffffdb;
  border: 1px solid #e6e692;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.divblue {
  background-color: #e6fffd;
  width: 12px;
  height: 12px;
  border: 1px solid #a3d2ce;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.divgray {
  background-color: #e8e8e6;
  width: 12px;
  height: 12px;
  border: 1px solid #bfbfb9;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.divgreen {
  background-color: #0bdc41;
  width: 12px;
  height: 12px;
  border: 1px solid #0bdc41;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.divedd {
  background-color: #d8bfd8;
  width: 12px;
  height: 12px;
  border: 1px solid #d8bfd8;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.divetentative {
  background-color: #aeeabe;
  width: 12px;
  height: 12px;
  border: 1px solid #aeeabe;
  margin-top: 4px;
  float: left;
  margin-right: 4px;
}

.filter-cat li {
  float: left;
  color: #000;
  margin-bottom: 5px;
  border: 1px solid #33b5e5;
  margin-right: 10px;
  font-weight: 400;
  padding: 1px 9px;
}

:root {
  /* vars given in decimal RGB format to facilitate setting an opacity property */
  --theme-primary-color: 25, 118, 210;
  /* #1976d2 */
  --theme-light-text-color: rgb(255, 255, 255);
  /* #ffffff */
  --theme-light-color: 255, 255, 255;
  /* #ffffff */
}

.bg-theme-primary {
  background-color: #2a58ad;
}

.md-elevation-4dp .nav-tabs .nav-item {
  margin-bottom: 0;
}

.md-elevation-4dp .nav-tabs .nav-link {
  color: rgba(var(--theme-light-color), 0.7);
  border-color: transparent;
  text-align: center;
}

.md-elevation-4dp .nav {
  padding: 2px 0;
}

.md-elevation-4dp .nav-tabs .nav-link img {
  height: 25px;
}

.md-elevation-4dp .nav-tabs .nav-link p {
  margin-bottom: 0px !important;
  padding-top: 5px;
}

.md-elevation-4dp .nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link:focus {
  color: #333;
  border-bottom-width: 2px;
  background-color: #fff;
  border-radius: 0px;
}

.md-elevation-4dp .nav-tabs .nav-link:hover {
  color: rgb(42, 88, 173);
  border-color: transparent;
  background-color: rgba(var(--theme-light-color), 0.08);
}

.md-elevation-4dp .nav-tabs .nav-link.active:hover {
  border-color: rgb(var(--theme-light-color));
  background-color: transparent;
}

.tabs,
.scrtabs-tab-container,
.scrtabs-tabs-fixed-container,
.scrtabs-tab-scroll-arrow {
  height: 48.016px;
}

/* tabs component jQuery scroller */
.scrtabs-tab-scroll-arrow {
  color: var(--theme-light-text-color);
  padding: 0;
  border: none;
  line-height: 2;
}

.scrtabs-tab-scroll-arrow:hover {
  background-color: transparent;
}

.scrtabs-tab-scroll-arrow button {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.scrtabs-disable i {
  color: transparent;
}

.scrtabs-tab-scroll-arrow-left {
  text-align: right;
  width: 60px;
  padding-right: 6px;
}

.scrtabs-tab-scroll-arrow-right {
  width: 48px;
  padding-left: 6px;
}

.scrtabs-arrow-btn {
  background-color: transparent;
  height: 36px;
  width: 36px;
  padding: 0;
  color: rgb(var(--theme-light-color));
  font-size: 24px;
  line-height: 12px;
  border: 0;
}

/* .md-elevation-4dp {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} */

.md-elevation-4dp .dropdown-toggle:after {
  display: none;
}

.report {
  width: 100%;
  float: left;
  position: relative;
}

table#mytable {
  border-collapse: collapse;
  width: 100%;
  overflow-x: scroll;
  display: block;
}

#mytable tbody {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
}

#mytable thead,
#mytable tbody {
  display: block;
}

/*css for sidebar*/

.sidebar {
  bottom: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 280px;
  z-index: 1000;
  height: 100% !important;
}

.sidebar ul {
  list-style-type: none;
}

@media screen and (min-width: 992px) {
  .sidebar {
    width: 0px;
  }

  .sidebar .sidebar-inner .sidebar-logo {
    border-bottom: 1px solid transparent;
    padding: 0;
  }

  .sidebar .sidebar-inner .sidebar-logo a .logo {
    background-position: 50%;
    width: 70px;
  }

  .sidebar .sidebar-inner .sidebar-menu {
    overflow-x: hidden;
  }

  .sidebar .sidebar-inner .sidebar-menu>li>a .title {
    display: none;
  }

  .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
    opacity: 0;
  }

  .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu {
    display: none !important;
  }

  .sidebar:hover,
  .sidebar.sidebar.full-sidepanel {
    width: 220px;
  }

  .sidebar:hover .sidebar-inner .sidebar-logo,
  .sidebar.full-sidepanel .sidebar-inner .sidebar-logo {
    border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
    padding: 0 20px;
  }

  .sidebar:hover .sidebar-inner .sidebar-menu>li>a .title,
  .sidebar.full-sidepanel .sidebar-inner .sidebar-menu>li>a .title {
    display: inline-block;
  }

  .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow,
  .sidebar.full-sidepanel .sidebar-inner .sidebar-menu li.dropdown .arrow {
    opacity: 1;
  }

  .sidebar:hover .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu,
  .sidebar.full-sidepanel .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .sidebar {
    left: -280px;
    width: 250px;
  }

  .small_view {
    display: none;
  }

  .right_saerch_side {
    display: inline-block;
    justify-content: flex-end;
    width: 100%;
  }

  .btn_header1 {
    margin-bottom: 5px;
    ;
  }

  p.heading_lead {
    display: none !important;
  }
}

.sidebar-inner {
  position: relative;
  height: 100%;
}

.sidebar-logo {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  border-right: 1px solid rgba(0, 0, 0, 0.0625);
  background: #fff;
  line-height: 0;
  padding: 0 20px;
  height: 51px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sidebar-logo a {
  display: inline-block;
  width: 100%;
}

.sidebar-logo a .logo {
  background-position: 0;
  background-repeat: no-repeat;
  display: inline-block;
  min-height: 50px;
  width: 100%;
  width: 70px;
}

.sidebar-logo a .logo-text {
  color: #313435;
}

.sidebar-logo .mobile-toggle {
  display: none;
  float: right;
  font-size: 18px;
  line-height: 50px;
}

.sidebar-logo .mobile-toggle a {
  color: #72777a;
}

@media screen and (max-width: 991px) {
  .sidebar-logo .mobile-toggle {
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
  .sidebar-logo .mobile-toggle {
    display: none;
  }
}

.sidebar-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.0625);
  height: calc(100vh - 50px);
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative;
}

.sidebar-menu:after {
  display: block;
  clear: both;
  content: "";
}

.sidebar-menu .dropdown-toggle:after {
  display: none;
}

.sidebar-menu .sidebar-link.active:before {
  background: #2196f3;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: -4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.sidebar-menu li {
  position: relative;
}

.sidebar-menu li.dropdown .arrow {
  font-size: 10px;
  line-height: 40px;
  position: absolute;
  right: 30px;
  -webkit-transition: all 0.05s ease-in;
  -o-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}

@media screen and (max-width: 991px) {
  .sidebar-menu li.dropdown .arrow {
    right: 25px;
  }
}

.sidebar-menu li.dropdown.open>a {
  color: #313435;
}

.sidebar-menu li.dropdown.open>a .icon-holder {
  color: #0f9aee;
}

.sidebar-menu li.dropdown.open>a>.arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar-menu li.dropdown.open>.dropdown-menu {
  display: block;
}

.sidebar-menu li.dropdown.open>.dropdown-menu .dropdown-menu {
  padding-left: 20px;
}

.sidebar-menu li.dropdown.open>.dropdown-menu .arrow {
  line-height: 25px;
}

.sidebar-menu li a {
  color: #72777a;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar-menu li a:focus,
.sidebar-menu li a:hover {
  color: #313435;
  text-decoration: none;
}

.sidebar-menu li a:focus .icon-holder,
.sidebar-menu li a:hover .icon-holder {
  color: #0f9aee;
}

.sidebar-menu>li.dropdown ul.dropdown-menu {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
  padding-left: 50px;
  padding-top: 0;
  position: relative;
  width: 100%;
}

.sidebar-menu>li.dropdown ul.dropdown-menu>li>a {
  display: block;
  padding: 10px 15px;
}

.sidebar-menu>li.dropdown ul.dropdown-menu>li>a:focus,
.sidebar-menu>li.dropdown ul.dropdown-menu>li>a:hover {
  background-color: transparent;
  color: #313435;
}

.sidebar-menu>li.dropdown ul.dropdown-menu>li.active a {
  color: #313435;
}

.sidebar-menu>li>a {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
}

.sidebar-menu>li>a .icon-holder {
  border-radius: 6px;
  display: inline-block;
  font-size: 20px;
  height: 35px;
  left: 0;
  line-height: 35px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 30px;
}

.sidebar:hover .sidebar-menu>li>a .icon-holder,
.sidebar.full-sidepanel .sidebar-menu>li>a .icon-holder {
  font-size: 15px !important;
}

@media screen and (min-width: 1440px) {
  .is-collapsed .sidebar {
    width: 60px;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
    border-bottom: 1px solid transparent;
    padding: 0;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu {
    overflow-x: hidden;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title {
    display: none;
  }

  .is-collapsed .sidebar .sidebar-inner>div>ul>li>ul>li>a>span.title {
    display: none;
  }

  .is-collapsed .sidebar:hover .sidebar-inner>div>ul>li>ul>li>a>span.title,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner>div>ul>li>ul>li>a>span.title {
    display: inline-block !important;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
    opacity: 0;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu {
    display: none !important;
  }

  .is-collapsed .sidebar:hover,
  .is-collapsed .sidebar.full-sidepanel {
    width: 220px;
  }

  .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner .sidebar-logo {
    border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
    padding: 0 20px;
  }

  .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu>li>a .title,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner .sidebar-menu>li>a .title {
    display: inline-block;
  }

  .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner .sidebar-menu li.dropdown .arrow {
    opacity: 1;
  }

  .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .is-collapsed .sidebar {
    width: 60px;
    height: 100%;
  }

  .is-collapsed .sidebar:hover,
  .is-collapsed .sidebar.full-sidepanel {
    width: 220px;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-logo {
    border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
    padding: 0 20px;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-logo>a .logo {
    background-position: 0;
    width: 150px;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title {
    display: none;
  }

  .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu>li>a .title,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner .sidebar-menu>li>a .title {
    display: inline-block;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow {
    opacity: 1;
  }

  .is-collapsed .sidebar .arrow.plus {
    display: none !important;
  }

  .is-collapsed .sidebar:hover .arrow.plus,
  .is-collapsed .sidebar.full-sidepanel .arrow.plus {
    display: block !important;
  }

  .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu {
    display: block !important;
  }

  .is-collapsed .sidebar .sidebar-inner>div>ul>li>ul>li>a>span.title {
    display: none;
  }

  .is-collapsed .sidebar:hover .sidebar-inner>div>ul>li>ul>li>a>span.title,
  .is-collapsed .sidebar.full-sidepanel .sidebar-inner>div>ul>li>ul>li>a>span.title {
    display: inline-block !important;
  }
}

.header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  display: block;
  margin-bottom: 0;
  padding: 0;
  position: fixed;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: calc(100% - 220px);
  z-index: 800;
}

@media screen and (max-width: 991px) {
  .header {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .header {
    width: calc(100% - 0px);
  }
}

/* .header .header-container {
    height: 65px
} */

.header .header-container:after {
  display: block;
  clear: both;
  content: "";
}

.header .header-container .nav-left,
.header .header-container .nav-right {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.header .header-container .nav-left>li,
.header .header-container .nav-right>li {
  float: left;
  font-weight: 400;
}

.header .header-container .nav-left>li>a,
.header .header-container .nav-right>li>a {
  color: #72777a;
  display: block;
  line-height: 50px;
  min-height: 50px;
  padding: 0 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.header .header-container .nav-left>li>a i,
.header .header-container .nav-right>li>a i {
  font-size: 17px;
}

.header .header-container .nav-left>li>a:focus,
.header .header-container .nav-left>li>a:hover,
.header .header-container .nav-right>li>a:focus,
.header .header-container .nav-right>li>a:hover {
  color: #313435;
  text-decoration: none;
}

.header .header-container .nav-left .notifications,
.header .header-container .nav-right .notifications {
  position: relative;
}

.header .header-container .nav-left .notifications .counter,
.header .header-container .nav-right .notifications .counter {
  background-color: #ff3c7e;
  border-radius: 50px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 3px 5.5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

.header .header-container .nav-left .notifications .dropdown-menu,
.header .header-container .nav-right .notifications .dropdown-menu {
  min-width: 350px;
  padding: 0;
}

@media screen and (max-width: 767px) {

  .header .header-container .nav-left .notifications .dropdown-menu,
  .header .header-container .nav-right .notifications .dropdown-menu {
    max-width: 300px;
  }
}

.header .header-container .dropdown-menu {
  display: block;
  margin: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.header .header-container .dropdown-menu .divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625);
  height: 1px;
  overflow: hidden;
}

.header .header-container .dropdown-menu>li>a {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.header .header-container .show .dropdown-menu {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.header .header-container .nav-left {
  float: left;
  margin-left: 15px;
}

.header .header-container .nav-right {
  float: right;
}

.header .header-container .nav-right .dropdown-menu {
  left: auto;
  right: 0;
}

.header .header-container .nav-right .dropdown-menu>li {
  width: 100%;
}

.header .header-container .nav-right .dropdown-menu>li>a {
  line-height: 1.5;
  min-height: auto;
  padding: 10px 15px;
  font-size: 0.75rem;
}

.header .search-box.active .search-icon,
.header .search-box .search-icon-close {
  display: none;
}

.header .search-box.active .search-icon-close {
  display: inline-block;
}

.header .search-input {
  display: none;
}

.header .search-input.active {
  display: inline-block;
}

.header .search-input input {
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  height: 40px;
  margin-top: 12px;
  outline: none;
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .header .search-input input {
    width: 85px;
  }
}

.header .search-input input::-webkit-input-placeholder {
  color: #a6aaac;
  font-style: italic;
}

.header .search-input input:-moz-placeholder,
.header .search-input input::-moz-placeholder {
  color: #a6aaac;
  font-style: italic;
}

.header .search-input input:-ms-input-placeholder {
  color: #a6aaac;
  font-style: italic;
}

.is-collapsed .header {
  width: calc(100% - 70px);
}

@media screen and (max-width: 991px) {
  .is-collapsed .header {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .is-collapsed .header {
    width: calc(100% - 220px);
  }
}

.page-container {
  min-height: 100vh;
  padding-left: 210px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (min-width: 992px) {
  .page-container {
    padding-left: 0px;
  }
}

@media screen and (max-width: 991px) {
  .page-container {
    padding-left: 0;
  }
}

.main-content {
  padding: 60px 15px 0px !important;
  min-height: calc(100vh - 62px);
}

.main-content.showMarquee {
  padding-top: 90px !important;
}

@media screen and (max-width: 991px) {
  .main-content {
    padding: 85px 5px 5px;
  }

  .main-content.showMarquee {
    padding-top: 115px !important;
  }
}

.remain-height {
  height: calc(100vh - 126px);
}

.full-container {
  left: 220px;
  min-height: calc(100vh - 65px);
  position: absolute;
  right: 0;
  top: 65px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (min-width: 992px) {
  .full-container {
    left: 0;
    padding-left: 0px;
  }
}

@media screen and (max-width: 991px) {
  .full-container {
    left: 0;
  }
}

@media screen and (max-width: 991px) {
  .is-collapsed .page-container {
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) {
  .page-container {
    padding-left: 210px;
  }

  .is-collapsed .page-container {
    padding-left: 50px !important;
  }
}

.is-collapsed .full-container {
  left: 70px;
}

@media screen and (max-width: 991px) {
  .is-collapsed .full-container {
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .is-collapsed .full-container {
    left: 220px;
    padding-left: 0;
  }
}

.peers {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.peer {
  display: block;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.peer-greed,
.peers-greed>.peer,
.peers-greed>.peers {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.peer>img {
  max-width: none;
}

.peer-greed>img {
  max-width: 100%;
}

.layers {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-f,
.layers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-if {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.bd {
  border: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.bdT {
  border-top: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.bdR {
  border-right: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.bdB {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.bdL {
  border-left: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.bdw-0 {
  border-width: 0 !important;
}

.bdwT-0 {
  border-top-width: 0 !important;
}

.bdwR-0 {
  border-right-width: 0 !important;
}

.bdwB-0 {
  border-bottom-width: 0 !important;
}

.bdwL-0 {
  border-left-width: 0 !important;
}

.bdw-1 {
  border-width: 1px !important;
}

.bdwT-1 {
  border-top-width: 1px !important;
}

.bdwR-1 {
  border-right-width: 1px !important;
}

.bdwB-1 {
  border-bottom-width: 1px !important;
}

.bdwL-1 {
  border-left-width: 1px !important;
}

.bdw-2 {
  border-width: 2px !important;
}

.bdwT-2 {
  border-top-width: 2px !important;
}

.bdwR-2 {
  border-right-width: 2px !important;
}

.bdwB-2 {
  border-bottom-width: 2px !important;
}

.bdwL-2 {
  border-left-width: 2px !important;
}

.bdw-3 {
  border-width: 3px !important;
}

.bdwT-3 {
  border-top-width: 3px !important;
}

.bdwR-3 {
  border-right-width: 3px !important;
}

.bdwB-3 {
  border-bottom-width: 3px !important;
}

.bdwL-3 {
  border-left-width: 3px !important;
}

.bdw-4 {
  border-width: 4px !important;
}

.bdwT-4 {
  border-top-width: 4px !important;
}

.bdwR-4 {
  border-right-width: 4px !important;
}

.bdwB-4 {
  border-bottom-width: 4px !important;
}

.bdwL-4 {
  border-left-width: 4px !important;
}

.bdw-5 {
  border-width: 5px !important;
}

.bdwT-5 {
  border-top-width: 5px !important;
}

.bdwR-5 {
  border-right-width: 5px !important;
}

.bdwB-5 {
  border-bottom-width: 5px !important;
}

.bdwL-5 {
  border-left-width: 5px !important;
}

.bdrs-0 {
  border-radius: 0 !important;
}

.bdrsT-0 {
  border-top-left-radius: 0 !important;
}

.bdrsR-0,
.bdrsT-0 {
  border-top-right-radius: 0 !important;
}

.bdrsB-0,
.bdrsR-0 {
  border-bottom-right-radius: 0 !important;
}

.bdrsB-0,
.bdrsL-0 {
  border-bottom-left-radius: 0 !important;
}

.bdrsL-0 {
  border-top-left-radius: 0 !important;
}

.bdrs-1 {
  border-radius: 1px !important;
}

.bdrsT-1 {
  border-top-left-radius: 1px !important;
}

.bdrsR-1,
.bdrsT-1 {
  border-top-right-radius: 1px !important;
}

.bdrsB-1,
.bdrsR-1 {
  border-bottom-right-radius: 1px !important;
}

.bdrsB-1,
.bdrsL-1 {
  border-bottom-left-radius: 1px !important;
}

.bdrsL-1 {
  border-top-left-radius: 1px !important;
}

.bdrs-2 {
  border-radius: 2px !important;
}

.bdrsT-2 {
  border-top-left-radius: 2px !important;
}

.bdrsR-2,
.bdrsT-2 {
  border-top-right-radius: 2px !important;
}

.bdrsB-2,
.bdrsR-2 {
  border-bottom-right-radius: 2px !important;
}

.bdrsB-2,
.bdrsL-2 {
  border-bottom-left-radius: 2px !important;
}

.bdrsL-2 {
  border-top-left-radius: 2px !important;
}

.bdrs-3 {
  border-radius: 0px !important;
}

.bdrsT-3 {
  border-top-left-radius: 3px !important;
}

.bdrsR-3,
.bdrsT-3 {
  border-top-right-radius: 3px !important;
}

.bdrsB-3,
.bdrsR-3 {
  border-bottom-right-radius: 3px !important;
}

.bdrsB-3,
.bdrsL-3 {
  border-bottom-left-radius: 3px !important;
}

.bdrsL-3 {
  border-top-left-radius: 3px !important;
}

.bdrs-4 {
  border-radius: 4px !important;
}

.bdrsT-4 {
  border-top-left-radius: 4px !important;
}

.bdrsR-4,
.bdrsT-4 {
  border-top-right-radius: 4px !important;
}

.bdrsB-4,
.bdrsR-4 {
  border-bottom-right-radius: 4px !important;
}

.bdrsB-4,
.bdrsL-4 {
  border-bottom-left-radius: 4px !important;
}

.bdrsL-4 {
  border-top-left-radius: 4px !important;
}

.bdrs-50p {
  border-radius: 50% !important;
}

.bdrs-10em {
  border-radius: 10em !important;
}

.bds-n {
  border-style: none !important;
}

.bds-s {
  border-style: solid !important;
}

.bds-dt {
  border-style: dotted !important;
}

.bds-ds {
  border-style: dashed !important;
}

.bds-db {
  border-style: double !important;
}

.bds-g {
  border-style: groove !important;
}

.bds-r {
  border-style: ridge !important;
}

.bds-i {
  border-style: inset !important;
}

.bds-o {
  border-style: outset !important;
}

.no-after:after,
.no-before:before {
  display: none !important;
}

.c-white,
.cH-white:hover {
  color: #fff !important;
}

.bgc-white,
.bgcH-white:hover {
  background-color: #fff !important;
}

.bdc-white,
.bdcH-white:hover {
  border-color: #fff !important;
}

.fill-white,
.fillH-white:hover {
  fill: #fff !important;
}

.str-white,
.strH-white:hover {
  stroke: #fff !important;
}

.c-red-50,
.cH-red-50:hover {
  color: #ffebee !important;
}

.bgc-red-50,
.bgcH-red-50:hover {
  background-color: #ffebee !important;
}

.bdc-red-50,
.bdcH-red-50:hover {
  border-color: #ffebee !important;
}

.fill-red-50,
.fillH-red-50:hover {
  fill: #ffebee !important;
}

.str-red-50,
.strH-red-50:hover {
  stroke: #ffebee !important;
}

.c-red-100,
.cH-red-100:hover {
  color: #ffcdd2 !important;
}

.bgc-red-100,
.bgcH-red-100:hover {
  background-color: #ffcdd2 !important;
}

.bdc-red-100,
.bdcH-red-100:hover {
  border-color: #ffcdd2 !important;
}

.fill-red-100,
.fillH-red-100:hover {
  fill: #ffcdd2 !important;
}

.str-red-100,
.strH-red-100:hover {
  stroke: #ffcdd2 !important;
}

.c-red-200,
.cH-red-200:hover {
  color: #ef9a9a !important;
}

.bgc-red-200,
.bgcH-red-200:hover {
  background-color: #ef9a9a !important;
}

.bdc-red-200,
.bdcH-red-200:hover {
  border-color: #ef9a9a !important;
}

.fill-red-200,
.fillH-red-200:hover {
  fill: #ef9a9a !important;
}

.str-red-200,
.strH-red-200:hover {
  stroke: #ef9a9a !important;
}

.c-red-300,
.cH-red-300:hover {
  color: #e57373 !important;
}

.bgc-red-300,
.bgcH-red-300:hover {
  background-color: #e57373 !important;
}

.bdc-red-300,
.bdcH-red-300:hover {
  border-color: #e57373 !important;
}

.fill-red-300,
.fillH-red-300:hover {
  fill: #e57373 !important;
}

.str-red-300,
.strH-red-300:hover {
  stroke: #e57373 !important;
}

.c-red-400,
.cH-red-400:hover {
  color: #ef5350 !important;
}

.bgc-red-400,
.bgcH-red-400:hover {
  background-color: #ef5350 !important;
}

.bdc-red-400,
.bdcH-red-400:hover {
  border-color: #ef5350 !important;
}

.fill-red-400,
.fillH-red-400:hover {
  fill: #ef5350 !important;
}

.str-red-400,
.strH-red-400:hover {
  stroke: #ef5350 !important;
}

.c-red-500,
.cH-red-500:hover {
  color: #f44336 !important;
}

.bgc-red-500,
.bgcH-red-500:hover {
  background-color: #f44336 !important;
}

.bdc-red-500,
.bdcH-red-500:hover {
  border-color: #f44336 !important;
}

.fill-red-500,
.fillH-red-500:hover {
  fill: #f44336 !important;
}

.str-red-500,
.strH-red-500:hover {
  stroke: #f44336 !important;
}

.c-red-600,
.cH-red-600:hover {
  color: #e53935 !important;
}

.bgc-red-600,
.bgcH-red-600:hover {
  background-color: #e53935 !important;
}

.bdc-red-600,
.bdcH-red-600:hover {
  border-color: #e53935 !important;
}

.fill-red-600,
.fillH-red-600:hover {
  fill: #e53935 !important;
}

.str-red-600,
.strH-red-600:hover {
  stroke: #e53935 !important;
}

.c-red-700,
.cH-red-700:hover {
  color: #d32f2f !important;
}

.bgc-red-700,
.bgcH-red-700:hover {
  background-color: #d32f2f !important;
}

.bdc-red-700,
.bdcH-red-700:hover {
  border-color: #d32f2f !important;
}

.fill-red-700,
.fillH-red-700:hover {
  fill: #d32f2f !important;
}

.str-red-700,
.strH-red-700:hover {
  stroke: #d32f2f !important;
}

.c-red-800,
.cH-red-800:hover {
  color: #c62828 !important;
}

.bgc-red-800,
.bgcH-red-800:hover {
  background-color: #c62828 !important;
}

.bdc-red-800,
.bdcH-red-800:hover {
  border-color: #c62828 !important;
}

.fill-red-800,
.fillH-red-800:hover {
  fill: #c62828 !important;
}

.str-red-800,
.strH-red-800:hover {
  stroke: #c62828 !important;
}

.c-red-900,
.cH-red-900:hover {
  color: #b71c1c !important;
}

.bgc-red-900,
.bgcH-red-900:hover {
  background-color: #b71c1c !important;
}

.bdc-red-900,
.bdcH-red-900:hover {
  border-color: #b71c1c !important;
}

.fill-red-900,
.fillH-red-900:hover {
  fill: #b71c1c !important;
}

.str-red-900,
.strH-red-900:hover {
  stroke: #b71c1c !important;
}

.c-red-a100,
.cH-red-a100:hover {
  color: #ff8a80 !important;
}

.bgc-red-a100,
.bgcH-red-a100:hover {
  background-color: #ff8a80 !important;
}

.bdc-red-a100,
.bdcH-red-a100:hover {
  border-color: #ff8a80 !important;
}

.fill-red-a100,
.fillH-red-a100:hover {
  fill: #ff8a80 !important;
}

.str-red-a100,
.strH-red-a100:hover {
  stroke: #ff8a80 !important;
}

.c-red-a200,
.cH-red-a200:hover {
  color: #ff5252 !important;
}

.bgc-red-a200,
.bgcH-red-a200:hover {
  background-color: #ff5252 !important;
}

.bdc-red-a200,
.bdcH-red-a200:hover {
  border-color: #ff5252 !important;
}

.fill-red-a200,
.fillH-red-a200:hover {
  fill: #ff5252 !important;
}

.str-red-a200,
.strH-red-a200:hover {
  stroke: #ff5252 !important;
}

.c-red-a400,
.cH-red-a400:hover {
  color: #ff1744 !important;
}

.bgc-red-a400,
.bgcH-red-a400:hover {
  background-color: #ff1744 !important;
}

.bdc-red-a400,
.bdcH-red-a400:hover {
  border-color: #ff1744 !important;
}

.fill-red-a400,
.fillH-red-a400:hover {
  fill: #ff1744 !important;
}

.str-red-a400,
.strH-red-a400:hover {
  stroke: #ff1744 !important;
}

.c-red-a700,
.cH-red-a700:hover {
  color: #d50000 !important;
}

.bgc-red-a700,
.bgcH-red-a700:hover {
  background-color: #d50000 !important;
}

.bdc-red-a700,
.bdcH-red-a700:hover {
  border-color: #d50000 !important;
}

.fill-red-a700,
.fillH-red-a700:hover {
  fill: #d50000 !important;
}

.str-red-a700,
.strH-red-a700:hover {
  stroke: #d50000 !important;
}

.c-pink-50,
.cH-pink-50:hover {
  color: #fce4ec !important;
}

.bgc-pink-50,
.bgcH-pink-50:hover {
  background-color: #fce4ec !important;
}

.bdc-pink-50,
.bdcH-pink-50:hover {
  border-color: #fce4ec !important;
}

.fill-pink-50,
.fillH-pink-50:hover {
  fill: #fce4ec !important;
}

.str-pink-50,
.strH-pink-50:hover {
  stroke: #fce4ec !important;
}

.c-pink-100,
.cH-pink-100:hover {
  color: #f8bbd0 !important;
}

.bgc-pink-100,
.bgcH-pink-100:hover {
  background-color: #f8bbd0 !important;
}

.bdc-pink-100,
.bdcH-pink-100:hover {
  border-color: #f8bbd0 !important;
}

.fill-pink-100,
.fillH-pink-100:hover {
  fill: #f8bbd0 !important;
}

.str-pink-100,
.strH-pink-100:hover {
  stroke: #f8bbd0 !important;
}

.c-pink-200,
.cH-pink-200:hover {
  color: #f48fb1 !important;
}

.bgc-pink-200,
.bgcH-pink-200:hover {
  background-color: #f48fb1 !important;
}

.bdc-pink-200,
.bdcH-pink-200:hover {
  border-color: #f48fb1 !important;
}

.fill-pink-200,
.fillH-pink-200:hover {
  fill: #f48fb1 !important;
}

.str-pink-200,
.strH-pink-200:hover {
  stroke: #f48fb1 !important;
}

.c-pink-300,
.cH-pink-300:hover {
  color: #f06292 !important;
}

.bgc-pink-300,
.bgcH-pink-300:hover {
  background-color: #f06292 !important;
}

.bdc-pink-300,
.bdcH-pink-300:hover {
  border-color: #f06292 !important;
}

.fill-pink-300,
.fillH-pink-300:hover {
  fill: #f06292 !important;
}

.str-pink-300,
.strH-pink-300:hover {
  stroke: #f06292 !important;
}

.c-pink-400,
.cH-pink-400:hover {
  color: #ec407a !important;
}

.bgc-pink-400,
.bgcH-pink-400:hover {
  background-color: #ec407a !important;
}

.bdc-pink-400,
.bdcH-pink-400:hover {
  border-color: #ec407a !important;
}

.fill-pink-400,
.fillH-pink-400:hover {
  fill: #ec407a !important;
}

.str-pink-400,
.strH-pink-400:hover {
  stroke: #ec407a !important;
}

.c-pink-500,
.cH-pink-500:hover {
  color: #e91e63 !important;
}

.bgc-pink-500,
.bgcH-pink-500:hover {
  background-color: #e91e63 !important;
}

.bdc-pink-500,
.bdcH-pink-500:hover {
  border-color: #e91e63 !important;
}

.fill-pink-500,
.fillH-pink-500:hover {
  fill: #e91e63 !important;
}

.str-pink-500,
.strH-pink-500:hover {
  stroke: #e91e63 !important;
}

.c-pink-600,
.cH-pink-600:hover {
  color: #d81b60 !important;
}

.bgc-pink-600,
.bgcH-pink-600:hover {
  background-color: #d81b60 !important;
}

.bdc-pink-600,
.bdcH-pink-600:hover {
  border-color: #d81b60 !important;
}

.fill-pink-600,
.fillH-pink-600:hover {
  fill: #d81b60 !important;
}

.str-pink-600,
.strH-pink-600:hover {
  stroke: #d81b60 !important;
}

.c-pink-700,
.cH-pink-700:hover {
  color: #c2185b !important;
}

.bgc-pink-700,
.bgcH-pink-700:hover {
  background-color: #c2185b !important;
}

.bdc-pink-700,
.bdcH-pink-700:hover {
  border-color: #c2185b !important;
}

.fill-pink-700,
.fillH-pink-700:hover {
  fill: #c2185b !important;
}

.str-pink-700,
.strH-pink-700:hover {
  stroke: #c2185b !important;
}

.c-pink-800,
.cH-pink-800:hover {
  color: #ad1457 !important;
}

.bgc-pink-800,
.bgcH-pink-800:hover {
  background-color: #ad1457 !important;
}

.bdc-pink-800,
.bdcH-pink-800:hover {
  border-color: #ad1457 !important;
}

.fill-pink-800,
.fillH-pink-800:hover {
  fill: #ad1457 !important;
}

.str-pink-800,
.strH-pink-800:hover {
  stroke: #ad1457 !important;
}

.c-pink-900,
.cH-pink-900:hover {
  color: #880e4f !important;
}

.bgc-pink-900,
.bgcH-pink-900:hover {
  background-color: #880e4f !important;
}

.bdc-pink-900,
.bdcH-pink-900:hover {
  border-color: #880e4f !important;
}

.fill-pink-900,
.fillH-pink-900:hover {
  fill: #880e4f !important;
}

.str-pink-900,
.strH-pink-900:hover {
  stroke: #880e4f !important;
}

.c-pink-a100,
.cH-pink-a100:hover {
  color: #ff80ab !important;
}

.sz-2r,
.w-2r {
  width: 32px;
  width: 2rem;
}

.fsz-sm {
  font-size: 13.92px !important;
  font-size: 0.87rem !important;
}

.mR-10 {
  margin-right: 10px !important;
}

.d-b {
  display: block !important;
}

.td-n {
  text-decoration: none !important;
}

.c-grey-900,
.cH-grey-900:hover {
  color: #313435 !important;
}

.c-grey-900,
.cH-grey-900:hover {
  color: #212121 !important;
}

.p-20 {
  padding: 20px !important;
}

.mB-20 {
  margin-bottom: 20px !important;
}

.pX-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bdT {
  border-top: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.ta-c {
  text-align: center !important;
}

.pY-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pY-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.bdB {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0625) !important;
}

.sz-3r,
.w-3r {
  width: 48px;
  width: 3rem;
}

.c-grey-900,
.cH-grey-900:hover {
  color: #313435 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fsz-sm {
  font-size: 0.75rem !important;
}

.pos-r {
  position: relative !important;
}

.lis-n {
  list-style: none;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.ps {
  overflow: hidden !important;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.bgc-brown-400,
.bgcH-brown-400:hover {
  background-color: #8d6e63 !important;
}

.bdc-brown-400,
.bdcH-brown-400:hover {
  border-color: #8d6e63 !important;
}

.fill-brown-400,
.fillH-brown-400:hover {
  fill: #8d6e63 !important;
}

.str-brown-400,
.strH-brown-400:hover {
  stroke: #8d6e63 !important;
}

.c-brown-500,
.cH-brown-500:hover {
  color: #795548 !important;
}

.bgc-brown-500,
.bgcH-brown-500:hover {
  background-color: #795548 !important;
}

.bdc-brown-500,
.bdcH-brown-500:hover {
  border-color: #795548 !important;
}

.fill-brown-500,
.fillH-brown-500:hover {
  fill: #795548 !important;
}

.str-brown-500,
.strH-brown-500:hover {
  stroke: #795548 !important;
}

.c-brown-600,
.cH-brown-600:hover {
  color: #6d4c41 !important;
}

.bgc-brown-600,
.bgcH-brown-600:hover {
  background-color: #6d4c41 !important;
}

.bdc-brown-600,
.bdcH-brown-600:hover {
  border-color: #6d4c41 !important;
}

.fill-brown-600,
.fillH-brown-600:hover {
  fill: #6d4c41 !important;
}

.str-brown-600,
.strH-brown-600:hover {
  stroke: #6d4c41 !important;
}

.c-brown-700,
.cH-brown-700:hover {
  color: #5d4037 !important;
}

.bgc-brown-700,
.bgcH-brown-700:hover {
  background-color: #5d4037 !important;
}

.bdc-brown-700,
.bdcH-brown-700:hover {
  border-color: #5d4037 !important;
}

.fill-brown-700,
.fillH-brown-700:hover {
  fill: #5d4037 !important;
}

.str-brown-700,
.strH-brown-700:hover {
  stroke: #5d4037 !important;
}

.c-brown-800,
.cH-brown-800:hover {
  color: #4e342e !important;
}

.bgc-brown-800,
.bgcH-brown-800:hover {
  background-color: #4e342e !important;
}

.bdc-brown-800,
.bdcH-brown-800:hover {
  border-color: #4e342e !important;
}

.fill-brown-800,
.fillH-brown-800:hover {
  fill: #4e342e !important;
}

.str-brown-800,
.strH-brown-800:hover {
  stroke: #4e342e !important;
}

.c-brown-900,
.cH-brown-900:hover {
  color: #3e2723 !important;
}

.bgc-brown-900,
.bgcH-brown-900:hover {
  background-color: #3e2723 !important;
}

.bdc-brown-900,
.bdcH-brown-900:hover {
  border-color: #3e2723 !important;
}

.fill-brown-900,
.fillH-brown-900:hover {
  fill: #3e2723 !important;
}

.str-brown-900,
.strH-brown-900:hover {
  stroke: #3e2723 !important;
}

.c-grey-50,
.cH-grey-50:hover {
  color: #fafafa !important;
}

.bgc-grey-50,
.bgcH-grey-50:hover {
  background-color: #fafafa !important;
}

.bdc-grey-50,
.bdcH-grey-50:hover {
  border-color: #fafafa !important;
}

.fill-grey-50,
.fillH-grey-50:hover {
  fill: #fafafa !important;
}

.str-grey-50,
.strH-grey-50:hover {
  stroke: #fafafa !important;
}

.c-grey-100,
.cH-grey-100:hover {
  color: #f5f5f5 !important;
}

/*.bgc-grey-100, .bgcH-grey-100:hover {
    background-color: #f5f5f5 !important
}*/

.bdc-grey-100,
.bdcH-grey-100:hover {
  border-color: #f5f5f5 !important;
}

.fill-grey-100,
.fillH-grey-100:hover {
  fill: #f5f5f5 !important;
}

.str-grey-100,
.strH-grey-100:hover {
  stroke: #f5f5f5 !important;
}

.c-grey-200,
.cH-grey-200:hover {
  color: #eee !important;
}

.bgc-grey-200,
.bgcH-grey-200:hover {
  background-color: #eee !important;
}

.bdc-grey-200,
.bdcH-grey-200:hover {
  border-color: #eee !important;
}

.fill-grey-200,
.fillH-grey-200:hover {
  fill: #eee !important;
}

.str-grey-200,
.strH-grey-200:hover {
  stroke: #eee !important;
}

.c-grey-300,
.cH-grey-300:hover {
  color: #e0e0e0 !important;
}

.bgc-grey-300,
.bgcH-grey-300:hover {
  background-color: #e0e0e0 !important;
}

.bdc-grey-300,
.bdcH-grey-300:hover {
  border-color: #e0e0e0 !important;
}

.fill-grey-300,
.fillH-grey-300:hover {
  fill: #e0e0e0 !important;
}

.str-grey-300,
.strH-grey-300:hover {
  stroke: #e0e0e0 !important;
}

.c-grey-400,
.cH-grey-400:hover {
  color: #bdbdbd !important;
}

.bgc-grey-400,
.bgcH-grey-400:hover {
  background-color: #bdbdbd !important;
}

.bdc-grey-400,
.bdcH-grey-400:hover {
  border-color: #bdbdbd !important;
}

.fill-grey-400,
.fillH-grey-400:hover {
  fill: #bdbdbd !important;
}

.str-grey-400,
.strH-grey-400:hover {
  stroke: #bdbdbd !important;
}

.c-grey-500,
.cH-grey-500:hover {
  color: #9e9e9e !important;
}

.bgc-grey-500,
.bgcH-grey-500:hover {
  background-color: #9e9e9e !important;
}

.bdc-grey-500,
.bdcH-grey-500:hover {
  border-color: #9e9e9e !important;
}

.fill-grey-500,
.fillH-grey-500:hover {
  fill: #9e9e9e !important;
}

.str-grey-500,
.strH-grey-500:hover {
  stroke: #9e9e9e !important;
}

.c-grey-600,
.cH-grey-600:hover {
  color: #757575 !important;
}

.bgc-grey-600,
.bgcH-grey-600:hover {
  background-color: #757575 !important;
}

.bdc-grey-600,
.bdcH-grey-600:hover {
  border-color: #757575 !important;
}

.fill-grey-600,
.fillH-grey-600:hover {
  fill: #757575 !important;
}

.str-grey-600,
.strH-grey-600:hover {
  stroke: #757575 !important;
}

.c-grey-700,
.cH-grey-700:hover {
  color: #616161 !important;
}

.bgc-grey-700,
.bgcH-grey-700:hover {
  background-color: #616161 !important;
}

.bdc-grey-700,
.bdcH-grey-700:hover {
  border-color: #616161 !important;
}

.fill-grey-700,
.fillH-grey-700:hover {
  fill: #616161 !important;
}

.str-grey-700,
.strH-grey-700:hover {
  stroke: #616161 !important;
}

.c-grey-800,
.cH-grey-800:hover {
  color: #424242 !important;
}

.bgc-grey-800,
.bgcH-grey-800:hover {
  background-color: #424242 !important;
}

.bdc-grey-800,
.bdcH-grey-800:hover {
  border-color: #424242 !important;
}

.fill-grey-800,
.fillH-grey-800:hover {
  fill: #424242 !important;
}

.str-grey-800,
.strH-grey-800:hover {
  stroke: #424242 !important;
}

.c-grey-900,
.cH-grey-900:hover {
  color: #212121 !important;
}

.bgc-grey-900,
.bgcH-grey-900:hover {
  background-color: #212121 !important;
}

.bdc-grey-900,
.bdcH-grey-900:hover {
  border-color: #212121 !important;
}

.fill-grey-900,
.fillH-grey-900:hover {
  fill: #212121 !important;
}

.str-grey-900,
.strH-grey-900:hover {
  stroke: #212121 !important;
}

.c-blue-grey-50,
.cH-blue-grey-50:hover {
  color: #eceff1 !important;
}

.bgc-blue-grey-50,
.bgcH-blue-grey-50:hover {
  background-color: #eceff1 !important;
}

.bdc-blue-grey-50,
.bdcH-blue-grey-50:hover {
  border-color: #eceff1 !important;
}

.fill-blue-grey-50,
.fillH-blue-grey-50:hover {
  fill: #eceff1 !important;
}

.str-blue-grey-50,
.strH-blue-grey-50:hover {
  stroke: #eceff1 !important;
}

.c-blue-grey-100,
.cH-blue-grey-100:hover {
  color: #cfd8dc !important;
}

.bgc-blue-grey-100,
.bgcH-blue-grey-100:hover {
  background-color: #cfd8dc !important;
}

.bdc-blue-grey-100,
.bdcH-blue-grey-100:hover {
  border-color: #cfd8dc !important;
}

.fill-blue-grey-100,
.fillH-blue-grey-100:hover {
  fill: #cfd8dc !important;
}

.str-blue-grey-100,
.strH-blue-grey-100:hover {
  stroke: #cfd8dc !important;
}

.c-blue-grey-200,
.cH-blue-grey-200:hover {
  color: #b0bec5 !important;
}

.bgc-blue-grey-200,
.bgcH-blue-grey-200:hover {
  background-color: #b0bec5 !important;
}

.bdc-blue-grey-200,
.bdcH-blue-grey-200:hover {
  border-color: #b0bec5 !important;
}

.fill-blue-grey-200,
.fillH-blue-grey-200:hover {
  fill: #b0bec5 !important;
}

.str-blue-grey-200,
.strH-blue-grey-200:hover {
  stroke: #b0bec5 !important;
}

.c-blue-grey-300,
.cH-blue-grey-300:hover {
  color: #90a4ae !important;
}

.bgc-blue-grey-300,
.bgcH-blue-grey-300:hover {
  background-color: #90a4ae !important;
}

.bdc-blue-grey-300,
.bdcH-blue-grey-300:hover {
  border-color: #90a4ae !important;
}

.fill-blue-grey-300,
.fillH-blue-grey-300:hover {
  fill: #90a4ae !important;
}

.str-blue-grey-300,
.strH-blue-grey-300:hover {
  stroke: #90a4ae !important;
}

.c-blue-grey-400,
.cH-blue-grey-400:hover {
  color: #78909c !important;
}

.bgc-blue-grey-400,
.bgcH-blue-grey-400:hover {
  background-color: #78909c !important;
}

.bdc-blue-grey-400,
.bdcH-blue-grey-400:hover {
  border-color: #78909c !important;
}

.fill-blue-grey-400,
.fillH-blue-grey-400:hover {
  fill: #78909c !important;
}

.str-blue-grey-400,
.strH-blue-grey-400:hover {
  stroke: #78909c !important;
}

.c-blue-grey-500,
.cH-blue-grey-500:hover {
  color: #607d8b !important;
}

.bgc-blue-grey-500,
.bgcH-blue-grey-500:hover {
  background-color: #607d8b !important;
}

.bdc-blue-grey-500,
.bdcH-blue-grey-500:hover {
  border-color: #607d8b !important;
}

.fill-blue-grey-500,
.fillH-blue-grey-500:hover {
  fill: #607d8b !important;
}

.str-blue-grey-500,
.strH-blue-grey-500:hover {
  stroke: #607d8b !important;
}

.c-blue-grey-600,
.cH-blue-grey-600:hover {
  color: #546e7a !important;
}

.bgc-blue-grey-600,
.bgcH-blue-grey-600:hover {
  background-color: #546e7a !important;
}

.bdc-blue-grey-600,
.bdcH-blue-grey-600:hover {
  border-color: #546e7a !important;
}

.fill-blue-grey-600,
.fillH-blue-grey-600:hover {
  fill: #546e7a !important;
}

.str-blue-grey-600,
.strH-blue-grey-600:hover {
  stroke: #546e7a !important;
}

.c-blue-grey-700,
.cH-blue-grey-700:hover {
  color: #455a64 !important;
}

.bgc-blue-grey-700,
.bgcH-blue-grey-700:hover {
  background-color: #455a64 !important;
}

.bdc-blue-grey-700,
.bdcH-blue-grey-700:hover {
  border-color: #455a64 !important;
}

.fill-blue-grey-700,
.fillH-blue-grey-700:hover {
  fill: #455a64 !important;
}

.str-blue-grey-700,
.strH-blue-grey-700:hover {
  stroke: #455a64 !important;
}

.c-blue-grey-800,
.cH-blue-grey-800:hover {
  color: #37474f !important;
}

.bgc-blue-grey-800,
.bgcH-blue-grey-800:hover {
  background-color: #37474f !important;
}

.bdc-blue-grey-800,
.bdcH-blue-grey-800:hover {
  border-color: #37474f !important;
}

.fill-blue-grey-800,
.fillH-blue-grey-800:hover {
  fill: #37474f !important;
}

.str-blue-grey-800,
.strH-blue-grey-800:hover {
  stroke: #37474f !important;
}

.c-blue-grey-900,
.cH-blue-grey-900:hover {
  color: #263238 !important;
}

.bgc-blue-grey-900,
.bgcH-blue-grey-900:hover {
  background-color: #263238 !important;
}

.bdc-blue-grey-900,
.bdcH-blue-grey-900:hover {
  border-color: #263238 !important;
}

.fill-blue-grey-900,
.fillH-blue-grey-900:hover {
  fill: #263238 !important;
}

.str-blue-grey-900,
.strH-blue-grey-900:hover {
  stroke: #263238 !important;
}

.c-grey-100,
.cH-grey-100:hover {
  color: #f9fafb !important;
}

/*.bgc-grey-100, .bgcH-grey-100:hover {
    background-color: #f9fafb !important
}*/

.bdc-grey-100,
.bdcH-grey-100:hover {
  border-color: #f9fafb !important;
}

.fill-grey-100,
.fillH-grey-100:hover {
  fill: #f9fafb !important;
}

.str-grey-100,
.strH-grey-100:hover {
  stroke: #f9fafb !important;
}

.c-grey-200,
.cH-grey-200:hover {
  color: #f2f3f5 !important;
}

.bgc-grey-200,
.bgcH-grey-200:hover {
  background-color: #f2f3f5 !important;
}

.bdc-grey-200,
.bdcH-grey-200:hover {
  border-color: #f2f3f5 !important;
}

.fill-grey-200,
.fillH-grey-200:hover {
  fill: #f2f3f5 !important;
}

.str-grey-200,
.strH-grey-200:hover {
  stroke: #f2f3f5 !important;
}

.c-grey-300,
.cH-grey-300:hover {
  color: #e6eaf0 !important;
}

.bgc-grey-300,
.bgcH-grey-300:hover {
  background-color: #e6eaf0 !important;
}

.bdc-grey-300,
.bdcH-grey-300:hover {
  border-color: #e6eaf0 !important;
}

.fill-grey-300,
.fillH-grey-300:hover {
  fill: #e6eaf0 !important;
}

.str-grey-300,
.strH-grey-300:hover {
  stroke: #e6eaf0 !important;
}

.c-grey-400,
.cH-grey-400:hover {
  color: #d3d9e3 !important;
}

.bgc-grey-400,
.bgcH-grey-400:hover {
  background-color: #d3d9e3 !important;
}

.bdc-grey-400,
.bdcH-grey-400:hover {
  border-color: #d3d9e3 !important;
}

.fill-grey-400,
.fillH-grey-400:hover {
  fill: #d3d9e3 !important;
}

.str-grey-400,
.strH-grey-400:hover {
  stroke: #d3d9e3 !important;
}

.c-grey-500,
.cH-grey-500:hover {
  color: #b9c2d0 !important;
}

.bgc-grey-500,
.bgcH-grey-500:hover {
  background-color: #b9c2d0 !important;
}

.bdc-grey-500,
.bdcH-grey-500:hover {
  border-color: #b9c2d0 !important;
}

.fill-grey-500,
.fillH-grey-500:hover {
  fill: #b9c2d0 !important;
}

.str-grey-500,
.strH-grey-500:hover {
  stroke: #b9c2d0 !important;
}

.c-grey-600,
.cH-grey-600:hover {
  color: #7c8695 !important;
}

.bgc-grey-600,
.bgcH-grey-600:hover {
  background-color: #7c8695 !important;
}

.bdc-grey-600,
.bdcH-grey-600:hover {
  border-color: #7c8695 !important;
}

.fill-grey-600,
.fillH-grey-600:hover {
  fill: #7c8695 !important;
}

.str-grey-600,
.strH-grey-600:hover {
  stroke: #7c8695 !important;
}

.c-grey-700,
.cH-grey-700:hover {
  color: #000000 !important;
}

.bgc-grey-700,
.bgcH-grey-700:hover {
  background-color: #72777a !important;
}

.bdc-grey-700,
.bdcH-grey-700:hover {
  border-color: #72777a !important;
}

.fill-grey-700,
.fillH-grey-700:hover {
  fill: #72777a !important;
}

.str-grey-700,
.strH-grey-700:hover {
  stroke: #72777a !important;
}

.c-grey-800,
.cH-grey-800:hover {
  color: #565a5c !important;
}

.bgc-grey-800,
.bgcH-grey-800:hover {
  background-color: #565a5c !important;
}

.bdc-grey-800,
.bdcH-grey-800:hover {
  border-color: #565a5c !important;
}

.fill-grey-800,
.fillH-grey-800:hover {
  fill: #565a5c !important;
}

.str-grey-800,
.strH-grey-800:hover {
  stroke: #565a5c !important;
}

.c-grey-900,
.cH-grey-900:hover {
  color: #313435 !important;
}

.bgc-grey-900,
.bgcH-grey-900:hover {
  background-color: #313435 !important;
}

.bdc-grey-900,
.bdcH-grey-900:hover {
  border-color: #313435 !important;
}

.fill-grey-900,
.fillH-grey-900:hover {
  fill: #313435 !important;
}

.str-grey-900,
.strH-grey-900:hover {
  stroke: #313435 !important;
}


.jc-fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jc-sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.fx-n {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.fx-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fxw-nw {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.mR-15 {
  margin-right: 15px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-15 {
  padding: 15px !important;
}

.lh-0 {
  line-height: 0 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.p-10 {
  padding: 10px !important;
}

.mB-5 {
  margin-bottom: 5px !important;
}

.enquiry .custom-control-label::before {
  top: -0.45rem !important;
}

/* Scrollbar css */

.scrollable::-webkit-scrollbar,
.scrollable::-webkit-scrollbar-thumb {
  width: 26px;
  border-radius: 13px;
  /* background-clip: padding-box; */
  border: 10px solid transparent;
}

.scrollable::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px;
}

.scrollable:hover {
  color: rgba(0, 0, 0, 0.3);
}

.sidebar-submenu {
  position: relative;
  overflow: auto;
  border-radius: 3px;
  overflow: auto;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 black;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transition: color 0.3s ease;
}

/* Scrollbar css end */

.error_msg {
  color: #d82121;
  text-align: left;
  font-size: 0.8rem;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 1024px !important;
  }

  .modal-lg1 {
    max-width: 1300px !important;
    min-height: 200px;
  }
}

.delete_icon {
  color: red;
  font-size: 18px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.addredd_book {
  box-shadow: none;
  height: 180px;
  overflow: auto;
}

.addredd_book .add_btn {
  text-align: center;
  font-size: 25px;
}

.addredd_book h6 {
  text-align: center;
  font-weight: 500 !important;
  padding-top: 15px;
}

.add_btn i {
  color: #2a58ad;
  font-size: 30px;
}

.addredd_book p {
  margin-bottom: 0px;
}

.addredd_book h5 {
  font-weight: 500 !important;
  font-size: 1rem !important;
}

.card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.enquiry-tag {
  position: static;
  z-index: 999999;
}

#toast {
  visibility: hidden;
  max-width: 50px;
  height: 50px;
  /*margin-left: -125px;*/
  margin: auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10px;
  font-size: 17px;
  white-space: nowrap;
}

#toast #img {
  width: 50px;
  height: 50px;
  float: left;
  padding-top: 16px;
  padding-bottom: 16px;
  box-sizing: border-box;
  background-color: #111;
  color: #fff;
}

#toast #desc {
  color: #fff;
  padding: 16px;
  overflow: hidden;
  white-space: nowrap;
}

#toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s,
    fadeout 0.5s 2.5s;
  animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s,
    fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes expand {
  from {
    min-width: 50px;
  }

  to {
    min-width: 350px;
  }
}

@keyframes expand {
  from {
    min-width: 50px;
  }

  to {
    min-width: 350px;
  }
}

@-webkit-keyframes stay {
  from {
    min-width: 350px;
  }

  to {
    min-width: 350px;
  }
}

@keyframes stay {
  from {
    min-width: 350px;
  }

  to {
    min-width: 350px;
  }
}

@-webkit-keyframes shrink {
  from {
    min-width: 350px;
  }

  to {
    min-width: 50px;
  }
}

@keyframes shrink {
  from {
    min-width: 350px;
  }

  to {
    min-width: 50px;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 60px;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 60px;
    opacity: 0;
  }
}

.enquiry-tag .dropdown-menu {
  margin: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

/*.fixTable {
    width: 2600px !important;
}*/

.small_srcoll {
  width: 1200px !important;
}

.custom-control {
  display: inline-flex;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background: #0000009e;
}

.entercode {
  width: 70%;
  margin-top: 6px;
}

.orc {
  text-align: center;
  margin: auto;
  display: block;
}

.discount_text {
  width: 60%;
}

.discount_type {
  width: 45%;
  border-left: none;
  padding: 0px;
}

.discount {
  display: flex;
}

.Input_width {
  width: 70%;
}

.code_text {
  width: 70%;
}

.code_type {
  width: 30%;
}

.mobile_code {
  display: flex;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.editable_tbl th {
  font-weight: 500;
  color: #000 !important;
  background: #e2e9eb !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.editable_tbl .selected_row {
  box-shadow: -3px 1px 3px 1px #8e8a8a;
}

.editable_tbl thead th:nth-child(1) {
  border-left: none;
}

.actionBtn .fa-trash {
  color: #615e5e;
  padding: 5px;
}

.actionBtn .fa-edit {
  color: #33b5e5;
  padding: 5px;
}

.editable_tbl thead th {
  border-left: 1px solid #ccc;
  min-width: 130px;
}

.editable_tbl .default_row td:nth-child(1) {
  border-left: none;
}

.editable_tbl .default_row td {
  border-left: 1px solid #ccc;
}

.action_btn {
  display: flex;
  align-items: center;
}

.action_btn a i {
  font-size: 16px !important;
  color: #615e5e;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 7px;
}

::-webkit-scrollbar:horizontal {
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  /* border: 2px solid white; */
  background-color: rgb(134, 134, 134);
}

::-webkit-scrollbar-track {
  /* background-color: #fff; */
  border-radius: 8px;
}

.profile-pic {
  position: relative;
  display: inline-block;
}

.profile-pic:hover .edit {
  display: block;
}

.addredd_book:hover {
  background: #ffffff;
  color: #000;
  box-shadow: 1px 1px 8px 0px #ccc;
  transition: 0.8s;
}

.edit {
  padding-top: 7px;
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.edit a {
  color: #fff;
  font-size: 16px;
  padding: 0 5px;
}

.edit:hover a {
  color: #33b5e5;
}

.addredd_book:hover .add_btn i {
  color: #333 !important;
}

::-webkit-input-placeholder {
  color: #333 !important;
}

::-moz-placeholder {
  color: #333 !important;
}

:-ms-input-placeholder {
  color: #333 !important;
}

:-moz-placeholder {
  color: #333 !important;
}

.form-control {
  color: #333 !important;
  font-weight: 500 !important;
}

.successTextBoxBorder:focus {
  color: #495057;
  background-color: #fff;
  border-color: #28aff5 !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25) !important;
}

.errorTextBoxBorder:focus {
  color: #495057;
  /* background-color: #fff; */
  border-color: #ff3547 !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ff35476b;
}

.errorSelecto {
  border-left: 2px solid red !important;
  outline: 0 !important;
}

.tab-Invalid {
  color: red !important;
  border-color: red !important;
}

.recordNotFound {
  text-align: center;
  color: #000;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: capitalize;
}

.profile-pic1 {
  vertical-align: middle;
  align-items: center;
  text-align: center;
  min-width: 72px;
  z-index: 99999;
}

.edit1 {
  text-align: center;
  /* position: absolute; */
  display: none;
}

.edit1 a {
  color: #72777a !important;
  padding: 0 5px;
}

.edit1:hover a {
  color: #333;
}

.default_row:hover .edit1 {
  display: flex;
  align-items: center;
  text-align: center;
}

.test-center {
  text-align: center;
  margin: auto;
  display: block;
}

.highlight_image {
  background: #fff;
  text-align: center;
  padding: 10px;
  border: 1px solid #e8e5e5;
  margin-bottom: 25px;
}

.highlight_image:hover {
  box-shadow: 1px 1px 1px 1px #ccc;
  transition: 2s;
}

.highlight_image img {
  text-align: center;
  margin: auto;
  min-height: 100px;
  max-height: 100px;
  display: block;
}

.highlight_image .edit2 a {
  color: #999;
}

.highlight_image:hover .edit2 {
  display: block;
}

.edit2 {
  padding-top: 4px;
  padding-right: -12px;
  position: absolute;
  right: 20px;
  top: 0;
  display: none;
}

.multiselect-dropdown .dropdown-btn {
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0% !important;
}

.multiselect-dropdown .dropdown-btn {
  font-size: 14px;
  color: grey;
}

#item_form .toast {
  width: 90%;
  background: #fff !important;
  padding: 6px;
  border: 1px solid #8080804a;
  color: grey;
  font-weight: 300;
  opacity: 0.7;
}

.left_item .custom-file-upload {
  font-weight: 500;
  color: #333;
}

.image-cross-icon {
  color: black;
  font-size: 1rem;
  font-weight: 300;
  opacity: 0.7 !important;
  padding: 0 10px 10px 10px;
  position: relative;
}

.center-img {
  background-position: 50% 30%;
  object-position: center;
  object-fit: cover;
  height: 200px;
  max-height: 200px;
  min-height: 200px;
  width: 100%;
}

.left_item .toast {
  background: #fff !important;
  padding: 6px;
  border: 1px solid #8080804a;
  color: grey;
  font-weight: 300;
  opacity: 0.7;
}

.parent {
  /* max-height: 68vh; */
  max-height: 300px;
  width: 100%;
}

.detail_tbl tr td {
  font-weight: 500;
}

.tbl_2000 {
  width: 2000px;
}

.form-group {
  margin-bottom: 0.6rem;
}

.dropdown-menu {
  color: #333;
  box-shadow: 1px 2px 5px 0px #a9a6a6 !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0rem !important;
}

.view_popup {
  box-shadow: 2px -1px 3px 2px #ccc;
}

/*CRM CSS Start Here*/

.modal .half-right {
  width: 60% !important;
  max-width: 70% !important;
}

.modal .half-right-3 {
  width: 70% !important;
  max-width: 80% !important;
}

.modal .half-right-1 {
  width: 50% !important;
  max-width: 60% !important;
}

.modal .half-right-2 {
  width: 40% !important;
  max-width: 50% !important;
}

.half-right .modal-footer {
  border-top: 1px solid #e9ecef !important;
  padding: 0.5rem 1rem !important;
}

.ember-view {
  font-size: 14px;
  color: #2a58ad !important;
  font-weight: 500;
}

.section-edit {
  position: relative;
}

.section-edit:hover .edit-hover a {
  display: block;
}

.section-edit:hover .icon_hover {
  display: block;
}

.icon_hover {
  padding-top: 7px;
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.edit-hover a {
  padding-top: 7px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.edit-hover a {
  color: #000;
}

.name_leads {
  font-size: 12px;
  width: 375px;
  z-index: 1050;
}

.name_leads {
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  padding: 10px;
  z-index: 1000;
}

.arrow_down .dropdown-toggle:after {
  display: none !important;
}

.header_dropdown {
  margin: 0;
  padding: 0;
  text-align: right;
}

.header_dropdown {
  margin: auto;
  padding: 0 !important;
  position: relative;
  text-align: right;
  display: block;
  background: #fff;
}

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

.profile_pict:hover>.dropdown-menu {
  display: block;
}

.profile_pict>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.detail_width_dropdown {
  width: 77%;
  display: inline-block;
}

.dropdown_detail {
  min-width: 400px;
}

.user_top_info a {
  font-size: 0.8rem;
  font-weight: 500;
}

.user_top_info p {
  font-size: 0.73rem;
  font-weight: 400;
  color: #000;
}

.left_media i {
  text-align: right;
  font-size: 14px;
  height: 25px;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 25px;
  color: #2a58ad;
  border: 1px solid #afacac;
}

.left_media a {
  text-decoration: none;
  margin-left: 2px;
}

.profile_image {
  width: 55px;
  background: #fff;
  max-width: 100%;
  z-index: 1000;
  position: inherit;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px;
}

.left_media {
  justify-content: flex-end;
  display: inline-flex;
  align-items: center;
}

.facebook-color {
  color: #3b5999 !important;
}

.linkedin-color {
  color: #007bb5 !important;
}

.crm_lead_detail {
  line-height: 2.5;
}

.value_user {
  color: #000;
  font-weight: 600;
}

.arrow-steps .step {
  font-size: 0.75rem;
  text-align: center;
  color: #666;
  cursor: default;
  margin: 0 3px;
  padding: 10px 10px 10px 20px;
  float: left;
  position: relative;
  background-color: #d9e3f7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent !important;
  border-bottom: 18px solid transparent !important;
  border-left: 17px solid #d9e3f7;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
  right: auto;
  left: 0;
  border-left: 17px solid #fff !important;
  z-index: 0;
}

.arrow-steps .step:first-child:before {
  border: none;
}

.arrow-steps .step span {
  position: relative;
}

.arrow-steps .step span:before {
  opacity: 0;
  content: "✔";
  position: absolute;
  top: -2px;
  left: -20px;
}

.arrow-steps .step.done span:before {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.5s;
  -moz-transition: opacity 0.3s ease 0.5s;
  -ms-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
  color: #fff;
  background-color: #23468c;
}

.arrow-steps .step.current:after {
  border-left: 17px solid #23468c;
}

.lead_stage {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.card-header .heading_lead {
  display: inline-block;
  padding: 0px 5px;
  margin: 0;
}

.card-header .plus_more {
  display: inline-block;
  padding: 0px 5px;
  color: #9d9999 !important;
  font-size: 16px;
  text-align: right;
  margin: 0;
}

.panel-footer {
  text-align: right;
}

.text-dark-muted {
  font-size: 0.65rem;
  color: #999;
}

.bg-leadscore--hot-inverse {
  background-color: #d9e3f7;
  border: 3px solid #d9e3f7 !important;
  border-radius: 50px;
  color: #17a2b8;
}

.radial-progress-lg {
  width: 75px;
  height: 75px;
  font-size: 22.67px;
  line-height: 70px;
  text-align: center;
  right: 0;
  top: 0;
  margin: auto;
  left: 0;
}

.insights-lead {
  text-align: center;
}

.grid_space {
  padding-left: 25px !important;
}

.grid_space2 {
  padding-left: 50px !important;
}

.actionBtn {
  display: table-cell;
}

.fixTable0 {
  min-width: 5000px !important;
}

.fixTable1 {
  min-width: 3000px !important;
}

.fixTable2 {
  min-width: 2500px !important;
}

.fixTable3 {
  min-width: 2380px !important;
}

.fixTable4 {
  min-width: 2000px !important;
}

.fixTable5 {
  min-width: 1600px !important;
}

.fixTable6 {
  min-width: 1000px !important;
}

.fixTable7 {
  min-width: 1200px !important;
}

.cust_width_40 {
  max-width: 40px !important;
  min-width: 40px !important;
}

.cust_width_80 {
  max-width: 70px !important;
  min-width: 70px !important;
}

.cust_width_120 {
  max-width: 120px !important;
  min-width: 120px !important;
}

.cust_width_100 {
  max-width: 100px !important;
  min-width: 100px !important;
}

.cust_width_150 {
  max-width: 150px !important;
  min-width: 150px !important;
}

.cust_width_200 {
  max-width: 200px !important;
  min-width: 200px !important;
}

.cust_width_250 {
  max-width: 250px !important;
  min-width: 250px !important;
}

#previous-bill-container {
  font-size: small;
  color: #33b5e5;
  font-weight: 500;
  margin-bottom: 0px;
}

.info_tooltip i {
  font-size: 0.5rem;
  padding: 3px;
  border: 0.04rem solid #4285f4;
  border-radius: 50px;
  height: 15px;
  color: #28aff5;
  line-height: 1;
  width: 15px;
  text-align: center;
  /* margin-left: 10px; */
}

/* Tooltip css */
.tooltip1 {
  position: relative;
  display: inline-block;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  min-width: 140px;
  background-color: white;
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 4px;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 99;
  font-size: 12px;
  margin: 0 5px;
  display: inline-table;
}

.outward-col .tooltip1 .tooltiptext,
.inward-col .tooltip1 .tooltiptext {
  /* top: 2rem !important; */
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}

/* tootltip css */

.adw_select {
  min-width: 150px;
  max-width: 500px;
}

.dropdown_width_350 {
  min-width: 200px !important;
}

.flex_page {
  justify-content: space-between;
  display: flex;
  align-items: center;
  background: #edf2f5;
}

.ngx-pagination .current {
  background: #4285f4 !important;
  margin: 1px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.summery_text {
  font-size: 0.8rem;
  font-weight: 600;
}

.value_text {
  font-weight: 600;
  padding-bottom: 5px;
}

.labal_text {
  text-align: left;
  padding-bottom: 5px;
}

.float-right {
  float: right !important;
}

.widget-icon {
  color: #4285f4;
  font-size: 20px;
  background-color: rgba(42, 88, 173, 0.11);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px !important;
  border-radius: 39px;
  display: inline-block;
}

.widget-icon2 {
  color: #8e20e1;
  font-size: 20px;
  background-color: rgba(142, 32, 225, 0.24);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px !important;
  border-radius: 39px;
  display: inline-block;
}

.widget-icon3 {
  color: #0e8a3e;
  font-size: 20px;
  background-color: rgba(14, 138, 62, 0.14);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px !important;
  border-radius: 39px;
  display: inline-block;
}

.widget-icon4 {
  color: #e96938;
  font-size: 20px;
  background-color: rgba(233, 107, 93, 0.19);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px !important;
  border-radius: 39px;
  display: inline-block;
}

.widget-flat {
  border: none;
  background: #ffffff59;
  -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  box-shadow: 3px 5px 8px 1px rgba(154, 161, 171, 0.15);
}

.widget-flat .card-header {
  font-size: 0.8rem;
  font-weight: 600;
  background: #ebe9e9;
  padding: 0.4rem 0.9rem;
}

.widget-flat .card-body table tr td {
  font-size: 0.78rem !important;
}

.widget-flat .card-footer {
  font-size: 0.8rem;
  padding: 0.4rem 0.9rem;
  font-weight: 600;
}

.widget-flat h5 {
  font-size: 0.9rem;
  font-weight: 500;
}

.widget-flat p {
  font-size: 0.8rem;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}

.widget-flat h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}

.bdr-card-1 {
  border: 1px solid #dbdcdd;
}

.bdr-card-2 {
  border: 1px solid #dbdcdd;
}

.bdr-card-3 {
  border: 1px solid #dbdcdd;
}

.bdr-card-4 {
  border: 1px solid #dbdcdd;
}

.more_detail {
  text-align: right;
  margin: auto;
  display: block;
  color: #2a58ad;
}

table.table1 th {
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid #ccc;
  font-size: 0.75rem;
  background: none !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.dynamic_fix {
  position: relative;
  z-index: 9999;
}

.balancesheet {
  border: 1px solid #ccc;
  background: #fff;
}

.main-balance .tbody {
  max-height: calc(100vh - 325px);
  overflow-y: auto;
  overflow-x: hidden;
}

.main-balance .thead {
  font-weight: 600;
  background: #e4ebef;
  padding: 5px 0;
}

.main-balance .tfoot {
  font-weight: 600;
  background: #e4ebef;
  padding: 5px 0;
}

.amount_bs {
  text-align: right;
}

.main-content2 {
  padding: 60px 15px 0px !important;
  min-height: calc(100vh - 20px);
}

.main-content2.showMarquee {
  padding-top: 90px !important;
}

.highlight_box2 {
  /* box-shadow: inset 1px 0px 2px 0px #ccc; */
  padding: 10px !important;
  border: 1px solid #e5e6e6;
  margin-bottom: 15px;
  background: #ffffff !important;
}

.highlight_box2 h3 {
  font-size: 15px;
  font-weight: 600;
  color: #2a58ad;
}

.highlight_box2 h4 {
  font-size: 12px !important;
  font-weight: 500;
  color: #777;
}

.grid_left {

  text-align: center;
}

.grid_left i {
  text-align: center;
  font-size: 22px;
  border: 2px solid #50c1ea;
  padding: 9px;
  height: 40px;
  line-height: 0.9;
  width: 40px;
  color: #2a58ad;
  border-radius: 34px;
}

.right_card {
  background: #fff;
  padding: 10px;
  border: 1px solid #e5e6e6;
}

.create_org_btn {
  text-align: center;
  margin: auto;
  border: 1px solid #4665b0;
  padding: 6px 20px;
  font-size: 0.8rem;
  color: #333;
}

.create_org_btn i {
  color: #50c1ea;
  font-size: 0.9rem;
  padding-right: 5px;
}

.list-block ul .featured {
  background-size: 16px 15px;
  list-style-type: none;
  margin-left: -20px;
  min-height: 15px;
  padding-left: 32px;
}

.fsz-xsm {
  font-size: 0.65rem;
}

.btn_Action {
  display: inline-block;
  align-self: center;
  margin: 0;
  padding-top: 10px;
}

.btn_Action i {
  color: #72777a !important;
}

.addAddress_btn {
  background: white;
}

.item-requirement-radio-input {
  margin-right: 0.8rem;
}

.position_relative {
  position: relative;
}

.close_btn {
  background: transparent;
  border: none;
  font-size: 24px;
  text-align: center;
}

.sale_summery tbody tr td:last-child {
  background: #e5ecfa !important;
  font-weight: 600;
}

.sale_summery tbody tr td:first-child {
  background: #e5ecfa !important;
  font-weight: 600;
}

.font-italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: 500.3;
  font-style: normal
}

.drop_remove {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  text-align: center !important;
  padding-left: 12px !important;
  margin: auto !important;
}


.nav-pills .nav-link {
  background: #ecf0f1 !important;
  margin-right: 4px !important;
  min-width: 100px !important;
  text-align: center !important;
  border: 1px solid #a7a1a1 !important;
  border-radius: 0px !important;
}

.nav-pills .nav-link.active {
  border-color: #28aff5 !important;
  background: #2a58ad !important;
}

.footer_modal_form {
  background: #e2e9eb;
  border-top: 1px solid #ccc;
  padding: 6px 10px;
}

.footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.btn-succ-ess {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.def-ault-btn {
  color: #333 !important;
  border: 1px solid #ccc !important;
}

#fin_year_select .highlight_box {
  height: 40px;
}

/* table.table a {
  color: #007bff !important;
} */
.ng-select .ng-select-container {
  height: 34px !important;
  border-radius: 0px !important;
}

.height_fix_card {
  height: 120px;
  overflow: auto;
}

.table-anchor a {
  color: #007bff !important;

}

.ng-select.ng-select-single .ng-select-container {
  min-height: calc(2rem + 2px) !important;
}

.work-title-content .ng-select.ng-select-single .ng-select-container {
  min-width: 200px !important;
}

.form-group.required label:after {
  content: "*";
  color: black;
}

.img_drop li a {
  color: #000 !important;
  padding: 5px;
  position: relative;
}

.main-content3 {
  min-height: calc(100vh - 176px);
}

.img_drop li a {
  color: #000 !important;
  padding: 5px;
  position: relative;
}

.img_drop {
  padding-left: 10px !important;
  min-width: 125px;
}

/* dropdown-menu  bgc-white img_drop */

.modal-backdrop {
  /* bug fix - no overlay */
  display: none;
}

.Plus_tooltip i {

  border-radius: 0;
  font-size: 35px;
  color: #8a8383;

}

.highLightRow {
  box-shadow: 0px 1px 2px 2px #ccc;
}

.highLightRow {
  border: none !important;
  box-shadow: inset 0px 11px 8px -9px #CCC, inset 0px -11px 8px -10px #CCC;
}

.accordion-head {
  width: 100%;
}

.accordion-head i {
  font-size: 1.3em;
  float: right;
  color: #2a58ad;
}

.accordion-head>.collapsed>i:before {
  content: "\f105";
}

.btn_collaspe {
  background: none;
  box-shadow: none;
  width: 100%;
  text-align: left;
  color: #2a58ad;
  padding: 7px 15px;
  border: 0;
  cursor: pointer;
  font-size: .8rem;
  font-weight: 600;
}

.btn_collaspe:focus {
  outline: none;
}

.left_side_print2 {
  margin-right: 25px;
  margin-left: 31px;
}

.ng-select-invalid .ng-select-container {
  border-left: 2px solid red !important;
  outline: 0 !important;
}

.modal-drawer {
  -webkit-box-shadow: 0 1px 0 0 #333;
  box-shadow: 0 1px 0 0 #333;
  width: 40px;
  height: 50px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px 0 0 6px;
  border-right: 0;
  color: #23468c !important;
  font-size: 16px;
  left: -40px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 160px;
  z-index: 1050;
}

.text-dec-none:hover {
  text-decoration: none;
}

#add_new_city.modal {
  z-index: 99999 !important;
}

.bg-crm {
  background: #d9e3f77d !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #ecf1fb !important;
  color: #333;
}

.address_btn_more {
  padding-top: 20px;
}

.overdue {
  background: #ffffdb;
}

.today {
  background: #e6fffd;
}

.assigned {
  background: #e8e8e6;
}

.complete {
  background: #0bdc41;
}

.quotation {
  background: #d8bfd8;
}

.tentative {
  background: #aeeabe;
}

.bg-1 {
  background-color: rgba(142, 32, 225, 0.24);
  color: #680eac !important;
  padding: 3px 11px;
  border-radius: 15px;
}

.bg-2 {
  background-color: rgba(42, 88, 173, 0.11);
  color: #4285f4 !important;
  padding: 3px 11px;
  border-radius: 15px;
}

.bg-3 {
  background-color: rgba(14, 138, 62, 0.14);
  color: #0e8a3e !important;
  padding: 3px 11px;
  border-radius: 15px;
}

.userName:hover a {
  display: block !important;
}

.font_size_sub {
  font-size: 1rem;
}

.label_green {
  color: #28a745 !important;
  font-weight: 700;
}

.userImage:hover a {
  display: block !important;
  position: absolute;
  top: 33%;
  right: auto;
  left: 24%;
}

.userHeaderImage:hover+a {
  display: block !important;
  position: absolute;
  top: 0%;
  right: auto;
  left: 50%;
}


.editLabel:hover a {
  display: block !important;
}

.userImgoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  left: 15%;
  height: 100%;
  width: 70%;
  opacity: 0;
  transition: .3s ease;
  background-color: #333;
}

.userImage:hover .userImgoverlay {
  opacity: 1;
  z-index: 9999;
}

.error-class {
  border-bottom: 1px solid #ec1818 !important;
}

/* .small-txt {
  font-size: .8rem;

} */
.small-txt {
  font-size: .8rem;
  margin-left: 44px;
  margin-top: 7px;
}

.filter-cat li a {
  color: #333;
}

agm-map {
  height: 65vh !important;
}

.group-action li.active {
  background: #33b5e5;
}

.ng-autocomplete {
  width: inherit !important
}

.autocomplete-invalid .input-container input {
  border-left: 2px solid red !important;
}

.measurementDisable {
  pointer-events: none !important;
}

.assign {
  background: #2a58ad45;
  color: #2a58ad;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_ovedue {
  background: #da346545;
  color: #d81313;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_pending {
  background: #fdec59;
  color: #8e8215;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_paid {
  background: #ceefa8;
  color: #355212;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_cancelled {
  background: #693a4845;
  color: #a4251c;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_partial {
  background: #abc9fa;
  color: #a4251c;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

.status_inprogress {
  background: #d6e040;
  color: #564f0a;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
}

main table.cat-table th {
  position: sticky;
  top: 0px;
}

.apiloader {
  width: 2000px;
  position: absolute;
  z-index: 999;
  background: rgba(247, 243, 253, 0.7);
}

.apiloader img {
  width: 36px
}

.popupapiloadingdiv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99999;
  opacity: 0.5;
  text-align: center;
}

.popupapiloadingdiv img {}

.cdk-overlay-container {
  position: fixed;
  z-index: 9999999;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  white-space: normal !important;
}

div.showLoader {
  text-align: center;
  position: absolute;
  /*background: #007bff;*/
  background: #d9e3f7;
  width: 100%;
  height: 100%;
  min-height: 500px;
  opacity: .5;
}

div.showLoader img {
  width: 100px;
  position: absolute;
  top: 25%;
  left: 45%;
}

a.downloadLoader .fa-spinner {
  font-size: 22px;
  margin-top: 10px;
}

.confirmnote {
  font-size: 14px;
  background: #fff700;
  padding: 16px;
  font-weight: 700;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
  background-image: url(../img/svg/arrow_left_black.svg) !important;
  width: 100px !important;
  height: 100px !important;
}

.carousel .carousel-control-next-icon {
  transform: rotate(180deg) !important;
}

.eye-pos {
  position: absolute;
  right: 0.5rem;
  top: 2rem;
}

.table-column-ng-select {
  width: inherit;
}

.bgblue {
  background-color: rgb(217, 227, 247) !important;
}

.ngx-org-self-vertical {
  overflow: scroll;
  display: flex;
  height: 100vh;
}

.search-filter-action-btn {
  position: absolute;
  bottom: 1.3rem;
  right: 3.7rem;
}

.pt-9px {
  padding-top: 9px !important;
}

.pt-12px {
  padding-top: 12px !important;
}

table.table tbody tr td .dropdown ul.dropdown-menu li a,
ul.dropdown-menu li a {
  margin: 0;
  color: #212529;
  position: relative;
  padding-left: 10px !important;
  border-bottom: 1px solid #dee2e6;
}

table.table tbody tr td .dropdown ul.dropdown-menu li a i,
ul.dropdown-menu li a i {
  color: #28aff5;
  max-width: 20px;
  position: absolute;
  margin-right: 0px !important;
  margin-top: 2px !important;
}

table.table tbody tr td .dropdown ul.dropdown-menu li a span,
ul.dropdown-menu li a span {
  padding-left: 20px;
}

/* .ng-select {
  height: 34px !important;
} */


li.header-navigation {
  background: #2A58AD !important;
  border-right: 1px solid #fff;
  min-width: 50px;
}

li.header-navigation button.btn.btn-link {
  /* margin: 0 auto !important;
  color: #fff !important;
  max-width: 60px;
  min-height: 50px;
  line-height: 36px;
  display: block;
  border-left-width: 0px;
  background: transparent !important; */
  margin: 4px auto 0 auto !important;
  color: #fff !important;
  max-width: 40px;
  min-height: 25px;
  display: block;
  border-left-width: 0px;
  background: transparent !important;
}

li.header-navigation:hover {
  background: #ebe9e9 !important;
}

li.header-navigation button i:hover {
  color: #ebe9e9 !important;
}

li.header-navigation button:hover {
  color: #ebe9e9 !important;
}

.card-body span img {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  top: 30% !important;
}

table.toptable tr td {

  text-align: left;
}

li.header-navigation div.divtext {
  text-align: center;
  color: white;
  margin: 0px;
  line-height: 15px;
}

li.header-navigation div.divtext small {
  font-size: 55%;
}

li.header-navigation div.divtext small:hover {
  /* color: #ebe9e9 !important; */
}

.UnBilled {
  background: #ffff49;
  color: black;
  font-weight: 700;
  text-align: center;
  padding: 5px;
}

.Billed {
  background: green;
  color: white;
  font-weight: 700;
  text-align: center;
  padding: 5px;
}

.orggstno {
  font-size: 10px;
  margin-left: -150px;
  margin-top: 25px;
  position: absolute;
}

.multipleword {
  word-break: break-word !important;
}

.amclist select.select2-hidden-accessible {
  position: relative !important;
}

.setting-info:hover .tooltiptext {
  width: 350px !important;
  background-color: #e4e3e3 !important;
  top: 1.2rem !important;
  left: -5rem !important;
}

.toast-container .toast.showErrorHtmlLong {
  background-image: none;
  padding-left: 15px;
  width: 400px;
}

.toast-container .toast.showErrorHtmlLong .toast-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.toast-container .toast.showErrorHtmlLong ul {
  padding-left: 20px;
}

.pending_status {
  background: #ffbfbf;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0px !important;
  display: block !important;
}

.rejected_status {
  background: #c8c1c1;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0px !important;
  display: block !important;
}

.completed_status {
  background: #ceefa8;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0px !important;
  display: block !important;
}

.delivered_status {
  background: #a1beef;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0px !important;
  display: block !important;
}

.deliveryallotted_status {
  background: #ffc783;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0px !important;
  display: block !important;
}

.partial_status {
  background: #dab1ea;
  color: black !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.variationlabel {
  float: right;
  /*position: absolute;
  right: 0px;*/
  color: #007bff;
  margin-right: 10px;
  cursor: pointer;
}

.moveRight {
  position: absolute;
  right: 10px;
  bottom: 15px;
  z-index: 9999;
  background: #CCC;
  padding: 7px 10px;
  cursor: pointer;
  display: none !important;
}

.purchase-autocomplete ng-autocomplete .autocomplete-container {
  height: calc(2rem + 2px) !important;
  box-shadow: unset !important;
}

.purchase-autocomplete ng-autocomplete .autocomplete-container .input-container input {
  height: calc(2rem + 2px) !important;
  line-height: calc(2rem + 2px) !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  color: #333 !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  border-radius: 0px !important;
  padding: .375rem .75rem;
}

.swal2-container .swal2-title {
  text-align: center !important;
  position: unset;
}

.swal2-container .swal2-html-container {
  text-align: center !important;
  width: 90%;
}

.fixheading th {
  position: sticky;
  top: 0px;
}

.select2-results__option {
  padding: 5px !important;
}

.select2-results__option .select2-custom-option-text {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

.list-group-item.border-none {
  border: 0px;
  background: #2a58ad;
  color: #FFF;
  padding: 5px;
}

.list-group-item.border-none b {
  font-size: 16px;
}

.custom-typeahead .ng-select .ng-select-container {
  display: none !important;
}

.submenu-list.active,
.is-collapsed .sidebar:hover .submenu-list.active {
  font-weight: bold !important;
  background-color: #1d4896 !important;
}

.is-collapsed .submenu-list.active {
  background-color: unset !important;
}

.submenu-list.active a {
  color: #33b5e5 !important;
}

.ngx-org-head.deActive {
  background-color: red !important;
  color: white !important;
}

.validate-notes {
  background: #103880;
  color: white;
  padding: 0.5rem;
}

.custom-control-input {
  z-index: 99999;
  width: 32px;
  height: 32px;
}

.custom-control-label::before {
  left: 0px;
}

.custom-control-label {
  padding-left: 20px;
}

.custom-control {
  padding-left: 0px;
}

.custom-control-label::after {
  left: 0px !important;
}

.ng-select .ng-select-container.line2 {
  height: 70px !important;
}

.ng-select .ng-select-container.line3 {
  height: 105px !important;
}

.ng-select .ng-select-container.line4 {
  height: 140px !important;
}

.ng-select .ng-select-container.line5 {
  height: 175px !important;
}

.ng-select .ng-select-container.line6 {
  height: 210px !important;
}

.swal-wide {
  width: 800px;
}

.sidebar-content .fa-lock {
  margin-left: 5px;
}

.btn[class*=btn-outline-] {
  padding: .375rem .75rem !important
}
/* --------------------------------------------------------------------------
   Dialog width overrides that were previously inline `!important` styles.
   Moved here verbatim so the mobile stylesheet can override them — an inline
   !important outranks every author stylesheet rule and cannot be undone.
   Desktop rendering is unchanged.
   -------------------------------------------------------------------------- */
.modal .modal-dialog.dlg-w30 {
  width: 30% !important;
  max-width: 35% !important;
}

.modal .modal-dialog.dlg-w50 {
  width: 50% !important;
  max-width: none !important;
}

.modal .modal-dialog.dlg-mw400 {
  max-width: 400px !important;
}

.modal .modal-dialog.dlg-w60 {
  width: 60% !important;
  max-width: none !important;
}