@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

* {
  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

html,
body {
  font-family: "Roboto", sans-serif;

  font-size: 12pt;

  font-weight: normal;

  overflow: hidden;

  height: 100%;
}

i,
a,
input,
button,
textarea,
select {
  outline: none;
}

button {
  border: 0;

  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;

  cursor: pointer;

  color: #333;
}

.add-btn {
  background: #468600;

  color: #fff;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  height: 30px;

  line-height: 28px !important;

  letter-spacing: 2px;

  padding: 0px;

  width: 100%;
}

ul,
li {
  list-style: none;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;

  padding: 0;
}

.underline {
  text-decoration: underline;
}

.select-bg-1,
header .universal-search ul li select {
  background: url(../img/down-icon.png) right/26px no-repeat #f8f8f8 !important;
}

.selectize-input,
.select-bg-2,
select {
  background: url(../img/down-icon.png) right/26px no-repeat #fff !important;
}

select {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;
}

.wp100 {
  width: 100% !important;
}

.df {
  display: flex !important;
}

.ac {
  align-items: center !important;
}

.ais {
  align-items: stretch !important;
}

.fdc {
  flex-direction: column !important;
}

.afe {
  align-items: flex-end !important;
}

.afs {
  align-items: flex-start !important;
}

.jsb {
  justify-content: space-between;
}

.jsa {
  justify-content: space-around;
}

.jc {
  justify-content: center !important;
}

.jfe {
  justify-content: flex-end !important;
}

.jfs {
  justify-content: flex-start !important;
}

.left-auto {
  margin-left: auto !important;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@-moz-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@-ms-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.none-shadow {
  height: fit-content;
  box-shadow: none !important;

  border: 1px solid #ccc;
  width: auto;
}

.file,
select,
input[type="file"].files,
input[type="text"],
input[type="date"],
input[type="time"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
  height: 30px;

  border: 1px solid #ccc !important;

  background: #fff;

  padding-left: 10px;

  padding-right: 10px;

  width: 100%;

  display: inline-block;

  font-size: 11px;

  font-family: "Roboto", sans-serif;

  color: #000;

  position: relative;

  border-radius: 0px;

  box-shadow: none;

  font-weight: normal;
}

input[type="file"].files {
  padding-top: 5px;
}

.w300 {
  width: 300px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w400 {
  width: 400px !important;
}

.w470 {
  width: 470px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w550 {
  width: 550px !important;
}

.w700 {
  width: 700px !important;
}

.w450 {
  width: 450px !important;
}

.w280 {
  width: w280 !important;
}

.file:focus,
select:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.area-border:focus {
  border: 1px solid rgb(197 47 51) !important;

  box-shadow: 0 0 0 2px rgba(197, 47, 51, 0.3) !important;
}

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

.anim-width,
.left-property,
.left-container,
header .left,
.right-container,
.main-wrapper.active .left-property,
.main-wrapper.active .left-container,
.main-wrapper.active header .left,
header .main-wrapper.active .left,
.custome-full-body-popup,
.custome-full-body-popup.active {
  -webkit-transition: width 0.5s;

  transition: width 0.5s;
}

/* .anim-width2,

.login-bg .login .inear-login .form .field .control-field span:after,

.login-bg .register .inear-login .form .field .control-field span:after,

.login-bg .login .inear-login .form .field .control-field .inputText:focus~span:after,

.login-bg .register .inear-login .form .field .control-field .inputText:focus~span:after {

  -webkit-transition: width 0.3s;

  transition: width 0.3s

} */

.anim-height,
.custome-full-body-popup,
.custome-full-body-popup.active {
  -webkit-transition: height 0.5s;

  transition: height 0.5s;
}

.anim-padding,
.main-wrapper,
.main-wrapper.active {
  -webkit-transition: padding 0.5s;

  transition: padding 0.5s;
}

/* .anim-left,

.login-bg .login,

.login-bg.active .login,

.left-navigation ul li a div,

.left-navigation ul li:hover a div,

.left-navigation ul li .submenu ul li:hover a div {

  -webkit-transition: left 0.3s;

  transition: left 0.3s

} */

.anim-right,
.login-bg .register,
.login-bg.active .register,
.custome-full-body-popup,
.custome-full-body-popup.active {
  -webkit-transition: right 0.3s;

  transition: right 0.3s;
}

.transition,
header,
header.visiblsh,
header .logo img,
header .sub-menu .quick-create h1:after,
header .sub-menu .quick-create:hover h1:after,
.left-navigation ul li .submenu,
.left-navigation ul li .submenu ul,
.active .left-navigation ul li .submenu,
.active .left-navigation ul li .submenu ul,
.table table tr:hover td .action-hover,
.action-hover-default,
.action-hover,
.related-menus ul li a div,
.related-menus ul li a div i,
.related-menus ul li a div span,
.related-menus ul li a div:hover span,
.related-menus ul li:hover a div,
.related-menus ul li.active a div,
.related-menus ul li:hover a div i,
.related-menus ul li.active a div i,
.details .custome-table table,
.details .custome-table table tr:hover td .action-hover,
.details:hover .custome-table table {
  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  transition: 0.3s;
}

.main-wrapper {
  padding-left: 50px;
}

.wp100 {
  width: 100%;
}

.align-center {
  align-items: center !important;
}

.left-property,
.left-container,
header .left {
  position: fixed;

  width: 200px;

  left: 0;
}

.left-container {
  height: 100%;

  z-index: 10;

  padding-top: 48px;

  background: #212121 !important;

  border-top-right-radius: 0px;
}

/* .right-container {

  width: 100%;

  background: #fff

} */

/* .right-container .scrollbar {

  min-height: 93.5%;

  height: 93.5%;

  width: 97%;

  overflow-y: auto;

  position: absolute

} */

/* okaya css Add*/

.loading-bg {
  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  padding: 50px 10px 10px 200px;

  width: 100%;

  height: 100%;

  z-index: 9;
}

.panel-group .panel.has-error-bdr {
  border-color: #ff0000 !important;
}

.form-column.has-error,
.has-error input,
.has-error md-select,
.has-error select,
.has-error textarea {
  border: 1px solid #ff0000 !important;

  box-shadow: 0 0 0 2px rgba rgba(255, 0, 0, 0.3) !important;
}

.innear-container {
  position: absolute;

  height: 100%;

  width: 100%;

  padding: 50px 10px 10px 200px;

  right: 0;

  top: 0;
  background: #212121;
}

.okaya-container {
  border-radius: 20px;

  height: 100%;

  overflow: hidden;

  position: relative;
}

.okaya-container.af-none:after {
  height: 0px;

  position: inherit;

  background: transparent;
}

.cs-container {
  background: #fff;
}

.scroll-container {
  height: 100%;

  overflow: auto;
}

.container-padding {
  padding: 10px;
}

.left-auto {
  margin-left: auto !important;
}

.module-head {
  display: flex;

  align-items: center;

  background: #0b9ae3;

  padding: 10px;

  border-radius: 20px 20px 0px 0px;
}

.module-head-btn {
  height: 35px;
  font-size: 12px;
  line-height: 35px;
  letter-spacing: 0.7px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  color: #fff !important;
  background: black;
  position: relative;
  left: 320%;
}
.ins_heading {
  text-align: center;
  font-size: 25px;
  color: #ff002f;
  background: #ffe1ab73;
  font-weight: 600;
}
.module-name h2 {
  font-size: 12px;

  font-weight: 600;

  color: #fff;

  letter-spacing: 1px;

  text-transform: capitalize;
}

.module-name p {
  font-size: 11px;

  line-height: 18px;

  color: #fff;
}

.universal-search {
  min-width: 180px;

  width: 180px;

  padding: 0px 10px;
}

.universal-search select {
  border-radius: 8px;

  height: 35px;
}

.logout-btn {
  margin-left: auto;

  /* position: relative; */

  /* padding-right: 100px; */

  align-items: center;

  display: flex;
}

.welcome-note {
  font-size: 12px;

  color: #fff;
}

.logout-btn a div {
  width: 80px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

.logout-btn a div i {
  color: #ff0000;
}

.logout-btn a div p {
  font-size: 11px;

  color: #ff0000;
}

.new-step-form .tabs {
  display: flex;

  align-items: center;

  justify-content: center;

  padding: 10px 0px;

  position: relative;

  z-index: 7;
}

.new-step-form .tabs li {
  text-align: center;

  padding-left: 30px;

  padding-right: 30px;

  position: relative;
}

.new-step-form .tabs li:after {
  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background: #24a95a;

  top: 14px;
}

.new-step-form .tabs li:last-child:after {
  display: none;
}

.new-step-form .tabs li a {
  text-align: center;
}

.new-step-form .tabs li a span {
  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 26px;

  border-radius: 30px;

  background: #fff;

  position: relative;

  z-index: 9;

  border: solid 2px #24a95a;
}

.new-step-form .tabs li a span:before {
  content: "done";

  position: absolute;

  top: -3px;

  left: -2px;

  width: 30px;

  height: 30px;

  line-height: 26px;

  background: #24a95a;

  color: #ffffff;

  font-family: "Material Icons";

  font-weight: normal;

  font-style: normal;

  letter-spacing: normal;

  text-transform: none;

  border-radius: 100%;

  font-size: 18px;

  border: 2px solid #24a95a;

  display: none;
}

.new-step-form .tabs li a p {
  display: block;

  font-size: 11px;

  margin-top: 5px;

  font-weight: 600;
}

.new-step-form .tabs li.active a span,
.new-step-form .tabs li.done a span {
  background: #24a95a;

  color: #fff;
}

.new-step-form .tabs li.active a span:before {
  display: block;
}

.cs-relative {
  position: relative !important;

  padding-right: 60px;
}

.cart-btn {
  position: absolute;

  top: 0;

  right: 0;

  /* width: 30px; */

  height: 30px;

  margin-top: 0px;

  padding: 10px;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  background: #24a95a;

  color: #fff;
}

.csm-tabs {
  padding: 15px;
}

.csm-tabs ul {
  display: flex;
}

.csm-tabs ul li {
  margin-right: 15px;

  position: relative;
}

.csm-tabs ul li:last-child {
  margin-right: 0px;
}

.csm-tabs ul li:focus {
  outline: none;
}

.csm-tabs ul li a {
  position: relative;

  padding: 3px 10px 3px 5px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border: 1px solid #24a95a;

  letter-spacing: 1px;

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);

  background: #24a95a;

  border-radius: 6px;
}

.csm-tabs.active-af ul li a {
  position: relative;
}

.csm-tabs.active-af ul li a:after {
  content: "";

  position: absolute;

  bottom: -8px;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 7px solid #24a95a;

  display: none;
}

.csm-tabs.active-af ul li a.active:after {
  display: inherit;
}

.csm-tabs.maxwidth ul li a {
  width: 270px;
}

.csm-tabs ul li a p {
  font-size: 11px;

  font-weight: 600;

  color: #fff;

  display: flex;

  align-items: center;

  letter-spacing: 0px;
}

.csm-tabs ul li a img {
  width: 20px;

  margin: 0px 15px;
}

.csm-tabs ul li a span {
  width: auto;

  min-width: 20px;

  height: 20px;

  line-height: 20px;

  border-radius: 0px 6px 6px 0px;

  background: #ffffff;

  font-weight: 600;

  font-size: 11px;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 10px;

  padding: 3px;

  margin-right: -5px;
}

.csm-tabs.fwt {
  padding: 0px;
}

.csm-tabs.tab-af {
  position: relative;

  padding-left: 30px;
}

.csm-tabs.tab-af:after {
  content: "";

  position: absolute;

  top: 50%;

  left: 15px;

  width: 2px;

  height: 100%;

  background: rgba(0, 0, 0, 0.2);

  transform: translateY(-50%);
}

.csm-tabs.tab-border ul li a {
  border: 1px solid #cccccc !important;
}

.csm-tabs.fwt ul li {
  margin-right: 0px;
}

.csm-tabs.fwt ul li a {
  box-shadow: none;

  background: #ffffff;

  border-color: #ffffff;

  border-radius: 0px;

  position: relative;

  transition: all 0.5s;
}

.csm-tabs.fwt ul li a:after {
  content: "";

  position: absolute;

  bottom: -8px;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 7px solid transparent;
}

.csm-tabs.fwt ul li:first-child a {
  border-radius: 6px 0px 0px 6px;
}

.csm-tabs.fwt ul li:last-child a {
  border-radius: 0px 6px 6px 0px;
}

.csm-tabs.fwt ul li a p {
  color: #000000;
}

.csm-tabs.fwt ul li a span {
  color: #ffffff;

  background: #868181;

  border-radius: 6px;
}

.csm-tabs.fwt ul li a:hover,
.csm-tabs.fwt ul li a.active {
  background: #000000;

  border-color: #000000;

  transition: all 0.5s;
}

.csm-tabs.fwt ul li a:hover p,
.csm-tabs.fwt ul li a.active p {
  color: #ffffff;
}

.csm-tabs.fwt ul li a:hover span,
.csm-tabs.fwt ul li a.active span {
  color: #868181;

  background: #ffffff;
}

.csm-tabs.fwt ul li a:hover:after,
.csm-tabs.fwt ul li a.active:after {
  border-top: 7px solid #000000;
}

.csm-tabs ul li.active a.leadbank span,
.csm-tabs ul li.active a.csupcoming span,
.csm-tabs ul li a.csupcoming,
.csm-tabs ul li a.leadbank {
  background: #fff;
}

.csm-tabs ul li a:focus {
  outline: none;
}

.csm-tabs ul li.active a {
  background: #000000;

  /* box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16); */
}

.csm-tabs.tab-space-bdr {
  padding: 15px 0px;
}

.csm-tabs.tab-space-bdr ul li a {
  border: 1px solid #000000;

  padding: 10px;
}

.csm-tabs ul li a p i {
  color: #000;

  line-height: 0px;

  margin-right: 15px;

  font-size: 20px;
}

.csm-tabs ul li.active a p i {
  color: #fff !important;
}

.csm-tabs ul li.active a:after {
  content: "";

  position: absolute;

  bottom: -7px;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #000000;
}

.csm-tabs ul li.active a p {
  color: #fff;
}

.item-info {
  margin-top: 10px;
}

.forword-page {
  display: flex;

  align-items: center;

  background: #ccc;

  height: 40px;

  border: 1px solid rgba(0, 0, 0, 0.3);

  margin-bottom: 10px;

  cursor: pointer;
}

.forword-page span.counts {
  min-width: 40px;

  height: 40px;

  border-radius: 0px;

  line-height: 38px;

  text-align: center;

  background: rgba(0, 0, 0, 0.5);

  color: #ffffff;

  font-size: 12px;

  font-weight: 600;
}

.forword-page p {
  font-size: 12px;

  line-height: 0px;

  padding-left: 10px;

  color: #000000;
}

.forword-page span.arrow {
  margin-left: auto;

  margin-right: 10px;

  color: rgba(0, 0, 0, 0.5);
}

.forword-page.activity {
  background: #34a5eb;
}

.forword-page.quotation {
  background: #27ab00;
}

.forword-page.requirement {
  background: #ffa200;
}

.cs-radio {
  display: inline-flex;

  margin-right: 20px;

  font-size: 13px;

  /* line-height: 15px; */

  align-items: center;
}

.cs-radio input {
  margin: 0px 10px 0px 0px;
}

.custom-collaps {
  padding: 10px;
}

.custom-collaps .custom-collaps {
  padding: 10px;

  border: 1px solid #ccc;

  margin-top: 10px;
}

.custom-collaps .custom-collaps p.cat-name {
  font-size: 11px;

  margin-bottom: 5px;

  font-weight: 600;
}

.collaps-flex {
  display: flex;

  width: 100%;
}

.flex-head {
  display: flex;
}

.flex-head a.add-in {
  width: 150px;

  min-width: 150px;

  border: 2px solid #24a959;

  margin-left: 10px;

  padding: 0px 10px;

  display: flex;

  color: #24a95a;

  align-items: center;

  justify-content: center;

  height: 35px;

  font-size: 12px;
}

.flex-head a.add-in i {
  transform: rotate(-90deg);

  margin-left: 10px;
}

.collaps-flex .sel-input {
  width: 100%;

  position: relative;
}

.collaps-flex .sel-input input {
  position: absolute;

  top: 0;

  left: 0;

  height: 35px;

  display: none;
}

.collaps-flex .sel-input.active input {
  display: block;
}

.collaps-flex .sel-input select,
.collaps-flex .sel-input md-select {
  height: 35px !important;
}

.collaps-flex a.add-collaps {
  min-width: 35px;

  height: 35px;

  background: #24a95a;

  /* display: flex; */

  line-height: 35px;

  text-align: center;
}

.collaps-flex a.add-collaps i {
  font-size: 20px;

  line-height: 35px;

  color: #ffffff;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-group.collaps-group {
  margin: 15px 0px 0px 0px !important;
}

.panel-group.collaps-group .panel-default > .panel-heading {
  color: #333;

  background-color: #ffffff;

  border-color: transparent;

  background-image: inherit;

  position: relative;
}

.panel-group.collaps-group .panel-default .panel-collapse {
  padding: 10px;
}

.panel-group.collaps-group .panel-default .collapse .panel-group,
.panel-group.collaps-group .panel-default .collapse.in .panel-group {
  margin-bottom: -1px;
}

.panel-group.collaps-group .panel-default > .panel-heading:after {
  content: "add";

  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  font-family: "Material Icons";

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  white-space: nowrap;

  word-wrap: normal;

  transition: all 0.5s;
}

.panel-group.collaps-group .panel-default > .panel-heading.active:after {
  content: "remove";

  transition: all 0.5s;
}

.panel-group.collaps-group .panel-title {
  font-size: 12px;
}

.upload-images {
  margin-top: 15px;
}

.upload-images p {
  font-size: 11px;

  color: #000000;

  margin-bottom: 3px;
}

.upload-images ul {
  display: flex;

  flex-wrap: wrap;

  width: 100%;
}

.upload-images ul li {
  margin-right: 10px;

  margin-bottom: 10px;

  width: 100px;

  height: 100px;
}

.upload-images ul li label {
  min-width: 100px;

  width: 100px;

  height: 100px;

  border: 1px solid #da2b2a;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  position: relative;

  margin: 0px !important;
}

.upload-images ul li label img,
.upload-images ul li label canvas {
  width: 100%;

  height: 100%;

  border-radius: 10px;
}

.upload-images ul li label.file-bg {
  background: #fba6a6;

  cursor: pointer;
}

.upload-images ul li label.file-bg i {
  color: #ffffff;

  font-size: 26px;
}

.upload-images ul li label .del-icon {
  position: absolute;

  top: 0;

  left: 0;

  background: rgba(255, 255, 255, 0.7);

  width: 100%;

  height: 100%;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  transform: scale(0);

  transition: all 0.9s;

  justify-content: space-around;

  flex-direction: row;
}

.upload-images ul li label .del-icon i {
  color: #ff0000;

  font-size: 20px;
}

.upload-images ul li label:hover .del-icon {
  transform: scale(1);

  transition: all 0.9s;
}

.password {
  display: flex;

  align-items: center;
}

.password input {
  width: 100%;

  border: 0px !important;

  height: 20px;

  padding: 0px;
}

.password input:focus {
  border: 0px !important;

  box-shadow: none !important;
}

.password a.hide-show {
  min-width: 20px;

  height: 20px;

  position: relative;
}

.password a.hide-show i {
  position: relative;

  width: 100%;

  height: 100%;
}

.password a.hide-show i:after {
  content: "visibility_off";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0;

  font-family: "Material Icons";

  font-weight: normal;

  font-style: normal;

  font-size: 18px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  color: #000000;

  transition: all 0.9s;
}

.password.active a.hide-show i:after {
  content: "visibility";

  transition: all 0.9s;
}

.user-profile {
  position: absolute;

  top: 10px;

  left: 5px;

  width: 120px;

  height: 110px;
}

.user-profile label {
  width: 100%;

  height: 100%;

  display: flex;

  background: #24a95a;

  margin-bottom: 0px;

  align-items: center;

  justify-content: center;

  cursor: pointer;
}

.user-profile span {
  position: absolute;

  width: 100%;

  font-size: 11px;

  text-align: center;

  color: #ffffff !important;

  background: #000000;

  padding: 5px;
}

.col-relative {
  position: relative;

  padding: 0px 0px 0px 130px;
}

.user-profile label img,
.user-profile label canvas {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;
}

.user-profile label i {
  font-size: 30px;

  color: #fff;
}

.form-check input {
  width: 16px;

  height: 16px;

  cursor: pointer;
}

.simple-heading {
  padding: 20px 0px 10px 0px;

  position: relative;

  display: inline-block;
}

.simple-heading button {
  position: absolute;

  top: 50%;

  right: -30px;

  font-size: 20px;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background: #24a95a;

  border-radius: 4px;
}

.simple-heading button i {
  font-size: 16px;

  color: #ffffff;
}

.simple-heading h2 {
  font-size: 12px;

  font-weight: 600;

  color: #062845;

  letter-spacing: 0.5px;
}

.back-btn {
  border-right: 1px solid rgba(0, 0, 0, 0.5);

  margin-right: 10px;
}

.back-btn a {
  width: 35px;

  min-width: 35px;

  display: block;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 40px;

  margin-right: 5px;

  transition: 0.5s;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.back-btn a i {
  color: #ffffff;
}

a.chips-arrow {
  padding: 2px 20px 0px 4px;

  background: #f9f9f9;

  display: inline-block;

  border: 1px solid #e1e1e1;

  border-radius: 4px;

  position: relative;

  color: #585858 !important;
}

a.chips-arrow:after {
  content: "keyboard_arrow_right";

  position: absolute;

  top: 50%;

  right: 0;

  font-family: "Material Icons";

  font-weight: normal;

  font-style: normal;

  font-size: 18px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  white-space: nowrap;

  word-wrap: normal;

  transform: translateY(-50%);
}

.back-btn a:hover {
  background: rgba(0, 0, 0, 0.1);

  transition: 0.5s;
}

.scroll240 {
  min-height: auto;

  max-height: 240px;

  overflow: auto;
}

.scroll400 {
  min-height: auto;

  max-height: 400px;

  overflow: auto;
}

.tree-sticky {
  position: sticky;

  top: 0;

  right: -20px;
}

.tree-section {
  padding: 10px 0px;

  min-height: auto;

  max-height: calc(100% - 160px);

  overflow: auto;
}

.tree-section ul {
  margin: 0px;

  padding: 0;

  position: relative;
}

.tree-section ul li {
  position: relative;

  padding: 7px 0px 7px 25px;

  font-size: 13px;
}

.tree-section ul li:before {
  position: absolute;

  top: 13px;

  left: 6px;

  width: 20px;

  height: 2;

  background: #24a95a;

  border-radius: 10px;

  content: "";
}

.tree-section ul li:after {
  z-index: 99;

  content: "";

  position: absolute;

  height: 100%;

  width: 2px;

  background: #24a95a;

  /* background-image:linear-gradient(180deg , #24a95a, #ffffff); */

  left: 0px;

  top: -11px;
}

.tree-section ul li:last-child:after {
  content: "";

  height: 25px;
}

/* .tree-section ul:first-child:after{top: 30px;}  */

.tree-section ul li span {
  padding-left: 10px;
}

.tree-section ul li span:after {
  content: "";

  position: absolute;

  top: 9px;

  left: -4px;

  width: 10px;

  height: 10px;

  background: #fff;

  border-radius: 10px;

  border: 2px solid #000000;

  z-index: 999;
}

.tree-scroll {
  padding: 0px 15px 15px;

  min-height: auto;

  max-height: 500px;

  overflow: auto;
}

.lead-tab {
  display: flex;
}

.lead-tab a {
  background: #fff;

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  font-size: 11px;

  border: 2px solid #14a751;

  cursor: default;

  padding: 0px 0px 0px 10px;

  white-space: nowrap;
}

.lead-tab a span {
  width: 60px;

  height: 20px;

  background: #14a751;

  border-radius: 0px 10px 10px 0px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-left: 0px !important;

  margin-left: 10px;

  color: #fff;
}

.flex-content {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.flex-content .control-group {
  width: 100%;

  margin-right: 15px;
}

.flex-content .control-group:last-child {
  margin-right: 0px;
}

.cs-flex a.add-item,
.cs-flex button.add-item {
  position: inherit;

  top: inherit;

  transform: inherit;
}

a.add-item,
button.add-item {
  min-width: 30px;

  height: 30px;

  background: #24a95a;

  text-align: center;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

  cursor: pointer;
}

a.add-item i,
button.add-item i {
  line-height: 30px;

  font-size: 20px;

  color: #ffffff;
}

.cs-flex a.add-item i,
.cs-flex button.add-item i {
  line-height: inherit;
}

.no-found {
  padding: 50px;

  text-align: center;
}

.no-found img {
  height: 100px !important;
}

.no-found p {
  font-size: 12px;

  margin-top: 16px;

  text-transform: uppercase;
}

.center-data {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.center-data p.af-img {
  position: relative;
}

.center-data p.af-img:after {
  content: "";

  position: absolute;

  position: absolute;

  top: -30px;

  right: -50px;

  background: url("../../assets/img/arrow.gif") no-repeat;

  width: 50px;

  height: 60px;

  background-size: cover;
}

.lead-color {
  padding: 15px 15px 0px 15px;
}

.lead-color ul {
  display: flex;

  align-items: center;

  flex-wrap: wrap;
}

.lead-color ul li {
  width: 50%;

  font-size: 11px;

  font-weight: 600;

  margin-bottom: 20px;
}

.lead-color ul li span {
  width: 20px;

  height: 20px;

  background: #14a751;

  display: inline-block;

  margin-right: 10px;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.master-search {
  display: flex;

  align-items: center;
}

.master-search input,
.master-search md-select {
  height: 35px !important;

  width: 300px;

  min-width: 300px;

  border-radius: 8px 0px 0px 8px;

  cursor: text !important;
}

.master-search md-select md-select-menu md-content {
  min-width: 96% !important;

  width: 96% !important;
}

.master-search a.search-btn {
  height: 35px;

  background: #24a95a;

  line-height: 40px;

  font-size: 12px;

  padding: 0px 15px;

  color: #fff;

  border-radius: 0px 10px 10px 0px;

  -webkit-touch-callout: none;

  /* iOS Safari */

  -webkit-user-select: none;

  /* Safari */

  -khtml-user-select: none;

  /* Konqueror HTML */

  -moz-user-select: none;

  /* Old versions of Firefox */

  -ms-user-select: none;

  /* Internet Explorer/Edge */

  user-select: none;
}

tspan {
  font-size: 11px;

  font-weight: 600;
}

.hot {
  background: #000000 !important;

  color: #ffffff !important;

  text-align: center !important;
}

.cold {
  background: #9e9e9e !important;

  color: #ffffff !important;

  text-align: center !important;
}

.warm {
  background: #757575 !important;

  color: #ffffff !important;

  text-align: center !important;
}

.delivered-text {
  color: #2cab05 !important;

  font-weight: 600 !important;
}

.delivered-bg {
  background: #2cab05 !important;

  color: #ffffff !important;
}

.approved-bg {
  background: #2cab05 !important;

  color: #ffffff !important;
}

.pending-text {
  color: #ffa315 !important;

  font-weight: 600 !important;
}

.pending-bg {
  background: #ffa315 !important;

  color: #ffffff !important;
}

.reject-text {
  color: #ff0000 !important;

  font-weight: 600 !important;
}

.reject-bg {
  background: #ff0000 !important;

  color: #ffffff !important;
}

.end-label-dropdown {
  margin-top: 1px;
}

.end-label-dropdown select {
  margin-top: -1px;
}

/* okaya css End*/

.crm-search-input {
  position: relative;

  clear: both;
}

.crm-search-input input {
  height: 40px;

  width: 100%;
}

.crm-search-input button {
  position: absolute;

  top: 8px;

  right: 8px;
}

.crm-search-input button i {
  color: #ccc;
}

.table-lt,
.table table,
.details .custome-table table {
  border-collapse: collapse;

  width: 100%;

  table-layout: fixed;

  border: solid 1px #ccc;

  background: #fff;

  font-size: 11px;
}

.table-lt th,
.table table th,
.details .custome-table table th,
.table-lt td,
.table table td,
.details .custome-table table td {
  vertical-align: middle;

  border: solid 1px #cccccc;

  padding: 5px 10px;

  position: relative;

  height: 30px;
}

.table-lt th,
.table table th,
.details .custome-table table th,
.table-lt td,
.table table td,
.details .custome-table .border-table table td {
  vertical-align: middle;

  border: solid 1px #beb9b5 !important;

  padding: 5px 10px;

  position: relative;

  height: 30px;
}

.box-shadow,
header .sub-menu .quick-create,
.add-pop-form .modal-content,
.detail-form .modal-content,
.custome-full-body-popup .popup-container {
  box-shadow: 0px 0px 10px 0px #ccc;
}

.submit-btn a,
.submit-btn button,
.submit-btn input[type="submit"],
.submit-btn input[type="button"] {
  font-family: "Roboto", sans-serif;

  color: #fff;

  text-transform: uppercase;

  background: #24a95a !important;

  outline: none;

  letter-spacing: 2px;

  border: 0;

  outline: none;

  padding: 10px 25px;

  display: inline-block;

  text-shadow: 0px 1px 0px #000;

  font-size: 12px;

  font-weight: 600px;

  border-radius: 5px;
}

.submit-btn.close-bg a,
.submit-btn.close-bg button,
.submit-btn.close-bg input[type="submit"],
.submit-btn.close-bg input[type="button"] {
  background: #f71515 !important;

  color: #ffffff !important;

  font-weight: 600;
}

.neno-space,
.summary-detail ul li {
  border: solid 1px #ccc;

  padding: 10px;

  border-radius: 0px;
}

.summary-detail ul li:nth-child(even) {
  background: #f8f8f8;
}

.summary-detail {
  background: #fff;
}

.summary-detail ul li p span {
  color: #e44303;

  font-size: 10px;
}

.description p {
  font-size: 11px;

  line-height: 18pt;
}

/* .login-bg {

  background-size: cover;

  height: 100%;

  background: #f6f7f7;

}



.login-bg .register .outer-login {

  background: transparent;

  background: -webkit-linear-gradient(transparent, #fff);

  background: -o-linear-gradient(transparent, #fff);

  background: -moz-linear-gradient(transparent, #fff);

  background: linear-gradient(transparent, #fff);

  border-radius: 0px 0px 4px 4px;

  border-bottom: solid 1px #1c384e

}



.login-bg .login .inear-login,

.login-bg .register .inear-login {

  background: transparent;

  background: -webkit-linear-gradient(transparent, #fff);

  background: -o-linear-gradient(transparent, #fff);

  background: -moz-linear-gradient(transparent, #fff);

  background: linear-gradient(transparent, #fff);

  border-radius: 0px 0px 4px 4px;

  padding-bottom: 60px;

  border-bottom: solid 3px #5489b7;

  ;

}



.login-bg .register .inear-login .logo-tag {

  text-align: center;

  background: #f8f8f8;

  width: 70%;

  margin: 60px auto 40px;

  border-radius: 4px;

  padding: 15px 10px

}



.login-bg .login .inear-login .logo-tag .logo img,

.login-bg .register .inear-login .logo-tag .logo img {

  height: 50px

}



.login-bg .login .inear-login .form,

.login-bg .register .inear-login .form {

  padding: 0px 40px

}



.login-bg .login .inear-login .form .field,

.login-bg .register .inear-login .form .field {

  margin-bottom: 30px

}



.login-bg .login .inear-login .form .field .icon,

.login-bg .register .inear-login .form .field .icon {

  display: table-cell;

  vertical-align: middle

}



.login-bg .login .inear-login .form .field .icon i,

.login-bg .register .inear-login .form .field .icon i {

  width: 40px;

  font-size: 24px

}



.login-bg .login .inear-login .form .field .icon i.fa-lock,

.login-bg .register .inear-login .form .field .icon i.fa-lock {

  font-size: 36px

}



.login-bg .login .inear-login .form .field .control-field,

.login-bg .register .inear-login .form .field .control-field {

  position: relative;

  display: table-cell;

  vertical-align: top;

  width: 100%

}



.login-bg .login .inear-login .form .field .control-field .inputText,

.login-bg .register .inear-login .form .field .control-field .inputText {

  height: 50px;

  line-height: 50px;

  border: 0;

  border-bottom: solid 2px #ccc;

  background: transparent;

  font-size: 16px;

  color: #000;

  padding-top: 10px;

  padding-left: 0;

  font-family: "Roboto", sans-serif

}



.login-bg .login .inear-login .form .field .control-field span:after,

.login-bg .register .inear-login .form .field .control-field span:after {

  content: "";

  position: absolute;

  bottom: 0;

  width: 0%;

  height: 2px;

  background: #ec125c;

  margin: 0px auto;

  left: 0;

  right: 0

}



.login-bg .login .inear-login .form .field .control-field .inputText:focus~span:after,

.login-bg .register .inear-login .form .field .control-field .inputText:focus~span:after {

  content: "";

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: #ec125c;

  margin: 0px auto;

  left: 0;

  right: 0

}



.login-bg .login .inear-login .form .reme,

.login-bg .login .inear-login .form .fpas,

.login-bg .register .inear-login .form .reme,

.login-bg .register .inear-login .form .fpas {

  font-family: "Roboto", sans-serif

}



.login-bg .login .inear-login .form .reme label,

.login-bg .login .inear-login .form .fpas label,

.login-bg .register .inear-login .form .reme label,

.login-bg .register .inear-login .form .fpas label {

  font-weight: normal

}



.login-bg .login .inear-login .form .fpas a,

.login-bg .register .inear-login .form .fpas a {

  color: #006cff

}



.login-bg .login {

  position: relative;

  top: inherit;

  left: 0;

  opacity: 1;

  visibility: visible

}



.login-bg .register {

  position: absolute;

  top: 0;

  right: -400px;

  opacity: 0;

  visibility: hidden

}



.login-bg.active .login {

  position: absolute;

  top: 0;

  left: -400px;

  opacity: 0;

  visibility: hidden

}



.login-bg.active .register {

  position: relative;

  top: inherit;

  right: 0;

  opacity: 1;

  visibility: visible

} */

.outer {
  display: table;

  width: 100%;

  height: 100%;
}

.inner {
  display: table-cell;

  vertical-align: middle;

  text-align: center;
}

.login {
  width: 100%;

  height: 100%;

  position: relative;
}

.login .login-container {
  width: 100%;

  position: relative;

  z-index: 1;
}

.login .login-container .login-left {
  width: 50%;

  height: 100vh;

  float: left;
}

.login .login-container .login-left .project-name {
  padding-left: 180px;
}

.login .login-container .login-left .project-name h2 {
  text-align: left;

  font-size: 26px;

  margin-bottom: 24px;

  color: #0b9ae3;

  letter-spacing: 2px;

  text-transform: uppercase;

  text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.9);
}

.login .login-container .login-left .project-name h2 span {
  font-size: 52px;
}

.login .login-container .login-right {
  width: 50%;

  height: 100vh;

  float: left;
}

.login .login-container .login-right .login-form {
  width: 370px;

  height: 430px;

  background: linear-gradient(#028abf 20%, #59caf5 100%);

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);

  /* box-shadow: 0px 15px 40px 2px rgba(0, 0, 0, 0.5); */

  border-radius: 10px;

  margin: 0 auto;

  padding: 30px;

  position: relative;
}

.login .login-container .login-right .login-form .company-logo {
  padding-bottom: 40px;

  text-align: center;
}

.login .login-container .login-right .login-form .company-logo img {
  height: 40px;
}

.login .login-container .login-right .login-form .short-description {
  padding-bottom: 30px;
}

.login .login-container .login-right .login-form .short-description p {
  font-size: 12px;

  text-align: left;

  padding-right: 50px;

  line-height: 18px;

  color: #000;
}

.login
  .login-container
  .login-right
  .login-form
  .form
  .control-field
  .login-input {
  width: 100%;

  position: relative;
}

.login
  .login-container
  .login-right
  .login-form
  .form
  .control-field
  .login-input
  input {
  border-radius: 20px;

  background: #fff;

  width: 100%;

  height: 40px;

  font-size: 12px;

  padding-left: 40px;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

  box-sizing: border-box;
}

.login
  .login-container
  .login-right
  .login-form
  .form
  .control-field
  .login-input
  .input-icon {
  position: absolute;

  top: 12px;

  left: 10px;

  font-size: 20px;
}

.login .login-container .login-right .login-btn {
  text-align: left;

  position: absolute;

  bottom: 30px;
}

.login .login-container .login-right .login-btn button {
  position: relative;

  width: 110px;

  text-align: left;

  border-radius: 20px;

  padding: 8px 10px;

  background: #27ab00;

  color: #fff;

  transition: all 0.5s;
}

.login .login-container .login-right .login-btn button span {
  font-size: 14px !important;
}

.login .login-container .login-right .login-btn button:after {
  content: "arrow_right_alt";

  font-family: "Material Icons";

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  transition: right 0.5s;

  right: 20px;
}

.login .login-container .login-right .login-btn button:hover {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5);

  transition: all 0.5s;
}

.login .login-container .login-right .login-btn button:hover:after {
  content: "arrow_right_alt";

  right: 10px;

  transition: right 0.5s;
}

.login:after {
  content: "";

  background: #212121;

  /* background: #000000 url('../../assets/img/okaya-img/login-bg.png') no-repeat center; */

  position: absolute;

  top: 0;

  left: 0;

  width: 50%;

  height: 100%;

  background-size: cover;
}

.login:before {
  content: "";

  background: #ffffff;

  position: absolute;

  top: 0;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: 1;
}

.floating-label {
  position: absolute;

  pointer-events: none;

  transition: 0.2s ease all;

  top: 15px;

  font-size: 16px;

  color: #000;

  opacity: 0.8;
}

textarea:focus ~ .floating-label,
textarea:not(:focus):valid ~ .floating-label,
input[type="email"]:focus ~ .floating-label,
input[type="email"]:not(:focus):valid ~ .floating-label,
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
  font-size: 10pt;

  top: 0px;

  color: #000;
}

header {
  height: 50px;

  padding: 0px 10px;
  padding-left: 0px;

  z-index: 13;

  position: relative;

  background: #212121;

  display: flex;

  align-items: center;
}

header.visiblsh {
  box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1);
}

header .right {
  width: 100%;
}

header .logo {
  text-align: center;
  background: #fff;
  justify-content: center;
  margin: 8px;
  border-radius: 15px;
  height: 100px;
  display: flex;
  align-items: center;
  padding-top: 20px;
}

header .logo img {
  height: 30px;
}

/* header .universal-search ul {

  height: 40px;

  padding: 5px 0

}



header .universal-search ul li {

  float: left

}



header .universal-search ul li:nth-child(1) {

  width: 40%;

  padding-right: 5px

}



header .universal-search ul li:nth-child(2) {

  width: 60%

}



header .universal-search ul li select,

header .universal-search ul li input {

  height: 40px;

  background: #ffffff;

  border-radius: 40px;

} */

header .topbar-icons .mbtnn {
  display: none;
}

header .topbar-icons ul {
  text-align: right;
}

header .topbar-icons ul li {
  display: inline-block;

  position: relative;

  line-height: 48px;

  vertical-align: top;
}

header .topbar-icons ul li:hover {
  background: #ebebeb;

  border-bottom: solid 1px #ee9a10;
}

header .topbar-icons ul li a {
  display: block;

  /* padding: 0px 15px */
}

header .topbar-icons ul li a i {
  font-size: 16px;

  line-height: 48px;
}

header .topbar-icons ul li a span {
  position: absolute;

  color: #fff;

  background: #ec125c;

  font-size: 10px;

  width: 18px;

  height: 18px;

  text-align: center;

  line-height: 18px;

  border-radius: 100%;

  top: 2px;

  right: 8px;
}

header .topbar-icons ul li.cog {
  line-height: 20px;
}

header .topbar-icons ul li.cog a {
  padding: 0px 15px 12px 15px;
}

header .topbar-icons ul li.cog a i.fa-account-cog {
  background: url("../img/account-cog.png") no-repeat bottom center;

  background-size: 18px;

  height: 20px;

  width: 20px;

  opacity: 0.6;

  margin-top: 12px;
}

header .topbar-icons ul li.logout {
  text-align: center;
}

header .topbar-icons ul li.logout a i {
  line-height: 20px;
}

header .topbar-icons ul li.logout div {
  height: 50px;

  line-height: 20px;

  /* padding-top: 5px */
}

header .topbar-icons ul li.logout div p {
  font-size: 10pt;
}

header .sub-menu .fa-plus-circle {
  color: #0097f7;
}

header .sub-menu .quick-create {
  position: absolute;

  display: none;

  z-index: 999999;

  background: #fff;

  border: solid 1px #ccc;

  width: 400px;

  right: 0;
}

header .sub-menu .quick-create h1 {
  font-size: 12px;

  text-align: left;

  background: #f8f8f8;

  border-bottom: solid 1px #ccc;

  padding-left: 15px;

  position: relative;

  z-index: 1;

  line-height: 45px;
}

header .sub-menu .quick-create h1:after {
  background: #ebebeb;

  content: "";

  position: absolute;

  height: 100%;

  width: 0%;

  z-index: -1;

  right: 0;
}

header .sub-menu .quick-create ul li {
  float: left;

  width: 50%;

  text-align: left;

  line-height: 40px;
}

header .sub-menu .quick-create ul li a {
  font-size: 14px;
}

header .sub-menu .quick-create ul li a i {
  width: 30px;
}

header .sub-menu .quick-create ul li:hover {
  background: transparent;

  border-bottom: 0;
}

header .sub-menu .quick-create ul li:hover a {
  color: #ec125c;
}

header .sub-menu .quick-create:hover h1:after {
  background: #ebebeb;

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  z-index: -1;

  right: 0;
}

header .sub-menu:hover .quick-create {
  display: block;

  z-index: 99999;
}

.menu-toggle {
  padding: 0;
}

.left-navigation ul {
  margin-top: 10px;
}

.left-navigation ul li {
  position: relative;
}

.left-navigation ul li a {
  color: #637888;

  font-family: "Roboto", sans-serif;

  text-transform: uppercase;

  display: block;

  padding: 10px 0px;

  background: #1c384e;

  z-index: 1;

  border-left: solid 3px #1c384e;
}

.left-navigation ul li a i {
  width: 50px;

  text-align: center;

  font-size: 18px;
}

.left-navigation ul li a span {
  position: absolute;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s;
}

.left-navigation ul li a div {
  position: absolute;

  border: solid 1px #1c384e;

  top: 0;

  padding: 9px 0px 9px 10px;

  text-align: center;

  right: -150px;

  width: 150px;

  background: #1c384e;

  color: #fff;

  border-left: 0;

  border-radius: 0px 6px 6px 0px;

  left: -150px;

  z-index: -1;

  text-align: left;
}

.left-navigation ul li a div i {
  width: 30px;
}

.left-navigation ul li a:before {
  opacity: 0;

  visibility: hidden;

  content: "\f0d9";

  font-family: FontAwesome;

  right: 0px;

  position: absolute;

  font-size: 24px;

  margin-top: -7px;

  color: #1c384e;
}

.left-navigation ul li:hover a {
  background: #000;

  border-left: solid 3px #ee9a10;
}

.left-navigation ul li:hover a div {
  left: 50px;
}

.left-navigation ul li.active a {
  background: #000;

  border-left: solid 3px #ee9a10;
}

.left-navigation ul li.active a:before {
  color: #fff;
}

.left-navigation ul li.active a:hover:before {
  color: #1c384e;
}

.left-navigation ul li .submenu {
  position: absolute;

  min-width: 150px;

  left: 50px;

  margin-top: -42px;

  background: #1c384e;

  border-radius: 0px 6px 6px 0px;

  padding-top: 10px;
}

.left-navigation ul li .submenu .txg {
  color: #fff;

  text-transform: uppercase;

  padding-left: 10px;

  font-family: "Roboto", sans-serif;
}

.left-navigation ul li .submenu .txg i {
  width: 30px;

  text-align: center;

  font-size: 18px;
}

.left-navigation ul li .submenu ul {
  padding-bottom: 10px;

  padding-left: 15px;
}

.left-navigation ul li .submenu ul li a {
  padding: 4px 0px;

  background: #1c384e;

  border-left: solid 3px #1c384e;

  font-size: 14px;
}

.left-navigation ul li .submenu ul li:hover a {
  background: transparent;

  border-left: solid 3px transparent;

  color: #fff;
}

.left-navigation ul li .submenu ul li:hover a div {
  left: 50px;
}

.left-after,
.left-navigation ul li:hover a:before,
.left-navigation ul li.active a:before,
.left-navigation ul li.active a:hover:before,
.left-navigation ul li .submenu ul li:hover a:before {
  opacity: 1;

  visibility: visible;

  content: "\f0d9";

  font-family: FontAwesome;

  position: absolute;
}

.active .left-navigation ul li a span {
  opacity: 1;

  visibility: visible;

  transition: 0.5s;
}

.active .left-navigation ul li a div {
  display: none;
}

.active .left-navigation ul li .submenu {
  margin-top: 0px;

  padding-top: 0px;
}

.active .left-navigation ul li .submenu .txg {
  display: none;
}

.active .left-navigation ul li .submenu ul {
  padding-left: 0px;
}

.table {
  overflow-x: auto;

  position: relative;
}

.table table {
  min-width: 1024px;
}

.table table th {
  color: #000;

  font-family: "Roboto", sans-serif;

  font-size: 10pt;

  background: #e2e2e2;
}

/*.table table tr th {

  border-bottom: solid 0px #ccc

}*/

.table table tr:hover {
  background: #f8f8f8;
}

.table table tr:hover td .action-hover {
  opacity: 1;

  visibility: visible;
}

.table table tr:nth-child(1):hover {
  background: transparent;
}

.table table td {
  color: #696969;
}

.table table td strong {
  color: #333;
}

.table table td a {
  color: #23527c;
}

.table table td a:hover {
  text-decoration: underline;
}

.table table label {
  margin: 0;

  display: block;

  cursor: pointer;
}

.table table label input[type="checkbox"] {
  cursor: pointer;
}

.table table .mobile-no li {
  display: inline-block;
}

.table table .mobile-no li:nth-child(2) {
  padding-left: 20px;
}

.table table .mobile-no li:nth-child(2):before {
  content: ",";

  font-size: 31px;

  position: absolute;

  top: 0;

  margin: -8px 0px 0px -22px;
}

.table.icon-table {
  box-shadow: 0px 3px 6px 0px #ccc;
}

.action-hover-default {
  display: flex;

  align-items: center;

  justify-content: center;
}

.action-hover-default,
.action-hover {
  position: absolute;

  right: 0;

  top: 2px;

  opacity: 0;

  visibility: hidden;
}

.action-hover-default ul li,
.action-hover ul li {
  float: left;

  width: 25px !important;

  height: 25px !important;

  text-align: center;

  line-height: 25px !important;

  border: solid 1px #ccc;

  background: #fff;
}

.action-hover ul li.delete,
.action-hover-default ul li.delete {
  border-color: #ff0000;
}

.action-hover ul li.delete a i,
.action-hover-default ul li.delete a i {
  color: #ff0000;
}

.action-hover ul li.delete:hover,
.action-hover-default ul li.delete:hover {
  background: #ff0000;
}

.action-hover ul li.delete:hover a i,
.action-hover-default ul li.delete:hover a i {
  color: #fff;
}

.action-hover ul li.edit,
.action-hover-default ul li.edit {
  border-color: #2e7907;
}

.action-hover ul li.edit a i,
.action-hover-default ul li.edit a i {
  color: #2e7907;
}

.action-hover ul li.edit:hover,
.action-hover-default ul li.edit:hover {
  background: #2e7907;
}

.action-hover ul li.edit:hover a i,
.action-hover-default ul li.edit:hover a i {
  color: #fff;
}

.action-hover ul li.view,
.action-hover-default ul li.view {
  border-color: #009faf;
}

.action-hover ul li.view a i,
.action-hover-default ul li.view a i {
  color: #009faf;
}

.action-hover ul li.view:hover,
.action-hover-default ul li.view:hover {
  background: #009faf;
}

.action-hover ul li.view:hover a i,
.action-hover-default ul li.view:hover a i {
  color: #fff;
}

.action-hover-default ul li:first-child,
.action-hover ul li:nth-child(1) {
  border-radius: 4px 0px 0px 4px;
}

.action-hover-default ul li:last-child {
  border-radius: 0px 4px 4px 0px;
}

.action-hover-default ul li a,
.action-hover ul li a {
  display: block;

  justify-content: center;
}

.action-hover-default ul li i,
.action-hover ul li i {
  font-size: 12pt;

  color: #000;

  line-height: 22px;
}

.action-hover-default ul li:hover,
.action-hover ul li:hover {
  background: #f1eeee;
}

.action-hover-default ul li:hover i,
.action-hover ul li:hover i {
  color: #122b3e;
}

.action-hover-default.hover-center,
.action-hover.hover-center {
  position: static;
}

.action-hover-default.hover-center ul li,
.action-hover.hover-center ul li {
  float: none;

  display: inline-block;

  margin-left: -4px;
}

.action-hover-default.hover-center ul li:last-child {
  border-radius: 4px;
}

.action-hover-default.hover-center ul li.single-border,
.action-hover.hover-center ul li.single-border {
  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;
}

.action-hover-default {
  opacity: 1;

  visibility: visible;
}

.wp100 {
  width: 100%;
}

.width30 {
  width: 30px;
}

.width20 {
  width: 20px;
}

.width40 {
  width: 40px;
}

.width50 {
  width: 50px;
}

.width100 {
  width: 100px;
}

.width150 {
  width: 150px;
}

.width200 {
  width: 200px;
}

.width230 {
  width: 230px;
}

.width250 {
  width: 250px;
}

.h200 {
  height: 200px !important;
}

.h220 {
  height: 220px !important;
}

.h240 {
  height: 240px !important;
}

.h350 {
  height: 350px !important;
}

.h400 {
  height: 400px !important;
}

.h440 {
  height: 440px !important;
}

.mr0 {
  margin-right: 0px;
}

.mrb5 {
  margin-bottom: 5px;
}

.mrb8 {
  margin-bottom: 8px;
}

.mrb10 {
  margin-bottom: 10px;
}

.mrb12 {
  margin-bottom: 12px;
}

.mrb15 {
  margin-bottom: 10px;
}

.summary-detail ul li {
  margin-bottom: -1px;
}

.mrb25 {
  margin-bottom: 25px;
}

.mrb28 {
  margin-bottom: 20px;
}

.mrb30 {
  margin-bottom: 30px;
}

.mrb40 {
  margin-bottom: 40px;
}

.mrb50 {
  margin-bottom: 50px;
}

.mrb60 {
  margin-bottom: 60px;
}

.mrt0 {
  margin-top: 0px !important;
}

.mrt5 {
  margin-top: 5px;
}

.mrt8 {
  margin-top: 8px;
}

.mrt10,
.summary-detail ul li p:nth-child(2) {
  margin-top: 10px;
}

.mrt12 {
  margin-top: 12px;
}

.mrt15,
.details .custome-table,
.summary-detail {
  margin-top: 15px;
}

.mrt30 {
  margin-top: 30px;
}

.mrt40 {
  margin-top: 30px;
}

.mrt50 {
  margin-top: 50px;
}

.mrt60 {
  margin-top: 60px;
}

.mrl5 {
  margin-left: 5px;
}

.mrl10 {
  margin-left: 10px;
}

.mrl15 {
  margin-left: 15px;
}

.mrl20 {
  margin-left: 20px;
}

.mrl25 {
  margin-left: 25px;
}

.mrl60 {
  margin-left: 60px;
}

.mrl30 {
  margin-left: 30px;
}

.mrr5 {
  margin-right: 5px !important;
}

.mrr10 {
  margin-right: 10px;
}

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

.mrr20 {
  margin-right: 20px;
}

.mrr25 {
  margin-right: 25px !important;
}

.mrr30 {
  margin-right: 30px;
}

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

.mrt20 {
  margin-top: 8px;
}

.bg-1 {
  background: #f8f8f8;
}

.fnt-16 {
  font-size: 16px;
}

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

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

.fnt-22 {
  font-size: 22px;
}

.fnt-24 {
  font-size: 24px;
}

.fnt-semi {
  font-family: "Roboto", sans-serif;
}

.cl333 {
  color: #333 !important;
}

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

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

.padding10 {
  padding: 10px !important;
}

.pd-tb10 {
  padding: 10px 0px !important;
}

.padding5 {
  padding: 5px !important;
}

.padding15 {
  padding: 15px !important;
}

.h80 {
  height: 80px !important;
}

.bt-pic {
  font-size: 10px;

  color: #000;

  margin-bottom: 10px;
}

.no-padding-td table tr th:nth-child(1),
.no-padding-td table tr td:nth-child(1) {
  padding: 0 !important;
}

.listing-btn ul li {
  float: left;

  text-align: center;

  vertical-align: middle;

  border: solid 1px #ccc;

  height: 35px;

  line-height: 35px;

  min-width: 70px;

  border-left: 0;

  padding: 0px 10px;
}

.listing-btn ul li.adding {
  background: #52a1e3;

  border: 0px;
}

.listing-btn ul li.adding a {
  color: #fff !important;
}

.listing-btn ul li.adding a:hover {
  color: #333 !important;
}

.listing-btn ul li:first-child {
  border-left: solid 1px #ccc;
}

.listing-btn ul li a {
  color: #000;

  display: block;

  font-size: 10pt;
}

.listing-btn ul li a i {
  margin-right: 10px;

  font-size: 10pt;
}

.listing-btn ul li.adding a {
  color: #333;
}

.listing-btn ul li.adding a:hover {
  color: #ec125c;
}

.listing-btn.active ul li a {
  color: #333;
}

.listing-btn.active ul li a:hover {
  color: #ec125c;
}

.listing-heading ul li {
  display: inline-block;

  padding-right: 15px;

  position: relative;

  padding-left: 5px;
}

.listing-heading ul li:after {
  content: "\f105";

  font-family: FontAwesome;

  position: absolute;

  right: 0;

  top: -5px;
}

.listing-heading ul li:nth-child(2):after {
  content: "\f105";

  font-family: FontAwesome;

  position: absolute;

  right: 0;

  top: -5px;
}

.listing-heading ul li:first-child {
  padding-left: 0px;
}

.listing-heading ul li:last-child:after {
  display: none;
}

.listing-heading ul li a h1 {
  font-family: "Roboto", sans-serif;

  font-size: 12px;

  color: #006cff;
}

.listing-heading ul li a h1.color-black {
  color: #000;
}

.listing-heading ul li p {
  font-size: 12px;

  text-transform: uppercase;

  color: #333;
}

.related-menus ul {
  text-align: right;
}

.related-menus ul li {
  display: inline-block;

  margin-left: 15px;

  position: relative;
}

.related-menus ul li a div {
  height: 40px;

  width: 40px;

  border-radius: 100%;

  border: solid 2px #ccc;

  text-align: center;

  line-height: 38px;
}

.related-menus ul li a div i {
  font-size: 18px;

  line-height: 36px;

  color: #ccc;
}

.related-menus ul li a div span {
  right: -40px;

  left: initial;

  top: 48px;

  position: absolute;

  color: #000;

  font-size: 12px;

  text-transform: uppercase;

  font-family: "Roboto", sans-serif;

  border: solid 1px;

  height: 40px;

  padding: 0px 20px;

  border-radius: 5px;

  background: #fff;

  opacity: 0;

  visibility: hidden;

  white-space: nowrap;

  z-index: 2;
}

.related-menus ul li a div span:after {
  content: "\f0d8";

  font-family: FontAwesome;

  right: 12px;

  position: absolute;

  font-size: 20px;

  top: -22px;
}

.related-menus ul li a div:hover span {
  right: 0px;

  left: initial;

  opacity: 1;

  visibility: visible;
}

.related-menus ul li:hover a div,
.related-menus ul li.active a div {
  border: solid 2px #000;
}

.related-menus ul li:hover a div i,
.related-menus ul li.active a div i {
  color: #000;
}

.details {
  position: relative;
}

.details .dt-heading button {
  position: absolute;

  right: 0;

  top: 0;

  display: block;
}

.details .dt-heading button:hover {
  color: #ec125c;
}

.details .custome-table table {
  border-collapse: separate;

  border: 0;
}

.details .custome-table table tr td {
  border-bottom: 0;

  color: #696969;
}

.details .custome-table table tr td strong {
  font-weight: normal;

  font-family: "Roboto", sans-serif;
}

.details .custome-table table tr th {
  background: #ebebeb;

  border-right: 0px;

  border-bottom: 0px;
}

.details .custome-table table tr td {
  border-right: 0px;
}

.details .custome-table table tr th:last-child,
.details .custome-table table tr td:last-child {
  border-right: solid 1px #cccccc;
}

.details .custome-table table tr td a {
  color: #005daf;
}

.details .custome-table.last-border-bottom table tr:last-child th,
.details .custome-table table tr:last-child td {
  border-bottom: solid 1px #cccccc;
}

.details .custome-table table tr:hover td .action-hover {
  opacity: 1;

  visibility: visible;
}

.dt-heading h2 {
  font-size: 12px;

  font-family: "Roboto", sans-serif;

  color: #000;

  position: relative;

  display: inline-block;

  z-index: 1;

  font-weight: 600;
}

.dt-heading h2:after {
  content: "";

  position: absolute;

  background: #000000;

  height: 1px;

  width: 100%;

  bottom: -1px;

  z-index: -1;

  left: 0px;
}

.dt-heading h2 i {
  margin-right: 10px;

  display: none;
}

.summary-detail ul li p {
  font-size: 11px;
}

.add-pop-form,
.detail-form {
  top: 60px;
}

.add-pop-form .modal-dialog,
.detail-form .modal-dialog {
  width: 767px;
}

.add-pop-form .modal-content,
.detail-form .modal-content {
  border-radius: 0;
}

.modal-content .modal-body .body-middle-part {
  overflow: auto;

  padding-bottom: 10px;
}

.add-pop-form .modal-body,
.detail-form .modal-body {
  padding: 0px;
}

.add-pop-form .modal-body .body-middle-part .pop-heading {
  position: relative;
}

a.model-close {
  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  color: #ffffff;
}

.add-pop-form .modal-body .body-middle-part .pop-heading,
.detail-form .modal-body .body-middle-part .pop-heading {
  background: #000000;
}

.add-pop-form .modal-body .body-middle-part .pop-heading h2,
.detail-form .modal-body .body-middle-part .pop-heading h2 {
  font-size: 12px;

  color: #fff;

  padding: 10px 15px;

  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: 1px;
}

.add-pop-form .modal-body .form-data,
.detail-form .modal-body .form-data {
  padding: 15px;

  position: relative;

  padding-bottom: 5px;
}

.add-pop-form .modal-body .form-data .control-group,
.detail-form .modal-body .form-data .control-group {
  margin-bottom: 10px;
}

.add-pop-form .modal-body .form-data .control-group label,
.detail-form .modal-body .form-data .control-group label {
  color: #3e3e3e;

  font-size: 13px;

  font-weight: 400;

  margin-bottom: 0px !important;
}

.add-pop-form .modal-body .form-data .control-group label span {
  color: #ff0000;

  font-style: 14px;
}

.add-pop-form .modal-body .form-data .control-group input {
  font-size: 11px;
}

.add-pop-form .modal-body .contact-person .form-data,
.detail-form .modal-body .contact-person .form-data {
  border: solid 1px #ccc;

  margin: 15px 15px;

  border-radius: 8px;

  background: #f8f8f8;
}

.add-pop-form .modal-footer,
.detail-form .modal-footer {
  background: #efefef;

  padding: 5px 15px !important;
}

.add-pop-form .modal-footer ul,
.detail-form .modal-footer ul {
  padding: 10px 0px;
}

.add-pop-form .modal-footer ul li,
.detail-form .modal-footer ul li {
  display: inline-block;

  text-align: right;

  margin-left: 20px;
}

.add-pop-form .modal-footer ul li .cncl,
.detail-form .modal-footer ul li .cncl {
  font-family: "Roboto", sans-serif;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-size: 14px;
}

.add-pop-form .modal-footer ul li .cncl {
  position: absolute;

  top: 6px;

  right: 10px;

  font-size: 0px;
}

.add-pop-form .modal-footer ul li .cncl:after {
  background: url(../../assets/img/close.svg) no-repeat center;

  content: "";

  width: 25px;

  height: 25px;

  position: absolute;

  right: 15px;

  top: 10px;

  background-size: 15px;
}

.add-pop-form .modal-footer ul li:last-child {
  margin-left: 0px !important;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}

.modal.cs-right-model {
  height: 100%;

  top: 0 !important;
}

.modal.cs-right-model .modal-dialog {
  height: 100%;

  width: 400px;

  margin: 0 0 0 auto;
}

.modal.cs-right-model .modal-dialog .modal-content {
  height: 100%;
}

.no-data-found {
  text-align: center;

  padding-top: 50px;
}

.no-data-found img {
  max-width: 100%;
}

.add-form .new-form-design {
  background: #ebebeb;

  padding: 15px;
}

.add-form .row {
  padding-bottom: 15px;
}

.add-form .dt-heading {
  border-bottom: solid 1px #ccc;

  padding-bottom: 15px;
}

.add-form ul li {
  float: left;

  vertical-align: middle;
}

.csm-form ul li label.upload-file {
  width: 100%;

  height: 100%;

  display: block;
}

.csm-form ul li label,
.add-form ul li label {
  font-size: 11px;

  color: #000;

  font-weight: normal;

  margin: 0;

  line-height: 40px;
}

.csm-form ul li label span,
.add-form ul li label span {
  color: #ff0000;

  font-size: 12px;
}

.add-form .new-form-design ul li label {
  font-size: 11px;

  color: #3e3e3e;

  font-weight: 600;
}

.add-form .new-form-design .dt-heading h2:after {
  display: none;
}

.add-form ul li:nth-child(1) {
  width: 40%;
}

.add-form ul li:nth-child(2) {
  width: 60%;
}

.add-form ul.setting-tabs {
  position: relative;

  padding-left: 5px;
}

.add-form ul.setting-tabs:after {
  content: "";

  background: #ccc;

  width: 100%;

  height: 1px;

  position: absolute;

  bottom: 1px;

  left: 0;

  z-index: -1;
}

.add-form ul.setting-tabs li {
  width: 250px;

  float: none;

  display: inline-block;

  border: solid 1px #ccc;

  background: #f8f8f8;

  border-bottom: 0;

  margin-left: -5px;
}

.add-form ul.setting-tabs li.active {
  background: #fff;

  border-top: solid 3px #ccc;

  border-bottom: solid 1px #fff;
}

.add-form ul.setting-tabs li a {
  color: #727171;

  font-size: 16px;

  display: block;

  padding: 15px;
}

.add-form ul.setting-tabs li a i {
  margin-right: 10px;

  font-size: 22px;
}

.custome-date-picker ul li {
  float: none;
}

.custome-date-picker ul li:nth-child(1) {
  width: 100%;
}

.custome-date-picker ul li:nth-child(2) {
  width: 100%;
}

.custome-full-body-popup {
  position: fixed;

  background: rgba(255, 255, 255, 0.8);

  width: 100%;

  height: 100%;

  z-index: 9999;

  overflow-y: auto;

  top: 0;

  right: -100%;
}

.custome-full-body-popup.active {
  right: 0%;
}

.custome-full-body-popup .popup-container {
  max-width: 90%;

  background: #fff;

  margin: 0px auto;

  margin-top: 30px;

  margin-bottom: 30px;

  border: solid 1px #ccc;
}

.custome-full-body-popup .popup-container .table table {
  min-width: 800px;
}

.custome-full-body-popup .popup-container .popup-heading {
  background: #607383;

  position: relative;
}

.custome-full-body-popup .popup-container .popup-heading h1 {
  font-size: 18px;

  color: #fff;

  padding: 15px;
}

.custome-full-body-popup .popup-container .popup-heading .cancel {
  position: absolute;

  right: -20px;

  top: -20px;
}

.custome-full-body-popup .popup-container .popup-heading .cancel img {
  height: 40px;
}

.custome-full-body-popup .popup-container .body-part {
  padding: 15px;
}

.custome-full-body-popup .popup-container .latest-quote {
  background: #f8f8f8;

  border: solid 1px #ccc;

  padding: 15px;
}

.custome-full-body-popup .popup-container .latest-quote .company-details {
  text-align: center;
}

.custome-full-body-popup
  .popup-container
  .latest-quote
  .company-details
  .logo
  img {
  height: 40px;
}

.custome-full-body-popup
  .popup-container
  .latest-quote
  .company-details
  .address-detail
  h2 {
  font-size: 16px;
}

.custome-full-body-popup
  .popup-container
  .latest-quote
  .company-details
  .address-detail
  h2,
.custome-full-body-popup
  .popup-container
  .latest-quote
  .company-details
  .address-detail
  p {
  font-family: "Roboto", sans-serif;
}

.custome-full-body-popup .popup-container .latest-quote .customer-dt p {
  margin-top: 10px;
}

.custome-full-body-popup .popup-container .latest-quote .customer-dt p strong {
  padding-right: 15px;
}

.custome-full-body-popup .popup-container .latest-quote .customer-dt h2,
.custome-full-body-popup .popup-container .latest-quote .customer-dt p {
  clear: both;
}

.custome-full-body-popup .popup-container .latest-quote .customer-dt h2 i,
.custome-full-body-popup .popup-container .latest-quote .customer-dt p i {
  width: 30px;

  height: 50px;

  float: left;
}

.custome-full-body-popup .popup-container .latest-quote .inr-table table {
  border: 0;

  background: transparent;
}

.custome-full-body-popup .popup-container .latest-quote .inr-table table tr th,
.custome-full-body-popup .popup-container .latest-quote .inr-table table tr td {
  border: 0;

  vertical-align: bottom;
}

.custome-full-body-popup .popup-container .un-heading h2 {
  font-size: 18px;

  color: #000;

  text-decoration: underline;

  font-family: "Roboto", sans-serif;
}

.innear-st {
  background: #f8f8f8;

  border: solid 1px #ccc;

  padding: 15px;

  box-shadow: 0px 0px 6px 0px #ccc;

  position: relative;

  margin-top: 10px;

  margin-bottom: 20px;
}

.innear-st .cancel {
  width: 35px;

  height: 34px;

  border: solid 1px #ccc;

  background: #fff;

  border-radius: 100%;

  position: absolute;

  right: -15px;

  top: -15px;

  text-align: center;

  line-height: 35px;

  box-shadow: 0px 0px 4px 0px #ccc;
}

.innear-st .cancel label {
  display: block;
}

.innear-st .cancel label i {
  color: #ec165f;
}

.special-search {
  text-align: center;

  width: 100%;

  padding-left: 0;
}

.input-field .prefix {
  position: absolute;

  top: 18px;

  left: 0;
}

.special-search .input-field {
  display: table-cell;

  width: 100%;

  vertical-align: top;
}

.special-search .input-field input[type="text"] {
  border: solid 1px #ccc !important;
}

.special-search .btnn {
  display: table-cell;

  vertical-align: top;
}

.special-search .btnn button {
  background: #ee9a10;

  height: 40px;

  width: 60px;

  border-radius: 0px 5px 5px 0px;

  color: #fff;

  line-height: 0;

  margin-left: -1px;
}

md-toast.md-load-toast-theme,
md-toast.md-success-toast-theme {
  background: rgba(255, 255, 255, 0.4);

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 99999;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;
}

md-toast.md-success-toast-theme .md-toast-content {
  background: #1c384e;

  text-align: center;

  font-size: 14px;
}

md-toast.md-load-toast-theme .md-toast-content,
md-toast.md-success-toast-theme .md-toast-content {
  position: absolute;

  margin: 0px auto;

  left: 0;

  right: 0;

  width: 500px;

  top: 40%;
}

md-toast.md-load-toast-theme .md-toast-content {
  background: transparent;

  box-shadow: none;

  text-align: center;

  height: 85px;

  min-height: 85px;

  padding: 0;

  font-size: 0px;
}

md-toast.md-load-toast-theme .md-toast-content span {
  height: 50px;
}

md-toast.md-load-toast-theme .md-toast-content span:before {
  content: "";

  background: url("../../assets/img/hourglass.svg") no-repeat center;

  height: 50px;

  width: 50px;

  background-size: cover;

  position: absolute;
}

md-dialog .md-dialog-content {
  padding: 0px !important;
}

md-dialog.md-default-theme .md-dialog-content .md-title {
  background: #000000;

  font-size: 18px;

  color: #fff;

  padding: 15px;
}

md-dialog.md-default-theme .md-dialog-content .ng-scope {
  padding: 25px;

  text-align: center;
}

md-dialog.md-default-theme md-dialog-actions {
  padding: 0;

  text-align: right;

  border-top: 1px solid #c8c8c8;

  background: #ffffff;
}

md-dialog.md-default-theme md-dialog-actions button {
  width: 100%;

  margin: 0px !important;

  padding: 5px;

  min-height: 52px;
}

md-dialog.md-default-theme md-dialog-actions button:nth-child(2) {
  font-family: "Roboto", sans-serif;

  color: #fff !important;

  text-transform: uppercase;

  background: transparent !important;

  letter-spacing: 2px;

  border: 0;

  outline: none;

  display: inline-block;

  margin: 0;

  color: #62a33e !important;
}

md-dialog.md-default-theme md-dialog-actions button:nth-child(1) {
  font-family: "Roboto", sans-serif;

  color: #ec1212 !important;

  text-transform: uppercase;

  letter-spacing: 2px;

  background: transparent !important;

  border-right: 1px solid #c8c8c8;
}

md-dialog.md-default-theme md-dialog-actions button:focus:nth-child(1) {
  color: #ec1212 !important;

  background: transparent !important;
}

.add-form ul li {
  position: relative;
}

.add-form ul li span.error {
  font-size: 11px;

  position: absolute;

  right: 10px;

  top: 11px;

  color: #f00;
}

.cn-more {
  position: absolute;

  top: 0;

  margin-left: 20px;

  background: #006cff;

  color: #fff;

  text-align: CENTER;

  width: 25px;

  height: 25px;

  border-radius: 4px;

  line-height: 27px;

  margin-top: -2px;
}

.cn-more i {
  margin: 0 !important;

  font-size: 14px;
}

.btn-disable {
  opacity: 0.7;
}

.pagination li a,
.pagination li span {
  font-size: 11px;
}

.pagination > .active > a,
.pagination > .active > a:hover {
  background: #ef3a2d !important;

  border-color: #ef3a2d !important;
}

.inr-usd {
  position: relative;
}

.inr-usd .icon {
  position: absolute;

  z-index: 1;

  left: 10px;

  top: 13px;
}

.inr-usd input {
  padding-left: 25px;
}

.trix-listing ul,
.trix-listing li {
  list-style: initial !important;

  width: 100% !important;

  float: none;
}

.trix-listing ol,
.trix-listing li {
  list-style: decimal !important;

  width: 100% !important;

  float: none;
}

.table_slider {
  position: absolute;

  top: 23px;

  right: -30px;
}

.innear-st {
  background: #f8f8f8;

  border: solid 1px #ccc;

  padding: 15px;

  box-shadow: 0px 0px 6px 0px #ccc;

  position: relative;

  margin-top: 10px;

  margin-bottom: 20px;
}

.innear-st .cancel {
  width: 35px;

  height: 34px;

  border: solid 1px #ccc;

  background: #fff;

  border-radius: 100%;

  position: absolute;

  right: -15px;

  top: -15px;

  text-align: center;

  line-height: 35px;

  box-shadow: 0px 0px 4px 0px #ccc;
}

.innear-st label {
  display: block;
}

.innear-st label i {
  color: #ec165f;
}

.submit-btnn a,
.submit-btnn button,
.submit-btnn input[type="submit"],
.submit-btnn input[type="button"] {
  font-family: "Proxima Nova Light", serif;

  color: #fff;

  text-transform: uppercase;

  background: #62a33e;

  letter-spacing: 2px;

  border: 0;

  outline: none;

  padding: 5px 20px;

  display: inline-block;

  text-shadow: 0px 2px 0px #000;

  font-size: 14px;
}

.theme-setting .main-wrapper .innear-container {
  padding-left: 50px;

  -webkit-transition: left 0.3s;

  transition: left 0.3s;

  transition: 0.3s linear;
}

.theme-setting .main-wrapper.active .innear-container {
  -webkit-transition: left 0.3s;

  transition: left 0.3s;

  transition: 0.3s linear;
}

.theme-setting .left-navigation ul li a div {
  width: 210px;

  left: -160px;
}

.theme-setting .left-navigation ul li a i,
.theme-setting .left-navigation ul li a span {
  color: #fff;
}

.theme-setting .left-navigation ul li:hover a div {
  left: 50px;
}

.theme_logo img {
  height: 30px;

  margin-top: 10px;
}

.access-label label {
  width: initial !important;
}

.theme-setting label {
  width: 100%;
}

.theme-setting .input_type {
  border: 1px solid #ccc;

  padding-left: 10px;
}

.theme-setting .input_type input {
  display: none;

  outline: none;
}

.theme-setting .theme_icon {
  margin-left: 0px;
}

.theme-setting .theme_icon ul li:nth-child(1) {
  width: 25%;
}

.theme-setting .theme_icon ul li:nth-child(2) {
  width: 75%;
}

.theme-setting .theme_color ul li:nth-child(1) {
  width: 75%;
}

.theme-setting .theme_color ul li:nth-child(2) {
  width: 25%;
}

.theme-setting .theme_range ul li:nth-child(1),
.theme-setting .theme_range ul li:nth-child(2) {
  width: 50%;
}

.theme-setting input[type="color"] {
  border: 0px;

  padding: 0;

  height: 40px;

  background: transparent;

  width: 100%;

  outline: none;
}

.theme-setting .input_type_range {
  margin-top: 20px;
}

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

.tgappend .access select {
  font-weight: normal !important;
}

.tgappend .theme-access {
  box-shadow: 0px 0px 10px #ccc;

  padding: 0 15px;
}

.tgappend .theme-access .access-box {
  padding: 10px 0px;

  border-bottom: solid 1px #ccc;

  box-shadow: 0px 3px 2px 0px rgba(204, 204, 204, 0.38);
}

.tgappend .theme-access .access-box label span {
  padding-bottom: 10px;

  font-size: 10pt;

  font-weight: normal;
}

.tgappend .theme-access p {
  padding-top: 10px;

  font-size: 11pt;

  color: #000000;
}

.tgappend .theme-access .theme-checkbox {
  margin-bottom: 20px;
}

.tgappend .theme-access label .mdc-checkbox {
  margin-bottom: -8px;
}

.main-access-checkbox {
  display: inline-block;

  padding-left: 20px;
}

.select2-container {
  width: 100%;
}

.select2-container .select2-choice {
  height: 40px;

  line-height: 40px;

  padding: 0px 10px;

  border-radius: 0px;

  box-shadow: none;

  background-image: none;

  border: solid 1px #ccc;
}

.select2-container .select2-choice .select2-arrow {
  background: url(../img/down-icon.png) right/26px no-repeat #fff !important;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 35px;

  border: 0;
}

.select2-container .select2-choice .select2-arrow b {
  background: transparent;
}

.select2-container .select2-chosen {
  font-size: 10pt;

  font-family: "Roboto", sans-serif;

  color: #000;
}

.select2-results li,
.select2-results .select2-highlighted {
  width: 100% !important;
}

/*# sourceMappingURL=style.css.map */

.normal-weight {
  font-weight: normal !important;
}

.cnt-data {
}

.cnt-data h2 {
  font-size: 16px;

  font-weight: 500;

  margin-bottom: 20px;
}

.cnt-data p {
  font-size: 12px;

  padding-top: 10px;
}

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

  margin: 0;
}

.related-menus ul li.active a {
  cursor: no-drop !important;
}

.related-menus ul li.active a div span,
.related-menus ul li.active a div:hover span {
  display: none !important;
}

/*

===================

=================== PRAYAG CRM

===================

*/

.prayag-cs-table {
}

/* .top-mini-header {

  background: #fff;

  margin-top: -15px;

  padding: 4px 10px;

  position: relative;

  z-index: 9;

  box-shadow: 0px 3px 6px 0px #ccc;

  padding-top: 16px;

} */

/* .top-mini-header:after

{

  content: "";

  background: #fff;

  position: absolute;

  width: 20px;

  height: 60px;

  top: 0px;

  left: -14px;

} */

/* .top-mini-header .main-heading {} */

/* .top-mini-header .main-heading h1 {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 500;

  padding-left: 10px;

  color: #333;

  position: relative;

  line-height: 40px;

} */

/* .top-mini-header .main-heading h1:before {

  content: "";

  position: absolute;

  height: 22px;

  width: 3px;

  background: #c7c7c7;

  left: 0px;

  top: 9px;

} */

/* .top-mini-header .main-heading ul {}



.top-mini-header .main-heading ul li {

  display: inline-block;

  position: relative;

} */

/* .top-mini-header .main-heading ul li a {}



.top-mini-header .main-heading ul li a h1 {

  color: #006cff;

} */

/* .top-mini-header .main-heading ul li p { font-size: 14px; }



.top-mini-header .main-heading ul li:first-child {

  margin-right: 30px;

}



.top-mini-header .main-heading ul li:first-child:after {

  content: "";

  position: absolute;

  width: 8px;

  height: 8px;

  background: #ccc;

  border-radius: 100%;

  right: -20px;

  top: 15px;

} */

.cs-btn {
  background: #24a95a;

  color: #fff;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  line-height: 0;

  letter-spacing: 2px;

  padding: 13px 10px;

  border: 2px solid #24a95a;

  margin-top: 2px;

  display: inline-block;
}

.cs-btn.btnh30 {
  width: 30px;

  height: 30px;

  padding: 0px;
}

.cs-btn.outline,
a.cs-btn.outline,
button.cs-btn.outline {
  background: #ffffff;

  border: 2px solid #24a95a;

  color: #24a95a;
}

/*.cs-btn:hover{color: #fff; background:#24a95a;}*/

.cs-btn:focus {
  outline: none !important;
}

.cs-border {
  background: #fff;

  color: #468600;

  border: solid 2px #468600;
}

.cs-border:hover {
  background: #468600;
}

/*

============================

============================ MENUS

============================

*/

.nav-side-menu {
  overflow: auto;

  height: 100%;

  background: #212121;

  box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.3);
}

.nav-side-menu .brand {
  background-color: #23282e;

  line-height: 50px;

  display: block;

  text-align: center;

  font-size: 12px;
}

.nav-side-menu .toggle-btn {
  display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;

  padding: 0px;

  margin: 0px;

  line-height: 55px;

  cursor: pointer;
}

.nav-side-menu li a {
  display: flex;

  align-items: center;

  justify-content: center;
}

.nav-side-menu li p {
  display: flex;

  align-items: center;

  justify-content: start;

  padding: 10px;

  font-size: 11px;

  line-height: 0px;
}

.nav-side-menu li p img {
  height: 15px;

  margin-right: 10px;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;

  content: "\f078";

  display: inline-block;

  padding-left: 0px;

  padding-right: 0px;

  vertical-align: middle;

  float: right;

  margin-right: -3px;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d !important;
}

.nav-side-menu ul li.active a,
.nav-side-menu li li.active a,
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #fff !important;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  border: none;

  line-height: 28px;

  border-bottom: 1px solid #7d7b79;

  margin-left: 0px;
}

.nav-side-menu ul .sub-menu li {
  position: relative;
}

/* .nav-side-menu ul .sub-menu li:hover,

.nav-side-menu li .sub-menu li:hover {

  background-color: #035392;

} */

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  /* font-family: FontAwesome;

  content: "\f105";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

  position: absolute;

  left: 6px;

  color: #ffffff;

  top: 50%;

  transform: translateY(-50%);

  z-index: 3; */
}

.nav-side-menu ul .sub-menu li a p {
  padding-left: 8px;
}

.nav-side-menu ul .sub-menu li a span {
  top: 50%;

  transform: translateY(-50%);
}

.nav-side-menu ul .sub-menu li a {
  border-bottom: 0px !important;

  padding: 5px 0px 5px 40px;

  position: relative;
}

.nav-side-menu ul .sub-menu li:nth-child(1n + 0) a span.count-bg {
  background: #1f82d8;
}

.nav-side-menu ul .sub-menu li:nth-child(2n + 0) a span.count-bg {
  background: #24a95a;
}

.nav-side-menu ul .sub-menu li:nth-child(3n + 0) a span.count-bg {
  background: #95a924;
}

.nav-side-menu ul .sub-menu li:nth-child(4n + 0) a span.count-bg {
  background: #9c27b0;
}

.nav-side-menu ul .sub-menu li:nth-child(5n + 0) a span.count-bg {
  background: #00bcd4;
}

.nav-side-menu ul .sub-menu li:nth-child(6n + 0) a span.count-bg {
  background: #f44336;
}

.nav-side-menu ul .sub-menu li a:before {
  font-family: FontAwesome;

  content: "\f105";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

  position: absolute;

  left: 6px;

  color: #bdbdbd;

  top: 50%;

  transform: translateY(-50%);

  z-index: 3;

  font-size: 20px;
}

.nav-side-menu ul .sub-menu li a:hover:before,
.nav-side-menu ul .sub-menu li a.active:before {
  color: #ffffff;
}

.nav-side-menu ul .sub-menu li:first-child a {
  border-top: 0px !important;
}

.nav-side-menu li {
  padding-left: 0px;

  border-bottom: 0px solid #23282e;
}

.nav-side-menu li a {
  text-decoration: none;

  color: #ffffff;

  border-bottom: solid 1px #bbb3b3;

  display: block;

  font-size: 11px;

  font-weight: normal;

  position: relative;

  background: #212121;

  z-index: 2;
}

.nav-side-menu li a:after {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 0px;

  height: 100%;

  z-index: -1;

  transition: all 0.5s;
}

.nav-side-menu li a:hover,
.nav-side-menu li a.active {
  color: #ffffff;

  background: transparent;
}

.nav-side-menu li a:hover:after,
.nav-side-menu li a.active {
  width: 100%;

  background: #ffffff70;

  transition: all 0.9s;
}

.nav-side-menu li a:hover img,
.nav-side-menu li a.active img {
  filter: invert(1);

  transform: rotateY(360deg);

  transition: all 0.9s;
}

.nav-side-menu li a span {
  position: absolute;

  right: 10px;

  /* background: #fff; */

  color: rgb(255, 255, 255);

  line-height: 22px;

  font-size: 11px;

  font-weight: 600;

  border-radius: 12px;

  height: 22px;

  padding: 0px 10px;

  top: 27%;
}

.nav-side-menu li a span.arrow {
  background: transparent;

  color: #bdbdbd;
}

.nav-side-menu li a:hover span.arrow,
.nav-side-menu li a.active span.arrow {
  color: #ffffff;
}

.nav-side-menu li a i {
  padding-left: 10px;

  width: 20px;

  padding-right: 30px;
}

.nav-side-menu .menu-list .menu-content {
  display: block;
}

.description.neno-space.mrt15 {
  background: #ebebeb;
}

.drw-boxes {
}

.drw-boxes .boxes {
  text-align: center;

  border-radius: 4px;

  padding: 15px;
}

.drw-boxes .boxes .val-bx {
  height: 90px;

  line-height: 90px;
}

.drw-boxes .boxes .val-bx1 {
  line-height: 70px;
}

.drw-boxes .boxes .val-bx h2 {
  color: #000;

  font-size: 12px;
}

.drw-boxes .boxes .val-bx h2 i {
  margin-right: 10px;
}

.drw-boxes .boxes .val-bx span {
  font-size: 36px;

  font-weight: 600;

  color: #fff;
}

.drw-boxes .boxes .val-bx p {
  line-height: 0px;

  font-size: 12px;

  color: #fff;
}

.drw-boxes .col-sm-3:nth-child(1) .boxes {
  background: #00bcd4;
}

.drw-boxes .col-sm-3:nth-child(2) .boxes {
  background: #ff5252;
}

.drw-boxes .col-sm-3:nth-child(3) .boxes {
  background: #00bfa5;
}

.drw-boxes .col-sm-3:nth-child(4) .boxes {
  background: #ff6e40;
}

.crm-drw-fr {
}

.crm-drw-fr ul {
}

.crm-drw-fr ul li {
  display: inline-block;
}

.crm-drw-fr ul li select,
.crm-drw-fr ul li input[type="text"] {
  width: 150px;
}

.crm-drw-fr ul li input[type="submit"] {
  border: 0;
}

.welcome-note strong {
  text-decoration: underline;
}

.welcome-note span {
  /*color: #676565;*/
}

.login-bg .login .outer-login {
  background: #ebebeb;
}

.login-bg .login .inear-login .logo-tag {
  text-align: center;

  background: #dcdcdc;

  margin: 60px auto 40px;

  padding: 15px 10px;
}

/*

=================================

================================= STEP FORM DESIGN

=================================

*/

.step-form {
}

.step-form .s-left-container {
  float: left;

  width: 250px;

  position: absolute;

  padding-top: 120px;

  height: 100%;

  top: 0;
}

.step-form .s-left-container .navigations {
  box-shadow: 0px 5px 10px 0px #ccc;

  height: 100%;

  background: #f8f8f8;
}

.step-form .s-left-container .navigations ul {
}

.step-form .s-left-container .navigations ul li {
  position: relative;
}

.step-form .s-left-container .navigations ul li a {
  font-size: 12px;

  font-weight: 500;

  color: #8a8a8a;

  display: block;

  padding: 15px;

  padding-left: 40px;

  text-transform: uppercase;
}

.step-form .s-left-container .navigations ul li a i {
  position: absolute;

  left: 10px;

  top: 15px;

  font-size: 18px;
}

.step-form .s-left-container .navigations ul li.mini-active a,
.step-form .s-left-container .navigations ul li:hover a {
  background: #efefef;
}

.step-form .s-left-container .navigations ul li.active1 a {
  background: #333333;

  color: #fff;

  cursor: no-drop;
}

.step-form .s-left-container .navigations ul li.no-drop a {
  cursor: no-drop !important;

  opacity: 0.5;
}

.step-form .s-left-container .navigations ul li.active1 a:after {
  content: "";

  position: absolute;

  width: 22px;

  height: 22px;

  right: 10px;

  background: url("../img/icon-right-cirle.svg") center no-repeat;
}

.step-form .s-right-container {
  padding-left: 245px;
}

.full-form .new-form-design,
.step-form .s-right-container .add-form .new-form-design {
  background: #fff;
}

.step-form .s-right-container .add-new-form-d {
}

.full-form .new-form-design .add-new-form-d ul li:nth-child(1),
.full-form .new-form-design .add-new-form-d ul li:nth-child(2),
.step-form .s-right-container .add-form .add-new-form-d ul li:nth-child(1),
.step-form .s-right-container .add-form .add-new-form-d ul li:nth-child(2) {
  width: 100% !important;
}

.add-more-c {
  border: solid 2px #19a100;

  color: #19a100;
}

.delete-more-c {
  border: solid 2px #df0000;

  color: #df0000;
}

.add-more-c,
.delete-more-c {
  height: 40px;

  padding: 0px 0px;

  border-radius: 2px;

  display: block;

  width: 120px;

  font-size: 11px;

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;
}

.step-form input[type="text"],
.step-form input[type="number"],
.step-form input[type="email"],
.step-form textarea {
  background: #f9f8f8;
}

.step-form select {
  background: url(../img/down-icon.png) right/26px no-repeat #f9f8f8 !important;
}

.new-btnn {
  border: solid 2px #52a1e4;

  border-radius: 4px;

  height: 35px;

  padding: 0px 20px;

  font-size: 11px;

  text-transform: uppercase;

  font-weight: 600;

  color: #333333;

  letter-spacing: 2px;

  line-height: 33px;
}

.new-btnn:hover {
  background: #52a1e4;

  color: #000;
}

.new-btnn1 {
  border: solid 2px #52a1e4;

  border-radius: 4px;

  height: 40px;

  padding: 0px 20px;

  font-size: 11px;

  text-transform: uppercase;

  font-weight: 600;

  color: #333333;

  letter-spacing: 2px;

  line-height: 37px;
}

.new-btnn1:hover {
  background: #52a1e4;

  color: #000;
}

.color-black {
  color: #000 !important;
}

.right-scroll {
  overflow-y: scroll;

  /* overflow-x: scroll; */

  height: 100%;

  padding-bottom: 100px;
}

.right-scroll.pd-ma {
  margin-right: -15px;

  padding-right: 15px;
}

div::-webkit-scrollbar {
  width: 5px;
}

div::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}

div::-webkit-scrollbar-thumb {
  background-color: d4d4d4;

  outline: 1px solid d4d4d4;

  border-radius: 5px;
}

.form-sep {
  background: #ebebeb;

  padding: 15px 0px;
}

.form-sep:after {
  content: "";

  display: table;

  clear: both;
}

.modal-dialog {
  margin: 0px auto;
}

.addmore-btn {
  background: #52a1e3;

  font-size: 11px;

  color: #fff;

  height: 30px;

  width: 30px;

  border-radius: 2px;

  margin: -6px 10px 0px 16px;
}

.delete-btn {
  background: #e80909;

  font-size: 11px;

  color: #fff;

  height: 30px;

  width: 30px;

  border-radius: 2px;

  position: absolute;

  right: 10px;

  top: 31px;
}

.outer {
  display: table;

  width: 100%;

  height: 100%;
}

.outer .innear {
  display: table-cell;

  height: 100%;

  width: 100%;

  vertical-align: middle;

  text-align: center;
}

.gallery {
}

.gallery ul {
  text-align: right;
}

.gallery ul li {
  display: inline-block;

  position: relative;

  margin: 5px;

  overflow: hidden;
}

.gallery ul li a {
  display: block;

  border: solid 2px #d80000;
}

.gallery ul li a button {
  position: absolute;

  right: -20px;

  top: -20px;

  background: #d80000;

  color: #fff;

  width: 30px;

  height: 30px;

  font-size: 16px;

  border-radius: 30px 0px 30px 30px;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;
}

.gallery ul li a:hover button {
  right: 0px;

  top: 0px;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;
}

.gallery ul li a img {
  width: 100px;

  height: 100px;
}

/*

.loading-bg {

  background: #fff;

} */

.loading-bg .outer {
  display: table;

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 20px;
}

.loading-bg .outer .inner {
  display: table-cell;

  text-align: center;

  vertical-align: middle;
}

.notification {
  float: right;

  position: relative;

  margin-right: 20px;
}

.notification .icon {
  padding: 12px 20px 12px;
}

.notification .icon button {
}

.notification .icon button i {
}

.notification .icon button span {
  position: absolute;

  background: #ff4081;

  color: #fff;

  width: 20px;

  height: 20px;

  border-radius: 100%;

  top: -4px;

  font-size: 13px;

  right: 8px;

  line-height: 20px;
}

.ds-notice .noti-list,
.notification .noti-list {
  position: absolute;

  z-index: 1;

  background: #fff;

  right: 0;

  width: 320px;

  box-shadow: 0px 4px 10px 0px #ccc;

  top: 55px;

  overflow: hidden;

  height: 0px;

  -moz-transition: height 0.3s ease;

  -webkit-transition: height 0.3s ease;

  -o-transition: height 0.3s ease;

  transition: height 0.3s ease;
}

.ds-notice .noti-list,
.notification:hover .noti-list {
  height: 180px;

  overflow: hidden;

  /* display: block; */

  -moz-transition: height 0.3s ease;

  -webkit-transition: height 0.3s ease;

  -o-transition: height 0.3s ease;

  transition: height 0.3s ease;
}

.notification .noti-list h2 {
  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  border-bottom: solid 1px #ccc;

  padding: 15px;
}

.notification .noti-list h2 span {
  position: absolute;

  background: #ff4081;

  color: #fff;

  font-size: 11px;

  height: 20px;

  line-height: 20px;

  padding: 0px 5px;

  border-radius: 2px;

  right: 15px;
}

.ds-notice .noti-list ul,
.notification .noti-list ul {
  padding: 5px 0px;
}

.ds-notice .noti-list ul li,
.notification .noti-list ul li {
  position: relative;

  padding: 20px 15px 20px 65px;
}

.ds-notice .noti-list ul li:hover,
.notification .noti-list ul li:hover {
  background: #f1f1f1;
}

.ds-notice .noti-list ul li:last-child,
.notification .noti-list ul li:last-child {
  margin-bottom: 0px;
}

.notification .noti-list ul li a {
}

.notification .noti-list ul li a {
}

.ds-notice .noti-list ul li .i,
.notification .noti-list ul li .i,
.notification .noti-list ul li a i {
  position: absolute;

  left: 15px;

  top: 13px;

  width: 35px;

  height: 35px;

  border-radius: 100%;

  text-align: center;

  line-height: 37px;

  font-size: 12px;

  color: #fff;

  font-weight: 600;
}

td.noti-counter.ng-binding {
  color: #fff;

  font-weight: 600;

  text-align: center;
}

.ds-notice .noti-list ul li:nth-child(1) .i,
.notification .noti-list ul li:nth-child(1) a .i,
.notification .noti-list ul li:nth-child(1) a i {
  background: #3fcfde;
}

.ds-notice .noti-list ul li:nth-child(2) .i,
.notification .noti-list ul li:nth-child(2) a .i,
.notification .noti-list ul li:nth-child(2) a i {
  background: #ff2f1b;
}

.ds-notice .noti-list ul li:nth-child(3) .i,
.notification .noti-list ul li:nth-child(3) a .i,
.notification .noti-list ul li:nth-child(3) a i {
  background: #069682;
}

.ds-notice .noti-list ul li:nth-child(4) .i,
.notification .noti-list ul li:nth-child(4) a .i,
.notification .noti-list ul li:nth-child(4) a i {
  background: #ff4702;
}

.ds-notice .noti-list ul li:nth-child(5) .i,
.notification .noti-list ul li:nth-child(5) a .i,
.notification .noti-list ul li:nth-child(5) a i {
  background: #ffbf00;
}

.ds-notice .noti-list ul li:nth-child(6) .i,
.notification .noti-list ul li:nth-child(6) a .i,
.notification .noti-list ul li:nth-child(6) a i {
  background: #3fcfde;
}

.ds-notice .noti-list ul li:nth-child(7) .i,
.notification .noti-list ul li:nth-child(7) a .i,
.notification .noti-list ul li:nth-child(7) a i {
  background: #ff2f1b;
}

.ds-notice .noti-list ul li:nth-child(8) .i,
.notification .noti-list ul li:nth-child(8) a .i,
.notification .noti-list ul li:nth-child(8) a i {
  background: #069682;
}

.ds-notice .noti-list ul li:nth-child(9) .i,
.notification .noti-list ul li:nth-child(9) a .i,
.notification .noti-list ul li:nth-child(9) a i {
  background: #ff4702;
}

.ds-notice .noti-list ul li:nth-child(10) .i,
.notification .noti-list ul li:nth-child(10) a .i,
.notification .noti-list ul li:nth-child(10) a i {
  background: #ffbf00;
}

.ds-notice .noti-list ul li:nth-child(11) .i,
.notification .noti-list ul li:nth-child(11) a .i,
.notification .noti-list ul li:nth-child(11) a i {
  background: #3fcfde;
}

.ds-notice .noti-list ul li:nth-child(12) .i,
.notification .noti-list ul li:nth-child(12) a .i,
.notification .noti-list ul li:nth-child(12) a i {
  background: #069682;
}

.ds-notice .noti-list ul li:nth-child(13) .i,
.notification .noti-list ul li:nth-child(13) a .i,
.notification .noti-list ul li:nth-child(13) a i {
  background: #ff2f1b;
}

.ds-notice .noti-list ul li p,
.notification .noti-list ul li a p {
  font-size: 12px;

  position: relative;
}

.ds-notice .noti-list ul li span,
.notification .noti-list ul li a span {
  position: absolute;

  top: 0px;

  font-weight: 600;

  font-size: 12px;

  right: 0;

  color: #ff0068;
}

.icon-table {
}

.icon-table table {
  border: 0px;
}

.icon-table table tr {
  border-bottom: solid 1px #cccccc;
}

.icon-table table tr th {
  background: #fff;

  border: 0px;
}

.icon-table table tr td {
  border: 0px;

  /*border-bottom: solid 1px #ccc;*/

  /*text-transform: uppercase;*/
}

.icon-table table tr th:nth-child(1) {
  padding-left: 15px;
}

.icon-table table tr td:nth-child(1) {
  padding-left: 20px;
}

.icon-table .cs-icon {
  padding-left: 30px;
}

.icon-table .cs-icon .icon {
  height: 35px;

  width: 35px;

  position: absolute;

  background: #000;

  border-radius: 100%;

  border: solid 1px #000;

  float: left;

  top: 5px;

  left: 15px;
}

.icon-table .cs-icon .icon span {
  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  color: #fff;
}

.icon-table .cs-icon .icon img {
  width: 43px;

  height: 43px;

  border-radius: 100%;
}

.icon-table .cs-icon .title {
  height: 45px;

  overflow: hidden;

  float: left;

  padding-left: 10px;
}

.icon-table .cs-icon .title .innear {
  text-align: left;

  text-transform: uppercase;
}

.icon-table .cs-icon .title a {
}

.status-pending {
  background: rgb(255, 95, 3);
}

.status-approved {
  background: rgb(0, 109, 15);
}

.status-reject {
  background: rgb(219, 0, 0);
}

.status-complete {
  background: rgb(4, 142, 235);
}

.status-pending,
.status-approved,
.status-reject,
.status-complete {
  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

  padding: 5px;

  border-radius: 4px;
}

.cs-dropdown {
  float: right;

  position: relative;

  margin-right: 15px;
}

.cs-dropdown button {
  background: #ebebeb;

  border-radius: 4px;

  padding: 8px 20px;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 2px;

  border: solid 2px #000;

  color: #000;

  font-weight: 600;

  text-shadow: none;

  letter-spacing: 2px;
}

.cs-dropdown button:hover,
.cs-dropdown button:focus {
  background: #ebebeb !important;

  color: #000 !important;

  border: solid 2px #000 !important;

  outline: none !important;
}

.cs-dropdown .dropdown-menu li a {
  padding: 10px 20px;
}

.upload-btn {
  padding: 15px 0 8px 0;
}

.import {
  background: #f8f8f8;

  padding: 0px 15px 15px 15px;

  border: solid 1px #ebebeb;

  margin-top: 15px;
}

.import:after {
  content: "";

  display: table;

  clear: both;
}

.import label {
  font-size: 16px;

  font-weight: 400;

  line-height: 50px;
}

.import p {
  margin: 50px 0px;

  font-size: 12px;
}

.import p a {
  color: #006cff;
}

.import p a:hover {
  text-decoration: underline;
}

.no-border {
  border: 0px !important;
}

.cs-disable {
  cursor: no-drop !important;

  opacity: 0.3;
}

.cs-disable:hover {
  color: #fff;
}

.login-screen {
  position: relative;

  z-index: 1;

  height: 100%;

  background: url("../img/login-bg.jpg") no-repeat left;

  background-size: cover;
}

.login-screen .login-section {
  position: relative;

  background: #fff;

  padding: 0px 0px 15px;

  float: right;

  width: 480px;

  border-radius: 2px;

  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.login-screen .login-section .heading {
  padding: 15px;

  border-top: solid 5px #ee4d53;

  background: #fff;
}

.login-screen .login-section img {
  height: 65px;
}

.login-screen .login-section .form-ds {
  padding: 20px;
}

.login-screen .login-section .form-ds label {
  font-weight: 400;
}

.login-screen .login-section .form-ds input[type="button"] {
  background: #57aee2;

  padding: 0px 40px;

  height: 46px;

  outline: none !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}

.detail-left-menus {
}

.detail-left-menus ul {
  border: solid 1px #000;
}

.detail-left-menus ul li {
  position: relative;

  border-bottom: solid 1px #66abc0;
}

.detail-left-menus ul li a {
  display: flex;

  font-size: 13px;

  color: #000;

  font-weight: 500;

  padding: 5px 10px;

  align-items: center;

  justify-content: space-between;

  background: #7fd6f0;

  transition: 0.1s linear;
}

.detail-left-menus ul li a:hover {
  background: #6cc2dc;

  transition: 0.1s linear;
}

.detail-left-menus ul li a span {
  width: 25px;

  height: 25px;

  border-radius: 100%;

  text-align: center;

  line-height: 25px;

  font-weight: 600;

  color: #fff;

  margin-right: 10px;

  font-size: 13px;

  display: inline-block;
}

.detail-left-menus ul li a i {
  font-size: 18px;

  opacity: 0.5;
}

.detail-left-menus ul li:nth-child(1) a span {
  background: #00525a;
}

.detail-left-menus ul li:nth-child(2) a span {
  background: #fe622e;
}

.detail-left-menus ul li:nth-child(3) a span {
  background: #18c3a1;
}

.detail-left-menus ul li:nth-child(4) a span {
  background: #ff0068;
}

.detail-left-menus ul li:nth-child(5) a span {
  background: #2e3192;
}

/*

===================================

===================================

=================================== DASHBOARD

===================================

===================================

*/

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

.extra-order-data {
  background: #f1f1f1;
}

.extra-order-data .step-form .s-left-container {
  padding-top: 10px;
}

.extra-order-data .step-form .s-right-container .add-form .new-form-design {
  margin-top: 5px;
}

.extra-order-data .step-form .s-left-container .navigations {
  background: #fff;
}

.extra-order-data .step-form .s-left-container .navigations ul li a {
  font-size: 11px;

  padding-left: 15px;

  text-decoration: none;
}

.extra-order-data .step-form .s-left-container .navigations ul li.active a {
  background: #efefef;

  color: #000;
}

.extra-order-data .step-form .s-left-container .navigations {
  height: 98%;

  box-shadow: 0px 5px 5px 0px #e2e2e2;
}

.extra-order-data .step-form .s-left-container .navigations ul li a i {
  position: absolute;

  right: 5px;

  top: 13px;

  left: initial;

  font-size: 18px;
}

.extra-order-data .s-right-container .add-form table .total {
  font-weight: 500;

  color: #000;
}

.extra-order-data .s-right-container .order-status {
  background: #fff;

  margin-top: 10px;
}

.extra-order-data .right-scroll {
  padding-bottom: 5px;
}

.al-table td {
  border-bottom: 0px !important;

  background: #f2f1ef;
}

.row-bg {
  /*background: #ebebeb url('../img/or-bg.svg') no-repeat center;*/

  background: #ebebeb;

  padding-bottom: 15px;

  margin: 0px 15px;
}

.row-bg2 {
  background: #ebebeb;

  padding: 15px;

  padding-bottom: 0px;
}

.row-bg2:after,
.row-bg:after {
  content: "";

  display: table;

  clear: both;
}

.link {
  color: #1b04e1;

  text-decoration: underline;

  display: inline-block;
}

.invoice-page {
  border: solid 1px #ccc;

  box-shadow: 0px 3px 6px 0px #ccc;

  padding-bottom: 15px;
}

.invoice-page .in-header {
  background: #f5f5f5;

  padding: 15px;
}

.invoice-page .in-header img {
}

.invoice-page .in-header p {
  font-size: 11px;
}

.invoice-page .cn-header h2 {
}

.invoice-page .cn-header h3 {
  font-size: 11px;

  font-weight: 500;

  color: #1b04e1;
}

.invoice-page .cn-header p {
  font-size: 11px;
}

.invoice-page .cn-header .right-data {
  background: #f5f5f5;

  padding: 15px;

  border: solid 1px #ccc;
}

.invoice-page .cn-header .right-data table {
}

.invoice-page .cn-header .right-data table tr {
}

.invoice-page .cn-header .right-data table tr td {
}

.invoice-page .cn-header .right-data table tr th {
  font-size: 11px;
}

.invoice-page .cn-header .right-data table tr td {
  font-size: 11px;
}

.invoice-page .cn-header .right-data table tr td,
.invoice-page .cn-header .right-data table tr th {
  padding: 2px;
}

.invoice-page .in-header:after,
.invoice-page .cn-header:after {
  clear: both;

  content: "";

  display: table;
}

.add-ds-table {
}

.add-ds-table table {
  table-layout: fixed;

  width: 100%;
}

.add-ds-table table tr {
}

.add-ds-table table tr th {
  font-size: 11px;

  padding-right: 100px !important;

  text-align: right;
}

.add-ds-table table tr td {
  font-size: 11px;

  width: 100px;

  font-size: 11px;

  text-align: right;

  /*background: #f8f8f8;*/

  /*border: solid 1px #ccc;*/
}

.add-ds-table table tr td input,
.add-ds-table table tr td select {
  height: 25px;

  line-height: 25px;

  text-align: right;
}

.add-ds-table table tr th,
.add-ds-table table tr td {
  padding: 5px;
}

.leadnotice:hover .noti-list {
  height: 200px !important;
}

.segment-check {
  border: solid 1px #ccc;

  padding: 15px;
}

.segment-check:after {
  content: "";

  display: table;

  clear: both;
}

.segment-check li {
  position: relative;

  vertical-align: middle;

  margin-bottom: 5px;

  width: 100% !important;
}

.segment-check li:after {
  display: table;

  clear: both;

  content: "";
}

.segment-check li label {
  font-weight: 400 !important;

  padding-top: 2px;
}

.segment-check li input[type="text"] {
  float: right;

  width: 70px;

  height: 25px;
}

.segment-check li input[type="checkbox"] {
  margin-right: 10px;
}

.sg-2 {
  border: 0px;

  padding: 0px;
}

.sg-2 li {
  margin-bottom: -10px;
}

.smhidepage {
  margin-top: 15px;
}

.smhidepage .summarypopgift {
  border: solid 1px #f8f8f8;

  padding: 15px;

  box-shadow: 0px 3px 6px 0px #00000029;
}

.smhidepage .summarypopgift h2 {
  font-size: 12px;

  padding-bottom: 15px;

  text-transform: uppercase;

  font-weight: 500;
}

.smhidepage .summarypopgift .table {
  margin-bottom: 0px;
}

.smhidepage .summarypopgift .table table {
  min-width: 100%;
}

.smhidepage .col-sm-6:nth-child(1) {
  padding-right: 7.5px;
}

.smhidepage .col-sm-6:nth-child(2) {
  padding-left: 7.5px;
}

.md-dialog-container {
  z-index: 9999;
}

.hl-tabs-data {
  border: solid 1px #ccc;

  border-top: 0px;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.212);

  padding: 15px;
}

.h1-head {
}

.h1-head h2 {
  font-size: 18px;

  font-weight: 500;

  display: inline-block;

  margin-top: 10px;
}

.h1-head a {
  float: right;
}

.h1-head:after {
  content: "";

  display: table;

  clear: both;
}

.tech-tabs {
}

.tech-tabs .nav-tabs {
  border: 0px;
}

.tech-tabs .nav-tabs li {
  margin-right: 5px;
}

.tech-tabs .nav-tabs li a {
  color: #363b4d;

  font-size: 12px;

  font-weight: 400;

  background: #fff;

  border: solid 1px #d1d1d1;
}

.tech-tabs .nav-tabs li a span {
  background: #787878;

  color: rgb(255, 255, 255);

  font-size: 10px;

  font-weight: 600;

  padding: 5px 10px;

  margin-left: 10px;

  border-radius: 10px;
}

.tech-tabs .nav-tabs li a:hover,
.tech-tabs .nav-tabs li.active a {
  background: #d1d1d1;

  color: #000;
}

.tech-tabs .nav-tabs li.active a {
  cursor: no-drop;
}

.tech-tabs .nav-tabs li a:hover span,
.tech-tabs .nav-tabs li.active a span {
  background: #06752f;

  color: #fff;
}

.tech-tabs .tab-content {
  padding: 15px;

  border: solid 1px #ebebeb;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.226);

  clear: both;
}

.payments-tabs {
}

.payments-tabs li {
}

.payments-tabs li a {
  font-size: 11px !important;

  padding: 10px !important;

  padding-left: 15px !important;

  text-transform: capitalize !important;

  color: #000 !important;
}

.payments-tabs li a p {
  position: absolute;

  right: 10px;

  top: 11px;

  background: #ccc;

  font-size: 10px;

  padding: 2px;

  border-radius: 4px;
}

.payments-tabs li a p .inrr-icon {
  width: 15px;

  height: 15px;

  background-size: 6px;
}

.payments-tabs li a p span {
  color: #000;
}

.payments-tabs li.active {
  background: #ccc;
}

.dash-data-not-found {
  height: 300px;

  width: 100%;

  position: relative;
}

.dash-data-not-found:after {
  content: "Data Not Found !";

  font-size: 11px;

  height: 100%;

  text-align: center;

  width: 100%;

  position: absolute;

  top: 40%;
}

.odrtblttl td {
  border: 0px !important;
}

.odrtblttl td strong {
  font-weight: 600 !important;
}

.cs-multiselect multiple-autocomplete {
}

.cs-multiselect multiple-autocomplete .form-item-container {
}

.cs-multiselect multiple-autocomplete .form-item-container .list-inline {
}

.cs-multiselect multiple-autocomplete .form-item-container ul li {
  width: 100% !important;
}

.cs-multiselect multiple-autocomplete .form-item-container .list-inline li {
  width: auto !important;

  float: none;
}

.order-form {
  padding: 5px 10px 0px 10px;
}

.order-form .add-new-form-d label {
  line-height: 30px;
}

.order-form .add-new-form-d select,
.order-form .add-new-form-d input {
  height: 30px;
}

.order-form .add-new-form-d .add-more-c,
.order-form .add-new-form-d .delete-more-c {
  height: 30px;
}

.input-height .add-more-c,
.input-height .delete-more-c,
.input-height input {
  height: 30px;
}

.top-dist-search {
}

.top-dist-search li {
  display: table-cell;

  padding: 0px 5px;

  vertical-align: middle;
}

.top-dist-search li:nth-child(1) {
  padding-left: 0px;
}

.top-dist-search li input[type="date"] {
  height: 35px;
}

.top-dist-search li input[type="submit"] {
}

.text-cap {
  text-transform: capitalize !important;
}

.top-tbse {
  position: absolute;

  z-index: 1;

  right: 10px;

  top: 10px;
}

.sm-add {
  position: absolute;

  top: -6px;

  right: 15px;

  font-size: 12px;

  font-weight: 600;
}

.sm-add input {
  margin-right: 5px;
}

.full-label ul li {
  width: 100% !important;
}

.full-label ul li label {
  line-height: 20px;

  /*margin-top: 20px;*/
}

.cs-multiselect
  multiple-autocomplete
  .form-item-container
  .list-inline
  li:last-child
  input,
.cs-multiselect
  multiple-autocomplete
  .form-item-container
  .list-inline
  li:last-child {
  width: 100% !important;
}

.cs-multiselect multiple-autocomplete .form-item-container {
  padding: 0px;
}

.cs-multiselect
  multiple-autocomplete
  .form-item-container
  .list-inline
  li:last-child
  input {
  height: 40px;

  border-radius: 0px;
}

.cs-multiselect multiple-autocomplete .form-item-container ul li {
  width: 100% !important;

  font-size: 11px;
}

.cs-multiselect multiple-autocomplete .form-item-container .list-inline li {
  padding-right: 0px;
}

.form-item-container .list-inline li span {
  font-size: 11px;
}

.form-item-container .list-inline li span.remove {
  position: absolute;

  top: -10px;

  right: -4px;
}

.form-item-container .list-inline li span.remove i {
  font-size: 10px;

  color: #f00;
}

.add-form.add-form-full ul li:nth-child(1) {
  width: 30%;
}

.add-form.add-form-full ul li:nth-child(2) {
  width: 70%;
}

.add-form.add-form-full ul li label {
  font-weight: 600;
}

.mobile-show {
  display: none !important;
}

.desktop-show {
  display: inherit !important;
}

.click-heare {
  border: solid 1px #ccc;

  margin-top: 15px;

  text-align: center;

  margin-bottom: 10px;

  border-bottom: solid 2px #ccc;
}

.click-heare img {
  max-width: 100%;
}

.table-scroll {
  overflow-x: auto !important;
}

.table-scroll table {
  min-width: 1024px !important;
}

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;

  outline: none;

  height: 100%;

  width: 100%;

  padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);

  height: 48px;

  cursor: pointer;

  position: relative;

  display: flex;

  align-items: center;

  width: auto;
}

.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}

table .table1 {
  min-width: 250px;
}

.excel-btn {
  padding: 5px 15px;

  background: #d96516;

  box-shadow: 0px 3px 6px 0px #ccc;

  color: #fff;
}

.area-border {
  border: 1px #cccccc solid;

  height: 30px !important;

  width: 100% !important;

  margin: 0px;
}

.md-select-value {
  margin-top: -3px;

  padding: 0px 10px;

  font-weight: 400;

  border: 0px;
}

.wt-hg {
  width: 40px;

  height: 40px;

  line-height: 40px;

  background: #cccccc;

  color: #ffff;

  border: 1px #cccccc solid;

  /*margin-left: 10px;*/
}

.form-item-container {
  border: none !important;
}

.form-item-container .list-inline input {
  /* border: 1px solid #fdb888 !important; */

  margin-bottom: 10px;
}

.autocomplete-list {
  margin-top: -30px;
}

.autocomplete-list,
.form-item-container,
.form-item-container .list-inline input {
  box-shadow: none !important;
}

label.input-size {
  font-size: 12px !important;

  font-weight: 400 !important;
}

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

trix-toolbar .button_group button {
  width: 38px !important;

  height: 25px !important;
}

.border-none {
  border: 0px !important;
}

.first-page table td span {
  color: #ff0068;

  margin-left: 25px;
}

select,
textarea {
  font-size: 11px !important;
}

textarea {
  padding: 10px !important;
}

.table th,
.table td {
  border: 1px solid #fdb888;
}

md-select:not([disabled]):focus .md-select-value {
  border-bottom: rgb(217, 100, 22) !important;
}

md-select-menu:not(.md-overflow) md-content {
  padding-top: 0px !important;
}

.selectdemoSelectHeader .demo-select-header {
  height: 38px !important;
}

.selectdemoSelectHeader .demo-select-header input {
  padding: 10px;

  box-sizing: border-box;

  position: relative;

  background: #f9f9f9;

  border-radius: 0;

  border: 1px solid #ccc;

  border-bottom: 0px;
}

.border {
  border: solid 1px #cccccc;
}

.cs-accordion {
  width: 100%;

  /* margin: auto; */

  margin-top: 15px;
}

.cs-accordion .panel-group {
  margin-bottom: 0px;
}

.cs-accordion .cm-header h1 {
  font-size: 16px;
}

.cs-accordion .cr-header h1 {
  font-size: 12px;

  margin-bottom: 10px;
}

.cs-accordion .cm-header h1,
.cs-accordion .cr-header h1 {
  text-decoration: underline;

  font-weight: 500;
}

.cs-accordion .panel {
  border: solid 1px #dbdbdb;

  position: relative;
}

.cs-accordion .panel .panel-heading {
  padding: 0;

  background: #fff;

  background-color: #fff !important;

  background-image: none !important;
}

.cs-accordion .panel .panel-heading h4 {
  padding: 5px 15px;
}

.cs-accordion .panel .panel-heading .icon {
  display: inline-block;

  margin-right: 15px;

  background: #222;

  color: #fff;

  padding: 10px 15px;

  border-radius: 50%;
}

.cs-accordion .panel .panel-heading .right-arrow {
  font-size: 24px;

  margin-top: 4px;

  color: #ef3a2d;

  cursor: pointer;
}

.cs-accordion .panel .panel-heading .icon img {
  border-radius: 100%;

  height: 35px;

  width: 35px;

  border: solid 1px #f8f8f8;

  box-shadow: 0px 3px 6px 0px #ccc;
}

.cs-accordion .panel .panel-heading .counter {
  position: absolute;

  right: 50px;

  top: 15px;

  font-size: 12px;

  font-weight: 600;
}

.cs-accordion .panel .panel-heading a {
  font-size: 12px;
}

.cs-accordion .panel .panel-heading.car-panel h4 {
  padding: 10px 15px;
}

.cs-accordion .panel .panel-heading.car-panel .right-arrow {
  margin-top: -6px;
}

.pr-search md-input-container {
  margin: 0px;

  width: 100%;
}

.pr-search md-input-container md-select {
  border: solid 1px #ccc;

  height: 30px;
}

.pr-search md-input-container md-select md-select-value {
  border: 0px;
}

.pr-search md-input-container md-select md-select-value span {
  font-size: 10pt;

  font-weight: normal;

  text-transform: capitalize;

  color: #757579;

  margin-top: -7px;

  margin-left: 5px;
}

md-select-menu md-content md-option {
  padding: 0 10px 0 10px;

  height: 30px;

  font-size: 11px;
}

md-select-menu md-content md-option .md-text {
  font-size: 11px;
}

.pr-search
  md-input-container.md-input-focused:not([md-no-float])
  .md-select-placeholder
  span:first-child {
  -webkit-transform: translateY(0px) translateX(0px) scale(1);

  transform: translateY(0px) translateX(0px) scale(1);
}

.dropdown.dropdown-scroll .dropdown-menu {
  overflow: auto;

  max-height: 250px;
}

.dropdown-menu li::-webkit-scrollbar {
  width: 2px;
}

.dropdown-scroll .dropdown-menu li::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}

.dropdown-menu li::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;

  outline: 1px solid #d4d4d4;

  border-radius: 5px;
}

ul.dropdown-menu li {
  width: 100% !important;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.dropdown-menu li:last-child {
  border-bottom: 0px;
}

.dropdown-menu > li > a {
  font-size: 11px;

  line-height: 24px;
}

.searchandselect {
  height: 40px;

  border: solid 1px #ccc;

  background: #fff;

  padding-left: 10px;

  padding-right: 10px;

  width: 100%;

  display: inline-block;

  font-size: 10pt;

  font-family: "Roboto", sans-serif;

  color: #000;

  position: relative;

  text-align: left;

  z-index: 1;

  background: url(../img/down-icon.png) right/26px no-repeat #fff !important;
}

.searchandselect .header {
  height: 40px;

  padding: 10px 15px;

  z-index: 9999;

  background: #efefef;
}

.searchandselect .search {
  padding: 5px;

  display: none;

  z-index: 9999;
}

.searchandselect .dropdown {
  border: 1px solid #e6e8ea;

  left: 0;

  list-style: outside none none;

  overflow: auto;

  position: absolute;

  right: 0;

  top: 100%;

  margin: 0;

  padding: 0;

  display: none;

  z-index: 9999;
}

.searchandselect.active .search {
  display: inherit;
}

.searchandselect.active .dropdown {
  display: inherit;

  max-height: 290px;

  background: #fff;

  box-shadow: 0px 3px 6px 0px #ccc;
}

.searchandselect .dropdown li:nth-child(1) {
  margin-top: 10px;
}

.searchandselect .dropdown li {
  margin: 5px 0 0;

  padding: 0 10px;

  width: 100% !important;
}

.searchandselect .dropdown li i {
  color: inherit;

  margin-right: 5px;

  vertical-align: middle;

  float: right;
}

.searchandselect .dropdown li small {
  margin-right: 10px;
}

.searchandselect .header {
  height: 40px;

  padding: 10px 15px;

  z-index: 9999;

  font-size: 11px;
}

.searchandselect .header b {
  font-weight: normal;
}

.searchandselect .search {
  padding: 5px;

  display: none;

  z-index: 9999;

  position: absolute;

  background: #fff;
}

.searchandselect .dropdown {
  border: 1px solid #e6e8ea;

  left: 0;

  list-style: outside none none;

  overflow: auto;

  position: absolute;

  right: 0;

  top: 100px;

  margin: 0;

  padding: 0;

  display: none;

  z-index: 99;

  background: #fff;
}

.searchandselect .search {
  padding: 5px;

  display: none;

  z-index: 9999;

  position: absolute;

  background: #fff;
}

.searchandselect .dropdown {
  border: 1px solid #e6e8ea;

  left: 0;

  list-style: outside none none;

  overflow: auto;

  position: absolute;

  right: 0;

  top: 100px;

  margin: 0;

  padding: 0;

  display: none;

  z-index: 99;

  background: #fff;
}

.searchandselect .search,
.searchandselect .dropdown {
  width: 100%;

  min-width: 333.33px;
}

.searchandselect.active .search {
  display: inherit;

  width: 100%;

  min-width: 333.33px;
}

.searchandselect.active {
  width: 100%;

  min-width: 333.33px;
}

.searchandselect.active .search .input-group {
  width: 100%;
}

.searchandselect.active .search .input-group input {
  border-radius: 0px;
}

.searchandselect.active .search .input-group-btn {
  position: absolute;

  /* font-size: 0; */

  white-space: nowrap;

  right: 36px;

  top: 5px;
}

.searchandselect.active .search .input-group-btn button {
  border: 0;

  box-shadow: none;
}

.searchandselect.active .search small {
  font-size: 10px;
}

.searchandselect.active .dropdown {
  display: inherit;

  max-height: 290px;
}

.searchandselect .dropdown li {
  margin: 8px 0 0;

  width: 100% !important;

  font-size: 11px;

  padding: 0px 10px 0px 10px;
}

.searchandselect .dropdown li:hover {
  background: #f8f8f8;
}

.searchandselect .dropdown li i {
  color: inherit;

  margin-right: 5px;

  vertical-align: middle;

  float: right;
}

.searchandselect .dropdown li small {
  margin-right: 10px;
}

.select-bg {
  background: #fff;

  font-size: 11px;

  padding-left: 5px;
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon,
.md-checkbox-enabled[selected] .md-icon {
  background: rgba(108, 181, 63, 0.87);
}

md-select-menu md-content md-option .md-text {
  color: #000;
}

.pagination {
  display: flex !important;

  align-items: flex-start;

  justify-content: flex-end;

  margin: 10px 0px !important;

  position: fixed;

  bottom: 15px;

  left: 210px;

  z-index: 9;
}

.pagination.top-right {
  position: absolute;

  top: 50%;

  right: 10px;

  border: 0px;

  margin: 0px !important;

  transform: translateY(-50%);

  bottom: inherit;
}

ul.pagination li {
  display: flex !important;

  align-items: center;

  justify-content: center;
}

ul.pagination li i {
  font-size: 25px !important;

  padding-right: 4px !important;
}

ul.pagination li a {
  margin: 0px !important;
}

.pagination > li > a {
  padding: 7px 12px !important;

  color: #000000 !important;
}

.icon-box {
  width: 32px !important;

  height: 30px !important;

  font-size: 32px !important;

  background: #da251d !important;

  display: block !important;

  line-height: 23px !important;

  padding: 4px 0px !important;

  color: #fff;

  text-align: center;
}

ul.search-page {
  display: flex;

  margin: 10px 0px;

  align-items: center;
}

ul.search-page li {
  display: inline-block;

  margin-right: 15px;

  line-height: 28px;
}

ul.search-page li label {
  font-size: 13px !important;
}

.next-btn {
  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background: #24a95a;

  color: #fff;

  display: block;

  font-size: 11px;

  border-radius: 4px;
}

.next-btn:hover {
  color: #fff;
}

.coupon-table table tr td {
  border: 1px#ff8b3a solid;

  padding: 10px;

  font-size: 11px;

  color: #333;

  position: relative;
}

.coupon-table tr th {
  font-weight: 500;

  border: 1px#ff8b3a solid;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  padding: 10px;

  color: #000;
}

.coupon-table table tr td:hover {
  background: #ffe8d9;
}

.coupon-table .action-hover {
  position: absolute;

  top: 18px;

  right: 15px;

  opacity: 1;

  visibility: visible;
}

.cs-home-table tr th {
  background: #dcdcdc !important;
}

.cs-home-table tr th,
.cs-home-table tr td {
  border: solid 1px #ccc !important;
}

.cs-home-table tr td a {
  text-decoration: none !important;

  display: block !important;
}

.cs-home-table tr:hover:nth-child(odd) td {
  background: #fff !important;
}

.cs-home-table tr:nth-child(odd) td:hover {
  background: #dcdcdc !important;
}

.cs-home-table tr:nth-child(odd) td:nth-child(1),
.cs-home-table tr:nth-child(odd) td:nth-child(3) {
  background: #dcdcdc !important;

  color: #000 !important;
}

.cs-home-table tr:hover:nth-child(even) td {
  background: #fff !important;
}

.cs-home-table tr:nth-child(even) td:hover {
  background: #e9e9e9 !important;
}

.cs-home-table tr:nth-child(even) td:nth-child(1),
.cs-home-table tr:nth-child(even) td:nth-child(3) {
  background: #e9e9e9 !important;

  color: #000 !important;
}

th.pr-search input,
th.pr-search md-select {
  height: 26px;

  font-weight: 400;

  font-size: 12px;

  border: 1px solid #a2a2a2 !important;
}

th.pr-search select,
.md-select {
  height: 26px;

  font-weight: 400;

  font-size: 12px !important;

  border: 1px solid #a2a2a2 !important;
}

th.pr-search input::placeholder {
  font-weight: 400;

  font-size: 12px;
}

.font-upper {
  text-transform: uppercase !important;
}

th.pr-search input[type="date"] {
  padding: 0px 0px 0px 2px !important;
}

md-select .md-select-value {
  border-bottom: transparent !important;
}

md-select .md-select-value.md-select-placeholder {
  color: inherit !important;
}

.cs-ntable table tr td {
  border: solid 1px #fdb887;
}

.cs-ntable table tr td:first-child {
  border-left: 0px;
}

.cs-ntable table tr td:last-child {
  border-right: 0px;
}

.in-table table {
  min-width: auto;
}

.in-table table tr {
  border-bottom: 0px;
}

.in-table .acrolls {
  overflow: hidden;

  overflow-y: scroll;

  max-height: 91px;
}

.in-table table tr td {
  border: solid 1px #ccc !important;
}

.csmicon {
  padding-left: 0px !important;

  display: inline-block;
}

.csmicon .icon {
  float: none !important;

  top: inherit !important;

  left: inherit !important;

  position: relative !important;
}

.new-step-form {
  padding: 10px 0px;
}

.csm-form .inspace {
  background: #fff;

  border: 1px solid #cccccc;
}

.csm-form ul li label {
  line-height: 20px;

  margin-top: 10px;
}

.row.col-padding .col-sm-1,
.row.col-padding .col-sm-2,
.row.col-padding .col-sm-3,
.row.col-padding .col-sm-4,
.row.col-padding .col-sm-5,
.row.col-padding .col-sm-6,
.row.col-padding .col-sm-8,
.row.col-padding .col-sm-9,
.row.col-padding .col-sm-10,
.row.col-padding .col-sm-11,
.row.col-padding .col-sm-12 {
  padding-left: 7.5px;

  padding-right: 7.5px;
}

.more {
  padding-left: 8px;

  padding-right: 8px;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pl10 {
  padding-left: 8px !important;
}

.pr10 {
  padding-right: 8px !important;
}

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

.pr0 {
  padding-right: 0px !important;
}

.csm-heading {
  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #f3f3f3;

  padding: 10px;

  border-bottom: solid 1px #ccc;

  padding-left: 10px;

  color: #fff;

  font-size: 12px;

  position: relative;
}

.csm-heading a.add-new,
.csm-heading button.add-new {
  position: absolute;

  top: 0;

  right: 0;

  width: 36px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 30px;

  background: #51aa5b;
}

.csm-heading a.add-new i,
.csm-heading button.add-new i {
  font-size: 18px;

  line-height: 35px;

  color: #ffffff;
}

.csm-heading h2 {
  text-transform: capitalize;

  /* letter-spacing: 1px; */

  font-size: 12px;

  font-weight: 500;
}

.csm-heading p {
  font-size: 11px;
}

.csm-heading p span {
  font-size: 12px;

  color: #ff0000;
}

.csm-heading .time {
  font-size: 11px;

  font-weight: 600;

  color: #000;
}

.csm-heading .time span {
  color: #09139b;
}

.csm-heading h2,
.csm-heading p {
  color: #00244d;
}

.csm-heading.csm2 {
  background: #ebebeb !important;

  margin-left: 0px;

  margin-right: 0px;

  margin-top: 25px;

  padding: 10px;

  border: 0px !important;
}

.csm-heading.csm2 p.date-time {
  font-size: 11px;

  color: #000000;
}

.csm-form ul li md-select {
  font-size: 10pt;

  padding-left: 10px;
}

.csm-form ul li md-select md-select-value {
  border-bottom-color: transparent;
}

.help-block.error {
  font-size: 11px;

  margin: 0px;
}

.help-block {
  display: block;

  margin-top: 2px;

  margin-bottom: -10px;

  font-size: 11px;

  color: #ff0000;

  margin-left: 5px;
}

.error-field input,
.error-field select,
.error-field textarea,
.error-field .area-border {
  border: 1px solid #e90a0a !important;

  box-shadow: 0px 4px 6px 0px rgba(233, 10, 10, 0.2);
}

.loading-field {
  position: relative;
}

p.loading-content {
  display: none;
}

.loading-field p.loading-content {
  position: absolute;

  top: 1px;

  left: 30px;

  z-index: 2;

  width: calc(100% - 33px);

  height: 27px;

  font-size: 13px;

  font-weight: 600;

  letter-spacing: 1px;

  display: block;

  padding-left: 10px;

  background: #ffffff;

  line-height: 27px;
}

.loading-field:before {
  content: "";

  position: absolute;

  top: 2px;

  left: 3px;

  background: #ffffff url(../../assets/img/sm-loading.svg) no-repeat;

  background-size: 100%;

  width: 27px;

  height: 25px;

  z-index: 2;
}

.error-field span {
  font-size: 12px !important;

  color: #ff0000;

  margin-top: 5px;

  display: block;
}

.md-select-menu-container {
  z-index: 9999 !important;
}

.cs-calender {
  background: #fff;

  /*padding: 16px;*/

  padding-top: 0;

  /*  margin-top: 16px;*/
}

.in-clnd {
  background: #fff;

  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.4);
}

.cs-calender .calendar-header {
  display: flex;

  align-items: center;

  height: 45px;

  justify-content: space-between;
}

.cs-calender .calendar-header button {
  width: 45px;

  height: 45px;

  background: #fff;

  border: 0px;
}

.cs-calender .calendar-header button img {
  height: 13px;
}

.cs-calender .calendar-body .grid {
  padding: 0px;
}

.cs-calender .calendar-body .col:last-child {
  border-right: none;
}

.cs-calender .calendar-body .calendar-weekday,
.cs-calender .calendar-body .calendar-date {
  text-align: center;

  margin: 0;
}

.cs-calender .calendar-body .calendar-weekday {
  font-weight: 600;

  /* border-bottom: solid 1px #000; */

  /* background-color: #333 */
}

.cs-calender .calendar-body .calendar-weekday .col {
  padding: 8px !important;

  font-weight: 600;
}

.cs-calender .calendar-body .calendar-date {
  /* border-bottom: solid 1px #000; */
}

.cs-calender .calendar-body ion-grid ion-row {
  display: flex;

  align-items: center;

  flex-wrap: wrap;
}

.cs-calender [col-1] {
  webkit-box-flex: 0;

  -webkit-flex: 0 0 8.33333%;

  -ms-flex: 0 0 8.33333%;

  flex: 0 0 14.285714285714286%;

  width: 14.285714285714286%;

  max-width: 14.285714285714286%;

  height: 35px;

  align-items: center;

  display: flex;

  justify-content: center;
}

.cs-calender .col {
  text-align: center;

  color: #fff;

  font-size: 11px;

  font-weight: 300;

  padding: 2px;
}

.cs-calender .col span {
  display: block;

  padding: 8px;

  /* border: solid 2px #333; */
}

.cs-calender .col span.notactive {
  border-radius: 0px;
}

.cs-calender .col span.active {
  background: #000;

  border-radius: 0px;
}

span.csred {
  /*border: solid 2px #ff0000;*/

  border-radius: 100%;

  display: block;

  height: 35px;

  width: 35px;

  color: #ff0000;
}

span.csred.activated {
  background: #ff0000;

  color: #fff;
}

span.csgreen {
  /*border: solid 2px #008626;*/

  border-radius: 100%;

  display: block;

  height: 35px;

  width: 35px;

  color: #429428;
}

span.csgreen.activated {
  background: #008626;

  color: #429428;
}

span.csblue {
  border: solid 2px #01a8e7;

  border-radius: 100%;

  display: block;

  height: 35px;

  width: 35px;
}

span.csblue.activated {
  background: #01a8e7;

  color: #fff;
}

span.csyellow {
  /*border: solid 2px #008626;*/

  border-radius: 100%;

  display: block;

  height: 35px;

  width: 35px;

  color: #ffbc00;
}

.cs-calender .col span.currentDate,
.cs-calender .col span.dotclick {
  font-weight: 600;

  color: white;

  border-radius: 0px;
}

.cs-calender .col span.currentDate {
  background-color: #ff0000;
}

.cs-calender .col span.dotclick {
  border: solid 2px #000 !important;
}

.cs-calender .last-month,
.cs-calender .next-month {
  color: #999999;

  font-size: 90%;
}

.cs-calender .currentDate,
.cs-calender .otherDate {
  padding: 5px;
}

.cs-calender .event-bullet {
  margin: 2px auto;

  height: 5px;

  width: 5px;

  background-color: green;

  border-radius: 30px;
}

.cs-calender .selected-date {
  width: 20px;

  height: 2px;

  background-color: blue;
}

.cs-calender .unselected-date {
  border: none;
}

.cs-calender .csm-header {
  background: #00a8e7;

  padding: 15px;
}

.cs-calender .csm-header p {
  color: #fff;

  font-size: 11px;

  opacity: 0.7;

  font-weight: 600;
}

.cs-calender .csm-header h1 {
  font-size: 24px;

  font-weight: 600;

  color: #fff;
}

.indicator ul li {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 10px;

  font-size: 12px;
}

.indicator ul li span {
  width: 16px;

  height: 16px;

  border-radius: 100%;

  margin-right: 15px;
}

.indicator ul li span.yellow-bg {
  background: #ffbc00;
}

.indicator ul li span.green-bg {
  background: #429428;
}

.indicator ul li span.red-bg {
  background: #ff0000;
}

.radio-input {
  display: flex;

  align-items: center;
}

.radio-input .radio-inner {
  width: 100%;

  margin-right: 10px;

  font-size: 13px;
}

.cs-chips ul li {
  display: inline-flex;

  width: inherit !important;

  padding: 5px 8px;

  background: #ccc;

  font-size: 11px;

  align-items: center;

  border-radius: 16px;

  color: #000;

  margin: 0px 10px 10px 0px;
}

.cs-chips ul li:last-child {
  margin-bottom: 0px;
}

.cs-chips ul li span {
  margin-left: 5px;

  color: #5f5f5f;
}

.referral,
.marketing,
.telemarketing,
.social,
.offline,
.online,
.inquiry,
.website,
.campaign,
.india.mart,
.google.ads,
.sales.team,
.laminates.team,
.reference,
.other {
  color: #fff !important;

  font-size: 12px;

  white-space: nowrap;

  letter-spacing: 1px;

  padding-left: 10px !important;
}

.referral {
  background: #1f487c !important;
}

.marketing {
  background: #bf5754 !important;
}

.telemarketing {
  background: #f79647 !important;
}

.social {
  background: #49acc6 !important;
}

.offline {
  background: #dc3429 !important;
}

.online {
  background: #ffab29 !important;
}

.inquiry {
  background: #2d8400 !important;
}

.website {
  background: #8e24aa !important;
}

.campaign {
  background: #00796b !important;
}

.india.mart {
  background: #000000 !important;
}

.other {
  background: #e91e63 !important;
}

.google.ads {
  background: #6d3737 !important;
}

.sales.team {
  background: #447d20 !important;
}

.laminates.team {
  background: #bd0250 !important;
}

.reference {
  background: #4d219c !important;
}

.suspect {
  background: #00bddf !important;

  color: #ffffff !important;

  padding: 5px;
}

.open-status,
.reject,
.return {
  background: #ff0000 !important;

  color: #ffffff !important;

  padding: 5px;
}

.close-status,
.paid,
.approved,
.incoming {
  background: #27ab00 !important;

  color: #ffffff !important;

  padding: 5px;
}

.pending {
  background: #ffa200 !important;

  color: #ffffff !important;

  padding: 5px;
}

.minor {
  background: #3f48cc !important;

  color: #ffffff !important;
}

.critical {
  background: #ed1c24 !important;

  color: #ffffff !important;

  text-align: center;

  padding: 5px;
}

.major {
  background: #ff7f27 !important;

  color: #ffffff !important;

  text-align: center;

  padding: 5px;
}

.minor {
  background: #3f48cc !important;

  color: #ffffff !important;

  text-align: center;

  padding: 5px;
}

.threshold {
  background: #ff00ff !important;

  color: #ffffff !important;

  text-align: center;

  padding: 5px;
}

.informative {
  background: #000000 !important;

  color: #ffffff !important;

  text-align: center;

  padding: 5px;
}

.sales-team {
  background: #ca0038 !important;

  color: #ffffff !important;
}

.google-ads {
  background: #00796b !important;

  color: #ffffff !important;
}

.india-mart {
  background: #000000 !important;

  color: #ffffff !important;
}

.referral {
  background: #49acc6 !important;

  color: #ffffff !important;
}

.total {
  background: #23aae1 !important;

  color: #ffffff !important;
}

.cold {
  background: #9e9e9e !important;

  color: #ffffff !important;
}

.hot {
  background: #000000 !important;

  color: #ffffff !important;
}

.technician-support {
  color: #ffa707 !important;
}

.technician {
  color: #0044ff !important;
}

.pending-clr {
  color: #ffa400 !important;

  font-weight: 600;
}

.hold-clr {
  color: #4f49ff !important;

  font-weight: 600;
}

.cancel-clr {
  color: #ed1c24 !important;

  font-weight: 600;
}

.close-clr {
  color: #05b914 !important;

  font-weight: 600;
}

.alert-clr {
  color: #ff0000 !important;
}

.project-stages {
  display: flex;

  align-items: start;

  justify-content: center;

  background: #fff;

  position: relative;
}

.project-stages .st-tooltip {
  position: absolute;

  right: 15px;

  top: 15px;

  color: #ff8f8d;
}

.project-stages .csml {
  display: flex;

  align-items: center;

  /*height: 98px;*/

  justify-content: center;

  margin: 0px -7px;
}

.project-stages .csfigure {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  width: calc(33.33% - 14px);

  height: 100px;

  padding: 10px;

  margin: 7px;

  background: #fff;

  justify-content: center;

  cursor: pointer;

  transition: 0.1s linear;

  border: solid 1px #f8f8f8;
}

.project-stages .csfigure:hover {
  box-shadow: 0px 3px 6px 0px #ccc;

  transition: 0.1s linear;
}

.project-stages .csfigure .stage-name {
  width: 30px;

  height: 30px;

  background: rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 100%;

  border: solid 1px #fff;

  box-shadow: 0px 3px 6px 0px #ccc;

  color: #9f9f9f;
}

.project-stages .csfigure.done .stage-name {
  font-size: 0px;

  background: #24a95a url("../img/baseline-done-24px.svg") center no-repeat;
}

.project-stages .csfigure.complete .stage-name {
  background: #00a8da;

  color: #fff;
}

.project-stages .csfigure.done p,
.project-stages .csfigure.complete p {
  opacity: 1;
}

.project-stages .csfigure p {
  width: 100%;

  text-align: center;

  font-size: 13px;

  font-weight: 500;

  /*margin-top: 5px;*/

  opacity: 0.3;
}

.csm-new-table {
  padding: 15px;
}

.csm-new-table table {
  border: solid 1px #ccc;
}

.csm-new-table table tr {
  border: solid 1px #ccc;
}

.icon-table.csm-new-table table tr td:nth-child(1) {
  padding-left: 10px;
}

.table-header {
  padding-left: 15px;

  padding-right: 15px;
}

table.in-table tr th,
table.in-table tr td {
  border-left: 0px !important;
}

table.in-table tr th:last-child,
table.in-table tr td:last-child {
  border-right: 0px !important;
}

table.in-table tr:last-child th,
table.in-table tr:last-child td {
  border-bottom: 0px !important;
}

table.in-table tr td {
  border-top: 0px !important;
}

table.in-table tr th:last-child,
table.in-table tr td:last-child {
  border-left: 1px solid #000 !important;
}

.table-header table {
  table-layout: fixed;

  width: 100%;

  background: #d1d1d1;
}

.table-header table tr {
}

.table-header table tr th {
  font-size: 11px;

  padding: 10px 10px;

  text-transform: uppercase;

  letter-spacing: 1px;

  border: solid 1px rgba(0, 0, 0, 0.2);
}

/* .table-header table tr th:last-child{border-right: 0px;} */

.csm-footer {
  position: fixed;

  bottom: 0px;

  display: flex;

  align-items: center;

  /*width: 100%;*/

  right: 20px;

  bottom: 20px;

  justify-content: flex-end;

  z-index: 99;
}

.csm-footer.bottom-right {
  position: absolute;

  bottom: 15px;

  right: 15px;
}

.csm-footer .imex {
  margin-right: 15px;

  width: 55px;

  height: 55px;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0px 3px 6px 0px #ccc;

  overflow: hidden;

  padding: 11px;
}

.csm-footer .imex .counter {
  position: absolute;

  top: 23px;

  right: 21px;

  width: 20px;

  height: 20px;

  background: #47367f;

  border-radius: 100%;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;
}

.csm-footer .cs-add {
  width: 40px;

  height: 40px;

  background: #47367f;

  border-radius: 100%;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  padding: 10px;

  margin-right: 10px;

  border: 2px solid #ffffff;

  animation: shadow-pulse 1s infinite;

  -webkit-animation: shadow-pulse 1s infinite;

  -moz-animation: shadow-pulse 1s infinite;

  -ms-animation: shadow-pulse 1s infinite;
}

.csm-footer .cs-add.square-btn {
  height: inherit;

  width: inherit;

  border-radius: 30px;

  font-size: 12px;

  letter-spacing: 1px;
}

.csm-footer .cs-add.square-btn i {
  margin-left: 10px;
}

.csm-footer .cs-add:last-child {
  margin-right: 0px;
}

.csm-footer .cs-add.excel {
  background: #fefffd;

  border-color: #3a7d33;
}

.csm-footer .cs-add {
  background: #0b9ae3;
}

.csm-footer .cs-add i {
  color: #fff;

  font-size: 20px;
}

.csm-footer .cs-add img {
  width: 20px;
}

.csm-footer .imex {
  background: #fff;
}

.csm-footer .imex i {
  color: #0088d8;

  font-size: 32px;
}

/* .ss-scroll

{

  min-height: auto;

  overflow: auto !important;

  max-height: calc(100vh - 155px);

} */

.ss-scroll.height-scroll {
  max-height: 300px;
}

.lwr-detail {
  display: flex;

  justify-content: flex-end;
}

.lwr-detail table tr th {
  font-size: 13px;

  color: #6f6f6f;

  padding: 10px 15px;
}

.lwr-detail table tr td {
  font-size: 16px;

  color: #000;

  padding: 10px 15px;

  padding-right: 0px;
}

.ss-container {
  table-layout: fixed;

  width: 100%;
}

.table-height {
  height: calc(100vh - 174px);

  overflow: auto;
}

.table-height1 {
  height: calc(25vh - 0px);
  overflow: auto;
}

.table-height2 {
  height: calc(50vh - 0px);
  overflow: auto;
}
.table-height3 {
  height: calc(60vh - 0px);
  overflow: auto;
}
.ss-container.left-right-15 {
  width: initial;

  margin: 0px -15px;
}

.ss-container.left-right-10 {
  width: initial;

  margin: 0px -10px;
}

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

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

.ss-container table {
  border-spacing: 0px;

  width: 100%;
}

table.ss-table {
  width: 100%;

  table-layout: fixed;

  max-height: calc(100vh - 180px);
}

table.ss-table tr th {
  background: #f5f5f5;

  font-size: 11px;

  padding: 10px 5px;

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  font-weight: 500;

  position: relative;
}

.blank1:nth-child(2) .ss-table tr th {
  padding: 5px;
}

table.ss-table tr th:last-child {
  border-right: 0px;
}

table.ss-table tr td {
  background: #fff;

  font-size: 11px;

  padding: 10px 5px;

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  line-height: 16px;

  position: relative;
}

table.ss-table tr:first-child td:first-child {
  /*border-top-left-radius: 10px;*/
}

table.ss-table tr:first-child td:last-child {
  /*border-top-right-radius: 10px;*/
}

table.ss-table tr:last-child td:first-child {
  /*border-bottom-left-radius: 10px;*/
}

table.ss-table tr:last-child td:last-child {
  /*border-bottom-right-radius: 10px;*/
}

table.ss-table tr:last-child td {
  border-bottom: 0px;
}

table.ss-table tr td .check-box {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) scale(0);

  transition: 0.5s;
}

table.ss-table tr td .check-box input {
  width: 15px;

  height: 15px;

  margin-top: 0px;

  cursor: pointer;
}

table.ss-table tr:hover td .check-box,
table.ss-table tr.active td .check-box {
  transform: translate(-50%, -50%) scale(1);

  transition: 0.5s;
}

table.ss-table tr td:last-child {
  border-right: 0px;
}

table.ss-table tr td a {
  color: #000dc4;
}

table.ss-table tr td a.delete-action {
  color: #ff0000;
}

table.ss-table tr td p {
  padding: 6px 6px 0;
}

table.ss-table tr td input::placeholder {
  font-size: 12px;
}

.blank1 {
  padding: 0px 10px;

  background: #f5f5f5;

  border-bottom: 1px solid #d2d2d2d2;

  border-left: 0px;

  border-right: 0px;
}

.row-flex {
  display: flex;

  margin-top: 10px;
}

.row-flex .dash-tables {
  margin-top: 0px !important;

  width: 100%;
}

.custom-dashboad .row-flex .dash-tables .table-one {
  height: inherit;
}

.listing {
  width: 250px;

  min-width: 250px;

  border-radius: 10px;

  border: 1px solid#2a2b2b !important;

  display: flex;

  align-items: center;

  flex-direction: column;

  margin-right: 10px;
}

.listing a {
  width: 100%;

  padding: 15px 10px;

  border-bottom: 1px dashed #3949ab;
}

.listing a:last-child {
  border-bottom: 0px;
}

.blank7 {
  padding: 0px 16px;

  background: #f5f5f5;

  border-bottom: 1px solid #d2d2d2d2;

  border-left: 0px;

  border-right: 0px;
}

.blank8 {
  padding: 0px 16px;

  background: #f5f5f5;

  border-bottom: 1px solid #d2d2d2d2;

  border-left: 0px;

  border-right: 0px;
}

.blank1:first-child {
  border-top: 1px solid #ccc;
}

.blank2 {
  margin: 10px;

  border-radius: 6px;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  /* overflow: hidden; */

  border: 1px solid #d2d2d2d2;
}

.img-tag a {
  border: 1px solid #000dc4;

  padding: 3px 5px;

  border-radius: 5px;
}

.img-tag a img {
  width: 15px;

  height: 15px;
}

.dtfooter .cs-add {
  margin-right: 15px;

  width: auto !important;

  height: 40px;

  border-radius: 6px;

  display: flex;

  background: #2e821b;

  align-items: center;

  /*justify-content: center;*/

  box-shadow: 0px 3px 6px 0px #ccc;

  color: #fff;

  font-weight: 400;

  font-size: 12px;

  padding: 0px 15px;

  white-space: nowrap;
}

/*.dtfooter .cs-add i{margin-right: 15px;}*/

.csm-right-form {
  left: inherit;

  top: 0px;
}

.csm-right-form .modal-dialog {
  width: 420px;
}

.csm-right-form .modal-body {
  height: 100%;
}

.csm-right-form .modal-dialog .pop-heading {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 10px;

  background: #000000 !important;

  position: sticky;

  width: 100%;

  top: 0;

  z-index: 2;

  right: 0;
}

.ss-sticky {
  position: sticky;

  top: 0px;

  z-index: 1;
}

.cs-action {
  width: auto;

  margin-top: 5px;
}

.cs-action select {
  border-radius: 15px;

  border: solid 1px #004378 !important;

  box-shadow: 0px 1px 3px 0px #ccc;

  padding-right: 35px;
}

.csm-right-form .modal-dialog .pop-heading h2 {
  padding: 0px !important;

  font-weight: 400 !important;

  font-size: 13px !important;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 350px;

  white-space: nowrap;

  text-transform: inherit !important;
}

.csm-right-form .modal-dialog .pop-heading button i {
  color: rgba(255, 255, 255, 0.8);

  font-size: 20px;
}

.data-grid-view {
  padding: 10px;

  margin-top: 33px;

  overflow: scroll;

  height: calc(100vh - 53px);

  position: relative;

  background: #ffffff;
}

.data-grid-view.no-height {
  height: auto;
}

.data-grid-view .figure {
  border: solid 1px #fff;

  border-radius: 4px;

  margin-bottom: 10px;

  /*box-shadow: 0px 3px 6px 0px #ccc;*/

  background: #fff;
}

.data-grid-view .figure .top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 5px 10px;

  border-bottom: solid 1px #ccc;

  background: #f8f8f8;

  border-radius: 4px 4px 0px 0px;
}

.data-grid-view .figure .top h1 {
  font-size: 11px;

  font-weight: 600;

  display: flex;

  align-items: center;
}

.data-grid-view .figure .top h1 img {
  vertical-align: middle;

  height: 30px;

  border-right: solid 1px #ccc;

  padding-right: 15px;

  margin-right: 15px;
}

.data-grid-view .figure .top p {
  font-size: 10px;

  opacity: 0.9;
}

.data-grid-view .figure .description {
  padding: 8px 8px;

  margin-top: 8px;

  padding-top: 0px;
}

.data-grid-view .figure .description h2 {
  padding-top: 10px;

  font-size: 12px;

  margin-bottom: 10px;
}

.data-grid-view .figure .description h2 strong {
}

.data-grid-view .figure .description .fcm {
  display: flex;

  align-items: center;

  justify-content: center;
}

.data-grid-view .figure .description .fcm .fg {
  width: 100%;

  border: 1px dashed #ccc;

  padding: 5px 8px;

  display: flex;

  align-items: center;
}

.data-grid-view .figure .description .fcm .fg p {
  line-height: 14px;
}

.data-grid-view .figure .description .fcm .fg p:nth-child(1) {
  padding-right: 5px;

  color: #565656;
}

.data-grid-view .figure .description .fcm .fg p:nth-child(2) {
  opacity: 1;

  font-weight: 500;
}

.data-grid-view .figure .location i {
  font-size: 13px;

  margin-right: 5px;
}

.data-grid-view .figure .location {
  display: flex;

  font-size: 11px;

  margin-top: 5px;
}

.data-grid-view .figure .location a {
  display: flex;

  font-size: 12px;

  color: blue !important;

  text-transform: capitalize;

  cursor: pointer;
}

.data-grid-view.table-format .figure {
  border-radius: inherit;

  margin-bottom: 0px;

  box-shadow: none;

  padding: 0px;

  display: flex;
}

.pr-detail {
  background: #fff;

  padding: 10px;

  box-shadow: 0px 3px 6px 0px #ccc;

  position: relative;

  /* overflow: hidden;*/

  padding-top: 0px;
}

.pr-detail:after {
  content: "";

  display: table;

  clear: both;
}

.pr-detail.flat {
  padding: 0px;

  box-shadow: none;
}

.pr-detail .top {
  display: flex;

  align-items: center;

  justify-content: start;

  border-bottom: solid 1px #ccc;

  padding-bottom: 15px;
}

.pr-detail .top .figure {
  display: flex;

  align-items: center;

  justify-content: start;

  border-right: solid 1px #b9b9b9;

  padding-left: 15px;

  padding-right: 10px;

  width: 340px;
}

.pr-detail .top .figure:first-child {
  padding-left: 0px;
}

.pr-detail .top .figure:last-child {
  border-right: 0px;
}

.pr-detail .top .figure .cs-left {
  width: 35px;

  padding-right: 10px;
}

.pr-detail .top .figure .cs-left img {
  width: 100%;
}

.pr-detail .top .figure .cs-right {
}

.pr-detail .top .figure .cs-right p {
  font-size: 12px;

  font-weight: 500;
}

.pr-detail .top .figure .cs-right p:nth-child(1) {
  opacity: 0.8;
}

.pr-detail .top .figure .cs-right p:nth-child(2) {
}
.pr-detail .div-heading {
  text-align: center;
  margin-top: 7px;
}
.pr-detail .div-heading h2 {
  font-size: 13px;
  text-align: center;
  padding: 3px;
  background: #ffe1ab73;
  font-weight: 600;
}
.pr-detail table {
  width: 100%;
  margin-top: 7px;
}
.pr-detail table tr td {
  border: dashed 1px #9e9e9e;
  padding: 3px;
  font-size: 12px;
  width: 17%;
}

.pr-detail table tr td span {
  font-weight: 500;
  font-size: 14px;
}

.pr-detail .middle {
  display: flex;

  align-items: center;

  justify-content: start;

  margin-top: 10px;
}

.pr-detail .middle .figure {
  border: dashed 1px #9e9e9e;

  margin-right: 10px;

  width: 100%;

  position: relative;

  padding: 5px;

  background: #fefefe;
}

.pr-detail .middle .figure button.edit {
  position: absolute;

  top: 50%;

  right: 4px;

  transform: translateY(-50%);
}

.pr-detail .middle .figure button.edit i {
  font-size: 18px;
}

.pr-detail .middle .figure.flex-figure {
  display: flex;

  align-items: center;
}

.pr-detail .middle .figure.flex-figure .icon {
  width: 30px;

  height: 30px;
}

.pr-detail .middle .figure.flex-figure .icon img {
  width: 30px;

  height: 30px;
}

.pr-detail .middle .figure.flex-figure a {
  font-weight: 500;

  font-size: 11px;

  color: #3f48cc !important;

  text-decoration: underline;
}

.pr-detail .middle .figure.figure-icon {
  display: flex;

  align-items: center;
}

.pr-detail .middle .figure.figure-icon .icon {
  width: 30px;

  min-width: 30px;

  height: 30px;

  margin-right: 10px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.pr-detail .middle .figure.figure-icon .icon img {
  height: 25px;
}

.pr-detail .middle .figure.figure-icon div {
  width: 100%;

  float: left;
}

.pr-detail.head-status .middle .figure {
  min-width: 100px;

  padding: 5px;
}

.pr-detail .middle .figure:last-child {
  margin-right: 0px;
}

.pr-detail .middle .figure p {
  font-size: 11px;

  font-weight: 500;
}

.pr-detail .middle .figure p:nth-child(1) {
  opacity: 0.8;
}

.pr-detail .middle .figure p:nth-child(2) {
}

.pr-detail .middle .figure .cs-in-edit {
  position: absolute;

  right: 0px;

  height: 54px;

  top: 0px;

  border-left: solid 1px #ccc;

  width: 50px;

  background: #f8f8f8;

  transform: scale(0, 0);

  transition: 0.3s linear;
}

.pr-detail .middle .figure .cs-in-edit i {
  font-size: 20px;
}

.pr-detail:hover .middle .figure .cs-in-edit {
  transform: scale(1, 1);

  transition: 0.3s linear;
}

.pr-detail .middle.column {
  flex-direction: column;
}

.pr-detail .middle.column .figure {
  margin-right: 0px;

  margin-bottom: 10px;
}

.pr-detail .middle.column .figure:last-child {
  margin-bottom: 0px;
}

.pr-detail.table-format .middle {
  flex-direction: column;
}

.pr-detail.table-format .middle .figure {
  padding: 0px;

  margin: -1px;

  display: flex;

  border-radius: 0px;
}

.pr-detail.table-format .middle .figure p {
  padding: 10px;
}

.pr-detail.table-format .middle .figure p:nth-child(1) {
  min-width: 100px;

  width: 100px;

  background: #e8e5e5;
}

.pr-detail.table-format .middle .figure p:nth-child(2) {
  width: 100%;
}

.pr-detail .cs-edit {
  background: #00a9db;

  color: #fff;

  width: 38px;

  height: 38px;

  border-radius: 45px 0px 45px 45px;

  font-size: 16px;

  box-shadow: 0px 3px 6px 0px #ccc;

  position: absolute;

  top: -60px;

  right: -50px;

  border: solid 1px #fff;

  transition: 0.3s linear;
}

.pr-detail .cs-edit i {
  font-size: 18px;
}

.pr-detail:hover .cs-edit {
  top: 0px;

  right: 0px;

  transition: 0.3s linear;
}

.pr-detail .middle.address .figure {
  width: 100%;

  border: solid 1px #b9b9b9;
}

.pr-detail .csm-heading {
  background: #d8d8d8;

  margin-top: 0px;

  margin-left: -10px;

  margin-right: -10px;

  margin-bottom: 10px;

  border: solid 1px #ccc;

  border-bottom: 0px;
}

.pr-detail.mrg-figure .middle:last-child {
  margin-top: 0px;
}

.pr-detail.mrg-figure .middle .figure {
  margin-right: -1px;

  margin-top: -1px;
}

.csm-heading button i {
  color: #000;
}

.ali-ct {
  display: flex;

  align-items: center;

  justify-content: center;
}

.as-dtl label {
  font-size: 13px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-weight: 500;
}

.as-dtl .figure {
  display: flex;

  align-items: center;

  justify-content: center;
}

.as-dtl .figure select {
  font-size: 12px !important;

  background: inherit !important;
}

.as-dtl .figure.text-full {
  align-items: flex-end;
}

.as-dtl .figure .text-full2 {
  width: 100%;
}

.as-dtl .figure button {
  width: 35px;

  min-width: 35px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #51aa5b;
}

.as-dtl .figure button i {
  font-size: 16px;

  color: #ffffff;
}

.as-dtl .figure button.edit {
  display: inherit;
}

.as-dtl .figure button.save,
.as-dtl .figure a.cs-btn {
  display: none;
}

.as-dtl .figure.active button.edit {
  display: none;
}

.as-dtl .figure.active button.save {
  display: inherit;
}

.as-dtl .figure.active a.cs-btn {
  display: inline-block;
}

.as-dtl .figure.active select {
  background: url(../img/down-icon.png) right/26px no-repeat #fff !important;

  font-size: 14px;
}

.as-dtl .figure button.save {
  background: #00a9db;
}

.as-dtl .figure button.save i {
  color: #fff;
}

.as-dtl.as-dtl2 .csnfig {
  display: flex;

  align-items: center;

  justify-content: space-between;

  border: solid 1px #ccc;

  padding-left: 10px;

  font-size: 12px;
}

/*.as-dtl.as-dtl2 .csnfig .edit i{co}*/

.as-dtl.as-dtl2 .csnfig button {
  max-width: 35px;

  min-width: 35px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #ccc;

  display: inherit;
}

.as-dtl.as-dtl2 .figure {
  display: none;
}

.as-dtl.as-dtl2.activee .csnfig {
  display: none;
}

.as-dtl.as-dtl2.activee .figure {
  display: flex;
}

.as-dtl.as-dtl2 label a {
  font-weight: 600;

  text-decoration: underline;

  color: #004bbb;
}

.pssticky {
  position: sticky;

  top: 0px;

  right: 0px;
}

.anlink a {
  display: inline-block;

  background: #f8f8f8;

  border-radius: 5px;

  padding: 0px 5px;

  height: 25px;

  line-height: 25px;

  font-size: 14px !important;

  text-decoration: none !important;

  border: 1px solid #3f51b5;

  margin: 0px 16px;

  width: 30px;

  justify-content: center;
}

.anlink a i {
  font-size: 12px;

  opacity: 0.6;
}

.mtbx {
  background: #f8f8f8;

  margin: 0px;

  padding: 16px;

  padding-bottom: 10px;

  padding-left: 0;

  border: solid 1px #ccc;
}

.mtbx2 {
  border: solid 1px #ccc;

  padding: 15px;

  background: #f8f8f8;
}

.pr7h {
  padding-right: 7.5px !important;
}

.pl7h {
  padding-left: 7.5px !important;
}

.md-dialog-container {
  z-index: 9999 !important;
}

.md-griddada {
  padding: 0;

  padding-right: 15px;
}

.md-griddada .data-grid-view {
  margin-top: 0;

  background: #fff;

  border: solid 1px #ccc;

  height: 261px;
}

.md-griddada .data-grid-view .figure {
}

.md-griddada .data-grid-view .figure .top {
  margin-bottom: 10px;

  position: relative;
}

.md-griddada .data-grid-view .figure .top h1 span {
  font-weight: 400;

  font-size: 11px;

  position: absolute;

  top: 0px;

  opacity: 0.6;
}

.md-griddada .data-grid-view .figure .description {
  padding: 0px;
}

.mtnt {
  display: flex;

  border: solid 1px #ccc;

  margin-right: 15px;

  height: 312px;

  align-items: center;

  justify-content: center;

  color: #00a314;
}

.md-exdata {
}

.md-exdata .top {
}

.md-exdata .top p {
  font-size: 14px;
}

.md-exdata .top p strong {
}

.md-exdata .mdl {
  border: solid 1px #ccc;

  padding: 10px;
}

.md-exdata .mdl h2 {
  font-size: 15px;

  font-weight: 600;
}

.md-exdata .mdl table {
  table-layout: fixed;

  width: 100%;

  margin-top: 10px;
}

.md-exdata .mdl table tr {
}

.md-exdata .mdl table tr td {
  border: dashed 1px #ccc;

  padding: 10px;
}

.md-exdata .mdl table tr td p {
  font-size: 14px;

  margin-top: 5px;
}

.md-exdata .mdl table tr td p:nth-child(1) {
  opacity: 0.6;

  margin-top: 0px;
}

.disabled {
  opacity: 0.5;
}

.all-tabs-dropdown {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.all-tabs-dropdown .dropdown {
}

.all-tabs-dropdown .dropdown button {
}

.all-tabs-dropdown .dropdown button img {
  width: 35px;
}

.all-tabs-dropdown .dropdown .dropdown-menu {
  right: 0;

  left: inherit;

  padding: 0px;
}

.all-tabs-dropdown .dropdown .dropdown-menu li {
}

.all-tabs-dropdown .dropdown .dropdown-menu li a {
  padding: 10px;

  border-bottom: solid 1px #ccc;

  position: relative;

  padding-right: 50px;
}

.all-tabs-dropdown .dropdown .dropdown-menu li:last-child() a {
  border-bottom: 0px;
}

.all-tabs-dropdown .dropdown .dropdown-menu li a img {
  height: 35px;

  margin-right: 10px;
}

.all-tabs-dropdown .dropdown .dropdown-menu li a span {
  background: #ee3b37;

  position: absolute;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  right: 8px;

  top: 8px;

  border-radius: 100%;

  color: #fff;

  font-weight: 600;
}

.table-container {
  background: #fff;

  margin-top: 15px;
}

.table-container .table-header {
  padding-left: 0px;

  padding-right: 5px;
}

.csmnew-table {
}

.csmnew-table table {
  table-layout: fixed;

  width: 100%;
}

.csmnew-table table tr {
}

.csmnew-table table tr th,
.csmnew-table table tr td {
  font-size: 11px;

  border: solid 1px #ccc;

  padding: 10px 5px;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;
}

span.mm {
  position: absolute;

  top: 9px;

  right: 6px;

  font-size: 11px;

  font-weight: 600;

  background: #ccc;

  display: block;

  width: 30px;

  height: 40px;

  line-height: 40px;

  text-align: center;
}

.csmnew-table table tr td a {
  color: #000dc4;

  display: flex;

  align-items: center;
}

.csmnew-table table tr td p {
  padding: 6px 6px 0;
}

.csmnew-table table tr td input::placeholder {
  font-size: 12px;
}

.table-btns {
  display: flex;

  align-items: center;

  justify-content: center;
}

.table-btns a {
  padding: 5px 10px;

  margin: 0px 5px;

  border-radius: 5px;

  color: #fff !important;

  border: solid 1px rgba(0, 0, 0, 0.2);
}

.table-btns a {
  background: #ccc;
}

.table-btns a.csfollowup {
  background: #fe932b;
}

.table-btns a.csdelete {
  color: #ff0000 !important;

  border: 1px solid #ff0000 !important;

  background: transparent;

  font-weight: 600;
}

.table-btns a.reset {
  color: #004378 !important;

  border: 1px solid #004378 !important;

  background: transparent;

  font-weight: 600;
}

.table-btns a.csedit {
  background: #00adff;
}

.table-btns a.csstatus {
  background: #2e821b;
}

.top-dav {
  display: flex;

  align-items: center;

  justify-content: start;
}

.top-dav .top-figure {
  border: dashed 1px #7fd6f0;

  position: relative;

  padding: 10px;

  display: flex;

  align-items: center;

  background: #ecfbff;
}

.top-dav .top-figure p {
  font-size: 14px;

  font-weight: 500;
}

.top-dav .top-figure p:nth-child(1) {
  opacity: 0.6;

  margin-right: 10px;
}

.rquval .top-dav {
  flex-wrap: wrap;

  margin-top: 15px;
}

.rquval .top-dav .top-figure {
  width: 100%;

  flex-wrap: wrap;
}

.rquval .top-dav .top-figure p {
  opacity: 1;

  color: #929292;
}

.rquval .top-dav .top-figure p span {
  color: #000;
}

.wrapper {
  position: relative !important;

  width: 100% !important;

  height: 40px;

  /*margin: 20px !important;*/

  overflow: hidden !important;
}

.date {
  border: 0;

  width: 100% !important;

  height: 40px;

  line-height: 40px !important;

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  background: #fff !important;

  border: 1px solid #999 !important;

  box-sizing: border-box !important;
}

.picker {
  width: 250px !important;

  height: 40px;

  font-size: 999px !important;

  opacity: 0 !important;

  position: absolute !important;

  top: 0 !important;

  right: 0 !important;

  margin: 0 !important;

  padding: 0 !important;
}

.csm-not-found {
  background: #fff;

  box-shadow: 0px 3px 6px 0px #ccc;
}

.dtbtler {
  background: #d1d1d1;

  border-top: solid 1px #ccc;

  border-bottom: solid 1px #ccc;
}

.dtbtler table tr th {
  border-bottom: 0px;

  border-top: 0px;
}

.dtbtler table tr th:first-child {
  border-left: 0px;
}

.dtbtler table tr th:last-child {
  border-right: 0px;
}

.leadresult {
  border: solid 1px #ccc;

  margin-bottom: 10px;
}

.leadresult .incontainer {
  display: flex;

  align-items: center;

  justify-content: space-around;

  background: #f8f8f8;
}

.leadresult .incontainer .figure {
  width: 150px;

  text-align: center;

  position: relative;

  outline: none;

  padding: 15px 0px;
}

.leadresult .incontainer .figure:after {
  content: "";

  position: absolute;

  width: 0%;

  transition: 0.3s linear;
}

.leadresult .incontainer .figure span {
  display: inline-block;

  height: 30px;

  background: #ccc;

  padding: 0px 10px;

  line-height: 30px;

  font-weight: 600;

  font-size: 13px;

  border-radius: 8px;
}

.leadresult .incontainer .figure p {
  font-size: 12px;

  font-weight: 500;

  margin-top: 10px;
}

.leadresult .incontainer .figure.active:after {
  content: "";

  position: absolute;

  width: 70%;

  height: 5px;

  background: #000;

  border-radius: 5px;

  left: 0px;

  bottom: -3px;

  right: 0px;

  margin: auto;

  transition: 0.3s linear;
}

.leadresult .incontainer .figure.active span {
  background: #000;

  color: #fff;
}

/* .leadresult .incontainer .figure.active p{} */

.mt-23 {
  margin-top: 23px;
}

.mthead {
  position: relative;
}

/* .mthead h2{} */

.mthead span {
  background: #ee3b37;

  width: 39px;

  height: 39px;

  position: absolute;

  right: 5px;

  top: 5px;

  color: #fff;

  font-size: 20px;

  text-align: center;

  line-height: 40px;

  font-weight: 600;
}

/*LEFT NAVIGATION & TOGGLE CSS*/

.toggle-menu {
  padding: 0px 15px;
}

.toggle-menu i {
  font-size: 24px;

  color: #fff;
}

.main-wrapper.active .left-container {
  width: 50px;
}

.main-wrapper .innear-container {
  transition: 0.3s linear;
}

.main-wrapper.active .innear-container {
  padding-left: 50px;

  transition: 0.3s linear;
}

/* .main-wrapper .top-mini-header{transition: 0.3s linear;} */

/* .main-wrapper.active .top-mini-header{padding-left: 185px; transition: 0.3s linear;} */

.main-wrapper.active .nav-side-menu .menu-list ul li a p {
  font-size: 0px;
}

.main-wrapper.active .nav-side-menu .menu-list ul li a span {
  display: none;
}

.main-wrapper.active .nav-side-menu .menu-list ul li ul.sub-menu {
  display: none;
}

.main-wrapper .left-container:hover .nav-side-menu .menu-list ul li a span {
  display: inherit;
}

.main-wrapper
  .left-container:hover
  .nav-side-menu
  .menu-list
  ul
  li
  ul.sub-menu {
  display: inherit;
}

.main-wrapper.active .priority-color {
  width: 0px;

  overflow: hidden;

  border: 0px;
}

.main-wrapper .left-container:hover .priority-color {
  width: 190px;

  transition: width 0.5s;

  overflow: hidden;
}

/* dsahboard start*/

.ds-container {
  display: flex;

  padding: 0px 8px;
}

.ds-counter {
  width: 100%;

  height: 120px;

  display: flex;

  align-items: center;

  justify-items: center;

  flex-direction: column;

  border-radius: 6px;

  border: 1px solid rgba(0, 0, 0, 0.2);

  margin: 0px 7px;
}

.ds-counter.ds-counter-bg1 {
  background: #ba68c8 url("../img/counterbg/bg1.svg") no-repeat center;
}

.ds-counter.ds-counter-bg2 {
  background: #1976d2 url("../img/counterbg/bg2.svg") no-repeat center;
}

.ds-counter.ds-counter-bg3 {
  background: #ef6c00 url("../img/counterbg/bg3.svg") no-repeat center;
}

.ds-counter.ds-counter-bg4 {
  background: #00897b url("../img/counterbg/bg4.svg") no-repeat center;
}

.ds-counter.ds-counter-bg5 {
  background: #388e3c url("../img/counterbg/bg5.svg") no-repeat center;
}

.ds-counter.ds-counter-bg6 {
  background: #827717 url("../img/counterbg/bg6.svg") no-repeat center;
}

.ds-counter p {
  font-size: 18px;

  color: #fff;

  padding: 20px 0px 15px 0px;
}

.ds-counter ul li {
  font-size: 30px;

  font-weight: 600;

  display: inline-block;

  color: #ffff;

  padding: 0px 25px;
}

.ds-counter ul li a {
  color: #fff;
}

.cs-datein {
  margin: -15px;

  margin-bottom: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #cccccc;

  padding-right: 15px;
}

.cs-datein h2 {
  margin: 0px !important;
}

.cs-datein div {
  display: flex;

  align-items: center;
}

.cs-datein div p {
  font-size: 11px;

  display: flex;

  align-items: center;

  margin-right: 15px;
}

.day-count {
  background: #f15a60;

  color: #fff;

  border-radius: 7px;

  padding: 3px 10px;
}

.count {
  width: 20px;

  height: 20px;

  background: #a0a0a0;

  color: #fff;

  border-radius: 20px;

  padding: 4px;

  text-align: center;

  margin-right: 5px;
}

.left-blog {
  width: 100%;

  background: #fff;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

  padding: 15px;
}

.left-blog h2 {
  background: #ccc;

  padding: 15px;

  margin: -15px;

  font-size: 19px;

  margin-bottom: 10px;

  font-weight: 600;
}

.mlcon {
  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: -5px;
}

.mlcon .cs-figure {
  text-align: center;

  padding-left: 30px;

  padding-right: 30px;

  position: relative;
}

.mlcon .cs-figure:after {
  content: "";

  position: absolute;

  width: 2px;

  height: 28px;

  right: 0px;

  top: 10px;

  background: #000;

  opacity: 0.2;
}

.mlcon .cs-figure:last-child:after {
  display: none;
}

.mlcon .cs-figure h1 {
  color: #fff;

  font-size: 26px;
}

.mlcon .cs-figure p {
  padding: 0;

  font-size: 12px;

  color: #fff;

  opacity: 0.8;
}

.no-margin {
  margin: 0px !important;
}

.data-counter {
  display: flex;

  align-items: center;

  height: 70px;

  border: 1px solid #ccc;

  margin-bottom: 10px;

  position: relative;
}

.data-counter.arr:after {
  content: "";

  position: absolute;

  background: url(../img/keyboard-right-arrow-button.svg) no-repeat center;

  width: 50px;

  height: 70px;

  right: 0px;

  opacity: 0.6;

  background-size: 12px;

  top: 0px;
}

.data-counter:last-child {
  margin-bottom: 0px;
}

.data-counter span {
  min-width: 70px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.data-counter span.yellow {
  background: #ff9204;
}

.data-counter span.grey {
  background: #d5d5d5;
}

.data-counter span.skyblue {
  background: #7cb5ec;
}

.ab-detail {
  background: none !important;

  box-shadow: none !important;
}

.data-counter span.green {
  background: #00811a;
}

.data-counter span.blue {
  background: #0063e5;
}

.data-counter span.pink {
  background: #e500a8;
}

.data-counter .text-box {
  width: 100%;

  padding-left: 30px;
}

.data-counter .text-box h3 {
  font-size: 18px;

  font-weight: 600;
}

.data-counter .text-box p {
  font-size: 12px;

  color: #959595;
}

.sprate-box {
  background: #fff;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

  padding: 15px;

  margin-top: 20px;
}

button.asign-btn {
  min-width: 100px;

  height: 40px;

  background: #ee3b37;

  margin-left: 10px;

  color: #fff;

  border-radius: 6px;

  cursor: pointer;
}

button.asign-btn:hover {
  box-shadow: 0px 3px 6px 0px rgba(171, 166, 166, 0.7);

  transition: 0.5s;
}

/* dsahboard end */

.highcharts-credits,
.highcharts-button-box,
.highcharts-button-symbol {
  display: none;
}

.grtabs {
  position: absolute;

  z-index: 1;

  right: 10px;

  top: -5px;
}

.grtabs ul {
  display: flex;

  align-items: center;

  justify-content: flex-end;
}

.grtabs ul li {
}

.grtabs ul li a {
  font-size: 12px;

  display: block;

  background: #f8f8f8;

  padding: 5px 10px;

  margin: 5px;

  border-radius: 5px;
}

.grtabs ul li a.active {
  background: #000;

  color: #fff;
}

.in-inr {
  position: relative;
}

.in-inr:after {
  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 30px;

  height: 30px;

  border: solid 1px #ccc;

  background: #efefef url("../img/inr.png") no-repeat center;

  background-size: 8px;
}

.in-inr input {
  padding-left: 40px;
}

.dis-in {
  position: relative;
}

.dis-in:after {
  position: absolute;

  content: "%";

  top: 0;

  right: 0;

  width: 30px;

  height: 30px;

  border: solid 1px #ccc;

  background: #efefef;

  background-size: 8px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.dis-in input {
  padding-right: 40px;
}

.cd-table {
}

.cd-table table {
  table-layout: fixed;

  width: 100%;
}

.cd-table table tr {
}

.cd-table table tr th {
  text-align: right;
}

.cd-table table tr td {
}

.cd-table table tr th,
.cd-table table tr td {
  font-size: 12px;

  padding: 15px 10px;

  border-bottom: solid 1px #ccc;

  vertical-align: middle;
}

.nwform table tr th,
.nwform table tr td {
  border: 0px !important;

  background: #fff !important;
}

.ad-icon {
  height: 15px;

  margin-top: -3px;

  margin-left: 5px;
}

.uploadimg {
  background: #ebf9ff;

  border: solid 1px #c5ecfd;

  border-radius: 6px;

  height: 105px;

  margin-top: 45px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.uploadimg label {
  margin: 0;

  width: 100%;
}

.uploadimg label p {
  font-size: 11px;

  font-weight: 300;

  text-align: center;
}

.uploadimg label p i {
}

.uploadimg .thumb {
  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;
}

.cs-flex {
  display: flex;

  align-items: center;
}

.uploaded {
  border: 1px solid #ccc;

  width: 100px;

  height: 100px;

  padding: 10px;

  position: relative;

  overflow: hidden;
}

.hvr-delete {
  background: #ff0000;

  border-radius: 10px 0px 10px 10px;

  width: 25px;

  height: 25px;

  position: absolute;

  top: -10px;

  right: -30px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;
}

.uploaded:hover .hvr-delete {
  top: 0px;

  right: 0px;

  transition: 0.5s;
}

.hvr-delete i {
  color: #fff;
}

.uploaded img {
  height: 100%;

  width: 100%;
}

.dispt-order {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

  padding: 15px;

  margin-top: 15px;
}

.dispt-order .adform,
.dispt-order .top-head {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.dispt-order .top-head .cs-left {
}

.dispt-order .top-head .cs-left h2 {
  font-size: 18px;

  font-weight: 600;
}

.dispt-order .top-head .cs-left p {
  font-size: 14px;

  line-height: 28px;

  margin-top: 10px;
}

.dispt-order .top-head .cs-right {
}

.dispt-order .top-head .cs-right img {
  height: 45px;
}

.dispt-order .gstno {
  font-size: 16px;

  font-weight: 600;

  margin-top: 15px;

  margin-bottom: 10px;
}

.dispt-order .adform {
  align-items: flex-start;
}

.dispt-order .adform .cs-left {
  min-width: 500px;
}

.dispt-order .adform .cs-left .byinfo {
  padding-right: 15px;
}

.dispt-order .adform .cs-left .byinfo .csm-heading h2 {
  margin: 0;

  font-weight: normal;

  padding-left: 0px;
}

.dispt-order .adform .cs-left .byinfo h1 {
  font-size: 16px;

  background: #f8f8f8;

  padding: 15px;
}

.dispt-order .adform .cs-left .byinfo h2 {
  font-size: 12px;

  font-weight: 600;

  margin-top: 15px;

  margin-bottom: 10px;

  padding-left: 15px;
}

.dispt-order .adform .cs-left .byinfo p {
  font-size: 14px;

  line-height: 28px;

  margin-top: 10px;

  padding-left: 15px;
}

.dispt-order .adform .cs-left .byinfo p strong {
  font-weight: 600;
}

.dispt-order .adform .cs-right {
}

.dispt-order .iteminfo {
  margin-left: -15px;

  margin-right: -15px;
}

.dispt-order .iteminfo .table-container {
  box-shadow: none;
}

.dispt-order .iteminfo .trms {
  padding: 15px;
}

.dispt-order .iteminfo .trms label {
  font-size: 13px;
}

.dispt-order .iteminfo .trms textarea {
  height: 110px;
}

.stages-history {
  background: #fff;
}

.stages-history ul {
}

.stages-history ul li {
  padding-left: 80px;

  position: relative;

  padding-bottom: 32px;
}

.stages-history ul li .counter {
  width: 65px;

  height: 65px;

  background: #ee3b37;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 9;
}

.stages-history ul li .counter h1 {
  font-size: 24px;

  text-align: center;

  font-weight: 600;

  color: #fff;
}

.stages-history ul li .counter h1 span {
  font-size: 12px;

  font-weight: 400;
}

.stages-history ul li .oneone {
  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 60px;
}

.stages-history ul li .oneone p {
  margin: 0px !important;
}

.stages-history ul li .csdate {
  font-size: 11px;

  font-weight: 600;
}

.stages-history ul li p {
  font-size: 12px;

  line-height: 24px;

  margin: 10px 0px;

  margin-top: -10px;
}

.stages-history ul li p span {
}

.stages-history ul li p:nth-child(2) {
}

.stages-history ul li:after {
  content: "";

  position: absolute;

  width: 1px;

  height: 100%;

  background: #ee3b37;

  top: 0px;

  left: 33px;
}

.stages-history ul li:last-child:after {
  display: none;
}

.pr-icon {
}

.pr-icon img {
}

.ds-comingsoon {
  background: #6e0eb0 url("../img/ds-coming.jpg") center center no-repeat;

  height: 100%;

  width: 100%;

  background-size: 60%;
}

.right-ord-dt {
  padding: 0px;
}

.right-ord-dt .csm-heading {
  margin: 0px;

  background: #e9e9e9;

  border: 0;
}

.right-ord-dt .or-description {
  padding: 15px;
}

.right-ord-dt .or-description .td-table {
}

.right-ord-dt .or-description .td-table table tr {
}

.distable table tr td,
.right-ord-dt .or-description .td-table table tr td {
  background: #f8f8f8;

  width: 120px;
}

.distable table tr th,
.right-ord-dt .or-description .td-table table tr th {
  font-weight: 500;
}

.distable table tr th,
.distable table tr td,
.right-ord-dt .or-description .td-table table tr th,
.right-ord-dt .or-description .td-table table tr td {
  padding: 10px;

  border: solid 1px #ccc;

  font-size: 12px;
}

.right-ord-dt .or-description .one-one {
  display: flex;

  flex-wrap: wrap;

  padding: 15px 0px;
}

.right-ord-dt .or-description .one-one .cs-figure {
  width: 100%;

  border: solid 1px #ccc;

  padding: 10px;

  margin-top: -1px;
}

.right-ord-dt .or-description .one-one .cs-figure p {
  font-size: 14px;

  opacity: 0.6;
}

.right-ord-dt .or-description .one-one .cs-figure h1 {
  font-size: 14px;

  margin-top: 5px;
}

.right-ord-dt .or-description .th-table {
}

.distable table,
.right-ord-dt .or-description .th-table table,
.right-ord-dt .or-description .td-table table {
  table-layout: fixed;

  width: 100%;
}

.right-ord-dt .or-description .th-table table tr {
}

.right-ord-dt .or-description .th-table table tr td {
}

.right-ord-dt .or-description .th-table table tr th {
  text-align: right;

  font-weight: 500;
}

.right-ord-dt .or-description .th-table table tr td,
.right-ord-dt .or-description .th-table table tr th {
  border-bottom: solid 1px #ccc;

  padding: 10px;

  font-size: 12px;
}

.right-ord-dt .or-description .th-table table tr th a {
  font-size: 12px;

  font-weight: 400;

  color: #1b04e1 !important;
}

.distable {
  padding: 15px;

  padding-bottom: 0px;
}

.distable table tr {
}

.distable table tr td {
  width: 170px;
}

.open-mod {
  background: green;

  display: flex !important;

  align-items: center;

  justify-content: center;

  color: #fff;
}

/*TOOL TIP CSS START */

a.tip {
  position: relative;
}

a.tip span {
  display: none;

  position: absolute;

  top: -10px;

  left: 60px;

  width: 125px;

  padding: 5px;

  z-index: 100;

  background: #ee3b37d6;

  color: #fff;

  -moz-border-radius: 5px;

  /* this works only in camino/firefox */

  -webkit-border-radius: 5px;

  /* this is just for Safari */
}

a.tip span:before {
  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

  border-right: 8px solid black;

  left: -8px;

  top: 7px;
}

a:hover.tip {
  font-size: 99%;

  /* this is just for IE */
}

a:hover.tip span {
  display: block;
}

/*TOOL TIP CSS END */

.black-link {
  color: #000 !important;

  cursor: default !important;

  padding: 10px 5px;
}

th .black-link,
td .black-link {
  padding-top: 0 !important;

  padding-bottom: 0 !important;
}

.cs-top-dr .dropdown-toggle {
  border: solid 1px #ccc;

  padding: 6px 10px;

  border-radius: 5px;

  display: flex;
}

.cs-top-dr .dropdown-toggle i {
  margin-left: 5px;
}

.cs-top-dr .dropdown-menu {
  right: 0;

  left: inherit;
}

.cs-top-dr .dropdown-menu li {
  margin: 0px;
}

.cs-top-dr .dropdown-menu li a {
  text-align: left;

  padding: 10px 15px;
}

.ds-checklist {
}

.ds-checklist a {
  display: block;

  border-bottom: solid 1px #ccc;
}

.ds-checklist a .cshead {
  display: flex;

  background: #f8f8f8;

  font-size: 13px;
}

.ds-checklist a .cshead p {
  padding: 10px 15px;

  color: #adadad;

  position: relative;
}

.ds-checklist a .cshead p:after {
  content: "";

  position: absolute;

  width: 1px;

  background: #ccc;

  right: 0px;

  top: 10px;

  height: 20px;
}

.ds-checklist a .cshead p:nth-child(2):after {
  display: none;
}

.ds-checklist a .cshead p span {
  color: #000;
}

.ds-checklist a h1 {
  font-size: 13px;

  padding: 10px 15px;
}

.ds-checklist a .mdata {
  display: flex;

  align-items: center;

  padding: 15px;

  padding-top: 0;
}

.ds-checklist a .mdata .icon {
  min-width: 50px;

  height: 50px;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  box-shadow: 0px 3px 6px 0px #ccc;

  border-radius: 100%;

  display: flex;

  text-transform: uppercase;

  font-weight: 600;

  margin-right: 15px;
}

.ds-checklist a .mdata .disc {
}

.ds-checklist a .mdata .disc h2 {
  font-size: 11px;

  text-transform: capitalize;
}

.ds-checklist a .mdata .disc p {
  font-size: 11px;

  margin-top: 5px;

  display: flex;
}

.ds-checklist a .mdata .disc p i {
  font-size: 17px;
}

.td-circle {
  width: 25px;

  height: 25px;

  background: #f8f8f8;

  border-radius: 100%;

  display: inline-block;

  line-height: 23px;

  color: #000;

  border: solid 1px rgba(0, 0, 0, 0.3);
}

.td-circle.green {
  background: #4caf50;

  color: #fff;
}

.white-normal {
  white-space: normal !important;
}

.cd-delete {
}

.cd-delete i {
  color: #ff0000;
}

.custom-dashboad .dash-counter {
  width: 100%;
}

.custom-dashboad .dash-counter ul {
  list-style: none;

  display: flex;

  align-items: center;

  width: 100%;
}

.custom-dashboad .dash-counter ul li {
  margin-right: 10px;

  background: #919191;

  padding: 10px;

  border-radius: 10px;

  border: 1px solid #919191;

  box-shadow: 0px 3px 6px 0px #ccc;

  width: 100%;

  height: 100px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.mw200 {
  width: 200px !important;

  min-width: 200px !important;
}

.green {
  background: #2e7d32 !important;
}

.white-clr {
  color: #ffffff !important;
}

.red-clr {
  color: #ff0000 !important;
}

.blue-clr {
  color: #0ed6f7 !important;
}

.blue {
  background: #3949ab !important;
}

.pink {
  background: #f50057 !important;
}

.skyblue {
  background: #00b1ff !important;
}

.purple {
  background: #b423ef !important;
}

.yellow {
  background: #ffbb00 !important;
}

.dash-scroll {
  overflow: hidden;

  overflow-y: scroll;

  height: 360px;
}

.dash-sticky {
  position: sticky;

  top: 0px;
}

.custom-dashboad .dash-counter ul li:last-child {
  margin-right: 0px;
}

.custom-dashboad .dash-counter ul li .upper {
  display: flex;

  align-items: center;

  margin-bottom: 6px;
}

.custom-dashboad .dash-counter ul li .circle {
  background: #fff;

  width: auto;

  min-width: 35px;

  height: 35;

  line-height: 35px;

  border-radius: 100%;

  padding: 8px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-weight: 600;
}

.custom-dashboad .dash-counter ul li img {
  height: 20px;
}

.custom-dashboad .dash-counter ul li .upper .dash-value {
  display: flex;

  align-items: flex-end;

  /*min-width: 120px;*/

  width: 100%;

  justify-content: flex-end;
}

.custom-dashboad .dash-counter ul li .upper .dash-value.content-start {
  justify-content: flex-start;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags {
  width: 100%;

  padding: 0px 10px;

  position: relative;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags span {
  margin-left: auto;

  font-size: 18px;

  font-weight: 600;

  color: #ffff;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags:after {
  border-right: 2px solid rgba(0, 0, 0, 0.4);

  content: "";

  height: 70%;

  width: 2px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0px;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags:last-child {
  padding-right: 0px;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags:last-child:after {
  display: none;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags h1 {
  font-size: 15px;

  font-weight: 500;

  color: #fff;
}

.custom-dashboad .dash-counter ul li .upper .dash-value .tags p {
  color: #fff;

  font-size: 11px;
}

.cnt-af {
  width: 100%;

  position: relative;

  margin-top: 13px;
}

.cnt-af:after {
  content: "";

  position: absolute;

  top: 50%;

  right: -11px;

  width: 40px;

  height: 4px;

  background: #fff;

  transform: translateY(-50%);

  border-radius: 6px;
}

.custom-dashboad .dash-counter ul li .lower {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.custom-dashboad .dash-counter ul li .lower.bdr-btm {
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);

  margin-bottom: 10px;

  padding-bottom: 10px;
}

.custom-dashboad .dash-counter ul li .lower.bdr-btm span {
  color: #fff;

  font-weight: 600;

  font-size: 18px;
}

.custom-dashboad .dash-counter ul li .lower p {
  font-size: 11px;

  color: #fff;
}

.custom-dashboad .dash-counter ul li .lower h1 {
  font-size: 12px;

  font-weight: bold;
}

.custom-dashboad .dash-tables {
  margin-top: 10px;

  display: flex;
}

.custom-dashboad .dash-tables .table-one {
  width: 100%;

  border: 1px solid #da251d;

  margin-right: 10px;

  border-radius: 10px;

  height: 410px;

  overflow: hidden;
}

.custom-dashboad .dash-tables .table-one.flat-table {
  overflow: inherit;

  width: 340px;

  min-width: 340px;

  height: 465px;

  border: 0;
}

.custom-dashboad .dash-tables .table-one:last-child {
  margin-right: 0px;
}

.custom-dashboad .dash-tables .table-one .tablehead {
  background: #da251d;

  padding: 0px 10px;

  border-radius: 10px 10px 0px 0px;

  display: flex;

  align-items: center;

  position: relative;

  height: 40px;
}

.more-btn-vert {
  margin-left: auto;

  color: #ffffff;

  z-index: 10;
}

.more-btn-vert i {
  font-size: 18px;
}

.more-btn-vert ul.dropdown-menu {
  left: -130px !important;
}

.custom-dashboad .dash-tables .table-one .tablehead p {
  color: #fff;

  font-size: 11px;

  letter-spacing: 1px;

  font-weight: 500;

  display: inline-block;
}

.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a p {
  color: #000;
}

.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a:hover p,
.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a.active p {
  color: #fff !important;
}

.custom-dashboad .dash-tables .table-one .tablehead p span {
  background: rgba(0, 0, 0, 0.2);

  padding: 5px 8px;

  border-radius: 6px;
}

.custom-dashboad .dash-tables .table-one .tablebody .strip {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding: 10px 0px;

  border-bottom: 1px solid #888888;

  background: #fff;
}

.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1 {
  position: relative;

  width: 70px;

  text-align: center;
}

.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1:after {
  border-right: 1px solid #707070;

  content: "";

  height: 16px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0px;
}

.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1:last-child {
  padding-right: 0px;
}

.custom-dashboad
  .dash-tables
  .table-one
  .tablebody
  .strip
  .tags1:last-child:after {
  display: none;
}

.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1 p {
  color: #000;

  font-weight: 500;

  font-size: 11px;
}

.custom-dashboad .dash-tables .table-one .tablebody .content {
  display: flex;

  align-items: center;

  border-bottom: 1px dashed #888888;

  padding: 10px 0px;
}

.custom-dashboad .dash-tables .table-one .tablebody .content:last-child {
  border-bottom: 0px;
}

.custom-dashboad .dash-tables .table-one .tablebody .content .left {
  width: 50%;

  padding-left: 15px;
}

.custom-dashboad .dash-tables .table-one .tablebody .content .left h1 {
  font-size: 11px;

  font-weight: 600;
}

.custom-dashboad .dash-tables .table-one .tablebody .content .left p {
  font-size: 11px;
}

.custom-dashboad .dash-tables .table-one .tablebody .content .right {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  width: 50%;
}

.custom-dashboad .dash-tables .table-one .tablebody .content .right .tags1 {
  min-width: 70px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.custom-dashboad
  .dash-tables
  .table-one
  .tablebody
  .content
  .right
  .tags1
  span {
  height: 36px;

  width: 36px;

  border-radius: 8px;

  background: #23aae1;

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;
}

.grap-tab .graph div,
.grap-tab .graph div svg {
  width: 100% !important;
}

.grap-tab {
  margin-left: auto;
}

.grap-tab ul {
  display: flex;
}

.grap-tab ul li {
  margin-right: 10px;
}

.grap-tab ul li:last-child {
  margin-right: 0px;
}

.grap-tab ul li a {
  padding: 10px 15px;

  background: rgba(0, 0, 0, 0.3);

  font-size: 13px;

  text-transform: uppercase;

  color: #fff;

  transition: 0.5s;
}

.grap-tab ul li a:hover,
.grap-tab ul li a.active {
  background: #ffffff;

  color: #000000;

  transition: 0.5s;
}

.info {
  border: 1px dashed #23aae1;

  padding: 10px;

  width: 100%;

  border-radius: 6px;

  margin-bottom: 10px;
}

.info:last-child {
  margin-bottom: 0px;
}

.info .upr {
  border-bottom: 1px dashed #23aae1;

  display: flex;

  align-items: center;
}

.info .upr .dates {
  border-right: 1px solid #ccc;

  padding: 5px;

  align-items: center;

  display: flex;
}

.info .upr .dates:last-child {
  border: 0px !important;
}

.info .upr .dates p {
  font-size: 11px;

  color: #616161;

  display: flex;

  align-items: center;

  white-space: nowrap;
}

.info .upr .dates p i {
  color: #3f9a3f;

  font-size: 18px;

  padding-right: 2px;
}

.info .upr .dates p span {
  font-weight: 600;

  color: #000 !important;
}

.info .mid {
  display: flex;

  align-items: center;
}

.info .mid .mid-circle {
  border: 1px solid #23aae1;

  box-shadow: 0px 3px 6px 0px #ccc;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 35px;

  min-width: 35px;

  height: 35px;

  border-radius: 40px;

  margin-right: 10px;
}

.info .mid .mid-circle span {
  font-size: 14px;

  font-weight: 500;

  line-height: 0;
}

.info .mid .cont {
  padding: 10px 0px;
}

.info .mid .cont h1 {
  font-size: 11px;

  font-weight: 600;

  color: #000;
}

.info .mid .cont p {
  font-size: 11px;

  color: #000;

  margin-top: 3px;
}

.info .mid .cont p span {
  color: #8a8a8a;
}

.info .lwr p {
  font-size: 11px;

  color: #000;
}

.info .lwr .amt {
  display: flex;

  padding-left: 50px;

  justify-content: space-between;

  align-items: baseline;
}

.info .lwr .amt h1 {
  color: #fe622e;

  font-size: 20px;
}

.info .lwr .amt p {
  font-size: 11px;

  color: #000;
}

.info .lwr .amt p span {
  color: #0d00c8;
}

.info.flat {
  padding: 5px 10px;

  border: 0px;

  border-bottom: 1px solid #919191;

  border-radius: 0px;

  margin-bottom: 0px;
}

.info.flat:last-child {
  border-bottom: 0px;
}

.info.flat a,
.info.flat a:link {
  color: #0400f7;
}

.info.flat a:visited {
  color: #8006bf;
}

.info.flat a:hover {
  color: #ff0000;
}

.info.flat .mid .cont p {
  color: #797979;
}

.info.flat .f14 {
  font-size: 14px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

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

.list-calender {
  width: auto;

  border: 1px solid #0079ab;

  border-radius: 10px;

  margin-right: 15px;
}

.list-calender .search-list {
  display: flex;
}

.list-calender .search-list .search1 {
  height: 35px;

  border-radius: 20px;

  background: #fff;

  box-shadow: 0px 3px 6px 0px #a2a1a1;

  padding: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border: 1px solid #0079ab;
}

.list-calender .search-list .search1 p {
  font-size: 11px;

  color: #8a8a8a;

  white-space: nowrap;

  padding-right: 50px;
}

.list-calender .search-list .search2 {
  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  padding: 5px;

  padding-bottom: 10px;
}

.list-calender .search-list .search2 p {
  font-size: 11px;
}

.list-calender .main-calender {
  max-height: 430px;

  overflow-x: scroll;
}

.list-calender .main-calender .in-container {
  display: flex;
}

.blank-div {
  height: 26px;

  position: sticky;

  top: 0;

  left: 0;

  z-index: 1;

  background: #2296f2;
}

.list-calender {
  overflow: hidden;

  overflow-y: scroll;
}

.cal-right {
  min-width: 500px;
}

.cal-right .cl-head {
  position: inherit;
}

.list-calender .main-calender .cal-left {
  background: #2196f3;

  width: 260px;

  min-width: 260px;

  position: sticky;

  left: 0;

  /* height: 100%; */

  z-index: 9;

  float: left;

  margin-top: -26px;
}

.main-calender {
  min-height: auto;

  max-height: 430px;
}

.main-calender .cal-right,
.main-calender .blank-div {
  position: sticky;

  top: 0;

  z-index: 2;
}

.list-calender .main-calender .cal-left .cal-repeat {
  border-top: 1px solid #636363;

  padding: 5px 10px;

  display: flex;

  align-items: center;
}

.list-calender .main-calender .cal-left .cal-repeat .cal-circle {
  width: 35px;

  height: 35px;

  border-radius: 35px;

  background: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;
}

.list-calender .main-calender .cal-left .cal-repeat .cal-circle p {
  font-size: 18px;

  font-weight: 500;

  color: #fff;
}

.list-calender .main-calender .cal-left .cal-repeat .cal-content h1 {
  font-size: 11px;

  color: #fff;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 194px;
}

.list-calender .main-calender .cal-left .cal-repeat .cal-content p {
  font-size: 11px;

  color: #e6e6e6;
}

.list-calender .main-calender .cl-head {
  display: flex;

  align-items: center;

  top: 0;

  z-index: 9;

  position: sticky;

  background: #fff;

  margin-left: 260px;
}

.list-calender .cl-head {
  position: inherit;
}

.list-calender .main-calender .cl-head .cal-date {
  padding: 5px 0px;

  border-top: 1px dashed #000;

  border-right: 1px dashed #000;

  min-width: 55px;

  text-align: center;

  background: #fff;
}

.list-calender .main-calender .cl-head .cal-date p {
  font-size: 11px;

  font-weight: 600;
}

.list-calender .main-calender .cal-right .cl-body {
  display: flex;
}

.list-calender .main-calender .cal-right .cl-body .cal-ticks {
  padding: 10px 0px;

  min-width: 55px;

  text-align: center;

  border-top: 1px dashed #000;

  border-right: 1px dashed #000;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;
}

.list-calender .main-calender .cal-right .cl-body .cal-ticks.approved span {
  width: 25px;

  height: 25px;

  border-radius: 25px;

  background: #32c339;

  display: flex;

  align-items: center;

  justify-content: center;
}

.load-more {
  padding: 10px;

  background: #f9f9f9;

  text-align: center;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.5px;

  cursor: pointer;
}

.list-calender .main-calender .cal-right .cl-body .cal-ticks.approved span i {
  color: #fff;

  font-size: 19px;
}

.list-calender .main-calender .cal-right .cl-body .cal-ticks.reject span {
  width: 25px;

  height: 25px;

  border-radius: 25px;

  background: #e1e1e1;

  display: flex;

  align-items: center;

  justify-content: center;
}

.list-calender .main-calender .cal-right .cl-body .cal-ticks.reject span i {
  color: #bbb;

  font-size: 19px;
}

.bg-blue {
  background: #2196f3;

  padding: 5px;

  border-radius: 10px 0px 0px 0px;

  width: 260px;

  min-width: 260px;
}

.select-cls {
  /*width: 135    px;*/

  border: 0px !important;

  font-weight: 600;

  font-size: 12px !important;
}

.repeat {
  padding: 0;

  display: flex;

  align-items: center;

  justify-content: initial;

  border-right: 0px;

  width: 100%;
}

.listing a:last-child .repeat {
  border-bottom: 0px;

  border-right: 0px;
}

.repeat .list-both {
  display: flex;

  align-items: center;
}

.repeat .list-both .img {
  width: 40px;

  height: 40px;

  border-radius: 40px;

  box-shadow: 0px 3px 6px 0px #ccc;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 11px;

  overflow: hidden;
}

.repeat .list-both .img img {
  height: 100%;
}

.repeat .list-both .ds-cont {
  padding-left: 15px;
}

.repeat .list-both .ds-cont h1 {
  font-size: 12px;

  font-weight: 600;

  color: #000;

  margin-bottom: 2px;
}

.repeat .list-both .ds-cont p {
  font-size: 11px;

  color: #8a8a8a;
}

.repeat .errow {
  margin-left: auto;
}

.repeat .errow i {
  color: #0079ab;
}

.section {
  margin-top: 20px;
}

.section ul {
  display: flex;

  align-items: center;

  justify-content: flex-end;
}

.section ul li.boxes {
  width: 150px;

  /* height: 40px; */

  box-shadow: 0px 3px 6px 0px #ccc;

  background: #fff;

  margin-right: 15px;

  padding: 10px;

  border-radius: 5px;
}

.section ul li.boxes:last-child {
  margin-right: 0px;
}

.section ul li.boxes .upr-bx {
  margin-bottom: 10px;
}

.section ul li.boxes .upr-bx p {
  font-size: 12px;

  font-weight: 500;
}

.section ul li.boxes .lwr-bx h1 {
  font-size: 16px;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;
}

.section ul li.boxes .lwr-bx h1 span {
  font-size: 11px;

  padding-right: 2px;
}

.bdr-bottom {
  border-bottom: 0px !important;
}

.flex-pagination {
  display: flex;

  align-items: center;

  flex-direction: row-reverse;
}

.h150 {
  height: 150px !important;
}

.h120 {
  height: 120px !important;
}

.cs-tooltip {
  position: relative;

  /* display: inline-block; */

  width: auto;
}

.cs-tooltip p {
  /* display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden; */

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.cs-tooltip p a {
  display: inline !important;
}

.cs-tooltip .tooltiptext {
  visibility: hidden;

  min-width: fit-content;

  background-color: #555;

  color: #fff;

  text-align: left;

  border-radius: 6px;

  padding: 5px 10px;

  font-size: 11px;

  text-transform: capitalize;

  line-height: 16px;

  position: absolute;

  z-index: 1;

  margin: 0px;

  bottom: 40px;

  left: 50%;

  opacity: 0;

  transition: opacity 0.3s;

  transform: translateX(-50%);
}

.cs-tooltip .tooltiptext::after {
  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: #555 transparent transparent transparent;
}

.cs-tooltip:hover .tooltiptext {
  visibility: visible;

  opacity: 1;
}

a.refresh {
  /* margin-top: 15px; */

  display: flex;

  width: 30px;

  height: 30px;

  background: #f5f5f5;

  align-items: center;

  justify-content: center;

  border-radius: 30px;

  margin-right: 5px;
}

a.refresh:hover {
  background: #f5f5f5;

  transition: 0.5s;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

.download-link {
  color: #160ac3;

  font-size: 13px;

  text-decoration: underline;

  margin-top: 15px;

  display: block;
}

.download-link:hover {
  color: #160ac3;

  text-decoration: underline;
}

.simple-table table {
  width: 100%;

  table-layout: fixed;
}

.simple-table table tr th {
  border: 1px solid #ccc;

  padding: 9px;

  font-size: 11px;

  background: #f9f9f9;
}

.simple-table table tr td {
  border: 1px solid #ccc;

  font-size: 11px;

  background: #fff;

  padding: 5px;
}

ul.flex-checkbox {
  display: flex;

  align-items: center;
}

ul.flex-checkbox li {
  display: inline-flex;

  align-items: center;
}

ul.flex-checkbox li input {
  margin: 0px;

  width: 18px;

  height: 18px;
}

ul.flex-checkbox li label {
  margin: 0px;

  font-size: 11px;

  margin-left: 15px;
}

.suggestion-box {
  width: 50%;

  height: 200px;

  background: #fefefe;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin-left: 145px;

  box-shadow: inset 0px -1px 15px 0px rgb(195, 195, 195);
}

.suggestion-box img {
  width: 75%;
}

.custom-drop {
  position: relative;
}

.custom-drop .lwr-part {
  display: none;

  position: absolute;

  margin-top: -1px;
}

.custom-drop:hover .lwr-part {
  height: 370px;

  position: absolute;

  width: 400px;

  display: flex;
}

.custom-drop .drop-down {
  width: 200px;

  background: #dedede;

  border: 1px solid #ccc;

  padding: 5px 10px;
}

.custom-drop .drop-down a {
  font-size: 13px;

  color: #000;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.custom-drop .drop-down i {
  font-size: 18px;
}

.custom-drop .lwr-part ul.open1 {
  width: 200px;

  min-width: 200px;

  max-width: 400px;

  background: #fff;

  list-style: none;

  height: 370px;

  overflow: auto;

  border: 1px solid #ccc;
}

.custom-drop .lwr-part ul.open.active {
  display: block;
}

.custom-drop .lwr-part ul.open {
  width: 200px;

  min-width: 200px;

  max-width: 400px;

  background: #fff;

  list-style: none;

  height: 370px;

  overflow: auto;

  display: none;

  border: 1px solid #ccc;
}

.custom-drop .lwr-part ul.open1::-webkit-scrollbar,
.custom-drop .lwr-part ul.open::-webkit-scrollbar {
  width: 5px;
}

.custom-drop .lwr-part ul.open1::-webkit-scrollbar-thumb,
.custom-drop .lwr-part ul.open::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;

  outline: 1px solid #d4d4d4;

  border-radius: 5px;
}

.custom-drop .lwr-part ul.open1 li {
  padding: 0px 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid #ccc;
}

.custom-drop .lwr-part ul.open1 li.active,
.custom-drop .lwr-part ul.open li.active {
  background: #004378;
}

.custom-drop .lwr-part ul.open1 li.active a,
.custom-drop .lwr-part ul.open li.active a {
  color: #fff;
}

.custom-drop .lwr-part ul.open1 li.active a i,
.custom-drop .lwr-part ul.open li.active a i {
  color: #fff;
}

.custom-drop .lwr-part ul.open1 li a {
  padding: 5px 0px;

  font-size: 13px;
}

.custom-drop .lwr-part ul.open1 li a i {
  font-size: 18px;
}

.custom-drop .lwr-part ul.open li {
  padding: 0px 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid #ccc;
}

.custom-drop .lwr-part ul.open li a {
  padding: 5px 0px;

  font-size: 13px;
}

.sumbit-fix {
  width: 100%;

  position: fixed;

  bottom: 0px;

  left: 0;

  padding: 10px;

  background: #ffffff;

  z-index: 1;
}

.sumbit-fix a,
.sumbit-fix button {
  background: #00b900;

  font-size: 11px;

  padding: 10px 15px;

  display: block;

  width: 100%;

  color: #ffffff;

  font-weight: 600;

  letter-spacing: 0.5px;
}

a.anchor-tag {
  color: #0629d2;

  border-bottom: 2px solid;

  font-size: 13px;
}

.assign-column {
  height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.assign-column a {
  background: #2296f2;

  padding: 10px 30px;

  display: flex;

  align-items: center;

  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);

  color: #fff;

  font-size: 12px;

  border: 2px solid #ffffff;

  border-radius: 60px;
}

.assign-column a i {
  margin-right: 20px;
}

.cs-scroll {
  min-height: auto;

  max-height: 350px;

  overflow: auto;

  overflow-x: hidden;

  margin: 0px -15px;

  padding: 0px 15px;
}

.chat-type-logs {
  min-height: auto;

  max-height: 400px;

  overflow: auto;

  margin-right: -10px;

  padding-right: 10px;

  background: #ffffff;
}

.message {
  display: flex;

  align-items: flex-start;

  box-sizing: content-box;
}

.message .img-text {
  width: 40px;

  min-width: 40px;

  height: 40px;

  border-radius: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  font-weight: 500;

  border: 2px solid #ffffff;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

  color: #fff;
}

.message .img-text img {
  width: 100%;

  height: 100%;

  border-radius: 100%;

  border: 2px solid #2296f2;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

.message .message-text {
  position: relative;

  margin-bottom: 10px;

  padding: 10px;

  border-radius: 10px;

  position: relative;

  box-sizing: border-box;

  /* display: table-column; */
}

.message .message-tittle {
  margin: -10px -10px 10px -10px;

  border-radius: 8px 8px 0px 0px;

  padding: 10px;

  position: relative;
}

.message .message-text:after {
  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border-top: 7px solid transparent;

  border-bottom: 7px solid transparent;

  border-right: 7px solid #2296f2;
}

.message .name {
  font-size: 11px;

  font-weight: 600;
}

.message .message-date {
  font-size: 10px;

  font-weight: 600;

  padding-left: 15px;
}

.message .message-desc {
  font-size: 11px;

  line-height: 18px;
}

.message.user {
  flex-direction: row;
}

.message.user.default .message-text {
  border: 1px solid #c3c2c2;
}

.message.user.default .message-tittle {
  background: #f9f9f9;

  border-bottom: 1px solid #c3c2c2;

  display: flex;

  justify-content: space-between;
}

.message.user.default .message-text:after {
  border-right-color: #c3c2c2;
}

.message.user.default .img-text {
  background: #004378;
}

.message.user.person-one .message-text {
  border: 1px solid #2296f2;
}

.message.user.person-one .message-tittle {
  background: #e7f4ff;

  border-bottom: 1px solid #2296f2;
}

.message.user.person-one .message-text:after {
  border-right-color: #2296f2;
}

.message.user.person-one .img-text {
  background: #2296f2;
}

.message.user.person-two .message-text {
  border: 1px solid #d13bcc;
}

.message.user.person-two .message-tittle {
  background: #ffd5fe;

  border-bottom: 1px solid #d13bcc;
}

.message.user.person-two .message-text:after {
  border-right-color: #d13bcc;
}

.message.user.person-two .img-text {
  background: #d13bcc;
}

.message.user.person-three .message-text {
  border: 1px solid #e0d42b;
}

.message.user.person-three .message-tittle {
  background: #fffbbe;

  border-bottom: 1px solid #e0d42b;
}

.message.user.person-three .message-text:after {
  border-right-color: #e0d42b;
}

.message.user.person-three .img-text {
  background: #e0d42b;
}

.message.user .message-text {
  margin-left: 20px;
}

.message .message-text .message-time {
  font-size: 10px;

  color: #ffeb00;
}

.message.user .message-text:after {
  top: 10px;

  left: -8px;
}

.message.admin {
  flex-direction: row-reverse;
}

.message.admin .message-text {
  margin-right: 20px;

  border: 1px solid #2296f2;

  background: #2296f2;

  color: #fff;

  margin-left: 60px;
}

.message.admin .message-text .message-time {
  text-align: right;
}

.message.admin .message-text:after {
  top: 10px;

  right: -8px;

  transform: rotate(180deg);
}

.edit-dropdown .dropdown-menu {
  left: -90px;
}

.edit-dropdown button.pdf-btn {
  display: inline-flex;

  align-items: center;

  margin-top: 0px !important;
}

.edit-dropdown button.pdf-btn i {
  margin-right: 10px;

  font-size: 18px;
}

.edit-dropdown .btn-default,
.edit-dropdown .btn-default:hover {
  color: #2296f2 !important;

  background-color: #ffffff !important;

  border-color: #2296f2 !important;

  font-weight: 600;

  min-width: 100px;

  margin-top: 5px;

  display: flex;

  align-items: center;
}

.edit-dropdown .btn-default i {
  margin-right: 10px;

  font-size: 20px;
}

.edit-dropdown .caret {
  border-top: 6px dashed;

  border-right: 6px solid transparent;

  border-left: 6px solid transparent;

  margin-left: 20px;
}

.edit-dropdown .dropdown-menu > li > a {
  display: flex;

  padding: 10px;

  align-items: center;

  border-bottom: 1px solid #ccc;

  font-size: 13px;
}

.edit-dropdown .dropdown-menu > li:last-child a {
  border-bottom: 0px;
}

.edit-dropdown .dropdown-menu > li > a img {
  /* height: 24px; */

  margin-right: 10px;
}

.invoice-upload-file {
  display: block;

  height: 30px;

  line-height: 30px !important;

  border: 1px solid #ccc;

  padding: 0px 10px;

  margin-top: 0px !important;

  cursor: pointer;
}

.invoice-upload-file .icon {
  width: max-content;

  background: #efefef;

  margin: 2px 0px 0px -5px;

  height: 24px;

  float: left;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0px 15px;
}

.invoice-upload-file .icon i {
  margin-right: 5px;

  color: #8c8a8a;
}

.invoice-upload-file .icon p {
  float: left;

  margin-left: 5px;
}

.invoice-upload-file p {
  margin-left: 10px;

  display: inline-block;
}

table.in-table tr:last-child td {
  border-bottom: 0px !important;

  border-color: rgba(0, 0, 0, 0.1) !important;
}

span.forword-chip {
  display: inline-flex;

  align-items: center;

  padding: 2px 6px;

  border-radius: 16px;

  font-size: 11px;

  color: #000000;

  background: #f9f9f9;

  font-weight: 600;

  letter-spacing: 0.5px;

  border: 1px solid rgba(0, 0, 0, 0.2);

  outline: none;

  cursor: pointer;
}

span.forword-chip:nth-child(2) {
  margin-left: 10px;
}

span.forword-chip i {
  line-height: 0px;

  margin-left: 5px;

  font-size: 20px;

  color: rgba(0, 0, 0, 0.3);
}

span.forword-chip.stock-chip i {
  margin-right: 5px;

  margin-left: 0px;

  color: #000000;
}

span.forword-chip.stock-chip:nth-child(2) i {
  transform: rotate(180deg);
}

span.forword-chip.open-com {
  background: #ff0000;

  color: #ffffff;
}

span.forword-chip.close-com {
  background: #00b900;

  color: #ffffff;
}

.row-section {
  border-bottom: 1px solid #cccccc;

  min-height: auto;

  max-height: 400px;

  overflow: hidden;
}

.edit-type input {
  background: #efefef;
}

.summary-table table {
  width: 100%;
}

.summary-table table tr td {
  font-size: 11px;

  font-weight: 600;
}

.summary-table h2 {
  font-size: 14px;

  border-bottom: 2px solid #565656;

  margin-top: 20px;

  color: #000000;
}

.priority-color {
  position: fixed;

  bottom: 10px;

  left: 7px;

  width: 190px;

  background: #fff;

  border: 1px solid #ffc2c2;

  box-shadow: 0px 5px 15px 0px rgba(255, 194, 194, 0.9);

  border-radius: 10px;

  transition: width 0.5s;

  /* animation: shadow-pulse 1s infinite;

  -webkit-animation: shadow-pulse 1s infinite;

  -moz-animation: shadow-pulse 1s infinite;

  -ms-animation: shadow-pulse 1s infinite; */
}

.priority-color h2 {
  font-size: 12px;

  padding: 10px;

  border-bottom: 1px solid #ffc2c2;

  font-weight: 600;

  white-space: nowrap;
}

.priority-color .color-code {
  padding: 10px;

  display: flex;

  flex-wrap: wrap;
}

.priority-color .color-code div {
  width: 50%;

  font-size: 11px;

  margin-bottom: 10px;

  display: flex;

  align-items: center;
}

.priority-color .color-code div:last-child {
  margin-bottom: 0px;
}

.priority-color .color-code div span {
  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 20px;

  margin-right: 5px;
}

.top-heading ul {
  display: flex;

  align-items: center;
}

.top-heading ul li a.back {
  padding: 5px 15px;

  margin-right: 10px;

  border-right: 1px solid #ccc;

  cursor: pointer;
}

.top-heading ul li a.back i {
  font-size: 16px;
}

.top-heading ul li h2 {
  font-size: 12px;

  font-weight: 600;

  line-height: 18px;
}

.top-heading ul li p {
  font-size: 11px;

  line-height: 18px;
}

.flex-row {
  display: flex;

  align-items: flex-end;
}

.flex-row ul {
  margin-right: 15px;
}

.flex-row ul:last-child {
  margin-right: 0px;
}

a.add-product {
  width: 40px;

  min-width: 40px;

  height: 42px;

  background: #00b900;

  line-height: 42px;

  text-align: center;
}

a.add-product i {
  color: #ffffff;

  font-size: 18px;

  line-height: 42px;
}

.logs {
  min-height: auto;

  max-height: 350px;

  overflow: auto;

  margin-right: -5px;

  padding-right: 15px;
}

.logs ul {
  margin-left: 15px;

  margin-top: -10px;
}

.logs ul li {
  position: relative;

  font-size: 11px;

  display: flex;

  justify-content: space-between;

  line-height: 20px;

  margin-left: 10px;

  padding: 10px 0px;
}

.logs ul li:before {
  content: "";

  position: absolute;

  top: 50%;

  left: -19px;

  width: 2px;

  height: 100%;

  background: #2296f2;
}

.logs ul li:after {
  content: "";

  position: absolute;

  top: 50%;

  left: -25px;

  width: 15px;

  height: 15px;

  border: 2px solid #2296f2;

  border-radius: 25px;

  background: #ffffff;

  transform: translateY(-50%);
}

.logs ul li:last-child:before {
  display: none;
}

.logs ul li .name,
.logs ul li .time {
  font-size: 11px;

  line-height: 18x;
}

.logs ul li .time {
  font-weight: 600;

  min-width: 120px;

  padding-left: 10px;
}

.flex-item {
  display: flex;

  align-items: center;
}

.remark-modal {
  position: relative;

  margin-top: 8px;
}

.remark-modal a.remark-btn {
  border: 2px solid #ffffff;

  background: #f9f9f9;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

  padding: 8px 10px;

  border-radius: 30px;

  margin-right: 30px;

  position: relative;

  font-size: 13px;

  font-weight: 600;
}

.remark-modal a.remark-btn img {
  height: 20px;

  margin-right: 10px;
}

.remark-modal a.remark-btn span.count {
  position: absolute;

  top: -5px;

  right: -15px;

  min-width: 20px;

  width: auto;

  height: 20px;

  background: #ff7f27;

  line-height: 13px;
}

.remark-modal .chat-position {
  position: absolute;

  width: 400px;

  right: 20px;

  background: #ffffff;

  top: 30px;

  padding: 15px;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  border: 1px solid #9c9c9c;

  transform: scale(0);

  transition: 0.5s;
}

.remark-modal .chat-position a.cs-btn {
  display: inline-block;

  margin-top: 10px;

  float: right;
}

.remark-modal.active .chat-position {
  transform: scale(1);

  transition: 0.5s;
}

.remark-modal .chat-position .head {
  margin: -15px -15px 15px -15px;

  background: #dedcdc;

  padding: 15px;

  border-radius: 10px 10px 0px 0px;

  position: relative;
}

.remark-modal .chat-position .head h2 {
  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.5px;
}

.remark-modal .chat-position .head a.close {
  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  color: #ff0000;

  opacity: 1;

  font-size: 18px;
}

.dashboard-container {
  padding: 15px;
}

.all-counter {
  margin-bottom: 10px;
}

.flex-counter {
  display: flex;

  justify-content: space-between;
}

.flex-counter .counter {
  border: 1px solid #ccc;

  width: 100%;

  margin-right: 10px;

  padding: 10px;

  border-radius: 8px;
}

.flex-counter .counter.complaint {
  background: #f44336;
}

.flex-counter .counter.network {
  background: #e91e63;
}

.flex-counter .counter.user {
  background: #9c27b0;
}

.flex-counter .counter.invoice {
  background: #2196f3;
}

.flex-counter .counter.expense {
  background: #795548;
}

.flex-counter .counter.same-width {
  min-width: 230px;

  width: 230px;
}

.flex-counter .counter.same-width .top-item,
.flex-counter .counter.same-width .bottom-item {
  height: inherit;
}

.flex-counter .counter:last-child {
  margin-right: 0px;
}

.flex-counter .counter .top-item {
  display: flex;

  justify-content: space-between;

  padding-bottom: 10px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.2);

  height: 30px;

  margin-bottom: 10px;

  align-items: center;
}

.flex-counter .counter .top-item h3 {
  font-size: 18px;

  color: #ffffff;
}

.flex-counter .counter .top-item span.digit {
  width: auto;

  height: 35px;

  min-width: 35px;

  background: #ffffff;

  color: #000000;

  border-radius: 35px;

  line-height: 35px;

  text-align: center;

  font-weight: 600;
}

.flex-counter .counter .top-item p {
  font-size: 11px;

  color: #ffffff;
}

.flex-counter .counter .top-item h2 {
  font-size: 12px;

  font-weight: 600;

  color: #ffffff;
}

.flex-counter .counter .bottom-item {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 0px;

  height: 50px;
}

.flex-counter .counter .bottom-item p {
  font-size: 11px;

  color: #ffffff;
}

.flex-counter .counter .bottom-item h2 {
  font-size: 15px;

  font-weight: 600;

  color: #ffffff;
}

.flex-counter .counter .bottom-item ul {
  display: flex;

  width: 100%;
}

.flex-counter .counter .bottom-item ul li {
  width: 100%;

  position: relative;

  margin-right: 10px;

  padding-right: 10px;

  color: #ffffff;
}

.flex-counter .counter .bottom-item ul li p {
  font-size: 12px;

  font-weight: 600;

  color: #ffffff;
}

.flex-counter .counter .bottom-item ul li span {
  font-size: 13px;

  color: #ffffff;
}

.flex-counter .counter .bottom-item ul li:last-child {
  margin-right: 0;
}

.flex-counter .counter .bottom-item ul li:after {
  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  width: 2px;

  height: 50%;

  background: rgba(0, 0, 0, 0.2);
}

.flex-counter .counter .bottom-item ul li:last-child:after {
  background: transparent;
}

.square-box {
  border: 1px solid;

  padding: 10px;

  border-radius: 8px;
}

.square-box.black-sec {
  border: 1px solid #333333;
}

.square-box.black-sec .head {
  background: #333333;
}

.square-box.blue-sec {
  border: 1px solid #339;
}

.square-box.blue-sec .head {
  background: #339;
}

.square-box.sky-blue-sec {
  border: 1px solid #23aae1;
}

.square-box.sky-blue-sec .head {
  background: #23aae1;
}

.square-box.pink-sec {
  border: 1px solid #f50057;
}

.square-box.pink-sec .head {
  background: #f50057;
}

.square-box.green-sec {
  border: 1px solid #60c3a1;
}

.square-box.green-sec .head {
  background: #60c3a1;
}

.square-box .head {
  margin: -10px -10px 10px -10px;

  padding: 0px 10px;

  height: 45px;

  color: #ffff;

  display: flex;

  align-items: center;

  border-radius: 8px 8px 0px 0px;
}

.square-box .head h2 {
  font-size: 15px;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;
}

.square-box .head span.count {
  margin-left: auto;

  min-width: 40px;

  width: auto;

  height: 30px;

  padding: 5px 10px;

  border-radius: 9px;

  background: #ffffff;

  color: #000000;

  font-weight: 600;
}

.square-box .head ul {
  margin-left: auto;

  display: flex;

  align-items: center;
}

.square-box .head ul li {
  margin-right: 10px;

  font-size: 12px;

  font-weight: 600;
}

.square-box .head ul li a {
  background: rgba(0, 0, 0, 0.4);

  color: #ffffff;

  padding: 5px 10px;
}

.square-box .head ul li:last-child {
  margin-right: 0px;
}

.square-box .head ul li a:hover,
.square-box .head ul li a.active {
  background: #ffffff;

  color: #000000;
}

.number-strip ul li {
  display: flex;

  justify-content: space-between;

  padding: 5px;

  margin-bottom: 10px;

  align-items: center;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.number-strip ul li .content {
  width: 100%;

  background: #fff;

  padding: 0px 5px;

  font-size: 11px;

  height: 40px;

  line-height: 40px;

  color: #000000;

  font-weight: 600;
}

.number-strip ul li .number {
  width: auto;

  min-width: 50px;

  text-align: center;

  background: transparent;

  font-size: 20px;

  height: 40px;

  line-height: 40px;

  font-weight: 600;

  color: #ffffff;
}

.number-strip ul li:first-child {
  background: #00b900;
}

.number-strip ul li:nth-child(2) {
  background: #ffa200;
}

.number-strip ul li:last-child {
  border-radius: 0px 0px 8px 8px;

  margin-bottom: 0px;

  background: #d13bcc;
}

.complaint-sec ul {
  display: flex;

  width: 100%;

  padding: 10px 0px;
}

.complaint-sec ul li {
  width: 100%;

  display: flex;

  align-items: center;
}

.complaint-sec ul li .img-secation {
  width: 40px;

  min-width: 40px;

  margin-right: 10px;
}

.complaint-sec ul li .content-secation p {
  font-size: 11px;

  color: #000000;
}

.complaint-sec ul li .content-secation span {
  font-size: 20px;

  font-weight: 600;
}

.one-line {
  display: inline-flex;
}

.one-line a {
  margin-right: 5px;
}

.tag {
  padding: 10px;

  font-size: 12px;

  font-weight: 600;

  color: #ffffff;

  border-radius: 6px;

  display: inline;
}

.user-hint {
  display: flex;

  align-items: center;

  margin-top: 2px;
}

.user-hint p {
  padding: 0px !important;

  font-size: 11px;

  color: #868282;
}

.user-hint span.days-bg {
  margin-left: 5px;

  background: #dff6ff;

  padding: 2px 5px;

  border-radius: 20px;

  color: #23aae1;

  font-weight: 600;

  font-size: 11px;
}

.pagination-sticky {
  position: sticky;

  left: 0;

  z-index: 2;
}

.horizontal {
  width: 100%;

  overflow: auto;

  min-height: auto;

  max-height: calc(100vh - 260px);
}

.horizontal.tab-space {
  max-height: calc(100vh - 220px);
}

.horizontal.clac125,
.horizontal .page-scroll.clac125 {
  max-height: calc(100vh - 125px);
}

.horizontal .page-scroll {
  height: calc(100vh - 120px);

  overflow: auto;
}

.horizontal .page-scroll table tr th.first-head {
  position: sticky;

  top: 0px;

  right: 0px;

  z-index: 3;
}

.horizontal table {
  width: 100%;

  min-width: 1024px;

  table-layout: fixed;

  border-collapse: collapse;

  box-sizing: border-box;
}

.horizontal table tr th .table-head {
  padding: 0px 15px;

  background: #f1f1f1;
}

.horizontal table tr th .table-head table tr th {
  border-right: 1px solid #dcdbdb;

  padding: 10px;

  font-size: 11px;

  text-transform: capitalize;

  font-weight: 500;

  color: #000;

  position: relative;

  text-align: left;

  background: #f1f1f1;
}

.horizontal table tr th .table-head table tr:nth-child(2) th {
  padding: 5px;
}

.horizontal table tr th .table-head table tr th:last-child {
  border-right: 0px;
}

.horizontal table tr th .table-head:first-child {
  border-top: 0px;
}

.horizontal table tr th .table-head:last-child table tr th {
  border-top: 1px solid #dcdbdb;
}

.horizontal table tr th .table-head:last-child table tr th table tr th {
  border-top: 0px;
}

.horizontal table tr th table {
  min-width: inherit;
}

.horizontal table tr td {
  padding: 10px;
}

.horizontal table tr td a {
  color: #000dc4;
}

.horizontal table tr td .table-body {
  width: 100%;

  border-radius: 8px;
}

.horizontal table tr td .table-body table tr td {
  border: 1px solid #dcdbdb;

  padding: 10px;

  background: #fff;

  font-size: 11px;

  font-weight: normal;

  color: #383737;

  position: relative;
}

.horizontal table tr td .table-body table tr td table {
  min-width: 100%;

  width: inherit;
}

.horizontal table tr td .table-body table tr td table tr td:first-child {
  border-left: 0px;
}

.horizontal table tr td .table-body table tr td table tr td:last-child {
  border-right: 0px;
}

.horizontal table tr td .table-body table tr td table tr:first-child td {
  border-top: 0px;
}

.horizontal table tr td .table-body table tr td table tr:last-child td {
  border-bottom: 0px;
}

.horizontal table tr td .table-body table tr:hover td .action-btns {
  opacity: 1;
}

.horizontal table tr td .table-body table tr:hover td .action-btns button,
.horizontal table tr td .table-body table tr:hover td .action-btns a {
  opacity: 1;
}

.horizontal table tr td .table-body table tr:hover td .action-btns i {
  font-size: 20px;

  margin-right: 5px;
}

.horizontal .sticky-th {
  position: sticky !important;

  left: 10px;

  z-index: 2;

  border-right: 0px !important;
}

.horizontal .sticky-th:after {
  content: "";

  position: absolute;

  background: #f1f1f1;

  height: 100%;

  width: 17px;

  top: -1px;

  left: -17px;

  border-top: 1px solid #dcdbdb;
}

.horizontal .sticky-td {
  position: sticky !important;

  left: 15px;

  z-index: 1;

  border-right: 0px !important;
}

.horizontal .sticky-td:after {
  content: "";

  position: absolute;

  background: #fff;

  height: 100%;

  width: 17px;

  top: -1px;

  left: -17px;
}

.horizontal .sticky-td.bg-head,
.horizontal .sticky-td.bg-head table tr td {
  background: #90caf9;
}

.horizontal .sticky-td.bg-head:after {
  background: #ffffff;
}

.horizontal .sticky-td.bg-head table tr td {
  color: #000000;
}

.horizontal table tr.td-bule-bg td {
  background: #90caf9 !important;
}

.swal-modal {
  width: 400px;
}

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

.swal-text {
  font-size: 14px;
}

.swal-footer {
  text-align: center;
}

.w-1 {
  width: 1px !important;
}

.w-2 {
  width: 2px !important;
}

.w-3 {
  width: 3px !important;
}

.w-4 {
  width: 4px !important;
}

.w-5 {
  width: 5px !important;
}

.w-6 {
  width: 6px !important;
}

.w-7 {
  width: 7px !important;
}

.w-8 {
  width: 8px !important;
}

.w-9 {
  width: 9px !important;
}

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

.w-11 {
  width: 11px !important;
}

.w-12 {
  width: 12px !important;
}

.w-13 {
  width: 13px !important;
}

.w-14 {
  width: 14px !important;
}

.w-15 {
  width: 15px !important;
}

.w-16 {
  width: 16px !important;
}

.w-17 {
  width: 17px !important;
}

.w-18 {
  width: 18px !important;
}

.w-19 {
  width: 19px !important;
}

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

.w-21 {
  width: 21px !important;
}

.w-22 {
  width: 22px !important;
}

.w-23 {
  width: 23px !important;
}

.w-24 {
  width: 24px !important;
}

.w-25 {
  width: 25px !important;
}

.w-26 {
  width: 26px !important;
}

.w-27 {
  width: 27px !important;
}

.w-28 {
  width: 28px !important;
}

.w-29 {
  width: 29px !important;
}

.w-30 {
  width: 30px !important;
}

.w-31 {
  width: 31px !important;
}

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

.w-33 {
  width: 33px !important;
}

.w-34 {
  width: 34px !important;
}

.w-35 {
  width: 35px !important;
}

.w-36 {
  width: 36px !important;
}

.w-37 {
  width: 37px !important;
}

.w-38 {
  width: 38px !important;
}

.w-39 {
  width: 39px !important;
}

.w-40 {
  width: 40px !important;
}

.w-41 {
  width: 41px !important;
}

.w-42 {
  width: 42px !important;
}

.w-43 {
  width: 43px !important;
}

.w-44 {
  width: 44px !important;
}

.w-45 {
  width: 45px !important;
}

.w-46 {
  width: 46px !important;
}

.w-47 {
  width: 47px !important;
}

.w-48 {
  width: 48px !important;
}

.w-49 {
  width: 49px !important;
}

.w-50 {
  width: 50px !important;
}

.w-51 {
  width: 51px !important;
}

.w-52 {
  width: 52px !important;
}

.w-53 {
  width: 53px !important;
}

.w-54 {
  width: 54px !important;
}

.w-55 {
  width: 55px !important;
}

.w-56 {
  width: 56px !important;
}

.w-57 {
  width: 57px !important;
}

.w-58 {
  width: 58px !important;
}

.w-59 {
  width: 59px !important;
}

.w-60 {
  width: 60px !important;
}

.w-61 {
  width: 61px !important;
}

.w-62 {
  width: 62px !important;
}

.w-63 {
  width: 63px !important;
}

.w-64 {
  width: 64px !important;
}

.w-65 {
  width: 65px !important;
}

.w-66 {
  width: 66px !important;
}

.w-67 {
  width: 67px !important;
}

.w-68 {
  width: 68px !important;
}

.w-69 {
  width: 69px !important;
}

.w-70 {
  width: 70px !important;
}

.w-71 {
  width: 71px !important;
}

.w-72 {
  width: 72px !important;
}

.w-73 {
  width: 73px !important;
}

.w-74 {
  width: 74px !important;
}

.w-75 {
  width: 75px !important;
}

.w-76 {
  width: 76px !important;
}

.w-77 {
  width: 77px !important;
}

.w-78 {
  width: 78px !important;
}

.w-79 {
  width: 79px !important;
}

.w-80 {
  width: 80px !important;
}

.w-81 {
  width: 81px !important;
}

.w-82 {
  width: 82px !important;
}

.w-83 {
  width: 83px !important;
}

.w-84 {
  width: 84px !important;
}

.w-85 {
  width: 85px !important;
}

.w-86 {
  width: 86px !important;
}

.w-87 {
  width: 87px !important;
}

.w-88 {
  width: 88px !important;
}

.w-89 {
  width: 89px !important;
}

.w-90 {
  width: 90px !important;
}

.w-91 {
  width: 91px !important;
}

.w-92 {
  width: 92px !important;
}

.w-93 {
  width: 93px !important;
}

.w-94 {
  width: 94px !important;
}

.w-95 {
  width: 95px !important;
}

.w-96 {
  width: 96px !important;
}

.w-97 {
  width: 97px !important;
}

.w-98 {
  width: 98px !important;
}

.w-99 {
  width: 99px !important;
}

.w-100 {
  width: 100px !important;
}

.w-101 {
  width: 101px !important;
}

.w-102 {
  width: 102px !important;
}

.w-103 {
  width: 103px !important;
}

.w-104 {
  width: 104px !important;
}

.w-105 {
  width: 105px !important;
}

.w-106 {
  width: 106px !important;
}

.w-107 {
  width: 107px !important;
}

.w-108 {
  width: 108px !important;
}

.w-109 {
  width: 109px !important;
}

.w-110 {
  width: 110px !important;
}

.w-111 {
  width: 111px !important;
}

.w-112 {
  width: 112px !important;
}

.w-113 {
  width: 113px !important;
}

.w-114 {
  width: 114px !important;
}

.w-115 {
  width: 115px !important;
}

.w-116 {
  width: 116px !important;
}

.w-117 {
  width: 117px !important;
}

.w-118 {
  width: 118px !important;
}

.w-119 {
  width: 119px !important;
}

.w-120 {
  width: 120px !important;
}

.w-121 {
  width: 121px !important;
}

.w-122 {
  width: 122px !important;
}

.w-123 {
  width: 123px !important;
}

.w-124 {
  width: 124px !important;
}

.w-125 {
  width: 125px !important;
}

.w-126 {
  width: 126px !important;
}

.w-127 {
  width: 127px !important;
}

.w-128 {
  width: 128px !important;
}

.w-129 {
  width: 129px !important;
}

.w-130 {
  width: 130px !important;
}

.w-131 {
  width: 131px !important;
}

.w-132 {
  width: 132px !important;
}

.w-133 {
  width: 133px !important;
}

.w-134 {
  width: 134px !important;
}

.w-135 {
  width: 135px !important;
}

.w-136 {
  width: 136px !important;
}

.w-137 {
  width: 137px !important;
}

.w-138 {
  width: 138px !important;
}

.w-139 {
  width: 139px !important;
}

.w-140 {
  width: 140px !important;
}

.w-141 {
  width: 141px !important;
}

.w-142 {
  width: 142px !important;
}

.w-143 {
  width: 143px !important;
}

.w-144 {
  width: 144px !important;
}

.w-145 {
  width: 145px !important;
}

.w-146 {
  width: 146px !important;
}

.w-147 {
  width: 147px !important;
}

.w-148 {
  width: 148px !important;
}

.w-149 {
  width: 149px !important;
}

.w-150 {
  width: 150px !important;
}

.w-151 {
  width: 151px !important;
}

.w-152 {
  width: 152px !important;
}

.w-153 {
  width: 153px !important;
}

.w-154 {
  width: 154px !important;
}

.w-155 {
  width: 155px !important;
}

.w-156 {
  width: 156px !important;
}

.w-157 {
  width: 157px !important;
}

.w-158 {
  width: 158px !important;
}

.w-159 {
  width: 159px !important;
}

.w-160 {
  width: 160px !important;
}

.w-161 {
  width: 161px !important;
}

.w-162 {
  width: 162px !important;
}

.w-163 {
  width: 163px !important;
}

.w-164 {
  width: 164px !important;
}

.w-165 {
  width: 165px !important;
}

.w-166 {
  width: 166px !important;
}

.w-167 {
  width: 167px !important;
}

.w-168 {
  width: 168px !important;
}

.w-169 {
  width: 169px !important;
}

.w-170 {
  width: 170px !important;
}

.w-171 {
  width: 171px !important;
}

.w-172 {
  width: 172px !important;
}

.w-173 {
  width: 173px !important;
}

.w-174 {
  width: 174px !important;
}

.w-175 {
  width: 175px !important;
}

.w-176 {
  width: 176px !important;
}

.w-177 {
  width: 177px !important;
}

.w-178 {
  width: 178px !important;
}

.w-179 {
  width: 179px !important;
}

.w-180 {
  width: 180px !important;
}

.w-181 {
  width: 181px !important;
}

.w-182 {
  width: 182px !important;
}

.w-183 {
  width: 183px !important;
}

.w-184 {
  width: 184px !important;
}

.w-185 {
  width: 185px !important;
}

.w-186 {
  width: 186px !important;
}

.w-187 {
  width: 187px !important;
}

.w-188 {
  width: 188px !important;
}

.w-189 {
  width: 189px !important;
}

.w-190 {
  width: 190px !important;
}

.w-191 {
  width: 191px !important;
}

.w-192 {
  width: 192px !important;
}

.w-193 {
  width: 193px !important;
}

.w-194 {
  width: 194px !important;
}

.w-195 {
  width: 195px !important;
}

.w-196 {
  width: 196px !important;
}

.w-197 {
  width: 197px !important;
}

.w-198 {
  width: 198px !important;
}

.w-199 {
  width: 199px !important;
}

.w-200 {
  width: 200px !important;
}

.w-201 {
  width: 201px !important;
}

.w-202 {
  width: 202px !important;
}

.w-203 {
  width: 203px !important;
}

.w-204 {
  width: 204px !important;
}

.w-205 {
  width: 205px !important;
}

.w-206 {
  width: 206px !important;
}

.w-207 {
  width: 207px !important;
}

.w-208 {
  width: 208px !important;
}

.w-209 {
  width: 209px !important;
}

.w-210 {
  width: 210px !important;
}

.w-211 {
  width: 211px !important;
}

.w-212 {
  width: 212px !important;
}

.w-213 {
  width: 213px !important;
}

.w-214 {
  width: 214px !important;
}

.w-215 {
  width: 215px !important;
}

.w-216 {
  width: 216px !important;
}

.w-217 {
  width: 217px !important;
}

.w-218 {
  width: 218px !important;
}

.w-219 {
  width: 219px !important;
}

.w-220 {
  width: 220px !important;
}

.w-221 {
  width: 221px !important;
}

.w-222 {
  width: 222px !important;
}

.w-223 {
  width: 223px !important;
}

.w-224 {
  width: 224px !important;
}

.w-225 {
  width: 225px !important;
}

.w-226 {
  width: 226px !important;
}

.w-227 {
  width: 227px !important;
}

.w-228 {
  width: 228px !important;
}

.w-229 {
  width: 229px !important;
}

.w-230 {
  width: 230px !important;
}

.w-231 {
  width: 231px !important;
}

.w-232 {
  width: 232px !important;
}

.w-233 {
  width: 233px !important;
}

.w-234 {
  width: 234px !important;
}

.w-235 {
  width: 235px !important;
}

.w-236 {
  width: 236px !important;
}

.w-237 {
  width: 237px !important;
}

.w-238 {
  width: 238px !important;
}

.w-239 {
  width: 239px !important;
}

.w-240 {
  width: 240px !important;
}

.w-241 {
  width: 241px !important;
}

.w-242 {
  width: 242px !important;
}

.w-243 {
  width: 243px !important;
}

.w-244 {
  width: 244px !important;
}

.w-245 {
  width: 245px !important;
}

.w-246 {
  width: 246px !important;
}

.w-247 {
  width: 247px !important;
}

.w-248 {
  width: 248px !important;
}

.w-249 {
  width: 249px !important;
}

.w-250 {
  width: 250px !important;
}

.w-251 {
  width: 251px !important;
}

.w-252 {
  width: 252px !important;
}

.w-253 {
  width: 253px !important;
}

.w-254 {
  width: 254px !important;
}

.w-255 {
  width: 255px !important;
}

.w-256 {
  width: 256px !important;
}

.w-257 {
  width: 257px !important;
}

.w-258 {
  width: 258px !important;
}

.w-259 {
  width: 259px !important;
}

.w-260 {
  width: 260px !important;
}

.w-261 {
  width: 261px !important;
}

.w-262 {
  width: 262px !important;
}

.w-263 {
  width: 263px !important;
}

.w-264 {
  width: 264px !important;
}

.w-265 {
  width: 265px !important;
}

.w-266 {
  width: 266px !important;
}

.w-267 {
  width: 267px !important;
}

.w-268 {
  width: 268px !important;
}

.w-269 {
  width: 269px !important;
}

.w-270 {
  width: 270px !important;
}

.w-271 {
  width: 271px !important;
}

.w-272 {
  width: 272px !important;
}

.w-273 {
  width: 273px !important;
}

.w-274 {
  width: 274px !important;
}

.w-275 {
  width: 275px !important;
}

.w-276 {
  width: 276px !important;
}

.w-277 {
  width: 277px !important;
}

.w-278 {
  width: 278px !important;
}

.w-279 {
  width: 279px !important;
}

.w-280 {
  width: 280px !important;
}

.w-281 {
  width: 281px !important;
}

.w-282 {
  width: 282px !important;
}

.w-283 {
  width: 283px !important;
}

.w-284 {
  width: 284px !important;
}

.w-285 {
  width: 285px !important;
}

.w-286 {
  width: 286px !important;
}

.w-287 {
  width: 287px !important;
}

.w-288 {
  width: 288px !important;
}

.w-289 {
  width: 289px !important;
}

.w-290 {
  width: 290px !important;
}

.w-291 {
  width: 291px !important;
}

.w-292 {
  width: 292px !important;
}

.w-293 {
  width: 293px !important;
}

.w-294 {
  width: 294px !important;
}

.w-295 {
  width: 295px !important;
}

.w-296 {
  width: 296px !important;
}

.w-297 {
  width: 297px !important;
}

.w-298 {
  width: 298px !important;
}

.w-299 {
  width: 299px !important;
}

.w-300 {
  width: 300px !important;
}

.w-301 {
  width: 301px !important;
}

.w-302 {
  width: 302px !important;
}

.w-303 {
  width: 303px !important;
}

.w-304 {
  width: 304px !important;
}

.w-305 {
  width: 305px !important;
}

.w-306 {
  width: 306px !important;
}

.w-307 {
  width: 307px !important;
}

.w-308 {
  width: 308px !important;
}

.w-309 {
  width: 309px !important;
}

.w-310 {
  width: 310px !important;
}

.w-311 {
  width: 311px !important;
}

.w-312 {
  width: 312px !important;
}

.w-313 {
  width: 313px !important;
}

.w-314 {
  width: 314px !important;
}

.w-315 {
  width: 315px !important;
}

.w-316 {
  width: 316px !important;
}

.w-317 {
  width: 317px !important;
}

.w-318 {
  width: 318px !important;
}

.w-319 {
  width: 319px !important;
}

.w-320 {
  width: 320px !important;
}

.w-321 {
  width: 321px !important;
}

.w-322 {
  width: 322px !important;
}

.w-323 {
  width: 323px !important;
}

.w-324 {
  width: 324px !important;
}

.w-325 {
  width: 325px !important;
}

.w-326 {
  width: 326px !important;
}

.w-327 {
  width: 327px !important;
}

.w-328 {
  width: 328px !important;
}

.w-329 {
  width: 329px !important;
}

.w-330 {
  width: 330px !important;
}

.w-331 {
  width: 331px !important;
}

.w-332 {
  width: 332px !important;
}

.w-333 {
  width: 333px !important;
}

.w-334 {
  width: 334px !important;
}

.w-335 {
  width: 335px !important;
}

.w-336 {
  width: 336px !important;
}

.w-337 {
  width: 337px !important;
}

.w-338 {
  width: 338px !important;
}

.w-339 {
  width: 339px !important;
}

.w-340 {
  width: 340px !important;
}

.w-341 {
  width: 341px !important;
}

.w-342 {
  width: 342px !important;
}

.w-343 {
  width: 343px !important;
}

.w-344 {
  width: 344px !important;
}

.w-345 {
  width: 345px !important;
}

.w-346 {
  width: 346px !important;
}

.w-347 {
  width: 347px !important;
}

.w-348 {
  width: 348px !important;
}

.w-349 {
  width: 349px !important;
}

.w-350 {
  width: 350px !important;
}

.w-351 {
  width: 351px !important;
}

.w-352 {
  width: 352px !important;
}

.w-353 {
  width: 353px !important;
}

.w-354 {
  width: 354px !important;
}

.w-355 {
  width: 355px !important;
}

.w-356 {
  width: 356px !important;
}

.w-357 {
  width: 357px !important;
}

.w-358 {
  width: 358px !important;
}

.w-359 {
  width: 359px !important;
}

.w-360 {
  width: 360px !important;
}

.w-361 {
  width: 361px !important;
}

.w-362 {
  width: 362px !important;
}

.w-363 {
  width: 363px !important;
}

.w-364 {
  width: 364px !important;
}

.w-365 {
  width: 365px !important;
}

.w-366 {
  width: 366px !important;
}

.w-367 {
  width: 367px !important;
}

.w-368 {
  width: 368px !important;
}

.w-369 {
  width: 369px !important;
}

.w-370 {
  width: 370px !important;
}

.w-371 {
  width: 371px !important;
}

.w-372 {
  width: 372px !important;
}

.w-373 {
  width: 373px !important;
}

.w-374 {
  width: 374px !important;
}

.w-375 {
  width: 375px !important;
}

.w-376 {
  width: 376px !important;
}

.w-377 {
  width: 377px !important;
}

.w-378 {
  width: 378px !important;
}

.w-379 {
  width: 379px !important;
}

.w-380 {
  width: 380px !important;
}

.w-381 {
  width: 381px !important;
}

.w-382 {
  width: 382px !important;
}

.w-383 {
  width: 383px !important;
}

.w-384 {
  width: 384px !important;
}

.w-385 {
  width: 385px !important;
}

.w-386 {
  width: 386px !important;
}

.w-387 {
  width: 387px !important;
}

.w-388 {
  width: 388px !important;
}

.w-389 {
  width: 389px !important;
}

.w-390 {
  width: 390px !important;
}

.w-391 {
  width: 391px !important;
}

.w-392 {
  width: 392px !important;
}

.w-393 {
  width: 393px !important;
}

.w-394 {
  width: 394px !important;
}

.w-395 {
  width: 395px !important;
}

.w-396 {
  width: 396px !important;
}

.w-397 {
  width: 397px !important;
}

.w-398 {
  width: 398px !important;
}

.w-399 {
  width: 399px !important;
}

.w-400 {
  width: 400px !important;
}

.w-401 {
  width: 401px !important;
}

.w-402 {
  width: 402px !important;
}

.w-403 {
  width: 403px !important;
}

.w-404 {
  width: 404px !important;
}

.w-405 {
  width: 405px !important;
}

.w-406 {
  width: 406px !important;
}

.w-407 {
  width: 407px !important;
}

.w-408 {
  width: 408px !important;
}

.w-409 {
  width: 409px !important;
}

.w-410 {
  width: 410px !important;
}

.w-411 {
  width: 411px !important;
}

.w-412 {
  width: 412px !important;
}

.w-413 {
  width: 413px !important;
}

.w-414 {
  width: 414px !important;
}

.w-415 {
  width: 415px !important;
}

.w-416 {
  width: 416px !important;
}

.w-417 {
  width: 417px !important;
}

.w-418 {
  width: 418px !important;
}

.w-419 {
  width: 419px !important;
}

.w-420 {
  width: 420px !important;
}

.w-421 {
  width: 421px !important;
}

.w-422 {
  width: 422px !important;
}

.w-423 {
  width: 423px !important;
}

.w-424 {
  width: 424px !important;
}

.w-425 {
  width: 425px !important;
}

.w-426 {
  width: 426px !important;
}

.w-427 {
  width: 427px !important;
}

.w-428 {
  width: 428px !important;
}

.w-429 {
  width: 429px !important;
}

.w-430 {
  width: 430px !important;
}

.w-431 {
  width: 431px !important;
}

.w-432 {
  width: 432px !important;
}

.w-433 {
  width: 433px !important;
}

.w-434 {
  width: 434px !important;
}

.w-435 {
  width: 435px !important;
}

.w-436 {
  width: 436px !important;
}

.w-437 {
  width: 437px !important;
}

.w-438 {
  width: 438px !important;
}

.w-439 {
  width: 439px !important;
}

.w-440 {
  width: 440px !important;
}

.w-441 {
  width: 441px !important;
}

.w-442 {
  width: 442px !important;
}

.w-443 {
  width: 443px !important;
}

.w-444 {
  width: 444px !important;
}

.w-445 {
  width: 445px !important;
}

.w-446 {
  width: 446px !important;
}

.w-447 {
  width: 447px !important;
}

.w-448 {
  width: 448px !important;
}

.w-449 {
  width: 449px !important;
}

.w-450 {
  width: 450px !important;
}

.w-451 {
  width: 451px !important;
}

.w-452 {
  width: 452px !important;
}

.w-453 {
  width: 453px !important;
}

.w-454 {
  width: 454px !important;
}

.w-455 {
  width: 455px !important;
}

.w-456 {
  width: 456px !important;
}

.w-457 {
  width: 457px !important;
}

.w-458 {
  width: 458px !important;
}

.w-459 {
  width: 459px !important;
}

.w-460 {
  width: 460px !important;
}

.w-461 {
  width: 461px !important;
}

.w-462 {
  width: 462px !important;
}

.w-463 {
  width: 463px !important;
}

.w-464 {
  width: 464px !important;
}

.w-465 {
  width: 465px !important;
}

.w-466 {
  width: 466px !important;
}

.w-467 {
  width: 467px !important;
}

.w-468 {
  width: 468px !important;
}

.w-469 {
  width: 469px !important;
}

.w-470 {
  width: 470px !important;
}

.w-471 {
  width: 471px !important;
}

.w-472 {
  width: 472px !important;
}

.w-473 {
  width: 473px !important;
}

.w-474 {
  width: 474px !important;
}

.w-475 {
  width: 475px !important;
}

.w-476 {
  width: 476px !important;
}

.w-477 {
  width: 477px !important;
}

.w-478 {
  width: 478px !important;
}

.w-479 {
  width: 479px !important;
}

.w-480 {
  width: 480px !important;
}

.w-481 {
  width: 481px !important;
}

.w-482 {
  width: 482px !important;
}

.w-483 {
  width: 483px !important;
}

.w-484 {
  width: 484px !important;
}

.w-485 {
  width: 485px !important;
}

.w-486 {
  width: 486px !important;
}

.w-487 {
  width: 487px !important;
}

.w-488 {
  width: 488px !important;
}

.w-489 {
  width: 489px !important;
}

.w-490 {
  width: 490px !important;
}

.w-491 {
  width: 491px !important;
}

.w-492 {
  width: 492px !important;
}

.w-493 {
  width: 493px !important;
}

.w-494 {
  width: 494px !important;
}

.w-495 {
  width: 495px !important;
}

.w-496 {
  width: 496px !important;
}

.w-497 {
  width: 497px !important;
}

.w-498 {
  width: 498px !important;
}

.w-499 {
  width: 499px !important;
}

.w-500 {
  width: 500px !important;
}

.top-1 {
  top: 1px !important;
}

.top-2 {
  top: 2px !important;
}

.top-3 {
  top: 3px !important;
}

.top-4 {
  top: 4px !important;
}

.top-5 {
  top: 5px !important;
}

.top-6 {
  top: 6px !important;
}

.top-7 {
  top: 7px !important;
}

.top-8 {
  top: 8px !important;
}

.top-9 {
  top: 9px !important;
}

.top-10 {
  top: 10px !important;
}

.top-11 {
  top: 11px !important;
}

.top-12 {
  top: 12px !important;
}

.top-13 {
  top: 13px !important;
}

.top-14 {
  top: 14px !important;
}

.top-15 {
  top: 15px !important;
}

.top-16 {
  top: 16px !important;
}

.top-17 {
  top: 17px !important;
}

.top-18 {
  top: 18px !important;
}

.top-19 {
  top: 19px !important;
}

.top-20 {
  top: 20px !important;
}

.top-21 {
  top: 21px !important;
}

.top-22 {
  top: 22px !important;
}

.top-23 {
  top: 23px !important;
}

.top-24 {
  top: 24px !important;
}

.top-25 {
  top: 25px !important;
}

.top-26 {
  top: 26px !important;
}

.top-27 {
  top: 27px !important;
}

.top-28 {
  top: 28px !important;
}

.top-29 {
  top: 29px !important;
}

.top-30 {
  top: 30px !important;
}

.top-31 {
  top: 31px !important;
}

.top-32 {
  top: 32px !important;
}

.top-33 {
  top: 33px !important;
}

.top-34 {
  top: 34px !important;
}

.top-35 {
  top: 35px !important;
}

.top-36 {
  top: 36px !important;
}

.top-37 {
  top: 37px !important;
}

.top-38 {
  top: 38px !important;
}

.top-39 {
  top: 39px !important;
}

.top-40 {
  top: 40px !important;
}

.top-41 {
  top: 41px !important;
}

.top-42 {
  top: 42px !important;
}

.top-43 {
  top: 43px !important;
}

.top-44 {
  top: 44px !important;
}

.top-45 {
  top: 45px !important;
}

.top-46 {
  top: 46px !important;
}

.top-47 {
  top: 47px !important;
}

.top-48 {
  top: 48px !important;
}

.top-49 {
  top: 49px !important;
}

.top-50 {
  top: 50px !important;
}

.top-51 {
  top: 51px !important;
}

.top-52 {
  top: 52px !important;
}

.top-53 {
  top: 53px !important;
}

.top-54 {
  top: 54px !important;
}

.top-55 {
  top: 55px !important;
}

.top-56 {
  top: 56px !important;
}

.top-57 {
  top: 57px !important;
}

.top-58 {
  top: 58px !important;
}

.top-59 {
  top: 59px !important;
}

.top-60 {
  top: 60px !important;
}

.top-61 {
  top: 61px !important;
}

.top-62 {
  top: 62px !important;
}

.top-63 {
  top: 63px !important;
}

.top-64 {
  top: 64px !important;
}

.top-65 {
  top: 65px !important;
}

.top-66 {
  top: 66px !important;
}

.top-67 {
  top: 67px !important;
}

.top-68 {
  top: 68px !important;
}

.top-69 {
  top: 69px !important;
}

.top-70 {
  top: 70px !important;
}

.top-71 {
  top: 71px !important;
}

.top-72 {
  top: 72px !important;
}

.top-73 {
  top: 73px !important;
}

.top-74 {
  top: 74px !important;
}

.top-75 {
  top: 75px !important;
}

.top-76 {
  top: 76px !important;
}

.top-77 {
  top: 77px !important;
}

.top-78 {
  top: 78px !important;
}

.top-79 {
  top: 79px !important;
}

.top-80 {
  top: 80px !important;
}

.top-81 {
  top: 81px !important;
}

.top-82 {
  top: 82px !important;
}

.top-83 {
  top: 83px !important;
}

.top-84 {
  top: 84px !important;
}

.top-85 {
  top: 85px !important;
}

.top-86 {
  top: 86px !important;
}

.top-87 {
  top: 87px !important;
}

.top-88 {
  top: 88px !important;
}

.top-89 {
  top: 89px !important;
}

.top-90 {
  top: 90px !important;
}

.top-91 {
  top: 91px !important;
}

.top-92 {
  top: 92px !important;
}

.top-93 {
  top: 93px !important;
}

.top-94 {
  top: 94px !important;
}

.top-95 {
  top: 95px !important;
}

.top-96 {
  top: 96px !important;
}

.top-97 {
  top: 97px !important;
}

.top-98 {
  top: 98px !important;
}

.top-99 {
  top: 99px !important;
}

.top-100 {
  top: 100px !important;
}

.topa-1:after {
  top: 1px !important;
}

.topa-2:after {
  top: 2px !important;
}

.topa-3:after {
  top: 3px !important;
}

.topa-4:after {
  top: 4px !important;
}

.topa-5:after {
  top: 5px !important;
}

.topa-6:after {
  top: 6px !important;
}

.topa-7:after {
  top: 7px !important;
}

.topa-8:after {
  top: 8px !important;
}

.topa-9:after {
  top: 9px !important;
}

.topa-10:after {
  top: 10px !important;
}

.topa-11:after {
  top: 11px !important;
}

.topa-12:after {
  top: 12px !important;
}

.topa-13:after {
  top: 13px !important;
}

.topa-14:after {
  top: 14px !important;
}

.topa-15:after {
  top: 15px !important;
}

.topa-16:after {
  top: 16px !important;
}

.topa-17:after {
  top: 17px !important;
}

.topa-18:after {
  top: 18px !important;
}

.topa-19:after {
  top: 19px !important;
}

.topa-20:after {
  top: 20px !important;
}

.topa-21:after {
  top: 21px !important;
}

.topa-22:after {
  top: 22px !important;
}

.topa-23:after {
  top: 23px !important;
}

.topa-24:after {
  top: 24px !important;
}

.topa-25:after {
  top: 25px !important;
}

.topa-26:after {
  top: 26px !important;
}

.topa-27:after {
  top: 27px !important;
}

.topa-28:after {
  top: 28px !important;
}

.topa-29:after {
  top: 29px !important;
}

.topa-30:after {
  top: 30px !important;
}

.topa-31:after {
  top: 31px !important;
}

.topa-32:after {
  top: 32px !important;
}

.topa-33:after {
  top: 33px !important;
}

.topa-34:after {
  top: 34px !important;
}

.topa-35:after {
  top: 35px !important;
}

.topa-36:after {
  top: 36px !important;
}

.topa-37:after {
  top: 37px !important;
}

.topa-38:after {
  top: 38px !important;
}

.topa-39:after {
  top: 39px !important;
}

.topa-40:after {
  top: 40px !important;
}

.topa-41:after {
  top: 41px !important;
}

.topa-42:after {
  top: 42px !important;
}

.topa-43:after {
  top: 43px !important;
}

.topa-44:after {
  top: 44px !important;
}

.topa-45:after {
  top: 45px !important;
}

.topa-46:after {
  top: 46px !important;
}

.topa-47:after {
  top: 47px !important;
}

.topa-48:after {
  top: 48px !important;
}

.topa-49:after {
  top: 49px !important;
}

.topa-50:after {
  top: 50px !important;
}

.topa-51:after {
  top: 51px !important;
}

.topa-52:after {
  top: 52px !important;
}

.topa-53:after {
  top: 53px !important;
}

.topa-54:after {
  top: 54px !important;
}

.topa-55:after {
  top: 55px !important;
}

.topa-56:after {
  top: 56px !important;
}

.topa-57:after {
  top: 57px !important;
}

.topa-58:after {
  top: 58px !important;
}

.topa-59:after {
  top: 59px !important;
}

.topa-60:after {
  top: 60px !important;
}

.topa-61:after {
  top: 61px !important;
}

.topa-62:after {
  top: 62px !important;
}

.topa-63:after {
  top: 63px !important;
}

.topa-64:after {
  top: 64px !important;
}

.topa-65:after {
  top: 65px !important;
}

.topa-66:after {
  top: 66px !important;
}

.topa-67:after {
  top: 67px !important;
}

.topa-68:after {
  top: 68px !important;
}

.topa-69:after {
  top: 69px !important;
}

.topa-70:after {
  top: 70px !important;
}

.topa-71:after {
  top: 71px !important;
}

.topa-72:after {
  top: 72px !important;
}

.topa-73:after {
  top: 73px !important;
}

.topa-74:after {
  top: 74px !important;
}

.topa-75:after {
  top: 75px !important;
}

.topa-76:after {
  top: 76px !important;
}

.topa-77:after {
  top: 77px !important;
}

.topa-78:after {
  top: 78px !important;
}

.topa-79:after {
  top: 79px !important;
}

.topa-80:after {
  top: 80px !important;
}

.topa-81:after {
  top: 81px !important;
}

.topa-82:after {
  top: 82px !important;
}

.topa-83:after {
  top: 83px !important;
}

.topa-84:after {
  top: 84px !important;
}

.topa-85:after {
  top: 85px !important;
}

.topa-86:after {
  top: 86px !important;
}

.topa-87:after {
  top: 87px !important;
}

.topa-88:after {
  top: 88px !important;
}

.topa-89:after {
  top: 89px !important;
}

.topa-90:after {
  top: 90px !important;
}

.topa-91:after {
  top: 91px !important;
}

.topa-92:after {
  top: 92px !important;
}

.topa-93:after {
  top: 93px !important;
}

.topa-94:after {
  top: 94px !important;
}

.topa-95:after {
  top: 95px !important;
}

.topa-96:after {
  top: 96px !important;
}

.topa-97:after {
  top: 97px !important;
}

.topa-98:after {
  top: 98px !important;
}

.topa-99:after {
  top: 99px !important;
}

.topa-100:after {
  top: 100px !important;
}

.right-1 {
  right: 1px !important;
}

.right-2 {
  right: 2px !important;
}

.right-3 {
  right: 3px !important;
}

.right-4 {
  right: 4px !important;
}

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

.right-6 {
  right: 6px !important;
}

.right-7 {
  right: 7px !important;
}

.right-8 {
  right: 8px !important;
}

.right-9 {
  right: 9px !important;
}

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

.right-11 {
  right: 11px !important;
}

.right-12 {
  right: 12px !important;
}

.right-13 {
  right: 13px !important;
}

.right-14 {
  right: 14px !important;
}

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

.right-16 {
  right: 16px !important;
}

.right-17 {
  right: 17px !important;
}

.right-18 {
  right: 18px !important;
}

.right-19 {
  right: 19px !important;
}

.right-20 {
  right: 20px !important;
}

.right-21 {
  right: 21px !important;
}

.right-22 {
  right: 22px !important;
}

.right-23 {
  right: 23px !important;
}

.right-24 {
  right: 24px !important;
}

.right-25 {
  right: 25px !important;
}

.right-26 {
  right: 26px !important;
}

.right-27 {
  right: 27px !important;
}

.right-28 {
  right: 28px !important;
}

.right-29 {
  right: 29px !important;
}

.right-30 {
  right: 30px !important;
}

.right-31 {
  right: 31px !important;
}

.right-32 {
  right: 32px !important;
}

.right-33 {
  right: 33px !important;
}

.right-34 {
  right: 34px !important;
}

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

.right-36 {
  right: 36px !important;
}

.right-37 {
  right: 37px !important;
}

.right-38 {
  right: 38px !important;
}

.right-39 {
  right: 39px !important;
}

.right-40 {
  right: 40px !important;
}

.right-41 {
  right: 41px !important;
}

.right-42 {
  right: 42px !important;
}

.right-43 {
  right: 43px !important;
}

.right-44 {
  right: 44px !important;
}

.right-45 {
  right: 45px !important;
}

.right-46 {
  right: 46px !important;
}

.right-47 {
  right: 47px !important;
}

.right-48 {
  right: 48px !important;
}

.right-49 {
  right: 49px !important;
}

.right-50 {
  right: 50px !important;
}

.right-51 {
  right: 51px !important;
}

.right-52 {
  right: 52px !important;
}

.right-53 {
  right: 53px !important;
}

.right-54 {
  right: 54px !important;
}

.right-55 {
  right: 55px !important;
}

.right-56 {
  right: 56px !important;
}

.right-57 {
  right: 57px !important;
}

.right-58 {
  right: 58px !important;
}

.right-59 {
  right: 59px !important;
}

.right-60 {
  right: 60px !important;
}

.right-61 {
  right: 61px !important;
}

.right-62 {
  right: 62px !important;
}

.right-63 {
  right: 63px !important;
}

.right-64 {
  right: 64px !important;
}

.right-65 {
  right: 65px !important;
}

.right-66 {
  right: 66px !important;
}

.right-67 {
  right: 67px !important;
}

.right-68 {
  right: 68px !important;
}

.right-69 {
  right: 69px !important;
}

.right-70 {
  right: 70px !important;
}

.right-71 {
  right: 71px !important;
}

.right-72 {
  right: 72px !important;
}

.right-73 {
  right: 73px !important;
}

.right-74 {
  right: 74px !important;
}

.right-75 {
  right: 75px !important;
}

.right-76 {
  right: 76px !important;
}

.right-77 {
  right: 77px !important;
}

.right-78 {
  right: 78px !important;
}

.right-79 {
  right: 79px !important;
}

.right-80 {
  right: 80px !important;
}

.right-81 {
  right: 81px !important;
}

.right-82 {
  right: 82px !important;
}

.right-83 {
  right: 83px !important;
}

.right-84 {
  right: 84px !important;
}

.right-85 {
  right: 85px !important;
}

.right-86 {
  right: 86px !important;
}

.right-87 {
  right: 87px !important;
}

.right-88 {
  right: 88px !important;
}

.right-89 {
  right: 89px !important;
}

.right-90 {
  right: 90px !important;
}

.right-91 {
  right: 91px !important;
}

.right-92 {
  right: 92px !important;
}

.right-93 {
  right: 93px !important;
}

.right-94 {
  right: 94px !important;
}

.right-95 {
  right: 95px !important;
}

.right-96 {
  right: 96px !important;
}

.right-97 {
  right: 97px !important;
}

.right-98 {
  right: 98px !important;
}

.right-99 {
  right: 99px !important;
}

.right-100 {
  right: 100px !important;
}

.righta-1:after {
  right: 1px !important;
}

.righta-2:after {
  right: 2px !important;
}

.righta-3:after {
  right: 3px !important;
}

.righta-4:after {
  right: 4px !important;
}

.righta-5:after {
  right: 5px !important;
}

.righta-6:after {
  right: 6px !important;
}

.righta-7:after {
  right: 7px !important;
}

.righta-8:after {
  right: 8px !important;
}

.righta-9:after {
  right: 9px !important;
}

.righta-10:after {
  right: 10px !important;
}

.righta-11:after {
  right: 11px !important;
}

.righta-12:after {
  right: 12px !important;
}

.righta-13:after {
  right: 13px !important;
}

.righta-14:after {
  right: 14px !important;
}

.righta-15:after {
  right: 15px !important;
}

.righta-16:after {
  right: 16px !important;
}

.righta-17:after {
  right: 17px !important;
}

.righta-18:after {
  right: 18px !important;
}

.righta-19:after {
  right: 19px !important;
}

.righta-20:after {
  right: 20px !important;
}

.righta-21:after {
  right: 21px !important;
}

.righta-22:after {
  right: 22px !important;
}

.righta-23:after {
  right: 23px !important;
}

.righta-24:after {
  right: 24px !important;
}

.righta-25:after {
  right: 25px !important;
}

.righta-26:after {
  right: 26px !important;
}

.righta-27:after {
  right: 27px !important;
}

.righta-28:after {
  right: 28px !important;
}

.righta-29:after {
  right: 29px !important;
}

.righta-30:after {
  right: 30px !important;
}

.righta-31:after {
  right: 31px !important;
}

.righta-32:after {
  right: 32px !important;
}

.righta-33:after {
  right: 33px !important;
}

.righta-34:after {
  right: 34px !important;
}

.righta-35:after {
  right: 35px !important;
}

.righta-36:after {
  right: 36px !important;
}

.righta-37:after {
  right: 37px !important;
}

.righta-38:after {
  right: 38px !important;
}

.righta-39:after {
  right: 39px !important;
}

.righta-40:after {
  right: 40px !important;
}

.righta-41:after {
  right: 41px !important;
}

.righta-42:after {
  right: 42px !important;
}

.righta-43:after {
  right: 43px !important;
}

.righta-44:after {
  right: 44px !important;
}

.righta-45:after {
  right: 45px !important;
}

.righta-46:after {
  right: 46px !important;
}

.righta-47:after {
  right: 47px !important;
}

.righta-48:after {
  right: 48px !important;
}

.righta-49:after {
  right: 49px !important;
}

.righta-50:after {
  right: 50px !important;
}

.righta-51:after {
  right: 51px !important;
}

.righta-52:after {
  right: 52px !important;
}

.righta-53:after {
  right: 53px !important;
}

.righta-54:after {
  right: 54px !important;
}

.righta-55:after {
  right: 55px !important;
}

.righta-56:after {
  right: 56px !important;
}

.righta-57:after {
  right: 57px !important;
}

.righta-58:after {
  right: 58px !important;
}

.righta-59:after {
  right: 59px !important;
}

.righta-60:after {
  right: 60px !important;
}

.righta-61:after {
  right: 61px !important;
}

.righta-62:after {
  right: 62px !important;
}

.righta-63:after {
  right: 63px !important;
}

.righta-64:after {
  right: 64px !important;
}

.righta-65:after {
  right: 65px !important;
}

.righta-66:after {
  right: 66px !important;
}

.righta-67:after {
  right: 67px !important;
}

.righta-68:after {
  right: 68px !important;
}

.righta-69:after {
  right: 69px !important;
}

.righta-70:after {
  right: 70px !important;
}

.righta-71:after {
  right: 71px !important;
}

.righta-72:after {
  right: 72px !important;
}

.righta-73:after {
  right: 73px !important;
}

.righta-74:after {
  right: 74px !important;
}

.righta-75:after {
  right: 75px !important;
}

.righta-76:after {
  right: 76px !important;
}

.righta-77:after {
  right: 77px !important;
}

.righta-78:after {
  right: 78px !important;
}

.righta-79:after {
  right: 79px !important;
}

.righta-80:after {
  right: 80px !important;
}

.righta-81:after {
  right: 81px !important;
}

.righta-82:after {
  right: 82px !important;
}

.righta-83:after {
  right: 83px !important;
}

.righta-84:after {
  right: 84px !important;
}

.righta-85:after {
  right: 85px !important;
}

.righta-86:after {
  right: 86px !important;
}

.righta-87:after {
  right: 87px !important;
}

.righta-88:after {
  right: 88px !important;
}

.righta-89:after {
  right: 89px !important;
}

.righta-90:after {
  right: 90px !important;
}

.righta-91:after {
  right: 91px !important;
}

.righta-92:after {
  right: 92px !important;
}

.righta-93:after {
  right: 93px !important;
}

.righta-94:after {
  right: 94px !important;
}

.righta-95:after {
  right: 95px !important;
}

.righta-96:after {
  right: 96px !important;
}

.righta-97:after {
  right: 97px !important;
}

.righta-98:after {
  right: 98px !important;
}

.righta-99:after {
  right: 99px !important;
}

.righta-100:after {
  right: 100px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

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

.pl-4 {
  padding-left: 4px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

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

.pl-8 {
  padding-left: 8px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

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

.pl-21 {
  padding-left: 21px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

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

.pl-36 {
  padding-left: 36px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-51 {
  padding-left: 51px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pl-53 {
  padding-left: 53px !important;
}

.pl-54 {
  padding-left: 54px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pl-57 {
  padding-left: 57px !important;
}

.pl-58 {
  padding-left: 58px !important;
}

.pl-59 {
  padding-left: 59px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-61 {
  padding-left: 61px !important;
}

.pl-62 {
  padding-left: 62px !important;
}

.pl-63 {
  padding-left: 63px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-66 {
  padding-left: 66px !important;
}

.pl-67 {
  padding-left: 67px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pl-69 {
  padding-left: 69px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-71 {
  padding-left: 71px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pl-73 {
  padding-left: 73px !important;
}

.pl-74 {
  padding-left: 74px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pl-77 {
  padding-left: 77px !important;
}

.pl-78 {
  padding-left: 78px !important;
}

.pl-79 {
  padding-left: 79px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-81 {
  padding-left: 81px !important;
}

.pl-82 {
  padding-left: 82px !important;
}

.pl-83 {
  padding-left: 83px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-86 {
  padding-left: 86px !important;
}

.pl-87 {
  padding-left: 87px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.pl-89 {
  padding-left: 89px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-91 {
  padding-left: 91px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.pl-93 {
  padding-left: 93px !important;
}

.pl-94 {
  padding-left: 94px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.pl-97 {
  padding-left: 97px !important;
}

.pl-98 {
  padding-left: 98px !important;
}

.pl-99 {
  padding-left: 99px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-1 {
  padding-left: 1px !important;
}

.pr-2 {
  padding-left: 2px !important;
}

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

.pr-4 {
  padding-left: 4px !important;
}

.pr-5 {
  padding-left: 5px !important;
}

.pr-6 {
  padding-left: 6px !important;
}

.pr-7 {
  padding-left: 7px !important;
}

.pr-8 {
  padding-left: 8px !important;
}

.pr-9 {
  padding-left: 9px !important;
}

.pr-10 {
  padding-left: 10px !important;
}

.pr-11 {
  padding-left: 11px !important;
}

.pr-12 {
  padding-left: 12px !important;
}

.pr-13 {
  padding-left: 13px !important;
}

.pr-14 {
  padding-left: 14px !important;
}

.pr-15 {
  padding-left: 15px !important;
}

.pr-16 {
  padding-left: 16px !important;
}

.pr-17 {
  padding-left: 17px !important;
}

.pr-18 {
  padding-left: 18px !important;
}

.pr-19 {
  padding-left: 19px !important;
}

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

.pr-21 {
  padding-left: 21px !important;
}

.pr-22 {
  padding-left: 22px !important;
}

.pr-23 {
  padding-left: 23px !important;
}

.pr-24 {
  padding-left: 24px !important;
}

.pr-25 {
  padding-left: 25px !important;
}

.pr-26 {
  padding-left: 26px !important;
}

.pr-27 {
  padding-left: 27px !important;
}

.pr-28 {
  padding-left: 28px !important;
}

.pr-29 {
  padding-left: 29px !important;
}

.pr-30 {
  padding-left: 30px !important;
}

.pr-31 {
  padding-left: 31px !important;
}

.pr-32 {
  padding-left: 32px !important;
}

.pr-33 {
  padding-left: 33px !important;
}

.pr-34 {
  padding-left: 34px !important;
}

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

.pr-36 {
  padding-left: 36px !important;
}

.pr-37 {
  padding-left: 37px !important;
}

.pr-38 {
  padding-left: 38px !important;
}

.pr-39 {
  padding-left: 39px !important;
}

.pr-40 {
  padding-left: 40px !important;
}

.pr-41 {
  padding-left: 41px !important;
}

.pr-42 {
  padding-left: 42px !important;
}

.pr-43 {
  padding-left: 43px !important;
}

.pr-44 {
  padding-left: 44px !important;
}

.pr-45 {
  padding-left: 45px !important;
}

.pr-46 {
  padding-left: 46px !important;
}

.pr-47 {
  padding-left: 47px !important;
}

.pr-48 {
  padding-left: 48px !important;
}

.pr-49 {
  padding-left: 49px !important;
}

.pr-50 {
  padding-left: 50px !important;
}

.pr-51 {
  padding-left: 51px !important;
}

.pr-52 {
  padding-left: 52px !important;
}

.pr-53 {
  padding-left: 53px !important;
}

.pr-54 {
  padding-left: 54px !important;
}

.pr-55 {
  padding-left: 55px !important;
}

.pr-56 {
  padding-left: 56px !important;
}

.pr-57 {
  padding-left: 57px !important;
}

.pr-58 {
  padding-left: 58px !important;
}

.pr-59 {
  padding-left: 59px !important;
}

.pr-60 {
  padding-left: 60px !important;
}

.pr-61 {
  padding-left: 61px !important;
}

.pr-62 {
  padding-left: 62px !important;
}

.pr-63 {
  padding-left: 63px !important;
}

.pr-64 {
  padding-left: 64px !important;
}

.pr-65 {
  padding-left: 65px !important;
}

.pr-66 {
  padding-left: 66px !important;
}

.pr-67 {
  padding-left: 67px !important;
}

.pr-68 {
  padding-left: 68px !important;
}

.pr-69 {
  padding-left: 69px !important;
}

.pr-70 {
  padding-left: 70px !important;
}

.pr-71 {
  padding-left: 71px !important;
}

.pr-72 {
  padding-left: 72px !important;
}

.pr-73 {
  padding-left: 73px !important;
}

.pr-74 {
  padding-left: 74px !important;
}

.pr-75 {
  padding-left: 75px !important;
}

.pr-76 {
  padding-left: 76px !important;
}

.pr-77 {
  padding-left: 77px !important;
}

.pr-78 {
  padding-left: 78px !important;
}

.pr-79 {
  padding-left: 79px !important;
}

.pr-80 {
  padding-left: 80px !important;
}

.pr-81 {
  padding-left: 81px !important;
}

.pr-82 {
  padding-left: 82px !important;
}

.pr-83 {
  padding-left: 83px !important;
}

.pr-84 {
  padding-left: 84px !important;
}

.pr-85 {
  padding-left: 85px !important;
}

.pr-86 {
  padding-left: 86px !important;
}

.pr-87 {
  padding-left: 87px !important;
}

.pr-88 {
  padding-left: 88px !important;
}

.pr-89 {
  padding-left: 89px !important;
}

.pr-90 {
  padding-left: 90px !important;
}

.pr-91 {
  padding-left: 91px !important;
}

.pr-92 {
  padding-left: 92px !important;
}

.pr-93 {
  padding-left: 93px !important;
}

.pr-94 {
  padding-left: 94px !important;
}

.pr-95 {
  padding-left: 95px !important;
}

.pr-96 {
  padding-left: 96px !important;
}

.pr-97 {
  padding-left: 97px !important;
}

.pr-98 {
  padding-left: 98px !important;
}

.pr-99 {
  padding-left: 99px !important;
}

.pr-100 {
  padding-left: 100px !important;
}

/* narender */

.ds-none ul li input {
  display: none !important;
}

.ds-none ul li span.remove i {
  display: none !important;
}

.ds-none .autocomplete-list {
  border: none !important;
}

.ds-border-none .autocomplete-list {
  border: none !important;
}

/* --- 16-12-2019 ---- */

.name-show {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin-top: 5px;
}

.name-show p {
  background: #a0a0a0;

  border-radius: 15px;

  padding: 3px 8px;

  margin-right: 5px;

  margin-bottom: 5px;

  color: #fff;

  opacity: inherit !important;
}

.image-section ul {
  list-style: none;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin: -5px -10px;
}

.image-section ul li {
  border-radius: 5px;

  height: 100px;

  width: 110px;

  box-shadow: 0px 1px 2px 0px #ccc;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 10px;

  margin-top: 10px;

  padding: 10px;
}

.image-section ul li img {
  height: 100%;
}

.ds-contact {
  box-shadow: 0px 3px 6px 0px #ccc;

  margin-top: 15px;
}

.ds-contact h1 {
  font-size: 12px;

  font-weight: 600;

  padding: 14px;

  padding-bottom: 10px;

  margin: 0px -7px 0px -8px;

  border-bottom: solid 1px #ccc;

  margin-bottom: 10px;
}

.ds-contact .cs-btn {
  width: 100%;

  color: #fff;

  margin-top: 29px;

  height: 30px;

  padding: 13px 10px;
}

.ds-contact .table {
  padding: 15px 7px 0px;
}

.summary-table table {
  width: 100%;
}

.summary-table table tr td {
  padding: 10px;

  border-bottom: 1px solid #ccc;
}

.summary-table table tr:last-child td {
  border-bottom: 0px;
}

.bill-images {
  width: 100%;

  min-height: auto;

  max-height: 400px;

  overflow: auto;

  margin-right: 10px;

  padding-right: 10px;
}

.bill-images ul li {
  display: inline-block;

  width: calc(50% - 5px);

  border: 1px solid #ccc;

  height: 160px;

  padding: 10px;

  background: #ffffff;

  margin-right: 10px;

  margin-bottom: 10px;
}

.bill-images ul li a img {
  width: 100%;

  height: 100%;
}

.bill-images ul li:nth-child(even) {
  margin-right: 0px;
}

.width215 {
  width: 215px !important;
}

.date-filter ul {
  display: flex;

  align-items: flex-end;
}

.date-filter ul li.filter-bg {
  background: #000000;

  border-radius: 6px;

  padding: 3px;
}

.date-filter ul li.filter-bg p {
  padding: 0px 2px;
}

.date-filter ul li {
  margin-right: 5px;
}

.date-filter ul li:last-child {
  margin-right: 0px;
}

.date-filter ul li p {
  font-size: 11px;

  color: #eaeaea;

  font-weight: 600;

  letter-spacing: 0.5px;
}

.date-filter input,
.date-filter md-select {
  width: 125px;

  border-radius: 6px;

  padding: 0px 5px;
}

a.go-btn {
  background: #08950d;

  font-size: 11px;

  height: 30px;

  display: flex;

  align-items: center;

  padding: 0px 10px;

  color: #fff;

  border-radius: 6px;

  transition: 0.5s;
}

a.go-btn:hover {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

  transition: 0.5s;
}

/* //--notification-css-start--// */

.top-nav {
  float: right;

  display: flex;

  margin-right: 15px;
}

.top-nav li {
  position: relative;
}

.top-nav li .notification-list {
  width: 400px;

  height: 0px;

  position: absolute;

  top: 35px;

  right: 0;

  z-index: 4;

  background: #fff;

  overflow: hidden;

  box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.5);

  -moz-transition: height 1s ease;

  -webkit-transition: height 1s ease;

  -o-transition: height 1s ease;

  transition: height 1s ease;
}

.top-nav li .notification-list .head {
  display: flex;

  align-items: flex-start;

  border-bottom: 2px solid #f44336;

  padding: 15px;
}

.top-nav li .notification-list .head p {
  font-size: 15px;

  font-weight: 600;

  letter-spacing: 1px;
}

.top-nav li .notification-list .head span.counter {
  margin-left: auto;

  width: 50px;

  height: 30px;

  background: #5cc011;

  text-align: center;

  line-height: 30px;

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  border-radius: 6px;
}

.top-nav li .notification-list .list {
  max-height: calc(100vh - 170px);

  min-height: 190px;

  overflow-y: auto;

  transition: height 0.5s;

  position: relative;
}

.top-nav li .notification-list .list .remove {
  position: absolute;

  top: 0px;

  z-index: 3;

  background: #fff;

  display: none;

  height: 100%;

  width: 100%;

  padding: 10px;

  transition: all 0.3s linear;
}

.top-nav li .notification-list .list .remove.active {
  display: block;
}

.top-nav li .notification-list .list .remove h1 {
  background: #f8f8f8;

  margin: -10px -10px 0px -10px;

  color: black;

  padding: 10px 15px;

  font-size: 15px;

  font-weight: 600;

  letter-spacing: 1px;

  position: relative;
}

.top-nav li .notification-list .list .remove h1 button {
  position: absolute;

  margin: -2px 0px 0px 0px;

  color: #ff0000;

  right: 5px;
}

.top-nav li .notification-list .list .remove textarea {
  height: 110px;

  margin-top: 10px;
}

.top-nav li .notification-list .list .remove .cs-btn {
  margin-top: 10px;
}

.top-nav li .notification-list .list ul li {
  padding: 15px 10px;

  display: flex;

  align-items: center;

  cursor: pointer;

  outline: none;
}

.top-nav li .notification-list .list ul li .cross_icon {
  position: absolute;

  right: 0px;

  height: 100%;

  background: #ffdcdc;

  width: 46px;

  color: #ff0000;

  transform: scale(0);

  transition: 0.3s linear;
}

.top-nav li .notification-list .list ul li:hover .cross_icon {
  transform: scale(1);
}

.top-nav li .notification-list .list ul li span.digit {
  height: 35px;

  min-width: 35px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 35px;

  font-weight: 600;

  border-radius: 100%;

  margin-right: 20px;
}

.top-nav li .notification-list .list ul li .in-content p:nth-child(1) {
  font-size: 13px;

  font-weight: 600;

  padding-right: 65px;
}

.top-nav
  li
  .notification-list
  .list
  ul
  li
  .in-content
  p:nth-child(1)
  span.new-msg {
  font-size: 10px;

  color: #fff;

  background: #f00;

  padding: 2px 4px;

  border-radius: 50px;

  margin-left: 5px;
}

.top-nav li .notification-list .list ul li .in-content p:nth-child(2) {
  font-size: 11px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  line-height: 16px;

  max-height: 50px;

  -webkit-line-clamp: 4;
}

.top-nav li .notification-list .list ul li span.cd-date {
  position: absolute;

  top: 15px;

  right: 10px;

  font-size: 11px;

  color: #5f5f5f;

  text-align: right;
}

.top-nav li .notification-list .list ul li:after {
  background: transparent;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 1) span.digit {
  background: #512da8;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 2) span.digit {
  background: #ec407a;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 3) span.digit {
  background: #0288d1;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 4) span.digit {
  background: #689f38;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 5) span.digit {
  background: #bed02f;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 6) span.digit {
  background: #e66d05;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 7) span.digit {
  background: #ef2020;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 8) span.digit {
  background: #a92aa5;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 9) span.digit {
  background: #80b305;
}

.top-nav li .notification-list .list ul li:nth-child(10n + 10) span.digit {
  background: #b3056d;
}

.top-nav li .notification-list .list ul li:hover {
  background: #e4e4e4;
}

.top-nav li a {
  position: relative;
}

.top-nav li a img {
  height: 20px;
}

.top-nav li a span.cs-noti {
  position: absolute;

  top: -5px;

  width: 20px;

  height: 20px;

  display: flex;

  background: #5cc011;

  align-items: center;

  justify-content: center;

  line-height: 20px;

  right: 11px;

  border-radius: 100%;

  color: #fff;

  font-size: 11px;

  font-weight: 600;
}

.top-nav li.mat-drop {
  padding-right: 15px;
}

.top-nav li.mat-drop button {
  font-size: 11px;

  color: #fff;
}

.top-nav li.mat-drop button img {
  width: 30px;

  height: 30px;

  border-radius: 50%;

  margin-right: 5px;
}

.top-nav li.mat-drop button:after {
  font-family: "Material Icons";

  content: "arrow_drop_down";

  font-size: 24px;

  position: absolute;
}

.top-nav li.master-btn {
  padding-left: 10px;
}

.top-nav li.master-btn button {
  font-size: 10px;

  text-transform: uppercase;

  height: 25px;

  line-height: 25px;

  padding: 0px 10px;

  letter-spacing: 2px;

  z-index: 2;

  margin-top: 6px;
}

.top-nav li:last-child():after {
  display: none;
}

.top-nav li.hov-noti.active .notification-list {
  height: auto;

  overflow: inherit;

  transition: height 0.5s;
}

.dropdown.cs-drop_box {
  margin-left: auto;

  outline: none;
}

.dropdown.cs-drop_box button {
  padding: 2px 6px;

  font-size: 13px;
}

.dropdown.cs-drop_box ul.dropdown-menu {
  left: inherit !important;

  right: 0 !important;
}

.dropdown.cs-drop_box button span.caret {
  margin-left: 10px;
}

.cs-column {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px;
}

.ds-select {
  margin-left: auto;
}

.ds-select select {
  min-width: 120px;
}

label.cs-check-condition {
  margin-bottom: 0px;

  font-size: 11px;

  display: flex;

  align-items: center;

  padding: 10px 0px 0px 0px;

  font-weight: normal;

  cursor: pointer;
}

label.cs-check-condition input {
  margin-top: 0px;

  margin-right: 5px;

  width: 16px;

  height: 16px;
}

button.coman-btn {
  /* height: 30px; */

  padding: 6px 10px;

  background: #24a95a;

  font-size: 11px;

  margin-right: 10px;

  color: white;
}

button.coman-btn:last-child {
  margin-right: 0px;
}

button.coman-btn:hover {
  background: #000000;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

.cs-check-list label {
  display: flex;

  border-bottom: 1px solid #cccccc;

  padding-bottom: 10px;

  margin-bottom: 10px;

  font-size: 11px;

  font-weight: normal;

  align-items: center;
}

.cs-check-list label input {
  margin-right: 10px;

  margin-top: 0px;

  height: 15px;

  width: 15px;
}

.cs-check-list label:nth-child(2) {
  border-bottom: 0px;

  margin-bottom: 0px;
}

.no-padding {
  padding: 0px !important;
}

.one-line-text {
  white-space: nowrap !important;

  text-overflow: ellipsis !important;

  overflow: hidden !important;

  display: block !important;
}

.horizontal table {
  min-width: 1024px;

  table-layout: fixed;

  border-collapse: collapse;

  box-sizing: border-box;
}

.horizontal table tr th.first-head {
  padding: 0px;

  position: sticky;

  top: 0;

  left: 0;

  z-index: 3;
}

.horizontal table tr th .table-head {
  padding: 0px 10px;

  background: #f1f1f1;

  position: relative;
}

.horizontal table tr th .table-head:after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 15px;

  height: 1px;

  background: rgba(0, 0, 0, 0.1);
}

.horizontal table tr th .table-head table tr th {
  border-right: 1px solid rgba(0, 0, 0, 0.1);

  padding: 10px 5px;

  font-size: 11px;

  text-transform: capitalize;

  font-weight: 500;

  color: #000;

  position: relative;

  background: #f5f5f5;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.horizontal table tr th .table-head.bg-head,
.horizontal table tr th .table-head.bg-head table tr th,
.horizontal table tr th .table-head.bg-head table tr th.sticky-th:after {
  background: #90caf9;
}

.horizontal table tr th .table-head.bg-head:after {
  background: rgba(0, 0, 0, 0.5);
}

.horizontal table tr th .table-head.bg-head table tr th {
  border-color: rgba(0, 0, 0, 0.5);
}

.horizontal table tr th .table-head table tr th table tr th {
  border-bottom: 0px;
}

.horizontal table tr th .table-head table tr th:last-child {
  border-right: 0px;
}

.horizontal table tr th .table-head:first-child {
  border-top: 0px;
}

.horizontal table tr th .table-head:last-child table tr th {
  border-top: 1px solid #dddddd;
}

.horizontal table tr th .table-head:last-child table tr th table tr th {
  border-top: 0px;
}

.horizontal table tr th table {
  min-width: inherit;
}

.horizontal table tr td {
  padding: 10px;
}

.horizontal table tr td .table-body {
  width: 100%;

  border-radius: 8px;
}

.horizontal table tr td .table-body table tr td {
  border: 1px solid #dddddd;

  padding: 10px 5px;

  font-size: 11px;

  font-weight: normal;

  color: #383737;

  background: #ffffff;

  position: relative;
}

.horizontal table tr td .table-body table tr td table {
  min-width: 100%;
}

.horizontal table tr td .table-body table tr td table tr td:first-child {
  border-left: 0px;
}

.horizontal table tr td .table-body table tr td table tr td:last-child {
  border-right: 0px;
}

.horizontal table tr td .table-body table tr td table tr:first-child td {
  border-top: 0px;
}

.horizontal table tr td .table-body table tr td table tr:last-child td {
  border-bottom: 0px;
}

.horizontal table tr td .table-body table tr:hover td .action-btns {
  opacity: 1;
}

.horizontal table tr td .table-body table tr:hover td .action-btns button,
.horizontal table tr td .table-body table tr:hover td .action-btns a {
  opacity: 1;
}

.horizontal table tr td .table-body table tr:hover td .action-btns i {
  font-size: 20px;

  margin-right: 5px;
}

.horizontal .page-scroll {
  height: calc(100vh - 180px);

  overflow: auto;
}

.horizontal .page-scroll table tr th.first-head {
  position: sticky;

  top: 0px;

  right: 0px;

  z-index: 3;
}

.horizontal .sticky-th {
  position: sticky !important;

  left: 10px;

  z-index: 7;

  border-right: 0px !important;
}

.horizontal .sticky-th:after {
  content: "";

  position: absolute;

  background: #f1f1f1;

  height: 100%;

  width: 17px;

  top: -1px;

  left: -17px;

  border-top: 1px solid #dddddd;
}

.horizontal .sticky-td {
  position: sticky !important;

  left: 10px;

  z-index: 2;

  border-right: 0px !important;
}

.horizontal .sticky-td:after {
  content: "";

  position: absolute;

  width: 17px;

  top: -1px;

  left: -17px;

  height: 110%;

  background: #ffffff;

  border: 1px solid #ffffff;

  border-right: 1px solid #ddd;
}

.horizontal table tr td .table-body table tr.focus-tr:focus-within td {
  background: #f3f3f3;
}

span.counter-bg {
  width: calc(100% - 10px);

  height: calc(100% - 10px);

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  color: #000000;
}

span.lg-green {
  background: #a5d6a7;
}

span.lg-purple {
  background: #b39ddb;
}

span.lg-tin {
  background: #80cbc4;
}

span.lg-blue {
  background: #81d4fa;
}

span.lg-yellow {
  background: #dce775;
}

span.lg-orange {
  background: #ffe082;
}

span.lg-red {
  background: #ffab91;
}

.seprate-loading {
  height: 100%;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.cs-editor {
  padding: 10px;
}

.cs-editor trix-editor {
  min-height: 204px;

  max-height: 400px;

  overflow: auto;
}

.cs-editor trix-editor ul,
.cs-editor trix-editor ul li {
  list-style: inside;
}

.abacus-connect {
  align-items: center;
}

.abacus-connect button {
  background: #fff;

  display: flex;

  align-items: center;

  padding: 3px 10px;

  border-radius: 4px;

  padding-right: 15px;

  outline: none;

  border: 0px;

  /* box-shadow: 0px 1px 5px 0px #ccc; */
}

.abacus-connect button img {
  height: 19px;

  margin-right: 10px;
}

.abacus-connect button p {
  color: #f09e18;

  font-weight: 600;

  font-size: 13px;

  line-height: 20px;
}

.abacus-connect button span {
  position: absolute;

  top: 2px;

  right: -7px;

  background: #ff0000;

  color: #fff;

  font-size: 11px;

  width: 20px;

  height: 20px;

  border-radius: 20px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.connect-alignment ul {
  display: flex;

  align-items: center;

  justify-content: flex-end;

  position: relative;
}

.connect-alignment ul li {
  margin-right: 25px;

  position: relative;

  display: flex !important;

  align-items: center !important;

  height: 100%;
}

.connect-alignment ul li:hover {
  background: none !important;

  border-bottom: 1px !important;
}

.connect-alignment ul li:last-child {
  margin-right: 0px;
}

.connect-alignment ul li:after {
  content: "";

  position: absolute;

  top: 50%;

  right: -12px;

  height: 25px;

  width: 1px;

  background: #d6d6d6;

  transform: translateY(-50%);
}

.connect-alignment ul li:last-child:after {
  display: none;
}

a.icon-change {
  left: inherit !important;

  right: 0px !important;

  padding: 11px !important;

  background: #ff0000 !important;

  color: #fff !important;

  width: 20px !important;

  height: 20px !important;

  border-radius: 5px !important;
}

a.icon-change i {
  color: #fff !important;

  font-size: 17px !important;
}

/* Trvel & Expense Css */

/* travel & expense modules css */

.ancor-del {
  color: #ff0000 !important;

  text-decoration: underline;

  font-size: 11px;
}

.ancor-del.green-clr {
  color: #00a60c !important;
}

.input-check input[type="checkbox"] {
  width: 15px;

  height: 15px;

  margin-top: 0px;
}

.input-check input[type="text"],
.input-check input[type="number"] {
  width: calc(100% - 10px);

  text-align: left;

  height: 20px;

  background: #f1f1f1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.warning-alert {
  display: flex;

  align-items: center;

  height: 35px;

  margin-top: 25px;
}

.warning-alert i {
  font-size: 16px;

  line-height: 16px;

  color: #ff0000;
}

.warning-alert p {
  margin: 0px 10px 0px 5px;

  color: #ff0000;

  font-size: 12px;
}

.warning-alert a {
  font-size: 11px;

  color: #0022c7;
}

.form-column {
  border: 1px solid #ccc;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;
}

.form-column .name {
  background: #daf5f2;

  min-width: max-content;

  height: 30px;

  padding: 0px 10px;

  line-height: 30px;

  font-size: 11px;

  font-weight: 600;
}

.form-column .name span {
  color: #ff0000;
}

.form-column .check-radio {
  padding: 0px 10px;

  margin-top: 3px;
}

.form-column .check-radio label {
  margin-bottom: 0px;

  font-size: 11px;

  display: inline-flex;

  line-height: 15px;

  width: 130px;

  font-weight: 100;

  font-size: 11px;
}

.form-column .check-radio label input[type="radio"],
.form-column .check-radio label input[type="checkbox"] {
  margin: 0px 5px 0px 0px;
}

.underline-heading {
  display: block;
}

.underline-heading h2 {
  display: flex;

  font-size: 12px;

  line-height: 12px;

  text-transform: uppercase;

  letter-spacing: 0.3px;

  font-weight: 600;
}

.underline-heading h2 a {
  color: #3f00ff;

  text-transform: capitalize;

  font-style: initial;

  margin-left: 5px;

  text-decoration: underline;

  margin-left: auto;
}

.status-ac strong.green-clr {
  color: #27ab00 !important;
}

.status-ac strong.yellow-clr {
  color: #ff9200 !important;
}

.status-ac strong.red-clr {
  color: #ff0000 !important;
}

.status-ac strong.sky-clr {
  color: #30c4fd !important;
}

.status-action {
  display: flex;

  line-height: 0px;

  align-items: center;

  justify-content: center;

  line-height: 0px;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);
}

.status-action.fix-top-right {
  top: 10px;

  right: 10px;

  transform: inherit;

  z-index: 1;
}

.status-action a,
.status-action button {
  width: 25px;

  height: 25px;

  border: 2px solid rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 0px;

  overflow: hidden;

  padding: 2px;

  border-radius: 6px;

  background: #ffffff;

  cursor: pointer;
}

.status-action a i,
.status-action button i {
  font-size: 16px;

  line-height: 23px;
}

.status-action a.ac-red,
.status-action button.ac-red,
.status-action a.ac-reject,
.status-action button.ac-reject {
  border-color: #de0000 !important;
}

.status-action a.ac-red i,
.status-action button.ac-red i,
.status-action a.ac-reject i,
.status-action button.ac-reject i {
  color: #de0000 !important;
}

.status-action a.ac-green,
.status-action button.ac-green,
.status-action a.ac-approved,
.status-action button.ac-approved {
  border-color: #27ab00 !important;
}

.status-action a.ac-green i,
.status-action button.ac-green i,
.status-action a.ac-approved i,
.status-action button.ac-approved i {
  color: #27ab00 !important;
}

.status-action a.ac-yellow,
.status-action button.ac-yellow,
.status-action a.ac-pending,
.status-action button.ac-pending {
  border-color: #ff9200 !important;
}

.status-action a.ac-yellow i,
.status-action button.ac-yellow i,
.status-action a.ac-pending i,
.status-action button.ac-pending i {
  color: #ff9200 !important;
}

.status-action a.ac-sky,
.status-action button.ac-sky,
.status-action a.ac-shipped,
.status-action button.ac-shipped {
  border-color: #30c4fd !important;
}

.status-action a.ac-sky i,
.status-action button.ac-sky i,
.status-action a.ac-shipped i,
.status-action button.ac-shipped i {
  color: #30c4fd !important;
}

.status-action a.ac-grey,
.status-action button.ac-grey {
  border-color: #848484 !important;
}

.status-action a.ac-grey i,
.status-action button.ac-grey i {
  color: #848484 !important;
}

.chips-value {
  display: inline-flex;
}

.chips-value span {
  background: #ddfcffcc;

  padding: 0px 5px;

  border-radius: 6px;

  margin-right: 5px;

  display: flex;

  align-items: center;
}

.cs-detail {
  padding: 10px;

  display: grid;

  grid-template-columns: auto;

  grid-column-gap: 10px;

  grid-row-gap: 10px;
}

.cs-detail.three-column {
  grid-template-columns: auto auto auto;
}

.cs-detail .column {
  background: #f4f5f8;

  border: 2px solid #f4f5f8;

  padding: 5px;
}

.cs-detail .column span {
  font-size: 11px;

  font-weight: 600;

  line-height: 16px;
}

.cs-detail .column p {
  font-size: 11px;

  margin: 0px;

  line-height: 20px;
}

.bg-secation {
  padding: 0px 10px;

  background: #daf5f2;

  border-radius: 10px;

  margin-bottom: 20px;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  justify-items: flex-end;

  min-height: 70px;

  position: relative;
}

.profile-detail {
  display: flex;

  position: relative;
}

.profile-detail .detail-box {
  padding-right: 10px;

  padding-left: 10px;

  position: relative;
}

.profile-detail .detail-box:first-child {
  padding-left: 0px;
}

.profile-detail .detail-box p {
  font-size: 11px;
}

.profile-detail .detail-box span {
  font-size: 11px;

  font-weight: 600;
}

.profile-detail .detail-box:after {
  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 2px;

  height: 70%;

  background: rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);
}

.profile-detail .detail-box:last-child:after {
  display: none;
}

.left-auto {
  margin-left: auto;
}

.source {
  margin-right: 10px;

  position: relative;

  border: 1px solid transparent;

  padding: 10px 60px 10px 10px;
}

.source:last-child {
  margin-right: 0px;
}

.source span {
  font-weight: 600;
}

.source span,
.source p {
  text-transform: capitalize;

  font-size: 11px;
}

.source.green-bg {
  background: #00a60c !important;

  color: #ffffff !important;
}

.source.yellow-bg {
  background: #ef9b11 !important;

  color: #ffffff !important;
}

.source.transparent {
  background: transparent !important;

  border: #989aa2 1px solid !important;
}

.dflex {
  display: flex;
}

a.text-btn {
  width: 100%;

  font-size: 12px;

  text-align: center;

  background: #00a60c;

  color: #ffffff !important;

  outline: none;

  display: block;

  padding: 4px;

  cursor: pointer;
}

/* Accordion css */

.panel-group {
  margin-bottom: 10px !important;
}

.panel-group .panel {
  border-radius: 0;

  box-shadow: none;

  border-color: #a5a5a5;
}

.panel-default > .panel-heading {
  padding: 0;

  border-radius: 0;

  color: #212121;

  background-color: #f5f5f5;

  border-color: #eeeeee;
}

.panel-title {
  font-size: 11px;

  font-weight: 600;
}

.panel-title button.del-btn,
.panel-title span.del-btn {
  position: absolute;

  top: 50%;

  right: 5px;

  transform: translateY(-50%);

  background: #f5f5f5;

  opacity: 0;

  visibility: hidden;

  transition: 0.6s;
}

.panel-title button.del-btn i,
.panel-title span.del-btn i {
  font-size: 20px;

  color: #ff0000;
}

.panel-title:hover button.del-btn,
.panel-title:hover span.del-btn {
  opacity: 1;

  visibility: visible;
}

.panel-heading label.check-action {
  position: absolute;

  top: 50%;

  left: 10px;

  transform: translateY(-50%);

  margin: 0px;
}

.panel-heading label.check-action input {
  margin-top: 0px;

  width: 12px;

  height: 12px;

  cursor: pointer;
}

.panel-title > a {
  display: block;

  padding: 10px;

  text-decoration: none;
}

.more-less {
  float: right;

  color: #212121;
}

.panel-body {
  padding: 10px 0px !important;
}

.panel-body.pt0 {
  padding-top: 0px !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eeeeee;
}

.panel-default > .panel-heading {
  background-image: inherit !important;

  position: relative;
}

a.add-item {
  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

  font-size: 12px;

  background: #4ea711;

  display: block;

  padding: 5px;

  color: #ffffff;

  line-height: 22px;

  letter-spacing: 0.3px;
}

.cursor-text {
  cursor: text !important;
}

/* ----- v CAN BE DELETED v ----- */

.cs-collapse {
  width: 100%;

  padding: 0px;
}

.panel-group .panel + .panel {
  margin-top: 10px !important;
}

.cs-form-box {
  margin-bottom: 10px;

  border: 1px solid #989aa2;

  background: #f4f5f8;

  padding: 0px 10px 10px;

  position: relative;
}

label.floating-heading {
  font-size: 12px;

  background: transparent;

  text-transform: capitalize;

  margin-bottom: 0px;

  width: 100%;

  padding: 10px 10px 0px 10px;
}

.panel-title > a.active i:before {
  content: "\f068";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;
}

.cs-collapse pre {
  white-space: normal;
}

.map-view #map {
  width: 100%;

  height: 100%;
}

.w155 {
  width: 155px !important;
}

.filter-data {
  position: absolute;

  top: 50%;

  right: 0;

  display: flex;

  flex-direction: column;

  transform: translateY(-50%);

  /* height: 100%; */
}

.filter-data a.filter-btn,
.filter-data button.filter-btn {
  display: block;

  border: 0px;

  background: transparent;
}

.filter-data a.filter-btn i,
.filter-data button.filter-btn i {
  font-size: 22px;

  line-height: 14px;
}

span.chips-code {
  background: #f9f9f9;

  padding: 2px 4px;

  border-radius: 20px;

  font-size: 11px;

  border: 1px solid #ccc;
}

a.download-btn {
  display: inline-flex;

  align-items: center;

  background: #f2f2f2;

  padding: 0px 8px;

  color: #000 !important;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 6px;
}

a.download-btn:hover {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

  transition: 0.4s;
}

a.download-btn i {
  font-size: 20px;

  margin-left: 10px;
}

/* .multiselect-items {

  border: 1px solid #ccc;

  padding: 8px;

  margin-top: -2px;

}



.multiselect-items:focus

{

  border: 1px solid rgb(28, 170, 85);

  box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3);

} */

.cs-multiselect.multiselect-items
  multiple-autocomplete
  .form-item-container
  .list-inline
  li:last-child
  input {
  min-height: 30px;

  border-radius: 0px;

  margin-top: -1px;

  height: inherit;

  margin: 0px;

  padding: 0px 5px;
}

.cs-multiselect.multiselect-items
  multiple-autocomplete
  .form-item-container
  .list-inline
  li:last-child
  input:focus {
  border: 1px solid rgb(28, 170, 85) !important;

  box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3) !important;
}

.cs-multiselect.multiselect-items ul.list-inline li {
  margin: 8px 0;
}

.cs-multiselect.multiselect-items ul.list-inline li:last-child {
  margin: 0px;

  margin-top: 1px;
}

.cs-multiselect.multiselect-items .autocomplete-list {
  border: 0px;
}

label.select-items {
  display: flex;

  cursor: pointer;
}

label.select-items p {
  font-size: 11px;

  color: #0053bd;

  text-decoration: underline;

  margin-right: 10px;
}

label.select-items p:last-child {
  margin-right: 0px;
}

label.select-items p {
  font-size: 11px;
}

.img-upload {
  display: flex;

  align-items: center;
}

.img-upload label {
  margin-top: 0px !important;
}

.img-upload label ul {
  list-style: none;

  display: flex;

  align-items: center;
}

.img-upload label ul li {
  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  width: 90px;

  height: 90px;

  box-shadow: 0px 2px 3px 0px #ccc;
}

.img-upload label ul li:last-child {
  margin-right: 0px !important;
}

.img-upload label ul li.cs-upload {
  background: #f2f2f2;

  border: solid 1px #cccccc;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px !important;

  flex-direction: column;

  width: 90px !important;

  height: 90px !important;

  cursor: pointer;
}

.img-upload label ul li.cs-upload p {
  font-size: 12px;

  font-weight: 600;
}

.img-upload label ul li.cs-upload i {
  font-size: 24px;
}

.img-upload ul {
  display: flex;
}

.img-upload ul li.cs-uploaded {
  list-style: none;

  display: flex;

  align-items: center;
}

.img-upload ul li.cs-uploaded:last-child {
  margin-right: 0px;
}

.img-upload ul li.cs-uploaded {
  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  width: 90px !important;

  height: 90px !important;

  box-shadow: 0px 2px 3px 0px #ccc !important;
}

.img-upload ul li.cs-uploaded {
  position: relative;

  overflow: hidden;
}

/*

.img-upload ul li.cs-uploaded div

{

  width: 100%;

  height: 100%;

} */

.img-upload ul li.cs-uploaded div img {
  width: 100%;

  background: #1d9200;

  padding: 20px;
}

.img-upload ul li.cs-uploaded div img.flat {
  padding: 0px;

  background: transparent;

  height: 100%;
}

a.zoom-in {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) scale(0, 0);

  background: #fff;

  border-radius: 20px;

  width: 25px;

  height: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;
}

a.zoom-in i {
  font-size: 22px;

  color: #434343;
}

.delete-ac {
  position: absolute;

  top: 0px;

  right: -30px;

  background: #ff0000;

  border-radius: 10px 20px 10px 10px;

  padding: 3px;

  transition: 0s;

  cursor: pointer;
}

.delete-ac i {
  font-size: 15px;

  color: #fff;
}

.img-upload ul li.cs-uploaded:hover a.zoom-in {
  transform: translate(-50%, -50%) scale(1, 1);
}

.img-upload ul li.cs-uploaded:hover .delete-ac {
  right: 0px;

  transition: 0.5s;
}

.map-secation {
  text-align: center;
}

.map-secation button {
  display: flex;

  align-items: center;

  margin: auto;

  font-size: 12px;

  padding: 5px 10px;

  background: #51aa5b;

  color: #fff;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
}

.map-secation button.bg-red {
  background: #c10909;
}

.map-secation button i {
  font-size: 20px;

  margin-right: 5px;

  color: rgba(0, 0, 0, 0.4);
}

.map-secation .map-view {
  width: 100%;

  height: 250px;

  margin-top: 10px;

  display: none;
}

.map-secation.active .map-view {
  display: block;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.cs-check {
  display: flex;

  align-items: center;

  margin-bottom: 15px;
}

.cs-check label {
  font-size: 12px;

  width: 100%;

  margin-bottom: 0px;

  font-weight: 500;

  cursor: pointer;

  display: flex;

  align-items: center;
}

.cs-check label input {
  width: 14px;

  height: 15px;

  margin: 0px;

  margin-right: 8px;
}

.cs-row {
  display: grid;

  align-items: center;

  grid-template-columns: 120px auto 90px auto 75px;

  grid-column-gap: 14px;

  margin-bottom: 15px;
}

.cs-row.auto-column {
  grid-template-columns: auto auto auto auto 75px;

  align-items: flex-end;
}

.cs-row:last-child {
  margin-bottom: 0px;
}

.cs-row label {
  font-weight: 400;
}

.cs-row.auto-column {
  grid-template-columns: auto auto auto auto 75px;

  align-items: flex-end;
}

.cs-row:last-child {
  margin-bottom: 0px;
}

.cs-row label {
  font-weight: 400;
}

.cs-row input.cs-btn {
  background: #24a95a;

  color: #ffffff;

  cursor: pointer;

  font-weight: 600;
}

.as-dtl_fix {
  position: absolute;

  top: 50%;

  right: 5px;

  transform: translateY(-50%);
}

/* //--notification-css-start--// */

.cs-row input.cs-btn {
  background: #24a95a;

  color: #ffffff;

  cursor: pointer;

  font-weight: 600;
}

/* //--notification-css-start--// */

a.search-input {
  display: flex;

  align-items: center;

  height: 24px;

  font-weight: 400;

  font-size: 12px;

  border: 1px solid #a2a2a2;

  padding: 0px 2px;

  background: #ffffff;
}

a.search-input::focus {
  border: 1px solid rgb(28, 170, 85) !important;

  box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3) !important;
}

a.search-input i {
  font-size: 16px;

  margin-right: 5px;
}

.pop-up-filter {
  width: 150px;

  background: #f9f9f9;

  border: 1px solid #cccccc;

  padding: 5px;

  position: absolute;

  top: 2px;

  left: 2px;

  z-index: 4;

  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);

  transform: scale(0, 0);

  transition: 0.5s all;
}

.pop-up-filter.active {
  transform: scale(1, 1);
}

.pop-up-filter .radio-btn {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.pop-up-filter .radio-btn label {
  font-size: 15px;

  border: 1px solid #cccccc;

  padding: 5px 12px 5px 8px;

  display: flex;

  align-items: center;

  margin-bottom: 0px;

  background: #ffffff;

  cursor: pointer;
}

.pop-up-filter .radio-btn label input {
  margin: 0px 5px 0px 0px;
}

.pop-up-filter .radio-btn label span {
  line-height: 0px;
}

.pop-up-filter .radio-btn label span i {
  font-size: 20px;

  line-height: 10px;

  position: relative;

  color: #000000;
}

.pop-up-filter .radio-btn label span i:after {
  content: "";

  content: "";

  position: absolute;

  top: 3px;

  left: 15px;

  width: 10px;

  height: 1px;

  background: #000000;
}

.pop-up-filter .radio-btn label span i:before {
  content: "";

  content: "";

  position: absolute;

  top: 7px;

  left: 15px;

  width: 10px;

  height: 1px;

  background: #000000;
}

.pop-up-filter a.close-radio i {
  font-size: 18px;
}

.pop-up-filter a.close-radio {
  position: absolute;

  top: -10px;

  right: -10px;

  color: #ff0000;
}

/* SFA Dashboard */

a.sm-counter-in {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);

  position: relative;

  height: 70px;

  margin-bottom: 16px;

  border-radius: 6px;

  display: flex;

  align-items: center;
}

a.sm-counter-in .cs-img {
  width: 70px;

  height: 100%;

  background: #919191;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 6px 0px 0px 6px;
}

a.sm-counter-in .cs-img img {
  height: 25px;
}

a.sm-counter-in .cs-count {
  padding-right: 10px;

  padding-left: 85px;

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  justify-content: center;
}

a.sm-counter-in .cs-count h2 {
  font-size: 15px;

  font-weight: 600;
}

a.sm-counter-in .cs-count p {
  font-size: 13px;

  line-height: 17px;

  color: #919191;
}

a.sm-counter-in .cs-count .side-info {
  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);
}

a.sm-counter-in .cs-count .side-info:after {
  content: "";

  background: #cccccc;

  width: 2px;

  height: 25px;

  border-radius: 10px;

  position: absolute;

  top: 50%;

  left: -10px;

  transform: translateY(-50%);
}

a.sm-counter-in .cs-count .side-info .add_info {
  display: flex;

  align-items: center;
}

a.sm-counter-in .cs-count .side-info .add_info h2 {
  font-size: 13px;

  font-weight: 600;
}

a.sm-counter-in .cs-count .side-info .add_info p {
  font-size: 11px;

  line-height: 19px;

  color: #919191;

  margin-left: 7px;
}

/* a.sm-counter-in:nth-child(1) .cs-img {background: #B71C1C;} */

a.sm-counter-in:nth-child(1) .cs-img {
  background: #c62828;
}

a.sm-counter-in:nth-child(2) .cs-img {
  background: #d32f2f;
}

a.sm-counter-in:nth-child(3) .cs-img {
  background: #e53935;
}

a.sm-counter-in:nth-child(4) .cs-img {
  background: #f44336;
}

.ds-sm-tab {
  margin-left: auto;
}

.ds-sm-tab a {
  font-size: 12px;

  padding: 2px 10px;

  display: table-cell;

  background: #fff;

  color: #000000;

  position: relative;

  transition: 0.8s all;
}

.ds-sm-tab a:after {
  content: "";

  position: absolute;

  top: 50%;

  right: 0px;

  width: 1px;

  height: 100%;

  background: #000000;

  transform: translateY(-50%);
}

.ds-sm-tab a:last-child:after {
  background: transparent;
}

.ds-sm-tab a:hover,
.ds-sm-tab a.active {
  background: #000000;

  color: #fff;
}

.ds-sm-tab a:first-child {
  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;
}

.ds-sm-tab a:last-child {
  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;
}

.image-sc {
  padding: 15px 5px;
}

.pdf-image {
  width: 120px;

  height: 120px;

  margin: 10px 5px;
}

.image-sc .pdf-image img {
  object-fit: cover;
}

.image-view {
  /* height: 200px; */

  overflow: auto;

  margin: 10px;

  min-height: auto;

  text-align: center;

  max-height: 200px;

  display: flex;

  justify-content: center;
}

.image-view .multi {
  display: flex;

  align-items: center;

  position: relative;

  margin: 0px 5px;

  overflow: hidden;
}

.image-view .multi a {
  border-radius: 4px;

  border: 1px solid #e8e8e8;

  overflow: hidden;

  width: 134px;

  height: 170px;
}

.image-view img {
  height: 100%;
}

.image-view.five-image {
  flex-wrap: wrap;

  justify-content: inherit;
}

.image-view.five-image .multi {
  margin: 5px;
}

.image-view.five-image .multi a {
  width: 152px;

  height: 142px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.image-view .multi button.delete-images {
  position: absolute;

  top: 4px;

  right: -20px;

  background: #ff0000;

  border-radius: 4px;

  transition: 0.5s;
}

.image-view .multi button.delete-images i {
  color: #fff;

  font-size: 18px;
}

.image-view .multi:hover button.delete-images {
  right: 5px;

  transition: 0.5s;
}

.sugest-content {
  padding: 10px 6px 20px 6px;

  font-size: 14px;

  color: #000000;
}

.sugest-content ul li {
  display: flex;

  align-items: center;

  padding: 8px 0px;
}

.sugest-content ul li label {
  line-height: 0px;

  margin-left: 8px;

  font-size: 12px;
}

.sugest-content ul li label,
.sugest-content ul li input {
  margin-top: 0px;
}

.footer-btn-group {
  border-top: 1px solid #ccc;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-column-gap: 10px;

  grid-row-gap: 10px;

  padding: 10px 10px 0px 10px;
}

.footer-btn-group.single {
  grid-template-columns: 1fr;
}

.footer-btn-group a.red-btn,
.footer-btn-group button.red-btn {
  background: #e0050f;

  border-color: #e0050f;
}

a.cs-btns-group {
  margin-left: auto;

  background: #000000;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px 10px;

  font-size: 13px;

  color: #ffffff;

  border-radius: 6px;

  border: 2px solid #ffffff;

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3),
    0px -3px 6px 0px rgba(0, 0, 0, 0.3);
}

a.cs-btns-group i {
  font-size: 20px;

  line-height: 20px;

  width: 20px;

  margin-right: 10px;
}

a.cs-btns-group:hover {
  background: #fff;

  color: #000000;

  border-color: #000000;
}

/* 10/29/2020 */

.relative {
  position: relative;
}

.pr130 {
  padding-right: 130px !important;
}

.pr122 {
  padding-right: 122px !important;
}

button.que-btn,
a.que-btn {
  position: absolute;

  bottom: 0;

  right: 0px;

  background: #51aa5b;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  padding: 0px 10px;

  height: 30px;
}

button.que-btn i,
a.que-btn i {
  font-size: 20px;

  margin-left: 10px;
}

button.que-btn i.rotate-icons,
a.que-btn i.rotate-icons {
  transform: rotate(-90deg);

  margin-top: 4px;

  margin-left: 6px;
}

.survey-ans ol {
  margin-left: 70px;

  margin-bottom: 0px;

  margin-top: 10px;

  position: relative;
}

.survey-ans ol:after {
  content: "Answer:";

  position: absolute;

  top: 0;

  left: -70px;

  font-size: 12px;

  color: #51aa5b;

  font-weight: 600;

  text-decoration: underline;
}

.survey-ans ol li {
  list-style: inherit;

  font-size: 11px;

  line-height: 18px;

  margin-bottom: 10px;

  position: relative;
}

.survey-ans ol li:last-child {
  margin-bottom: 0px;
}

.survey-ans ol li a {
  position: absolute;

  top: 0;

  right: 0px;

  font-size: 20px;

  background: #ffffff;

  opacity: 0;

  visibility: hidden;

  transition: 0.2s;
}

.survey-ans ol li a i {
  font-size: 20px;

  color: #ff0000;

  transition: 0.2s;
}

.survey-ans ol li:hover a {
  opacity: 1;

  visibility: visible;

  display: flex;

  align-items: center;
}

.survey-ans ol li:hover a p {
  font-size: 12px;
}

.survey-ans ol li:hover a.delete {
}

.survey-ans ol li:hover a.delete i {
  margin-right: 5px;
}

.survey-ans ol li:hover a.delete p {
  color: red;
}

.survey-ans ol li:hover a.view {
  margin-right: 65px;
}

.survey-ans ol li:hover a.view i {
  margin-right: 5px;

  color: #0ed6f7;
}

.survey-ans ol li:hover a.view p {
  color: #0ed6f7;

  font-weight: 500;
}

.survey-ans ol li a:hover i {
  transform: scale(1.2);
}

.survey-reply ol li {
  list-style: inherit;
}

.survey-reply {
  background: #cfffd4;

  padding: 5px 0px;

  margin-top: 10px;

  border: 1.5px #000000 dotted;
}

.survey-reply p {
  padding: 0px 0px 5px 10px;

  font-size: 12px !important;

  color: #000000;

  font-weight: 600;
}

.survey-reply ol {
  display: flex;

  flex-wrap: wrap;

  margin-bottom: 0px;
}

.survey-reply ol li {
  margin-left: 25px;

  font-size: 12px;

  font-weight: 600;
}

.survey-reply ol li::marker {
  color: #ff0000;
}

.cmn-toggle {
  position: absolute;

  margin-left: -9999px;

  visibility: hidden;
}

.cmn-toggle + label {
  display: block;

  position: relative;

  cursor: pointer;

  outline: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;

  width: 100%;

  height: 25px;

  margin-bottom: 0px;

  background-color: #dedede;

  -webkit-border-radius: 60px;

  -moz-border-radius: 60px;

  -ms-border-radius: 60px;

  -o-border-radius: 60px;

  border-radius: 60px;

  -webkit-transition: background 0.4s;

  -moz-transition: background 0.4s;

  -o-transition: background 0.4s;

  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;

  position: absolute;

  content: "";
}

input.cmn-toggle-round-flat + label:before {
  top: 2px;

  left: 2px;

  bottom: 2px;

  right: 2px;

  background-color: #fff;

  -webkit-border-radius: 60px;

  -moz-border-radius: 60px;

  -ms-border-radius: 60px;

  -o-border-radius: 60px;

  border-radius: 60px;

  -webkit-transition: background 0.4s;

  -moz-transition: background 0.4s;

  -o-transition: background 0.4s;

  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after {
  top: 4px;

  left: 4px;

  bottom: 0;

  width: 17px;

  height: 17px;

  background-color: #dedede;

  -webkit-border-radius: 52px;

  -moz-border-radius: 52px;

  -ms-border-radius: 52px;

  -o-border-radius: 52px;

  border-radius: 52px;

  -webkit-transition: margin 0.4s, background 0.4s;

  -moz-transition: margin 0.4s, background 0.4s;

  -o-transition: margin 0.4s, background 0.4s;

  transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked + label {
  background-color: #51aa5b;
}

input.cmn-toggle-round-flat:checked + label:after {
  margin-left: calc(100% - 26px);

  background-color: #51aa5b;
}

.fab-checkbox {
  display: none;
}

.fab {
  position: absolute;

  bottom: 0px;

  right: 10px;

  border-radius: 100% !important;

  width: 40px;

  min-width: 40px;

  height: 40px;

  background: #51aa5b !important;

  border-radius: 50%;

  background: #126ee2;

  box-shadow: 0px 1px 16px #dcdcdc;

  transition: all 0.3s ease;

  z-index: 1;

  border-radius: 100%;

  border: 2px solid #42a04c !important;

  cursor: pointer;
}

.fab:before {
  display: none;
}

.fab-checkbox:checked ~ .fab:before {
  display: none;
}

.fab-dots {
  position: absolute;

  height: 7px;

  width: 6px;

  background-color: white;

  border-radius: 100%;

  top: 50%;

  transform: translateX(0%) translateY(-50%) rotate(0deg);

  opacity: 1;

  animation: blink 3s ease infinite;

  transition: all 0.3s ease;
}

.fab-dots-1 {
  left: 7px;

  animation-delay: 0s;
}

.fab-dots-2 {
  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  animation-delay: 0.4s;
}

.fab-dots-3 {
  right: 7px;

  animation-delay: 0.8s;
}

.fab-checkbox:checked ~ .fab .fab-dots {
  height: 3px;
}

.fab .fab-dots-2 {
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-1 {
  width: 24px;

  border-radius: 10px;

  left: 50%;

  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-3 {
  width: 24px;

  border-radius: 10px;

  right: 50%;

  transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

@keyframes blink {
  50% {
    opacity: 0.25;
  }
}

.fab-checkbox:checked ~ .fab .fab-dots {
  animation: none;
}

.fab-wheel {
  position: absolute;

  bottom: 0;

  right: 10px;

  width: 10rem;

  height: 10rem;

  transition: all 0.3s ease;

  transform-origin: bottom right;

  transform: scale(0);
}

.fab-checkbox:checked ~ .fab-wheel {
  transform: scale(1);
}

.fab-action {
  position: absolute;

  background: #fff;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000;

  box-shadow: 0 0.1rem 1rem rgb(195 195 195 / 82%);

  transition: all 1s ease;

  opacity: 0;

  border: 1.5px solid #3a7d33;
}

.fab-action .text-line {
  position: absolute;

  top: 11px;

  background: rgba(0, 0, 0, 0.7);

  right: 48px;

  padding: 2px 8px;

  border-radius: 3px;

  display: flex;

  justify-content: flex-end;

  width: fit-content;

  align-items: center;
}

.fab-action .text-line p {
  color: #fff;

  font-size: 12px;

  white-space: nowrap;
}

.fab-action i {
  font-size: 20px;

  color: #3a7d33;
}

.fab-action img {
  width: 19px;

  height: 19px;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action {
  opacity: 1;
}

.fab-wheel .fab-action-1 {
  right: 0px;

  top: -85px;
}

.fab-wheel .fab-action-2 {
  right: 0px;

  top: -35px;
}

.fab-wheel .fab-action-3 {
  right: 0px;

  top: 15px;
}

.fab-wheel .fab-action-4 {
  right: 0px;

  top: 65px;
}

.fab-wheel .fab-action-5 {
  right: 0px;

  top: 60px;
}

.bdr-btm0 {
  border-bottom: 0px !important;
}

.select_state {
  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;
}

.select_state img {
  height: 280px;
}

.relative {
  position: relative;
}

.select_state p {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-weight: 500;

  color: #576992;

  font-size: 12px;

  line-height: 15px;

  text-transform: capitalize;

  width: 100%;

  padding: 0px 80px 0px 40px;

  text-align: center;
}

button.choose-btns {
  box-shadow: 0px 3px 6px 0px #cccccc;

  border-radius: 5px;

  margin: 20px;
}

button.choose-btns .mid-img {
  height: 130px;

  width: 140px;

  display: flex;

  align-items: center;

  justify-content: center;
}

button.choose-btns .mid-text {
  font-size: 13px;

  font-weight: 600;

  padding: 7px 10px;

  background: #f1f1f1;

  text-transform: uppercase;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

button.choose-btns .mid-text i {
  font-size: 19px;

  color: #0e8c41;

  margin-left: 10px;
}

.listingupdatebtn {
  padding: 6px 15px 6px 15px;
  border: 1px solid;
  border-radius: 4px;
  font-weight: 800;
  background: #000;
  color: #ffffff;
}

.pagination-input {
  width: 60px !important;
  text-align: center;
}