/*--------------------------------------------------------------------------------------*/
/*Genral-Css-Here
/*--------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}

a {
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

.table.orange-head thead th {
  background: #FF740B;
  color: #fff;
  font-size: 13px;
    font-weight: 500;
}

/*--------------------------------------------------------------------------------------*/
/*Login-Css-Here
/*--------------------------------------------------------------------------------------*/
.comman-wrapper-box .container-fluid {
  padding: 0;
}

.left-inner .bg-img figure {
  width: 100%;
  height: 100vh;
  position: relative;
  margin: 0;
}

.left-inner .bg-img figure>img {
  width: 100%;
  height: 100%;
}

.left-inner figure::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: linear-gradient(90.03deg, rgba(255, 113, 8, 0.9) 0.02%, rgba(253, 179, 72, 0.9) 99.97%);
  width: 100%;
  height: 100%;
}

.left-inner {
  position: relative;
}

.contant-left-inner {
  padding: 58px;
  width: 100%;
  padding-top: 209px;
  overflow: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contant-left-inner h2 {
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  padding-bottom: 20px;
}

.contant-left-inner p {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  max-width: 519px;
}

.logo-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.logo-left {
  position: absolute;
  top: 73px;
  left: 19px;
  z-index: 1;
}

.form-box-right {
  width: 521px;
  margin: auto;
}

.right-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 36px;
  flex-direction: column;
}

.grid2.alt2 {
  -webkit-box-shadow: 0 0 22px 0 rgba(255, 116, 11, .15);
  box-shadow: 0 0 22px 0 rgba(255, 116, 11, .15);
  width: 100%;
  font-size: 13.5px;
  margin-bottom: 20px;
}

table.grid2.alt2 th,
table.grid2.alt2 td {
  padding: 16px 10px;
  border: 1px solid rgba(217, 217, 217, 0.6);
}

.form-box-right h3 {
  font-size: 40px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
}

.form-box-right {
  color: #808080;
  font-size: 16px;
}

.form-box-right a {
  color: #FF730A;
}

table.grid2.alt2 th {
  border: 1px solid rgba(217, 217, 217, 0.6);
  font-weight: 600;
  color: #000;
  font-size: 13px;
}

table.grid2.alt2 td {
  font-weight: 600;
  color: #000;
  font-size: 13px;
}

table.grid2.alt2 thead th {
  border-top: none;
}

table.grid2.alt2 select {
  border: 1px solid #ff740b !important;
  padding: 1px 6px;
  font-weight: 600;
  background: transparent !important;
}

table.grid2.alt2 tbody tr:nth-child(2) th {
  border-bottom: none;
}

table.grid2.alt2 th {
  border-left: none;
}

.form-box-right form .btn {
  background: #FF730A;
  color: #fff;
  font-weight: 600;
  display: block;
  width: 100%;
  border-radius: 8px;
  font-size: 22px;
  padding: 5px 15px;
  border: 2px solid #FF740B;
  margin-top: 30px;
  text-transform: uppercase;
}

.form-box-right form .btn.outline-btn {
  background: transparent;
  color: #FF740B;
}

.form-box-right form .btn.outline-btn:hover {
  background: #FF740B;
  color: #fff;
}

.form-box-right form .form-control {
  padding: 15px 20px;
  border: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .08);
  border-radius: 8px !important;
  padding-left: 60px;
}

.dont-account p {
  margin-top: 50px;
  margin-bottom: 0;
}

.form-box-right form .form-group i {
  position: absolute;
  left: 24px;
  top: 19px;
  z-index: 99;
  color: #FF740B;
}

.form-box-right .Passwrod-forget {
  margin-top: 10px;
}

#show_hide_password .input-group-addon {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 99;
}

#show_hide_password .input-group-addon i {
  position: static;
  color: #808080;
}

#show_hide_password a {
  color: #808080;
}

.form-box-right form .form-group {
  position: relative;
}

.right-shape {
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}

.right-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.btn:focus {
  outline: 0;
  box-shadow: none;
}

.orange-text {
  color: #FF730A;
}

.skip-btn {
  background: #FF740B;
  color: #fff;
  padding: 13px 20px;
  border-radius: 5px;
  max-width: 140px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  position: relative;
  z-index: 99;
}

.skip-btn:hover {
  color: #fff;
  text-decoration: none;
}

.skip-btn i {
  font-size: 11px;
}

.full-width {
  width: 100%;
}

.left-inner {
  position: relative;
  background: url(../img/banner.png);
  background-size: cover;
}

.add-socils-iocns {
  display: flex;
  align-items: center;
}

.form-box-right form .form-control.textarea {
  padding-left: 31px;
}

.doted-text li {
  display: inline-block;
  padding-left: 18px;
  font-weight: bold;
  font-size: 13px;
  margin-left: 8px;
  color: #fff;
  position: relative;
}

.doted-text li::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFE8D1;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
}

.contant-left-inner.subscribe-page p {
  font-size: 16px;
}

.subscribe-page .doted-text {
  margin-bottom: 30px;
}

.subscribe-page .listing {
  margin-top: 50px;
  color: #fff;
  font-size: 15px;
}

.subscribe-page .listing li {
  margin-bottom: 40px;
  padding-left: 44px;
  position: relative;
}

.subscribe-page .listing li i {
  position: absolute;
  left: 0;
  top: 11px;
  font-size: 22px;
}

.subscribe-page .listing li:last-child {
  margin: 0;
}

.contant-left-inner.subscribe-page h2 {
  font-size: 37px;
}

.greencolor {
  background: green;
  width: 58px;
  height: 23px;
  display: inline-block;
  border-radius: 4px;
}

.orangecolor {
  background: #fe7b11;
  width: 58px;
  height: 23px;
  display: inline-block;
  border-radius: 4px;
}

.countup {
  color: #fe7b11;
}

.sn-count i {
  color: #fe7b11;
  padding-right: 0px;
  font-size: 18px;
}

.cm-btn-ass {
  background: #FE7B11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #fff !important;
  padding: 5px 22px;
  text-decoration: none;
  margin-right: 9px;
  cursor: pointer;
}

#back_btn,
.back_btn {
  cursor: pointer;
}

.datatable-inner {
  width: 100%;
  display: block;
}

.edite_icond {
  color: #fe7b11;
}

.privacy-right .tab-pane {
  display: block;
  opacity: 1;
}

.details-bx select {
  background: rgba(255, 116, 11, 0.05);
  border-radius: 5px;
  border: none;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 11px 21px;
  width: 100%;
}

.details-bx textarea {
  background: rgba(255, 116, 11, 0.05);
  border-radius: 5px;
  border: none;
  font-weight: 500;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  padding: 11px 21px;
  width: 100%;
  resize: none;
  outline: 0;
  height: 77px;
}

.details-bx .form-control:focus {
  background: rgba(255, 116, 11, 0.05);
  box-shadow: unset;
}

.btn-comman-popup {
  text-align: right;
  padding: 0px 42px;
}

.comman-popup.cs .modal-dialog {
  max-width: 575px;
}

.comman-popup.cs .form-inner-add {
  padding: 0;
}

.form-group.checks .form-check.form-check-inline label {
  margin: 0;
}

.privacy-wrapper-start.main-poicky .tab-pane {
  display: none;
  opacity: 0;
}

.privacy-wrapper-start.main-poicky .tab-pane.active {
  display: block !important;
  opacity: 1 !important;
}

.container-wrp .form-inner-add {
  padding-bottom: 0;
}

.comman-popup .modal-dialog {
  max-width: 1068px;
}

.comman-popup .modal-content {
  padding: 28px;
}

.comfort {
  font-weight: 500;
  margin-bottom: 39px;
  font-size: 23px;
}

.right-inner.product-order h3 {
  background: #FF740B;
  background: linear-gradient(to right, #FF740B 0%, #fdb146 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
}

.if {
  position: absolute;
  left: 24px;
  top: 19px;
  z-index: 99;
  color: #FF740B;
  max-height: 18px;
}

.form-check-inline .form-check-input {
  width: 20px;
  jhe: ;
  height: 20px;
}

.Passwrod-forget {
  font-size: 14px;
}

.Passwrod-forget input[type="checkbox"],
.Passwrod-forget input[type="radio"] {
  width: 26px;
  height: 18px;
  top: 2px;
  position: relative;
}

.btn.closed {
  background: transparent !important;
  color: #ff730a !important;
  margin-top: 17px !important;
}

.commman-btns-same {
  padding-top: 65px;
}

.form-group.checks .form-check.form-check-inline label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.no-refunds i {
  font-size: 10px;
  margin-right: 5px;
}

.no-refunds span {
  display: inherit;
}

.no-refunds {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid2.alt2 {
  -webkit-box-shadow: 0 0 22px 0 rgba(255, 116, 11, .15);
  box-shadow: 0 0 22px 0 rgba(255, 116, 11, .15);
  width: 100%;
}

span.tottips i {
  color: #ff740b;
  font-size: 20px;
}

span.tottips {
  position: relative;
  top: 2px;
  padding-right: 16px;
}

span.toil-content {
  position: absolute;
  left: 100%;
  font-size: 9px;
  min-width: 111px;
  background: #fff;
  box-shadow: 0px 0px 3px #e5e2e2;
  padding: 9px 11px;
  text-align: left;
  top: 0;
  opacity: 0;
  transition: 0.4s ease-in-out;
}

span.tottips:hover span.toil-content {
  opacity: 1;
}

.charlater {
  color: rgba(255, 115, 10, 0.6);
  font-size: 13px;
  text-align: right;
  margin-bottom: 21px;
}

.form-check.form-check-inline label::before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #fe7b11;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
}

.form-check.form-check-inline input:checked+label::after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 8px;
  width: 6px;
  height: 11px;
  border: solid #fe7b11;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form-check.form-check-inline input {
  display: none;
}

.form-group.form-control.phonenumber select {
  border: none;
  background: transparent;
  color: #495057;
}

input.phonenuber {
  border: 0;
  outline: 0;
}

.inprogress-status {
  color: #FFBB00F2;
}

.new-status {
  color: #E44258;
}

.completed-status {
  color: #1BAB0FB0;
}

.number-code select {
  width: 66px !important;
  background: transparent !important;
  padding-right: 0 !important;
}

.number-code .form-control {
  background: transparent !important;
}

.number-code {
  display: flex;
  background: rgba(255, 116, 11, 0.05);
  border-radius: 7.48361px;
}

table.table th .form-check.form-check-inline label::before {
  border-color: #fff !important;
}

table.table th .form-check.form-check-inline input:checked+label::after {
  border-color: #fff !important;
}

table.table .form-check.form-check-inline label::before {
  padding: 7px;
  margin-right: 0;
}

table.table .form-check-inline {
  margin: 0;
}

table.table .form-check.form-check-inline input:checked+label::after {
  top: 5px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #fe7b11;
  border-width: 0 1px 1px 0;
}


.btn-decor img {
  height: auto;
  width: 19px;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 12px;
}

/*--------------------------------------------------------------------------------------*/
/*dashboard-Css-Here
/*--------------------------------------------------------------------------------------*/
.head-box {
  padding: 40px 24px 37px;
  font-family: 'Poppins', sans-serif;
}

.dashbord-header li {
  display: inline-block;
}

.dashbord-header {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  padding: 15px 29px;
}

.left-header {
  display: flex;
  align-items: center;
  flex: 1;
}

.right-header {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}

.comman-btn-das a {
  background: #FE7B11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
}

.comman-btn-das ul li {
  margin-right: 8px;
  position: relative;
}

.logo-dabord {
  padding-right: 42px;
}

.comman-btn-das ul li.active::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #fe7b11;
  bottom: -24px;
  left: 0;
}

.comman-btn-das ul li.active a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.demo-content {
  max-width: 472px;
  text-align: center;
  margin: auto;
}

.demo-content p {
  font-weight: 400;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  line-height: 20.33px;
  margin: 0;
  color: rgba(0, 0, 0, 0.64);
}

.demo-content p a {
  color: #fe7b11;
}

.social-setting>ul>li {
  margin-left: 10px;
}

.center-header {
  flex: 1;
}

.search-work-form form {
  display: flex;
  align-items: center;
}

.search-work-left h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 19px;
}

ul.pagination a {
  padding: 5px 11px;
  outline: 0;
  background: transparent !important;
  border: none !important;
  color: #5f6061;
  font-weight: 500;
}

ul.pagination li.paginate_button.page-item.active a {
  color: #fd740c;
}

ul.pagination li.paginate_button.page-item.next a {
  color: #fd740c;
}

input.times-inxcom {
  border: none !important;
  padding: 0;
  background: transparent;
}

.cover-input {
  display: flex;
  align-items: center;
  padding-left: 15px;
}

.search-box select {
  border: none;
  outline: 0;
  font-weight: 300;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  padding: 10px 9px;
  background: rgba(255, 116, 11, 0.05);
  border-radius: 6px;
  margin-right: 14px;
}

.cover-input input {
  border: none;
  padding-left: 19px;
  outline: 0;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 300;
  font-size: 13px;
  max-width: 233px;
  padding: 10px 30px;
  background: rgba(255, 116, 11, 0.05);
  border-radius: 6px;
}

.btn-cm {
  background: #FE7B11;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  padding: 5px 15px;
  margin: 0;
}

.search-work-form .btn-cm {
  margin-left: 12px;
}

.search-work-inner {
  padding-top: 14px;
}

.recent-bollet-box {
  background: #fafafa;
  padding: 24px 0 48px;
}

.recent-bollet-box .Recent-E-Valuations-head {
  padding-left: 25px;
  padding-right: 60px;
  padding-bottom: 31px;
}

.left-Recent-E-Valuations-head h4 {
  font-weight: 300;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
}

.left-Recent-E-Valuations-head a {
  color: rgba(0, 0, 0, 0.37);
  font-weight: 300;
  font-size: 14px;
}

.btn-go img {
  width: auto !important;
}

.pakages-inner .item {
  padding: 14px 0;
}

.pakage-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 30px 0px;
  padding: 21px 24px 33px;
  position: relative;
  border-left: 4px solid #B3B1B1;
}

.pakage-box h4 {
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 8px;
}

.pakage-box span.bage {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.43);
}

.pakage-box .staus {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.43);
  padding-top: 8px;
  margin: 0;
}

.pakage-box.upcoming {
  border-color: #40C3B1;
}

.pakage-box.Pending {
  border-color: #BE0001A6;
}

.pakage-box.Compleated {
  border-color: #009452B0;
}

.btn-go {
  position: absolute;
  right: 22px;
  bottom: 10px;
}

.overview-tab-box {
  padding: 4px 24px;
}

.top-tab-innenr {
  background: #FF740B;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 28px 43px;
}

.top-tab-innenr .nav-pills .nav-link {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  line-height: 24px;
  font-family: 'Poppins', sans-serif;
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
  margin: 0;
}

.top-tab-innenr .nav-pills .nav-link.active,
.top-tab-innenr .nav-pills .show>.nav-link {
  background: transparent !important;
  color: #FFFFFF;
}

.top-tab-innenr ul {
  margin: 0 !important;
  padding: 0;
}

.top-tab-innenr ul li+li {
  padding-left: 63px;
}

