@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

.brand-logo {
  padding: 3px !important;
}

.brand-logo img {
  max-height: 50px;
}


.wrapper>footer {
  border-top: 1px solid #e4eaec;
  bottom: 0;
  height: 60px;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  z-index: 109;
}

.clear {
  clear: both;
}

.button_submit {
  margin-top: 20px;
}

.signed_policy_box {
  margin-top: 60px;
}

.content-wrapper {
  margin-bottom: 40px;
}

.custom_btn {
  padding: 3px;
  margin-left: 6px;
  font-size: 20px;
  line-height: 0px;
  border-radius: 50%;


}

.m-b-20 {
  margin-bottom: 20px;
}

.passport_label {
  margin-top: 8px;
}

/*---Form Design---*/


.background {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.form-btn,
.form-btn-cancel,
.form-btn-error {
  background: transparent;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 5px 24px;
  margin-top: 2.25rem;
  position: relative;
  z-index: 0;
  transition: transform 0.28s ease;
  will-change: transform;
}

.form-btn::before,
.form-btn::after,
.form-btn-cancel::before,
.form-btn-cancel::after,
.form-btn-error::before,
.form-btn-error::after {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

.form-btn::before,
.form-btn-cancel::before,
.form-btn-error::before {
  background: #337ab7;
  z-index: -2;
}

.form-btn::after,
.form-btn-cancel::after,
.form-btn-error::after {
  background: #000;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.28s ease;
  will-change: opacity;
}

.form-btn:focus,
.form-btn-cancel:focus,
.form-btn-error:focus {
  outline: none;
}

.form-btn:focus::after,
.form-btn:hover::after,
.form-btn-cancel:focus::after,
.form-btn-cancel:hover::after,
.form-btn-error:focus::after,
.form-btn-error:hover::after {
  opacity: 0.3;
}

.form-btn:active,
.form-btn-cancel:active,
.form-btn-error:active {
  transform: translateY(1px);
}

.form-btn-error::before {
  background: #d9534f;
}

.form-btn-cancel {
  transition: color 0.28s ease, transform 0.28s ease;
  color: #b52b27;
  border-color: currentColor;
  will-change: color, transform;
}

.form-btn-cancel.-nooutline {
  border-color: transparent;
}

.form-btn-cancel::before {
  background: #b52b27;
  opacity: 0;
  transition: opacity 0.28s ease;
  will-change: opacity;
}

.form-btn-cancel::after {
  display: none;
}

.form-btn-cancel:focus,
.form-btn-cancel:hover {
  color: #fff;
}

.form-btn-cancel:focus::before,
.form-btn-cancel:hover::before {
  opacity: 1;
}

.form-btn-block {
  display: block;
  width: 100%;
  padding: 5px;
}

.form-checkbox,
.form-radio {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  text-align: left;
}

.form-checkbox-inline .form-checkbox-label,
.form-radio-inline .form-radio-label {
  display: inline-block;
  margin-right: 1rem;
}

.form-checkbox-legend,
.form-radio-legend {
  margin: 0 0 0.125rem 0;
  font-weight: 500;
  font-size: 1rem;
  color: #333;
}

.form-checkbox-label,
.form-radio-label {
  position: relative;
  cursor: pointer;
  padding-left: 1.5rem;
  text-align: left;
  color: #333;
  /*display: block;*/
  margin-bottom: 0.5rem;
}

.form-checkbox-label:hover i,
.form-radio-label:hover i {
  color: #337ab7;
}

.form-checkbox-label span,
.form-radio-label span {
  display: block;
}

.form-checkbox-label input,
.form-radio-label input {
  width: auto;
  opacity: 0.0001;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  margin: 0;
  padding: 0;
}

.form-checkbox-button {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  color: #999;
  left: 0;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  transition: color 0.28s ease;
  will-change: color;
}

.form-checkbox-button::before,
.form-checkbox-button::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #337ab7;
  display: block;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
  will-change: opacity, height;
}

.form-checkbox-button::before {
  top: 0.65rem;
  left: 0.38rem;
  transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}

.form-checkbox-button::after {
  top: 0.3rem;
  left: 0;
  transform: rotate(-45deg);
}

.form-checkbox-field:checked~.form-checkbox-button {
  color: #337ab7;
}

.form-checkbox-field:checked~.form-checkbox-button::after,
.form-checkbox-field:checked~.form-checkbox-button::before {
  opacity: 1;
  transition: height 0.28s ease;
}

.form-checkbox-field:checked~.form-checkbox-button::after {
  height: 0.5rem;
}

.form-checkbox-field:checked~.form-checkbox-button::before {
  height: 1.2rem;
  transition-delay: 0.28s;
}

.form-radio-button {
  position: absolute;
  left: 0;
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999;
}

.form-radio-button::before,
.form-radio-button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  transition: transform 0.28s ease, color 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
  will-change: transform, color;
}

.form-radio-button::after {
  transform: scale(0);
  background-color: #337ab7;
  border-color: #337ab7;
}

.form-radio-field:checked~.form-radio-button::after {
  transform: scale(0.5);
}

.form-radio-field:checked~.form-radio-button::before {
  color: #337ab7;
}

.form-has-error .form-checkbox-button,
.form-has-error .form-radio-button {
  color: #d9534f;
}

.form-card {}

.form-card:hover,
.form-card:focus {}

.form-card:focus-within {}

.form-actions {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.25rem;
}

.form-actions .form-btn-cancel {
  -ms-flex-order: -1;
  order: -1;
}

.form-actions::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #999;
  opacity: 0.3;
}

.form-actions>* {
  -ms-flex: 1;
  flex: 1;
  margin-top: 0;
}

.form-fieldset {
  padding: 0px;
  border: 0;
}

.form-fieldset+.form-fieldset {
  margin-top: 15px;
}

.form-legend {
  padding: 1em 0 0;
  margin: 0 0 -0.5em;
  font-size: 1.5rem;
  text-align: center;
}

.form-legend+p {
  margin-top: 1rem;
}

.form-element {
  position: relative;
  margin-bottom: 36px;
  margin-top: 15px;
}

.form-element-hint {
  font-weight: 400;
  font-size: 0.6875rem;
  color: #a6a6a6;
  display: block;
}

.form-element-bar {
  position: relative;
  height: 1px;
  background: #dde6e9;
  display: block;
}

.form-element-bar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #66afe9;
  height: 1px;
  display: block;
  transform: rotateY(90deg);
  transition: transform 0.28s ease;
  will-change: transform;
}

.form-element-label {
  position: absolute;
  top: 0.75rem;
  line-height: 1.7rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  transform: translateY(-50%);
  transform-origin: left center;
  transition: transform 0.28s ease, color 0.28s linear, opacity 0.28s linear;
  will-change: transform, color, opacity;
  font-weight: 600;
}

.form-element-field {
  outline: none;
  height: 22px;
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 14px;
  border: 0 solid transparent;
  line-height: 1.5;
  width: 100%;
  color: #333;
  box-shadow: none;
  opacity: 0.001;
  transition: opacity 0.28s ease;
  will-change: opacity;
}

.form-element-field:-ms-input-placeholder {
  color: #a6a6a6;
  transform: scale(0.9);
  transform-origin: left top;
}

.form-element-field::placeholder {
  color: #a6a6a6;
  transform: scale(0.9);
  transform-origin: left top;
}

.form-element-field:focus~.form-element-bar::after {
  transform: rotateY(0deg);
}

.form-element-field:focus~.form-element-label {
  color: #337ab7;
}

.form-element-field.-hasvalue,
.form-element-field:focus {
  opacity: 1;
}

.form-element-field.-hasvalue~.form-element-label,
.form-element-field:focus~.form-element-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
  cursor: pointer;
  pointer-events: auto;
}

.form-has-error .form-element-label.form-element-label,
.form-has-error .form-element-hint {
  color: #d9534f;
}

.form-has-error .form-element-bar,
.form-has-error .form-element-bar::after {
  background: #d9534f;
}

.form-is-success .form-element-label.form-element-label,
.form-is-success .form-element-hint {
  color: #259337;
}

.form-is-success .form-element-bar::after {
  background: #259337;
}

input.form-element-field:not(:placeholder-shown),
textarea.form-element-field:not(:placeholder-shown) {
  opacity: 1;
}

input.form-element-field:not(:placeholder-shown)~.form-element-label,
textarea.form-element-field:not(:placeholder-shown)~.form-element-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
  cursor: pointer;
  pointer-events: auto;
}

textarea.form-element-field {
  height: auto;
  min-height: 3rem;
}

select.form-element-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.form-select-placeholder {
  color: #a6a6a6;
  display: none;
}

.form-select .form-element-bar::before {
  content: "";
  position: absolute;
  height: 0.5em;
  width: 0.5em;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  display: block;
  right: 0.5em;
  bottom: 0;
  transition: transform 0.28s ease;
  transform: translateY(-100%) rotateX(0deg) rotate(45deg);
  will-change: transform;
}

.form-select select:focus~.form-element-bar::before {
  transform: translateY(-50%) rotateX(180deg) rotate(45deg);
}

.form-element-field[type="number"] {
  -moz-appearance: textfield;
}

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


/*---Form Design---*/

.form_element_btn {
  margin-bottom: 15px;
}

.form-group-action {
  margin-bottom: 35px;
}

.right_panel fieldset {
  margin-bottom: 3px;
}

.block_id_number {
  position: relative;
}

.view_id {
  position: absolute;
  right: 0px;
  z-index: 1;
}

.block_id_number input {
  padding-right: 50px;
}

.form-element-hint {
  display: none !important;
}

.login_logo img {

  margin-bottom: 20px;
}

.login_block.block-center {
  height: 325px;
  left: 50%;
  margin-left: -162px;
  margin-top: -162px !important;
  position: fixed;
  top: 50%;
  width: 325px;
}

.right_panel .panel .panel-heading {
  font-size: 18px;
}

.emp_icons {
  width: 20px;
  max-height: 20px;
}

.emp_icons_link {
  width: 15px;
}

.tabBlock .quote_link {
  position: absolute;
  right: 23px;
  top: 12px;

}

.emp_icons_top_tab {
  width: 12px;
  margin-left: 5px;
  margin-right: 0px;
}

.clone-icon {
  font-size: 19px;
  position: relative;
  top: -3px;
}

.emp_circle_icon {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border: 1px solid #999;
  border-radius: 50%;
  display: block;
  height: 30px;
  line-height: 24px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  width: 30px;
}


.top_email_address {

  display: block;
  color: #fff;
}

.topnavbar .navbar-nav>li>a:hover {
  color: #99f0c1 !important
}

.cursor {
  cursor: pointer;
}

.smoking_title {
  font-size: 18px;
  color: #444;
}

.text-gray {
  color: #999999
}

.drag_file_box {
  border: 2px dashed #999999;
  margin-top: 20px;
  margin-bottom: 20px;

  text-align: center;
}

.drag_file_content {
  display: block;
  font-size: 21px;
  padding-bottom: 50px;
  padding-top: 50px;
}

.drag_file_content_small {
  display: block;
  font-size: 18px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.drag_file_box {
  position: relative;
}

.drag_file_box input[type="file"] {
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.form_field_sets fieldset {
  border: 1px solid #cfdbe2;
  padding: 15px;
  min-height: 140px;
}

.form_field_sets legend {
  border: 0 none;
  font-size: 14px;
  margin-bottom: 4px;
  padding-left: 0;
  padding-top: 4px;
  position: relative;
  top: 0;
  width: auto;
  line-height:12px;
}

.count_box_content {
  font-size: 31px;
  line-height: 0;
  vertical-align: middle;
}

.profile_block {
  display: inline-block;
  width: 300px;
}

div.dataTables_wrapper div.dataTables_info {
  clear: both;
}

.user-detail {
  margin-bottom: 40px;
}

.user_role_content {
  border: 1px solid #cfdbe2;
}

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

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.text_profile_view {
  padding-top: 6px;
}

.policy_content_box td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.policty_name {
  font-weight: 600;
}

.show_all_tbl {
  margin-bottom: 12px;
  font-size: 18px;
}

.input-section .input-group {
  width: 100%;

}

.panel-default .radio-inline {
  margin-right: 0px;
}

input[readonly="readonly"],
input[disabled="disabled"],
select[disabled="disabled"],
textarea[readonly="readonly"] {
  cursor: not-allowed !important;
  background-color: #edf1f2;
  color: rgba(51, 51, 51, 0.6);
}

.manage_postal_address_radio_section {
  margin-bottom: 25px;
}

.manage_postal_address_radio_section label {
  font-weight: normal;
}

.depot_box {
  margin-top: 12px;
}

.clear {
  clear: both;
}

.contract_check {
  margin-top: 18px;
}


.form_check_box {
  margin: 0px !important;
}

.procurement_notes {
  padding-left: 13px;
}

.red-color {
  color: red;
}

.green-color {
  color: green;
}

.qty_description {
  margin-top: 40px;
}


/*New form start*/

.form-group.form-md-line-input .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input .form-control~.help-block-error,
.form-group.form-md-line-input .form-control~label,
.form-horizontal .form-group.form-md-line-input>label {
  opacity: 1;
}

.form .form-bordered .form-group .help-block,
.form .form-row-seperated .form-group .help-block,
.form-horizontal .radio-list>label {
  margin-bottom: 0;
}

.form-group.form-md-line-input .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input .form-control~.help-block-error,
.form-group.form-md-line-input .form-control~label,
.form-horizontal .form-group.form-md-line-input>label {
  opacity: 1;
}

.form-group.form-md-line-input {
  margin: 0 0 20px;
  padding-top: 20px;
  position: relative;
}

.form-horizontal .form-group.form-md-line-input>label {
  color: #888;
  font-size: 14px;
  padding-top: 5px;
}

.form-group.form-md-line-input .form-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #c2cad8;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  color: #555;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
}

.form-group.form-md-line-input .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-group.form-md-line-input .form-control.form-control-static {
  border-bottom: 0 none;
}

.form-group.form-md-line-input .form-control.input-sm {
  font-size: 14px;
  padding: 6px 0;
}

.form-group.form-md-line-input .form-control.input-lg {
  font-size: 20px;
  padding: 14px 0;
}

.form-group.form-md-line-input .input-group,
.form-group.form-md-line-input .input-group+.input-group-control,
.form-group.form-md-line-input+.input-group,
.form-group.form-md-line-input+.input-icon,
.form-horizontal .form-group.form-md-line-input .input-group,
.form-horizontal .form-group.form-md-line-input .input-group>.input-group-control,
.form-inline .form-md-line-input {
  padding-top: 0;
}

.form-group.form-md-line-input .form-control~.form-control-focus,
.form-group.form-md-line-input .form-control~label {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.form-horizontal .form-group.form-md-line-input .form-control~.form-control-focus,
.form-horizontal .form-group.form-md-line-input .form-control~label {
  left: 15px;
  right: 15px;
  width: auto;
}

.form-group.form-md-line-input .form-control~.form-control-focus::after,
.form-group.form-md-line-input .form-control~label::after {
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transition: all 0.2s ease 0s;
  visibility: hidden;
  width: 0;
  z-index: 5;
}

.form-group.form-md-line-input .form-control~label {
  color: #888;
  font-size: 14px;
  margin-bottom: 0;
  top: 0;
}

.form-group.form-md-line-input .form-control.edited:not([readonly])~.form-control-focus,
.form-group.form-md-line-input .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus,
.form-group.form-md-line-input .form-control:focus:not([readonly])~label {
  color: #888;
}

.form-group.form-md-line-input .form-control.edited:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input .form-control.edited:not([readonly])~label::after,
.form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input .form-control:focus:not([readonly])~label::after {
  background: #eb880e none repeat scroll 0 0;
  left: 0;
  visibility: visible;
  width: 100%;
}

.form-group.form-md-line-input .form-control.edited:not([readonly])~.help-block,
.form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block {
  color: #eb880e;
  opacity: 1;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block,
.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus)~.help-block-error,
.form-group.form-md-line-input .form-control.edited:not([readonly])~.help-block-error,
.form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block-error {
  opacity: 0;
}

.form-group.form-md-line-input .form-control[disabled],
.form-group.form-md-line-input .form-control[readonly],
fieldset[disabled] .form-group.form-md-line-input .form-control {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px dashed #c2cad8;
  cursor: not-allowed;
}

.form-group.form-md-line-input.form-md-floating-label .form-control~label {
  color: #999;
  font-size: 14px;
  top: 25px;
  transition: all 0.2s ease 0s;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.edited~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static~label,
.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control[readonly]~label {
  font-size: 13px;
  top: 0;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm~label {
  font-size: 14px;
  top: 24px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly]~label {
  font-size: 13px;
  top: 0;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg~label {
  font-size: 20px;
  top: 30px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly]~label {
  font-size: 13px;
  top: 0;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon>label {
  padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon.right>label {
  padding-left: 0;
  padding-right: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label,
.form-group.form-md-line-input>.input-icon .form-control {
  padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
  padding-right: 34px;
}

.form-group.form-md-line-input .help-block {
  font-size: 13px;
  margin: 2px 0 0;
  opacity: 0;
  position: absolute;
}

.form-group.form-md-line-input>.input-icon>i {
  bottom: 0;
  color: #888;
  left: 0;
  margin: 9px 2px 10px 10px;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.help-block,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~i,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~i,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label,
.form-group.form-md-line-input.has-success .form-control.form-control-static~.help-block,
.form-group.form-md-line-input.has-success .form-control.form-control-static~i,
.form-group.form-md-line-input.has-success .form-control.form-control-static~label,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~i,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.has-success label {
  color: #27a4b0;
}

.form-group.form-md-line-input>.input-icon.input-icon-lg>i {
  top: 6px;
}

.form-group.form-md-line-input>.input-icon.input-icon-sm>i {
  top: -1px;
}

.form-group.form-md-line-input>.input-icon>label {
  margin-top: -20px;
}

.form-group.form-md-line-input>.input-icon.right .form-control {
  padding-left: 0;
  padding-right: 34px;
}

.form-group.form-md-line-input>.input-icon.right>i {
  left: auto;
  margin: 11px 2px 10px 10px;
  right: 8px;
}

.form-horizontal .form-group.form-md-line-input .input-group>.form-control-focus,
.form-horizontal .form-group.form-md-line-input .input-group>.input-group-control>.form-control-focus,
.form-horizontal .form-group.form-md-line-input .input-icon>.form-control-focus {
  left: 0 !important;
  right: 0 !important;
}

.form-group.form-md-line-input .input-group .input-group-control>label,
.form-group.form-md-line-input .input-group>label {
  margin-top: -20px;
}

.form-group.form-md-line-input .input-group .input-group-addon {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #c2cad8;
  border-image: none;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
}

.form-group.form-md-line-input .input-group .input-group-control {
  display: table-cell;
  padding-top: 0;
  position: relative;
  vertical-align: bottom;
}

.form-group.form-md-line-input .input-group .input-group-btn .btn {
  border-radius: 4px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
  margin-right: 10px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
  margin-left: 10px;
}

.form-group.form-md-line-input .input-group .help-block {
  margin-top: 35px;
}

.form-group.form-md-line-input .input-group.input-group-sm .help-block {
  margin-top: 30px;
}

.form-group.form-md-line-input .input-group.input-group-lg .help-block {
  margin-top: 47px;
}

.form-group.form-md-line-input.has-success .form-control {
  border-bottom: 1px solid #27a4b0;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly])~label::after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly])~label::after,
.form-group.form-md-line-input.has-success .form-control.form-control-static~.form-control-focus::after,
.form-group.form-md-line-input.has-success .form-control.form-control-static~label::after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly])~label::after {
  background: #27a4b0 none repeat scroll 0 0;
}

.form-group.form-md-line-input.has-success .input-group-addon {
  border-bottom: 1px solid #27a4b0;
  color: #27a4b0;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly])~.help-block,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly])~i,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly])~i,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly])~label,
.form-group.form-md-line-input.has-warning .form-control.form-control-static~.help-block,
.form-group.form-md-line-input.has-warning .form-control.form-control-static~i,
.form-group.form-md-line-input.has-warning .form-control.form-control-static~label,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly])~i,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.has-warning label {
  color: #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control {
  border-bottom: 1px solid #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly])~label::after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly])~label::after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static~.form-control-focus::after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static~label::after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly])~label::after {
  background: #c29d0b none repeat scroll 0 0;
}

.form-group.form-md-line-input.has-warning .input-group-addon {
  border-bottom: 1px solid #c29d0b;
  color: #c29d0b;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly])~.help-block,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly])~i,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly])~i,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly])~label,
.form-group.form-md-line-input.has-error .form-control.form-control-static~.help-block,
.form-group.form-md-line-input.has-error .form-control.form-control-static~i,
.form-group.form-md-line-input.has-error .form-control.form-control-static~label,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly])~i,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.has-error label {
  color: #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control {
  border-bottom: 1px solid #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly])~label::after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly])~label::after,
.form-group.form-md-line-input.has-error .form-control.form-control-static~.form-control-focus::after,
.form-group.form-md-line-input.has-error .form-control.form-control-static~label::after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly])~label::after {
  background: #e73d4a none repeat scroll 0 0;
}

.form-group.form-md-line-input.has-error .input-group-addon {
  border-bottom: 1px solid #e73d4a;
  color: #e73d4a;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly])~.help-block,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly])~i,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly])~label,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly])~i,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly])~label,
.form-group.form-md-line-input.has-info .form-control.form-control-static~.help-block,
.form-group.form-md-line-input.has-info .form-control.form-control-static~i,
.form-group.form-md-line-input.has-info .form-control.form-control-static~label,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly])~.help-block,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly])~i,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.has-info label {
  color: #327ad5;
}

.form-group.form-md-line-input.has-info .form-control {
  border-bottom: 1px solid #327ad5;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly])~label::after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly])~label::after,
.form-group.form-md-line-input.has-info .form-control.form-control-static~.form-control-focus::after,
.form-group.form-md-line-input.has-info .form-control.form-control-static~label::after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly])~.form-control-focus::after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly])~label::after {
  background: #327ad5 none repeat scroll 0 0;
}

