@font-face {
  font-family: "DMSans-Regular";
  src: url("../font/dm_sans/DMSans-Regular.eot");
  src: local("☺"), url("../fonts/dm_sans/DMSans-Regular.woff") format("woff"),
    url("../fonts/dm_sans/DMSans-Regular.ttf") format("truetype"),
    url("../fonts/dm_sans/DMSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DMSans-Medium";
  src: url("../fonts/dm_sans/DMSans-Medium.eot");
  src: local("☺"), url("../fonts/dm_sans/DMSans-Medium.woff") format("woff"),
    url("../fonts/dm_sans/DMSans-Medium.ttf") format("truetype"),
    url("../fonts/dm_sans/DMSans-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DMSans-Bold";
  src: url("../fonts/dm_sans/DMSans-Bold.eot");
  src: local("☺"), url("../fonts/dm_sans/DMSans-Bold.woff") format("woff"),
    url("../fonts/dm_sans/DMSans-Bold.ttf") format("truetype"),
    url("../fonts/dm_sans/DMSans-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* .fixed-header .app-main {
  padding: 78px 20px 25px;
} */
a{ color: #3f6ad8;}

textarea {
  resize: none; font-size: 14px !important; font-family: "DMSans-Regular";
}

.btn{
  font-family: "DMSans-Regular";
}

.text-primary {
  color: #2D6DC6 !important;
}

.text-black{color: #1F1F1F;}

.text-grey {
  color: #5f5f5f;
}
 
.f-11 {
  font-size: 11px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-34 {
  font-size: 34px !important;
}

.f-36 {
  font-size: 36px !important;
}

.f-13 {
  font-size: 13px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-32 {
  font-size: 32px !important;
}

.f-40 {
  font-size: 40px !important;
}
.f-50 {
  font-size: 50px !important;
}

h1,
h2,
h3 {
  font-family: "DMSans-Bold", sans-serif;
}

h4,
h5,
h6 {
  font-family: "DMSans-Bold", sans-serif;
}

body {
  background-color: #f4f5f7;
  font-family: "DMSans-Regular"; color: #212529;
}

.neo_header {
  height: 50px;
  background: #f4f5f7;
  border-bottom: 2px solid #eaeff5;
}
.neo_header .logo-src {
  height: 90px;
  width: 140px;
}
.neo_header .logo-src img {
  max-width: 100%;
  max-height: 100%;
}

.card {
  background: #ffffff; border: transparent;
  border-radius: 10px;
  height: 100%;
}

.overviewCard .white-box-5,
.overviewCard .white-box-3,
.overviewCard .white-box-4 {
  background: #ffffff;
  width: calc(20% - 15px);
  border-radius: 10px;
  padding: 12px 15px 8px; display: flex; align-items: center;
}

.overviewCard .white-box-4 {
  width: calc(25% - 15px);
}
.overviewCard .white-box-3 {
  width: calc(33.3333333333% - 15px);
}
.overviewCard p {
  font-size: 14px;
  color: #5f5f5f;
}

.k-format {
  font-size: 22px;
}

.bgBox-1,
.bgBox-8,
.bgBox-7,
.bgBox-6,
.bgBox-5,
.bgBox-4,
.bgBox-3,
.bgBox-2 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1abc9c;
}

.bgBox-2 {
  background: #34495e;
}

.bgBox-3 {
  background: #8e44ad;
}

.bgBox-4 {
  background: #f39c12;
}

.bgBox-5 {
  background: #e74c3c;
}

.veiw-icon-border {
  border: 1px solid #eaeff5;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #737f8b;
  cursor: pointer;
}

.donut_color_sapn-1,
.length-color-10,
.length-color-9,
.length-color-8,
.length-color-7,
.length-color-six,
.length-color-five,
.length-color-four,
.tablet-color-one,
.mobile-color-one,
.desktop-color-one,
.length-color-three,
.length-color-two,
.length-color-green,
.length-color-one,
.friends-legent,
.followers-legent,
.female-legent,
.male-legent,
.donut_color_sapn-4,
.donut_color_sapn-3,
.donut_color_sapn-2 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #2d6dc6;
}

.donut_color_sapn-2 {
  background: #d045d1;
}

.donut_color_sapn-3 {
  background: #1999d6;
}

.donut_color_sapn-4 {
  background: #f39c12;
}

.length-color-one,
.friends-legent,
.followers-legent,
.female-legent,
.male-legent {
  background: #556ee6;
}

.length-color-green {
  background: #0c8484;
}

.length-color-two {
  background: #8a25ba;
}

.length-color-three {
  background: #1abc9c;
}

.length-color-four,
.tablet-color-one,
.mobile-color-one,
.desktop-color-one {
  background: #f46a6a;
}

.length-color-five {
  background: #44bf82;
}

.length-color-six {
  background: #ef001d;
}

.length-color-7 {
  background: #ef001d;
}

.length-color-8 {
  background: #50a5f1;
}

.length-color-9 {
  background: #e83e8c;
}

.length-color-10 {
  background: #4cc3d9;
}

.colorBoxSEO,
.colorBoxCreator,
.colorBoxDEV,
.colorBoxSAAS,
.colorBoxAFF,
.colorBoxPPC,
.colorBoxSMO {
  background: #685af1;
  color: #ffffff;
  border-radius: 5px;
  padding: 5px 15px;
}

.colorBoxSMO {
  background: #d045d1;
}

.colorBoxPPC {
  background: #1999d6;
}

.colorBoxAFF {
  background: #fe9a00;
}

.colorBoxSAAS {
  background: #0ab9cc;
}

.colorBoxDEV {
  background: #e93b84;
}

.colorBoxCreator {
  background: #33adff;
}

.desktop-color-one {
  background: #4285f5;
}

.mobile-color-one {
  background: #45a5f5;
}

.tablet-color-one {
  background: #93d5ee;
}

.text-heading-color {
  color: #275185;
}

.sideBarmenu {
  height: 100%;
  background: #ffffff;
}

.headingBox, .heading-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #275185;
}

.searchIcon {
  top: 10px;
  left: 3px;
}

.autocomplete_answers {
  border-radius: 0.25rem;
  list-style-type: none;
  position: absolute;
  top: 100%;
  width: 100%;
  font-size: 14px;
  background: #ffffff;
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}
.autocomplete_answers li {
  padding: 6px;
}
.autocomplete_answers li:hover {
  background: #f9f9f9;
  color: #1f1f1f;
  cursor: pointer;
}

img {
  max-width: 100%;
  max-height: 100%;
}
.breadcrumb-border {
  border-bottom: 1px solid #eaeff5;
}

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

.desktop-box {
  background: url("../images/svg/desktop-1.svg") no-repeat;
  height: 320px;
  width: 449px;
  position: relative;
}
.desktop-box img {
  width: 314px;
  height: 201px;
  position: absolute;
  top: 52px;
  right: 68px;
}

.mobile-box {
  background: url("../images/svg/iphone-1.svg") no-repeat;
  height: 215px;
  position: absolute;
  bottom: 0px;
  width: 130px;
  right: 0px;
}
.mobile-box img {
  width: 93px;
  height: 160px;
  position: absolute;
  top: 30px;
  right: 25px;
}

.colorbtn-bg {
  background: #dbdbdb;
}

.colorlight {
  background: #16aaff;
}

.fliter-button {
  width: 36px;
  height: 36px;
}

.star-icon-box i {
  font-size: 25px;
  margin-right: 13px;
  color: #faaf40;
}

.facebook-icon {
  background: #3b5998;
}

.twitter-icon {
  background: #1da1f2;
}

.banner-bg {
  background: #1e283d;
}

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

.pl-7 {
  padding-left: 7px;
}

.btn_loader {
  position: relative;
  pointer-events: none;
}

.btn_loader.left {
  padding-left: 35px !important;
}

.btn_loader.right {
  padding-right: 35px !important;
}

.btn_loader:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: transparent;
  border: 3px solid #222;
  border-top-color: #fff;
  -webkit-animation: 0.5s spin linear infinite;
  animation: 0.5s spin linear infinite;
  z-index: 1;
}

.btn_loader.left:before {
  left: 5px;
}

.btn_loader.right:before {
  right: 5px;
}

.btn_loader.center:before {
  right: 45%;
}

.btn_loader:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e9edf0;
  z-index: 0;
}

.no-data-box {
  width: 300px;
  margin: 0px auto;
}
.no-data-box .search-img-box {
  right: 0px;
  bottom: -15px;
  position: absolute;
  left: 0px;
  text-align: center;
  width: 170px;
  margin: 0px auto;
}

.bg-google {
  background: #556ee6;
}
 
.bg-primary{
  background-color: #1F3BB3 !important;
}

.bg-bing {
  background: #0c8484;
}

.home-icon {
  font-size: 20px !important;
}

.icon-font-size {
  font-size: 20px;
}

.simple-checkbox input[type="checkbox"] {
  border: 1px solid #dfdfdf;
  width: 17px;
  height: 17px;
}
.simple-checkbox label {
  color: #1F1F1F;
  font-size: 14px;
}

.radio-field input[type="radio"] {
  width: 13px;
  height: 13px;
}
.radio-field label {
  /* color: #737f8b; */
  color: #1F1F1F;
}

.dash_switcher a.active {
  color: #3f6ad8;
}

.light-color-blue {
  color: #224bca;
  font-weight: 400;
}

.male-legent {
  background: #7ebcff;
}

.female-legent {
  background: #f77eb9;
}

.followers-legent {
  background: #0084b4;
}

.friends-legent {
  background: #1dcaff;
}

.silver-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #c0c0c0;
}

.gold-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffd700;
}