.top-tab-innenr .nav-pills .nav-link.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  background: #fff;
  width: 20px;
  height: 2px;
  bottom: -30px;
  left: 0;
}

.main-dashboard-wrapper {
  font-family: 'Poppins', sans-serif;
}

.listing-rights button {
  background: transparent;
  padding-right: 26px !important;
  padding: 0;
  outline: 0;
  margin: 0;
  border: none;
  /* outline: 0; */
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  padding: 2px 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.listing-rights .dropdown {
  display: flex;
  align-items: center;
}

.listing-rights .dropdown i {
  color: #fff;
  font-size: 22px;
  padding-right: 11px;
}

.cm-btnscor {
  background: #ff740b;
  padding: 4px 11px;
  display: inline-block;
  color: #fff !important;
  border-radius: 5px;
  font-size: 13px;
}

.cmpt .datatable-inner {
  padding-top: 7px !important;
}

.btnsup img {
  max-height: 13px;
  width: auto;
}

.cricle-ice .far.fa-times-circle {
  color: rgba(0, 0, 0, 0.35);
}

.colorred {
  color: #e91919;
}

.Moderation {
  color: #2F3273;
}

.Complete {
  color: #00AB9F !important;
}

.incoplate {
  color: #FFC421;
}

.datatable-inner .table td,
.datatable-inner .table th {
  border: none;
  vertical-align: middle;
  text-align: center;
}

.datatable-inner thead {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}

.datatable-inner thead th {
  background: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  line-height: 18px;
  color: #FF740B;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  padding: 9px 7px;
}

.sn-count {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6);
}

.user-profile-tab img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50%;
}

.dataname b {
  display: block;
}

.dataname b {
  font-weight: 400;
  font-size: 12px;
  color: #000;
}

.dataname {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  padding-right: 16px;
  position: relative;
  display: block;
}

.dataname i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.email-accountd {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}

.datatable-inner td {
  font-weight: 400;
  font-size: 12px;
  color: #000;
  padding: 14px 7px
}

.cricle-ice i {
  color: #40C3B1;
  font-size: 23px;
}

.datatable-inner tbody tr:nth-child(2n) {
  background: rgba(254, 123, 17, 0.05);
}

.datatable-inner {
  padding-top: 24px;
}

.listing-rights .dropdown.show button {
  background: #fff;
  color: #40c3b1;
  outline: 0;
}

.btn.focus,
.btn:focus {
  box-shadow: unset;
}

.listing-rights .dropdown-menu {
  margin: 0;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-width: 157px;
  padding: 0;
}

.listing-rights .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  color: #525153;
  text-align: center;
}

.pagination-inner p {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.pagination-inner p span {
  border: 1px solid #FF740B;
  border-radius: 3px;
  min-width: 45px;
  display: inline-block;
  padding: 2px 11px;
  margin: 0px 12px;
}

.pagination-inner {
  display: flex;
  padding-right: 60px;
  align-items: center;
  justify-content: flex-end;
}

.paginat-arow a {
  padding: 6px 8px;
  display: inline-block;
  background: #FF740B;
  color: #fff;
  font-size: 12px;
}

.paginat-arow {
  border-radius: 3px;
  display: flex;
  overflow: hidden;
  padding-left: 15px;
}

.listing-rights .dropdown-toggle::after {
  color: white;
  content: "\f078";
  font-family: "Font Awesome 5 free";
  transition: 0.4s ease-in-out;
  font-weight: 900;
  border: none !important;
  width: auto;
  height: auto !important;
  padding: 0;
  right: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
}

.listing-rights .dropdown.show button::after {
  color: #918f8f;
  transform: rotate(180deg) translateY(50%);
}

.view-user-box .datatable-inner {
  padding: 39px 27px;
}

.pakage-box.upcoming p.staus span {
  color: #40C3B1;
}

.pakage-box.Pending p.staus span {
  color: #BE0001A6;
}

.pakage-box.Compleated p.staus span {
  color: #009452B0;
}

.main-dashboard-wrapper .container {
  max-width: 1330px;
}

.form-inner-add label {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  /* text-transform: capitalize; */
  margin-bottom: 13px;
  display: block;
  width: 100%;
}

.form-inner-add .form-control {
  background: rgba(255, 116, 11, 0.05);
  outline: 0;
  border-radius: 7.48361px;
  border: none;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  padding: 11px 14px;
}

.form-inner-add .form-control:focus {
  box-shadow: none !important;
}

.form-inner-add select {
  background: rgba(255, 116, 11, 0.05);
  outline: 0;
  border-radius: 7.48361px;
  border: none;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  padding: 11px 14px;
  width: 100%;
}

.form-inner-add .form-group {
  margin-bottom: 34px;
}

.envtero-content h4 {
  font-weight: 500;
  font-size: 20px;
  color: rgba(255, 116, 11, 0.8);
  margin: 0;
  padding-bottom: 11px;
}

.envtero-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.35);
}

.envtero-content p span {
  display: block;
  font-size: 13px;
}

.btn-form-cmd a {
  border: 1px solid rgba(255, 116, 11, 0.38);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  margin-right: 23px;
}

.btn-form-cmd {
  text-align: right;
}

.btn-form-cmd a {
  border: 1px solid rgba(255, 116, 11, 0.38);
  color: #fe7b11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  margin-right: 23px;
}

.btn-form-cmd a:nth-child(2) {
  margin-right: 0;
}

.btn-form-cmd .save-btn {
  background: #fe7b11;
  color: #fff !important;
}

.btn-form-cmd {
  padding-top: 28px;
}

.btn-form-cmd a:hover {
  background: #fe7b11;
  color: #fff !important;
  cursor: pointer;
}

.add-user-wrapper {
  padding-top: 61px;
}

.privacy-wrapper-start {
  padding: 0 24px 0px;
}

.privacy-right {
  background: #fafafa;
  height: 100%;
  position: relative;
  top: -35px;
  min-height: 100vh;
}

.purchasekey-wrapper-box {
  padding: 47px 42px;
}

.asserts-commans {
  padding: 0 20px 53px;
}

.evelution-table-commna-main .add-socils-iocns {
  justify-content: center;
}

.evelution-table-commna-main .add-socils-iocns a {
  margin: 0;
  padding: 0;
}

.ccdp .datatable-inner.colorchanges {
  padding: 0;
}

.ccdp .btn-form-cmd {
  text-align: center;
}

.ccdp .modal-content {
  padding-bottom: 54px;
}

.datatable-inner.colorchanges th {
  background: #FF740B;
  color: #fff;
}

.privacy-wrapper-start .nav-pills .nav-link.active,
.privacy-wrapper-start .nav-pills .show>.nav-link {
  color: #fe7b11;
  background-color: transparent;
  border-color: #fe7b11;
}

.privacy-wrapper-start #v-pills-tab {
  padding: 0px 0 20;
  border-radius: 4px;
  height: 100%;
  display: block !important;
}

.orangecl {
  color: #ff740b;
}

.form-inner-add {
  padding-bottom: 26px;
}

.wrapper-detailsmain-box {
  max-width: 1173px;
  padding-top: 31px;
}

.wrapper-detailsmain-box h6 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
}

.wrapper-detailsmain-box .row {
  padding-bottom: 16px;
}

.wrapper-detailsmain-box span {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.row.repet-data h6,
.row.repet-data span {
  font-weight: 400;
  color: #6d6a6a;
}

.nav-link.headmain {
  color: #fe7b11 !important;
  pointer-events: none;
  font-weight: bold !important;
}

.privacy-wrapper-start .nav-pills .nav-link {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
  border-radius: 0;
  padding: 15px 5px;
  position: relative;
  display: block;
  padding-left: 51px;
}

.privacy-wrapper-start .nav-pills .nav-link i {
  position: absolute;
  left: 21px;
  top: ;
  top: 50%;
  transform: translateY(-50%);
}

.comman-text-book p {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
}

.comman-text-book p a {
  color: #fe7b11;
}

.comman-text-book span {
  color: #000 !important;
  display: block;
  margin-bottom: 16px;
  font-size: 21px;
}

.comman-text-book {
  padding: 66px 34px;
}

.comman-text-book.contat-inner-main {
  min-height: 500px;
  position: relative;
  position: relative;
}

.order-btn-comman a {
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
  background: #FF740B;
  border-radius: 5px;
  padding: 14px 28px;
}

.order-btn-comman a img {
  padding-left: 10px !important;
}

.order-btn-comman {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.activecolor {
  color: #40C3B1;
}

.add-socils-iocns a {
  color: #fe7b11;
  font-size: 17px;
  padding-left: 21px;
}

.comman-del {
  border: 1px solid #fe7b11;
  color: #fe7b11;
  padding: 6px 28px;
  display: inline-block;
  border-radius: 4px;
}

.comman-del:hover {
  background: #fe7b11;
  color: #fff;
}

.purchasekey-wrapper-box h4 {
  color: rgba(254, 123, 17, 0.6);
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 8px;
}

.purchasekey-wrapper-box p {
  line-height: 29px;
  color: rgba(0, 0, 0, 0.35);
  font-size: 15px;
  font-weight: 400;
}

.purchasekey-wrapper-box p span {
  display: block;
  color: #40C3B1;
}

.purchasse-btn-comman {
  background: #fe7b11;
  color: #fff !important;
  padding: 6px 22px;
  display: inline-block;
  border-radius: 8px;
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: 30px;
}

.left-purhas p {
  padding-bottom: 31px;
}

.avatar-upload .avatar-edit {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 20px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input+label {
  display: inline-block;
  width: 27px;
  height: 34px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  background: #fe7b11;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.avatar-upload .avatar-edit input+label::after {
  content: "\f044";
  color: #fff;
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}

#imagePreview {
  display: block !important;
}

.avatar-upload .avatar-preview {
  width: 100%;
  height: 497px;
  position: relative;
  border-radius: 0 !important;
}

.avatar-upload .avatar-preview>div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #fe7b11;
  border-radius: 14px;
  overflow: hidden;
}

.avatar-upload {
  position: relative;
}

.remove-profile {
  width: 27px;
  height: 34px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  background: #fe7b11;
  border-radius: 4px;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.remove-profile a {
  color: #fff;
  font-size: 14px;
}

.test-tab-wrapper-box.latest-chnages .kpasidbar {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.test-tab-wrapper-box.latest-chnages #v-pills-tab {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  overflow-x: auto;
}

.test-tab-wrapper-box.latest-chnages .kpasidbar a {
  width: 23.8%;
  margin-right: 5px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.test-tab-wrapper-box.latest-chnages {
  padding: 0 !important;
}

.datatable-inner.colorchanges.text-left td {
  text-align: left !important;
}

.comman-sl {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.main-table-dataformate.left-text-all td {
  text-align: left !important;
  padding: 10px 18px !important;
  font-size: 14px;
}

.main-table-dataformate.left-text-all {
  padding: 31px 23px !important;
}

.datatable-inner.colorchanges .row {
  margin: 0 !important;
}



.details-bx label {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.details-bx p {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.details-bx {
  margin-bottom: 33px;
}

.edite-profiule-btn a {
  background: #FE7B11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 11px 46px;
  text-decoration: none;
  margin-top: 38px !important;
  display: inline-block;
}

.user-profile-details {
  padding: 27px;
  padding-right: 0 !important;
}

.inner-user-profiless {
  padding: 42px;
  border-radius: 9px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  max-width: 1200px;
  margin: auto;
}

.user-profile-wrapper {
  padding-top: 53px;
}

.details-bx input {
  background: rgba(255, 116, 11, 0.05);
  border-radius: 5px;
  border: none;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 11px 21px;
  width: 100%;
}

.save-btn-cover button {
  background: #FE7B11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.datatable-inner label.form-check-label {
  font-size: 11px !important;
}

.user-profile-details.edite-profile {
  padding: 6px;
}

.most-charesets {
  color: #ff730a;
  text-align: right;
  font-size: 12px;
  position: relative;
  top: -6px;
}

.dropdown.view-settings button {
  padding: 0;
  background: transparent !important;
}

.dropdown.view-settings button:after {
  display: none !important;
}

.dropdown.view-settings .dropdown-menu {
  background: #fff url('../img/bg-sub.png') no-repeat center / cover;
  border: none;
  padding: 2px 0;
  box-shadow: 0px 0px 9px #ece4e4;
  border-radius: 15px;
  min-width: 340px;
  z-index: 99999;
  right: 0 !important;
  left: auto !important;
  transform: unset !important;
  top: 100% !important;
}

.dropdown.view-settings .dropdown-menu a {
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 21px;
  text-transform: capitalize;
}

.dropdown.view-settings .dropdown-menu a:hover {
  background: none !important;
}

.dropdown.view-settings .dropdown-menu a:last-child {
  border: none !important;
}

.info-inner-company {
  padding: 15px 0px;
}

.info-inner-company h4 {
  font-size: 13px;
  text-transform: capitalize;
  padding: 11px 17px;
  font-weight: 400;
  line-height: 21px;
}

.info-inner-company p {
  background: rgba(255, 116, 11, 0.05);
  padding: 7px 17px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 6px;
}

.datatable-inner.activity-table thead {
  background: #FF740B !important;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  opacity: 1;
}

.datatable-inner.activity-table thead th {
  color: #fff !important;
  background: transparent !important;
}

.save-btn-cover .btn {
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #FE7B11;
  padding: 5px 15px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border: 1px solid #FE7B11;
  margin-right: 12px;
}

.save-btn-cover .btn:hover {
  background: #FE7B11;
  color: #fff;
}

.comman-text-book h6 {
  padding: 22px 0;
}

div.dataTables_wrapper div.dataTables_length label {
  font-size: 12px;
}



/*--------------------------------------------------------------------------------------*/
/*Header-Page-Css-Here
/*--------------------------------------------------------------------------------------*/
header {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding: 27px 0px;
}

.menu-section {
  margin-left: auto;
  max-width: 800px;
}

.menu-home ul {
  display: flex;
  justify-content: center;
}

.menu-login ul {
  display: flex;
  justify-content: end;
}

.menu-home ul li {
  padding-right: 33px;
}

.menu-home ul li a {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #fff;
  padding: 38px 0px !important;
  display: block;
}

.menu-home ul li a:hover {
  text-decoration: none;
}

.menu-home ul li a:FOCUS {
  border-bottom: 1px solid #FFF;
}

.menu-login ul li a {
  width: 101px;
  height: 43px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  border-radius: 7px;
  color: #fff !important;
}

.menu-login ul li a:hover {
  text-decoration: none;
  background: #fff;
  color: #FE841B !important;
}

.bg-shape {
  position: absolute;
  top: -19px;
  left: -56px;
  z-index: -1;
}

.logo-section {
  position: absolute;
  top: 44px;
  left: -48px;
}


/*--------------------------------------------------------------------------------------*/
/*Home-Page-Css-Here
/*--------------------------------------------------------------------------------------*/
.home-wrapper p {
  margin: 0px;
}

.container-fluid {
  padding: 0px 85px;
}

.container {
  max-width: 1233px;
  margin: 0 auto;
}

.bannar .container-fluid {
  padding: 0px 50px;
  max-width: 1920px;
}

.bannar-content {
  position: relative;
  z-index: 0;
}

.bannar {
  background: #FFF8FB url(../img/slider-banner.png) no-repeat center /cover;
  z-index: 0;
  padding: 200px 0px 211px 0px;
  overflow: hidden;
  height: 1020px;
}

.bannar-left {
  padding-top: 61px;
}

.bannar-left h2 {
  font-size: 88px;
  color: #fff;
  line-height: 140px;
  font-weight: 700;
  position: relative;
}

.bannar-left p {
  font-size: 30px;
  line-height: 45px;
  font-weight: 400;
  color: #fff;
  max-width: 639px;
  margin-bottom: 28px;
}

#myVideo {
  width: 640px;
  box-shadow: 0px 0px 53px #FE682E;
  border-radius: 37px;
  height: 493px;
  object-fit: cover;
}

.bannar-left img {
  margin-bottom: 47px;
}

.bannar-left a {
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  border: 3px solid #fff;
  margin-right: 29px;
  padding: 11px 37px;
  border-radius: 7px;
  display: inline-block;
  margin-top: 39px;
}

.bannar-left span {
  width: 28px;
  height: 2px;
  overflow: hidden;
  display: block;
  background: #fff;
}

.bannar-left a:hover {
  text-decoration: none;
  background: #fff;
  color: #ff8e23;
}

.bannar-shape {
  position: absolute;
  top: -17%;
  right: -145px;
  z-index: -1;
}

.bannar-right {
  text-align: center;
}

.client-slider .owl-stage {
  display: flex;
  align-items: center;
}

.client-slider .item img {
  max-width: 182px;
}

.get-work {
  padding: 50px 0px 126px;
  background: #FFF8FB;
  position: relative;
  z-index: 0;
}

.get-upper-content h2 {
  font-size: 40px;
  line-height: 90px;
  color: #000000CC;
  font-weight: 500;
  text-align: center;
  margin-bottom: 11px;
}

.get-upper p {
  font-size: 20px;
  line-height: 38px;
  font-weight: 400;
  color: #00000080;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.get-upper-content {
  margin-bottom: 76px;
}

.get-tab #myTab {
  background: #fff;
  justify-content: space-between;
  max-width: 785px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0px 40px rgba(254, 140, 34, 0.1);
  padding: 0px;
  border: none;
  border-radius: 8px;
  max-height: 106px;
}

.get-tab .nav-link {
  background: transparent;
  cursor: pointer;
  border: none;
  color: #0000004D;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  padding: 30px 39px 32px;
  border-bottom: 2px solid transparent !important;
}

.get-tab .nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.get-tab .nav-link:focus {
  outline: none;
}

.get-tab .nav-link.active {
  color: #FF740B !important;
  border-bottom: 2px solid #FF7B12 !important;
}

.tab-content-right h2 {
  font-size: 38px;
  line-height: 55px;
  font-weight: 600;
  margin-bottom: 11px;
}

.dash-line {
  width: 26px;
  background: #FF740B;
  height: 4px;
  margin-bottom: 31px;
}

.tab-content-right span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  max-width: 382px;
  margin-bottom: 31px;
  display: block;
  color: #000000B2;
}

.tab-content-right p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #00000080;
  max-width: 411px;
}

.get-tab .tab-content {
  margin-top: 110px;
}

.tab-content-left img {
  border-radius: 16px;
  filter: drop-shadow(0px 4.19714px 104.928px rgba(255, 116, 11, 0.2));
}

.tab-content-right {
  padding-left: 0px;
}

.tab-content-left {
  padding-right: 40px;
  z-index: 999;
}

.tab-content-right a {
  background: #FF740B;
  padding: 1px 28px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 31px;
}

.get-work::after {
  content: "";
  position: absolute;
  background-image: url(../img/Frame.png);
  background-repeat: no-repeat;
  bottom: 56px;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: -1;
  background-position: bottom center;
}

/*--------------------------------------------------------------------------------------*/
/*client-Page-Css-Here
/*--------------------------------------------------------------------------------------*/
.client {
  background: #FFF8FB url(../img/client-bg.png) no-repeat;
  padding: 86px 0px 96px;
  overflow: hidden;
  background-size: cover;
  position: relative;
  height: 484px;
}

.client-slider .owl-stage {
  display: flex;
  align-items: center;
}

.client-slider .item img {
  max-width: 182px;
  margin: 0 auto;
  height: 49px;
  object-fit: cover;
}

.client-slider.item {
  text-align: center !important;
}

.client-content h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  color: #000000CC;
  margin-bottom: 95px;
}

.client-slider .owl-next span {
  display: none;
}

.client-slider .owl-prev span {
  display: none;
}

.client-slider .owl-prev {
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translatey(-50%);
  height: 48px;
  width: 48px;
  border: 1.5px solid #FF740B !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.client-slider .owl-prev i {
  color: #FF740B;
  font-size: 20px;
  font-weight: 200px;
}

.client-slider .owl-prev:hover {
  background: #000 !important;
  border-color: #000 !important;
}

.client-slider .owl-prev:hover i {
  color: #fff !important;
}

.client-slider .owl-next {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translatey(-50%);
  height: 48px;
  width: 48px;
  border: 1.5px solid #FF740B !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.client-slider .owl-next i {
  color: #FF740B;
  font-size: 20px;
  font-weight: 200px;
}

.client-slider .owl-next:hover {
  background: #000 !important;
  border-color: #000 !important;
}

.client-slider .owl-next:hover i {
  color: #fff !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: unset;
}

/*--------------------------------------------------------------------------------------*/
/*Work-Page-Css-Here
/*--------------------------------------------------------------------------------------*/
.work {
  padding: 21px 0px 72px;
  background: #FFF8FB url(../img/work-bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

.work-contant {
  text-align: center;
  margin-bottom: 105px;
}

.work-contant h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 30px;
}

.work-contant p {
  font-size: 20px;
  color: #00000080;
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
  line-height: 38px;
}

.tab-inner h2 {
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
  color: #000000E5;
  margin-bottom: 5px;
}

.tab-inner p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #00000099;
}

