.mob-logo{display:none;}
 .container-fluid{    }
 .container-fluid .row.p-0.m-0{align-items: stretch;}
main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

input.hamburger {
  display: none;
}
input.hamburger:checked ~ label > i {
  background-color: transparent;
  transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
  transform: translate(-50%, 0%) rotate(45deg);
}
input.hamburger:checked ~ label > i:after {
  transform: translate(-50%, 0%) rotate(-45deg);
}
input.hamburger:checked ~ label > div::after {
  width: 100%;
}
input.hamburger:checked ~ label > div::before {
  width: 0;
}


.checkboxs input[type="checkbox"] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkboxs label {
  position: relative;
  cursor: pointer;
}
.forgot-password-bt{margin-bottom:20px;}
.checkboxs label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.mandate-star	{color:red;}
div.dataTables_processing{    z-index: 999;}
.statusUpdateTxt {
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    height: 85px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0px;
    padding: 6px;
}
.checkboxs input[type="checkbox"]:checked + label:before
{
	background:#fff;
}
.checkboxs input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
     top: 7px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #124634;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#button-top {
  display: inline-block;
  background-color: #d5ab3d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 12px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-top::after {
  content: "\2191";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button-top:hover {
  cursor: pointer;
  background-color: #333;
}
#button-top:active {
  background-color: #555;
}
#button-top.show {
  opacity: 1;
  visibility: visible;
}