.bronze-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #cd7f32;
}

.platinum-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2aafd9;
}

.switcher-box {
  border-radius: 3px;
}
.switcher-box .dropdown-item {
  padding: 5px 10px;
  background: #ffffff;
  margin: 2px;
  border-radius: 3px;
}
.switcher-box .dropdown-item.active {
  background: #1f3bb3;
  color: #ffffff;
}

.bgBox-6 {
  background: #0ab9cc;
}

.bgBox-7 {
  background: #685af1;
}

.bgBox-8 {
  background: #15c3fd;
}

.last-menu:nth-last-child(n) a {
  border-bottom: none;
}

::-webkit-input-placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.5);
  opacity: 0.5;
}

:-moz-placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.5);
  opacity: 0.5;
}

::-moz-placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.5);
  opacity: 0.5;
}

:-ms-input-placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: rgba(31, 31, 31, 0.5);
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .overviewCard .white-box-5,
  .overviewCard .white-box-3,
  .overviewCard .white-box-4 {
    width: 100%;
    margin-bottom: 15px;
  }
}

/*# sourceMappingURL=generic-base.css.map */

.top-menu-collapse li a {
  font-size: 15px;
  color: #1f1f1f;
}

.top-menu-collapse .down-arrow {
  font-size: 7px;
  margin-left: 5px;
}