.work-tab-left .nav-link {
  padding: 16px 68px 20px 135px;
  background: transparent;
  margin-bottom: 38px;
}

.work-tab-left .nav-link.active {
  background: #fff !important;
  box-shadow: 0px 4.27273px 21.3636px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.workmyVideo {
  width: 550px;
  height: 452px;
  border-radius: 37px;
  object-fit: cover;
}

.work-tab-left .nav-link:hover {
  background: #fff !important;
  box-shadow: 0px 4.27273px 21.3636px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.work-tab-right {
  text-align: right;
  padding-left: 38px;
}

.work-tab-left {
  padding-right: 48px;
}

.tab-inner-one,
.tab-inner-two,
.tab-inner-three,
.tab-inner-four {
  position: relative;
}

.create {
  position: absolute;
  top: 21px;
  left: 25px;
}

.add-logo {
  position: absolute;
  top: 21px;
  left: 25px;
}

.contact-img {
  position: absolute;
  top: 21px;
  left: 25px;
}

.arrow-img {
  position: absolute;
  top: 21px;
  left: 25px;
}

/*--------------------------------------------------------------------------------------*/
/*Testimonals-Page-Css-Here
/*--------------------------------------------------------------------------------------*/
.testimonials {
  padding: 110px 0px 114px;
}

.testi-slider {
  margin-top: 21px;
}

.testimonals-content h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #000000CC;
  text-align: center;
}

.testi-inner {
  position: relative;
  transform: scale(0.8);
  margin: 0 auto;
  border: 0.417481px solid rgba(255, 116, 11, 0.8);
  box-shadow: 0px 1.66993px 1.66993px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4.5923px);
  border-radius: 12.5244px;
  padding: 23px 0px 31px 85px;
}

.testi-inner h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #FF740B;
  margin-bottom: 4px;
}

.testi-inner span {
  font-size: 12px;
  display: block;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #ADADAD;
}

.testi-inner p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  margin-bottom: 17px;
  color: rgba(0, 0, 0, 0.3);
  max-width: 241px;
}

.testi-icons {
  display: flex;
}

.testi-icons li i {
  color: #d5a120;
}

.testi-inner::after {
  content: "";
  position: absolute;
  top: 33px;
  height: 43px;
  width: 43px;
  right: 27px;
  background-image: url(../img/text.png);
  background-repeat: no-repeat;
}

.owl-item.active.center .testi-inner {
  transform: scale(1.001);
  box-shadow: 0px 5.08696px 30.5217px rgba(255, 116, 11, 0.15);
  margin: 26px 26px;
}

.testi-slider .owl-stage {
  display: flex;
  align-items: center;
}

.testi-img img {
  width: 43px !important;
  height: 43px;
  object-fit: cover;
}

.testi-img {
  position: absolute;
  top: 22px;
  left: 27px;
}

/*--------------------------------------------------------------------------------------*/
/*Footer-Page-Css-Here
/*--------------------------------------------------------------------------------------*/

footer {
  background: #000;
  padding: 14px 0px 22px;
}

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

.footer-right h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  color: #fff;
}

.social-icons {
  display: flex;
  justify-content: end;
}

.social-icons li {
  padding: 0px 5px;
}

.social-icons li a {
  width: 40px;
  height: 40px;
  background: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  color: #FF740B;
  text-decoration: none;
  margin-top: 17px;
}

.social-icons li a:hover {
  background: #FF740B;
  color: #fff;
}

.footer-upper {
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}

.social-icons li:nth-child(4) {
  padding-right: 0px;
}

.bottom-left span {
  font-size: 16px;
  display: inline-block;
  font-weight: 400;
  line-height: 19px;
  color: #FFFFFFCC;
}

.footer-bottom {
  padding-top: 19px;
}

.bottom-left span:nth-child(2):after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
}

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

.bottom-right span {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #FFFFFFCC;
  padding-left: 10px;
}

.tab-content-right a:hover {
  text-decoration: none;
}

.bottom-left span a {
  color: #FFFC;
  text-decoration: none;
}

.bottom-right span a {
  color: #FFFC;
  text-decoration: none;
}

.bottom-left span:nth-child(2) {
  position: relative;
  margin-left: 101px;
  padding-left: 20px;
}