.btn {
    margin: 5px 0px;
    font-size: 12px;
    border-radius:8px;
    color: #fff;
	width:100%;
    text-align: center;
    padding:10px 10px; border: 0;
}
.bg-yellow{background:#B79662;}
.bg-yellow:hover{background:#856637; color:#fff;}
.btn-dark:hover{background:#856637;}

.v-align{align-items: center;}
.v-align label{ margin:0px;}
select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;  
    border-radius: 5px;
	border:1px solid #E8DED1;
	padding-left:10px;
    height: 34px;
	 margin: 10px 0px;
    background:url(../images/select-arrow.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 90%;
	width:100%;
}
.site-configuration select{height: 50px; background-position: 95%;}
.select-box {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;  
    background:url(../images/select-arrow.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 90%;
}


select:focus-visible{outline:0px;}
input[type="radio"]:checked {
 background:#114634;
}

/* Checkbox element, when checked */
input[type="checkbox"]:checked {
 background:#114634;
}
.free-space{padding-left: 10px;}
.form-input {
	width:100%;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    height: 35px;
    padding: 5px 10px;
    margin: 10px 0px;
}
.form-input:focus-visible{outline:0px;}
label { font-size:12px;}
label.hamburger {
  z-index: 9999;
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
}
label.hamburger:hover {
  cursor: pointer;
}
label.hamburger > div {
  font-size: 0.8em;
}
label.hamburger > div::after, label.hamburger > div::before {
  top: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  overflow: hidden;
  transition: width 0.25s 0.35s, color 0.45s 0.35s;
}
label.hamburger > div::after {
  content: "CLOSE";
  right: 0;
  width: 0;
}
label.hamburger > div::before {
  content: "MENU";
  left: 0;
}
label.hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  top: 50%;
  background-color:#000;
  pointer-events: auto;
  transition-duration: 0.35s;
  transition-delay: 0.35s;
}
label.hamburger > i:before, label.hamburger > i:after {
  position: absolute;
  border-radius: 2px;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background-color: #000;
  content: "";
  transition: transform 0.35s;
  transform-origin: 50% 50%;
}
label.hamburger > i:before {
  transform: translate(-50%, -14px);
}
label.hamburger > i:after {
  transform: translate(-50%, 14px);
}

html {
  font-family: 'Poppins', sans-serif;
}


ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-wraper{
  width:79%;
padding-left: 12px!important;
padding-right: 12px!important;
max-width: 79%;
}


.primnav li.active {
  border: 1px solid #B79662;

}

.primnav li.active a{color:#B79662;}
.primnav expand:hover, .primnav li:hover {
  background-color: #B79662;border-radius: 10px; 
}
.primnav li.active {
    border: 1px solid #B79662;
    border-radius: 10px;
}
/* .primnav li.active a img{    filter: saturate(0%) hue-rotate(0deg) brightness(180%) contrast(143%);} */

.arrow {
  border: solid #B79662;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

input.hamburger:checked ~ nav.primnav ul .sub-menu .menu-arrow{display:none}
.primnav ul li.sub-menu{margin-left:45px;}
.primnav {
  position: relative;
  width: 100vw;
  font-size: 0.8em;
  text-transform: uppercase;
  background-color: #000;
  display: flex;
  flex-direction: column;
  transition: 0.6s;
  box-sizing: border-box; z-index:9999;
  padding-left: 12px;
  padding-right: 12px;
}


input.hamburger:checked ~ nav.primnav a{
   font-size: 0;
}

.paginate_button.disabled {
  opacity: 0.3;
}

.phone-fld{
  white-space: nowrap;
}

.user-name-link{
  margin-right: 11px;
}

.admin-dash-box{
  background: #B79662;
  min-height: 309px;
  border-radius: 20px;
  color: #FFF;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  transition: 0.5s ease;
  -webkit-box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
  -moz-box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
  box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
  position: relative;
}

.admin-dash-box:hover{
  background: #876e46;
}

.admin-dash-box:hover span{
  color: #FFF;
}


.admin-dash-box span{
  font-size: 28px;
  line-height: 36px;
  display: block;
  text-align: center;
  margin-top: 50px;
  font-weight: 500;
}
.notification-title .head-copy{
 display: flex;
 align-items: center;
 margin-top: 64px;
 margin-bottom: 20px;
}

.notifications-list .table.dataTable .sorting_1{
  padding: 0!important;
  border: none !important;
}

.notifications-list .table.dataTable .sorting_1 .sorting-div a{
   padding: 27px 40px!important;
   text-align: left;
   margin-bottom: 6px;
   border: 1px solid #F1EBE6;
   border-radius: 5px;
   background: #FFF url(../images/notification-arrow.svg) no-repeat right 30px center; 
   -webkit-box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
-moz-box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
color: #333333;
font-size: 16px;
display: block;
}

.notifications-list .table.dataTable .sorting_1 .sorting-div a:hover{
  opacity: 0.7;
}

.noti-icon{
  margin-right: 30px;
}

.notifications-list .table.dataTable .sorting_1 .sorting-div.disabled a{
  opacity: 0.4;
}

body .dataTables_paginate{
  padding: 24px 0 0 0;
}

body .page-item.active .page-link{
  background: #B79662;
  border-radius: 5px;
  color: #FFF;
  border: none;
  -webkit-box-shadow: -1px 5px 16px -2px rgb(183 150 98 / 31%);
    -moz-box-shadow: -1px 5px 16px -2px rgba(183,150,98,0.31);
    box-shadow: -1px 5px 16px -2px rgb(183 150 98 / 31%);
}

body .page-item .page-link{
  background: none;
  border: none;
  color: #333333;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 12px;
}

body .page-item .page-link:hover{
  color: #B79662;
}

body .page-item .page-link:focus{
  outline: none;
  box-shadow: none;
}

body .page-item.active .page-link:hover{
  color: #FFFFFF;
}

.page-item.previous,
.page-item.next{
  display: flex;
  align-items: center;
  justify-content: center;
}


.page-item.previous a{
   background: url(../images/pagination-arrow-left.svg) no-repeat left center;
   width: 15px;
   height: 18px;
}

.page-item.next a{
  background: url(../images/pagination-arrow-right.svg) no-repeat right center;
  width: 15px;
  height: 18px;
}

.form-control:disabled, .form-control[readonly]{
  background: none;
}

.manage-package-table th:nth-child(1),
.manage-package-table td:nth-child(1){
  width: 20%;
}

.manage-package-table th:nth-child(2),
.manage-package-table td:nth-child(2){
  width: 10%;
}

.manage-package-table th:nth-child(3),
.manage-package-table td:nth-child(3){
  width: 12%;
}

.manage-package-table th:nth-child(4),
.manage-package-table td:nth-child(4){
  text-align: center;
  width: 12%;
}

.manage-package-table th:nth-child(5),
.manage-package-table td:nth-child(5){
  width: 16%;
}

.manage-package-table th:nth-child(6),
.manage-package-table td:nth-child(6){
  width: 15%;
}

.manage-package-table th:nth-child(7),
.manage-package-table td:nth-child(7){
  width: 15%;
}


/* for-scrollbar-default */

.primnav > ul::-webkit-scrollbar {
  width: 4px;
}
 
.primnav > ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #c09c3f;
}
 
.primnav > ul::-webkit-scrollbar-thumb {
  background-color: #B79662;
  outline: 1px solid #82622e;
}
span.special-pkg{
  color:red;
}

/* for-scrollbar-default */

@media (min-width: 650px) {
  .primnav {
    height: auto;
 
    width: 21%; 
    transition: 0.6s ;
	background:#000;
  }
}
.primnav > ul {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;  
}
.primnav li {
    font-weight: 500;
    position: relative;
    margin: 10px 10px;

	display: flex;padding-left: 7px;
    align-items: center; cursor:pointer;
	  color: #fff;
}
.rec-highlight{font-weight: bold;}
.referral-count {
    width: 20px;
    height: 20px;
    background: red;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    line-height: 20px;
    margin-left: 12px;
	transition: max-height 0.5s 0.69s ;
}
.primnav li img{
	margin-right:10px;
    width: auto;margin-left: 14px; max-width:25px; min-width:20px;
}
input.hamburger:checked ~ nav.primnav li img {
    margin-right: 14px;
    width: auto;
    margin-left: 14px;
    max-width: 25px;
    min-width: 20px;
}

input.hamburger:checked ~ nav.primnav .notif-icon{
right: 2px;
}

.primnav li .tag {
  background-color: #005aa3;
  background-color: rgba(0, 112, 204, 0.8);
  color: rgba(255, 255, 255, 0.8);
  color: #e6e6e6;
  color: rgba(255, 255, 255, 0.9);
  padding: 0 0.5em;
  border-radius: 2em;
  margin-left: auto;
  
  margin-right: 0.75em;
}

.primnav li a {
    position: relative;
    align-items: center;
    white-space: nowrap;
    color: #fff;
    width: 100%;
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    height: 63px;
    display: flex;
    font-weight: 600;
}

.primnav li:hover a{
color:#fff;
}
.primnav li:hover img {
    filter: saturate(0%) hue-rotate(0deg) brightness(180%) contrast(143%);
}

.primnav li a:hover{
color:#fff;
}
.primnav li a:hover img,
.primnav li.active img {
    filter: saturate(0%) hue-rotate(0deg) brightness(180%) contrast(143%);
}

.primnav .icon {
  height: 20px;
  flex-shrink: 0;
  width: 20px;
  padding: 19px;
  margin-right: 5px;
  padding-bottom: 15px;
  color: #e6e6e6;transition: 0.6s;
  color: rgba(255, 255, 255, 0.9);
}
.secnav {
  margin-left: 63px;
  border-left: 1px solid black;
  border-left-color: #0065b8;
  border-left-color: rgba(0, 112, 204, 0.9);
  overflow: hidden;
}
.secnav li {
  color: #e6e6e6;
  color: rgba(255, 255, 255, 0.9);
  max-height: 100px;
  transition: max-height 0.1s;
}
@media (min-width: 650px) {
  .secnav li {
    max-height: 0px;
    transition: max-height 0.5s 0.5s;
  }
}
.secnav li a {
  text-transform: initial;
  display: block;
  color: inherit;
  padding: 0.75em 10px;
}

user {
  padding: 5px;
  padding-bottom: 3px;
  flex-shrink: 0;
  position: fixed;
  font-weight: 400;
  right: 0;
  color: white;
  color: rgba(255, 255, 255, 0.9);
  z-index: 99999;
}
user > section {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
user > section > section {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
user img {
  height: 51px;
  width: 48px;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  margin-left: 10px;
  min-height: 51px;
  min-width: 48px;
  align-items: flex-end;
}
user name {
  font-weight: 400;
}
user actions {
  padding: 0.1em 0;
  font-size: 0.8em;
  display: flex;
  justify-content: flex-end;
}
user actions a {
  padding: 0 0.5em;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
user actions a:last-child {
  padding-right: 0;
}

content {
  
  color: rgba(255, 255, 255, 0.9);
  font-size: 8vw;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FAFAFA;
  height: 100%;
  padding-top: 58px;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 650px) {
  content {
    padding-left: 58px;
    padding-top: 0;
  }
}

.features {
  
  font-size: 1rem;
  text-transform: uppercase;
}
.features li {
  width: 100%;
  text-align: center;
  padding: 0.25em;
}

/**
    SCROLLBAR STYLE FOR IE
*/
body {
  scrollbar-base-color: #0070cc;
  scrollbar-3dlight-color: #fff;
  scrollbar-highlight-color: #0070cc;
  scrollbar-track-color: #0070cc;
  scrollbar-arrow-color: #0070cc;
  scrollbar-shadow-color: #0070cc;
  scrollbar-dark-shadow-color: #0070cc;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/** hamburger */
input.hamburger {
  display: none;
}
input.hamburger:checked ~ nav.primnav ul li.sub-menu {  margin-left:10px;}

input.hamburger:checked ~ nav.primnav .logo-area {    padding: 20px 20px;}
input.hamburger:checked ~ nav.primnav .logo-area .mob{display:block;}
input.hamburger:checked ~ nav.primnav .logo-area .dis{display:none;}

@media (min-width: 650px) {
  input.hamburger:checked ~ nav.primnav {
    width:95px;transition: 0.6s;
  }
  input.hamburger:checked ~ nav.primnav .referral-count {
    position: absolute;transition: max-height 0.5s 0.69s ;
    left: 22px;
}

   input.hamburger:checked ~ nav.primnav i {
     transform: rotate(-45deg);
	 margin-left: -2px;
  }
}
@media (min-width: 650px) {
  input.hamburger:checked ~ nav.primnav .secnav > li {
    max-height: 100px;
	
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(1) {
    transition: max-height 0.5s 0.67s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(2) {
    transition: max-height 0.5s 0.69s ;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(3) {
    transition: max-height 0.5s 0.71s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(4) {
    transition: max-height 0.5s 0.73s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(5) {
    transition: max-height 0.5s 0.75s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(6) {
    transition: max-height 0.5s 0.77s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(7) {
    transition: max-height 0.5s 0.79s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(8) {
    transition: max-height 0.5s 0.81s;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(9) {
    transition: max-height 0.5s 0.83s ;
  }
  input.hamburger:checked ~ nav.primnav .secnav > li:nth-child(10) {
    transition: max-height 0.5s 0.85s;
  }
}
input.hamburger:checked ~ label > i {
  background-color: transparent;
  transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
input.hamburger:checked ~ label > i:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
input.hamburger:checked ~ label close {
  color: rgba(255, 255, 255, 0.8);
  width: 100%;
}
input.hamburger:checked ~ label open {
  color: rgba(0, 0, 0, 0);
  width: 0;
}

label.hamburger {
  z-index: 9999;
  position: relative;
  display: block;
  height: 24px;
  width: 24px;
}
label.hamburger:hover {
  cursor: pointer;
}
label.hamburger text close,
label.hamburger text open {
  text-transform: uppercase;
  align-text: center;
  position: absolute;
  transform: translateY(24px);
  text-align: center;
  overflow: hidden;
  transition: width 0.25s 0.35s, color 0.45s 0.35s;
  font-size: 6px;
}
label.hamburger text close {
  color: rgba(255, 255, 255, 0.8);
  right: 0;
  width: 0;
}
label.hamburger text open {
  color: rgba(255, 255, 255, 0.8);
  width: 100%;
}
label.hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  background-color:#000;
  pointer-events: auto;
  transition-duration: 0.35s;
  transition-delay: 0.35s;
}
label.hamburger > i:before, label.hamburger > i:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background-color: #000;
  content: "";
  transition: transform 0.35s;
  transform-origin: 50% 50%;
}
label.hamburger > i:before {
  transform: translate(-50%, -7px);
}
label.hamburger > i:after {
  transform: translate(-50%, 7px);
}

label.hamburger {
 position: relative;
  top: 14px;
  left: 17px;
}

.tabs {
 
  text-transform: uppercase;
  font-size: 1rem;
  position: fixed;
  top: 58px;
  left: 0;
  background-color: #007ee6;
  border-bottom: 1px solid #0062b3;
  width: 100vw;
  box-sizing: border-box;
}
@media (min-width: 650px) {
  .tabs {
    padding-left: calc(58px + .5rem);
    top: calc(58px - 3em);
    background-color: #0070cc;
    border: 0;
  }
}
.tabs > ul {
  display: flex;
  justify-content: space-around;
  overflow-x: auto;
  flex-wrap: wrap;
}
@media (min-width: 650px) {
  .tabs > ul {
    justify-content: flex-start;
  }
}
.tabs .tab {
  font-weight: 300;
  font-size: 0.7em;
  padding: 1em 0.75em;
  white-space: nowrap;
  flex-shrink: 0;
  display: block;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.tabs .tab:hover {
  background-color: #0062b3;
  cursor: pointer;
}


.logo-area {
    margin: 32px auto 70px auto;
    text-align: center;
    padding: 20px 55px; min-height:70px;
}
.logo-area .dis{}
.logo-area .mob{ display:none;}




.table-scroll-top, .table-scroll-bottom{width: 100%; border: none 0px RED;
overflow-x: auto; overflow-y:hidden;    cursor: pointer;}
.table-scroll-top{height: 8px; margin-bottom: 8px; margin-top: 8px;}

.table-scroll-top-in {width:auto; height:8px; cursor:pointer; }
.table-scroll-bottom-in {width:auto;  cursor:pointer;}
#add-university .input-with-select select{color:#B79662; background: #E8DED1 url(../images/select-arrow.svg) no-repeat right; background-position-x: 90%;}
.black.medium.university-add-btn {    width: 100%;    height: 50px;}








.corporate-header
{
    display: flex;
    height: 91px;
}

.corporate-header .topbar {
    min-height: 91px;
    width: 100%;
    background-color: #FFFDFB;
    position: fixed;
    z-index: 999;
    left: 0;
}
.corporate-header .topbar .flex-bx {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 91px;
    max-height: 100px;
    border-bottom: 1px solid #E8DED1;
    border-top: 1px solid #E8DED1;
    overflow: visible !important;
}
.corporate-header .shop-menu-btn {
    display: none;
}
.corporate-header .topbar .flex-bx a {
    padding: 20px 30px 20px 20px;
    max-height: 59px;
    height: 59px;
}
.corporate-header .topbar .flex-bx a {
  
    text-transform: none; 
    font-style: normal;
     font-weight: 500;
    color: #000;
    text-decoration: none;   
    flex-shrink: 1;
    font-size: 14px;
    min-height: 58px;
}
.corporate-header .topbar .flex-bx a:hover .logout{background: #7c5f31;}
.sp-border{ border-right: 1px solid #E6E6E6;}
.corporate-header .topbar .flex-bx .navbar {
    flex: 1 1 auto;
    padding: 0;
    height: 100%;
}
.corporate-header .topbar .flex-bx .navbar .navbar-primary {
    display: flex;
	justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1),
                -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.assignment {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 0px 0px 0px 20px;
    font-weight: 500;
    border-bottom: 3px solid #AE862E;
}

.user-name {
    padding: 8px 0px 11px 0px;
    border-radius: 20px;
}
.logout{background:#B79662; padding:10px 20px; border-radius:10px; 
	box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.1)  ; 
	-webkit-box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.1)  ; 
	-moz-box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.1)  }
.logout .regular-in{color:#fff !important;}
.regular-in{    padding-left: 10px;}

.nav-arrow {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 6px 7px 7px 10px;
    position: absolute;
    right: -14px;top: 74px;
    cursor: pointer;
    background: #fff;z-index: 9999;
}
.nav-arrow:hover {
    background: #B79662;
    border: 0px;
    padding-left: 12px;
}
.nav-arrow:hover .arrow{border-color:#ffffff;}
.dataTable  .status select {
    min-width: 200px;border: 0px !important;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.dataTables_wrapper thead .sorting_asc:after{ color:#CE9B2C;}
.dataTables_wrapper thead .sorting:after{color:#CE9B2C;}

.dataTables_wrapper .dataTable td:last-child, .dataTables_wrapper .dataTable th:last-child { 
    position: sticky;
    right: 0px;
	  background:#fff;
    padding: 0!important;
}
.dataTables_wrapper .dataTable .edited-tr .tooltips{display:none;}
.dataTables_wrapper .dataTable .edited-tr input[type=checkbox]{margin-left:13px;}
.dataTables_wrapper .dataTable .edited-tr{ background:#f7ede0;}
.dataTables_wrapper .dataTable tr.edited-tr.odd>*{box-shadow:none!important;}
.dataTables_wrapper .dataTable .edited-tr td:first-child img{margin-left: 12px !important;}
.dataTables_wrapper .dataTable .edited-tr td:first-child{ padding:5px!important}
.dataTables_wrapper .dataTable .edited-tr td { padding:5px 18px!important}
.dataTables_wrapper .dataTable .edited-tr td span .input-with-select{     flex-wrap: nowrap;     align-items: center; 
justify-content: flex-start;}
.dataTables_wrapper .dataTable .edited-tr td span input{
    border-radius: 8px;
    background: transparent;
    border: 1px solid #B79662;
    height: 35px;
    margin: 0px;
    padding-left: 10px;
    min-width: 60px;
}
.dataTables_wrapper .dataTable .edited-tr td span input.hasError{border: 1px solid #d91a1a;} 
.dataTables_wrapper .dataTable .edited-tr td span{ position:relative;}
.dataTables_wrapper .dataTable .edited-tr td span span{position:absolute;}

.dataTables_wrapper .dataTable .edited-tr td span .text-danger{
    position: absolute;
    z-index: 99;
    background: #fff;
    color: #000;
    border: 1px solid #B79662;
    width: 235px;
    left: 0;
    top: 46px;
    padding: 5px;
    border-radius: 3px; min-height:50px;
}

.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger{top:-60px;}
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:after,
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}
div.dataTables_processing>div:last-child>div{background: rgb(183 150 98)!important;}
.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger:after {bottom: -19px; transform: rotate(90deg); top:auto}
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:after {
    top: -20px;
	left:18px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
	transform: rotate(270deg);
}
.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger:before {bottom: -21px; transform: rotate(90deg); top:auto}
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:before {
    top: -23px;
	left:17px;
    border-color: transparent transparent transparent #B79662;
    border-width: 11px;
	transform: rotate(270deg);
}


.dataTables_wrapper .dataTable .edited-tr td span select.phoneCode {
    border-top-left-radius: 8px;
    border: 1px solid #B79662;
	background-color:#B79662;
    height: 35px;
    margin: 0px; color:#fff;
    padding-left: 10px;
    min-width: 70px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dataTables_wrapper .dataTable .edited-tr td span select {
    border-radius: 8px;
    border: 1px solid #B79662;
    height: 35px;
    margin: 0px;
    padding-left: 10px;
    min-width: 70px;
}

.dataTables_wrapper .dataTable .edited-tr td:last-child {background:#f7ede0; }

.dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.tb-area	{justify-content: space-between;    align-items: center;    margin-top: 35px;}
	.head-copy{ font-size:28px; margin:75px 5px 42px 10px; padding:0px; width:auto; color: #000;}
.table.table-bordered.dataTable th {
    border-left-width: 0;
    font-size: 12px;
    padding: 20px 30px !important;
    background: #E8DED1;
    min-width: 100px;
    color: #000000 !important;
	border-color:#D5CFC7;border-right: 1px solid #D5CFC7;
}
.table.table-bordered.dataTable th.select-item {min-width: 20px;}
.table.table-bordered.dataTable th.actions {min-width: 60px;}
.table.dataTable{width:100%; margin-top: 8px!important;}

.table.dataTable td {
    font-weight: 400;
    vertical-align: middle !important;
    font-size: 13px;
	 padding: 12px 18px !important;
	border-color:#D5CFC7;
  color: #333333;
}



.dataTables_length {
    width: auto;
    flex-grow: 1;
    text-align: left;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 13px;
}
.dataTables_length #set-remove{
    width: 40px;
    height: 40px;
    background: url(../images/remove.svg) no-repeat right;
    margin: 0px 10px 0px 20px;
	  -webkit-appearance: none;
    background-size: 90%;
}

.dataTables_length.select-on #set-remove{ background: url(../images/remove-active.svg) no-repeat right; cursor:pointer; background-size: 90%;}
.dataTables_length.select-on #set-remove:hover{background: url(../images/remove.svg) no-repeat right;background-size: 90%;}
.dataTables_filter .export{
    width: 40px;
    height: 40px;
    background: url(../images/export.svg) no-repeat right;
    margin: 0px 10px;
	  -webkit-appearance: none;
    background-size: 90%; cursor:pointer;
}
.dataTables_filter .export:hover{
  background: url(../images/export-hover.svg) no-repeat right;
  border-radius: 8px;
  background-size: 90%;
}
.dataTables_filter {
    width: auto;
    flex-grow: 1;
    text-align: left;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 13px;
    justify-content: flex-end;
}
.dataTables_filter input {
    padding-left: 40px;
    background: url(../images/search.png) no-repeat 15px 9px;
    background-size: 15px;
    border-radius: 8px;
    height: 35px;
}
.row-selected td{ background-color:#F5F1EC !important;}
table.dataTable.table-striped>tbody>tr.odd.row-selected>* {
    box-shadow: inset 0 0 0 9999px #F5F1EC!important;
}
table.dataTable.table-striped>tbody>tr.odd>*
{ box-shadow: inset 0 0 0 9999px #FFF!important;}

table.dataTable.table-striped>tbody>tr.even>*{
  box-shadow: inset 0 0 0 9999px #FFFDFB!important;
}
.select-on #status{opacity:1;}
#status {
    opacity: 0.5;
    position: relative;
    left: 15px;font-weight: 600;
}
#status:before {
    content: "";
    width: 1px;
    height: 34px;
    background: #E8DED1;
    left: -12px;
    position: absolute;
    top: 10px;
}
#set-remove:before {
    content: "";
    width: 1px;
    height: 34px;
    background: #E8DED1;
    left: -10px;
    position: absolute;
    top: 3px;
}

#statusSelect{min-width:110px}
.dataTables_length label {
    width: auto;
    text-align: left;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 13px;
}
.dataTables_wrapper .dataTable  select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 12px;
    height: 22px;
    margin: 0px 0px;
    background: url(../images/select-arrow.svg) no-repeat right;
    -webkit-appearance: none;
    width: 100%;
    cursor: pointer;
}

.dataTables_wrapper .dataTable  select{
  border-radius: 0;
  border: 0 !important;;
}

.dataTables_wrapper .dataTable .save-btn{
  max-width: 83px;
  height: 30px;
  font-size: 16px;
  color: #FFF;
  font-weight: 500;
  background: #B79662;
  border-radius: 8px;
  padding:4px 15px 0 15px ;
  display: inline-block;
}

.dataTables_wrapper .dataTable .save-btn:hover{
  opacity: 0.7;
  background: #000;
  color: #FFF;
}


/* .dataTables_wrapper select:focus {
 background: url(../images/select-arrow-up.svg) no-repeat right;
	background-position-x: 90%;
	background-size:14px;
	
} */


.dataTables_wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    border: 1px solid #E8DED1;
    padding-left: 10px;
    height: 34px;
    margin: 0px 0px;
    background: url(../images/select-arrow.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 90%;
    width: 100%;
}

ul.list-unstyled { 
    height: 30px;
    width: 200px; position:relative;	
	 background: url(../images/select-arrow.svg) no-repeat right;
	   filter: drop-shadow(1px 0px 8px rgba(0, 0, 0, 0.5));
}

ul.list-unstyled li { padding: 5px 10px; width: 100%; position:absolute; left: -17px;}
ul.selectthis.list-unstyled li { padding: 5px 10px; width: 100%;  position:absolute; left: -17px;}
ul.selectthis.list-unstyled li.init {
    padding: 15px 10px 15px 25px;
    width: 117%;
    position: absolute;
    left: -17px;
	background:#E8DED1 url(../images/select-arrow.svg) no-repeat right;
	background-position-x: 96%;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: -7px;
}
ul.selectthis.list-unstyled li:last-child {
 border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.list-unstyled.selectthis{z-index:55}
ul.list-unstyled li:not(.init) { height:43px; float: left; width: 117%; padding:11px 10px 11px 25px;
 display: none;  } 
ul.selectthis.list-unstyled li:not(.init) { background: #fff; z-index:15; }

.selectthis.list-unstyled li:not(.init):hover{color:#fff;}
.selectthis.list-unstyled li:not(.init):hover, ul.list-unstyled li.selected:not(.init) { cursor:pointer; }
.list-unstyled li.init { cursor: pointer; z-index:10; }

.selectthis.list-unstyled li:not(.init):hover:after {
	 content: "";
    background: #b79662;
    width: 90%;
    height: 42px;
    position: absolute;   
    left: 10px;
    z-index: -1;
    top: 0;
    border-radius: 10px;
}

.selectthis.list-unstyled li:nth-child(2) {top:40px;}
.selectthis.list-unstyled li:nth-child(3) {top:83px;}
.selectthis.list-unstyled li:nth-child(4) {top:126px;}
.selectthis.list-unstyled li:nth-child(5) {top:169px;}
.selectthis.list-unstyled li:nth-child(6) {top:212px;}
.wap-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}
.wap-info p{margin:0px 10px; font-size:12px;}
.assigned, .waiting, .preparing, .done,.s-submitted, .s-confirmed, .s-contacted, .s-in-follow-up, .s-in-follow-up, .s-closed, .s-successful{
    width: 10px;
    height: 10px;
    display: inline-block; margin-right:5px;
    cursor: pointer;
    border-radius: 5px;
}

.waiting { background:#FFDF00}
.preparing{ background:#2DC36A}
.assigned { background:#4174FF}
.done{ background:#C2C2C2}

.s-submitted{ background:#FFDF00}
.s-contacted{ background:#FF5E00}
.s-in-follow-up{ background:#4174FF}
.s-confirmed{ background:#00FFFF}
.s-closed{ background:#C2C2C2}
.s-successful{ background:#2DC36A}

.dataTable img{width:15px; margin:5px; display:inline-block;}
.data-wrap{width:100%;order: 3; }
.loginwrap{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: space-between;
height: 100vh;}


.over-poup, .over-poup-filter, .over-poup-sort {
	display:none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    background: #1a1a1a8c;
    top: 0;left:0px;
}
.over-poup-sort span {
    display: flex;
    align-items: center;
    margin-top: 14px;
    justify-content: center;
    text-align: left;    flex-wrap: wrap;
}
.over-poup-sort .sendEmail{width:25px; height:25px;margin-right: 10px;}
.over-poup-sort .statusUpdateTxt{width:100%;}
.over-poup .popup-box {
    position: absolute;
    z-index: 9999;  
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.over-poup .top {    padding: 25px;background:#114634;}
.over-poup .bottom {    padding: 15px 25px; }
.over-poup .top h3{ font-size:20px; color:#fff;}
.over-poup .top input {background:#fff url(../images/select-search.svg) no-repeat right;
background-position-x: 97%;}
.over-poup .bottom select{margin:0px; background-position-x: 96%;}
.closeme .close {
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: -8px;
    right: -22px;
    text-shadow: navajowhite;
    opacity: 1;
    font-size: 16px;
    cursor: pointer;
}
.filter-popup.closeme .close { color: #000;}

.sort-popup.closeme .close {
    color: #b79662;
    font-size: 20px;
}

.sort-popup.closeme .close:hover{
  opacity: 0.7;
}

.over-poup-sort .close{
  font-size: 0!important;
  height: 68px;
  width: 68px;
  background: url(../images/close-rounded.svg) no-repeat center center;
}

.sort-popup.closeme .close:hover{color: #212529;}
.filter-popup {
    width: 50%;
    background: #fff;
    display: flex;
    padding: 25px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.table-scroll-bottom.common-scroll{padding:0px; margin-bottom:25px;}
.filter-popup .row {
    align-items: center;
}
.sort-popup h5{text-align:center;}
.sort-popup p {text-align:center; font-size:16px; line-height:20px;}
.sort-popup {
    width: 30%;
    background: #fff;
    display: flex;
    padding: 45px;
    filter: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);border-radius: 4px;
    flex-wrap: wrap;
    justify-content: center;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border: 2px solid #B79662;
}
.logout-warning-popup .sort-popup {
  width: 40%;
}
.sort-popup .text-danger {
    display: block;
    font-size: 12px;
}
.sort-popup-submit {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

#sortable{margin-top:15px;}
#sortable li {
    list-style: none;
    width: 48%;
    background: #114634;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 2px;
    border: 0px;
    border-radius: 5px;
}
#sortable li.active{opacity:0.5;}
.add-referel.user-section .form-group label {
    color: #000000;
}

.loginwrap form{ background:#fff; padding:50px; border-radius:5px;filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.35));}
.loginwrap h3 {
    max-width: 300px;
    text-align: center;
    font-weight: 300;
}

.loginwrap h3 b {
    display: inline-block;
    font-weight: 600;
}
.login-logo {
    width: 100px;
    margin: 0px 0px 10px 0px;
    display: inline-block;
    text-align: center;
	padding:10px;
}
.login-logo-one{padding-right:15px; border-right:1px solid #ccc;}
.login-logo img{width:100%;}
.login-forgot{ color:#114634; text-decoration:underline; font-weight:600;}
.loginwrap:after {
    content: "";
    background: #114634;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    height: 50vh;
}
.dataTable .sorting-select[type='checkbox']:after{
    line-height: 1.5em;
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 0px;
	  border: 1px solid rgb(192,192,192);
    margin-left: -2px;
    border-radius: 0.25em;
	
    background: rgb(255 255 255);
}

.dataTable .sorting-select[type='checkbox']:checked:after {
    width: 17px;
    height: 16px;
    color: #fff;
    background: #B79662;
    content: '\2713';
    padding: 0px 0px 5px 5px;
    font-size: 10px;
    position: relative;
    top: -4px;
    border-radius: 3px;
    border: 0px;
}
.order-detail .head{align-items: center;    margin-bottom: 30px; }
.order-detail .l-panel .l-panel-bg {transition: width 246ms 0.5s ease;border-radius:5px;  padding:0px 15px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));}
.order-detail .head h6{ margin-left:5px; padding:0px; font-size:16px; font-weight:600;}
.order-detail .head span{  padding:0px; font-size:14px; font-weight:600;}
.order-detail .head .btn{ font-size:14px; font-weight:600; pointer:none; background:none; color:#000; width:auto; padding:5px 15px; border:1px solid #cccccc59; border-radius:25px;}
.order-detail .head .btn .tooltip-point{ padding-right:10px;}
.order-detail .l-panel .d-bg{ background:#E6E6E6; padding:30px;}
.order-detail .l-panel .w-bg{background:#fff;padding:30px;}
.order-detail .l-panel .map{background:#fff; padding:0px;}
.order-detail .l-panel .map h4{padding-left:30px;font-size:14px;font-weight:600; margin-bottom:15px; }
.order-detail .l-panel table{width:100%;}
.order-detail .l-panel table td{font-size:14px; padding:10px 0px}
.order-detail .l-panel table td { width:50%; font-weight:300;}
.order-detail .l-panel table td img{padding-right:10px;}
.order-detail .l-panel table td:nth-child(even) {  font-weight:600;}

.order-detail .r-panel .head{ margin-top: -60px; margin-bottom: 28px; }
.order-detail .r-panel .btn img{padding-right:5px; width:20px;}
.order-detail .r-panel .btn.spb{padding:3px 5px 3px 10px; min-width:200px;}
.order-detail .r-panel .btn.spb2{min-width:208px;}
.order-detail .r-panel .w-bg-2{ border-radius:5px; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));background:#fff; padding:0px;}
.order-detail .r-panel .w-bg{background:#fff;padding:30px; }
.order-detail .r-panel .map{}
.order-detail .r-panel h3{font-size:24px; margin-bottom:25px; text-align:center;}
.order-detail .r-panel .btn {
    min-width: 30%;
	width:auto;
    background: #104533;
    margin: 5px;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    text-align: left;
    display: flex; padding:10px;
    align-items: center;border: 0;
    justify-content: flex-start;
}
.order-detail .btn:focus{border: 0;box-shadow:0 0 0 0.2rem rgb(255 255 255 / 0%);}
.order-detail .r-panel .btn span {
    padding: 5px 10px;
    background: #ccc; margin:3px;
    border-radius: 6px;
}
.order-detail .r-panel .btn span.active{background:#AE862E;}
.col-md-6.r-panel {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
}
.order-detail .r-panel .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
	max-width:450px;
    align-items: center;
    justify-content: flex-end;
}
.order-detail .r-panel .map {
    margin: 0px;
    padding: 0px 0px;
}
.order-detail .r-panel .w-bg-2 .row .box {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;padding: 30px 20px 30px 20px; 
    margin-bottom: 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;
}
.order-detail .r-panel .w-bg-2 .col-sm-6 span{font-weight:600;}
.order-detail .r-panel .w-bg-2 .col-sm-6 span b{ color:#AE862E;}
.order-detail .r-panel .w-bg table th:first-child{text-align:left;}
.order-detail .r-panel .w-bg table td {
    text-align: center;
    font-size: 12px;
    padding: 14px 5px;
    vertical-align: middle;
}
.order-detail .r-panel .w-bg table th {
    border-left-width: 0;
	padding: 10px 16px;
    background: #124634; text-align:center;
    color: #fff !important;
}
.order-detail .r-panel .w-bg table td:first-child img{width:20px;}
.order-detail .r-panel .w-bg table td .active{text-decoration: line-through;}
.order-detail .r-panel .w-bg table td:first-child {
    text-align: left;
	text-decoration:underline;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.order-detail .r-panel .w-bg table .has-details {
  position: relative;
}
.order-detail .r-panel .w-bg table .details {
  position: absolute;
  transform: translateY(70%) scale(0);
  transition: transform 0.1s ease-in;
  transform-origin: left;
  display: inline;
  background: white;
  z-index: 20;
  min-width:300px;
  padding: 1rem;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.order-detail .r-panel .w-bg table .has-details .pop .close {
    position: absolute;
    top: 3px;
    right: 10px;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
}

.order-detail .r-panel .w-bg table .has-details .pop .info {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 15px; font-weight:600;
}
.order-detail .r-panel .w-bg table .has-details .pop .info span{font-weight:400;}
.order-detail .r-panel .w-bg table .has-details .pop {  transform: translateY(70%) scale(1);}

.order-detail .r-panel .w-bg table td:first-child .details img{width:70px; margin-right:10px;}

.order-detail .r-panel .w-bg table .details:after {
  content: " ";
  position: absolute;
  left: 30px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
}



.order-detail .r-panel .t-box, .order-detail .r-panel .t-box-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;margin: 0px;
}
.order-detail .r-panel .t-box span{color:#AE862E;}

.order-detail .r-panel .t-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 5px solid #124634;
    padding-bottom: 15px;
}
.order-detail .r-panel .t-box-2 {border-top: 1px solid #124634;
    padding-top: 15px; margin-top:5px; margin-bottom:50px;} 
	
.order-detail .r-panel .gren-box {
    background: #124634;
    margin: 0px;
    padding: 15px;
    color: #fff;
}
.order-detail .r-panel .gren-box ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.order-detail .r-panel .gren-box ul li {
    padding: 5px 5px 5px 35px;
    min-width: 190px; font-size:12px;
    background: url(../images/foc-li.png) no-repeat 3px 8px;
    background-size: 16px;
}
.psw {
    background: url(../images/psw.svg) no-repeat 10px 12px;
    background-size: 17px;
    background-position-x: 96%;
}
.datepickers {    background: url(../images/date-icon.svg) no-repeat 3px 8px; background-size: 16px; background-position-x: 90%;}
.reports .w-bg{ border-radius:5px;     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15)); background:#fff; padding:20px;    width: 31%; }

.reports-info .w-bg{ border-radius:5px;     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15)); background:#fff; padding:20px;    width: 30%; }

.reports .w-bg h3 {
    font-size: 14px;
    width: 50%;
    display: inline-block;
}
.reports .w-bg select{ margin:0px;}

.reports .w-bg .btn {
    background: #104533;
    margin: 5px;
    font-size: 12px;
    border-radius:3px;
    color: #fff; width:auto;
    text-align: center;
    padding:5px 10px; border: 0;
}

.reports .w-bg .col-6 {
    display: flex; 
    flex-direction: column;
    justify-content: center;
}
.reports-info .row .row{align-items: center;}
.reports-info .row label{margin:0px;}
.profile .row{align-items: center;}
.profile .btn { width:60%;}
.profile h4{font-size:20px; margin-bottom:40px;}
table.dataTable.substitutes {
    border: 1px solid #ddd;
    font-size: 14px;
    order: 3;
    border-spacing: 0;
    min-width: 1030px;
	width:100%;
    margin-top: 20px !important;
}
.substitutes-top {
    background: #EFEFEF;
    border-radius: 5px;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.caret {
	  float: right;
    margin-top: 5%;
}

#menu1 {
    width: 160px; 
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate{
  width: 100%;
}

.dataTable th.sorting{position:relative;}
.dataTable th.sorting:after{ position: absolute;content: "" !important; opacity:0.8!important;top: 22px !important;
    height: 10px;  width: 16px;  background: url(../images/sort-l.png) no-repeat right; }
.dataTable th.sorting:before{ position: absolute;content: "" !important; opacity:0.0!important;
    height: 10px;  width: 16px;  background: url(../images/sort-r.png) no-repeat right; }


.dataTable th.sorting.sorting_asc:after{ display:none;}
.dataTable th.sorting.sorting_asc:before{ position: absolute;opacity: 1 !important;    top: 22px;
    height: 10px;
    width: 16px;  content: ""; background: url(../images/sort-r.png) no-repeat right; }

.dataTable th.sorting.sorting_desc:after{ position: absolute;    top: 22px;
    height: 10px;
    width: 16px;  content: ""; background: url(../images/sort-l.png) no-repeat right; }
.dataTable th.sorting.sorting_desc:before{ display:none;}







.foc label{font-size:14px;}
.foc .btn{font-size:14px;}
.foc-tab-th{width:45%}
.foc .dataTables_wrapper{width:100%}
.foc .dataTables_wrapper .row {
    width: 100%;
    margin: 0px;
}
.foc .datepickers{  background-position-x: 96%; height:40px;}
.foc input.form-control{background-color:transparent;}
.foc h3.head-copy{margin-bottom:0px;}
.foc .pagination{margin-bottom:20px;}
.foc .foc-based-box .col{background:#EFEFEF; padding:20px;}
.foc .foc-based-box .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup table .has-details {
	position:relative;
  text-decoration: underline;
}
.popup table .details {
  position: absolute;
  top:-60px;
  transform: translateY(70%) scale(0);
  transition: transform 0.1s ease-in;
  transform-origin: left;
  display: inline;
  background: white;
  z-index: 20;
  min-width:220px;
  padding: 1rem;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.popup table .has-details .pop .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
}
.popup .info span {
    text-decoration: none;
    color: #000;
    margin: 0px 0px;
    font-size: 14px;
    padding: 4px 0px;
    display: block;
}
.popup.order table .has-details .pop .info{ max-height:200px; width:250px;}
.popup table .has-details .pop .info { width:100%;
    align-items: center; max-height:100px;
    flex-direction: row; font-weight:600; margin-top:20px;
}
.popup table .has-details .pop {  transform: translateY(70%) scale(1);}
.popup table .details:after {
    content: " ";
    position: absolute;
    left: 30px;
    top: -9px;
    border-top: none;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.foc {width:70%;}
.foc .foc-based-box .col-md-12 label{margin:0px;}
.foc input[type="radio"] {visibility:hidden;}
.foc input[type='radio']:after {
        width: 17px;
        height: 17px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: transparent;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #ccc;
    }

   .foc input[type='radio']:checked:after {
        width: 17px;
        height: 17px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #124634;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #ccc;
    }
.foc-repeat{ background:#FAFAFA; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));display: inline-block;}
.foc-repeat .wb-bg{ background:#fff; padding:20px;}
.foc-repeat select{margin:0px;}
.foc-repeat .sort {
    display: flex;
    justify-content: space-around;
    background: #efefef;
    align-items: center;
    padding: 8px 5px;
}
.foc .more-button {
    width: 300px;
    margin: 20px auto;
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    align-items: center;
    padding: 10px 20px;
    background: #124634;
    border-radius: 10px;
}

.foc .more-button p{font-size:14px; color:#fff;}
.foc .more-button label{font-size:14px; color:#fff; margin:0px;}
.foc-repeat .sort label{ margin:0px;}

.foc textarea {width:100%; border:1px solid #ccc; padding:15px;}
#container-2, #container {
    display: block; 
    position:relative
} 
.ui-autocomplete {
    position: absolute;
}
.dataTables_wrapper .dataTables_length select{margin: 10px 10px; font-size:12px;
    font-weight: 600;}
.footer{ position:relative; margin-top:88px; color:#000; font-size:14px; border-top:1px solid #E8DED1; padding-top:20px; margin-bottom:25px; padding-left:5%;}
.footer:after {
    content: "";
    width: 4%;
    height: 12px;
    position: absolute;
    right: 0;
    top: -4px;
    background: #fff;
}
.footer:before {
    content: "";
    width: 4%;
    height: 12px;
    position: absolute;
    left: 0;
    top: -4px;
    background: #fff;
}
.dataTable  a.delete-btn:hover, .dataTable a.edit-btn:hover, .dataTable a.active-btn:hover {
    background-color: #ccccccad;
    padding: 1px;
    border-radius: 5px;
}
.dataTable a.delete-btn, .dataTable a.edit-btn, .dataTable a.active-btn{ padding: 1px;}

.tooltips {
  position: relative;
  text-transform:capitalize;
  
}

.tooltips .tooltiptext {
  visibility: hidden;
  background-color: #AE862E;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 100;
  bottom: 150%;
  left: 50%;
  margin-left: -20px;
  box-sizing:border-box;
}

.tooltips .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #AE862E transparent transparent transparent;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}

.ex-5, .ex-10 {
    background: #6a6a6a;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 5px;
    color: #fff;
	cursor:pointer;
}
.ex-5.active, .ex-10.active { background: #124634;}
.inline-txt a{color:#000; font-weight:400; text-decoration:underline;}
.inline-txt a:hover{text-decoration:none;}




@media only screen and (min-width:1600px) and (max-width:2500px) {
	.dataTable tr th .sorting-select[type='checkbox']:checked:after {
    top: -4px;
    right: -2px;
}
.add-referel .input-with-select select {
    padding-left: 20px;
    padding-right: 5px;
}
	.add-referel .bttn {
    margin-top: 30px;
    height: 70px;
}
.site-configuration select{height: 70px;}

.table.dataTable td {font-size:16px;}
.dataTable .sorting-select[type='checkbox']:checked:after{    top: -7px;}
.black.medium.university-add-btn {
    width: 100%;
    height: 66px;
}
.table.dataTable td {  padding: 20px 30px !important;}
}



@media only screen and (min-width:1100px) and (max-width:1300px) {
	input.hamburger:checked ~ nav.primnav li img {
    margin-right: 28px;
    width: auto;
    margin-left: 15px;
    max-width: 25px;
    min-width: 20px;
}
.primnav li a{font-size:14px;}
.primnav li{    padding-left: 0px;height: 48px;}
.primnav li img {
    margin-right: 21px;
    width: auto;
    margin-left: 14px;
    max-width: 30px;
    min-width: 26px;
}
}

@media only screen and (min-height:800px) and (max-height:1400px) {
	.container-fluid{height: 100vh;}
	.log-align-center {    height: 100vh;}
	.primnav{min-height: 100vh;}
	.admin-login, .admin-forgotpass{height: 100vh;}
}
@media only screen and (min-width:850px) and (max-width:1100px) {

	input.hamburger:checked ~ nav.primnav li img {
    margin-right: 28px;
    width: auto;
    margin-left: 15px;
    max-width: 25px;
    min-width: 20px;
}

	.corporate-header .topbar .flex-bx .position-toright a .logout img {    width: 20px;}
	.logo-area{padding: 20px 25px;}
	.primnav li a{font-size:12px;}
	.primnav li img {    margin-right: 6px;    width: auto;}
	input.hamburger:checked ~ nav.primnav ul li {overflow:hidden;}
	.corporate-header .topbar .flex-bx a{ font-size:12px;padding: 20px 10px;}
	.assignment{    margin: 0px 0px 0px 5px;}
	.position-toright img{width:20px}
	.logo-link img{    width: 85px;}
	.reports .w-bg{min-width: 296px; padding: 15px;}
	.reports-info .w-bg{min-width: 296px; padding: 15px;}
	.col-sm-8.foc-based-box {    width: 100%;    max-width: 100%;}
		.foc-repeat .col-md-3{width: 50%;
    max-width: 50%;		-ms-flex: 0 0 50%;    flex: 0 0 50%;}	
	.logo-area{padding: 20px 25px;}
	.primnav li img{margin-left:0px;}
	.primnav li{margin: 2px 0px;height: 40px;}
	.primnav ul li.sub-menu {    margin-left: 12px;}
	.user-section .form-group .form-control{height:45px;font-size: 14px;}
	.bttn.medium {    padding: 15px 20px;    font-size: 14px;}
	.user-section .form-group label{font-size: 12px;}
	.input-with-select select{font-size: 12px;}
	}


@media only screen and (min-width:300px) and (max-width:850px) {
	.corporate-header .topbar{top:70px;}
	.mob-fix-logo {
    position: fixed;
    background: #ffffff;
    z-index: 99;
    height: 70px;
}
	.row.ps-5.pe-5{ padding:5px !important;    margin: 1px;}
	.corporate-header .topbar .flex-bx .position-toright a .logout img {    width: 20px;}
	.primnav li img{margin-left:0px;}
	.primnav li{margin: 2px 0px;height: 40px;}
	.primnav ul li.sub-menu {    margin-left: 12px;}
	.user-section .form-group .form-control{height:45px;font-size: 14px;}
	.bttn.medium {    padding: 15px 20px;   margin-left: 10px; font-size: 14px;}
	.user-section .form-group label{font-size: 12px;}
	.input-with-select select{font-size: 12px;}
	
	.tb-area{ padding:5px !important}
	.foc label {
    font-size: 12px;
}
.foc-based-box .row {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
	.col-sm-8.foc-based-box {    width: 100%;   }
	.foc .foc-based-box .col {
    padding: 15px;
    max-width: 100%;
    margin: 5px;
}
	.reports-info .w-bg{min-width: 296px; padding: 15px;}
	.reports .w-bg{min-width: 296px; padding: 15px;}
.corporate-header .topbar .flex-bx {
    flex-wrap: wrap;
    max-height: initial;
    justify-content: center;
}
.corporate-header {    display: flex;  }
.navbar.mobile-show{border-top:1px solid #ccc;}
.corporate-header .topbar .flex-bx .position-toright {    margin-bottom: 10px;  }
.corporate-header .topbar .flex-bx .position-toright a {
    padding: 10px 4px 0px 0px; min-height: 40px;
    width: auto;
    display: inline-block;
    font-size: 12px;
    min-height: 30px;
    height: 40px;
}
.corporate-header .topbar .flex-bx .position-toright a img{width:30px;}
.corporate-header .topbar .flex-bx .position-toright a .assignment{margin:0px;}
.corporate-header .topbar .flex-bx .navbar .navbar-primary{    justify-content: right; align-items: center; margin-top:12px;}
.sp-border{border-left:1px solid #ccc;}
.primnav li{padding:5px; height:40px; margin-left: 0px;}
.primnav li a{font-size:12px;}
.primnav li.active {    border-radius: 7px;    filter: none;}
.primnav li img {    margin-right: 5px;    width: 12px;}
.primnav ul li.sub-menu {    margin-left: 15px;}
.primnav{margin:5px; width: 25%;  min-width:225px;}
.primnav expand:hover, .primnav li:hover{ filter:none}
.main-wraper {
    width: 68%;
    margin: 0px !important;
    padding: 5px;
}
.primnav li {
    padding: 5px;
    margin-left: 0px;overflow: hidden;
}
.dataTables_length label{display: contents;}

}
@media only screen and (min-width:450px) and (max-width:850px) {
	input.hamburger:checked ~ nav.primnav li img {
    margin-right: 14px;
    width: auto;
    margin-left: 0px;
    max-width: 25px;
    min-width: 20px;
}
	.bttn.medium {
    padding: 15px 10px;}
	.logo-area{padding: 20px 25px;}
	.foc-repeat .col-md-3{width: 50%;
    max-width: 50%;
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;}
.dataTables_wrapper.form-inline {
    justify-content: space-between;
}
.dataTables_filter {    margin-right: 0px;}	
input.hamburger:checked ~ nav.primnav {    width: 55px;height: auto;}
}
@media only screen and (min-width:300px) and (max-width:850px) {
	.dataTables_filter{overflow:hidden;}
#button-top {
    margin: 10px;
    right: 0;
    bottom: 70px;
}
	.over-poup-sort span{font-size:12px;}
	.over-poup-sort .sendEmail{width:15px; height:15px;margin-right: 10px;}
	input.hamburger:checked ~ nav.primnav ul li.sub-menu {
    margin-left: 20px;
}
.logo-area .dis {    opacity: 0;}
	#status{left: 0px;}
	.add-referel .input-with-select select{font-size: 13px;}
	.paginate_button a{font-size: 12px;}
	.pagination li:first-child a, .pagination li:last-child a{    min-width: 100px;}
	.paginate_button.previous a:after{    top: 1px;}
	.paginate_button.next a:after{top: 8px;}
	.mob-logo{display:block; width:150px; margin:10px;}
	.sort-popup,.logout-warning-popup .sort-popup {    width: 80%;}
	.dataTables_length{    flex-wrap: wrap;justify-content: flex-end; }
	.corporate-header .topbar .flex-bx .position-toright a .logout img {    width: 20px;}
	.order-detail .r-panel .btn.spb2 {    min-width: 190px;}
	.head-copy {    margin-bottom: 20px; padding-left: 5px;}
	.primnav li img {    margin-right:10px;    width: 15px;}
.primnav{width:80%}
.corporate-header {    display: flex;    height: 60px; padding-top:10px;margin-top: 0px; margin-bottom: 50px;}
input.hamburger:checked ~ nav.primnav {
    height: 100vh;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;   transition: 0.6s;
	margin: 0;
    filter: drop-shadow(19px 3px 34px black);
}
.corporate-header .topbar .flex-bx {
    flex-wrap: wrap;
    max-height: initial;
    justify-content: left;
}
.primnav li {
    padding: 8px 15px 8px 10px;
    margin-left: 0px;
}

.front-left-nav.primnav li{
padding-left: 0;
padding-right: 0;
}


.primnav {
    width: 100%;
    position: absolute;
    height: 100vh;
    z-index: 99;
    left: -350px;
    max-width: 300px;
	    transition: 0.6s;
    top: 0;
}
.corporate-header .topbar .flex-bx a {
    padding: 20px 13px;
}
input.hamburger {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: 6px;
    z-index: 999;
    right: 8px;
    -webkit-appearance: none;
    background: url(../images/menu.png) no-repeat 5px;
    background-size: 75%;
	border: 1px solid #ccc;
    border-radius: 5px;

}

input.hamburger[type="checkbox"]:checked {
	 background: url(../images/close.png) no-repeat 5px;
    background-size: 75%;
}
.dataTables_filter label {
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
}
.dataTables_wrapper.form-inline {
    justify-content: flex-start;
}
.order-detail .head {
    align-items: baseline;
    margin-bottom: 30px;
}
.reports-info .w-bg{min-width: 320px; padding: 15px;}
	.reports .w-bg{min-width: 320px; padding: 15px;}
input.hamburger:checked ~ nav.primnav .referral-count {
    left: auto;
}
}

@media only screen and (min-width:300px) and (max-width:1100px) {
	.col-md-6.l-panel{    width: 100%;    max-width: 100%;    flex: 0 0 100%;}
	.col-md-6.r-panel{    width: 100%;    max-width: 100%;    flex: 0 0 100%;}
	.order-detail .r-panel .head {
    margin-top: 25px;
    margin-bottom: 28px;
}

}

@media only screen and (min-width:1000px) and (max-width:1200px) {
input.hamburger:checked ~ nav.primnav ul li.sub-menu{
  margin-left: 0;
}

input.hamburger:checked ~ nav.primnav li img{
  margin-right: 29px;
}

}






table.table-bordered.dataTable th:first-child,
 table.table-bordered.dataTable th:first-child,
  table.table-bordered.dataTable td:first-child,
   table.table-bordered.dataTable td:first-child{
    text-align: left;
    
   }

   .icon-straight{
    display: flex;
   }
   .icon-straight .tooltips{
     flex: 0 0 10px;
     margin-top: 5px;
   }

   .admin-dash-bx-main{
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 36px;
   }
   .admin-dash-row{
    margin-left: -18px;
    margin-right: -18px;
   }
   .admin-content-sec{
    padding-left: 70px;
    padding-right: 70px;
   }

   .lft-menu{
    padding-left: 26px;
    padding-right: 26px;
   }

   input.hamburger:checked ~ nav.primnav li{
    padding-left: 2px;
   }

   input.hamburger:checked ~ nav.primnav .lft-menu{
    padding-left: 5px;
    padding-right: 5px;
   }

   .orange-box{
    background: #B79662;
    padding: 0 65px;
    border-radius: 20px;
    margin-bottom: 50px;
  }

  .obx-image-title{
    display: flex;
    align-items: center;
    padding: 12px 0 12px 20px ;
    
  }


  .obx-image-title h4{
   margin-bottom: 0;
   color: #FFF;
   line-height: 34px;
   font-weight: 500;
  }

  .obx-button-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0;

  }

  .obx-button-wrap .bttn.black{
    background: #FFF;
    color: #B79662;
    border-radius: 10px;
    height: 50px;
    padding: 13px 40px;
    font-size: 16px;
    transition: 0.5s ease-in;
  }

  .obx-button-wrap .bttn.black:hover{
    background: #000;
    color: #FFF;
  }

  .arrow-back{
    display: inline-block;
    margin-right: 20px;

  }

  .arrow-back:hover svg circle{
      fill: #000;
  }

  .arrow-back:hover svg path{
    stroke: #B79662;
  }

  .admin-content-sec .card h4{
    color: #000000;
    font-size: 32px;
    line-height: 30px;
    padding-bottom: 50px;
    padding-top: 0px;
    margin-bottom: 0;
  }

  .heading-devider{
    margin: 0 -40px;
    padding: 0 40px;
    background: #E8DED1;
    height: 1px;
    margin-bottom: 50px;
    position: relative;
  }

  .heading-devider::after{
    width: 126px;
    height: 4px;
    background: #B79662;
    border-radius: 60px;
    position: absolute;
    left: 40px;
    bottom: -3px;
    content: "";
    display: block;
  }

  .admin-content-sec .user-section .form-group .form-control,
  .admin-content-sec .user-section .form-group select{
   height: 60px;
   margin: 0;
   color: #000000;
   font-size: 16px;
   padding:10px 30px ;
   font-weight: 400;
  }

  .admin-content-sec .user-section .form-group .form-control::placeholder{
    color: #9b9999;
    font-weight: 400;
  }

  .admin-content-sec .form-group{
   margin-bottom: 30px;
  }

  .admin-content-sec .user-section .form-group select{
    background: url(../images/select-arrow-new.svg) no-repeat right 30px center;
  }

  .form-new-section{
    margin-left: -28px;
    margin-right: -28px;
  }

  .form-new-section  [class*="col"] {
    padding-left: 28px;
    padding-right: 28px;
  }

  .notif-number{
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 50%;
    font-style: normal;
    color: #FC5659;
    position: absolute;
    right: 17px;
    top: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 30px;
  }

  .admin-content-sec .card .bttn{
      min-width: 308px; 
      height: 60px; 
      font-size: 18px;
      color: #FFF;
      border-radius: 8px;
      margin-right: 19px;
  }

  .admin-content-sec .card .bttn.delete-btn{
    background: none;
    color: #000;
    border: 1px solid #000000;
  }

  .admin-content-sec .card .bttn.delete-btn:hover{
    color: #B79662;
    border: 1px solid #B79662;
  }

  .admin-content-sec .card .bttn.black{
    color: #FFF;
    
  }

  .admin-content-sec .card{
  padding: 55px 40px;
  margin-top: 0;
  }

  .edit-user-active-delete{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -45px;

  }

  .remove-acces{
    height: 50px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 33px;
    width: auto;
    background: #B79662;
    -webkit-box-shadow: 0px 13px 52px -12px rgba(183,150,98,0.8);
    -moz-box-shadow: 0px 13px 52px -12px rgba(183,150,98,0.8);
    box-shadow: 0px 13px 52px -12px rgba(183,150,98,0.8);
    margin-left: 60px;
  }

  .remove-acces:focus{
    background: #000;
    color: #FFF;
    outline: none;
  }

  .remove-acces:hover{
    background: #000;
    color: #FFF;
  }

  .active-check-sec{
    display: flex;
    align-items: center;
  }

  .active-check-sec span{
     font-size: 16px;
     color: #000000;
     font-weight: 400;
  }
  .active-check-sec input[type="checkbox"]{
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: 1px solid #B79662;
        margin-right: 18px;
        accent-color: #B79662;
        color: #FFF;
  }

  .user_pass_form{
    margin-top: 44px;
    margin-bottom: 48px;
  }
  .for-change-edit-user.user_pass_form{
     margin-bottom: 98px;
  }
  .change-pass-link{
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #000;
  }


  .change-pass-link:hover{
    color: #B79662;
  }

  .admin-content-sec .card h4.table-title{
    padding-bottom: 16px;
  }
  .change-pass-wrapper{
    margin-top: 50px;
  }

  body div.dt-datetime table td.selectable button:hover{
   background: #B79662;
  }

  body div.dt-datetime table td.selectable.selected button{
   background: #000;
  }

  /* for fileupload */

  /* styles de base si JS est activé */

  .upload-main{
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
  }

  .admin-content-sec .upload-main .form-group{
      width: 100%;
  }

  ::-webkit-file-upload-button{
    cursor: pointer;
  }
.js .input-file-container {
  position: relative;
  width: 100%;
  text-align: center;
}
.js .user-section .form-group label.input-file-trigger {
  display: block;
  padding: 20px 45px;
  background: #E8DED1;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  transition: all .4s;
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 0;
}

.input-file-container:hover{
   opacity: 0.7;
}

.js .user-section .form-group label.input-file-trigger img{
  margin-right: 15px;
}

.js .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #000;
  text-decoration:none !important;
}
 
/* styles du retour visuel */
.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}

.credit
{
  border: 1px solid #ddd;
  padding : 2px;
  width: 410px;
  background: #eee;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
}

.for-edit-icon{
text-align: center;
background: #f3efeb;
    border-radius: 10px;
    padding: 3px 20px;
    max-width: 100px;
    margin: 0px auto;
    margin-top: 5px;
}



.admin-content-sec .card .upload-col-3 .bttn{
  width: 100%;
  min-width: auto;
  margin-right: 0;
  margin-left: 0;
}

.js .user-section .upload-col-3 .form-group label.input-file-trigger.file-added{
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.cleared-upto{
  font-style: normal;
}

.amount-form-div .form-group{
  position: relative;
}


.amount-form-div .form-group input{
  padding-left: 130px!important;
}
.amount-form-div .form-group .currency{
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  background: #E8DED1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #000000;
  text-transform: uppercase;
}

.add-attach-upload{
  max-width: 175px;
}

.js .user-section .form-group .add-attach-upload label.input-file-trigger{
  background: #000000;
  color: #FFF;
}

.file-view{
  margin-right: 10px;
  position: relative;

}

.file-view a{
  background: #F0F0EF;
  color: #000000;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 120px;
  width: 120px;
  flex: 0 0 120px;
  border-radius: 15px;
  border: 1px solid #B79662;
  margin-bottom: 35px;
  padding-left: 12px;
  padding-right: 12px;
  word-break: break-all;
}

.file-view a:hover{
  background: #000; 
  color: #FFF;
}

.attachmentList{
  display: flex;
  align-items: flex-start;

}

.file-remove{
  position: absolute;
  right: 13px;
  top: 13px;
  background: url(../images/attach-close.svg) no-repeat center center;
  width: 10px;
  height: 10px;
  font-size: 0;
  cursor: pointer;
}

.file-remove:hover{
  opacity: 0.7;
}

.border-devider{
  margin: 60px 0 50px 0;
  height: 1px;
  background: #E8DED1;
  margin-left: -40px;
  margin-right: -40px;
}

.border-devider.for-spl-package{
  margin-top: 8px;
}


table.special-pack-table.dataTable.table-striped>tbody>tr.odd>td:first-child,
table.special-pack-table.dataTable.table-striped>tbody>tr.even>td:first-child{
  background: #B79662!important;
  box-shadow:none!important;
}

.special-pack-table td:first-child{
  
  width: 60px!important;
  box-shadow: none!important;
  text-align: center!important;
}


.special-pack-table td:first-child:hover{
  opacity: 0.7!important;
}

.table.table-bordered.dataTable.special-pack-table th,
.table.table-bordered.dataTable.special-pack-table td{
  width: 14% !important;
}

.table.table-bordered.dataTable.special-pack-table th:first-child,
.table.table-bordered.dataTable.special-pack-table td:first-child{
  width: 2%!important;
  padding-left: 0!important;
  padding-right: 0!important;
}

.drag-column{
  width: 60px!important;
}

table.special-pack-table.dataTable.table-striped>tbody>tr.odd> td:first-child.active{
  box-shadow: none!important;
  text-align: center!important;
}
.dataTable .drag-icon img{
  width: auto;
  height: auto;
}

.search-package{
  border: 1px solid #E8DED1;
  padding: 40px 37px 10px 37px;
  margin-top: -14px;
  margin-bottom: 40px;
}

h5.spl-pakg-title{
  background: #FFF;
  font-size: 24px;
  color: #000000;
  margin-left: 40px;
  padding-left: 35px;
  display: inline-block;
  max-width: 265px;
  z-index: 1;
  padding-bottom: 10px;
}

.notif-icon{
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  position: absolute;
  right: 17px;
}

table.dataTable.table-striped>tbody>tr.odd> .dataTables_empty{
  box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%)!important;
  border: none!important;
}

h3.ip-head-copy{
  margin-top: 56px;
}

.head-copy.margin-less{
margin-top: 35px;
}

body div.dt-datetime table button span{
  text-align: center;
}

.edit-sec-upload.upload-main{
  padding-top: 0;
}

.last-td-center td:last-child,
.last-td-center th:last-child
{
 text-align: center;
}





@media (min-width: 1100px){

  .form-col-3{
    width: 36%;
    position: relative;
  }
  .form-col-3 .text-danger{

  }
  .upload-col-3{
    width: 28%;
  }

  .clr-btn{
    margin-top: 30px;
  }

}

  
  @media (min-width: 1800px){
    .image-sec {
      width: 305px;
  }

  .form-col-3 .text-danger{
    left: 28px;
    bottom: 6px;
}



  }

   @media (max-width: 1800px) and (min-width:1100px)  {


  

    .admin-dash-box{
      min-height: 229px;
      padding: 15px;
    }

    .admin-dash-box img{
      width:60px;
    }

    .admin-dash-box span {
      font-size: 18px;
      line-height: 28px;
      margin-top: 22px;
  }

  .notifications-list .table.dataTable .sorting_1 .sorting-div a{
    font-size: 14px;
    padding: 22px 30px!important;
  }

  .corporate-header .topbar .flex-bx,
  .corporate-header .topbar,
  .corporate-header{
    min-height: 71px;
    height: 71px;
  }
  h3.head-copy{
    margin: 55px 10px 20px 10px;
  }

  .lft-menu{
    padding-left: 5px;
    padding-right: 5px;
  }
  .primnav li a{
    font-size: 13px;
  }



  .primnav{
    width: 20%;
  }



  .main-wraper{
    width: 80%;
    max-width: 80%;
  }
  .admin-dash-bx-main{
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
  }
  .admin-dash-row{
    margin-left: -12px;
    margin-right: -12px;
  }

  body .page-item .page-link{
    padding: 8px 13px;
    font-size: 16px;
  }

  .image-sec{
    width: 35%;
  }

  .form-new-section{
    margin-left: -18px;
    margin-right: -18px;
  }
  
  .form-new-section [class*="col"] {
    padding-left: 18px;
    padding-right: 18px;
}



   }

   @media (max-width:1800px) {

    .dataTable th.sorting:after{
      top: 16px!important;
    }

    .dataTable th.sorting.sorting_asc:before{
      top: 16px!important;
    }

    .admin-content-sec .card .bttn{
      margin-right: 14px;
    }

    .head-copy.margin-less{
      margin-top: 15px;
      }

    body .ip-head-copy{
         margin-top: 30px;
    }

    .table.table-bordered.dataTable th{
      padding: 12px 18px !important;
    }

    .corporate-header .topbar .flex-bx a{
      padding: 20px 20px 20px 15px;
    }

    .notification-title .head-copy{
      margin-top: 34px;
    }

    .nav-arrow{
      top: 55px;
    }
    .logo-area{
      margin: 22px auto 50px auto;
    }

    .notif-icon{
      width: 8px;
      height: 8px;
    }

    h5.spl-pakg-title{
      font-size: 20px;
    }


    .search-package{
      padding: 30px 27px 10px 27px;
    }

    .border-devider{
      margin-left: -30px;
      margin-right: -30px;
      margin: 40px 0 30px 0;
    }

    .primnav li a{
      height: 50px;
    }

    .attachmentList{
      margin-bottom: 20px;
    }
    .file-view a{
      font-size: 13px;
      min-height: 100px;
      width: 100px;
    }

    .amount-form-div .form-group input{
      padding-left: 90px!important;
    }
    .amount-form-div .form-group .currency{
      width: 60px;
      font-size: 14px;
      height: 40px;
    }

    .dataTables_wrapper .dataTable .save-btn{
      font-size: 14px;
    }

    .js .user-section .form-group label.input-file-trigger img{
      margin-right: 10px;
      width:15px;
    }

    .admin-content-sec .form-group{
      margin-bottom: 25px;
    }

    .js .user-section .form-group label.input-file-trigger{
      padding: 11px 45px;
      font-size: 16px;
    }

    .noti-icon{
      width: 30px;
    }
    .change-pass-wrapper{
      margin-top: 35px;
    }

    .admin-content-sec .card h4.table-title{
      padding-bottom: 6px;
    }

    .table-scroll-bottom-in{
      margin-bottom: 30px;
    }
    .table-scroll-bottom.common-scroll{
      margin-bottom: 15px;
    }
    .user_pass_form{
      margin-top: 35px;
      margin-bottom: 35px;
    }

    .for-change-edit-user.user_pass_form{
      margin-bottom: 65px;
    }

    .active-check-sec input[type="checkbox"]{
      width: 14px;
      height: 14px;
      margin-right: 12px;
    }

    .remove-acces{
      margin-left: 40px;
      height: 40px;
      font-size: 14px;
      padding: 10px 25px;
    }

    .active-check-sec span{
      font-size: 14px;
    }

    .edit-user-active-delete{
      margin-top: -25px;
    }

    .admin-content-sec .card .bttn{
      min-width:250px;
      font-size: 14px;
      height: 40px;
      padding: 8px 20px;
    }


    .admin-content-sec .card{
      padding: 35px 30px;
      }

      .heading-devider{
        margin: 0 -30px;
    padding: 0 30px;
      }

    .notif-number{
      height: 35px;
      width: 35px;
      font-size: 16px;
      line-height: 26px;
    }

    .admin-content-sec{
      padding-left: 40px;
      padding-right: 40px;
    }

    .arrow-back svg{
      width: 35px;
      height: 35px;
    }

    .admin-content-sec .user-section .form-group .form-control,
    .admin-content-sec .user-section .form-group select{
     height: 40px;
     margin: 0;
     color: #000000;
     font-size: 14px;
     padding:8px 20px ;
     font-weight: 400;
    }


  
    .admin-content-sec .user-section .form-group select{
      background: url(../images/select-arrow-new.svg) no-repeat right 20px center;
    }
  

    .orange-box{
      padding: 0 45px;
    }

    .obx-image-title .image-sec img{
      width: 120px;
  }

  

  .obx-button-wrap .bttn.black{
    font-size: 14px;
    height: 40px;
    padding: 10px 30px;
  }

  .obx-image-title{
    padding: 12px 0 12px 14px;
  }

  .orange-box{
    margin-bottom: 35px;
  }

  .obx-image-title h4{
    line-height: 30px;
  }

  .arrow-back{
    display: inline-block;
    margin-right: 10px;
  }

  .admin-content-sec .card h4{
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 30px;
  }

  .heading-devider{
    margin-bottom: 30px;
  }


   }


   @media (max-width:1100px) {

    .nav-arrow{
      right: -24px;
    }

    .admin-dash-bx-main{
      margin-bottom: 20px;
    }

    .admin-content-sec .card .bttn{
      min-width:auto;
      font-size: 14px;
    }

   }

   @media (max-width:900px) {


    input.hamburger:checked ~ nav.primnav a{
      font-size: 12px;
    }

    .main-wraper{
      max-width: 100%;
      width: 100%;
    }

    .obx-image-title h4{
      font-size: 18px;
      line-height: 22px;
      padding: 10px 0 10px 0;
    }

    .obx-image-title h4 br{
      display: none;
    }

    .obx-image-title{
      display: block;
    }
    .obx-image-title{
      padding: 12px;
      text-align: center;
    }
    .image-sec{
      text-align: center;
    }

    .orange-box {
      padding: 20px 25px;
      
  }

  .obx-button-wrap{
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }

  .obx-button-wrap .bttn.black{
    margin: 0;
  }

   }


   /* @media (min-height:600px) and (min-width:900px) {
    .primnav{
      min-height: 700px;
    }
   }


   @media (min-height:900px) and (min-width:900px) {
    .primnav{
      min-height: 1000px;
    }
   }


   @media (min-height:1100px) and (min-width:900px) {
    .primnav{
      min-height: 1200px;
    }
   } */


   @media (min-width: 900px) {

    .primnav{
      width: 20%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 10000;
      height: 100%;
    }

    .main-wraper{
      width: 80%;
      max-width: 80%;
      margin-left: 20%;
      transition: 0.5s ease;
    }

    input.hamburger:checked ~ nav.primnav{
      width: 7%;
    }

    input.hamburger:checked ~ .main-wraper{
      width: 93%;
      max-width: 93%;
      margin-left: 7%;
    }

   }


   @media (min-width: 1000px) {

    input.hamburger:checked ~ nav.primnav a{
      display: flex;
    align-items: center;
    justify-content: center;
    }

    input.hamburger:checked ~ nav.primnav li img{
      margin-left: 0;
      margin-right: 0;
    }
   }
   
   .manage-package-table th:nth-child(5),
   .manage-package-table th:nth-child(6),
   .manage-package-table th:nth-child(7){
    min-width: 60px!important; 
   }

   .manage-package-table th:nth-child(4){
    min-width: 70px!important; 
   }