.form-group.form-md-line-input.has-info .input-group-addon {
  border-bottom: 1px solid #327ad5;
  color: #327ad5;
}

.form-inline .form-md-line-input {
  margin: 0 20px 0 0;
}

.form-inline .form-md-line-input>.input-icon {
  padding: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon .form-control {
  padding-left: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-icon>i {
  top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
  padding-left: 0;
  padding-right: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-group>.input-group-btn .btn {
  margin-bottom: 0 !important;
}

.form-md-checkboxes,
.form-md-radios {
  padding-top: 5px;
}

.form-inline .md-checkbox.md-checkbox-inline {
  margin-right: 20px;
  top: 3px;
}


/*New form End*/

.send_approval {
  margin-top: 25px;
}

.form_tags_input .input-group-addon {
  background: transparent none repeat scroll 0% 0%;
  padding-right: 10px;
  padding-left: 10px;
}

.form_tags_input .bootstrap-tagsinput {
  border-radius: 0 4px 4px 0 !important;
}

.requested_form th,
.requested_form td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.requested_form {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 25px;

}

.home_form_content {
  margin-bottom: 30px;
}

.search_box_area {
  padding-top: 8px;

}

.search_box_area strong {
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
}



.tag_info {}

.search_form_box {
  margin-top: 6px;
}

.home_form_content {}

.home_form_content {
  margin-top: 15px;
}

.home_form_content td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.form-control.value {
  width: 80px;
}

.email_box_content {}

.button_send_mail {}

.supplier_info_content {}

.heading_box_title {
  font-size: 18px;
  font-weight: 600;
}

.form_group_main label {
  margin-top: 8px;
}

.form_group_main {
  margin-bottom: 15px;
}

.supplier_info_content {
  margin-top: 30px;
}

.supplier_info_content .heading_box_title {
  margin-bottom: 20px;
}

.supplier_info_content h1 {
  margin: 0 0 15px 0;
  font-size: 20px;
}

.submit_approval_box {
  margin-top: 50px;
}

.rejected_task {
  margin-top: 6px !important;
}

.ext_code {
  white-space: nowrap
}

.supplier_search_area {
  margin-bottom: 20px
}

.btn-choose-file {
  background: #6f7075;
  color: #fff;
}

.btn-choose-file:hover,
.btn-choose-file:focus {
  color: #fff;
}

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

.quotation_box_content strong {
  display: block;
  font-size: 18px;
  margin-bottom: 12px;
}


.home_form_content strong {
  font-size: 18px;
}




.notes_action_button button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.block_headings {
  font-size: 18px;
}

.notes_history>.block_headings {
  margin-bottom: 10px;
  display: block;
}

.notes_history .list-group-item {
  border: 0px;
}

.footer_button_box {
  margin-top: 40px;
}

.footer_button_box button {
  width: 100%;
  margin-bottom: 5px;
  font-size: 18px;
}

.cursor {
  cursor: pointer;
}

.procurement_administrator_list,
.procurement_approval_list tbody tr {
  cursor: pointer;
}

.company_contract_number {
  margin-top: 0px;
  line-height: 22px;
}

.company_contract_number strong {
  font-weight: 600;

}

.delivery_date_box {
  font-size: 17px;
  font-weight: 700;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.content_notes_footer {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.happy_to_submit .required .form-element-hint {
  display: block !important;
}

.form-has-error .needsclick span {
  border: 1px solid #d9534f
}

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

.global_partner_span {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.form_heading_haas {
  margin: 0px 0 20px;
  font-size: 17px;

}

.software_uses {

  background-size: 17px auto !important;
  padding-left: 25px;
}

.windows {
  background: url('../images/img_win.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.office {
  background: url('../images/microsoft_office.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.radio_options_btn {
  margin-bottom: 6px;
}

.urgent_box_area {}

.has_form_table {
  margin-top: 40px;
}

.icon_info {
  vertical-align: middle;
}

.form_elemnts_info {
  position: relative;
}

.form_elemnts_info .info_circle_box {
  position: absolute;
  right: 0px;
  top: 4px;
}

.form_elemnts_info input {
  padding-right: 20px;
}

.form_elemnts_info {
  margin-bottom: 0px;
}

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


.radio_options_btn .radio-inline {
  margin-bottom: 8px;
}

.flag_img {
  width: 20px;
  margin-left: 6px;
  vertical-align: :middle
}


.form-has-error .c-radio span,
.form-has-error .c-radio span {
  border-color: #d9534f
}

.margin-top-40 {
  margin-top: 40px;
}

.tick_icon {
  margin-left: 12px;
  margin-right: 40px;
}

.form_title_content {
  font-size: 18px;
}

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

.image_listing_container ul li {

  display: inline-block;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 16px;
  vertical-align: top;

}

.image_listing_container ul li img {
  max-height: 100%;
  max-width: 100%;
}

.image_upload {
  width: 100px;
  height: 80px;
  position: relative;
  line-height: 70px;
  border: 1px solid #dde6e9;
  padding: 3px;
}

.image_upload i {
  background: red none repeat scroll 0 0;
  border-radius: 50%;
  color: white;
  height: 19px;
  padding: 2px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -9px;
  width: 19px;
}

.make_primary {}

.add_image_box button {
  margin-bottom: 10px;
}

.youtube_heading {
  font-size: 18px;
}

.you_tube_content {}

.youtube_logo img {
  max-width: 40px;
}

.youtube_content_list {
  margin-top: 9px;
}

.installation_guide {}

.installation_guide ul {
  list-style: none;
  padding: 0px;
  margin: 0px;

}

.video_list_box {
  border: 1px solid #dde6e9;
  height: 80px;
  line-height: 69px;
  padding: 3px;
  position: relative;
  width: 135px;

}

.video_list_box i {
  background: red none repeat scroll 0 0;
  border-radius: 50%;
  color: white;
  height: 19px;
  padding: 2px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -9px;
  width: 19px;
}

.video_list_box img {
  max-width: 100%;
  max-height: 70px;
}

.installation_guide li {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
}

.associates_product_name {
  border: 1px solid #cfdbe2;
}

.data_table_content {}

.divider_content {
  width: 25px;
}

.input_checkbox input {
  margin: 0px;
  vertical-align: middle;
}

td.divider_content {
  position: relative;
}

td.divider_content:after {
  background: #dde6e9 none repeat scroll 0 0;
  content: " ";
  height: 100%;
  left: 12px;
  position: absolute;
  top: 0;
  width: 1px;

}

.table_default_checkbox {
  margin: 0px;
}

.data_table_content td {
  padding: 3px;
}

#partner_product_rate .input-group-addon,
.data_table_content .input-group-addon {
  padding-left: 4px;
  padding-right: 4px;
}

.video_title {
  display: block;
  margin-bottom: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 64%;
  overflow: hidden;

}

.content_box_area {
  margin: 0px;
}

.content_box_area {
  padding: 0px;
  border-radius: 0px;
  border: 0px none;
}

.content_box_area .panel-default {
  margin: 0px;
  border-radius: 0px;
}


.button_action_type>ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.button_action_type>ul>li {
  display: inline;
}

.data_table_content table tbody tr td input {
  text-align: right;
}

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

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

.special_log_form ul li {
  padding-left: 20px;
  font-size: 16px;
}

.custom_modal .modal-header {
  border: 0px !important;
  padding-bottom: 0px !important;
}

/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}

.tabs-right {
  border-left: 1px solid #ddd;
}

.tabs-left>li,
.tabs-right>li {
  float: none;
  margin-bottom: 2px;
}

.tabs-left>li {
  margin-right: -1px;
}

.tabs-right>li {
  margin-left: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}

.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
}

.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

.vertical-text {
  margin-top: 50px;
  border: none;
  position: relative;
}

.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}

.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}

.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}

.vertical-text.tabs-left {
  left: -50px;
}

.vertical-text.tabs-right {
  right: -50px;
}

.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.form_product_list .tab-content {
  padding: 0px;
  border: 0px;
}

.icon_info {
  margin-right: 6px;
}

.grid_info_icon {
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -3px;
}


.tr_even {
  background: #f9f1d9;
}

.tr_even td {
  border: 0px !important;
}


.tr_odd {
  background: #fff;
}

.tr_odd td {
  border: 0px !important;
}

.order_table_content .btn-danger,
.order_table_content .btn-success {
  padding: 3px 8px;
}

.last_order_form_content td {
  border-top: 0 !important;
}

.form_box_input td {
  padding-top: 28px !important;

  vertical-align: middle;
  border-top: 1px solid #eee !important;

}

.order_table_content .btn-success {
  margin-bottom: 16px;
}

.bread_crumb_details {
  font-weight: 500;
}

.popup_table td {
  padding: 4px 0px 6px;
}

.stock_cat_tree .parent_category_section,
.product_cat_tree .parent_category_section {
  border: 1px solid #cfdbe2 !important;

}

.stock_cat_tree>label {
  margin: 0px;
}

.header_links {
  padding-top: 6px;
}

.header_links a {
  margin-left: 10px;
}

.invoice-info-table th {
  white-space: nowrap;
}

.invoice-info-table td {
  padding-left: 5px;
}

.filter-heading {
  margin-top: 15px;
}

.salesperson_invoice_list tfoot,
.salesperson_invoice_list tfoot tr,
.salesperson_invoice_list tfoot td,
.salesperson_invoice_list tfoot th {
  background: transparent !important;
  border: 0px !important;
  color: #656565;
}

.salesperson_invoice_list.table.dataTable tfoot>tr>th {
  color: #656565;
  font-size: 16px;
}

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}


.login_block .btn-primary {
  background: #00823b !important;
  border: 1px solid #00823b;
}

.login_block .btn-primary:hover,
.login_block .btn-primary:focus {
  background: #00823b !important;
  border: 1px solid #00823b;
}


.topnavbar .navbar-nav>li>a:hover,
.topnavbar .navbar-nav>.open>a:hover,
.topnavbar .navbar-nav>li>a:focus,
.topnavbar .navbar-nav>.open>a:focus {
  color: #99f0c1 !important;
}


.navbar-right a {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.navbar-right i {
  font-size: 19px;
}

.navbar-right .icon-home {
  font-size: 19px;
}

.top_email_address {
  margin-top: 2px;
  margin-right: 12px;
}

.top-user-img {

  background-color: rgba(255, 255, 255, 0.6) !important
}


.top_form_box .form-element {
  margin-bottom: 0px !important;
}

.slider.slider-horizontal {
  width: 100% !important;

}

.lookup-info {
  margin-top: 15px;
}

.top_form_box {
  height: 70px;

}

.top_form_box .rangeSlider {
  padding-top: 20px;
}

.fuel-slider {
  margin-top: 28px;
}

.ui-state-active {
  background: #cfdbe2 !important;
  border: 0px !important;
}

.padding-top-40 {
  padding-top: 40px;
}

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

.damage_pics_container .image_upload {
  width: 170px;
  height: 150px;
  line-height: 140px;
}

.marrkasButton {
  display: block;
  width: 100%;
}

.marrkasButton {
  margin-top: 20px;
}

.filterLegends {
  border: 1px solid #dde6e9;
  padding: 23px 6px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;

}

.filter_title {
  position: absolute;
  background: #fff;
  top: -11px;
  padding: 0px 11px;
  left: 10px;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;

}

.filterlablel {
  font-weight: normal;
}

.filterLegends .form-control {
  width: 100%;
}

.filter_section label {
  font-weight: normal;
}

.icon-home:before {
  content: none;
}

.userNameList {}

.blockTitle {
  font-size: 16px;
  font-weight: 500;
}

#accounts_contact_search .del-contact {
  width: 20px;
  height: 20px;
}

.userHeaderPanel td {
  padding-bottom: 6px;
}

.userHeaderPanel {
  border-bottom: 2px solid #cfdbe2;
}

.userRoll {
  border-top: 1px solid #cfdbe2;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 10px;

}

.userDetailsBox td,
.userDetailsBox th {
  padding-top: 6px;
  padding-bottom: 6px;
}

.userRoll ul {
  list-style: none;
  padding: 0px;
  margin: 0px;

}

.userDetailsBox {
  padding-left: 6px;
  padding-right: 6px;

}

.userRoll ul li {
  width: 50%;
  display: block;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;

}

.upload_links {
  display: block;
  padding-top: 5px;
  font-weight: 500;

}

.userPassportUpload {

  border-top: 1px solid #cfdbe2;
  clear: both;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;

}

.conentareaBox {
  border-left: 1px solid #cfdbe2;
  border-right: 1px solid #cfdbe2;
  border-bottom: 1px solid #cfdbe2;
  margin-bottom: 20px;
}

.customer_heading h3 {
  margin: 0px;
  font-size: 18px;
  font-weight: 400;
}

.inputNumber {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px;
  margin-left: 3px;
}

.prefrences_box {
  margin-top: 20px;
}

.logistic_box {
  height: 172px;
}

.labelOption {
  margin-bottom: 6px;
}

.createInvoice {
  font-size: 16px;
}

.formBoxArea {
  margin-bottom: 10px;
}

.rentalboxArea {
  margin-bottom: 15px;
}

.btn_upload {
  margin-top: 6px;
}

.downloadpdf img {
  margin-right: 6px;
}

.prefrences_box .col {
  width: 22%;
}

.googleplace {
  position: relative;
}

.googleplace img {
  position: absolute;
  right: 0
}

.googleplace input {
  padding-right: 30px;
}

.headingBox {
  font-size: 16px;
}

.deposit_box fieldset {
  min-height: 662px;
}

.logistic_box legend {
  font-weight: 600;

  margin-bottom: 5px;

}

.box_divider {
  position: relative;
}

.box_divider::after {
  position: absolute;
  content: " ";
  right: -18px;
  top: 0px;
  background-color: #cfdbe2;
  height: 100%;
  width: 1px;
}

.po_number_box {}

.searchAccountdetails {
  /*margin-top:20px*/
}

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

#po-download-table>tbody>tr {
  border-bottom: 1px solid #ccc;
}

#customer_name {
  padding: 5px 0px;
  vertical-align: top;
}

#account_number {
  padding: 5px 0px;
  vertical-align: top;
}

.orderItemsTitle {
  font-size: 18px;
  font-weight: 400
}

.tablePercent {
  position: absolute;
  right: 5px;
  z-index: 100;
  top: 8px;

}

.listInputBox {
  padding-left: 4px;
  padding-right: 4px;
}

.discount_amount {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: 9px;
}

.pickingStatus {
  list-style: none;
  padding: 0px;
  margin-bottom: 6px;

}

.input-green {
  background: #d5ffe1;
}

.input-red {
  background: #ffe3e3;
}

.form-title {
  font-weight: 400
}

.input-yellow {
  background: #fffbe3;
}

.top_right_scan_link ul {
  list-style: none;
  margin: 0px;
  padding: 0px;

}

.top_right_scan_link ul li {
  display: inline;
  font-size: 14px;
}

.bar-icon {
  width: 25px;
  vertical-align: middle;
  margin-right: 7px;
}

.imaging-detail-back {
  margin-left: 20px;
  font-size: 14px;
}

.make-primary {
  color: #fff;
  background-color: #5d9cec;
  margin-left: 4px;
  border: 0px;
  border-radius: 3px;
  font-size: 11px;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 0px 8px;
  float: right;
  width: 68px;

}

/* 
#parent_category_section .jstree-children .jstree-anchor
{
  max-width: 100%;
  display: inline-block;
  margin-bottom: 2px;
  min-width: 95%;

} */
.make-primary.active {
  background-color: #00823b;
}

#product_section .nav-tabs>li>a {
  padding: 9px 9px;
}