/* toogle hide show css */
.privacy-wrapper-start .nav-pills .parentMenu {
	position: relative;
}
.privacy-wrapper-start .nav-pills .parentMenu .childMenu {
	/* display: none; */
	background: #fdf7f3;
}
.privacy-wrapper-start .nav-pills .parentMenu .parentMenu-item::before {
	border: 1px solid #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-width: 0 0 2px 2px;
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	transform: rotate(225deg);
	display: block;
	right: 17px;
	top: 0;
	margin: 0px 0 0 -2px;
	bottom: 0;
	margin: auto 0;
    transition: all 0.5s;
    transform: rotate(314deg);
}
.privacy-wrapper-start .nav-pills .parentMenu.openparentMenu .parentMenu-item::before {
	transform: rotate(314deg);
}
.privacy-wrapper-start .nav-pills .parentMenu .childMenu .nav-link {
	padding-left: 61px;
}
.privacy-wrapper-start .nav-pills .parentMenu .childMenu .nav-link i {
	left: 37px;
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(min-width:1700px) {
  .client {
    height: 524px;
  }
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:1600px) {
  #myVideo {
    max-width: 759px;
  }
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(min-width:1540px) {
  #myVideo {
    width: 762px;
  }
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:1400px) {
  .container {
    max-width: 1299px;
  }

  #myVideo {
    width: 584px;
  }

  .bannar {
    height: 920px;
  }

  .client {
    height: 463px;
  }

  .bottom-left span:nth-child(2) {
    margin-left: 43px;
  }
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:1299px) {
  .container {
    max-width: 1200px;
  }

  .bannar {
    padding: 200px 0px 124px;
    height: 800px;
  }

  .bannar-shape img {
    height: 543px;
  }

  #myVideo {
    width: 534px;
    height: 405px;
  }

  .bannar-left img {
    margin-bottom: 30px;
  }

  .bannar-left p {
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 20px;
  }

  .bannar-left a {
    font-size: 18px;
    margin-top: 30px;
    padding: 7px 30px;
  }

  .bannar-shape {
    top: -20%;
  }

  .get-work {
    padding: 30px 0px 102px;
    overflow: hidden;
  }

  .get-upper-content h2 {
    font-size: 35px;
    line-height: 80px;
    margin-bottom: 9px;
  }

  .get-upper p {
    font-size: 18px;
    line-height: 32px;
    max-width: 809px;
  }

  .get-upper-content {
    margin-bottom: 50px;
  }

  .tab-content-right {
    padding-left: 20px;
  }

  .tab-content-left {
    padding-right: 10px;
  }

  .tab-content-right h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 9px;
  }

  .dash-line {
    margin-bottom: 22px;
  }

  .tab-content-right span {
    font-size: 16px;
    max-width: 376px;
    line-height: 24px;
    margin-bottom: 22px;
  }

  .tab-content-right p {
    font-size: 16px;
    line-height: 25px;
    max-width: 374px;
  }

  .tab-content-right a {
    font-size: 14px;
    line-height: 24px;
    margin-top: 22px;
    padding: 1px 20px;
  }

  .client {
    padding: 80px 0px 0px;
    height: 400px;
  }

  .client-content h2 {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 50px;
  }

  .client-slider .owl-next::before {
    width: 30px;
    height: 30px;
  }

  .client-slider .owl-next::before {
    width: 35px !important;
    height: 35px !important;
    background-size: cover;
  }

  .client-slider .owl-prev::before {
    width: 35px;
    height: 35px;
    background-size: cover;
  }

  .work-contant h2 {
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 22px;
  }

  .work-contant p {
    font-size: 18px;
    line-height: 32px;
    max-width: 809px;
  }

  .work-contant {
    margin-bottom: 50px;
  }

  .work-tab-left .nav-link {
    padding: 13px 54px 20px 120px;
    margin-bottom: 30px;
  }

  .tab-inner h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .tab-inner-two::before {
    left: 35px;
  }

  .workmyVideo {
    max-width: 500px;
    min-height: 400px;
  }

  .work-tab-right {
    text-align: center;
  }

  .testimonials {
    padding: 55px 0px 70px;
  }

  .testimonals-content h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .footer-right h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .social-icons li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .footer-upper {
    margin-bottom: 18px;
  }

  .footer-bottom {
    margin-top: 15px;
  }

  .bottom-left span {
    font-size: 14px;
  }

  .bottom-right span {
    font-size: 14px;
  }

  footer {
    padding: 14px 0px 14px;
  }

  .tab-content-left {
    padding-right: 0px;
  }

  .bottom-left span:nth-child(2) {
    margin-left: 70px;
  }
}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:1199px) {
  .bannar {
    padding: 200px 0px 90px;
    height: 670px;
  }

  #myVideo {
    max-width: 450px;
    height: 291px;
  }

  .home-wrapper .home-wrapper .container-fluid {
    padding: 0px 30px !important;
  }

  .bannar-left img {
    margin-bottom: 20px;
  }

  .bannar-left p {
    font-size: 18px;
    line-height: 30px;
    max-width: 430px;
  }

  .bannar-left a {
    font-size: 14px;
    margin-top: 20px;
    padding: 7px 20px;
  }

  .bannar-shape {
    top: -24%;
    right: -10%;
  }

  .bannar-shape img {
    height: 418px;
  }

  .logo-section {
    left: 10px;
  }

  .get-work {
    padding: 30px 0px 120px;
  }

  .container {
    max-width: 992px;
  }

  .get-upper-content h2 {
    font-size: 28px;
    line-height: 70px;
    margin-bottom: 5px;
  }

  .get-upper p {
    font-size: 16px;
    line-height: 26px;
    max-width: 689px;
  }

  .get-upper-content {
    margin-bottom: 30px;
  }

  .get-tab #myTab {
    max-width: 655px;
    max-height: 85px;
    padding: 0;
  }

  .get-tab .tab-content {
    margin-top: 70px;
  }

  .tab-content-right h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 5px;
  }

  .dash-line {
    margin-bottom: 15px;
  }

  .tab-content-right span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .tab-content-right a {
    margin-top: 15px;
  }

  .client-content h2 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .work-contant h2 {
    font-size: 28px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .work-contant p {
    font-size: 16px;
    line-height: 27px;
    max-width: 710px;
  }

  .work-tab-left {
    padding-right: 20px;
  }

  .work-tab-left .nav-link {
    padding: 13px 26px 15px 84px;
    margin-bottom: 20px;
  }

  .tab-inner-one::before {
    left: 24px;
    height: 40px;
    width: 40px;
    background-size: cover;
  }

  .tab-inner-two::before {
    left: 24px;
    height: 40px;
    width: 40px;
    background-size: cover;
  }

  .tab-inner-three::before {
    left: 24px;
    height: 40px;
    width: 40px;
    background-size: cover;
  }

  .tab-inner-four::before {
    left: 24px;
    height: 40px;
    width: 40px;
    background-size: cover;
  }

  .workmyVideo {
    max-width: 400px;
    min-height: 300px;
  }

  .testimonials {
    padding: 50px 0px;
  }

  .testimonals-content h2 {
    font-size: 28px;
    line-height: 30px;
  }

  .testi-slider {
    margin-top: 20px;
  }

  .get-tab .nav-link {
    padding: 30px 29px 32px;
  }

  .client {
    height: 350px;
    padding: 75px 0px 85px;
  }

  .client-slider .owl-prev {
    left: -10px;
    width: 35px;
    height: 35px;
  }

  .client-slider .owl-next {
    right: -10px;
    width: 35px;
    height: 35px;
  }

  .bottom-left span:nth-child(2) {
    margin-left: 20px;
  }

  .create img {
    height: 45px;
    width: 45px;
    object-fit: cover;
  }

  .add-logo img {
    height: 45px;
    width: 45px;
    object-fit: cover;
  }

  .contact-img img {
    height: 45px;
    width: 45px;
    object-fit: cover;
  }

  .arrow-img img {
    height: 45px;
    width: 45px;
    object-fit: cover;
  }

}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:991px) {

  .bannar {
    padding: 160px 0px;
    height: 550px;
  }

  .bannar-left img {
    margin-bottom: 10px;
  }

  .bannar-left p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .bannar-left a {
    margin-top: 15px;
    padding: 6px 15px;
  }

  .bannar-shape {
    top: -20%;
    right: -5%;
  }

  .bannar-shape img {
    height: 350px;
  }

  .bg-shape img {
    height: 280px;
  }

  .bg-shape {
    top: 0px;
    left: -6px;
  }

  #myVideo {
    max-width: 335px;
    height: 224px;
  }

  .home-wrapper .container {
    max-width: 768px;
  }

  .get-upper-content h2 {
    font-size: 22px;
  }

  .get-upper p {
    font-size: 14px;
    line-height: 20px;
    max-width: 604px;
  }

  .get-tab .tab-content {
    margin-top: 40px;
  }

  .tab-content-right h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .tab-content-right span {
    font-size: 13px;
    line-height: 17px;
  }

  .tab-content-right p {
    font-size: 14px;
    line-height: 20px;
    max-width: 270px;
  }

  .home-wrapper .container-fluid {
    padding: 0px 15px !important;
  }

  .client-content h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .work-contant h2 {
    font-size: 22px;
    line-height: 20px;
  }

  .work-contant p {
    font-size: 14px;
    line-height: 24px;
    max-width: 605px;
  }

  .work-tab-left .nav-link {
    padding: 9px 5px 10px 60px;
  }

  .tab-inner h2 {
    font-size: 16px;
    line-height: 20px;
  }

  .tab-inner p {
    font-size: 12px;
    line-height: 16px;
  }

  .work-tab-left {
    padding-right: 0px;
  }

  .work-tab-right {
    padding-left: 20px;
  }

  .workmyVideo {
    max-width: 300px;
    height: 200px;
  }

  .testimonals-content h2 {
    font-size: 22px;
    line-height: 25px;
  }

  .testi-slider {
    margin-top: 0px;
  }

  .tab-inner-one::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 14px;
  }

  .tab-inner-two::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 14px;
  }

  .tab-inner-three::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 14px;
  }

  .tab-inner-four::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 14px;
  }

  .owl-item.active.center .testi-inner {
    margin: 25px 26px 25px;
  }

  .testimonials {
    padding: 50px 0px 25px;
  }

  .client {
    height: 295px;
  }

  .bottom-left span:nth-child(2) {
    margin-left: 0px;
    display: block;
  }

  .create {
    left: 10px;
    top: 18px;
  }

  .create img {
    width: 40px;
    height: 40px;
  }

  .add-logo {
    left: 10px;
    top: 18px;
  }

  .add-logo img {
    width: 40px;
    height: 40px;
  }

  .contact-img {
    left: 10px;
    top: 18px;
  }

  .contact-img img {
    width: 40px;
    height: 40px;
  }

  .arrow-img {
    left: 10px;
    top: 18px;
  }

  .arrow-img img {
    width: 40px;
    height: 40px;
  }

}


/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:767px) {
  .purchasse-btn-comman {
    margin-bottom: 24px;
  }

  .bannar-left {
    margin-bottom: 30px;
  }

  .bannar {
    height: 790px;
    padding: 200px 0px;
  }

  .bannar-revers {
    flex-direction: column-reverse;
  }

  #myVideo {
    max-width: 100% !important;
  }

  .container {
    max-width: 100%;
  }

  .get-work {
    padding: 10px 0px 20px;
  }

  .get-upper-content h2 {
    font-size: 18px;
    line-height: 40px;
  }

  .get-tab .nav-link {
    font-size: 14px;
    line-height: 20px;
    padding: 30px 22px 32px;
  }

  .get-tab .tab-content {
    margin-top: 50px;
  }

  .tab-content-left {
    margin-bottom: 30px;
  }

  .tab-content-right p {
    max-width: 303px;
    margin: 0 auto;
  }

  .tab-content-right {
    padding: 0px;
    margin-bottom: 30px;
  }

  .client {
    padding: 50px 0px;
    height: 224px;
  }

  .tab-content-right span {
    margin: 0 auto;
    margin-bottom: 22px;
  }

  .client-content h2 {
    margin-bottom: 10px;
  }

  .work {
    padding: 30px 0px 50px;
  }

  .footer-left {
    text-align: center;
  }

  .footer-right {
    margin-top: 20px;
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }

  .bottom-left {
    text-align: center;
  }

  .bottom-right {
    text-align: center;
  }

  .footer-bottom {
    margin-top: 0px;
    padding-top: 0px;
  }

  .bottom-left span {
    margin-bottom: 5px;
  }

  .workmyVideo {
    max-width: 100%;
  }

  .work-tab-right {
    padding-left: 0px;
  }

  .testi-slider {
    margin-top: 15px;
  }

  .bottom-right span {
    padding-bottom: 5px;
  }

  .bannar-left img {
    max-width: 250px;
    margin: 0 auto;
  }

  .bannar-left {
    text-align: center;
    margin-top: 20px;
  }

  .bannar-left span {
    margin: 0 auto;
  }

  .bannar-left {
    padding-top: 0px;
  }

  .tab-content-right {
    text-align: center;
  }

  .dash-line {
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .testimonials {
    padding: 50px 0px;
  }

  .bannar-left p {
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 20px;
  }

  .testi-inner {
    padding: 72px 31px 31px 31px;
  }

  .bottom-left {
    text-align: center;
  }

  .bottom-right {
    text-align: center;
  }

  header {
    height: 60px;
  }

  .logo-section {
    top: 50px;
  }

  .bg-shape img {
    height: 248px;
  }

  .bg-shape {
    top: 0px;
    left: 0px;
  }

  .testi-inner p {
    max-width: 100%;
  }

  .open {
    left: 0px !important;
    transition: .5s ease-in-out !important;
  }

  .bottom-left span:nth-child(2) {
    display: inline-block;
  }

  .create {
    left: 10px;
    top: 10px;
  }

  .create img {
    width: 40px;
    height: 40px;
  }

  .add-logo {
    left: 10px;
    top: 10px;
  }

  .add-logo img {
    width: 40px;
    height: 40px;
  }

  .contact-img {
    left: 10px;
    top: 10px;
  }

  .contact-img img {
    width: 40px;
    height: 40px;
  }

  .arrow-img {
    left: 10px;
    top: 10px;
  }

  .arrow-img img {
    width: 40px;
    height: 40px;
  }

  .bottom-left span:nth-child(2)::after {
    display: none;
  }

}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:480px) {
  .client {
    padding: 30px 0px 7px;
    height: 170px;
  }

  .get-tab .nav-link {
    padding: 10px 7px;
    font-size: 13px;
  }

  .get-tab #myTab {
    padding: 0px;
  }

  .get-tab .tab-content {
    margin-top: 20px;
  }

  .tab-inner p {
    font-size: 12px;
    line-height: 20px;
    max-width: 305px;
  }

  .create {
    left: 10px;
    top: 21px;
  }

  .add-logo {
    left: 10px;
    top: 21px;
  }

  .contact-img {
    left: 10px;
    top: 21px;
  }

  .arrow-img {
    left: 10px;
    top: 21px;
  }

  .menu-login ul li a {
    width: 80px;
    height: 35px;
    font-size: 14px;
  }

  .bannar-left a {
    margin-right: 8px;
  }

  .logo-section {
    top: 35px;
  }

  .logo-section img {
    width: 130px;
  }

  .logo-section {
    top: 35px;
  }

  .bg-shape img {
    height: 218px;
  }

}

/*--------------------------------------------------------------------------------------*/
/*Responsive-Css-Here
/*--------------------------------------------------------------------------------------*/

@media(max-width:400px) {

  .get-upper-content h2 {
    font-size: 16px;
    line-height: 30px;
  }

  .tab-content-right h2 {
    font-size: 18px;
  }

  .client-content h2 {
    font-size: 18px;
  }

  .work-contant h2 {
    font-size: 18px;
  }

  .testimonals-content h2 {
    font-size: 18px;
  }

  .bannar-shape {
    top: -2%;
    right: -5%;
  }

  .tab-inner-one::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 22px;
  }

  .tab-inner-two::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 22px;
  }

  .tab-inner-three::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 22px;
  }

  .tab-inner-four::before {
    left: 15px;
    height: 35px;
    width: 35px;
    top: 22px;
  }

  .menu-login ul li a {
    width: 56px;
    height: 28px;
    font-size: 12px;
    margin-left: 10px;
  }

  .bannar {
    height: 820px;
  }
}





.steps-creates-sliders .search-work-inner {
  padding-bottom: 0px;
}

.overview-wrapper-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 19px 15px;
  margin: 44px 0 18px;
}

.overview-wrapper-box ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.overview-wrapper-box ul li span {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.overview-wrapper-box ul li {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 20px;
  font-weight: 400;
}

.overview-wrapper-box h5 {
  font-size: 18px;
  font-weight: 500;
  padding-right: 94px;
}

.overview-wrapper-box ul li a {
  color: rgba(0, 0, 0, 0.6) !important;
}

.listing-rights {
  display: flex;
  align-items: center;
}

.view-all-btn-commna {
  padding-left: 18px;
  color: #fff;
}

.steps-creates-sliders .tab-pane {
  display: none;
}

.steps-creates-sliders .tab-pane.active {
  display: block !important;
}

.wizard-inner .nav.nav-tabs {
  border: none;
  display: flex;
  justify-content: space-between;
  margin: auto;
  border: 1.5px solid rgba(0, 0, 0, 0.05);
  border-radius: 2px !important;
}

.steps-creates-sliders {
  padding: 0px 11px 20px;
}

.wizard-inner {
  max-width: 604px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 11px 30px;
  background: #fff;
  border-radius: 10px;
  margin: auto;
}

.wizard-inner a {
  color: rgba(255, 116, 11, 0.6);
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  padding: 7px 9px;
  display: inline-block;
}

.wizard-inner .nav.nav-tabs li.active::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 100%;
  border-top: 20px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 16px solid #fe7b11;
  right: -16px;
  top: 0px;
}

.wizard-inner .nav.nav-tabs li {
  position: relative;
}

.wizard-inner .nav.nav-tabs li.active a {
  background: #fe7b11;
  color: #fff;
}

.multiple-version select {
  margin-right: 32px;
}

.step-form-innwe {
  padding-top: 20px;
}

.commman-btn-opup a {
  outline: 0;
  border-radius: 7.48361px;
  border: none;
  font-weight: 500;
  font-size: 14px;
  color: #606060;
  padding: 11px 14px;
  border: 2px solid #FFE8D1;
  width: 100%;
  display: block;
  text-align: center;
}

.commman-btn-opup a:hover {
  background: #fe7b11;
  color: #fff;
  border-color: #fe7b11;
}

.btn-form-cmd button {
  text-transform: capitalize;
  cursor: pointer;
  border: 1px solid rgba(255, 116, 11, 0.38);
  color: #fe7b11;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  margin-right: 23px;
}

.signup-step-container .btn-form-cmd {
  display: flex;
  justify-content: center;
}

.datatable-inner {
  overflow: auto;
  display: block;
  width: 100%;
}

.row.copybnts {
  max-width: 449px;
  padding: 46px 0 20px;
}

.row.copybnts a {
  background: #fe7b11;
  border-color: #fe7b11;
  color: #fff;
}

.form-group.colorpick .form-control {
  height: 47px !important;
  background: transparent !important;
  border: 1px solid #bbbbbb;
  padding: 4px !important;
  border-radius: 0;
}

.check-cmd label {
  display: inline-block !important;
  width: auto !important;
  font-weight: 400;
}

.step-form-innwe .datatable-inner {
  padding-top: 0;
}

.wizard-inner .nav.nav-tabs li.active::before {
  display: none !important;
}

.wizard-inner .nav.nav-tabs li::before {
  position: absolute;
  content: "";
  border: solid rgba(0, 0, 0, 0.05);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 13px;
  top: 50%;
  right: -13px;
  transform: translateY(-50%) rotate(-45deg);
}

.wizard-inner .nav.nav-tabs li:last-child:before {
  display: none;
}

.tag-event-btn {
  background: #FE7B11;
  border-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  display: inline-block;
}

.test-scoress-wrapper .form-group.checks {
  margin: 0;
}

.tag-event-btn {
  background: #FE7B11;
  border-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #fff !important;
  padding: 5px 15px;
  text-decoration: none;
  display: inline-block;
  margin-left: 30px;
}

.top-tag-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.test-scoress-wrapper {
  padding-top: 55px;
}

.test-tab-wrapper-box .tab-pane {
  display: none;
  opacity: 0;
}