.top-menu-collapse li {
  margin-right: 25px;
}

.profile-icon-login {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f39c12;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.down-arrow {
  font-size: 7px !important;
  margin-left: 5px;
}
/* -----------------------------------------------------------  */

.w-35 {                                                                                                                  
  width: 35% !important;
}
.w-49 {                                                                                                                  
  width: 49% !important;
}

select {
  background: url(../images/svg/select-arrow.svg) 98% center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px !important;
}

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

.form-border { border-radius: 0;
  border: transparent;
  border-bottom: 1px solid #dee2e6;
}

.form-border:focus{   box-shadow: none;}

.search-box {
  position: relative;
  margin-right: 10px;
}
 
.search-icon-open {
  z-index: 1000;
  color: #000;
}

.search-bar {
  background: #fff;
  border: 0 none;
  border-radius: 20px;
  width: 300px;
  height: 40px;
  color: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 0px;
  padding: 0;
  position: absolute;
  right: 0;
  top: -20px;
}
.search-bar-open {
  display: block;
  width: 300px;
  padding-left: 20px;
  padding-right: 40px;
  top: -20px;
}

.file {
  visibility: hidden;
  position: absolute;
}

.material-switch > input[type="checkbox"] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
  margin-bottom: 0px;
}

.material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(9, 57, 136, 0.9);
  border-radius: 8px;
  content: "";
  height: 14px;
  margin-top: -5px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.material-switch > label::after {
  background: #dee2e6;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: "";
  height: 20px;
  left: -4px;
  margin-top: -4px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: #1d73e9;
  left: 20px;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
}
.global-search-box .form-control {
  border: transparent;
  border-bottom: 1px solid #eaeff5;
}
.cursor-pointer {
  cursor: pointer;
}