.product_list>tbody>tr>td {
  vertical-align: top !important;
}

.category_path {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.category_path li {
  display: inline;
}

.menu-sections .ui-state-default {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #656565;
  font-size: 14px;

}

.menu-section {
  background: transparent !important;
}

.page-list-sortable {
  background: #fff !important
}

.page-list-sortable .ui-state-default {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #656565;
  font-size: 14px !important;
}


#sortable1 {
  list-style-type: none;
  margin: 0;
  margin-right: 10px;
  background: #eee;
  padding: 0px 5px;
  width: 100%;
  min-height: 400px;
}

#sortable1 li {
  margin: 5px 0px 0px 1px;
  padding: 5px;
  font-size: 1.2em;
  width: 99%;
}

.menu-section {
  list-style-type: none;
  margin: 0;
  float: left;
  margin-right: 10px;
  background: #eee;
  padding: 5px;
  width: 100%;
  min-height: 50px;

}

.menu-section li {
  margin: 5px 0px 0px 5px;
  padding: 5px;
  font-size: 1.2em;
  width: 99%;
}


.page-list-sortable li i,
.menu-section li i {
  margin-right: 8px;
}

.section-title {
  background: #fafbfc;
  border: 1px solid #cfdbe2;
  color: #929292;

  padding: 5px;
  font-size: 1.2em;
  width: 100%;
  color: #929292;
}

.section-title i.icon-grid {
  margin-right: 5px;
  font-size: 12px;
}

.page-list-sortable .ui-state-default.ui-sortable-helper {
  background: #faf7e6 !important;
  border: 1px dashed #dcd9cb;

}

.delete-section {
  background: transparent;
  border: 0px;
  padding: 0px;
  font-size: 11px;
}

.delete-section i {
  margin-top: 6px;
}

.section-row {
  margin-bottom: 6px;
}

.sidebar .fa-angle-down {
  width: 10px !important;

}

.show.collapse[aria-expanded="false"] {
  display: none !important;
}

.sidebar-subnav {
  padding-left: 12px;
}

#table-result .form-has-error {
  border: 1px solid red !important
}

.product-list-thumb {
  max-height: 48px;
  max-width: 48px;
}

.parent_category_section.jstree>ul>li {
  position: relative;
}

.parent_category_section.jstree>ul>li button {
  position: absolute;
  right: 0px;
}

.parent_category_section.jstree>ul>li a {
  width: 100%;
  padding-right: 125px;
}

.parent_category_section.jstree>ul>li a span {
  padding-right: 00px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 86%;

}

.page-span,
.sub-span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;

}

.unassigned-quote {
  font-size: 24px;
}

.salesteam-table tbody {
  max-height: 210px;
}

.quote_form_field_sets fieldset {
  border: 1px solid #cfdbe2;
  padding: 15px;
  min-height: 130px;
}

.quote_form_field_sets legend {
  border: 0 none;
  font-size: 16px;
  margin-bottom: 4px;
  padding-left: 0;
  padding-top: 4px;
  position: relative;
  top: 0;
  width: auto;
}

.quote-box-heading {
  margin-bottom: 25px;
}

.customer_note_table {
  margin-left: 15px;
  margin-bottom: 25px !important;
}

.direction_arrow {
  width: 15px;
  vertical-align: middle;
}

.sub-view {
  background-color: white;
  padding: 8px;
  border: 1px dashed #ccc;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}

.salesman-tag {
  background: #eee;
  padding: 1px 3px;
  border-radius: 3px;
  margin: 2px;
  display: inline-block;
  color: #656565
}

.quote-hightlight {
  background: #e3f7d5 !important;
}

.sales_list_accordion .panel-heading a:hover {
  background-color: #fcfcfc;
  color: #23b7e5;
}

.sales_list_accordion .panel-heading {
  padding: 0
}

.sales_list_accordion .panel-heading a {

  padding: 10px 15px;
  display: inline-block;
  width: 100%;
}

.salesman-tag {
  color:
}

.filter_salesperson_id.active {
  background-color: #1b72e2;
  color: #fff;
}

.quote_product_form .form-has-error input,
.stock_short_form .form-has-error input,
.early_return_item_form .form-has-error,
.addon_product_form .form-has-error input {
  color: #d9534f;
  border: 1px solid #d9534f;
}

.quote_product_icon {
  height: 20px;
}


#cancel_short_form .form-has-error {
  border: 1px solid #d9534f;
}


#update_quote .form-has-error {
  color: #d9534f;
  border: 1px solid #d9534f;
}

#dragIcon:hover {
  cursor: pointer;
}

.sortItem .ui-sortable-helper,
.quote_item_box .ui-sortable-helper {
  background: #ddf6fe;
}

.search_products input {
  background: url('../images/icon_search.png') #fff no-repeat center right;
  background-size: auto;
  background-size: 19px 19px;
  padding-right: 25px;

}

.ui-menu-item {
  color: #656565;
  font-size: 12px;
}

.actual_price {
  display: inline-block;
}

.darg_icon {
  text-align: left;
  vertical-align: middle !important;
}

.quote_item_box .active_line_item {
  background: #ddf6fe;
}
.quote_item_box .ins_line_linked {
  background: #e6eaea;
  color: #959595;
}
.quote_item_linked
{
  background: #fdfdf0 !important;
}
.quote_item_box .quote-item-row {
  border-top: 2px solid #CCC !important;
}

.pricingarea,
.customer_price {
  padding-right: 17px !important;
}

tfoot.quote-item-row td {
  vertical-align: middle !important;
}

.unit_price_td {}

.tab_top_content {
  padding: 0px;
  border: 0px;
}

.panel_area {
  margin-bottom: 0px;
}

.panel_area.panel {
  border: 0px;
}

.history_block_area {
  padding-top: 10px;
  padding-right: 15px;
}

.tab_panel_content .nav-tabs>li>a {
  min-width: 137px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-align: center;
  min-height: 45px;
}

.pull_next_lead_enabled {
  /* color: #00823b; */
}

.pull_next_lead_disabled {
  color: #999999;
}

.tabs_content_box {
  position: relative;
  padding-right: 105px;
}

.tabs_content_box .history_block_area {
  position: absolute;
  right: 40px
}
.search-quote-request
{
  position: absolute;
  right: 15px;
  top: 11px;
}
.search-quote-content{
  background-color: white;
  position: absolute;
  border: 1px solid #cfdbe2;
  right: 0px;
  width: 300px;
  box-shadow: 0px 1px 6px #cfdbe2;
  
  z-index: 1000;
  padding: 20px;
}
.search-quote-request  .btn-search-quote
{
  background-color: transparent!important;
  border:0px!important;
}

#add_quote_tab {
  display: inline-block;
  width: 80px;
}

#add_quote_tab a {
  min-width: 77px;
}

.address_accordion {
  margin-left: 15px;
  margin-right: 15px;
}

.source_list {
  list-style: none
}

.source_list li {
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 13px;
  vertical-align: top;
  cursor: pointer;
}

.source_list {
  padding: 0px;
  margin: 0px;
}

.imageIcon {
  width: 32px;
  height: 32px;

}


.partnerImgIcon {
  width: 32px;
  height: 32px;

}

.mailIcon {
  background-image: url('../images/message.png');
}

.mailIcon:hover,
.mailIcon.active {
  background-position: 0px -35px;
}

.whatsappIcon {
  background-image: url('../images/whatsApp.png');
}

.whatsappIcon:hover,
.whatsappIcon.active {
  background-position: 0px -34px;
}


.facebookIcon {
  background-image: url('../images/facebookIcon.png');
}

.facebookIcon:hover,
.facebookIcon.active {
  background-position: 0px -34px;
}


.linkedinIcon {
  background-image: url('../images/linkedin.png');
}

.linkedinIcon:hover,
.linkedinIcon.active {
  background-position: 0px -34px;
}


.bulletListIcon {
  background-image: url('../images/bulletList.png');
}

.bulletListIcon:hover,
.bulletListIcon.active {
  background-position: 0px -34px;
}



.phoneIcon {
  background-image: url('../images/phone.png');
}

.phoneIcon:hover,
.phoneIcon.active {
  background-position: 0px -32px;
}

.meetingGroupIcon {
  background-image: url('../images/meeting-group.png');
}

.meetingGroupIcon:hover,
.meetingGroupIcon.active {
  background-position: 0px -34px;
}


.meetingIcon {
  background-image: url('../images/meeting.png');
}

.meetingIcon:hover,
.meetingIcon.active {
  background-position: 0px -35px;
}

.outgoingcallIcon {
  background-image: url('../images/outgoingcall.png');
}

.outgoingcallIcon:hover,
.outgoingcallIcon.active {
  background-position: 0px -32px;
}

.chatIcon {
  background-image: url('../images/chatIcon.png');
}

.chatIcon:hover,
.chatIcon.active {
  background-position: 0px -34px;
}

.notesIcon {
  background-image: url('../images/notesIcon.png');
  cursor: pointer;
}

.notesIcon:hover,
.notesIcon.active {
  background-position: 0px -34px;
}
.notesRedIcon, .notesRedIcon:hover{
  background-image: url('../images/notesIcon.png');
  background-position: 0px -30px!important;
  cursor: pointer;
}

.dragFileContainer {
  border: 2px dashed #999999;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;

}

.attachFileIcon {
  padding-right: 40px;
  position: relative;
}

.attachFileIcon .pinIcon {
  position: absolute;
  right: 0px;
  bottom: 10px;
  font-size: 22px;
  cursor: pointer;
}

.quote_image {
  width: 200px;
  height: 120px;
  position: relative;
  line-height: 70px;
  border: 1px solid #dde6e9;
  padding: 3px;
}

.capitalize_input {
  text-transform: capitalize;
}

.lowercase_input {
  text-transform: lowercase;
}

.media {
  display: flex;
  align-items: flex-start;
}

.sourceIconDanger {
  width: 35px;
  border: 1px solid #d9534f;
  border-radius: 9px;
  height: 35px;
}

.uploded_image {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.uploded_image li {
  display: inline-block;
  margin: 10px;
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  border-radius: 3px;

}

.uploded_image li a {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -15px;
}

.img_uploaded {
  max-width: 100%;
  max-height: 100%;
}

#messageDiv .text-muted {
  white-space: nowrap;
}

.messageTextBox {
  border-top: 2px solid #e4eaec
}

/* Templaet Css */
.table_main {
  margin: auto;
  border: 2px solid #ddd;
  background: #fff;
  border-radius: 5px;
}

.table_main td {
  padding-right: 20px;
  padding-left: 20px;
}

.table_main th {
  padding-right: 20px;
  padding-left: 20px;
}

.table_logo {
  padding: 20px 0px;
  text-align: center;
}

.quote_heading {

  font-size: 18px;
  color: #000;
  padding: 20px 0px;
}

.color_green {
  color: #00823b;
}

.color_red {
  color: #f05050;
}

.color_blue {
  color: #5d9cec;
}

.table_heading th {
  padding-top: 20px;
  text-align: left;
  padding-bottom: 10px;
  color: #000;
}

.period_detail td {
  padding-bottom: 10px;
  line-height: 25px;
  border-bottom: 2px solid #ddd;
}

.color_grey {
  color: #333;
}

.table_heading td {
  padding-bottom: 10px;
  vertical-align: top;
}

.table_border {
  border-top: 2px solid #ddd;
}

.Rental_total {
  text-align: right;
  border-top: 2px solid #ddd;
  padding-top: 20px;
}

.Total_rs {
  border-top: 2px solid #060606;
  font-weight: bold;
}

.text_center {
  text-align: center;
}

.button_green {
  background: #00823b;
  padding: 15px 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  border: 0px;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.button_blue {
  background: #5d9cec;
  padding: 15px 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  border: 0px;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.button_red {
  background: #f05050;
  padding: 15px 0px;
  text-align: center;
  border: 0px;
  color: #fff;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 20px;
}

.button_orange {
  background: darkorange;
  padding: 15px 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  border: 0px;
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.list_table_icon {
  text-align: right;
}

.list_table_icon img {
  margin-left: 20px;
}

.period_detail i {
  font-size: 30px;
}

.margin-left-20 {
  margin-left: 20px;
}

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

.color_light_grey {
  color: #ddd;
}

.background_templete {
  max-width: 400px;
  background: #fff;
  margin: auto;
  padding: 0px 20px;
}

.view_pdf_button {
  background: transparent;
  border: 0px;
  color: #00823b;
}

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

.total_details td {
  padding-bottom: 10px;
}

.table_view {
  display: none;
}

.gird_view_heading {
  font-size: 18px;
  font-weight: bold;
  color: #00823b;
  padding-top: 10px;
  padding-bottom: 10px;
}

.Item th {
  color: #000;

}

.item_content {
  padding-bottom: 6px;
}

.padding-top-10 {
  padding-top: 10px;
}

.grid_view .row {
  margin: 0px !important;
  border-bottom: 2px solid #ddd;
}



.chat_thumb {
  max-width: 40px;
  max-height: 40px;
}

.userProfileImg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.padding-bottom-20 {
  padding-bottom: 10px;
}

.accept_quotation {
  padding: 30px 0px;
}

.img_none {
  display: none;
}

.thankyou_accepting_heading {
  font-size: 18px;
  font-weight: bold;
}

.background_thanks_accepting {
  max-width: 472px;
  background: #fff;
  margin: auto;
  padding: 0px 20px;
  padding-bottom: 20px;
  width: 100%;
  margin: 15px;
}

.radio_btn_thankyou_page {
  padding-left: 90px;
}

.call_soon {
  text-align: center;
  margin-top: 15px;
}

.call_soon input {
  width: 54px;
  height: 40px;
  font-size: 22px;
  text-align: center;
  border: 1px solid #ddd;
  color: rgb(0, 0, 0);
}

.call_soon::-webkit-input-placeholder {
  /* Edge */
  color: rgb(192, 192, 192);
}

.call_soon:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgb(192, 192, 192);
}

.call_soon ::placeholder {
  color: rgb(192, 192, 192) !important;
}

.last_input {
  width: 67px !important;
}



.background_call_us {
  max-width: 400px;
  background: #fff;
  margin: auto;
  padding: 0px 15px;
  padding-bottom: 30px;
}

#contact-form .form-has-error,
#commission-form .form-has-error {
  border: 1px solid #d9534f;
}

.quote_version {
  cursor: pointer;
  color: #5d9cec;
}

.icon_block {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px 4px;
  position: relative;
}

.attach_icon {
  background-image: url('../images/attachIcon.png');
}

.attach_icon:hover,
.attach_icon.active {
  background-position: 0px -27px;
}

.call_icon {
  background-image: url('../images/callIcon.png');
}

.call_icon.active {
  background-position: 0px -25px;
}

.customerCallIcon {
  background-image: url('../images/customerCallIcon.png');
}

.customerCallIcon:hover,
.customerCallIcon.active {
  background-position: 0px -25px;
}

.managerRequireIcon {
  background-image: url('../images/managerRequireIcon.png');
  height: 26px;
}

.managerRequireIcon.active {
  background-position: 0px -34px;
}

.badge_content {
  position: absolute;
  font-weight: 100;
  z-index: 10;
  right: -7px;
  top: -6px;
  padding: 1px 6px;
}

.background_call_us.thank_you {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 100%;
}

.extraQty {
  padding-top: 10px;
}

.Item th,
.Item td {
  padding-top: 5px;
}

.Item th {
  padding-right: 5px;
}

.items_heading {
  padding-right: 5px;
}

.tabBlock {
  position: relative;
}

.tabBlock .quote_version {
  position: absolute;
  right: 5px;
  top: 12px;

}

.tabs_content_box li a {
  padding-right: 40px;
}

.mainContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.background_thanks_accepting input {
  outline: none;
}


.chat_icon_message {
  background-image: url('../images/chat.png');
  background-size: 20px;
}

.chat_icon_message:hover,
.chat_icon_message.active {
  background-position: 0px -21px;
}

.popover {
  max-width: 380px;
}

.popover-content {
  clear: both;
}

.popover-content>div>div {
  padding-bottom: 4px;
}

.checkboxInput {
  white-space: nowrap;
  margin-top: 10px;
}

#add_quote_tab a {
  padding: 10px 20px !important;
  min-width: auto;
}

.count_box_content.active,
.in_vetting_text.active {

  background-color: #1b72e2;
  color: #fff;
  border-radius: 3px;
}

.count_box_content {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
}

.application_color {
  height: 20px;
  width: 20px;
  display: block;
  background: darkgrey;
  border-radius: 20px;
  cursor: pointer;
}

.application_tag {
  margin-bottom: 0px;
  padding: 0px 4px;
  font-weight: 400;
  min-width: 88px;
  text-align: center;
  border-radius: 0;
  background: darkgray;
  color: #FFF;
}


.application_color.green,
.application_tag.green {
  background: #00823b;
}

.application_color.orange,
.application_tag.orange {
  background: darkorange;
}

.application_color.red,
.application_tag.red {
  background: #e4110b
}

.application_tag.fix-width {
  width: 125px;
}


#uploadVettingFile {
  cursor: pointer;
}

.risk_list {
  list-style: none;
  padding: 0px;
  margin: 0px;

}

.risk_list li {
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 16px;
  vertical-align: top;
  cursor: pointer;
}


.errorIcon {
  background-image: url('../images/error_icon.png');
}

.errorIcon:hover,
.errorIcon.active {
  background-position: 0px -36px;
}

.helpIcon {
  background-image: url('../images/help_icon.png');
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}

.helpIcon:hover,
.helpIcon.active {
  background-position: 0px -32px;
}

.protectIcon {
  background-image: url('../images/protect_icon.png');
  background-size: 29px;
  height: 27px;
}

.protectIcon:hover,
.protectIcon.active {
  background-position: 0px -89px;
}

.deliveryIconShield {
  background-image: url('../images/protect_icon.png');
  background-size: 29px;
  height: 27px;
}

.deliveryIconShield:hover,
.deliveryIconShield.active {
  background-position: 0px -89px;
}

.stopIcon {
  background-image: url('../images/stop_icon.png');
}

.stopIcon:hover,
.stopIcon.active {
  background-position: 0px -34px;
}

.linked_items {
  margin-top: 0px;
}

.application_content ul {
  margin: 0px;
  padding: 0px;
}

.application_content ul li {
  list-style: none;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;

}

.application_content .popover-title {
  background: #fff;
}

.create_btn {
  position: absolute;
  right: 13px;
  top: -1px;

}

.upload_doc {
  margin-left: 10px;
}

.file_name_tags {
  display: inline-block;
  background: #dde3e8;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 11px;
  margin: 3px;
}

.file_name_tags a {

  word-break: break-all;
}

.input_check_document {
  margin-bottom: 20px;
}

.risk_title {
  margin-top: 10px;
}

.application_content .close {
  display: none;
}

.txt_permonth {}

.custom_price_cell {
  position: relative;
  padding-right: 30px;
}