.test-tab-wrapper-box .tab-pane.active {
  display: block;
  opacity: 1;
}

.kpasidbar a span {
  display: block;
}

.kpasidbar a {
  color: #FF740B;
  position: relative;
  border-radius: 7px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #FF740B;
  padding: 16px 11px;
}

.kpasidbar {
  padding-right: 27px;
}

span.arrow-down-tab-pills-after {
  display: none !important;
}

.active span.arrow-down-tab-pills-after {
  display: block !important;
}

.kpasidbar a.active::after {
  opacity: 1 !important;
}

.kpasidbar a.active {
  background: #FE7B11;
  color: #fff;
}

.inx-scope>p {
  margin: 0;
  width: 50%;
  border-right: 1px solid;
}

span.arrow-down-tab-pills-after {
  position: absolute;
  content: "";
  width: 0px;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid;
  pointer-events: none;
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  top: 100%;
}

.inx-scope {
  display: flex;
  justify-content: space-around;
  /* background: #fff; */
  padding: 5px 10px;
  border-radius: 7px;
  margin-top: 10px;
  /* color: black; */

  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
}

.inx-scope P:last-child {
  border: none !important;
}

.main-table-dataformate {
  background: rgba(255, 116, 11, 0.05);
  border-radius: 5px 0px 0px 5px;
  padding: 14px;
  width: 100%;
  overflow: auto;
  display: block;
}

.main-table-dataformate .table td,
.main-table-dataformate .table th {
  border: none;
  padding: 24px 25px;
  vertical-align: middle;
  text-align: center;
}

.save-btn-comman-bg a {
  background: #FE7B11;
  border-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #fff !important;
  padding: 5px 15px;
  text-decoration: none;
  display: inline-block;
}

.save-btn-comman-bg {
  text-align: center;
}

.test-tab-wrapper-box {
  padding-top: 43px;
}

.paragraf-content {

  display: block;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ff7b1b;
  padding: 11px 12px;
  margin: auto;
  line-height: .9;
}

.data-speed a {
  border: 1px solid #fe7b11;
  color: #fe7b11;
  padding: 3px 14px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 6px;
}

.data-sedule {
  color: #40C3B1;
}

.data-sedule {
  display: inline-block;
  padding-left: 12px;
}

.data-speed a:hover {
  background: #fe7b11;
  color: #fff;
}

.rating-box-ce a {
  border: 1px solid #fe7b11;
  color: #fe7b11;
  padding: 3px 14px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 6px;
}

.rating-box-ce a.active {
  color: #40C3B1;
}

.data-speed {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating-box-ce {
  display: flex;
  justify-content: center;
  align-items: center;
}

.comman-oup-notfication .datatable-inner.colorchanges {
  max-height: 500px;
}

.wizard-inner .nav.nav-tabs li:last-child::after {
  display: none !important;
}

.test-tab-wrapper-box.latest-chnages .kpasidbar a:last-child {
  margin-right: 0 !important;
}

.switch-box li {
  display: block;
}

.switch-box {
  position: absolute;
  right: 100%;
  background: #fff;
  padding: 17px 0;
  box-shadow: 0px 0px 9px #ece4e4;
  border-radius: 15px;
  min-width: 174px;
  margin-top: -40px;
  display: none;
  opacity: 0;
}

.switch-user ul.switch-box {
  margin-top: -180px;
}

.switch-box.on {
  opacity: 1;
  display: block;
}

.switch-box li a span {
  position: relative;
  border: 1px solid #000;
  width: 16px;
  display: inline-block;
  height: 16px;
  border-radius: 50%;
  margin-right: 9px;
}

.switch-box li a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 23px !important;
}

.switch-box li a span::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  background: #fe7b11;
  content: "";
  border-radius: 25px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.switch-box::after {
  content: "";
  position: absolute;
  right: -11px;
  top: 12px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 12px solid #fff;
  z-index: 1;
}

.dropdown.view-settings .dropdown-menu.openmenus {
  opacity: 1 !important;
  display: block !important;

}


.dropdown.view-settings .dropdown-menu.openmenus::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.dropdown.view-settings .dropdown-menu.openmenus::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.dropdown.view-settings .dropdown-menu.openmenus::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.switch-box li.active span:after {
  opacity: 1 !important;
}

.switch-box li.active span {
  border-color: #fe7b11;
}

.listview-inner .listing-rights button {
  color: #fe7b11;
}

.listview-inner .listing-rights .dropdown-toggle::after {
  color: #fe7b11;
}

.das-reblater {
  padding: 13px 50px 75px;
}

.listview-inner .dropdown-menu.show {
  background: #fafafa;
}

.listview-inner .listing-rights .dropdown.show button {
  background: #fafafa;
}

.graph-main-over {
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  max-width: 784px;
  padding: 47px 36px;
  margin-top: 53px;
}

.graph-main-over h2 {
  color: #4D4D4D;
  font-size: 18px;
  margin-bottom: 36px;
}

.switch-box.on input[type="radio"] {
  display: none;
}

.switch-box.on label {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  text-transform: capitalize;
  width: 100%;
  padding-left: 28px;
  position: relative;
}

.switch-box.on .radio-buttons {
  padding-left: 25px;
}

.switch-box.on label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: border-color 400ms ease;
}

.switch-box.on label::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fe7b11;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scale(0);
  transition: transform 400ms ease;
}

.switch-box.on .form-group {
  position: relative;
  margin: 0;
}

.switch-box.on input[type="radio"]:checked+label::before {
  border-color: #fe7b11;
}

.switch-box.on input[type="radio"]:checked+label::after {
  transform: translateY(-50%) scale(0.55);
}

.switch-box.on input[type="radio"]:checked+label {
  border-color: red;
}

.cm-btnscor.changecolr {
  background: #5BCF52;
  min-width: 75px;
}

.cm-btnscor.disable {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.pagination-comman {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 0;
}

.right-pagnations a {
  color: #605a5a;
  border: none;
  background: transparent !important;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  outline: none;
}

.left-paginations span {
  color: #605a5a;
  border: none;
  background: transparent !important;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  outline: none;
}

.right-pagnations .page-link.active {
  color: #ff740b;
}

.left-paginations span select {
  background: transparent !important;
  border: 1px solid #ff740b;
  padding: 0px 8px;
  margin: 0 9px;
  color: #6a6868;
  border-radius: 4px;
  font-size: 13px;
}



.comman-oup-notfication .modal-dialog {
  max-width: 900px;
  background: #fff url('../img/bg-shapes.png') no-repeat center center /cover;
  border-radius: 17px;
  border: none !important;
  overflow: hidden;
}

.comman-oup-notfication .modal-dialog .modal-content {
  border: none !important;
  background: transparent !important;
}

.comman-oup-notfication .modal-body {
  padding: 0;
}

.Notify-wrapper-inner h2 {
  background: #FF740B;
  text-align: center;
  font-weight: 500;
  color: #fff;
  font-size: 19px;
  padding: 28px 11px;
  margin: 0;
}

.check-select-canditon ul {
  margin: 0 0;
  padding: 34px 0;
}


.form-check.form-check-inline.comman-cheks label::before {
  border: 1px solid #FE7B11;
  border-radius: 30px;
}

.form-check.form-check-inline.comman-cheks input:checked+label::before {
  background: #FE7B11 !important;
}

.form-check.form-check-inline.comman-cheks input:checked+label::after {
  top: 7px;
  border-color: #fff !important;
}

.form-check.form-check-inline.comman-cheks {
  margin: 0;
  font-size: 17px;
}

.check-select-canditon li span {
  min-width: 166px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
}

.check-select-canditon li {
  padding: 6px 38px;
}

.check-select-canditon ul li:nth-child(2n+1) {
  background: rgba(254, 123, 17, 0.05);
}

.comman-btns-componds {
  background: #FF740B;
  color: #fff !important;
  margin: 0 42px 25px;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 6px;
}

.Notify-wrapper-inner .save-btn {
  margin: 0;
}

.Notify-wrapper-inner .btn-form-cmd {
  text-align: center;
  margin-bottom: 42px;
}

.content-graps h2 {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}

.data-map-inner {
  display: flex;
  margin-bottom: 60px;
}

.graphs {
  max-width: 559px;
}

.content-graps {
  width: 40%;
}

.map-graph-inner {
  padding: 11px 49px;
}

.rating-class i {
  color: #FFBB00F2;
}

.rating-class span {
  color: #7b7b7b;
  font-weight: bold;
}

.editeabele a {
  color: #fe7b11;
}

.btns-pds-links a {
  background: #fe7b11;
  color: #fff;
  padding: 5px 25px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  margin: 4px;
}

.map-graph-inner .btn-form-cmd {
  margin: 0;
  padding: 0;
  padding-bottom: 56px;
  text-align: center !important;
}

.colorbreak {
  display: block;
  text-align: center;
  color: #ff740b;
  text-transform: capitalize;
}

.main-mokup-inner {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  align-items: center;
  padding: 22px 0;
  margin: 39px 0;
}

.dasbord-mokup-wrapper {
  padding: 0 27px;
}

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

.overviews h2 {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 18px;
}

.overliste li {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 0 18px;
}

.overliste li b {
  display: block;
  color: #000000;
  font-weight: 500;
  font-size: 22px;
}

.overviews {
  width: 7%;
  padding: 16px;
  position: relative;
}

.overliste {
  width: 31%;
  position: relative;
  padding: 0 15px;
}

.overliste::after {
  background: rgba(217, 217, 217, 0.5);
  width: 1px;
  height: 100%;
  content: "";
  top: 0;
  right: 0;
  position: absolute;
}

.overviews::after {
  background: rgba(217, 217, 217, 0.5);
  width: 1px;
  height: 100%;
  content: "";
  top: 0;
  right: 0;
  position: absolute;
}

.overliste h4 {
  position: absolute;
  top: -58px;
  font-size: 20px;
  text-align: center;
  display: block;
  right: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
}

.dashbord-graphs img {
  background: #FFFFFF;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 21px;
  margin-top: 32px;
}

.info-inner-company video {
  max-width: 100%;
  border-radius: 14px;
  height: 208px;
  object-fit: cover;
}

.info-inner-company h2 {
  color: #fe7b11;
  font-size: 15px;
  padding-top: 11px;
}

.vide-inx {
  padding: 0 17px;
  padding-top: 12px;
}

.overview-tab-box .search-work-inner {
  padding-top: 0;
  padding-bottom: 41px;
}


.comman-allots-poup .modal-dialog {
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 800px;
}

.comman-allots-poup .modal-dialog .modal-content {
  border: none !important;
  background: transparent !important;
  padding: 25px 0;
}

.comman-allots-poup .btn-form-cmd {
  text-align: center !important;
}

.form-inner-add.maximum-scale {
  padding: 0;
  max-width: 401px;
  margin-left: auto;
}

.datatable-inner.activity-table {
  padding-top: 4px;
}

.comman-allots-poup .datatable-inner thead {
  background: ;
  box-shadow: unset !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.comman-allots-poup .btn-form-cmd a {
  padding: 8px 9px;
}

.comman-allots-poup .btn-form-cmd {
  padding-top: 0;
}

.comman-allots-poup .datatable-inner {
  padding: 0;
}

.comman-allots-poup .modal-body {
  padding: 0;
}

.comman-allots-poup .datatable-inner thead th {
  color: rgba(0, 0, 0, 0.6);
}

.cm-opup {
  color: #000 !important;
}

.cm-opup i {
  padding-left: 4px;
}

.candites-heading h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 500;
  font-size: 19px;
  padding: 0 36px 19px;
}

.candites-form-inner {
  padding: 28px 36px;
}

.cm-select-table select {
  background: transparent !important;
  border: 1px solid #fe7b11;
  padding: 1px 6px;
  border-radius: 4px;
  color: #fe7b11;
}



.datatable-inner {
  height: 100%;
  scrollbar-color: #fe7b11 #F7F7F7;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.datatable-inner::-webkit-scrollbar {
  width: 8px;
}

.datatable-inner::-webkit-scrollbar-track {
  background-color: #F7F7F7;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.datatable-inner::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #fe7b11;
}



.privacy-wrapper-start #v-pills-tab {
  scrollbar-color: #fe7b11 #F7F7F7;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.privacy-wrapper-start #v-pills-tab::-webkit-scrollbar {
  width: 8px;
}

.privacy-wrapper-start #v-pills-tab::-webkit-scrollbar-track {
  background-color: #F7F7F7;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.privacy-wrapper-start #v-pills-tab::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #fe7b11;
}

.pop-icons-table img {
  max-height: 24px;
  width: auto;
}

.pop-icons-table a {
  padding: 0 7px;
}

.cmdss {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  text-transform: capitalize;
  margin-bottom: 30px;
  display: block;
  padding-top: 40px;
}

.pop-icons-table {
  text-align: center;
  justify-content: center;
}

.comman-select-all {
  padding: 0px 27px 13px;
}

.comman-select-all select {
  background: transparent !important;
  border: none !important;
  color: #fd7b11 !important;
  font-size: 16px;
}

.name-data-result h4 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
  font-size: 16px;
}

.name-data-result h4 a {
  color: #ff740b;
}

.name-data-result {
  padding-top: 46px;
}

.dataface {
  color: rgba(0, 0, 0, 0.8);
}

.name-data-result-table .table td,
.name-data-result-table .table th {
  text-align: left !important;
  padding: 16px 21px !important;
  text-transform: capitalize;
}

.datatable-inner.name-data-result-table td {
  color: #000;
}

.datatable-inner.name-data-result-table tfoot {
  border-top: 1px solid #e6dede;
}

.comman-result .datatable-inner {
  padding: 0;
}

.check-select-canditon li span a {
  color: #ff740b;
}

.datatable-inner.name-data-result-table tbody tr:nth-child(2n) {
  background: transparent !important;
}

.comman-result .datatable-inner.name-data-result-table {
  padding: 0 21px;
}

.commants-booking-wrapper h2 {
  font-weight: 600;
  font-size: 14px;
  padding: 35px 0 28px;
}

.commants-booking-wrapper h3 {
  background: #FF740B;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  padding: 13px 11px;
}

.commants-booking-wrapper h4 {
  font-weight: 600;
  font-size: 18px;
  padding-top: 46px;
}

.reviews-listed {
  max-width: 251px;
  display: block;
  text-align: left;
}

.commants-booking-wrapper .datatable-inner tbody tr:nth-child(2n) {
  background: transparent;
}

.commants-booking-wrapper .datatable-inner tbody tr:nth-child(2n+1) {
  background: rgba(254, 123, 17, 0.05);
}

.commants-booking-wrapper {
  padding-bottom: 51px;
}

.commman-btn-opup {
  margin-bottom: 23px;
}

.setupbtn {
  background: #FF740B;
  color: #fff !important;
  display: inline-block;
  padding: 11px 20px;
  border-radius: 6px;
  margin: 32px 24px 35px;
}

.row.repet-data h5 {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  padding-bottom: 10px;
}

.row.repet-data h5 {
  padding-top: 16px;
}

.disable {
  pointer-events: none;
  color: #979292 !important;
}

.edit-btn-cm {
  background: #5BCF52;
  display: inline-block;
  text-align: center !important;
  color: #fff !important;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  font-size: 14px;
}