.form-control:focus{
  box-shadow: none;
}

/* ------------------------------------------------------------- new css add --------------- */
.two-line-border {
  border-bottom: 4px double #dee2e6;
}
.f-26 {
  font-size: 26px;
}

.box-part {
  width: 36px;
	height: 36px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background: #fff;
	margin: 0px 0px 4px 4px;
	cursor: pointer;
	transition: 0.3s ease-out;
	box-shadow: 0px 0px 0 100px white inset;
}

.box-part:hover{
  box-shadow: 0px 0px 0 0px white inset;
		transform: scale(1);
		border: none;
}

.border-animation {
	background: #DCF5FF;
}

.border-animation:hover img { filter: sepia(100%) hue-rotate(170deg) saturate(500%); }


.btn-width {
  width: 110px;
}

.para_bg {
  background: #ecf1ff;
  padding: 8px;
}

ul.tab-nav li {
  border-right: 1px solid #dee2e6;
  margin: 20px 0px;
  padding: 0px 10px;
  position: relative;
}
ul.tab-nav li:last-child {
  border-right: none;
}
ul.tab-nav li .nav-link {
  max-width: 127px;
  height: 100%;
  color: #2b3e4d;
}

ul.tab-nav li a.active::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  text-align: center;
  bottom: -7px;
  width: 0;
  height: 0;
  border-top: solid 10px #224bca;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}

ul.tab-nav li a.active {
  background: #224bca;
  color: #fff !important;
  border-radius: 5px;
}

ul.tab-nav li a.active img {
  filter: invert(96%) sepia(7%) saturate(237%) hue-rotate(266deg)
    brightness(117%) contrast(100%);
}

.new-tab-part-bg {
  background: #f2f2f2;
  border-radius: 10px 10px 0px 0px;
}

.filter_actions {
  background: #dee2e6;
  border-radius: 3px;
  padding: 5px 5px;
  margin-left: 10px;
}
.filter_actions > a {
  color: #5f5f5f;
  padding: 3px 8px;
  /* border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; */
  margin: 0 4px;
  width: 30px;
  text-align: center;
  align-self: center;
  border-right: 1px solid #5F5F5F;
}
.filter_actions a.tab-last-none { border-right: none;}

 

.filter_actions > a.active{
  background: #fff;
  color: #224bca;
}

ul.tab_nav li a.active svg {
  fill: #fff;
}

.double-border {
  border-bottom: 3px double #eaeff5;
}

.textarea-height {
  height: 100px;
}

.priority-dropdown {
  min-width: 120px;
}
.finder__inner {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
}