.custom_price_cell .txt_permonth {
  position: absolute;
  right: 2px;
  top: 6px;
}

.custom_price_cell input {}

.active_vetting_tr {
  background: #ddf6fe;
}

.verify_landlord,
.account_status {
  cursor: pointer;
}

.verify_bank_detail {
  cursor: pointer;
}

.tradeRefContainer {
  display: flex;
  justify-content: center;
  height: 100%;
}

.background_account_trade {
  background: #fff;
  width: 100%;
}

.credit_limit_icon_input {
  position: relative;
}

.credit_limit_icon_input .credit_limit_icon {
  position: absolute;
  right: 0px;
  bottom: 0px
}

.send_ref_mail {
  margin-top: 12px;
}

.table-scroll {
  position: relative;
  max-width: 600px;
  margin: auto;
  overflow: hidden;
  border: 1px solid #eee;
}

.table-wrap {
  width: 100%;
  overflow: auto;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  border: 1px solid #eee;
  background: #fff;
  white-space: nowrap;
  vertical-align: top;
}

.table-scroll thead,
.table-scroll tfoot {
  background: #edf1f2;
}

.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.clone th,
.clone td {
  visibility: hidden
}

.clone td,
.clone th {
  border-color: transparent
}

.clone tbody th {
  visibility: visible;

}

.clone .fixed-side {
  border: 1px solid #eee;
  background: #edf1f2;
  visibility: visible;
}

.clone thead,
.clone tfoot {
  background: transparent;
}

.table-left th {
  height: 40px;
}

.new_trade_form td {
  height: 40px;
}

.trade_ref_save {
  cursor: pointer;
}

.trade-input-error {
  border: 1px solid red !important;
}

.btn-fatch-block {
  position: relative;

}

.btn-fatch-block input {
  padding-right: 25px;
}

.btn-fatch-block .btn-fatch {
  position: absolute;
  right: 0px;
  bottom: 3px;
  z-index: 10;
}

.content-block span,
.content-block label {
  display: block
}

.content-block {
  margin-bottom: 15px;
}

.trade_form .color_grey {
  color: #ccc;
}

.text-blue {
  color: #5d9cec !important;
}

.vetting_left {
  padding-left: 0px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-5 {
  margin-top: 5px;
}

.checkbox-section input[type=radio]:checked+span {
  background-color: #5d9cec !important;
}

.checkbox-section .c-checkbox input[type=radio]:checked+span:before {
  color: #fff !important
}

#vetting_status_table td {
  padding-left: 10px;
}

.relationship_checbox_div label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-b-15 {
  margin-bottom: 15px;
}

.quote_link {
  color: #5d9cec !important;
  font-size: 12px;
}

.quote_link:focus,
.quote_link:hover {
  text-decoration: underline !important;
}

.quote_contact_email .form-element-hint {
  display: block !important;
  font-size: 12px;
}

.application_content .application_status_div {
  margin-left: 4px;
}

.xds-status-list li {
  list-style: none;
}

.xds-detailed-csv {
  margin-bottom: 20px;
}

.vetting_application_status_icon {
  display: inline-block;
  vertical-align: middle;
}

.dia-captured-img {
  max-height: 250px;
  max-width: 250px;
}

#trade_ref_action .send_email[disabled] {
  cursor: default;
  background: #76b391 !important;
}

#trade_ref_action .save_btn[disabled] {
  cursor: default;
  background: #5683bb !important;
}

#trade_ref_action .button_blue {
  background: #1361c3 !important;
}


.form-block {
  min-height: 350px;
}

.trade-main-cntainer {
  background: #fff;
  min-height: 100%;
}

.input-icon-block {
  position: relative;
}

.input-icon-block .input-icon {
  position: absolute;
  bottom: 7px;
  z-index: 10;
}

.input-icon-block .icon-left {
  margin-left: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.scan_list .form-has-error {
  border: 1px solid #d9534f;

}

.warranty-icon {
  height: 35px;
}

.trade_ref_block {
  top: 5% !important;
}

.m-r-15 {
  margin-right: 15px;
}

#total_risk_expo {
  border-top: 2px solid;
  display: table;
  border-bottom: 2px solid;
  margin-top: 6px;
  ;

}

.ui-menu .btn-delete-finance-partner.ui-state-active {
  margin: 0px !important;
  background: transparent;

}

.btn-delete-finance-partner {
  background: transparent;
  border: 0px !important;
  padding: 0px 6px !important;
  float: right;
}

.ui-menu-item {
  padding: 5px;
}

.currency-symbol {
  position: relative;
  top: 2px;
}

.currency-symbol {
  display: none;
}

.currency-icon .currency-symbol {
  display: block;
}

.trade-ref-submitted {
  border: 1px solid #1b72e2 !important;
  border-radius: 2px;
  background: #ddf6fe;
}

.trade-cehck-box {
  border: 1px solid #fff;
  display: inline-block;
  padding: 1px;
  margin-right: 2px;
}

.user-submissions-details {
  background-color: #edf1f2;
  border-radius: 6px;
  padding: 3px;
  border-radius: 6px;
}

.in_vetting_text {
  display: block;
  top: 25px;
  position: relative;
}

.term_filter,
.refuned_filter {
  bottom: 18px;
  position: relative;

}



.order-summary {
  background-color: #fafbfc;
  border: 1px solid #cfdbe2;
  border-radius: 10px;
  color: #4b91ea;
  max-width: 150px;

  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 10px;
  z-index: 1;
  line-height: 17px;
}
.order-processing.outbound-process > div{
  
}

.order-processing {
   position: relative;
  min-height: 150px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 1;

}

.process-block {
  background-color: #fafbfc;
  border: 1px solid #cfdbe2;
  border-radius: 10px;
  color: #4b91ea;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 10px;
  min-width: 100px;
  z-index: 1;
  line-height: 17px;
}

.background-green {
  background-color: #00823b;
  border: 0px
}

.background-orange {
  background-color: darkorange;
  border: 0px
}

.background-red {
  background-color: #e4110b;
  border: 0px
}

.background-yellow {
  background-color: yellow;
  border: 0px
}

.background-gray {
  background-color: darkgray;
  border: 0px
}

.order-processing:after {
  position: absolute;
  content: " ";
  background-color: #4b91ea;
  height: 10px;
  width: 100%;
  top: 50%;
  margin-top: -5px;
}

.order-processing .popover-title {
  background-color: transparent;
  padding-bottom: 0px;
  color: #444;

}

.order-processing .popover-content {
  padding-top: 0px;
  color: #444;
  font-size: 12px;
}

.filter_deals.active {
  color: red;
}

#ref-section {
  display: flex;
  justify-content: center;
}

.contact_filter_check {
  margin: 5px;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.accounts_list .btn-oval,
.status-top.btn-oval {
  margin-bottom: 0px;
  padding: 0px 4px;
  font-weight: 400;
  /* min-width: 88px; */
  text-align: center;
  border-radius: 0;
}

.accounts_list .background-green.btn-oval:hover,
.background-red.btn-oval:hover,
.background-orange.btn-oval:hover {
  color: #fff;
}

.list-icons-tab {
  width: 28px;
  position: relative;
  top: -8px;
}

.make_clone {
  margin-right: 8px;
}

.quote_link .popover {
  width: 150px !important;
}

.quotelist-tab {
  height: 45px;
  white-space: nowrap;
}

.goods_total_ex_vat {
  display: block;
  font-size: 18px;
}

.total_goods_block {
  line-height: 15px;
}

.total_goods_block {
  height: 58px
}

.asset-clone-tr {
  background: #ddf6fe;
}

.m-l-10 {
  margin-left: 10px;
}

.popup-clone button {
  padding: 8px 11px !important;
  font-size: 14px !important;
  margin: 20px 5px 0 5px !important;
}

.popup-clone .swal-custom-icon {
  font-size: 30px !important;
}

.popup-clone button.cancel {
  background-color: #828282 !important;
}

#special_log .nav-log>li>a {
  padding: 5px 6px !important;
}

#special_log .nav>li>a>img {
  width: 32px;
}

.order-stock-icon {
  width: 28px;
}

.task-head-action {
  font-size: 14px;
}

.itemTitle {
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

ul.ui-autocomplete {
  z-index: 1111100;
}

.comment_result .shortname {
  font-size: 22px;
}

.sidebar-subnav>li>a>i,
.sidebar-subnav>li>.nav-item>i {
  display: inline-block;
  width: 1.8em;
  margin: 0 0 0 -2em;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.block-1 {
  max-width: 130px;
  margin-left: 5px;
  margin-right: 5px;
  width:100%
}

.block-1 fieldset {
  padding-left: 10px;
  padding-right: 10px;
}

.contact-inner {
  max-width: 218px;
}

.sidebar-nav li a i,
.sidebar-nav li a span {
  vertical-align: middle;
}

.nav-floating {
  background-color: #fff;
}

#left-menu-list a .nav-span,
#left-menu-list a .page-span {
  margin-left: 6px;
}


#left-menu-list a .page-span {
  vertical-align: middle;
}

.contact-inner fieldset {
  padding-top: 10px;
}

.contact-inner .term_filter,
.contact-inner .refuned_filter {
  line-height: 10px;
}

.block_panel fieldset {
  margin-bottom: 0px;
  min-height: 140px;
  font-size: 13px;
}

.short-descriptions {
  resize: none;
  height: 60px;
}

.nav-badge-count {
  position: absolute;
  right: 6px;
  top: 15px;
  background-color: #00823b;
}

#verification_required_count {
  width: 180px;
}

.gorental-logo {
  background-image: url("../images/gorentallogo.png");
  width: 200px;
  height: 163px;
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
  background-size: 100%;
}

.gorental-logo:hover {
  background-position: 0 -164px;
}

.icon-expand {
  white-space: nowrap;
}

.icon-expand i {
  vertical-align: middle;
  margin-left: 6px;
}

.legends-block {
  position: relative;
}

.legends-block i {
  position: absolute;
  right: -6px;
  top: -20px;

}

.city_checkbox {
  padding-top: 20px;
}

.city_checkbox .form_check_box>div {
  margin-bottom: 10px;
}

.sidebar-subnav>li>a:hover {
  text-decoration: none !important;
}

.entitiy-block {

  background: #fff;
  margin: auto;
  padding: 0px 20px;
  padding-bottom: 20px;
  width: 100%;
  margin: 15px;
  max-width: 1024px;
}
.input-id-user
{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
}
.input-id-user input {
  width: 24px;
    height: 30px;
    font-size: 17px;
    text-align: center;
    border: 1px solid #ddd;
    color: #656565;
}

.id-field-title {
  margin-top: 10px;
}

.numeric_without_decimal {
  margin: 2px;
}

.authorized-label-title {
  font-size: 18px;
  margin: 0;
  vertical-align: top;
  position: relative;
  top: -4px;
}

.title-block-auth {
  font-weight: 400;
}

.padding-0 {
  padding: 0px !important
}

.td-block-merge {
  height: 40px;
}

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

.checkbox-area {
  width: 100%
}

.checkbox-area label {
  font-weight: 400;
}

.verify-text-count {
  margin-left: 10px;
}

.total-amount {
  font-size: 18px;
  font-weight: 600;
}

.invoice-content-title {
  font-size: 16px;
  display: block;
}

.invoice-block-number {
  margin-bottom: 20px;
}

.invoice-table {
  margin-top: 20px;
}

.input-error {
  border: 1px solid #d9534f !important;
}

@keyframes show-navbar-dropdown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px) perspective(200px);
    transform: translateY(10px) perspective(200px);
    -webkit-transition: visibility .25s, opacity .25s, -webkit-transform .25s;
    transition: visibility .25s, opacity .25s, -webkit-transform .25s;
    transition: visibility .25s, opacity .25s, transform .25s;
    transition: visibility .25s, opacity .25s, transform .25s, -webkit-transform .25s
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
  }
}

.unselect {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.btn-add-block {
  width: 100%;

}

.manage-account-tbl {
  margin-top: 10px;
}

.icon-35 {
  max-width: 35px;
  max-height: 35px;
}

.icon-doc-area {
  position: relative;
  top: -28px;
  padding-left: 10px;
}

.doc-file-type {
  margin-top: 30px;
}

.icon-20 {
  max-width: 20px;
  max-height: 20px;
}

.btn-trans-block {
  border: 0px;
  background-color: transparent;
  font-size: 16px
}

.information-table td {
  vertical-align: middle;
}

.information-table th {
  vertical-align: middle;
}

.emp_accordion .info_learning_icon {
  float: right;
}

#account_tab.list-group .fa-info-circle {
  font-size: 10px;
  padding-right: 0px;
}

#account_tab.list-group>ul>li>a {
  padding: 5px 20px 11px 20px !important
}

.navbar-right .switch {
  margin-top: 20px;
  margin-right: 20px;
}

.customer-table {
  width: 1200px;
  overflow-x: scroll;
}

.footer-migrate-btn {
  margin-top: 20px;
}

.footer-migrate-btn button {
  padding-left: 12px;
  padding-right: 12px;
  width: 120px;
}

.heading-block {
  display: block;
  margin-bottom: 40px !important;
  font-size: 16px;
  font-weight: 600;

}

.compnay_input_block label {
  font-size: 18px;
  line-height: 22px;
}

.vat_history_btn {
  position: absolute;
  right: -16px;
  bottom: -5px;
  z-index: 10;
}

.list-filter-nav {
  color: #cfdbe2
}

.barcode_icon {
  width: 15px;
}

.xds-captured-img {
  height: 200px;
  width: 200px;
  border: 1px solid #dde6e9;

}

.entity-heading {
  display: block;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-13 {
  font-size: 13px;
}

.country_code {
  background-color: rgb(226 226 226);
  color: rgb(172, 172, 172) !important;
}

.thankyou_mesage {
  font-size: 20px;
  font-weight: bold;
}

.authorized-sign {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #00823b;
  margin-top: 10px;
}

.quote-icon img {
  max-height: 45px;
}

.view-order-link {
  /* position: absolute; */
  right: 10px;
  top: 15px;
}

.quote-selection-block {
  position: relative;
}

.quote-selection-block .panel-title {
  padding-right: 165px;
}

.reject_history {
  font-size: 14px;
  margin-top: 8px;
}

.content-block-input {
  width: 80px;
  display: inline-block;
}

.biling-address {
  padding-top: 8px;
}

.checkbox-filter {
  padding-top: 0px;
  margin-top: 13px;
  font-weight: normal;
}

.radio-filter {
  margin-top: 12px;
}

.header-title h3 {
  margin: 0px;
  padding-top: 12px;
  padding-bottom: 8px;
}

.deliver-user-info th,
.deliver-user-info td {
  padding: 3px 5px;
  vertical-align: top;
}

.delivery-input {
  width: 50px;
  margin: auto;
  padding: 0px 6px;
  text-align: center;
}

.delivery-value-input {
  position: relative;
  padding-right: 10px;
}

.delivery-value-input span {
  position: absolute;
  right: -9px;
  top: 8px;
}

.delivery-total-items td {
  background-color: #fff;
  font-size: 18px;
  line-height: 12px;
}

.bg-full-height {
  min-height: 100vh;
}

.signature-block {
  border: 1px solid #000;
  padding: 10px;
}

.comments-icon {
  display: inline;
  white-space: nowrap;
  position: relative;
  margin: 0 4px;
}

.comments-icon a {
  margin-left: 4px;
  margin-right: 4px;
}

.deliver-items-table td,
.deliver-items-table th {
  padding: 3px !important;
}

.upload-img ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.upload-img ul li {
  width: 120px;
  height: 120px;
  padding: 4px;
  border: 1px solid #dde6e9;
  border-radius: 3px;
  line-height: 106px;
  display: inline-block;
  margin: 6px 12px 6px 0;
  position: relative;
  text-align: center;
}

.upload-img ul li img {
  max-width: 112px;
  max-height: 112px;
  vertical-align: center;
}

.comments-icon .badge {
  background-color: red;
  position: absolute;
  top: -8px;
  right: -3px;
}

.comments-block {
  position: relative;
}

.comments-block textarea {
  padding-right: 80px;
}

.send-comment {
  width: 29px;
  height: 29px;
  padding: 0;
  border-radius: 19px;
  font-size: 15px;
  position: absolute;
  top: 30px;
  right: 6px;
}

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

.item-title {
  font-weight: bold;
}

.header-title {
  position: relative;
}

.header-title a {
  position: absolute;
  right: 0px;
  top: 18px;
}

.comments-modal-block {
  position: relative;
  padding-top: 15px;
}

.user-comments-list ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.user-comments-list ul li {
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f3f6f9;
  position: relative;
}

.user-comments-list ul li span {
  display: block;
}

.user-comments-list ul li small {
  color: #b5b5c3 !important;
}

.user-comments-list {
  max-height: 300px;
  overflow-y: auto;
}

#myComments {
  padding-left: 0px !important;
}

.file-upload-main {
  position: relative;
  height: 80px;
  border: 1px dashed #b5b5c3;
  text-align: center;
  padding-top: 15px;
}

.file-upload-main i {
  font-size: 22px;
}

.file-upload-main span {
  display: block;
  width: 100%;
  font-size: 16px
}

.file-upload-main input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.collecton_qty {
  white-space: nowrap;
  text-align: right;
  padding: 0px;
}

.sort_qty {
  background-color: #f515ae13 !important;
}

.clear_signature {
  border: 1px solid #00823b;
  background-color: transparent;
  padding: 4px 12px;
  border-radius: 15px;
  color: #00823b;
}

.modal-content-block {
  overflow: auto;
  height: calc(100vh - 200px);
}

.uploaded-img {

  width: 100%;
  height: 160px;
  line-height: 120px;
}

.uploaded-img img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  vertical-align: middle;
}


.qr-img {

  width: 100%;
}

.qr-img img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  vertical-align: middle;
}

.button_green:disabled {
  background-color: #ccc;
  ;
}

.button_blue:disabled {
  background-color: #ccc;
}

.upload-img {
  position: relative;
}

.upload-img .del-img {
  background-color: rgba(208, 35, 35, 0.8);
  padding: 0 4px;
  border-radius: 80px;
  position: absolute;
  top: -11px;
  right: -11px;
  margin-left: 0;
  margin-top: 0;
  color: white;

  z-index: 1;
}

.del-comment {
  width: 25px;
  float: right;
  padding: 0;
  height: 25px;
  border: 1px solid #dde6e9;
  border-radius: 30px;
  line-height: 22px;
  color: #dde6e9;
  margin-right: 4px;
  margin-left: 6px;
  position: absolute;
  right: 0px;
}

.comments-section {
  padding-right: 40px;
  word-break: break-all;
}

.bullet-invoice {
  width: 12px;
  height: 12px;
  border-radius: 80px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 0px;
  position: relative;
  left: -7px;
  top: 2px;
}

.bullet-invoice.red-color {
  background-color: red;
}