input.assessment_date {
  padding: 0;
  outline: 0;
  background: transparent;
  border: none !important;
  display: inherit !important;
}

.slcbx select {
  width: 62px;
}

.datatable-inner select {
  padding: 0;
  border: none !important;
  background-color: transparent !important;
  text-transform: capitalize;
}

.dataname i {
  color: #000;
}

.datatable-inner .col-sm-12.col-md-5 {
  padding: 0;
  margin: 0;
}

.datatable-inner .col-sm-12.col-md-7 {
  margin: 0;
  padding: 0;
}

.datatable-inner table {
  width: 100% !important;
}









input[type="date"] {
  display: block;
  position: relative;
  background: white url("http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png") right 1rem center no-repeat;
  cursor: pointer;
  background-position: right center;
  padding-right: 2px;
  background-size: contain !important;
  display: block;
  border: 1px solid #ff740b !important;
  border-radius: 1px;
  padding: 0px;
}

::-webkit-datetime-edit-month-field:hover,
::-webkit-datetime-edit-day-field:hover,
::-webkit-datetime-edit-year-field:hover {
  background: rgba(0, 120, 250, 0.1);
}

::-webkit-datetime-edit-text {
  opacity: 0;
}

::-webkit-clear-button,
::-webkit-inner-spin-button {
  display: none;
}

.numberclass::-webkit-clear-button,
.numberclass::-webkit-inner-spin-button {
  display: block !important;
}

div#date-picker-dates ::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 2.5rem;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 120, 250, 1);
  background: rgba(0, 120, 250, 1);
}




.datatable-inner.colorchanges.comman-table-comeents-color th {
  background: rgba(254, 123, 17, 0.05);
  box-shadow: unset;
}

.datatable-inner.colorchanges.comman-table-comeents-color thead {
  background: transparent;
  box-shadow: unset;
}

.datatable-inner.colorchanges.comman-table-comeents-color tbody tr:nth-child(2n+1) {
  background: transparent !important;
}

.datatable-inner.colorchanges.comman-table-comeents-color .table td,
.datatable-inner.colorchanges.comman-table-comeents-color .table th {
  text-align: left;
  padding: 22px 30px;
}

.datatable-inner.colorchanges.comman-table-comeents-color .reviews-listed {
  max-width: 247px;
}

.evaluator-head {
  padding-top: 26px !important;
}

.manage-space-div {
  display: block;
  min-width: 329px;
}

.datatable-inner.colorchanges.head-table-only .table td,
.datatable-inner.colorchanges.head-table-only .table th {
  text-align: left;
}

.kpi-wrapper-box {
  padding-top: 36px;
}

.kpi-wrapper-box h2 {
  font-weight: 500;
  font-size: 19px;
  color: #000;
  text-transform: capitalize;
}

.heading-ethers {
  color: #000 !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  padding-right: 45px;
}

.kpi-wrapper-box .rating-class {
  display: flex;
  align-items: center;
  padding: 28px 0;
}

.kpi-wrapper-box textarea {
  height: 171px;
  resize: none;
}

.comman-label-name .form-check.form-check-inline.comman-cheks input:checked+label::after {
  top: 6px;
  border-color: #fff !important;
}

.paddtop {
  padding-top: 0px;
}

.form-control.high-hight {
  height: 411px;
}

.appand-add-remove a {
  color: #fe7b11;
  border: 1px solid #fe7b11;
  width: 37px;
  display: inline-block;
  height: 37px;
  text-align: center;
  border-radius: 50%;
  line-height: 37px;
  margin: 0 8px;
}

.appand-add-remove {
  text-align: center;
  padding-top: 41px;
}

.appand-add-remove a:hover {
  background: #fe7b11;
  color: #fff;
}

.multiple-version.d-flex input {
  max-width: 133px;
}

.Notify-wrapper-inner .form-inner-add {
  padding: 0 40px;
}

.comman-popup {
  z-index: 9999;
}

.add-new-input {
  padding-top: 35px;
}

.cover-create-bcz {
  max-width: 1200px;
}

.status-icon {
  padding-left: 5px;
  color: #fe7b11 !important;
}

.des-boxes-inner {
  overflow-wrap: break-word;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 31px 26px;
  margin-bottom: 30px;
}

.des-boxes-inner h2 {
  font-weight: 500;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 13px;
}

.des-boxes-inner p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  margin: 0;
  font-weight: 400;
  max-width: 376px;
}

.des-boxes-inner h2::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 33px;
  height: 2px;
  left: 0;
  background: #FF740B;
}

.des-boxes-inner .datatable-inner {
  margin: 0;
  padding: 0 !important;
}

.des-boxes-inner .datatable-inner .table td,
.des-boxes-inner .datatable-inner .table th {
  border: none;
  vertical-align: middle;
  text-align: left;
  padding: 9px 16px;
}

.des-boxes-inner .datatable-inner tbody tr:nth-child(2n) {
  background: transparent !important;
}

.des-boxes-inner .datatable-inner td {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.des-boxes-wrapper {
  padding-top: 40px;
}

.des-boxes-inner .datatable-inner .table {
  margin: 0;
}

.select-btn-radio-inner {
  max-width: 599px;
}

.select-btn-radio-inner label {
  margin-bottom: 0 !important;
}


/*--------------------------------------------------------------------------------------*/
/*Report-Pages-Css-Here
/*--------------------------------------------------------------------------------------*/
.wrapper-report-box {
  padding: 31px 0;
}

.wrapper-report-box h2 {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 20px;
}

.result-comman-riban {
  display: block;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
  font-size: 16px;
  padding: 24px 0;
}

.result-comman-riban a {
  color: #fe7b11;
}

.pdf-comman-btn {
  margin: 0;
  border: none !important;
  background: #fe7b11;
  color: #fff;
  border-radius: 7px;
  font-weight: 500;
  font-size: 18px;
  padding: 6px 39px;
  cursor: pointer;
}

.accodian-wrapper .card {
  margin-top: 30px;
  border: none !important;
  background: rgba(254, 123, 17, 0.05) !important;
}

.accodian-wrapper .card-header {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.accodian-wrapper .btn.btn-link {
  width: 100%;
  text-align: left !important;
  padding: 15px 24px;
  background: rgba(254, 123, 17, 0.05);
  border-radius: 5px;
  font-weight: 500;
  position: relative;
  font-size: 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  outline: 0;
}

.accodian-wrapper .btn.btn-link.collapsed::after {
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  content: "\f067";
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.accodian-wrapper .btn.btn-link::after {
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  content: "\f068";
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

.accodian-wrapper .btn.btn-link {
  background: #fe7b11;
  color: #fff;
}

.accodian-wrapper .btn.btn-link.collapsed {
  background: rgba(254, 123, 17, 0.05);
  color: rgba(0, 0, 0, 0.8);
}

.accodian-wrapper {
  padding-top: 32px;
  max-width: 1163px;
}

.accodian-wrapper .datatable-inner {
  padding-top: 13px;
}

.star-awardws-bx {
  background: rgba(254, 123, 17, 0.05);
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  text-align: left !important;
  padding: 15px 24px;
  padding-left: 24px;
  background: rgba(254, 123, 17, 0.05);
  border-radius: 5px;
  font-weight: 500;
  position: relative;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  outline: 0;
  margin-top: 30px;
}

.star-awardws-bx i,
.star-awardws-bx a {
  color: #FDA53A;
}

.star-awardws-bx span {
  padding-left: 43px;
}

.pdf-poup-in .modal-dialog {
  max-width: 600px !important;
  background: #fff !important;
}

.pdf-poup-in h2 {
  font-weight: 400;
  font-size: 16px;
  background: #FF740B;
  color: #fff;
  padding: 12px 29px;
}

.list-cover-inbox {
  padding: 12px 29px;
}

.list-cover-inbox li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  padding: 9px 0;
  font-weight: 400;
  /* padding-left: 33px; */
  position: relative;
}

/*
.list-cover-inbox li::after {
  font-family: "Font Awesome 5 free";
  content: "";
  font-weight: 900;
  content: "\f058";
  left: 0;
  position: absolute;
  color: #40C3B1;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
} */

.list-box-img {
  height: 100%;
  border-left: 1px solid rgba(217, 217, 217, 0.35);
  padding: 12px 29px;
}

.select-img-inx {
  padding-top: 10px;
  text-align: left;
  padding-left: 50px;
}

.list-box-img ul li {
  padding: 11px 0;
}

.list-box-img label {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}

.list-box-img .pdf-comman-btn {
  margin-top: 43px !important;
}

.feedback-contet {
  max-width: 300px;
  display: block;
}

.proficenal-inx {
  padding-top: 15px;
  display: block;
  color: #FF740B;
}

.proficenal-inx b {
  color: #000;
}

.datatable-inner.name-data-result-table.feedback td {
  vertical-align: bottom;
}

.select-leader h5 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  padding-bottom: 15px;
  font-weight: 400;
}

.wrapper-report-box .comman-cheks {
  font-size: 16px !important;
}

.comman-count-select select {
  background: rgba(191, 92, 18, 0.05);
  border: none !important;
  padding: 7px 18px;
  border-radius: 7.48361px;
}

.core-leader-data-table {
  background: rgba(254, 123, 17, 0.05);
  margin-top: 40px;
}

.core-leader-data-table .datatable-inner {
  padding: 0;
}

.core-leader-data-table .datatable-inner tbody tr:nth-child(2n) {
  background: transparent;
}

.core-leader-data-table td {
  color: #000;
}

.core-leader-data-table h2 {
  background: rgba(255, 116, 11, 0.8);
  border-radius: 5px 5px 0px 0px;
  text-align: right;
  padding: 16px 16px;
  color: #fff;
  font-size: 17px;
}

.core-competencies span {
  width: 100%;
  display: block;
  max-width: 50%;
  margin-left: auto;
  text-align: center;
}

.core-leader-data-table .feedback-contet {
  text-align: left;
  padding-left: 45px;
}

.comments-text-areas h3 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  padding-bottom: 15px;
  font-weight: 400;
}

.comments-text-areas {
  padding-top: 57px;
}

.commnet-text-prebook {
  width: 100%;
  background: rgba(254, 123, 17, 0.05);
  padding: 29px 27px;
  border-radius: 5px;
  font-size: 14px;
}

.siganature {
  padding-top: 49px;
}

.evaluator-heading-sec {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 26px;
}

.evaluator-events {
  border-radius: 5px;
  background: rgba(255, 116, 11, 0.05);
  overflow: hidden;
}

.evaluator-events h4 {
  background: rgba(255, 116, 11, 0.8);
  font-size: 15px;
  color: #fff;
  text-align: center;
  padding: 18px 14px;
}

.evaluator-events-content {
  height: 267px;
  padding: 23px 18px;
  font-size: 14px;
  color: #000;
}

.evaluator-events {
  margin-bottom: 30px;
}

.principles-content-text p {
  margin: 0;
  font-weight: 400;
  padding-bottom: 6px;
}

.principles-content-text {
  padding: 19px 0 0;
  overflow-wrap: break-word;
}

.list-content-principl ul {
  padding: 17px 0 0;
  margin: 0;
}

.list-content-principl ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background: #fe7b11;
  border-radius: 50%;
}

.list-content-principl ul li {
  margin: 0;
  font-weight: 400;
  padding-bottom: 9px;
  padding-left: 23px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  position: relative;
}

.wrapper-report-box.blocktd td {
  color: #000 !important;
}

.datatable-inner.colorchanges.left-concept th,
.datatable-inner.colorchanges.left-concept td {
  text-align: left !important;
}

.datatable-inner.colorchanges.left-concept .form-check.form-check-inline {
  white-space: nowrap;
}

.form-tab-wrapper .kpasidbar {
  padding-right: 0 !important;
}

.form-tab-wrapper .kpasidbar a::after {
  display: none !important;
}

.form-tab-wrapper .kpasidbar a {
  text-align: left;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 400;
}

.form-tab-wrapper .kpasidbar a span {
  font-size: 16px;
}

.form-tab-wrapper h2 {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 26px;
}

.form-tab-wrapper {
  padding: 28px 20px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.6) !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 0, 0, 0.6) !important;
}

.form-tab-wrapper .details-bx input,
.form-tab-wrapper .details-bx select {
  padding: 11px 29px;
  height: 56px;
}

.form-tab-wrapper .save-btn-cover button {
  padding: 16px 56px;
  margin-top: 32px;
}

.inner-table-cm-color td:nth-child(2) {
  width: 357px !important;
}

.kpi-main-inner-cbz .countup {
  width: 40px !important;
  display: block;
}

.left-select-text h4 {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  text-transform: capitalize;
  margin-bottom: 13px;
}

.main-selct-ares .form-group.comman-label-name {
  margin: 0 !important;
}