.finder__icon {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  transition: all 0.2s;
  box-shadow: inset 0 0 0 20px #275185;
  border-radius: 50%;
  position: relative;
}
.finder__icon:after,
.finder__icon:before {
  display: block;
  content: "";
  position: absolute;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.finder__icon:after {
  width: 12px;
  height: 12px;
  background-color: #275185;
  border: 3px solid #fff;
  top: 45%;
  position: absolute;
  transform: translateY(-50%);
  left: 0px;
  right: 0;
  margin: auto;
  border-radius: 50%;
}
.active .finder__icon:after {
  border-width: 7px;
  background-color: #fff;
  top: 50%;
}

.finder__icon:before {
  width: 4px;
  height: 12px;
  background-color: #fff;
  top: 45%;
  left: 14px;
  transform: rotateZ(45deg) translate(-50%, 0);
  transform-origin: 0 0;
  border-radius: 4px;
}
.active .finder__icon:before {
  background-color: #275185;
  width: 5px;
  transform: rotateZ(45deg) translate(-50%, 11px);
}

.processing .finder__icon {
  transform-origin: 50%;
  animation: spinner 0.3s linear infinite;
  animation-delay: 0.5s;
}

.active .finder__icon {
  transform: translateY(-5px);
}

@keyframes spinner {
  0% {
    transform: rotateZ(45deg);
  }
  100% {
    transform: rotateZ(405deg);
  }
}
.finder__input {
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border: none;
  border-bottom: 1px solid gainsboro;
  outline: none;
}
.close-part {
  right: 3px;
  top: 9px;
  cursor: pointer;
}
.close-part:hover i {
  color: #d92550;
}
.cancel-icon-btn i {
  color: #5f5f5f;
  border: 1px solid #eaeff5;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.cancel-icon-btn i:hover {
  border-color: #d92550;
  color: #d92550;
}
ul.tab-part {
  position: relative;
  padding: 20px 0px;
}
ul.tab-part li {
  padding: 10px 10px;
  font-size: 15px;
  font-weight: normal; color: #2b3e4d;
  position: relative;
  z-index: 3;
  height: 40px;
  margin: 0px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
ul.tab-part li:last-child {
  border-right: none;
}
ul.tab-part li:hover {
  color: #ffffff;
}
ul.tab-part li a.active {
  color: #ffffff;
  background-color: #3f6ad8;
  border-radius: 5px;
}
 

ul.tab-part li a.active::after{ 
content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;
    bottom: -7px;
    width: 0;
    height: 0;
    border-top: solid 10px #3f6ad8;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent; }

ul.tab-part li::before {
  border-right: 1px solid #dee2e6;
  top: -5px;
  content: "";
  position: absolute;
  right: -20px;
  height: 50px;
}

.tab-hover-animation .bg-hover {
  position: absolute;
  background-color: #3f6ad8;
  top: 20px;
  bottom: 20px;
  left: 10px;
  border-radius: 5px;
  height: 40px;
  z-index: 1;
  transition: 0.2s ease left;
}
ul.tab-part li a{font-size: 15px;
  color: #2b3e4d;
  cursor: pointer;
}
.ebz-font-weight {
  font-weight: 600;
}
ul.tab-part-two li {
  padding: 12px 12px 5px 12px;
  position: relative;
}

.search-icon {
  top: 10px;
  left: 5px;
}


ul.tab-part-two li:last-child::after{ display: none;}
ul.tab-part-two li::after { 
  border-right: 1px solid #dee2e6;
    position: absolute;
    content: '';
    right: 0px;
    height: 45px;
    top: 6px;
 }

ul.tab-part-two li a {
  font-size: 15px;
  color: #2b3e4d;
}
ul.tab-part-two li a:hover {
  background: #3f6ad8;
  color: #fff;
  border-radius: 5px;
}
ul.tab-part-two li a .active {
  background: #3f6ad8;
  color: #fff;
  border-radius: 5px;
}

ul.tab-part-two li .active:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -4px;
  width: 0;
  height: 0;
  border-top: 10px solid #3f6ad8;
  border-left: 15px solid #0000;
  border-right: 15px solid #0000;
}



ul.tab-part-two li:last-child {
  border-right: transparent;
}
ul.tab-part-two li .active {
  background: #3f6ad8;
  color: #fff;
  border-radius: 5px;
}
ul.tab-part-list {
  border-radius: 3px;
}
ul.tab-part-list li a {
  background: #fff;
}
ul.tab-part-list li a.active {
  background: #3f6ad8;
  color: #fff;
}
ul.tab-part-list li a:hover {
  background: #3f6ad8;
  color: #fff;
}
.two-side-border {
  border-top: 1px solid #eaeff5;
  border-bottom: 1px solid #eaeff5;
}
.rounded-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.seo-border {
  border: 1px solid #dee2e6 !important;
}
.f-10 {
  font-size: 10px;
}

.white-btn{
  border: 1px solid #DFDFDF; background: #fff;
}

.border-report{
  border: 1px solid #DEE2E6; border-radius: 5px;
}
.btn-delete {
  border: 1px solid #d92550;
}
.btn-delete span {
  color: #d92550;
}
.border-line {
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
 
.k-format {
  font-size: 22px;
}

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

.bg-unlink {
  background: #F95F53;
}
.bg-unlink:hover{
  background: #f62919;
}

.call-tab{
  width: 10%; display: flex; align-items: center; justify-content: center;
} 

.status-active{ border: 1px solid #00B258; color: #00B258; padding: 0.375rem 0.75rem; border-radius: 0.25rem; background: #fff; width: 100px;
  display: inline-block;}
.not-responded{ border: 1px solid #EA4335; color: #EA4335; padding: 0.375rem 0.75rem; border-radius: 0.25rem; background: #fff;}
.btn-border { border: 1px solid #DEE2E6; background: #ffffff; }
.status-pending {border: 1px solid #FE9A00; color: #FE9A00; padding: 0.375rem 0.75rem; border-radius: 0.25rem; background: #fff; width: 100px;
  display: inline-block;}
 .info-color{ color: #8C8C8C;}

 .table thead th { vertical-align: middle;}
 .border-two-bottom { border-bottom: 4px double #eaeff5;}

 .border-animation {
  background: #DCF5FF;
}
.border-animation:hover img {
  filter: sepia(100%) hue-rotate(170deg) saturate(500%);
}

.center::before,
.center::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
}

.center::before {
  border-top: 2px solid #52CDFF;
  border-bottom: 2px solid #52CDFF;
  transform: scale3d(0, 1, 1);
}

.center::after {
  border-left: 2px solid #52CDFF;
  border-right: 2px solid #52CDFF;
  transform: scale3d(1, 0, 1);
}

.center:hover::before,
.center:hover::after {
  transform: scale3d(1, 1, 1);
  transition: transform 1.2s;
}

.table thead th{ color: #1F1F1F; font-weight: 600; font-size: 14px;}

.overview-card .white-box-5,
.overview-card .white-box-3,
.overview-card .white-box-4 {
  background: #ffffff;
  width: calc(20% - 15px);
  border-radius: 10px;
  padding: 12px 15px 8px; display: flex; align-items: center;
}

.overview-card .white-box-4 {
  width: calc(25% - 15px);
}
.overview-card .white-box-3 {
  width: calc(33.3333333333% - 15px);
}
.overview-card p {
  font-size: 14px;
  color: #5f5f5f;
}
.w-300 { width: 300px;}
.w-30 { width: 30%;}
.w-55{ width: 55%;}
.font-weight-400 { font-weight: 400;}
.font-weight-500 { font-weight: 500;}
.w-5{ width: 5%;}
.w-10{ width: 10%;}
.w-39 { width: 39%;}
.w-8 { width: 8%;}
.w-80 { width: 80%;}
.w-20 { width: 20%;}
.w-45 { width: 45%;}
.w-44 { width: 44%;}
.w-48 { width: 48%;}
.w-7 { width: 7%;}
.w-px-25{ width: 25px;}
.w-40 {
  width: 40%;
}
.w-70 {
  width: 70% !important;
}
.btn-light { border: 1px solid #DEE2E6;}
.w-px-100 { width: 100px;}
.w-px-150 { width: 150px;}
.f-26 { font-size: 26px;}
.w-px-13 { width: 13px;} 

.breadcrumb-border {
  width: 100%;
  left: 0;
  padding-left: 85px;
  padding-right: 15px;
  border-bottom: 1px solid var(--bs-border-color) !important;
  position: fixed;
    top: 50px;
    z-index: 10; background: #ebedf0;
}

.fixed-header .app-main {
  padding: 120px 20px 25px;
}

.w-px-32{
  width: 32px;
}

.height-px-32{
  height: 32px;
}

.radius-5 {
  border-radius: 5px;
}
.w-px-130{
  width: 130px;
}
 
.w-px-300{ width: 300px;}

.w-42{ width: 42%;}
.w-5{ width: 5%;} 
.medium-font{
  font-family: "DMSans-Medium";
}

.w-px-36{width: 36px;} 
.height-px-36{height: 36px;}
.w-px-20{width: 20px;} 
.height-px-20{height: 20px;}
.w-px-50 { width: 50px;}
.height-px-50 { height: 50px;}
.w-px-150 { width: 150px;}
.w-px-36{width: 36px;} 
.height-px-36 { height: 36px;}

.overview-card-grid {
  display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-bottom: 20px;
}

.overview-card-grid .white-box {
  background: var(--bs-white);
  border-radius: 10px;
  padding: 12px 15px 8px 15px;
  display: flex;
  align-items: center;
  }

  .w-px-10{
    width: 10px;
  }

  .height-px-10{
    height: 10px;
  }

  .font-weight-500{
    font-weight: 500;
  }