.bullet-invoice.green-color {
  background-color: #00823b;
}
.bullet-invoice.orange-color {
  background-color: #ff8c00;
}

.bullet-invoice.yellow-color {
  background-color: #f2cf08;
}

.bullet-invoice.grey-color {
  background-color: #ccc;
}

#invoice_list_main #post_invoice {
  position: absolute;
}

.cancelled-order {
  background-color: rgb(245, 45, 45);
  border: 1px solid rgb(245, 45, 45);
  padding: 6px 18px;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  margin-left: 7px;
  color: white;
}

.pro-delivery-img {
  max-height: 50px;
  max-height: 50px;
}

.check-box-icon {
  margin-top: 13px;
  font-size: 19px;
}

.grid-input-search {

  width: 258px;
  padding: 6px;

}

.grid-input-search .fa-search {
  position: absolute;
  right: 9px;
  top: 8px;
  font-size: 19px;
}

.short_qty_detail input {
  padding-right: 30px;
}

.position-relative {
  position: relative;
}

.search-input {
  margin-left: 8px;
  flex: 0 0 60px;
  max-width: 60px;
}

.grid-input-search {
  display: flex;
  flex-direction: row;

}

.add-btn {
  padding: 0 6px 6px
}

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

.task-issues-count {
  padding-right: 9px;
  margin-top: 6px;
  margin-top: 6px;
}

.task-issues-count>div img {
  position: relative;
  top: -3px;
}

.short-product-box {
  background: white;
  border: 1px solid #dde6e9;
  box-shadow: 1px 1px 6px 2px #e6e6e6;
  clear: both;
  min-width: 312px;
}

.short-product-box .short-search {
  width: 135px;
  padding-left: 5px;
}

.add_short_product {
  margin-left: 10px;
}

.edited_items {
  background-color: #ddf6fe
}


.text-animation {
  animation-name: textBlink;
  animation-duration: 0.5s;

  animation-iteration-count: infinite;
}

@keyframes textBlink {
  from {
    color: red
  }

  to {
    color: white
  }
}

.mt-40 {
  margin-top: 10px;
}

.form-control.update_line,
.resize-none {
  resize: none;
}

.w-100 {
  width: 100%;
}

.needsclick {
  position: relative;
}

.needsclick input[type="checkbox"] {
  position: absolute !important;

}


.product_div_block th,
.product_div_block td {
  border-color: #ccc !important
}


.credit-note-panel .panel,
.credit-note-panel .panel-heading {
  background-color: rgb(242, 228, 211);
}

.desing-block-fixes {
  max-width: 450px;
  background-color: #F4F4F4;
  width: 100%;
  margin: auto;
  font-family: 'Poppins', sans-serif;
}

.customer_invoice_details {
  padding: 15px;
}

.compnay-name {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}

.color-black {
  color: #000;
}

.customer-invoice-title {
  color: #17A550;
  font-weight: 400;
  padding-right: 20px;

}

.long-term {
  color: #17A550;
  font-weight: 400;
}

.cust-inv-version {
  color: #17A550;
  font-weight: 400;
  font-size: 13px
}

.cust-inv-green,
.cust-inv-green:hover {
  color: #17A550;
}

.padding-tb {
  padding: 10px 0px;
}

.template_green_bg {
  background: #8cc540;
}

.template_heading {
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  text-align: left;
}

.template_green_bg td {
  padding: 7px 15px;
}

.View_image_btn {
  color: #fff;
  font-weight: 300;
  white-space: nowrap;

}

.View_image_btn img {
  margin-right: 4px;
}

.template_content {
  background: #fff;
}

.template_content td {
  padding: 10px 0px;
}

.rs_black {
  font-weight: 900;
  font-size: 18px;
  color: #646464;
}

.table_label_Qty {
  padding-top: 20px;
  font-size: 16px;
  font-weight: 500;
}

.table_label_Qty td {
  padding: 8px 0px;
  font-size: 12px;
  color: #000;
  font-weight: 400;
}

.pb-20 {
  padding-bottom: 20px;
  padding-right: 20px;
}

.img_table {
  width: 70%;
}

.table_for_quotation_summary {
  padding: 20px;
}

.monthly_saving_text {
  color: #ff8d3f;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-align: left !important;
  padding-left: 20px;

}

.color_64 {
  color: #646464;
}

.icon_tem {
  height: 50px;

}

.quotation_heading {
  font-size: 18px;

}

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

.tem_sub_heading {
  color: #000;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
}

.mt-20 {
  margin-top: 20px;
}

.padding-lr {
  padding: 0px 20px;
}

.btn_Accept_quote {
  background: #00823b;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  height: 90px;
  width: 100%;
  font-weight: 400;
  border: 0px;
}

.btn_Accept_quote span {
  font-weight: 900;
  font-size: 20px;
}

.btn_need_change {
  background: #5d9cec;
  border-radius: 10px;
  margin: 2px 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  min-height: 80px;
  font-weight: 400;
  border: 0px;
  width: 100%;

}

.btn_need_change span {
  font-weight: 900;
  font-size: 20px;
}

.btn_cancel {
  background: #ff2828;
  border-radius: 10px;
  margin: 5px 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  height: 80px;
  font-weight: 400;
  border: 0px;
  width: 100%;
}

.btn_cancel span {
  font-weight: 900;
  font-size: 20px;
}

.bottom-text-tem {
  font-weight: 200;
  color: #a7a7a7;
  text-align: center;
  padding-bottom: 50px;
  font-size: 13px;
}

.tem_logo {
  height: 95px;
  margin-bottom: 20px;
}

.top_quotation_heading {
  font-size: 20px;
}

.temp_content {
  font-size: 13px;
  font-weight: 400;
  color: #414141;
}

.view_image_ic {
  width: 15px;
  height: 15px;
}

.deal_per_ic {
  width: 15px;
  margin-right: 2px;
}

.depicts_icon {
  width: 50px;
  height: 16px;
  ;
  margin-right: 2px;
}

.font-weight_excl {
  font-weight: 700;
  font-size: 16px;
}

.View_image_btn button {
  background-color: transparent;
  border: 0px;
}

.quote-border-left {
  border-left: 1px solid #ebebeb
}

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

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

.quote-product-block {
  padding: 6px;
  padding-top: 0px;
}

.product-name {
  padding-left: 7px !important;
}

.template_content td {
  border: 1px solid #ebebeb;

}

.monthly_saving_content {
  padding: 13px 20px 8px 8px;
  background-color: #fff;
  border: 1px solid #00823b;
  margin: 8px 8px;
}

.quote-title {
  font-size: 18px;
  font-weight: 600;
  display: block;
  line-height: 21px;
}

.quote-title-black {
  font-size: 14px;
  font-weight: 900;
  display: block;
}

.quote-subcontent {

  font-size: 12px;
}

.quotation-summary {
  line-height: 15px;
}

.quotation-summary-table {
  line-height: 19px;
  font-weight: 200;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
}

.center-cart-icon {
  vertical-align: top;
}

.total-amount {
  font-weight: 600;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.mt-5 {
  margin-top: 3px;
}

.center-cart-icon {
  width: 55px;
}

.desing-block-fixes a {
  text-decoration: none;
}

.planned_logostics_content {
  padding: 40px 8px;
  background-color: #fff;
  border: 1px solid #00823b;
  margin: 8px;
}

.planned_logostics_content_secound {
  padding: 20px 8px;
  background-color: #fff;
  border: 1px solid #00823b;
  margin: 8px;
}

.monthly-saving-rs {
  font-size: 14px !important;
}

.table_label_Qty td {
  border-left: 1px solid #ebebeb;
}

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

.extras-heading {
  font-weight: 700;
  padding-left: 10px;
}

.mt-10 {
  margin-top: 10px;
}

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

.mb-10 {
  margin-bottom: 10px;
}

.product-data-table {
  position: relative;
}

.show-image .product-list-table {}

.display-product-img {
  position: absolute;
  right: 0px;
  top: 0px;
}

.product-list-table {}

.show-image .product-list-table {
  position: relative;
  left: -113px;
}

.product-data-table.show-image {
  overflow: hidden;
}

.display-product-img {
  margin-top: 28px;
  padding-bottom: 20px;
  height: 100%;
  width: 110px;
  text-align: center;
}

.display-product-img img {
  max-width: 100px;
  max-height: 90%;
}

/* .form-title
{
  display: block;
  font-size: 22px;
  margin-top: 8px;
} */
.depicts-content {
  font-weight: 400;
}

.one-month-total img {
  margin-right: 6px;
  position: relative;
  top: -2px;
}

.depicts-content img {
  position: relative;
  top: -1px;
}

.discount_block {
  margin-top: 4px;
}

.border-left-credit-note {
  border-left: 5px solid darkorange !important
}

.adhoc-green-border {
  border-left: 5px solid #00823b !important
}

.uniqueCrown {
  background-image: url(../images/crownicon.png);
  width: 32px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 -4px;
}

.uniqueCrown:hover,
.uniqueCrown.active {
  background-position: 0px -37px;
}

.btn-group-replace-short button {
  width: 80px;
}

.btn-short-info {
  width: 93px;
}

.d-block {
  display: block;
}

.details-title-area {
  line-height: 26px;
}

.modal_loop_content>div {
  padding: 0 15px;
}

.modal_loop_content {
  margin-left: -15px;
  margin-right: -15px;
}

.modal_product_name {
  flex: 0 0 240px;
  max-width: 240px;
}

.modal_product_qty {
  flex: 0 0 100px;
  max-width: 100px;
}

.modal_product_price {
  flex: 0 0 140px;
  max-width: 140px;
}

.modal_product_action {
  width: 100%;
}

.modal_product_action {
  margin-top: 13px;
}

.modal_product_action a {
  margin-right: 20px;
}

.modal_product_action button {
  padding: 0px;
  border: 0px;
  background-color: transparent;
}

/* Invoice Details  start*/
.invoice-container {

  min-height: 100vh;
  background-color: #fff;
  margin: auto;

}


.invoice-content-area {
  border-top: 1px solid rgb(238, 238, 238);
}

.invoice-header {

  padding: 20px 0;

}

.invoice-details {
  padding: 35px 40px;
  font-size: 30px;
}

.invoice-title {
  margin-bottom: 12px;
}


.thankyou-block-msg strong {
  font-size: 22px;
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
}

.thankyou-block-msg p {
  font-weight: 300;
  font-size: 16px;
}

.switch-account-manage {
  margin-top: 6px;
}

.tab-user-manage li a {
  padding: 6px 4px;
  font-weight: 400;
  font-size: 12px;
}

.manage-account-pannel {
  padding-bottom: 0px;
}

.user-notes-content-area .notes-profile-img,
.user-history-content-area .history-profile-img {
  flex: 0 0 40px;
  max-width: 40px;
  border-radius: 80px;
  max-width: 80px;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  margin-top: 5px;
}

.chat-content {
  word-wrap: break-word;
}

.reply-btn {
  padding: 0px;
}

.reply-btn img {
  max-width: 15px;
}

.reply-btn:hover {
  text-decoration: none;
}

.user-notes-content-area {
  margin-bottom: 15px;
}

.user-notes-content-area p {
  margin-bottom: 0px;
}

.notes-conversation-input textarea {
  height: 80px;
  resize: none;
  width: 100%;

  border: 0px;
  padding: 10px;
}

.notes-body-container {
  padding: 0px;
}

.content-notes-main {
  padding: 15px;
}

.notes-conversation-input {
  position: relative;
}

.notes-conversation-input textarea {
  border-top: 1px solid #cfdbe2;
  padding-bottom: 40px;
}

.notes-action-btn {}

.notes-action-btn button {
  border: 0px;
  background-color: transparent;
}

.notes-action-btn .fa-paper-plane {
  color: #5d9cec;
}

.send-notes-btn {
  margin-right: 10px;
}

.notes-action-btn {
  padding: 6px 10px;
}

.closed-panel-btn {
  position: absolute;
  right: 9px;
  bottom: 10px;
}

.account-management-tab ul.nav-tabs {
  padding-right: 30px;
}

.lt_invoice_list_main .edit_invoice_management,
.st_invoice_list_main .edit_st_invoice_management,
.debit_order_list_main .edit_invoice_management,
.debit_order_list_main .account_detail,
.btn.account_detail,
.list-btn-small {
  padding: 2px 8px;
}

.accounts-details-right span,
.accounts-details-right strong {
  padding-bottom: 4px;
  display: inline-block;
}

.justify-content-end {
  justify-content: flex-end;
}

.text-input-search i {
  position: absolute;
  right: 7px;
  top: 10px;
}

.text-input-search input {
  padding-right: 25px;
}

.vat_history_btn-link {
  position: absolute;
  right: 0px;
  top: 0px;
}

.pdf-icon {
  max-width: 35px;
  vertical-align: middle;
}

.issues_review {}

.right-group-title .d-block {
  font-size: 22px;
}

.orders-tabs-content .panel-heading {
  padding: 0px;
  border: 0px;
}

.orders-tabs-content {
  border: 0px !important;
}

.orders-tabs-content .task-issues-count {
  margin-top: 0px !important;
}

.refresh-icon-account-managment {
  margin-top: 10px;
}

.refresh-icon-account-managment.gray, .gray-img {
  filter: grayscale(100);
}

.btn-push-net, .verify_btn {
  padding: 2px 8px;
  display: block;
  margin-top: 6px;
}

.customer-portal {
  color: #000;
}

.tookan-collection:hover {
  color: #fff;
}

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

.create-adhoc {
  color: #fff !important;
  ;
}

.modal-calendar-icon {
  left: 26px;
  position: absolute;
  max-width: 20px;
  top: 7px;
}


.file-listed-items {
  background-color: #F3F3F3;
  border: 1px solid #e4e4e4;
  padding: 9px;
  border-radius: 0px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.file-listed-items a {
  color: #656565;
}

.file-listed-items i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}

.download-btn,
.download-btn:hover,
.download-btn:focus {
  border: 0px !important;
  color: #656565
}

.po-box-verify {
  margin-top: 4px;
  display: inline-block;
}

.detail-account-management {
  margin-bottom: 10px;
}

.list-image-block img {
  max-width: 40px;
  max-height: 40px;
}

.unique-item-table input {
  padding-left: 5px;
  padding-right: 5px;
}

.adhoc-invoice-block {
  padding: 10px;
  top: -80px;
  padding: 0px;
}

.adhoc-invoice-block a {
  display: block;
  background-color: #00823b;
  color: #fff;
  border-radius: 4px;
  padding: 6px 13px;
  margin: 5px;
}

.adhoc-invoice-block a:hover {
  text-decoration: none;
}

.damaged_decision_charge {
  margin: 0 6px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  width: 59px;
}

.damaged-input-content .fa {
  margin-top: 6px !important;
}

.success-block {
  background: #ddf6fe !important
}

.list-item-block {
  list-style: none;
  padding: 6px 4px;
  margin: 6px 0px;
  background: #edf1f2 !important;
  border-radius: 3px;
}

.list-item-block li {
  border: 1px solid #eee;
  padding: 3px 6px;
  border-radius: 6px;
  display: inline-block;
  margin: 2px 2px;
  background: #fff;
}

.form-elements-block {
  position: relative;
  top: 22px;
}

.report_fault_damaged_status {
  width: auto;
}

.color-gray {
  color: #929292
}
.color-green {
  color: #17a550
}
.margin-top-10
{
  margin-top:10px
}

.badge-today {
  display: inline-block;
  padding: 3px 4px;
  border-radius: 2px;
}

.lead_company input {
  font-size: 19px;
  font-weight: 600;
  color: #17a550;
}

.acce-qty {
  margin: 0 6px;
}

.warning-adhoce-invoice {
  background-image: url(../images/warning-icon.png);
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 35px;
  background-position: 0px 9px;
}

.create-invoice-btn[disabled] {
  background-color: #ccc;
  color: #978e8e;
}

.modal-title-top {
  margin-top: 4px;
}

.peach-payment-option a {
  background: #00823b !important;
  border: 1px solid #00823b;
  color: #fff;
  font-size: 18px;
  padding: 7px 27px;
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  text-decoration: none;

}

.peach-payment-option a:hover {
  text-decoration: none;
}

.peach-payment-option {
  border: 1px solid rgb(238, 238, 238);
  max-width: 800px;
  margin: auto;
  border-radius: 6px;
}

.payment-divider {
  /* border: 1px solid rgb(238, 238, 238); */
  position: relative;
  margin: 0 8px;
}

.payment-divider:after {
  content: " ";
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: rgb(238, 238, 238);
  height: 1px;
  top: 26px;
}

.payment-divider span {
  font-size: 17px;
  z-index: 1;
  position: relative;
  background: #fff;
  padding: 9px 16px;
}

.top-feilds-content {
  margin-top: -10px;
}

.deposit_due_in_days {
  margin-left: 6px;
  width: 100px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.custom-radio-btn {}

.custom-radio-btn label {
  display: inline-block;

  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #5d9cec;
  border-color: #5899eb;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
}

.custom-radio-btn input[type="radio"]:checked+label {
  color: #fff;
  background-color: #23b7e5;
  border-color: #23b7e5;
}

.custom-radio-btn input[type="radio"]:focus+label {}

.custom-radio-btn input {
  position: absolute;
  left: 0px;
  opacity: 0;
}

.schedule_code[disabled],
.insured_amount[disabled] {
  color: #b7bac9 !important;
}

.filter_stock_type,
.filter_product {
  margin-top: 15px;
}

#lost_stolen_modal .modal-body {

  height: calc(100vh - 120px);
  overflow: auto;

}

.price_history_header {
  background: #ccc;
}

.popover_table_block {
  font-size: 12px;
}

.popover_table_block .price_history_header {
  background: #f5f7f9;

}

.popover_table_block td {
  padding: 8px 5px !important
}

.qty-input-block {
  max-width: 80px;
  flex: 0 0 80px;
}

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

.checkbox_green.c-checkbox input[type="checkbox"]:checked+span {
  border-color: #00823b;
  background-color: #00823b;
}

.panel-form-block {
  max-width: 200px;
}

.filter-receive_assets {
  margin-top: 10px;
}

.filter-receive_assets .show_all_tbl {
  position: relative;
  top: -3px;
}

.quote-selection-block .text-danger {
  color: #f05050 !important
}

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

.acc-content-area {
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.nav-wrapper .create-task-btn-nav {
  background: #fff;
  display: block;
  padding: 7px 31px !important;
  margin: 12px 15px 10px 10px;
  color: #3a3f51 !important;
  padding: 6px;
  border-radius: 8px;
}

.topnavbar-wrapper .nav-wrapper .create-task-btn-nav:hover {
  background: #fff;
  color: #00823b !important;
}

.quote-vetting {
  flex: 0 0 380px;
  max-width: 380px;
}

.form_field_sets fieldset {
  padding: 10px
}



.renewal-block fieldset {
  margin-bottom: 0px !important;
  font-size: 13px;
}

.left_panel.col-md-8 .quote-vetting-inner .col-md-6 {
  width: 100%;
}

.left_panel.col-md-8 .quote-vetting {
  flex: 0 0 180px;
  max-width: 180px;
}

.left_panel.col-md-8 .block_panel fieldset {
  min-height: 205px;
}

.filter-links {
  margin-bottom: 10px;
  color: #cfdbe2;
}

.sales-portal-block .form-element {
  margin-bottom: 16px;
}

.left_panel.col-md-8 .renewal-block fieldset {
  min-height: 205px;
}

.filter_box {
  margin-left: -5px;
  margin-right: -5px;
}

.total-won-count select {
  width: 100px;
  font-size: 13px
}

.vetting-block {
  width: 10%;
  
}

.vetting-block-main {
  margin-left: -5px;
  margin-right: -5px;
}

.vetting-block legend,
.vetting-block div {
  font-size: 13px;
}

.h-100 {
  height: 100%;
}

.vetting-block fieldset {
  height: 100%;
  padding: 5px;
  margin-bottom: 0px;
}

.vetting-block-main .block-vetting-fixed {
  flex: 0 0 150px;
  max-width: 150px;
}

.download-assets {
  position: absolute;
  left: 11px;
  top: 16px;
  width: 35px;
  height: 35px;
  padding: 0;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  display: none;
}

.image_upload:hover .download-assets {
  display: block !important;
}

.download-assets i {
  background-color: transparent !important;
  line-height: 1px;
  color: #fff;
  left: 7px;
  top: 15px;
  font-size: 17px;
}

.repair_decision_image_section {
  list-style: none;
  padding: 0px;
  margin: 10px -3px 0;
}

.repair_decision_image_section li img {
  max-width: 100%;
  max-height: 100%;
}

.repair_decision_image_section .image_upload {
  text-align: center;
}

.repair_decision_image_section li {
  display: inline-block;
  margin: 3px;
}

.filter_product_blocks {
  margin-top: 13px;
}

.custom_action {
  width: 80px !important;
}

.table-month-content td {
  padding-bottom: 4px;
  font-size: 12px;
}

.picking-job-form-completed {
  border: 1px solid #cfdbe2;
  padding: 10px;
  display: flex;
  flex: 0 0 180px;
  max-width: 180px;
  margin-left: 16px;
  margin-top: 26px;
  border-radius: 4px;
  text-align: center;
  /* height: 73px; */
  height: 68px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 11px;
}

.picking-job-form-completed span:nth-child(2) {
  position: relative;
  top: 4px;
}

.total-completed-block {
  font-size: 31px;
  line-height: 25px;
}

.picking-details-name {
  justify-content: space-between;
  align-items: center;
}

.order-stock-block .table>thead>tr>th {
  padding-top: 0px !important;
}

.pending_qty,
.expect_from_take_on {
  font-size: 17px;
  padding-top: 6px;
}

.pending_qty .active,
.expect_from_take_on .active {
  background-color: #1b72e2;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}

.pending_qty a,
.expect_from_take_on a {
  padding: 1px 7px;
}

.imaging-details {
  height: 36px !important;
}

.popover-table-block th {
  font-weight: 500;
  font-size: 12px;
}

.popover-table-block td {
  font-size: 12px;
}

.btn.extend_full_order {
  padding: 1px 3px !important;
  border-radius: 0px;
}

.flex-wrap {

  flex-wrap: wrap;
}

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

.show_historical_orders.active {
  background: #23b7e5;
  box-shadow: none;
  border-color: #23b7e5;
}

.lead_form.agent_quote .panel-default,
.lead_form.agent_quote .panel-heading,
.agent_partner_tab a {
  background: #fdfdf0 !important;
}

.agent_partner_tab.active a {
  background: #fff !important;
}

.warehouser-block {
  flex: 0 0 340px;
  padding: 0 10px;
  max-width: 340px;
}

.warehouse-filter-block {
  background-color: #fafbfc;
  border: 1px solid #cfdbe2;
  padding: 8px;

}

.padding-15 {
  padding: 15px;
}

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

.warehouse-orange {
  background-color: #f9edda;
}

.warehouse-blue {
  background-color: #daedf9;
}

.divider-header {
  height: 8px;
  margin-bottom: 6px;
}

.warehouse-green {
  background-color: #e7f4e9;

}

.warehouse-storage {
  padding: 0px;
  /*height:calc(100vh - 220px);
  overflow:auto*/
}

.center-tile {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgb(210, 206, 206);
  margin-bottom: 10px;
  width: 230px;
  box-shadow: 0px 2px 4px #dbdbdb;
}



.item-warehouse-count {
  font-size: 30px;
}

.warehouse-block {
  background-color: #fafbfc;
  border: 1px solid #cfdbe2;
  padding: 0 10px;
  border-radius: 4px;


}

.stock-warehouse {

  padding: 6px 5px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #cfdbe2;
  line-height: 14px;
  font-size: 12px;
  border-radius: 5px 5px 0 0;
  min-height: 40px;
}

.delivery-block .btn {
  margin-bottom: 5px;
}

.filter-block-warehouse {
  display: block;
  margin-top: 14px;
}

.client-main-warehouse>ul {

  padding: 0px;
}

.client-main-warehouse ul {
  list-style: none;
}

.client-main-warehouse ul {
  padding-left: 10px;
}

.client-main-warehouse ul li.active , .client-main-warehouse ul li.htActive {
  color: #5d9cec
}

.border-title-warehouse {
  border-bottom: 1px solid #cfdbe2
}

.client-list .selected-client {
  position: absolute;
  left: 0px;
  top: 0px;
}

.client-title-warehouse .selected-client {
  position: absolute;
  top: -10px;

  background: #fafbfc;
  padding-right: 19px;
}

.client-title-warehouse {
  margin-top: 25px;
  margin-bottom: 16px;
}

.w-50 {
  width: 50%;
}

.cart-item-warehouse {
  margin-top: 15px;
}

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

.cart-block-area {
  flex: 0 0 40px;
  max-width: 40px;
}

.cart-block-area span {
  margin-left: 6px;
}

.delivery_ware_house_filter.active {
  background-color: #23b7e5 !important;
  box-shadow: none;
  border-color: #23b7e5 !important;
}

.all_data>div {
  flex: 0 0 250px;
  max-width: 250px;
}

.overflow-scroll {
  overflow: auto;
}

.justify-content-end {
  justify-content: flex-end;
}

.warehouse-block-status img {
  max-width: 18px;
  vertical-align: middle;
}

.warehouse-block-status .count-received {
  font-size: 30px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 27px;
}

.warehouse-block-status .title-warehouse {
  font-size: 12px;
  line-height: 9px;
  opacity: 0.6;
  margin-bottom: 2px;
  margin-top: 6px;

}

.total-received-item {
  flex: 0 0 30px;
}

.text-break {
  word-break: break-all;
}

.center-tile.active {
  border: 1px solid #5d9cec;
  /* box-shadow: 1px 1px 3px 1px #5d9cec; */
  box-shadow: 0px 0px 4px 3px #5d9cec;
}

.all_data .warehouse-full-width {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0 0px;
}

.all_data .warehouse-full-width .warehouser-block {
  flex: 0 0 100%;
  max-width: 100%;
}

.all_data .warehouse-full-width .warehouse-main-area {
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
}

.warehouse-full-width .center-tile {
  margin-left: 8px;
  margin-right: 8px;
}

.warehouse-full-width {
  margin-left: -15px;
  margin-right: -15px;
}

#wareHouseTimer {
  font-weight: 600;
  font-size: 18px;
}

.warning-alert {
  animation: warning-alert 1s infinite;
  /* IE 10+, Fx 29+ */
}


@-webkit-keyframes warning-alert {
  0% {
    background-color: rgb(255, 255, 255);

  }

  100% {
    background-color: #e50000;

  }
}

.wareHouse-timer {
  display: inline-block;
  margin-top: 14px;
  margin-bottom: 14px;
}

.warehouse-full-width .warehouse-storage {
  margin-left: -8px;
  margin-right: -8px;
}

.overflow-scroll .slimScrollBar {
  opacity: 0 !important;
}

.customer-steps-heading {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;

}

.step-count-number {
  flex: 0 0 30px;
  max-width: 30px;
  height: 30px;
  border-radius: 80px;
  background: #259337;
  color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-right: 15px;
}

.steps-content-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px;
}

.footer-btn-process {
  padding-left: 20px;
  padding-right: 20px;
}

.footer-btn-process button {
  width: 100%;
  border: 0px;
  color: #fff;
  background: #259337;
  padding: 15px 10px;
  font-weight: 600;
  font-size: 16px;
}

.warehouse-admin-area ul {
  list-style: none;
  margin-top: 4px;
}

.warehouse-admin-area ul li {
  font-size: 16px;
  font-weight: 200;
}

.warehouse-admin-area ul li span {
  cursor: pointer;
}

.warehouse-admin-area ul li span.active_vetting_tr {
  color: #23b7e5;
  background-color: transparent;
}

.intervals-item-table .form-element {
  margin-top: 0px;
  margin-bottom: 0px;
}

.intervals-item-table .form-element.form-has-error .form-control {
  border-color: #d9534f !important;
}

.pickingjob_item_list_table .html5buttons {
  display: none !important;
}

#product_price_section td .input-group.m-b input[type="text"] {
  min-width: 110px;
}