.main-selct-ares {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rating-commns-pages a {
  color: #FFBB00F2;
}

.rating-commns-pages {
  padding-left: 14px;
}

.select-all-radio {
  display: inline-block;
  color: #00000066;
  padding-right: 4px;
}

.comman-input-data-featuch .form-check-label {
  margin: 0;
  padding: 0;
}

.comman-input-data-featuch {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.comman-input-data-featuch .form-check {
  width: 50%;
}

.comman-input-data-featuch .input-text-area {
  width: 50%;
}

.input-text-area input {
  width: 100%;
  background: rgba(255, 116, 11, 0.1);
  border-radius: 5px;
  border: none !important;
  padding: 11px 11px;
}

.comman-input-data-featuch .form-check-label {
  position: relative;
}

.object-onlion {
  padding: 43px 50px 0;
}

.object-onlion label {
  display: block;
  font-size: 16px;
}

.object-onlion textarea {
  background: rgba(254, 123, 17, 0.05);
  border: none;
  resize: none;
  width: 100%;
  height: 145px;
  padding: 22px;
}

.object-onlion .btn-form-cmd {
  margin: 0;
}





/*--------------------------------------------------------------------------------------*/
/*Developer-Css-Here
/*--------------------------------------------------------------------------------------*/
.btn-decor {
  background: transparent !important;
  border: none !important;
  outline: 0;
  padding: 0 !important;
  margin: 0 !important;
  color: #fd740c !important;
  font-size: 13px;
}

.btn-decor.icon-large-btn {
  font-size: 17px;
}

.form-all-pages-sub .form-control {
  height: 49px;
  resize: none;
}

button#btnAdd {
  color: #fe7b11;
  margin: auto;
  outline: 0;
  border: 1px solid #fe7b11;
  width: 37px;
  display: inline-block;
  height: 37px;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

button#btnAdd:hover {
  background: #fe7b11 !important;
  color: #fff !important;
}

.add-btn-top-cm {
  text-align: center !important;
  padding-top: 38px;
}

.scroll-bar-max-hight {
  max-height: 435px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.search-work-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

button {
  outline: 0;
}

.table.colorchanges>thead>tr>th {
  background: #fe7b11;
  color: #fff;
}

.kpi-main-inner-cbz tr {
  background: #fafafa !important;
}

.kpi-main-inner-cbz table {
  margin: 0;
  padding: 0;
}

.kpi-main-inner-cbz .inner-table-cm-color thead {
  box-shadow: unset;
}

.object-modal th,
.object-modal td {
  text-align: left !important;
  padding: 19px 26px !important;
}

.histry-overs {
  color: rgba(0, 0, 0, 0.35);
  font-weight: 400;
  font-size: 16px;
  padding-top: 34px;
}

.comman-kpi-same-frmate th,
.comman-kpi-same-frmate td {
  text-align: left !important;
  padding: 23px 17px !important;
}

.comman-kpi-same-frmate .countup {
  padding-left: 14px;
}

.star-rating-table a {
  color: rgba(255, 187, 0, 0.95);
  padding: 3px;
}

.comman-kpi-same-frmate h4 {
  background: #fe7b11;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding: 11px 52px;
  margin-top: 58px;
}

.comman-kpi-same-frmate .datatable-inner tbody tr:nth-child(2n) {
  background: transparent;
}

.star-rating-table {
  display: flex;
}

.comman-form-redesign .form-group {
  display: flex;
  align-items: center;
}

.comman-form-redesign .form-group>label {
  min-width: 152px;
  margin: 0;
  padding-right: 12px;
  width: auto;
  max-width: 152px;
}

.form-check.form-check-inline {
  margin-bottom: 9px;
}

.comman-form-redesign .number-code {
  width: 100%;
}

.comman-form-redesign .form-group.checks .justify-content-between {
  justify-content: unset !important;
}

.number-inx-country {
  width: 100%;
  display: flex;
  align-items: center;
}

.comman-form-redesign .number-inx-country .select2.select2-container {
  width: 148px !important;
}

.number-inx-country input.form-control {
  background: transparent !important;
}

.number-inx-country input.form-control select {
  background: transparent !important;
}

.number-inx-country {
  background: rgba(255, 116, 11, 0.05);
  border-radius: 7.48361px;
}

.number-inx-country .select2-container--bootstrap4 .select2-selection {
  background: transparent !important;
}

.text-block-width div {
  width: 100% !important;
}


/*--------------------------------------------------------------------------------------*/
/*Date-picker-Css-Here
/*--------------------------------------------------------------------------------------*/
.footer-row {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.footer-row h4 {
  font-size: 1.2rem;
  margin: 10px 0;
}

.footer-row a {
  text-decoration: none;
  display: block;
  color: #666;
  margin: 3px 0;
  padding: 3px 0;
}

.footer-column {
  padding: 10px 30px;
}

@media screen and (max-width: 615px) {
  .footer-row {
    flex-direction: column;
  }

  .footer-column {
    padding: 10px 20px;
  }
}

.hidden-2 {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
  transform-origin: left center;
}

#date-picker-section {
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 80vh;
}

.date-picker-date {
  position: relative;
  display: inline-block;
}

.date-picker-date.active {
  font-weight: bold;
}

#date-picker-display-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.date-picker-display-pair {
  margin: 10px;
}

.date-picker-display-label {
  text-align: center;
  font-size: 0.8rem;
  position: relative;
  top: -8px;
  text-transform: uppercase;
}

#date-picker-modal {
  width: 310px;
  padding: 15px;
  position: fixed;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 0.1s;
  background: white;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto;
  z-index: 9999;
  height: 332px;
  border-radius: 10px;
  box-shadow: 0px 0px 17px #fff;
}

#date-picker-modal::before {
  position: absolute;
  display: block;
  top: 0;
  left: -5px;
  right: -5px;
  height: 96px;
  background: #fe7b11;
  content: "";
}

#date-picker-top-bar {
  position: relative;
  color: #666;
  background: white;
  width: 195px;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 5px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.date-picker-change-month {
  font-size: 23px;
  line-height: 23px;
  padding: 0 10px;
  padding-bottom: 4px;
  cursor: pointer;
  position: absolute;
  top: 4px;
}

#date-picker-previous-month {
  left: 5px;
}

#date-picker-next-month {
  right: 5px;
}

#date-picker-month {
  margin: 0 20px;
}

#date-picker-exit {
  position: absolute;
  top: 15px;
  right: 17px;
  padding: 0 10px;
  font-size: 23px;
  cursor: pointer;
  color: white;
}

#date-picker-exit:hover {
  background: rgba(255, 255, 255, 0.3);
}

#date-picker {
  width: 280px;
  table-layout: fixed;
  position: relative;
}

#date-picker th,
#date-picker td {
  text-align: center;
}

#date-picker th {
  cursor: default;
  border-radius: 0;
  height: 50px;
  border-color: #1ae094;
}

#date-picker td {
  cursor: pointer;
  color: #666;
  border-radius: 50%;
  height: 38px;
  padding: 10px 11px !important;
}

#date-picker td:hover {
  background: #eee;
}

#date-picker td.active {
  background: #fe7b11;
  color: white;
}

#date-picker td.previous-month,
#date-picker td.next-month {
  color: #bbb;
}

#date-picker-weekdays {
  color: white;
}


/*--------------------------------------------------------------------------------------*/
/*Time-picker-Css-Here
/*--------------------------------------------------------------------------------------*/
.timepicker_div .form-control.timepicker,
.Endtimepicker {
  font-weight: 500;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.35);
  background: transparent !important;
  padding: 0;
  text-align: center !important;
}

.mdtp__wrapper,
body[mdtimepicker-display="on"] {
  overflow: hidden;
}

.mdtimepicker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  background-color: rgba(10, 10, 10, 0.7);
  transition: background-color 0.28s ease;
  z-index: 100001;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mdtimepicker.hidden {
  display: none;
}

.mdtimepicker.animate {
  background-color: transparent;
}

.mdtp__wrapper {
  display: flex;
  flex-direction: column;
  min-width: 280px;
  opacity: 1;
  user-select: none;
  border-radius: 2px;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  transition: transform 0.28s ease, opacity 0.28s ease;
  max-width: 294px;
}

.mdtp__wrapper.animate {
  transform: translateX(-50%) scale(1.05);
  opacity: 0;
}

.mdtp__time_holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  padding: 20px 24px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  background-color: #1565c0;
}

.mdtp__time_holder>span {
  display: inline-block;
  line-height: 48px;
  cursor: default;
}

.mdtp__time_holder>span:not(.mdtp__timedots):not(.mdtp__ampm) {
  cursor: pointer;
  margin: 0 4px;
}

.mdtp__time_holder .mdtp__time_h.active,
.mdtp__time_holder .mdtp__time_m.active {
  color: #fafafa;
}

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

.mdtp__clock_holder {
  position: relative;
  padding: 20px;
  background-color: #fff;
}

.mdtp__clock_holder .mdtp__clock {
  position: relative;
  width: 250px;
  height: 250px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: #eee;
}

.mdtp__clock .mdtp__am,
.mdtp__clock .mdtp__pm {
  display: block;
  position: absolute;
  bottom: -8px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s ease, color 0.2s;
  z-index: 3;
}

.mdtp__clock .mdtp__am {
  left: -8px;
}

.mdtp__clock .mdtp__pm {
  right: -8px;
}

.mdtp__clock .mdtp__am:hover,
.mdtp__clock .mdtp__pm:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.mdtp__clock .mdtp__am.active,
.mdtp__clock .mdtp__pm.active {
  color: #fafafa;
  background-color: #1565c0;
}

.mdtp__clock .mdtp__clock_dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4px;
  background-color: #1565c0;
  border-radius: 50%;
}

.mdtp__clock .mdtp__hour_holder,
.mdtp__clock .mdtp__minute_holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
  overflow: hidden;
}

.mdtp__clock .mdtp__hour_holder.animate {
  transform: scale(1.2);
  opacity: 0;
}

.mdtp__clock .mdtp__minute_holder.animate {
  transform: scale(0.8);
  opacity: 0;
}

.mdtp__clock .mdtp__hour_holder.hidden,
.mdtp__clock .mdtp__minute_holder.hidden {
  display: none;
}

.mdtp__clock .mdtp__digit {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  margin-top: -16px;
  transform-origin: right center;
  z-index: 1;
}

.mdtp__clock .mdtp__digit span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.28s, color 0.14s;
}

.mdtp__clock .mdtp__digit span:hover,
.mdtp__digit.active span {
  background-color: #1565c0 !important;
  color: #fff;
  z-index: 2;
}

.mdtp__button,
.mdtp__wrapper[data-theme="blue"] .mdtp__button {
  color: #FE7B11;
}