#product_price_section .daily_rate {
  min-width: 90px;
}

.non_insured_items {
  position: relative;
  border-left: 2px solid red
}

@media (max-width: 768px) {
  .mobile-verification {
    text-align: center;
  }
}

#product_pricing_list thead {
  position: sticky;
  top: 0;
  background: white;
  z-index: 5;
}

.badge_blue_circle {
  background: #5d9cec;
}

.display-inline {
  display: inline;
}

.cross_icons {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.spinner {
  animation: spin 2s linear infinite;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: #259337;

}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.customer-price-modal i
{
  position: absolute;
  left: -6px;
  top: 19px;
}
.dtfc-fixed-left
{
  z-index: 1;
}
.order-pick
{
  flex: 0 0 130px;
  max-width: 130px;
  text-align: center;
}

.sim-alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.sim-alert-disabled {
  border-color: #999;
  background-color: #eee!important;
  color:#999!important;
  cursor: not-allowed;
}
.sim-alert-disabled span{
  cursor: not-allowed;
}
.sim-alert-success {
  color: #0a3c18;
  background-color: #d5ffe1;
  border-color: #c2eacd;
}
.sim-alert-danger {
  color: #ffe3e3;
  background-color: #ffe3e3;
  border-color: #c2eacd;
}
.unmatched-radio
{
  position: relative;
}
.unmatched-radio input[type="radio"], .unmatched-radio input[type="checkbox"]
{
  position: absolute;
  left:0px;
  top:0px;
  opacity: 0;
  width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
}

.unmatched-radio label {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
  color: #656565;
  background-color: #fff;
  border: 1px solid #cfdbe2;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
  
}

.unmatched-radio.returned input[type="radio"]:checked + label, .unmatched-radio.returned input[type="checkbox"]:checked + label  {
  color: #fff;
  background-color: #00823b;
  border-color: #00823b;
}
.unmatched-radio.not-returned input[type="radio"]:checked + label {
  color: #fff;
  background-color: #f05050;
  border-color: #f05050;
}
.unmatched-radio.error label
{
  border-color: #f05050!important;
  color:#f05050;
}
.popover
{
    max-width:700px!important;
}

.radio-disabled.c-radio input[type=radio]:disabled + span
{
  background: #999!important;
  color:#999!important
}
select.form-element-field:disabled, input.form-element-field:disabled 
{
  background: #eee;
  color: #999;
}
.popover
{
  font-family: "Source Sans Pro", sans-serif!important;
}


.dropdown-block .dropdown-menu
{
  top: 0px!important;
  left: -425px!important;
  width: 425px;
  padding:15px!important;
}
.user_profile_img .emp_circle_icon
{
  margin-right: 5px!important;
}
.tbl_data_showing th, .tbl_data_showing td{ 
  
  padding: 3px!important;
}
.stock-heading-block
{
  flex: 0 0 110px;
  max-width:110px;
}
.stock-main-content
{
  border: 1px solid #cfdbe2;
  padding: 11px;
  margin-bottom: 6px;
  border-radius: 8px;
}

.picking-job-filter-search
{
  margin-top:12px;
}
.form-element.form-input textarea:disabled
{
  background-color: rgb(242, 242, 242);
}
.assets-link-block
{
  height: 400px;
  overflow: auto;
  margin-bottom: 20px;
}

.rental-customer
{
  padding-bottom:25px;
}

.repair_note_log
{
  position: absolute;
    right: 0px;
    top: -21px;
}
.repair_note_log + .popover .popover-content th
{
  padding: 5px 8px;
  color: #888;
  font-weight: 600;
}
.repair_note_log + .popover
{
  max-width:450px!important;
  width:450px!important;

}
.clear_filter_div a:hover
{
  text-decoration: none;
}


.linktype-gray
{
  filter: grayscale(100);
}


/* table scrollable */
.view {
  margin: auto;
  width: 100%;
}

.tbl-wrapper {
  position: relative;
  overflow: auto;
  border: 0px solid #eed;
  white-space: nowrap;
  margin-top:20px;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white !important;
}

.first-col {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 0px;
}

.second-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 100px;
}

.third-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 250px;
}
.four-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 400px;
}
#customer_table_div
{
  width:100%!important
}
.heading-block-cont, .tbl-content-headings
{
  background-color: #f1f1f4!important;
}
#customer_table_div th, #customer_table_div td
{
  border: 1px solid #e2e2e2 !important;
}
/* table scrollable */
.quote_approval_container
{
  margin: 8px;
}
a.quote_approval
{
  border-radius: 6px;
    font-weight: 300;
    display: inline-block;
    margin-top:5px;
  }
    
  a.quote_approval:hover{
    color:#fff;
  }

  
  .debit-order-block-content
  {
    border-right: 1px solid #cfdbe2!important;
  }
  .debit-order-block-content:nth-last-child(2)
  { 
      border: 0px!important;
  }
  .customer_price_input
  {
    display: inline-block;
    padding: 7px 16px;
  }
  .block-right-vetting
  {
    position: absolute;
    right: 0px;
    width: 178px;
    display: block;
    top: 15px;
  }  
  .delivery-site-contact .form-element-field[disabled="disabled"] + .form-element-bar + label
  {
    background: #edf1f2!important;
    width: 100%;
    padding: 5px 5px;
    opacity: 0.6;
}
table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
 top: 50%!important;
}

.active_move_sale_info {
  background: #ddf6fe !important;
}
 .stripedtable tbody tr:nth-child(2n)
{
  background-color: #eff6ff;
}
.product-img-content
{
  background-color: #fff;
  width:100px;
  height:100px;
  margin-left: 6px;
}
.product-data-table.show-image .product-img-content
{
  display: flex !important;
align-items: center;
justify-content: center;
}
.product-data-table.show-image
{
  min-height:140px;
}
.commission-table td
{
  padding:2px 6px 2px 6px;
  
}
.hub-transfer-active .product-name-warehouse 
{
  background-color: #c1c1c1;
}
.account_management_extension_disable.switch input:disabled + span
{
  background-color: #5d9cec;
  border-color: #5d9cec;
  
}
.form-auto-complete .ms-options-wrap > button
{
  border:0px!important;
}
.form-auto-complete  .ms-options label
{
  font-weight: 400;
}


.cancellation-fee
{
  font-weight: 200!important;
  color: #fff!important;
  text-align: center!important;
  padding-bottom: 0px!important;
  font-size: 13px!important;
  display: block;
}



.input-green-qc {
  background: #d5ffe1 !important;
}

.input-red-qc {
  background: #ffe3e3 !important;
}


.block-terms-content
{
  display: flex;
  flex-direction: column;
  width:100%;
}
.dropdown-content-area
{
  /* flex: 0 0 120px;
  max-width: 120px; */

}
.pending-invoices.block_panel fieldset
{
  min-height: 60px;
}
.pending-invoices.block_panel .text_profile_view
{
  margin-top:0px!important;
  position: relative;
  top:-6px
}
.long-terms-block .block-1
{
  max-width: 100%!important;
}
.long-terms-block  .block_panel fieldset
{
  min-height: auto!important;
}
.status_filter_section .radio-inline
{
  margin-top:6px;
}
.status_filter_section  .clear-btn
{
    top: 4px;
    display: inline-block;
    position: relative;
}
.show-commission
{
  flex-wrap: wrap;
}
.btn-show-commission
{
  padding:0px;
}
.btn-commission-dropdown
{

}
.btn-commission-dropdown .dropdown-menu
{
  width:400px;
  padding:15px 15px 15px 15px;
  padding:15px 15px 15px 15px;
}
.tab-quote-agent.panel-default, .tab-quote-agent .panel-heading
{
  background-color:#fdfdf0 
}
.select-status .form-element-bar::before
{
  display: none!important;
}

.software-modal-data
{
  border: 1px solid #cfdbe2;
  border-radius: 4px;
  background-color: #fff;
  padding: 15px;
  position: relative;
}
.software-modal-data > h5
{
  font-size: 18px;
  font-weight: 600;
}
.software-modal-data .modal-btn-clear
{
  position: absolute;
  right: 7px;
  top: 7px;
}
.input-textbox input, .reported-date-picker input
{
  border: 1px solid #cfdbe2;
border-radius: 6px;
padding: 5px 10px;
}

.modal-policy-title
{
  display: inline-block;
  margin-top: 8px;
}

.invoice-exists{
  background:#efeeee;
}
.search-input-quotes
{
  width:250px;
  float:right;
}

.search-input-quotes .form-element
{
  margin-bottom:0px!important;
}
.search-found a
{
  background-color:#d5ffe1 !important
}

#asset_type[disabled="disabled"] + span + strong, .disable_asset_type
{
  
  opacity: 0.4 !important;
}
.new-lead-info
{
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
}
.new-lead-info.bg-gray
{
  background-color: #f2f2f2; 
}
.form-element.disabled
{
      background: #eee;
    color: #999;
}
.search-animation-block
{
  animation-name: searchAnimation;
  animation-duration: 0.2s;
  border-radius: 4px;
  top:33px;
}
@keyframes searchAnimation{
  0%{
    top:100px
  }
  100%{
    top:33px
  }
}
.table-site-contact
{
  border: 1px solid  #cfdbe2;
  border-radius:4px;  
  margin-bottom: 20px;
}
.table-site-contact-content
{
  padding:15px;
}
.footer-action
{
  border-top: 1px solid  #cfdbe2;
  padding:0px 15px;
}
.icon-footer-action a
{
  padding:10px 5px;
  display: inline-block;
}
.contact-thumb-icon
{
  padding:10px 0;
}
.site-contact-company-name
{
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}
.table-site-contact-content td
{
  padding-bottom: 5px;
}
.active_address {
  background: #ddf6fe;
}
.delivery-task-header
{
  padding:6px 15px
}
.delivery-task-header{
  border-bottom:1px solid #cfdbe2
}
.table-site-contact-content  td
{
  padding-bottom:10px;
}
.table-site-contact-content  td .icons-li
{
  margin-right:5px;
}
.send-btn-request
{
  padding: 3px 11px;
    vertical-align: middle;
    margin-right: 2px;
    font-size: 16px;
}
.player-change
{
  background-image: url('../images/player-change.png');

}