.mdtp__digit.active:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 2px;
  width: calc(100% - 40px);
  background-color: #1565c0;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit {
  font-size: 13px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) {
  margin-top: -6px;
  height: 12px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker).active:before {
  width: calc(100% - 26px);
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit:not(.marker) span {
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 14px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker {
  margin-top: -12px;
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker.active:before {
  width: calc(100% - 34px);
}

.mdtp__clock .mdtp__minute_holder .mdtp__digit.marker span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 10px;
}

.mdtp__digit.rotate-6 {
  transform: rotate(6deg);
}

.mdtp__digit.rotate-6 span {
  transform: rotate(-6deg);
}

.mdtp__digit.rotate-12 {
  transform: rotate(12deg);
}

.mdtp__digit.rotate-12 span {
  transform: rotate(-12deg);
}

.mdtp__digit.rotate-18 {
  transform: rotate(18deg);
}

.mdtp__digit.rotate-18 span {
  transform: rotate(-18deg);
}

.mdtp__digit.rotate-24 {
  transform: rotate(24deg);
}

.mdtp__digit.rotate-24 span {
  transform: rotate(-24deg);
}

.mdtp__digit.rotate-30 {
  transform: rotate(30deg);
}

.mdtp__digit.rotate-30 span {
  transform: rotate(-30deg);
}

.mdtp__digit.rotate-36 {
  transform: rotate(36deg);
}

.mdtp__digit.rotate-36 span {
  transform: rotate(-36deg);
}

.mdtp__digit.rotate-42 {
  transform: rotate(42deg);
}

.mdtp__digit.rotate-42 span {
  transform: rotate(-42deg);
}

.mdtp__digit.rotate-48 {
  transform: rotate(48deg);
}

.mdtp__digit.rotate-48 span {
  transform: rotate(-48deg);
}

.mdtp__digit.rotate-54 {
  transform: rotate(54deg);
}

.mdtp__digit.rotate-54 span {
  transform: rotate(-54deg);
}

.mdtp__digit.rotate-60 {
  transform: rotate(60deg);
}

.mdtp__digit.rotate-60 span {
  transform: rotate(-60deg);
}

.mdtp__digit.rotate-66 {
  transform: rotate(66deg);
}

.mdtp__digit.rotate-66 span {
  transform: rotate(-66deg);
}

.mdtp__digit.rotate-72 {
  transform: rotate(72deg);
}

.mdtp__digit.rotate-72 span {
  transform: rotate(-72deg);
}

.mdtp__digit.rotate-78 {
  transform: rotate(78deg);
}

.mdtp__digit.rotate-78 span {
  transform: rotate(-78deg);
}

.mdtp__digit.rotate-84 {
  transform: rotate(84deg);
}

.mdtp__digit.rotate-84 span {
  transform: rotate(-84deg);
}

.mdtp__digit.rotate-90 {
  transform: rotate(90deg);
}

.mdtp__digit.rotate-90 span {
  transform: rotate(-90deg);
}

.mdtp__digit.rotate-96 {
  transform: rotate(96deg);
}

.mdtp__digit.rotate-96 span {
  transform: rotate(-96deg);
}

.mdtp__digit.rotate-102 {
  transform: rotate(102deg);
}

.mdtp__digit.rotate-102 span {
  transform: rotate(-102deg);
}

.mdtp__digit.rotate-108 {
  transform: rotate(108deg);
}

.mdtp__digit.rotate-108 span {
  transform: rotate(-108deg);
}

.mdtp__digit.rotate-114 {
  transform: rotate(114deg);
}

.mdtp__digit.rotate-114 span {
  transform: rotate(-114deg);
}

.mdtp__digit.rotate-120 {
  transform: rotate(120deg);
}

.mdtp__digit.rotate-120 span {
  transform: rotate(-120deg);
}

.mdtp__digit.rotate-126 {
  transform: rotate(126deg);
}

.mdtp__digit.rotate-126 span {
  transform: rotate(-126deg);
}

.mdtp__digit.rotate-132 {
  transform: rotate(132deg);
}

.mdtp__digit.rotate-132 span {
  transform: rotate(-132deg);
}

.mdtp__digit.rotate-138 {
  transform: rotate(138deg);
}

.mdtp__digit.rotate-138 span {
  transform: rotate(-138deg);
}

.mdtp__digit.rotate-144 {
  transform: rotate(144deg);
}

.mdtp__digit.rotate-144 span {
  transform: rotate(-144deg);
}

.mdtp__digit.rotate-150 {
  transform: rotate(150deg);
}

.mdtp__digit.rotate-150 span {
  transform: rotate(-150deg);
}

.mdtp__digit.rotate-156 {
  transform: rotate(156deg);
}

.mdtp__digit.rotate-156 span {
  transform: rotate(-156deg);
}

.mdtp__digit.rotate-162 {
  transform: rotate(162deg);
}

.mdtp__digit.rotate-162 span {
  transform: rotate(-162deg);
}

.mdtp__digit.rotate-168 {
  transform: rotate(168deg);
}

.mdtp__digit.rotate-168 span {
  transform: rotate(-168deg);
}

.mdtp__digit.rotate-174 {
  transform: rotate(174deg);
}

.mdtp__digit.rotate-174 span {
  transform: rotate(-174deg);
}

.mdtp__digit.rotate-180 {
  transform: rotate(180deg);
}

.mdtp__digit.rotate-180 span {
  transform: rotate(-180deg);
}

.mdtp__digit.rotate-186 {
  transform: rotate(186deg);
}

.mdtp__digit.rotate-186 span {
  transform: rotate(-186deg);
}

.mdtp__digit.rotate-192 {
  transform: rotate(192deg);
}

.mdtp__digit.rotate-192 span {
  transform: rotate(-192deg);
}

.mdtp__digit.rotate-198 {
  transform: rotate(198deg);
}

.mdtp__digit.rotate-198 span {
  transform: rotate(-198deg);
}

.mdtp__digit.rotate-204 {
  transform: rotate(204deg);
}

.mdtp__digit.rotate-204 span {
  transform: rotate(-204deg);
}

.mdtp__digit.rotate-210 {
  transform: rotate(210deg);
}

.mdtp__digit.rotate-210 span {
  transform: rotate(-210deg);
}

.mdtp__digit.rotate-216 {
  transform: rotate(216deg);
}

.mdtp__digit.rotate-216 span {
  transform: rotate(-216deg);
}

.mdtp__digit.rotate-222 {
  transform: rotate(222deg);
}

.mdtp__digit.rotate-222 span {
  transform: rotate(-222deg);
}

.mdtp__digit.rotate-228 {
  transform: rotate(228deg);
}

.mdtp__digit.rotate-228 span {
  transform: rotate(-228deg);
}

.mdtp__digit.rotate-234 {
  transform: rotate(234deg);
}

.mdtp__digit.rotate-234 span {
  transform: rotate(-234deg);
}

.mdtp__digit.rotate-240 {
  transform: rotate(240deg);
}

.mdtp__digit.rotate-240 span {
  transform: rotate(-240deg);
}

.mdtp__digit.rotate-246 {
  transform: rotate(246deg);
}

.mdtp__digit.rotate-246 span {
  transform: rotate(-246deg);
}

.mdtp__digit.rotate-252 {
  transform: rotate(252deg);
}

.mdtp__digit.rotate-252 span {
  transform: rotate(-252deg);
}

.mdtp__digit.rotate-258 {
  transform: rotate(258deg);
}

.mdtp__digit.rotate-258 span {
  transform: rotate(-258deg);
}

.mdtp__digit.rotate-264 {
  transform: rotate(264deg);
}

.mdtp__digit.rotate-264 span {
  transform: rotate(-264deg);
}

.mdtp__digit.rotate-270 {
  transform: rotate(270deg);
}

.mdtp__digit.rotate-270 span {
  transform: rotate(-270deg);
}

.mdtp__digit.rotate-276 {
  transform: rotate(276deg);
}

.mdtp__digit.rotate-276 span {
  transform: rotate(-276deg);
}

.mdtp__digit.rotate-282 {
  transform: rotate(282deg);
}

.mdtp__digit.rotate-282 span {
  transform: rotate(-282deg);
}

.mdtp__digit.rotate-288 {
  transform: rotate(288deg);
}

.mdtp__digit.rotate-288 span {
  transform: rotate(-288deg);
}

.mdtp__digit.rotate-294 {
  transform: rotate(294deg);
}

.mdtp__digit.rotate-294 span {
  transform: rotate(-294deg);
}

.mdtp__digit.rotate-300 {
  transform: rotate(300deg);
}

.mdtp__digit.rotate-300 span {
  transform: rotate(-300deg);
}

.mdtp__digit.rotate-306 {
  transform: rotate(306deg);
}

.mdtp__digit.rotate-306 span {
  transform: rotate(-306deg);
}

.mdtp__digit.rotate-312 {
  transform: rotate(312deg);
}

.mdtp__digit.rotate-312 span {
  transform: rotate(-312deg);
}

.mdtp__digit.rotate-318 {
  transform: rotate(318deg);
}

.mdtp__digit.rotate-318 span {
  transform: rotate(-318deg);
}

.mdtp__digit.rotate-324 {
  transform: rotate(324deg);
}

.mdtp__digit.rotate-324 span {
  transform: rotate(-324deg);
}

.mdtp__digit.rotate-330 {
  transform: rotate(330deg);
}

.mdtp__digit.rotate-330 span {
  transform: rotate(-330deg);
}

.mdtp__digit.rotate-336 {
  transform: rotate(336deg);
}

.mdtp__digit.rotate-336 span {
  transform: rotate(-336deg);
}

.mdtp__digit.rotate-342 {
  transform: rotate(342deg);
}

.mdtp__digit.rotate-342 span {
  transform: rotate(-342deg);
}

.mdtp__digit.rotate-348 {
  transform: rotate(348deg);
}

.mdtp__digit.rotate-348 span {
  transform: rotate(-348deg);
}

.mdtp__digit.rotate-354 {
  transform: rotate(354deg);
}

.mdtp__digit.rotate-354 span {
  transform: rotate(-354deg);
}

.mdtp__digit.rotate-360 {
  transform: rotate(360deg);
}

.mdtp__digit.rotate-360 span {
  transform: rotate(-360deg);
}

.mdtp__buttons {
  margin: 0 -10px -10px;
  text-align: right;
}

.mdtp__button {
  display: inline-block;
  padding: 0 16px;
  min-width: 50px;
  text-align: center;
  text-transform: uppercase;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}

.mdtp__button:hover {
  background-color: #e0e0e0;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="blue"] .mdtp__time_holder {
  background-color: #FE7B11;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active span {
  background-color: #FE7B11 !important;
}

.mdtp__wrapper[data-theme="blue"] .mdtp__digit.active:before {
  background-color: #FE7B11;
}

.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="red"] .mdtp__time_holder {
  background-color: #c62828;
}

.mdtp__wrapper[data-theme="red"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="red"] .mdtp__digit.active span {
  background-color: #c62828 !important;
}

.mdtp__wrapper[data-theme="red"] .mdtp__digit.active:before {
  background-color: #c62828;
}

.mdtp__wrapper[data-theme="red"] .mdtp__button {
  color: #c62828;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="purple"] .mdtp__time_holder {
  background-color: #6a1b9a;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active span {
  background-color: #6a1b9a !important;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__digit.active:before {
  background-color: #6a1b9a;
}

.mdtp__wrapper[data-theme="purple"] .mdtp__button {
  color: #6a1b9a;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="indigo"] .mdtp__time_holder {
  background-color: #283593;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active span {
  background-color: #283593 !important;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__digit.active:before {
  background-color: #283593;
}

.mdtp__wrapper[data-theme="indigo"] .mdtp__button {
  color: #283593;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="teal"] .mdtp__time_holder {
  background-color: #00695c;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active span {
  background-color: #00695c !important;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__digit.active:before {
  background-color: #00695c;
}

.mdtp__wrapper[data-theme="teal"] .mdtp__button {
  color: #00695c;
}

.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__am.active,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__clock_dot,
.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__pm.active,
.mdtp__wrapper[data-theme="green"] .mdtp__time_holder {
  background-color: #FE7B11;
}

.mdtp__wrapper[data-theme="green"] .mdtp__clock .mdtp__digit span:hover,
.mdtp__wrapper[data-theme="green"] .mdtp__digit.active span {
  background-color: #FE7B11 !important;
}

.mdtp__wrapper[data-theme="green"] .mdtp__digit.active:before {
  background-color: #FE7B11;
}

.mdtp__wrapper[data-theme="green"] .mdtp__button {
  color: #FE7B11;
}

@media (max-height: 360px) {
  .mdtp__wrapper {
    flex-direction: row;
    bottom: 8px;
  }

  .mdtp__time_holder {
    width: 160px;
    padding: 20px;
  }

  .mdtp__clock_holder {
    padding: 16px;
  }

  .mdtp__clock .mdtp__am,
  .mdtp__clock .mdtp__pm {
    bottom: -4px;
  }

  .mdtp__clock .mdtp__am {
    left: -4px;
  }

  .mdtp__clock .mdtp__pm {
    right: -4px;
  }
}

@media (max-height: 320px) {
  .mdtp__wrapper {
    bottom: 0;
  }
}


.mdtimepicker .mdtp__clock_holder .mdtp__clock .mdtp__digit.digit--disabled span {
  color: #c8c8c8;
  cursor: not-allowed;
  background-color: transparent !important;
}

.select-box-row select {
  background: #fe7b11;
  border: none !important;
  font-size: 13px;
  color: #fff;
  padding: 5px 15px;
  border-radius: 6px;
}

.comman-del {
  border: 1px solid #fe7b11;
  color: #fe7b11;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 4px;
}


.dashbord-header {
  align-items: center;
}

.datatable-inner .dataTables_length .custom-select {
  border: 1px solid #FE7B11 !important;
  color: #000 !important;
  height: auto !important;
  min-width: 49px;
  padding: 6px 8px 3px;
}

ul.pagination li,
ul.pagination li a {
  font-size: 12px;
}

.dataTables_info {
  display: inline-block !important;
}

.dataTables_length {
  display: inline-block !important;
}

select.form-control.datashow {
  display: inline-block !important;
}

.selectPageNo {
  display: inline-block;
  padding: 0 11px;
  font-size: 12px;
}

.dataTables_paginate {
  display: inline-block;
  text-align: right !important;
  float: right;
}

select.form-control.datashow {
  display: inline-block !important;
  border: 1px solid #FE7B11 !important;
  height: auto !important;
  width: auto !important;
  min-width: 49px;
  padding: 2px 8px !important;
  font-size: 11px;
  color: #000 !important;
}


input[type='radio'] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  /* border: 0px solid darkgray; */
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 0px 1px #fe7b11 inset;
}



input[type='radio']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input[type='radio']:checked:before {
  background: #fe7b11;
}

.previous a {
  color: #FE7B11 !important;
}

.previous.disabled a {
  color: #6c757d !important;
}

.dashbord-header {
  z-index: 999999;
}

.modal-open .modal {
  top: 15%;
}

.reviews-listed {
  max-width: 222px;
}

.starsbxs i {
  color: #FFBB00F2;
  padding: 0 2px;
}

.starsbxs {
  display: block;
  width: 170px;
}

.commants-booking-wrapper.kpi-main-inner-cbz.main-tabsks.crd thead {
  box-shadow: unset;
}

.shadow-table-head {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid whitesmoke;
}


/* loader Css */

.loader-body {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #00000063;
  z-index: 999999999999;
  top: 0;
}

.loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fe7b11;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.loader {
  width: 4px;
  height: 4px;
  margin: 20px auto;
  color: white;
  border-radius: 50%;
  animation: bubbling 2s linear infinite;
}

@keyframes bubbling {

  0%,
  100% {
    box-shadow: -21px 0 0 1px, -7px 0 0 1px, 7px 0 0 1px, 21px 0 0 1px;
  }

  20% {
    box-shadow: -21px 0 0 3px, -7px 0 0 1px, 7px 0 0 1px, 21px 0 0 1px;
  }

  40% {
    box-shadow: -21px 0 0 1px, -7px 0 0 3px, 7px 0 0 1px, 21px 0 0 1px;
  }

  60% {
    box-shadow: -21px 0 0 1px, -7px 0 0 1px, 7px 0 0 3px, 21px 0 0 1px;
  }

  80% {
    box-shadow: -21px 0 0 1px, -7px 0 0 1px, 7px 0 0 1px, 21px 0 0 3px;
  }
}

.disbale-a {
  background: #b3a7a7;
  pointer-events: none;
}

select.custom-select.custom-select-sm.form-control.form-control-sm {
  background: transparent;
}

.nav.nestas-str.row.nav-pillss a {
  max-width: 335px;
}

.test-scoress-wrapper.latestcoder .tab-pane {
  display: none;
}

.test-scoress-wrapper.latestcoder .tab-pane.active {
  display: block !important;
  opacity: 1 !important;
}

.grid-class-custom {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 0 !important;

  display: flex;
  flex-wrap: wrap;

}

.dataname p {
  margin-bottom: 0;
}

.timepicker_div .form-control.timepicker,
.Endtimepicker {
  height: 30px !important;
  border-radius: 0 !important;
  box-shadow: none;
  background: url(https://icons.iconarchive.com/icons/steve/zondicons/256/Time-icon.png) right 1rem center no-repeat !important;
  cursor: pointer;
  background-position: 95% !important;
  background-size: 15px !important;
  text-align: left !important;
  width: 100px !important;
}

button#btnAddEvidence {
  color: #fe7b11;
  margin: auto;
  outline: 0;
  border: 1px solid #fe7b11;
  width: 37px;
  display: inline-block;
  height: 37px;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

button#btnAddDimension {
  color: #fe7b11;
  margin: auto;
  outline: 0;
  border: 1px solid #fe7b11;
  width: 37px;
  display: inline-block;
  height: 37px;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.evaluatorbtnBox a.active {
  background-color: #fe7b11;
  color: white;
  border-radius: 6px;
  margin: 0px 5px;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 15px;
  border: 1px solid #fe7b11;
}

.evaluatorbtnBox a {

  color: #fe7b11;
  border-radius: 6px;
  margin: 0px 5px;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 15px;
  border: 1px solid #fe7b11;
}

.evidences li b {
  font-weight: 500;
}

.evidences li::before {
  content: "\2022";
  color: #ff740b;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0em;
}

.modal-lg {
  max-width: 95% !important;
}

div#grid_row a {
  /* max-width: 406px;
  min-width: 406px; */
  margin-left: auto;
  margin-right: auto;
}

button.nav-link.new-comman-btn-dm {
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  outline: 0 !important;
  display: block;
  width: 100%;
  text-align: left !important;
}

button.nav-link.new-comman-btn-dm:hover {
  color: #ff7416 !important;
}

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

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
  padding-right: 0px !important;
}

.guidance {
  cursor: pointer;
  color: white;
}

.user-search {
  padding: 10px !important;
}

.kpaClass.same-scoreen {
  /* position: relative; */
  height: 60px;
}

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

.firs_tlatter:first-letter {
  text-transform: capitalize
}

.space-nowrap {
  white-space: nowrap;
}

.w-20 {
  width: 20%;
}

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

.remove-nagative-btn {
  color: #fe7b11;
  margin: auto;
  outline: 0;
  border: 1px solid #fe7b11;
  width: 37px;
  display: inline-block;
  height: 37px;
  text-align: center;
  border-radius: 50%;
  margin: 0 8px;
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: right;
}

.remove-nagative-btn:hover {
  background: #fe7b11 !important;
  color: #fff !important;
}

.numberclass {
  border: 1px solid #ff740b !important;
  padding: 1px 6px;
  font-weight: 600;
  background: transparent !important;
}

.modal {
  z-index: 999999 !important;
}

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

.modal-backdrop.show {
  opacity: .5;
  z-index: 999999;
}

.modal {
  z-index: 99999999 !important;
}

.tool-box-tip {
  min-width: 200px !important;
  padding: 5px 5px !important;
}

.cohort-text {

  color: #FE7B11;
  font-size: 13px;

}

ul.btn_comman_save_email a {
  margin: 4px 0;
  min-width: 91px;
  text-align: center;
}

.cohort_modal_box .btn-form-cmd {
  margin: 0 !important;
  padding: 0 !important;
}

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

.cohort_modal_box .modal-dialog {
  max-width: 737px;
}

.border-inner {
  height: 1px;
  width: 100%;
  display: block;
  background: #e3d3d3;
}

.check_bar_comman_colum .form-check-input:disabled~.form-check-label {
  color: #212529 !important;
}

a.ShowCommentBox.viewMore {
  color: #ff740b;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
}

.btnBoxModerator {
  width: 140px;
}

span.avg_success {
  color: green;
  font-size: 13px;
  font-weight: 600;
}

.word-wrap-inline {
  white-space: nowrap;
}

.cke_dialog_container {
  z-index: 99999999999 !important;
}

.dropdowns {
  display: none;
}


/* 11-01-2023 */
.moderation-tabs h2 {
  font-size: 20px;
  padding: 0;
  margin: 0 0 20px 0;
}

.moderation-tabs .nav-tabs .nav-item {}

.moderation-tabs .nav-tabs .nav-link {
  color: #666;
  font-size: 14px;
  border: 0;
}

.moderation-tabs .nav-tabs .nav-link.active {
  background: #fe7b11;
  color: #fff;
}

.moderation-tabs .tab-content {
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #dee2e6;
}

.moderation-tabs .tab-content .tab-content {
  padding: 20px 0 0 0;
  border-bottom: 0;
}

.moderation-tabs .tab-content .tab-pane {
  display: none;
  opacity: 0;
}

.moderation-tabs .tab-content .tab-pane.active {
  display: block;
  opacity: 1;
}

.moderation-tabs .tab-content .top-heading {}

.moderation-tabs .tab-content .top-heading h3 {
  background: transparent;
  font-size: 16px;
  padding: 0;
  margin: 0 0 20px 0;
  color: #000;
  box-shadow: none;
  font-weight: 400;
}

.moderation-tabs .tab-content .top-heading h3 b {
  font-weight: 600;
}

.moderation-tabs .btn-primary {
  background: #ff740b;
  border-color: #ff740b;
}

.datatable-inner .font16 label.form-check-label {
  font-size: 16px !important;
}