.player-change.active
{
  background-position: 0px -26px !important;
}
.quote-request-icons
{
  width: 25px;
  height: 25px;
  display: inline-block;
}


.request-icon-main
{
  width:25px;
  height:25px;
  
}
.request-icon-main.gray-icon
{
  filter: grayscale(1);
  opacity: 0.6;
}
.icon_block_grid
{
  width: 25px;
  height: 25px;
  margin: 0 2px;
  display: inline-block;
}

.credi-note
{

}
.credit-note .credit-header-stripe
{
  
  background-color: #00823b;
  height: 40px;
}
.credit-note .credit-header
{
  width: 100%;
padding: 15px 0;
background: #fff;
display: flex;
align-items: center;
}
.credit-note header
{

  border-bottom: 1px solid #bfc8d1;
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.credit-note header .amount
{
    font-size: 26px;
    font-weight: 600;
    line-height: 13px;
}
.credit-note header .amount  .currency
{

font-weight: normal;
font-size: 20px;
color: #7e90a2;
}
.credit-note header .amount  .status
{
  font-size: 12px;
  line-height: 12px;
  color: #57c40a;
  margin-top: 3px;
}

.credit-note  .credit-note-content
{
  background-color: #fff;
  border: 1px solid rgba(191,200,209,.5);
  color: #284664;
  
}
.credit-note-content .title
{
  border-bottom: 1px solid rgba(191,200,209,.5);
  padding:22px 30px;
  
}
.credit-note-content .title h4
{
  font-size: 25px;
}
.credit-card-section
{
  padding:22px 30px;
}
.user-address  td, .user-address  th
{
  vertical-align: top;
  padding:4px 0px;
}
.section-content-table
{
  border-top: 1px solid rgba(191,200,209,.5);
}
.section-content-table table
{
  margin-top:25px;
}

.section-content-table table tr {
  border-bottom: 1px solid #bfc8d1;
}
.section-content-table table  tr:last-child
{
  border-bottom: 0px;
}
.section-content-table table tr td, .section-content-table table tr th
{
  padding:8px;
  
}
.debit-note-total
{
  border-top: 1px solid #bfc8d1;
  border-bottom: 1px solid #bfc8d1;
}
.debit-note-total span
{
  font-size:24px;
  font-weight: 600;
}
.view_order_details
{
  display: inline-block;
  padding:8px;
  text-decoration: none!important;
}
.item-tables tr
{
  border-top: 1px solid #eee;
}
.item-tables td
{
  padding: 6px;
  
}


.isDisabled a {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}
.search-tag-input
{
  max-width:400px;
  float:right
}
.search-tag-input > span
{
  padding: 10px 19px;
  border-radius: 4px 0 0 4px;
}
.search-tag-input > .bootstrap-tagsinput
{
  border-radius: 0 4px 4px 0;
}
.search-tag-input >  .search-btn
{
  border-color: #5d9cec;
  margin-left:8px;
}
.search-tag-input .icon-tag
{
  position: relative;
  left:-6px;
  top:2px;
}
.check-box-content
{
  margin-top:8px;
  margin-right:14px;
}
.supplier-date-picker
{
  position: absolute;
  right: 0px;
  top: -8px;
  width: 127px;
}
.supplier-date-picker .fa-calendar
{ 
  position: absolute;
  right: 8px;
  top: 11px;
}
.check-input-date
{
  padding-right: 129px;
}
.label-info.inactive-tag
  {
    background-color: #d9534f;
  }
  .modal-content-card
{
  width: 1400px !important;
}
.modal-content-card .content-block
{
  padding:0px!important;
}
.modal-content-card table
{
  width:100%!important
}
.modal-content-card  .content-para
{
  margin-bottom: 0px!important;
}
.received-items-tile
{
  border: 1px solid #cfdbe2;
  border-radius: 4px;
  padding:8px;
}

.disable-check {
  padding-top: 10px;
  background-color: #efefef;
}
.fieldset-block-content
{
  margin-bottom: 20px;
}
.fieldset-block-content
{
  flex: 0 0 150px;
  max-width: 150px;
}
.salesman-data-block
{
  border:1px solid #cfdbe2;
  height:150px;
  overflow: auto;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 5px;
}
.sales-manage-items-list
{

  border:1px solid #cfdbe2;
  height:150px;
  overflow: auto;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 5px;
  flex: 0 0 250px;
  max-width: 250px;
  padding:5px;
}
.sales-person-dropdown
{
  flex: 0 0 250px;
  max-width: 250px;
  
  
}
.sales-person-dropdown .ms-options-wrap > button
{
  border:1px solid #cfdbe2;
   border-radius: 4px;
}
.btn-excel-download
{
  color:#00823b;
background-color: transparent;
border:0px;
}
.bg-panel-danger
{
  background-color: #f2dede!important;
  color:#f05050!important;
}
.attach_icon
{
  position: absolute;
}
.debit_order_filter.debit_order_filter_selected
{
  background-color: #1b72e2;
  color: #fff;
  border-radius: 3px;
}
.text-count-value span
{
  font-size: 22px;
  margin-top:20px;
  display: block;
}
.reports_review_next_month_list
{
  border: 1px solid #cfdbe2 !important;
    padding: 10px;
}
.m-r-10
{
  margin-right: 10px;
}

.left-navigation-sections
{
  flex: 0 0 250px;
  max-width: 250px;
}
ul.stock-category-list 
{
  padding: 0px;
  margin: 0px;

}
ul.stock-category-list  li span
{
  display: inline-block;
    padding: 6px 14px;
    width: 100%;
    cursor: pointer;
}
ul.stock-category-list  li span:hover, ul.stock-category-list  li.active span, .stock-type-list tr:hover, .stock_type.active
{
  background-color: #edf1f2;
  color: #5d9cec;
}
.content-area-stock-count
{
  padding:0 0px 0 30px
}
.stock-type-list td
{
    padding: 6px 14px;
    width: 100%;
    cursor: pointer;
}

.count-detail-list table  th,  .count-detail-list table  td
{
  padding: 6px 14px;
}
.count-detail-list table thead, .count-detail-list table tbody 
{
  
  border: 1px solid #cfdbe2;
}
.report-canvas-chart
{
  overflow: auto;
}
.report-canvas-chart canvas
{
  width:4000px!important;
}
.chartContainer
{
  
}
.date-input-filter input
{
  border:1px solid #cfdbe2!important;
  padding: 8px;
  height: 35px;
  width: 146px;
  border-radius: 4px;
  margin-left:5px;
}
.inbound-req
{
  color: #00823b;
  margin-bottom: 0px;
  padding: 0px;
  margin-bottom: 20px;
 
}
.calendar-input
{
  position: relative;
  
}
.calendar-input i
{
  position: absolute;
  right: 11px;
  top: 10px;
  color: #ccc;
  font-size: 16px;
}
.update-info-modal
{
  width: 100%;
  max-width: 1500px;
}
.rules-to-name
{
  flex: 0 0 80px;
  max-width: 80px;
}
.rules-sending-to
{
  width: 100%;
}

.rules-stop-mail-top
{
  flex: 0 0 40px;
  max-width: 40px;
}
.rules-to-mail, .rules-cc-mail
{
  flex: 0 0 150px;
  max-width: 150px;
}
.email-rule-result
{
  display: flex;
  flex-direction: row;
}
.email-rule-result > div 
{
  
}
.rules-to-name
{
  flex: 0 0 160px;
  max-width: 160px;
}
.rules-sending-to
{
  padding-left: 0px!important;
  padding-right: 0px!important;
  word-wrap: break-word;
  word-break: break-word;
}
.rules-stop-mail
{
  flex: 0 0 60px;
  max-width: 60px;
}
.email-rule-result > div
{
  padding: 6px;
}
.email-rule-result:nth-child(even)
{
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fafbfc;

  align-items: center;
}
.blockUI.blockUI.blockOverlay{
  z-index: 5000!important;
}

.product-list-item > ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.product-list-item > ul > li > ul {
  list-style: none;
}
.product-list-item > ul > li
{
  padding-right: 20px;
}
.stolen-box-input
{
  width:110px
}
.product-list-item li
{
  padding: 8px 8px;
  border: 1px solid #cfdbe2;
  margin-bottom: 5px;
}

.product-list-item > ul > li:nth-child(2n) {
  background-color: #f7f7f7;
}
.radio-input-content
{
  margin-bottom:7px
}
.return-input-content
{
  margin-bottom: 10px !important;
}
.delivery-date-range
{
  flex: 0 0 300px;
  max-width: 300px;
  flex: 0 0 300px;
  max-width: 300px;
}

.order-filter-btn
{
  width:40px;
  height:40px;
  border:2px solid #cfdbe2;
  border-radius: 40px;
  background-color: #fff;
  margin:0px 6px;
  margin-top:6px;
}
.order-filter-btn.filter_active
{
  box-shadow: 1px 0px 8px 3px #ccc;
    border: 2px solid #00823b;
}
.order-filter-btn img
{
  margin: auto;
  max-width:20px;
  max-height:20px;
}
.filter-icon-order
{
  margin-right:20px;
}

.delivery-date-order-form
{
  flex:0 0 200px;
  max-width: 200px;
}
.order-list-tooltip
{
  max-height: 150px;
  overflow: auto;
}
.stock-type-info .popover-title
{
  text-align: right;
}
.stock-type-info .popover-content{
  width:100%;
}
.delivery-date-range .popover-content
{
  color: #444!important;
}
.stock-type-info .popover
{
  width: 1000px!important;
  
}
.panel-add-role
{
  padding:15px;
  background-color: #FBFBFB; 
  text-align: right;
}

.panel-add-role select
{
  border: 1px solid #cfdbe2;
    border-radius: 6px;
    padding: 7px 7px;
    margin-left: 7px;
    min-width: 150px;
}

.project_list tbody tr {
  cursor: pointer;
}

.project-category-list
{
  display: flex;
  flex-direction: row;
}
.project-category-list-inner
{
  flex: 0 0 200px;
  max-width: 200px;
  margin-left:10px;
  margin-right: 10px;
}
.category-menu .category-list
{
  flex: 0 0 300px;
  max-width: 300px;
  border:1px solid #cfdbe2;
  margin-right: 10px;
}
.emp_icons
	{
		max-width:17px!important;
	}
.marign-0  
{
  margin:0px;
}
.text-break
  {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  .topnavbar {
    z-index: 1040!important;
  }
  .order-table-icon
  {
    max-width:20px!important; max-height:20px!important; width:auto!important
  }
  .pdf-main-area
  {
    border: 1px solid #ccc;
    max-width: 1200px;
    margin:auto;
    font-size: 14px;
    background-color: white;
  }
  .pdf-main-area .modal-title
  {
    border-bottom: 1px solid #ccc;
    padding:15px
  }
  .insurance-explained, .block-table-schedule
  {
    padding:5px 15px
  }
  .care-explained
  {
    padding:5px 15px
  }

  .block-table-schedule td
  {
    font-weight: 400;
  }
  input.switch-account-input
  { 

    border: 1px solid #dde6e9;
    width:100%;
    padding:6px 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
  }
  .header-search
  {
    padding: 10px;
    height: 40px;
  }
  .disk-space-header + .popover
  {
    width: 218px;
    background: #fcdbb1;
    border: 1px solid #e2bd8f;
  }
  .disk-space-header + .popover .popover-title
  {
    background-color: transparent!important;
  }
  .disk-space-header + .popover.bottom > .arrow:after
  {
    border-bottom-color: #fcdbb1;
  }
  .vetting-filter .owl-prev
  {
    position: absolute;
    left: -7px;
    top: 58px;
    border: 1px solid #cfdbe2 !important;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background-color: #fff!important;
    transition: all 0.2s ease-in-out;
  }
  .vetting-filter .owl-next
  {
    position: absolute;
    right: -7px;
    top: 58px;
    border: 1px solid #cfdbe2 !important;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background-color: #fff!important;
    transition: all 0.2s ease-in-out;
  }
  .vetting-filter .owl-prev:hover, .vetting-filter .owl-next:hover
  {
      background-color: #00823b!important;
      border-color: #00823b!important;
      color: #fff!important;
  }
  .vetting-filter-number
  {
    top: 50%;    position: absolute;  left:0px;  margin-top: -20px; text-align:center; width:100%
  }
  .block-2
  {
    margin: 0px 5px;
  }
  .assets-description-modal
  {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
  }
  .features-option-tags-list ul
  {
    list-style: none;
    padding: 0px;
    margin: 0px;
  }
 
  .features-option-tags-list ul li
  {
    display: inline-block;
    background-color: #23b7e5;
    padding: 1px 7px;
    margin: 3px;
    border-radius: 6px;
    color: white;
  }


  .filter-box-content  .block_panel.block-2 {
    flex-grow: 1 !important;
    width: auto !important;
    margin-left: 5px;
    margin-right: 5px;
}
.grid-new-chat-img
{
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.grid-new-chat-img:hover, .grid-new-chat-img.active
{
  background-position: 0px -21px;
}
.content-user-order-info
{
  background-color: #f7f7f7;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
}
.delivery-date-order-form-date
{
  width:140px
}

.proforma-preview-pdf
{
  max-width: 652px;
  margin:auto;
  border:1px solid #ccc;
  width:100%;
  background-color: #fff;
}
.pdf-main-preview
{
  background-color: #ebebeb;
  padding:15px;
}
.quotes-sales-person
{
  padding: 3px 13px !important;
  min-width: auto;
  border:1px solid #dde6e9;
  background-color: #edf1f2;
  border-radius: 10px;
  margin-bottom:3px;
}
.user-content-input tr td
{
  border: 0px !important;
  padding: 0px 0 10px  0 !important;
}
.steps-wizard
{
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.steps-wizard > div .wizard-bullet
{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.steps-wizard > div 
{
  justify-content: space-between;
}
.steps-wizard .wizard-bullet
{
  z-index: 100;
}
.steps-wizard > div  span.step-count
{
  display: block;
  background-color: #d5d5d5;
  width:25px;
  height:25px;
  border-radius: 20px;
  padding-top:2px;
  border:2px solid #d5d5d5;
  
}
.wizard-divider-line
{
  background-color: #d5d5d5;
  height:10px;
  top:8px;
  position: absolute;
  width: 100%;
}

.steps-wizard > div .wizard-bullet.end
{
  justify-content: flex-end;
  display: flex;
  align-items: end;
}

.steps-wizard .wizard-bullet.completed .step-count
{
  position: relative;
}
.steps-wizard .wizard-bullet.completed .step-count:after
{
  position: absolute;
  height:10px;
  content:'r';
  width:50%;
  left:0px;
  top:0px;
  background-color: red;
}
.steps-wizard .wizard-bullet.finished .step-text
{
  color:red!important
}


.steps-wizard > div .wizard-bullet
{
  width:20%;
  align-items: center;
  display: flex;
}
.signing-authority-wizard
{
  margin-top: 40px;
}
.steps-wizard > div .wizard-bullet.start
{
  align-items: flex-start;
}
.signing-authority-wizard .step-count
{
  background-color: #ccc;
  width:25px;
  height:25px;
  border-radius: 20px;
  display: block;
  margin: auto;
  position: relative;
  z-index: 100;
  font-size: 16px;
}

.signing-authority-wizard .wizard-content-block
{
  width:100%;
  position: relative;

}
.signing-authority-wizard .wizard-content-block:after
{
  content: '';
  width:100%;
  background-color: #ccc;
  position: absolute;
  height:5px;
  top:10px;
  transition: all 0.2s ease-in-out;
}
.signing-authority-wizard .wizard-content-block.completed:after
{
  transition: all 0.2s ease-in-out;
}
.signing-authority-wizard
{
  display: flex;
  flex-direction: row;
}
.signing-authority-wizard > div
{
  width:25%;
}
.signing-authority-wizard > div:last-child .wizard-content-block:after
{
 display: none;
}

.signing-authority-wizard .wizard-content-block.completed:after 
{
  background-color: #17a550;
}
.signing-authority-wizard
{
  margin-bottom: 15px;
}
.title-sections
{
  background-color: #ebebeb;
  padding: 5px 8px;
  font-size: 16px;
  font-weight: 600;
}

.signing-authority-wizard-content
{
  padding-top:12px;
  padding-bottom:12px;
}
.btn-help
{
    background-color: transparent;
    border:0px;
    font-weight: bold;
}
.btn-help img
{
  margin-right:8px;
  max-width: 16px;
}
.flex-column
{
  flex-direction: column;
}

.page {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.page-content {
  flex: 1 1 auto;
  position: relative; /* need this to position inner content */
  overflow-y: auto;
}
.mobile-container
{
  max-width: 400px;
  margin: auto;
  background-color: #fff;
}
.content-area-bg
{
  background-image: url('../images/header-img.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 150px!important;
}

.padding-15
{
  padding:15px;
}
.company-document-upload .upload-file-title
{
  background-color: #E9E9E9;
  border:1px solid #E9E9E9;
  height:100%;
  border-radius: 3px 0 0 3px;
  padding:6px 10px;
  
}
.save-info button
{
    border:2px solid #5d9cec;
    background:transparent;
    padding: 3px 30px;
    color:#5d9cec;
    border-radius: 40px;
    padding: 10px 40px 10px 40px;
}

.color-dark-gray
{
  color:#323232
}
.step-text
{
  font-size: 11px;
  line-height: 14px !important;
  display: block;
  margin-top: 9px;
  font-weight: 600;
  color:#ccc

}
.signing-authority-wizard .current .step-text
{
  opacity: 1;
}
.signing-authority-wizard .completed .step-text
{
  color:#17a550
}
.authorized-details
{
  color:#656565
}
.opacity-50
{
  opacity: 0.5;
}
.mobile-sms-screen
{
  max-width: 300px;
  margin:0 auto 20px ;
}
.signing-authority-wizard > .active  .step-count
{
  background-color: #17a550;
  color:#fff
}
.signing-authority-wizard > .active  .step-text
{
  color: #333333;
}
.mobile-content-area
{
  border-top: 3px solid #17a54f;
  border-left: 3px solid #17a54f;
  border-right: 3px solid #17a54f;
  padding: 30px 30px 0 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin-top:20px;
}
.mobile-input-box input
{
  width: 54px;
  height: 50px;
  border: 1px solid #e2e2e2;
  margin: 0 4px;
  font-size: 22px;
  text-align: center;
}
.mobile-input-box input:focus
{
  border-color:#5d9cec
}
.mobile-input-box input:disabled
{
    border: 1px solid #e2e2e2;
    background-color: #e2e2e2;
    color:#bfb6ae
}
.mobile-last-digit input
{
  width: 94px;
  height: 50px; 
}
.resend-btn button
{
  background-color: #5a9aef;
    color: #fff;
    padding: 10px 10px;
    width: 100%;
    border: 1px solid #5a9aef;
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 18px;
    

}
.signing-authority-thanks img
{
  margin: auto;
  max-width: 200px;
}


#bank_info_modal .modal-content
{
  max-width: 320px;
  margin: auto;
}
#bank_info_modal  .modal-content
{
  box-shadow: none;
  border:2px solid #5d9cec
}
.upload_document_button:disabled
{
  background-color: #ccc;
  border-color: #ccc;
  color: #8a8a8a;
}
.signing-authority-wizard .current .step-text
{
  color:#17a550!important
}
.upload-instructions
{
  padding-left: 8px;
}
#id_number_input::-webkit-inner-spin-button,
#id_number_input::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}
.checkout-header-currency
{
  color:red
}

.input-form-group.form-has-error input,   .input-form-group.form-has-error textarea, .input-form-group.form-has-error .file-upload-main,  .input-form-group.form-has-error canvas
{
  border-color:#d9534f!important
}

.move_to_history_btn
{
  background-color: transparent;
  border: 0px;
  color: blue;
  color: #5d9cec;
  padding: 0.6px;
  margin-left: 6px;
}

.move_to_history_btn:disabled
{
  color: #ddd !important;
}

.collection-notes-pdf
{
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  color:#000
}
.collection-notes-pdf td, .collection-notes-pdf th
{
  color:#000
}

.contact_quote_btn
{
  margin:0px 8px;
  background: #5d9cec;
  border-radius: 10px;
  margin: 2px 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  border: 0px;
  width: 100%;
  padding:10px;
  transition: all 0.s ease-in-out;
}
.contact_quote_btn span
{
  font-size:16px;
  font-weight: 800;
}
.contact_quote_btn a:hover
{
  color:#d9eaff
}

.not-extension-icon
{
  position: relative;
}
.not-extension-icon:after
{
  content: "";
  position: absolute;
  top: 0px;
  left: 17px;
  background-color: red;
  width: 2px;
  height: 100%;
  transform: rotate(-45deg);
}
#tag_list_main 
{
  border:1px solid #cfdbe2!important;
  padding:6px 6px;
  border-radius: 6px;

}
.divider-vertline
{
  height:40px;
  width:1px;
  background-color: #cfdbe2;
  margin:6px 0px 6px 0
}

.form-input-search input
{
  border:1px solid #cfdbe2;
  border-radius: 6px;
  padding:6px;
  padding-right: 30px;
}
.form-input-search .fa
{
  position: absolute;
  right:8px;
  z-index: 10;
  top:10px;
}
.top-search-filter
{
  gap: 10px;
}

 .ms-options-wrap > button
 {

 }
 .sales-person-dropdown
 {
  flex: 0 0 200px;
  max-width: 200px;
 }
 .sales-person-dropdown .ms-options-wrap > button
 {
            border: 1px solid #cfdbe2;
    height: 35px;
    border-radius: 6px;
 }
 .filter-date-input input
 {
              border: 1px solid #cfdbe2;
    height: 35px;
    border-radius: 6px;
    padding:6px;
 }
 .filter-content-boxes
 {
    gap: 10px;
    padding-left: 5px;
 }
 .filter-area-content-box
 {
  border-radius: 6px;
  background-color: #cfdbe2;
  padding: 2px;
  transition: all 0.2s ease-in-out;
 }
 .box-area-content
 {
      background-color: #fff;
    border-radius: inherit;
    padding-bottom: 8px;
    padding: 10px;
    min-height: 95px;
        height: calc(100% - 22px);
 }
 .draft-content-box
 {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
 }

 .box-area-content .filter-value
 {
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 6px;
  font-size: 25px;;
 }
 .filter-box-title
 {
    padding:6px;
    font-weight: 500;
 }
 .box-area-content .dropdown > button
 {
      padding: 2px 16px;
 }
 .filter-type
 {
  margin-top:3px;
  display: block;
 }

 .box-area-content .dropdown  .dropdown-menu a
 {
    padding:4px 8px;
     width: 100%; 
    display: inline-block;
 }
 .filter-date-input
{
    position:relative;
}
.filter-date-input .fa
 {
    position:absolute;
    right:7px;
    top:10px;
    color:#cfdbe2
 }
 .filter-area-content-box.active, .filter-area-content-box:hover
 {
      
      background-color: #5d9cec;
 }
 .filter-area-content-box:hover  .filter-box-title i
 {
  color:#fff
 }
 .filter-area-content-box.active .filter-box-title, .filter-area-content-box:hover .filter-box-title
 {
  color:#fff
 }
 .modal-commission-title
 {
  border:0px;
  font-size:18px;
  font-weight: 600;
 }
 .common-select-form select
 {
      border: 1px solid #cfdbe2;
    height: 35px;
    border-radius: 6px;
    padding: 6px;
    width: 100%;
 }
 .sales_target_details td
 {
    padding: 3px 0;
    color: #000;
 }
 .sales_target_details .pending-invoices   
 {
    margin-top:10px;
 }
 .sales_target_details .pending-invoices legend
 {
      border: 0px;
    font-size: 14px;
    font-weight: 600;
 }
 .sales_target_details .pending-invoices 
 {
      background-color: #f3f6f8;
    border: 1px solid #cfdbe2;
    border-radius: 6px;
    padding: 6px;
    text-align: center;
 }

 .btn-commission-dropdown fieldset
 {
  margin-bottom: 0px!important;
  padding-bottom: 0px!important;
 }

.modal-dialog-slideout
{
      position: fixed;
    right: 0;
    top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}
.modal-dialog-slideout .modal-content
{
      height: 100vh;
    border-radius: 0;
    overflow: auto;
}
button.short_term
{
      border: 1px solid #cfdbe2;
    height: 35px;
    border-radius: 6px;
    padding: 6px 12px;
    background-color: transparent;

}
.modal-dialog-slideout
{
  right:-600px!important;
  transition: all 0.3s ease-in-out;

}
.modal.in .modal-dialog-slideout
{
    right:0px!important;
}


.modal-right.modal.in .modal-dialog
{
      transition: none!important;
}



.offcanvas-modal .modal-dialog {
  max-width: 90%;
}
.offcanvas-modal .modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.offcanvas-modal.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0)scale(1);
  transform: translate(100%, 0)scale(1);
}
.offcanvas-modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.offcanvas-modal.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.offcanvas-modal .modal-dialog-slideout .modal-content {
  border: 0;
}
.offcanvas-modal .modal-dialog-slideout .modal-header,
.offcanvas-modal .modal-dialog-slideout .modal-footer {
  height: 4rem;
  display: block;
}
.offcanvas-modal.modal.in.fade .modal-dialog.modal-dialog-slideout
{
      transform: translate(0%, 0) scale(1);
}
.shadow-none
{
  box-shadow: none!important;
}
.offcanvas-modal .panel.panel-default
{
  margin-bottom: 0px;
}
.dataTable tbody tr:hover
{
  background-color: #f2f2f2;
}
.common-filter-select select
{
      border: 1px solid #cfdbe2;
    height: 35px;
    border-radius: 6px;
    padding: 6px;
}
.filter-label
{
  margin-bottom: 3px;
  font-weight: 400;
}
.change-date-div
{
  margin-top:28px
}
.common-filter-input input
{
      border: 1px solid #cfdbe2;
    border-radius: 6px;
    padding: 6px;
    padding-right: 30px;
}
/* Base styles for the timeline container */
.timeline {
  list-style-type: none;
  display: flex;        
  align-items: center;  
  justify-content: center;
  padding: 0;
  margin: 0; 
}


.li {
  transition: all 200ms ease-in;
}


.timestamp {
  margin-bottom: 20px;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100; 
  text-align: center;
  

}
.timestamp .author, .timestamp .date
{
  white-space: nowrap; 
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 90px;
  text-align: center;
}

/* Styles for the status line and circle indicator */
.status {
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0; /* The horizontal line */
  position: relative; /* Needed for positioning the :before circle */
  transition: all 200ms ease-in; /* Smooth transition for property changes */
  /* Added for better layout in flex context */
  flex-grow: 1; /* Allows status to take available width */
  align-items: center; /* Vertically center content inside status */
  min-height: 70px; /* Ensure some height even if content is small */
}

/* Styles for the h4 inside status */
.status h4 {
  font-weight: 600;
  font-size: 14px;
}

/* Styles for the circle indicator using ::before pseudo-element */
.status::before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px; /* Makes it a circle */
  border: 1px solid #ddd;
  position: absolute;
  top: -15px; /* Positions it above the border-top line */
  left: 50%; /* Centers it horizontally relative to its parent .status */
  transform: translateX(-50%); /* Fine-tune centering */
  transition: all 200ms ease-in;
  z-index: 2;
}

/* Styles for a completed list item */
.li.complete .status {
  border-top: 2px solid #00823b; /* Green border for complete status */
}

.li.complete .status::before {
  background-color: #00823b; /* Green background for complete circle */
  border: none; /* Remove border for complete circle */
  transition: all 200ms ease-in;
}

.li.complete .status h4 {
  color: #00823b; 
  font-size: 14px;
}
.timeline::before
{
  display: none;
}
/* Media Queries for Responsive Design (Mobile First) */
@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block; /* Stack timeline items vertically on small screens */
  }

  .li {
    transition: all 200ms ease-in;
    display: flex; /* Arrange timestamp and status horizontally within li */
    width: inherit; /* Inherit width from parent */
    margin-bottom: 20px; /* Add space between stacked items */
  }

}

.timestamp .author
{
  display: block!important;
}
.timeline > li, .timeline-alt > li
{
  margin-bottom: 10px!important;
}

.li.progress_pending .status::before
{
   background-color: #ff8c00;
   border-color: #ff8c00;
}
.li.progress_pending .status
{
   color: #ff8c00;
}
.li.progress_pending .status
{
  border-top: 2px solid #ff8c00;
}



.li.progress_hold .status::before
{
   background-color: #d4ca0b;
   border-color: #d4ca0b;
}
.li.progress_hold .status
{
   color: #d4ca0b;
}
.li.progress_hold .status
{
  border-top: 2px solid #d4ca0b;
}

.li.progress_failed .status::before
{
   background-color: #d9534f;
   border-color: #d9534f;
}
.li.progress_failed .status
{
  border-top: 2px solid #d9534f;
}
.li.progress_failed .status
{
   color: #d9534f;
}
.reseller_partner_filter
{
  display: flex;
  flex-direction: row;
  border-radius: 0px;
  align-items: center;
  gap:10px
}
.hire-date-area, .erf-filter-number
{
  flex: 0 0 120px;
  max-width: 120px;
}
.hire-date-area input
{
  width: 100%!important;
}
.reseller_partner_filter .partner-name
{
  margin-top: 20px;
}
.lead_form.agent_quote .panel-default
{
  min-height: 100vh;
}

.pac-container.pac-logo
{
  z-index: 50000;
}

.payment-form [data-testid="banner-wrapper"] p  
{
      color: rgba(148, 163, 184, var(--un-text-opacity));
    line-height: 24px;
    font-size: 14px;
}

.payment-form [data-testid="banner-wrapper"] a
{
      color: #fff;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 9px;
}


.xero_pay_button
{
      padding: 3px 20px;
}


.ms-options.checkbox-autofit
{
  max-width: 800px;
  
}

.modal-dialog-slideout .close
{
  opacity: 0.5;
}

.li.progress_pending .status a
{
  color:#ff8c00;
  text-decoration: underline!important;
}

.timeline  li.complete .status a
{
  color:#00823b !important
}

.timeline.outbound_bar li.progress_pending .status a
{
        color: #ff8c00!important;
}
.list-group
{
  margin-bottom: 0px!important;  
}
.tab-content.content_box_area .panel.panel-default
{
  border-top: 0px!important;
}

.circle-status
{
      
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #ddd;
    margin-right: 10px;
        
}
.sub-head-top h4
{
      font-weight: 600;
    font-size: 14px;
        color: #444!important ;
}
.center-status h4
{
     position: absolute;
    top: -53px;
    left: 13px;
    white-space: nowrap;
    background-color: white;
    padding: 0px 11px;

}
.center-status:after
{
      position: absolute;
    content: '';
    width: 2px;
    background-color: #D6DCE0;
    top: -32px;
    height: 58px;
    z-index: 1;
}
.progress_pending.mra .circle-status, .progress_pending.debit-order .circle-status, .progress_pending.suretyship .circle-status
{
    background-color: #ff8c00;
    border-color: #ff8c00;
    position: relative;
    color: #ff8c00;
}
.progress_pending.mra h4, .progress_pending.debit-order span, .progress_pending.suretyship h4
{
  color: #ff8c00!important;

}
.progress_pending.mra .circle-status:after
{
     position: absolute;
    content: '';
    width: 2px;
    background-color: #ff8c00;
    height: 15px;
    top: 25px;
    left: 10px;
    z-index: 100;
}

.progress_pending.suretyship .circle-status:after
{
    position: absolute;
    content: '';
    width: 2px;
    background-color: #ff8c00;
    height: 15px;
    top: -16px;
    left: 10px;
    z-index: 100;
}



.complete.mra .circle-status, .complete.debit-order .circle-status, .complete.suretyship .circle-status
{
    background-color: #00823b;
    border-color: #00823b;
    position: relative;
    color: #00823b;
}
.complete.mra h4, .complete.debit-order span, .complete.suretyship h4
{
  color: #00823b!important;

}

.complete.mra .circle-status:after
{
     position: absolute;
    content: '';
    width: 2px;
    background-color: #00823b;
    height: 15px;
    top: 25px;
    left: 10px;
    z-index: 100;
}

.complete.suretyship .circle-status:after
{
    position: absolute;
    content: '';
    width: 2px;
    background-color: #00823b;
    height: 15px;
    top: -16px;
    left: 10px;
    z-index: 100;
}


.filter-type.active span:before
{
  content:" ";
  position: absolute;
  width:6px;
  height:6px;
  background-color: #5d9cec;
  left:-12px;
  top:7px;
  border-radius: 6px;
}
.forgot-back-btn button
{
      background: #f2f0ed;
    border: 00px;
    padding: 7px;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
}


.reseller_field
{
  padding-right:6px!important;
}

.account-dropdown-menu button
{
  width: 100%;
  text-align: left;
  padding: 10px;
  border: none;
  background-color: transparent;
  padding: 4px 10px;
}
.account-dropdown-menu button:hover
{
     background-color: #edf1f2;
}
.btn-group-block .dropdown-toggle
{
  border-radius: 6px 0 0px 6px;
}

.history-filter-btn
{
  position:absolute;
  right:0px;
  top:0px;
}
.tab-user-manage ul 
{
  padding-right: 130px;
}
.sales-person-dropdown .ms-options label
{
  font-weight: normal!important;
}

.select-form
{
      border: 1px solid #cfdbe2;
    width: 100%;
    padding: 6px 4px;
    border-radius: 7px;
}
.bank-info-balance
{
    border: 1px solid #cfdbe2;
    width: 100%;
    padding: 11px 15px;
    border-radius: 7px;
    background-color: #f4f4f4;
}
.custom-btn-group.btn-group .btn.btn-secondary.active
{
  background-color: #5d9cec;
  border-color: #5d9cec;
  color: #fff;  
}

.custom-btn-group.btn-group
{
  padding: 3px;
}
.filter-type.active span:before
{
  content:" ";
  position: absolute;
  width:6px;
  height:6px;
  background-color: #5d9cec;
  left:-12px;
  top:7px;
  border-radius: 6px;
}

.warhouse-left-sidebar
{
  background-color: #fff;
    flex: 0 0 340px;
    max-width: 340px;
    
    box-shadow: 0px 1px 6px #d2d9e0cc;
}
.warehouse-content-area
{
  
}
.warhouse-left-sidebar .filter-main-block
{
  border-bottom: 1px solid #cfdbe2; 
  padding: 15px;
}
.warhouse-left-sidebar .btn-fatch-block input
{
      background-color: #f1f6f9;
    border: 1px solid #ecf0f4;
    padding: 5px 12px;
    height: auto;
    border-radius: 7px;
}
.warhouse-left-sidebar  .btn-fatch-block .btn-fatch
{
      position: absolute;
    right: 7px;
    bottom: 9px;
    z-index: 10;
    color:#cfdbe2
}
.date-filter-title
{
  font-weight: 400;
}
.warehouse-filter-section-title
{
  color:#000;
  margin-bottom:10px;
  display: block;
}
.filter-action-btn
{
    padding: 15px;
    text-align: right;
}
.warehouse-card
{
  background-color: white;
  border-radius: 6px;
  margin-bottom: 15px;
      box-shadow: 0px 1px 6px #d2d9e0cc;

}
.warehouse-card h4
{
  color:#000;
  font-size: 16px;
}
.warehouse-card .card-header
{
              border-bottom: 1px solid #cfdbe2;
   
    padding: 7px 15px;
}
.warehouse-card .card-header h4
{
  margin: 0px;
}
.top-available-item
{ 
    padding: 10px 15px;
} 
.delivery-date-title
{
      background-color: #f1f6f9;
    display: inline-block;
    padding: 0px 8px;
    border-radius: 13px;
}
.delivery-date-title i
{
  font-size:12px;
  margin-right: 4px;
}
.right-button-arrow button
{
      border: 1.5px solid #cfdbe2;
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    font-size: 18px;
}
.ready-dispatch-sidebar
{
  
    flex: 0 0 300px;
    max-width: 300px;
    
    
}
.ready-dispatch
{
    background-color: #e5f3e7;
    color:#00823b
}
.ready-dispatch .delivery-date-title
{
      background-color: #d4eade;
}

.warehouse-card.ready-dispatch .card-header, .warehouse-card.ready-dispatch .right-button-arrow button
{
        border-color: #c6dcc6;
}

.warehouse-list thead td
{
     background-color: #d8e5ed;
    border: 1px solid #ecf0f4;
    position: sticky;

}
.warehouse-list
{
   height:200px;
   overflow: auto;
   border:1px solid #cfdbe2
}
.warehouse-list .warehouse-type-title
{
  background-color: #d8e5ed;
  font-weight: 600;
  padding: 3px 15px;
  border-bottom: 1px solid #cfdbe2;
}
.warehouse-rental-details
{
  font-size: 18px;
  text-align: center;
}
.warehouse-modal.modal-dialog{
  width: 1200px!important;
}




.search-result-btn
{
  background-color:transparent; border:1px solid #dde6e9;
  padding:6px 12px; border-radius: 0 6px 6px 0;   border-left: 0px;  height: 35px;
  
}