/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');


#add-target-button {
  width: 128px;
}

#create_commission {
  width: 128px;
}

/* apply formula step css*/

.operations-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.btn-wrapper {
  margin-right: 40px;
}

.btn-wrapper .btn {
  font-size: 13px;
  min-width: 40px;
  border-color: #3276b1;
  color: #3276b1;
  margin: 0 5px 5px 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  outline: none;
}

.btn-wrapper .btn:hover {
  box-shadow: none;
  background-color: transparent;
}

.formula-container {
  padding: 15px;
  margin: 0 -10px;
  background: #f6f6f6;
  border: none;
}
.tab-content .tab-pane h4 {
  font-weight: 400;
  color: #404040;
}

.clawed-tabs .nav-tabs li.set-tab-active a {
  color: #333 !important;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}
.row-border-b{
  margin:0 -10px 20px;
}
.smart-form .row-border-b {
  margin:0 -15px 20px;
}
.row-border-b>[class*='col-']{
  padding-left: 15px;
  padding-right: 15px;
}
.row-border-b:after,
.smart-form .row-border-b:after {  
  content:'';
  border-bottom: 1px solid #ddd;
  display: block;
}


@media (min-width: 600px) {
  .company-profile-image {
    padding-bottom: 10px;
  }
}

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

a.editable-empty {
  color: #cccccc;
  font-style: italic;
}

table td.smart-form .toggle {
  float: left !important;
}

.show-stats .progress {
  margin-bottom: 0px !important;
}

.date_dropdown {
  margin-bottom: 15px;
}

.date_dropdown li a.active {
  background-color: #3276b1 !important;
  color: white;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.progress_container {
  position: relative;
}

.progress_container > div {
  padding: 0 2px 0 0;
}

.progress_container > .btn-group .editable-unsaved {
  font-weight: 400;
}

.progress_container > .btn-group {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-right: 13px;
}

.smart-form .well {
  padding: 10px;
}

.smart-form fieldset {
  padding: 15px;
}

.smart-form .label {
  white-space: normal;
  word-break: break-word;
}

/* Leo@ Jan 12, 2019, missing BS3/custom styles */

.left {
  float: left;
}

.right {
  float: right;
}

div.dataTables_grouping div.groupFilter li.selected {
  border-color: #a90329 !important;
}

div.dataTables_grouping div.groupFilter li.selected:after {
  border-top-color: #a90329 !important;
}

/** Toolbar - filter block **/

.dataTables_length {
  margin-right: 0;
}

div.dataTables_filter label {
  margin-right: 10px;
}

div.dataTables_filter label:last-child {
  margin-right: 0;
}

.dataTables_filter .input-group-addon {
  padding-left: 0;
  padding-right: 0;
}

.dataTables_filter .input-group-addon + select {
  width: 15em;
}

.actions-table__row {
  display: flex;
  /*align-items: baseline;*/
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  cursor: pointer;
}

.actions-table__row > button {
  margin: 5px 0;
}

.actions-table__row > a {
  margin: 5px 0;
  padding: 6px 12px !important;
}

.actions-table__row > a:hover {
  color: white;
  background-color: #296191 !important;
  border-color: #1f496d !important;
}

.actions-table__row:hover {
  color: white;
  background-color: #3276b1;
}

.actions-table__row > p {
    margin-bottom: 0;
}

#s2id_won_statuses input {
  width: 100% !important;
}

.select2-container-multi .select2-search-choice-close:hover {
  background: none;
}

.table_matrix-report tr td:not(:first-child) {
  text-align: right;
}

.bootstrapWizard {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.bootstrapWizard li {
  width: 100%;
}

.row-list {
  display: inline-block;
  width: 100%;
  padding: 0;
}

.row-list li {
  list-style: none;
}

.inline-block {
  display: inline-block !important;
}

.no-overflow {
  overflow: hidden;
}

.formulaModal h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.formulaModal .modal-header,
.formulaModal .modal-footer {
  border: 0;
}

.formulaModal .modal-body {
  padding: 20px;
  padding-top: 0;
}

.formulaModal .modal-footer {
  margin-top: 0;
  padding-top: 0;
}
.formulaModal .checkbox {
  margin: 0;
}
.formulaModal .checkbox label {
  padding-left: 24px;
  padding-right: 10px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.applied-data-block h4 {
  font-size: 15px;
  color: #404040;
  margin: 12px 0;
}

.applied-data-block li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 10px;
}

.applied-data-block .counter {
  width: 35px;
  text-align: center;
  height: 35px;
  background: #f0f0f0;
  border-radius: 50%;
  line-height: 2.5;
}

.applied-data-block .applied-data {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #f0f0f0;
  margin-left: 15px;
  padding: 0 15px;
}

.applied-data-block .applied-data div:first-child {
  width: 100%;
  max-width: 580px;
}
.applied-data-block .applied-data div,
.applied-data-block .applied-data button {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}

.applied-data .btn-blank {
  border: 0;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  outline: none;
  line-height: normal;
}

.btn {
  top: 0;
  left: 0;
}

.applied-data i {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}

.applied-data a {
  text-decoration: none;
  outline: none;
}
.applied-data a.up,
.applied-data a.down {
  font-size: 18px;
  line-height: normal;
}
#step-formula-select p {
  margin-bottom: 15px;
}
.formulaModal .panel-body {
  padding: 0 0 15px;
}
.formaula-tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.formaula-tabs div {
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 24px;
  color: #707070;
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  background: #f5f5f5;
}
.formaula-tabs div:first-child {
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
}
.formaula-tabs div:nth-child(3) {
  margin-left: -4px;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
}
.formaula-tabs div.current {
  background: #3276b1;
  border-color: #3276b1;
  color: #ffffff;
}
.formula-content {
  display: none;
  background: #fff;
}
.formula-content.current {
  display: inherit;
}
.formulaLibModal .modal-dialog {
  max-width: 720px;
  width: 100%;
}
.formulaLibModal .formula-container {
  padding: 15px 0;
  margin: 0;
  background: transparent;
}
@media (max-width: 1024px) {
  .applied-data-block .applied-data div:first-child {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .applied-data-block .applied-data div:first-child {
    width: 100%;
  }
  .btn-wrapper {
    margin-right: 20px;
  }
  .applied-data-block .applied-data {
    padding: 10px;
  }
  .formulaModal .panel-body ul {
    max-height: 400px;
  }
  .btn-wrapper .btn {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .applied-data-block .applied-data {
    justify-content: flex-start;
    margin-left: 10px;
  }
  .applied-data-block .applied-data div,
  .applied-data-block .applied-data button {
    display: flex;
    width: 100%;
    padding: 5px;
  }
  .formula-container .text-right {
    text-align: left !important;
    margin-top: 10px;
  }
  .applied-data-block .counter {
    height: 30px;
    line-height: 2;
  }
  .formulaModal .panel-body li {
    padding: 5px 10px;
  }
}

.fuelux .wizard ul.steps li {
  line-height: inherit;
}

.fuelux .wizard ul.steps li .owner-name {
  font-size: 12px;
}

/* calendar*/
.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none;
}

/* commision-type-form */
.commision-type-form fieldset {
  padding-top: 0;
}

#edit-teams-from .table-responsive .dataTables_filter .input-group-addon {
  height: 16px;
}

#new-teams-from .table-responsive .dataTables_filter .input-group-addon {
  height: 16px;
}
#new-territory-from .table-responsive .dataTables_filter .input-group-addon {
  height: 16px;
}
#edit-territory-from .table-responsive .dataTables_filter .input-group-addon {
  height: 16px;
}

/* commission-type-controls*/
.smart-form .commission-type-controls .radio {
  display: inline-block;
}

.smart-form .commission-type-controls {
  margin: 10px 0;
}

.custom-reports-table .dataTables_filter {
  width: 100% !important;
}
.custom-reports-table
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button {
  padding: 0 !important;
  border: none;
}
.custom-reports-table
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button
  a {
  box-shadow: none;
}
.custom-reports-table .search-control {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 10;
}
.disabledLayout {
  pointer-events: none;
  opacity: 0.5;
}

.disabled-no-action {
  pointer-events: none;
  opacity: 0.6;
}

/* Table Scroll */
.table-scroll thead {
  display: block;
}

.table-scroll thead tr {
  padding-right: 17px;
}

.table-scroll thead tr,
.table-scroll tbody tr {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.table-scroll thead tr th,
.table-scroll tbody tr td {
  float: left;
  box-sizing: border-box;
}

.table-scroll tbody tr td {
  min-height: 49px;
}

.table-scroll thead {
  display: block;
}
.table-scroll tbody {
  display: block;
  float: left;
  width: 100%;
  overflow-y: scroll;
  max-height: 245px;
}

.no-events {
  pointer-events: none;
  opacity: 0.6;
}

.table-scroll .btn {
  margin: 5px 0;
}

.lookup-insert-data .dataTables_filter {
  display: inline-block;
  order: 1;
  width: 50%;
}

.lookup-insert-data .dt-buttons {
  display: inline-block;
  order: 2;
  width: 50%;
  float: none;
  text-align: right;
}

.lookup-insert-data .calc-tool-table {
  width: 100%;
  order: 3;
}
/*
.lookup-insert-data .calc-tool-table tr th {
  text-transform: capitalize;
}*/

.lookup-insert-data .calc-tool-table tr th,
.lookup-insert-data .calc-tool-table tr td {
  border: 1px solid #ddd;
}

.lookup-insert-data .dataTables_filter .input-group-addon {
  height: 16px;
}

.lookup-insert-data .dataTables_filter label {
  width: 100%;
}

/* .lookup-insert-data .dataTables_filter label input.form-control {
  width: calc(100% - 33px);
} */

.lookup-insert-data .dataTables_info {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.relative {
  position: relative;
}

.custom-file-input {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  opacity: 0;
  z-index: 1;
}

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

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

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

.w-100 {
  width: 100% !important;
  box-sizing: border-box;
}

.w-auto {
  width: auto !important;
}

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

.mt-5 {
  margin-top: 5px !important;
}

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

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

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

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

.m-tb-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.m-0,
.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.m-0,
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.m-0,
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-0,
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

label.error {
  color: red;
}
.m-t-8 {
  margin-top: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.padding-gap label {
  min-width: 120px;
}

.input-addon {
  padding: 9px 12px 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-align: left;
  background-color: #eee;
  border: 1px solid #ccc;
  border-right: 0;
  margin: 0;
}

.text-gray-dark{
  color: #666;
}

.vllokup-img-content {
  margin-left: -15px;
  padding-top: 5px;
}
.vlookup-main .guide-figure {
    border: 0;
    padding-bottom: 0;
}
.vllokup-img-content li {
  list-style-type: none;
  display: flex;
}
.vllokup-img-content li+li {
  margin-top: 15px;
}
.vllokup-img-content label span {
  background: #3276B1;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  display: block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 3px; 
}
.vllokup-img-content p {
  padding: 5px 10px;
  border: 1px solid #3276B1;
}
@media screen and (max-width: 600px) {
  .vllokup-img-content {
    margin-left: 0;
  }
}


@media (max-width: 767px) {
  .input-addon {
    border: 0;
    padding: 9px 0 8px;
    background: transparent;
  }
}

.m-5, .mt-5, .my-5 {
  margin-top: 5px !important;
}

.m-5, .mb-5, .my-5 {
  margin-bottom: 5px !important;
}

.m-5, .ml-5, .mx-5 {
  margin-left: 5px !important;
}

.m-5, .mr-5, .mx-5 {
  margin-right: 5px !important;
}

.m-10, .mt-10, .my-10 {
  margin-top: 10px !important;
}

.m-10,
.mb-10,
.my-10 {
  margin-bottom: 10px !important;
}

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

.m-10,
.mr-10,
.mx-10 {
  margin-right: 10px !important;
}


.mt-24 {
  margin-top: 24px !important;
}

.m-15, .mt-15, .my-15 {
  margin-top: 15px !important;
}

.m-15, .mb-15, .my-15 {
  margin-bottom: 15px !important;
}

.m-15, .ml-15, .mx-15 {
  margin-left: 15px !important;
}

.m-15, .mr-15, .mx-15 {
  margin-right: 15px !important;
}

/* COM-2268 | SAB R | Included margin styles */
.m-20, .mt-20, .my-20 {
  margin-top: 20px !important;
}

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

.m-20, .ml-20, .mx-20 {
  margin-left: 20px !important;
}

.m-20, .mr-20, .mx-20 {
  margin-right: 20px !important;
}

.m-tb-12 {
  margin: 12px 0;
}
.m-t-16 {
  margin-top: 16px;
}
.m-b-12 {
  margin-bottom: 12px;
}

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

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

.p-0,
.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.p-0,
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.p-0,
.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-0,
.pr-0,
.px-0 {
  padding-right: 0 !important;
}

/* COM-1837 | SAB R | Included CSS */
.p-3,
.pt-3,
.py-3 {
  padding-top: 3px !important;
}

.p-3,
.pb-3,
.py-3 {
  padding-bottom: 3px !important;
}

.p-3,
.pl-3,
.px-3 {
  padding-left: 3px !important;
}

.p-3,
.pr-3,
.px-3 {
  padding-right: 3px !important;
}

.p-5,
.pt-5,
.py-5 {
  padding-top: 5px !important;
}

.p-5,
.pb-5,
.py-5 {
  padding-bottom: 5px !important;
}

.p-5,
.pl-5,
.px-5 {
  padding-left: 5px !important;
}

.p-5,
.pr-5,
.px-5 {
  padding-right: 5px !important;
}

.p-10,
.pt-10,
.py-10 {
  padding-top: 10px !important;
}

.p-10,
.pb-10,
.py-10 {
  padding-bottom: 10px !important;
}

.p-10,
.pl-10,
.px-10 {
  padding-left: 10px !important;
}

.p-10,
.pr-10,
.px-10 {
  padding-right: 10px !important;
}

.p-15,
.pt-15,
.py-15 {
  padding-top: 15px !important;
}

.p-15,
.pb-15,
.py-15 {
  padding-bottom: 15px !important;
}

.p-15,
.pl-15,
.px-15 {
  padding-left: 15px !important;
}

.p-15,
.pr-15,
.px-15 {
  padding-right: 15px !important;
}

/* COM-1837 | SAB R | Included CSS */
.p-20,
.pt-20,
.py-20 {
  padding-top: 20px !important;
}

.p-20,
.pb-20,
.py-20 {
  padding-bottom: 20px !important;
}

.p-20,
.pl-20,
.px-20 {
  padding-left: 20px !important;
}

.p-20,
.pr-20,
.px-20 {
  padding-right: 20px !important;
}

/* COM-2750 | SAB R | Included border styles */
.border-primary {
  border-color: #3276b1;
}
.border-success {
  border-color: #739e73;
}
.border-info {
  border-color: #57889c;
}
.border-warning {
  border-color: #c79121;
}
.border-danger {
  border-color: #a90329;
}

/* COM-2900 | SAB R | Included border styles */
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}

/* COM-2750 | SAB R | Included badge styles */
.badge-primary {
  background-color: #3276b1;
}
.badge-success {
  background-color: #739e73;
}
.badge-info {
  background-color: #57889c;
}
.badge-warning {
  background-color: #c79121;
}
.badge-danger {
  background-color: #a90329;
}

/* COM-2750 | SAB R | Included background styles */
.bg-lightpink {
  background-color: #f4817c;
}
.bg-pink {
  background-color: #d74b54;
}
.bg-yellow {
  background-color: #f3b32f;
}

#formula-list-per_product_line tbody tr td:first-child {
  width: 8%;
}
label.error {
  color: red;
}

.input-addon {
  padding: 9px 12px 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-align: left;
  background-color: #eee;
  border: 1px solid #ccc;
  border-right: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .input-addon {
    border: 0;
    padding: 9px 0 8px;
    background: transparent;
  }
  #header>div {
      display: inline-block;
      vertical-align: middle;
      height: 0px !important;
  }
}

.input-padding,
input[type="search"].form-control {
  padding: 6px 12px;
}

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

.number-pl-15 {
  padding-left: 15px;
}

.guide-step-label {
  color: #3276b1;
  font-size: 14px;
  font-weight: bold;
}

.guide-figure {
  display: block;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0 16px 16px;
  border-bottom: 1px solid #ccc;
}

.guide-figure figcaption {
  color: #666;
}

.guide-figure:last-child {
  border-bottom: none;
}

.learn-info-icon {
  background: #333333;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: 2px;
  color: #fff;
  margin-right: 4px;
  display: inline-block;
}

.set-tab-active {
  border-right: 1px solid #ccc;
}

.set-tab-active.active {
  border-right: 0;
}


/* custom table css */
.custom-table-inner label.custom-lbl {
  float: left;
  width: calc(100% - 150px);
}
.custom-table-inner select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-left: 5px;
}
.custom-table-inner input.custom-input {
  width: 80px;
  float: left;
  margin-right: 10px;
  line-height: 16px;
  height: 30px;
}
.custom-table tr td {
  vertical-align: top;
  padding: 0 20px 10px 0;
}
.custom-table tr td input.form-control {
  padding: 0 5px 0 5px;
}
/*.custom-table-inner tr td {
  vertical-align: top;
  padding: 0 40px 25px 0;
  min-width: 100px;
}*/
.custom-table-inner tr td input.form-control {
  padding: 0 5px 0 5px;
}
.custom-table-inner label {
  font-size: 12px;
  color: #333;
}
.custom-table-inner label.checkbox {
  padding-top: 0;
}
.shedule-end tr td {
  padding-bottom: 5px;
  padding-right: 0px;
  vertical-align: middle;
}
.shedule-end tr td label {
  display: inline-block !important;
  min-height: inherit !important;
  padding-top: 0 !important;
}
.apply-for label {
  margin: 5px 0 15px;
  vertical-align: middle;
  color: #666666;
}
.apply-for label:first-child {
  margin: 0;
  display: block;
  color: #cdcdcd;
}
footer.action-btn-outer {
  display: block;
  padding-top: 5px;
  border-top: 1px solid #dddddd;
  background: transparent;
}
.edit-list {
  display: none;
  overflow-y: hidden;
}
.table-borderless tbody > tr > td {
  border: 0;
}
.update-list tbody + tbody {
  border-top: 1px solid #dddddd;
}
.update-list tbody td label {
  display: block;
  font-size: 12px;
}
.update-list tbody td label.text {
  display: block;
  font-weight: bold;
}
.update-list tbody td label span {
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: normal;
}
.btn-add-commission-schedule {
  margin: 10px;
}

/* multiselect dropdown */

.multiselect-native-select .btn-group {
  min-width: 200px;
}
.custom-table-inner .multiselect-container > li {
  border-bottom: 0;
  padding: 0 5px;
}
.custom-table-inner .multiselect-container > li:first-child {
  border-bottom: 1px solid #ccc;
}
.form-horizontal .form-group {
  position: relative;
  /*margin: 0; this class been used by many other popups,
  making it margin:0 in general affects other popup,
  please add form-id for which this css needs to be applied*/
}
.multiselect-native-select .caret {
  visibility: hidden;
}
.form-horizontal .form-group .icon-append {
  z-index: 1;
}



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

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

.m-tb-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.cycle-row {
  min-height: 32px;
  width: 100%;
  position: relative;
}

.cycle-row .info-tooltip {
  right: -22px;
  top: 0;
}
.info-tooltip {
  margin: 5px 0;
  position: absolute;
  font-size: 16px;
  color: #999;
}
.tooltip {
  min-width: 130px !important;
}

.vertical-top {
  display: inline-block;
  vertical-align: top;
}

.pointer {
  cursor: pointer;
}

.check_default {
  width: 20px !important;
  height: 20px !important;
  margin: 0;
}

/* Audit logs */
.audit-logs::after {
  left: 25px;
}

.audit-logs li {
  padding: 15px 10px;
}

.audit-logs .icon-position {
  left: 10px;
}

.audit-logs .content-position {
  margin-left: 50px;
}

.row-9 {
  margin-left: -9px;
  margin-right: -9px;
}

.p-lr-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.tata-ajax-loader {
  height: 3000px !important;
  margin-top: -97px;
  margin-left: -14px;
}

/* added for tagify css textarea UI fixes. */
.tagify__input::before {
  white-space: normal !important;
}

.alert-close {
  color: #fff;
  opacity: 1;
  margin: 2px 0 0 0;
  font-size: 22px;
  font-weight: normal;
}
/* COM-1837 | SAB R | Fixed CSS for drop down list in commissions page */
ul#customFields > li:not(.active) a {
    color: #333 !important;
}
.save_templ button.btn,
.save_templ a {
  float: left !important;
}

.button_outline,
.button_outline:hover {
  background-color: #fff;
  border-color: #2c699d;
  color: #2c699d;
}

.mg_top_10 {
  margin-top: 10px;
}

#CommissionApproval tr td tr td {
    background-color: #f9f9f9;
    padding: 8px 10px;
    border: 1px solid #ddd;
/*.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 10px;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}*/
}

.custom-table-inner select {
  padding-left: 5px;
  min-width: 100px;
  line-height: 16px;
  height: 30px;
}
.smallcustomwidth {
  width: 30px;
}

.grey-label {
  color: #333;
}
/* for formula index arrangement*/
.folder-col{
  width: 100%;
  max-width: 580px;
}

.folder-cols{
  width: 100%;
  max-width: 580px;
  text-align: center;
}             
.formula-col{
  width: 100%;
  max-width: 145px;

}          
.placement-col{
  width: 100%;
  max-width: 150px;
  text-align: center;
}   

.fname-col{
  width: 100%;
  max-width: 150px;
} 
.bg-color-status-opportunities {
  width:85%;
  background-color: #3276b1 !important; 
  border-color: #2c699d;
  cursor: pointer;
}

.fuelux .wizard ul li .badge {
  margin-right: 14px;
  margin-left: 0px;
}

/*!* Modal CSS *!
.modal {
  z-index: 10000;
}*/

.modal-title {
font-weight: 400;
}
.center-modal {
height: calc(100vh - 60px);
display: flex;
align-items: center;
}

.clawed-icon-size {
font-size: 26px;
color: #296191;
}

.flex-row {
display: flex;
flex-direction: row;
}

.p-l-16 {
padding-left: 16px;
}
.no-bottom-margin {
margin-bottom: 0;
}
.clawback-header {
  font-weight: bold;
}
#modal-update-status-form .form-group {
  margin-left: -13px;
  margin-right: -13px;
}

.tiers_by_opportunity tr.clawback-header td:nth-child(1),
.tiers_by_opportunity tr.clawed-opportunity td:nth-child(1),
.tiers_by_opportunity tr.general-opportunity th:nth-child(1),
.tiers_by_opportunity tr.general-opportunity td:nth-child(1),
.tiers_by_opportunity tr[data-opp-type="Clawback"] td:nth-child(1) {
  border-left: 1px solid #c7c4c4;
}
.tiers_by_opportunity tr.clawback-header td:last-child,
.tiers_by_opportunity tr.clawed-opportunity td:last-child,
.tiers_by_opportunity tr.general-opportunity th:last-child,
.tiers_by_opportunity tr.general-opportunity td:last-child,
.tiers_by_opportunity tr[data-opp-type="Clawback"] td:last-child {
  border-right: 1px solid #c7c4c4;
}
.tiers_by_opportunity tr.empty-tr:hover > td {
    background: none;
}
.swal-button
{
  color: #fff;
  box-sizing: border-box;
  border: none;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  line-height: 1.42857143;
  border-radius: 2px;
}
.swal-button--confirm
{
  color: #fff;
    background-color: #3276b1;
    border-color: #2c699d;
}
.swal-button--confirm:hover
{
    color: #fff;
    background-color: #296191;
    border-color: #1f496d;
}
.swal-button:not([disabled]):hover {
    background-color: #296191;
}
.swal-text
{
  color: #333;
}
.swal-button--cancel:not([disabled]):hover {
    background-color: #999;
}
.swal-button--cancel {
    background-color: #999;
}
.swal-button:focus
{
  box-shadow: none;
}
.swal-text 
{
  text-align: center;
}

#targetListTable_wrapper div.dt-toolbar .col-sm-6,
#commissionsListTable_wrapper div.dt-toolbar .col-sm-6{
    width:70% !important;
}

#targetListTable_wrapper div.dt-toolbar .col-sm-6 + div,
#commissionsListTable_wrapper div.dt-toolbar .col-sm-6 + div{
    width:30% !important;
}
.tata-ajax-loader
{
  z-index: 100000 !important;
  margin-top: -100px;
}
::-webkit-file-upload-button {
  cursor:pointer;
}
/* IE11 (if it doesn't work, try maybe also on the parent/wrapper) */
input[type=file] {
  cursor:pointer;
}
.add-field-align {
    display: flex; width: 100%;
}

.add-field-align > td {
    padding: 8px 10px;
}
.add-field-align > td .append-td {
    padding: 8px 10px;
}
.flex-align-center {
    display: flex; align-items: center;
}
.date-field-extra{
    display: flex;height: 40px;align-items: center;margin-top: 10px;padding: 6px 0px;
}
.state-disabled
{
    cursor: default!important;
    opacity: .6!important;
}
.bootstrap-datetimepicker-widget:before, .bootstrap-datetimepicker-widget:after {
    content: none !important;
}

.tata-ajax-loader-img{
    background-position: center;
    background-repeat: no-repeat;
    height: 70% !important;
    position: fixed;
    width: 77% !important;
}

swal-footer {
  text-align: center;
}

 .open .buttonOpportunitiesRunAll.btn 
{
    background-color: #3276b1  !important;
    border-color: #2c699d;
}
.smart-form .col-12 {
    width: 100%
}
.field-disable
{
  display: none;
}
.note, .smart-form .note {
    color: #333131;
}

/* COM-2783 | SAB R | Included CSS */
.smart-form .note-error {
  color: #BB0725;
}




/*for COM 1742*/
.notes-btn-wrapper{
  margin-top: 10px;
  position: relative;
}
/*.notes-btn-wrapper button i{
  font-size: 12px;
  line-height: 17px;
}
.notes-btn-wrapper button{
  background: #3a3633;
  border: 1px solid #3a3633;
}*/
.notes-btn-wrapper b.badge {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    background: #0091d9;
    display: inline-block;
    font-size: 10px;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px 6px 3px;
    text-align: center;
    line-height: normal;
}

.slide-panel{
  background: #F1DA91;
  position: fixed;
  width:  500px;
  right: -800px;
  transition: all .2s ease-out;
  top: 0;
  height: 100%;
  z-index: 9999;
  padding-top: 50px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.slide-panel.fixed-note{
  position: fixed;
}
.slide-panel.on{
  right: 0px;
}
.slide-panel .button-close{
  color: #fff;
}
/*#header{
  z-index: 10000;
}*/
.demo {
     width:  400px;
}
.demo section{
  display: flex;
  align-items: center;
}
.demo.activate {
    width: 500px;
}
.demo legend{
  text-align: right;
}
.slide-panel .note-heading {
    margin-top: 1px;
/*    background: #f9f9f9;*/
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.slide-panel .note-heading h2{
  font-size: 18px;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  /* font-weight: 600; */
  font-weight: 400;
  color: #333333;
}
/*.slide-panel .note-heading button{
  background: #3276b1;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  border: none;
}*/

.note-list li{
  list-style: none;
/*  margin-bottom: 20px;*/
  width: 100%;
   /* border-bottom: 1px solid #000; */
}
/*.note-list li:not(:last-child){
  border-bottom: 1px solid #f9f9f9;
}*/
.note-list li .note-wrapper{
  background: #F1DA91;
}

.note-list{
/*  padding: 0 30px;*/
  padding: 0;
  margin: 0;
}
.note-list .content{
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  font-weight: 400;
}
.note-list .note-wrapper{
  padding: 20px;
}
.note-list .note-wrapper .button-wrapper{
 /* padding: 5px 20px;*/
  text-align: right;
  width: fit-content;
  block-size: fit-content;
  margin-left: auto;
}
.note-list .note-wrapper .button-wrapper button {
    border: none;
    background: none;
    font-size: 30px;
    line-height: 0;
    margin-top: 5px;
    font-weight: 600;
}
.note-details{
/*  background: #f9f9f9;*/
  /*padding: 10px 20px;*/
}
.note-details span{
  font-size: 14px;
  font-weight: 600;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu {
  width: auto;
  min-width: 120px;
  border-radius: 8px;
  border: none;
  right: 43px !important;
  left: unset;
  top: -47px;
  bottom: unset;
  z-index: 999;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu .dropdown-wrapper{
  display: flex;
  flex-direction: column;
  width: fit-content;
  block-size: fit-content;
  padding: 10px;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu .dropdown-wrapper a{
  display: inline-block;
  font-size: 14px;
  color: #333333;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu .dropdown-wrapper a i{
  margin-right: 5px;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu .dropdown-wrapper a:not(:last-child){
  margin-bottom: 10px;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu {
  width: auto;
  min-width: 120px;
  border-radius: 8px;
  border: none;
  right: 0 !important;
  left: unset;
  top: unset;
  bottom: 24px;
}

#layoutDemo #demo-setting > div {
  position: relative;
}
/*#layoutDemo #demo-setting > div .notes-badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
}*/

#add_notes_modal .inner-modal{
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

#add_notes_modal .inner-modal .modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#add_notes_modal .inner-modal .modal-header .modal-title{
  font-size: 18px;
   font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  font-weight: 400;
}
#add_notes_modal .inner-modal .modal-header button.close{
  font-size: 20px;
}
#add_notes_modal .inner-modal .modal-body .content-box textarea {
    height: 160px;
    width: 100%;
    border: 1px solid #ccc;
    resize: none;
    padding: 10px 20px;
    font-size: 13px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}
#add_notes_modal .inner-modal .modal-footer{
  /* background: #f9f9f9; */
  /* border: none;
  padding-left: 0; */
}

#add_notes_modal .inner-modal .modal-body,
#add_notes_modal .inner-modal .modal-footer{
  /* padding: 20px 30px; */
  padding: 19px 20px 20px;
}
#add_notes_modal .inner-modal .modal-header{
  padding: 15px 20px;
}
#add_notes_modal .inner-modal .modal-footer button {
    /* padding: 10px 60px;
    font-size: 14px;
    border-radius: 5px; */
    /* margin-left: 5px;
    margin-bottom: 0;
    color: #fff;
    background-color: #3276b1;
    border-color: #2c699d; */
    padding: 6px 12px;
}
/*.lock-option{
  position: absolute;
  top: 20rem;
  z-index: 1300;
}*/
.demo .top-demo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.demo .top-demo .lock-option label{
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-bottom: 10px;
}

.demo .top-demo .lock-option label i{
    font-size: 20px;
    padding: 5px 10px;
}
.demo .top-demo .lock-option label input:checked + i{
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.demo .top-demo .lock-option label input{
  position: absolute;
  left: -999999px;
}


/* div#main.show-notes{
  margin-right: 500px;
} */

.slide-panel .panel-control button.close-panel {
    position: absolute;
    left: -29px;
    top: -3px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 5px 0 0 5px;
    background: #F1DA91;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    border: none;
    font-size: 17px;
}
.slide-panel .panel-control button.lock-btn{
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    border: none;
    font-size: 20px;
    margin-left: 10px;
    transform: translateY(0px);
}


.slide-panel .panel-control{
  position: relative;
}
body:not(.menu-on-top) .demo {
    top: 48px;
}
.demo.activate {
   box-shadow: none !important;
}
/*#lockBtn.unlock::before{
    content: "\f09c";
}*/
.footer-notes{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.demo{
   transition: all .2s ease-out;
}
.top-demo .header-tab{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.top-demo .header-tab .lockBtn{
    display: block;
    border-radius: 5px 0 0 5px;
    padding: 2px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    border: none;
    font-size: 20px;
    margin-left: 10px;
    transform: translateY(-4px);
}
.top-demo .header-tab .switcher{
  display: flex;
  align-items: center;
}
.locked.slide-panel{
  right: 0 !important;
}
/* #main.lockedContent{
     margin-right: 500px !important;
} */
.lockedDemo{
  width: 500px;
  right: 0;
}

.activate-lock, .remove-lock {
    padding: 2px 5px !important;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px !important;
    line-height: 1 !important;
    color: #fff;
}



.note-list{
  overflow-y:auto; 
  max-height: 65vh;
}

/* width */
.note-list::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.note-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 50px;
}

/* Handle */
.note-list::-webkit-scrollbar-thumb {
  background: #474544;
  border-radius: 50px;
}

/* Handle on hover */
.note-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.demo>span i {
    font-size: 30px !important
}
.demo>span {
    height: 50px !important;
    width: 55px !important;
    border-radius: 2px !important;
    top: -5px !important;
}
.demo.move-demo > span{
  top: 0 !important;
}

#layoutDemo.activate #demo-setting{

 animation: none !important;
}
#layoutDemo #demo-setting > div .notes-badge {
    position: absolute;
    /* bottom: 0; */
    top: -10px;
    right: unset;
    left: -15px;
    /* font-size: 10px; */
    font-size: 16px;
    /* border-radius: 0; */
    border-radius: 50%;
  }
  #layoutDemo.move-demo #demo-setting > div .notes-badge {
    top: 0;

  }
/*#layoutDemo.activate #demo-setting > div .notes-badge {
    bottom: unset;
    top: 0px;
    right: unset;
}*/


/*@keyframes shake {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}*/

/**
 * Slide panel when notes are disabled
 */

.denied-access.activate{
  max-width: 160px;
  width: 160px;
}
.denied-access.activate .top-demo .header-tab .switcher {
  display: flex;
  align-items: center;
  position: absolute;
  left: -30px;
  flex-direction: column;
  top: 38px;
  background: #F1DA91;
  padding: 5px;
  width: 30px;
  padding-left: 12px;
}
.denied-access .top-demo .header-tab .lockBtn {
  font-size: 20px !important;
  margin: 0;
}
.denied-access.activate.demo>span i {
  font-size: 20px !important;
}
.denied-access.activate.demo>span{
  border-radius: 0 !important;
}

.denied-access.demo section {
  display: block;
}
.denied-access .top-demo .header-tab .lockBtn {
  font-size: 16px;
}
.denied-access .demo>span {
  border-radius: 0 !important;
}
.denied-access-panel.slide-panel.on{
  max-width: 160px;
  width: 160px;
  min-height: auto;
  display: none;
}
#layoutDemo.denied-access.activate #demo-setting > div{
  margin-top: 5px;
}
.locked.slide-panel.denied-access-panel {
  width: 160px;
  max-width: 160px;
}


.demo.move-demo{
  top: 0 !important;
}
.slide-panel.move-panel{
  top: -48px;
}
.demo.fix-move-demo{
  top: 0 !important;
}
.slide-panel.fix-move-panel{
  top: -49px;
}
/*#header {
  z-index: 10001 !important;
}*/
.slide-panel {
  height: 110%;
}
.demo #demo-setting .icon-wrapper i {
    transform: rotate(44deg);
    color: #fff !important;
    opacity: 0.8;
    text-shadow: 2px 2px rgb(0 0 0 / 50%);
    margin-top: -2px;
}
.demo.activate #demo-setting .icon-wrapper i{
  color: #4c4f53!important;
  margin-top: 0;
  transform: rotate(0);
  opacity: 1;
  text-shadow: none;
  font-size: 20px !important;
  margin-top: 8px;
}
.demo #demo-setting .icon-wrapper .pencil-note{
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    color: #464543;
    font-size: 12px;
    margin-top: -7px;
    line-height: 1;
}
.demo.activate #demo-setting .icon-wrapper .pencil-note{

  display: none;
}
.demo.activate > span{
  height: 40px !important;
  width: 40px !important;
  top: 0 !important;
  left: -40px !important;
}

/* note background*/
.demo {
    background: #fff !important;
}
.slide-panel .note-heading {
    background: #fff;
    padding: 30px 0px 10px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(112,112,112,0.5);
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    
    /* NEW ADDED CSS 10-24-2022 */
    justify-content: center;
    margin: 0;
    border-color: #e5e5e5;

}
.note-list li .note-wrapper {
    background: #F9F9F9;
    border-radius: 10px;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
}
.slide-panel {
    background: #FFf;
/*    padding: 20px;*/
}
.note-list li {
    list-style: none;
    width: 100%;
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0 0px 10px;
    /* border-bottom: 0.5px solid #ccc; */
    border-bottom: 1px solid rgba(112,112,112,0.2);
}
.note-list li:first-child{
  margin-top: 20px;
}

.slide-panel {
    background: #FFf;
    z-index: 1;
}
.modal-backdrop.in {
    /*z-index: 10004 !important;*/
}
#add_notes_modal {
    z-index: 10005 !important;
}
body:not(.menu-on-top) .demo:not(#layoutDemo) {
    z-index: 10003 !important;
}
.swal-overlay--show-modal {
    z-index: 10005;
}
/*.note-list li .note-wrapper:before {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #3276B1;
    display: block;
    position: absolute;
    bottom: unset;
    left: 20px;
    top: 34px;
}
.note-list li .note-wrapper{
  position: relative;
  padding-left: 40px;
}*/

.footer-notes {
    display: block;
}
.note-list li .note-wrapper .top-head{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.note-list li .note-wrapper .top-head .button-wrapper {
    width: auto;
    block-size: auto;
    margin: unset;
    margin-left: 10px;
}
.note-list .note-wrapper .button-wrapper button {
    line-height: 0;
    margin-top: 0;
}
.note-list .note-wrapper .button-wrapper .dropdown-menu {
    width: auto;
    min-width: 120px;
    border-radius: 8px;
    border: none;
    right: 39px !important;
    left: unset;
    top: 0;
    bottom: unset;
}
.note-list .note-wrapper .note-details img.user-image {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    object-fit: cover;
}
.note-details span {
    font-size: 14px;
    font-weight: 400;
}
.note-list li .note-wrapper .content-text {
    padding: 10px 0 0 5px;
    position: relative;
}
/*.note-list li .note-wrapper .content-text:before {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #3276B1;
    position: absolute;
    top: 5px;
    left: 20px;
}*/
.slide-panel .note-heading {
    border-top: unset;
    padding-top: 0;
    margin-top: -15px;
}
.demo section {
    justify-content: center;
}
.demo label {
    margin: 0 15px;
}
/**
 * COM-1807 | SAB R | Including tool tip CSS
 */
.smart-form .tooltip {
  opacity: 1;
}
/**
 * COM-2006 | SAB R | Including capitalizing CSS
 */
.capitalize {
  text-transform: capitalize !important;
}
/**
 * COM-2416 | SAB R | Including uppercase CSS
 */
.uppercase {
  text-transform: uppercase !important;
}
.underline {
  text-decoration: underline !important;
}

.btn-notes .note-wrapper #header-demo{
  border: none;
  font-size: 12px;
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #bfbfbf;
  color: #000;
  padding: 4px 10px;
  position: relative;
}

.btn-notes .note-wrapper #header-demo i{
  font-size: 16px;
  padding-top: 2px;
  color: #6D6A69;
}
.btn-notes .note-wrapper #header-demo:hover i{
  color: #222222;
}
.btn-notes{
  margin-right: 5px;
}
.btn-notes .note-wrapper #header-demo .notes-badge{
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  background: #0091d9;
  display: inline-block;
  font-size: 10px;
  box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding: 2px 4px 3px;
  text-align: center;
  line-height: normal;
  height: 19px;
  width: 18px;
}
.top-demo .header-tab .switcher {
  margin-left: 28px;
}
.demo.activate > span {
  left: 0px !important;
}
.demo>span {
  opacity: 0;
}
.demo.activate > span{
  opacity: 1;
  background: #fff;
}
.slide-panel .panel-control button.close-panel{
  display: none;
}
.slide-panel {
  z-index: 50;
}
.top-demo .header-tab .switcher {
  display: none;
}


/*#slide_panel {
  z-index: 1000;
}


.modal {
    z-index: 10006;
}
.modal-backdrop.in {
    z-index: 10004 !important;
}
*/

#left-panel {
    z-index: 40;
}

.ajax-dropdown[data-auto] {
  height: unset;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #ddd;
    border-color: #ccc;
}
/**
 * Disabled state for checkboxes
 */
.checkbox input[type="checkbox"][disabled] + i::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .15);
}
.checkbox:hover input[type="checkbox"][disabled] + i {
  box-shadow: none;
  border-color: #BDBDBD;
}
.checkbox:active input[type="checkbox"][disabled] + i {
  background: white;
  box-shadow: none;
}


h1.demo-s{
  font-size: 100px;
}



/* COM-2033 */

#shortcut ul {
  border-bottom: none;
}
#shortcut .inner-shortcut{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#shortcut .inner-shortcut .layout-option-2 .label-box.fix-header{
  background-color: #58A525;
}
#shortcut .inner-shortcut .layout-option-2 .label-box.fix-nav{
  background-color: #A88282;
}
#shortcut .inner-shortcut .label-box.menu-top{
  background-color: #8F9C57;
}
#shortcut .inner-shortcut .layout-option-2 .label-box{
  width: 100px;
  height: 100px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}
#shortcut .inner-shortcut .layout-option-2 .label-box:hover{
  transform: scale(1.07);
}
#shortcut .inner-shortcut .layout-option-2 .col{
  padding: 0 5px;
}
#shortcut .inner-shortcut .layout-option-2{
  padding: 5px 20px 10px;
}
#shortcut .inner-shortcut .layout-option-2 .settingsTitle1{
  text-align: center;
  margin-bottom: 5px;
}
#shortcut .inner-shortcut .layout-option-2 .label-box img{
  margin-bottom: 10px;
  height: 36px;
  object-fit: contain;
}
#shortcut .inner-shortcut .layout-option-2 .slider-btn{
  position: relative;
  cursor: pointer;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width: 24px;
  height: 14px;
  margin: 0 auto 5px;
}
#shortcut .inner-shortcut .layout-option-2 .slider-btn:before{
  content: '';
  height: 10px;
  width: 10px;
  background-color: #fff;
  position: absolute;
  left: 2px;
  top: 2px;
  transition: .4s;
}
#shortcut .inner-shortcut .layout-option-2 .label-box input:checked + .slider-btn{
  background-color: #2196F3;
}
#shortcut .inner-shortcut .layout-option-2 .label-box input:checked + .slider-btn:before{
  transform: translateX(10px);
}
#shortcut .inner-shortcut .layout-option-2 .label-box input{
  opacity: 0;
  width: 0;
  height: 0;
}
#shortcut .inner-shortcut .layout-option-2 .label-box span{
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.menu-on-top .login-info, .menu-on-top nav > ul > li > a b {
  display: block;
}




#shortcut ul .iconbox img {
  display: block;
  margin: 15px auto 10px;
  height: 65px;
  object-fit: contain;
}
#shortcut ul .iconbox span {
  text-align: center !important;
}

/* END OF 2033 */
.side-none{
  display: none;
}

.new-graphic a img{ 
  max-width: 200px;
  margin-left: 50px;
}

.register-graphic img {
  width: 100%;
  z-index: 0;
  margin-top: -5rem;
  pointer-events: none;
}

.reg-custom-listing{
  list-style: none;
  padding-left:0px;
}
.reg-custom-listing li{
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  color: #000000 !important;
  font-weight: 400;

}
.reg-custom-listing li:before{
  content: '';
  height: 17px;
  width: 17px;
  background-image: url(../img/bullet-icon.png);
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

 
.hero-register .header-1{
  text-transform: uppercase !important;
  font-size: 20px !important;
  color: #000000 !important;
  font-weight: 600;
  margin-bottom: 15px !important;
}
.hero-register .header-2 h5{
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    color: #000000 !important;
}
.hero-register .reg-btn {
  padding: 10px 50px !important;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
}

.bottom-hero .paragraph-header {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #000000 !important;
  line-height: 1.5;
}
.bottom-hero a{
  padding: 12px 20px !important;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 10px;
}


.hero-register .logo-cont a img{
  max-width: 200px;
  margin-bottom: 10px;
}

/* COM-2030 */
.vertical-toggle i{
  font-size: 20px;
}
table td .dropdown-menu li .btn{
  padding: 6px 10px 5px;
  line-height: 1;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 0 ;
}
table td .dropdown-menu li button i{
  font-size: 14px;
}
table td .dropdown-menu .actions-table__row {
  margin: 0px 0;
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
}
table td .dropdown-menu .actions-table__row p{
  text-align: left;
  white-space: nowrap;
}
table td .dropdown-menu{
  padding: 2px 0 !important;
}


table td.open{
  position: relative;
}




/* COM-2039 */





table.table-bordered.dataTable {
  border-collapse: separate!important;
}



table.table tbody td, table.table tbody th {
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
}

.table.table:not(.childTable)>tbody>tr:hover>td, .table.table>tbody>tr:hover>th {
  background-color: #ecf3f8;
}



/* COM-2045 */

.demo.activate {
 z-index: 90;
}

@media(max-width: 905px){
    #header>:first-child, aside {
      width: 100px;
  }
    .btn-header>:first-child>button {
      margin-right: 1px;
  }
}
@media (max-width: 905px){
  #left-panel {
      width: 220px;
  }
  #hide-menu>:first-child>a, .btn-header a {
    margin-top: 10px!important;
    width: 32px!important;
    height: 29px!important;
    line-height: 27px!important;
}
  #shortcut ul {
    border-bottom: none;
    display: flex;
    align-items: center;
  }
  .demo{
    display: block !important;
  }
}

@media(max-width: 815px){
  #shortcut ul {
      padding-left: 10px;
  }
  #shortcut ul .iconbox img {
      height: 45px;
  }
  .jarvismetro-tile.big-cubes {
      width: 100px;
      height: 100px;
  }
  #shortcut .inner-shortcut .layout-option-2 .label-box img {
      height: 26px;
  }
  #shortcut .inner-shortcut .layout-option-2 .label-box {
      width: 90px;
      height: 90px;
  }
  #shortcut .inner-shortcut .layout-option-2 .label-box span {
    font-size: 10px;
}
#shortcut .inner-shortcut .layout-option-2 {
  padding: 5px 10px 10px;
}
}

#layoutDemo{
  background: transparent !important;
}
#layoutDemo{
  display: none;
  pointer-events: none;
}
.demo.activate > span {
  background: transparent;
}
#close_btn{
  color: #4c4f53!important;
  margin-top: 0;
  transform: rotate(0);
  opacity: 1;
  text-shadow: none;
  font-size: 20px !important;
  margin-top: 8px;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 25px;
  top: 64px;
}
/* NEW CSS ADDED 10-24-2022 */
.modal-pop{
  /* position: absolute;
  top: 69px;
  left: 25px; */
  margin-left: 25px;
  margin-bottom: -55px;
}

/* NEW CSS ADDED 10-24-2022 */
.modal-pop_2{
  /* position: absolute;
  top: 69px;
  left: 25px; */
  margin-left: 5px;
  margin-bottom: -55px;
}

.close-btn1 i:before{
  content: none;
}
.close-btn1 span{
  font-size: 19.5px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
.close-btn1:hover span{
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
#note_access_level{
  height: 34.5px;
}


.bootstrapWizard li .title {
  z-index: 40;
}


.dropdown-tick{
  position: relative;
}
.dropdown-tick .select2-arrow{
  height: 34px;
  width: 34px;
  position: absolute;
  right: 0;
  top: 24px;
  border-left: 1px solid #ccc;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  pointer-events: none;
}
.dropdown-tick .select2-arrow b{
  width: 100%;
  height: 100%;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 14px;
  margin-top: 10px;
}
.dropdown-tick .select2-arrow b:before{
  content: "\f107";
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}

.modal-backdrop.in {
  display: block !important;
}



.note-list li:first-child {
  margin-top: 0px;
}
.note-list li{
  margin-bottom: 0;
  padding-bottom: 0;
}

.note-list li .note-wrapper {
  background: #Fff;
  border-radius: 0;
  box-shadow: none;
  padding: 5px 20px;
}
.note-list li .note-wrapper .note-details{
  display: flex;
}
.note-list li .note-wrapper .note-details .name-date span{
  display: flex;
  justify-content: flex-start;
}
.note-list li .note-wrapper .note-details .name-date{
  margin-left: 8px;
}
.note-list li .note-wrapper .note-details .name-date .name{
  font-size: 13px;
}
.note-list li .note-wrapper .note-details .name-date .date-format{
  font-size: 10px;
  padding-left: 5px;
}
.note-list li:hover .note-wrapper{
  background-color: #f4f4f4;
}
.note-list li .note-wrapper .top-head .button-wrapper {
  top: 15px;
}

.close-btn{
    float: none;
    font-size: 13px;
    font-weight: 400;
    line-height: unset;
    text-shadow: unset;
    opacity: unset;
    filter: unset;
    padding: 6px 12px !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
    color: #333;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.close-btn:hover{
    color: #333 !important;
    background-color: #ebebeb !important;
    border-color: #adadad !important;
    opacity: 1;
}



/*FOR COM-2014_commission_paid_unpaid_layout*/
.page-title {
    margin-bottom: 20px !important
}

.layout-container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -10px;
  width: 100%;
}

.layout-container .layout-wrapper{
    background: #fff;
    max-width: 207px;
    min-width: 207px;
    margin: 0 10px 15px;
}                                                                                     
.layout-container .layout-wrapper .layout-head{
    display: flex;
    align-items: center;
    background: #fafafa;
    padding: 6px 10px;
    border-bottom: 1px solid #efefef;
    justify-content: center;
}
.layout-container .layout-wrapper .layout-head h2{
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
}
.layout-container .layout-wrapper .layout-body{
    padding: 10px;
    text-align: center;
}
.layout-container .layout-wrapper .layout-body p{
    margin-bottom: 0;
    font-size: 13px;
    color: #00abe5;
    font-weight: 500;
}
.dashboard-commission-filter{
  padding-top: 12px;
}

@media(max-width: 1024px){
  .layout-container {
      margin: 10px -10px;
      width: 100%;
  }
}


/* COM-2157 */
.opportunities-main .bc-opp-col{
    
}

.opportunities-main .bc-opp-col.float-nav{
    position: fixed;
    z-index: 99;
    top: 60px;
    background: #fff;
    padding: 5px 2px 5px;
    width: fit-content;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
    border: 1px solid #ddd;
    height: 48px;
}
.opportunities-main .bc-opp-col.float-nav button{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.opportunities-inner .opp-nav.float-nav{
    background: #fff;
    position: fixed;
    z-index: 40;
    width: 63%;
    top: 60px;
    padding: 5px 7px 2.5px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
    border: 1px solid #ddd;
}
/*.opportunities-inner .opp-nav.float-nav.width-small{
    width: 63%;
}*/
.opportunities-inner .n-m-t{
  margin-top: 0 !important;
}

.opportunities-inner .opp-nav.float-nav .breadcrumb{
  padding: 0;
  margin-bottom: 0;
}
.opportunities-inner .opp-nav.float-nav .breadcrumb button{
  margin-bottom: 0 !important;
}
/*@media(max-width: 1680px){
  .opportunities-inner .opp-nav.float-nav {
      width: 85%;
  }
}*/
/*COM-2189*/
/*.opportunities-main table#opportunities{
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}*/
/*.opportunities-main table#opportunities{
    display: table;
    width: 100%;
}*/
#opportunities_wrapper, 
#people_wrapper, 
#companies_wrapper, 
#products_wrapper,
#files_wrapper,
#activities_wrapper,
#events_wrapper {
    max-width: 100%;
    overflow: auto;
}
/*END OF COM-2189*/

/*COM-2191*/
.table-fixed{
  overflow: unset;
}
/*END OF COM-2191*/


/*COM-2188*/
#back_top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
}
#back_top img {
  width: 45px;
}

/*#back_top:hover {
  background-color: #555;
}*/
/*END OF COM-2188*/



/*COM-2193*/

.scroll-table .dataTables_wrapper{
    display: block;
    height: 600px;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}
/*END OF COM-2193*/


/*COM-2195 | Allow @ elements in notes*/
.mention-menu {
    background-color: #fff;
    position: absolute;
    margin-top: 42px;
    z-index: 20;
    width: 100%;
    max-width: 300px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 4px 0px;
/*    position: sticky;*/
/*    margin-top: -30px;*/
  /*  max-width: 98%;
    margin-left: auto;
    margin-right: auto;
    right: 0 !important;
    left: 0 !important;
*/
  /*  background: #FFFFFF;
    border-radius: 3px;
    padding: 4px 0px;
    overflow-y: auto;
    position: relative;*/
}

.mention-item {
  cursor: pointer;
  padding: 6px 14px;
/*  border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;*/
   background: #fff;
   color:#000;
   font-size: 14px;
}

.mention-item.selected {
  background-color: slateGray;
  color: white;
}

.mention-item:hover:not(.selected) {
  background-color: #ebecf0;
}
/*END OF COM-2195 | Allow @ elements in notes*/



.mention-box #editor{
    height: 160px;
    width: 100%;
    border: 1px solid #ccc;
    resize: none;
    font-size: 13px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    padding: 0;
}

.mention-edit-box {
  height: 160px;
  width: 100%;
  border: 1px solid #ccc;
  resize: none;
  font-size: 13px;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  padding: 0;
}

#quill-mention-list .ql-mention-list-item.selected{
  border: none !important;
  background: #ebecf0 !important;
}
#quill-mention-list .ql-mention-list-item.selected:after,
#quill-mention-list .ql-mention-list-item.selected:before{
  content: none !important;
}
.ql-mention-list-item {
    line-height: 40px;
    font-size: 13px;
}

.mention {
    background-color: #3276b1 !important;
    border: 1px solid #3276b1 !important;
    padding: 1px 3px !important;
    color: #fff !important;
    border-radius: 11px !important;
    font-size: 12px !important;
}
/*COM-2172 | Change Reports home page layout*/
.reports_v2{
  padding-left: 3% !important;
  padding-right: 3% !important;;
}
.reports_v2 .layout_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports_v2 .layout_header .page-title{
  font-weight: 500;
  color: #333333;
}
.reports_v2 .layout_header .layout_btns .check_report_btn{
    background-color: #f1f1f1;
    box-shadow: 0px 6px 15px 0px rgb(0 0 0 / 20%);
    font-size: 14px;
    color: #474544;
    padding: 10px 40px;
    font-weight: 500;
}
.reports_v2 .layout_header .layout_btns .create_report_btn{
    background-color: #393532;
    box-shadow: 0px 6px 15px 0px rgb(0 0 0 / 20%);
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    font-weight: 500;
    margin-left: 20px;
    display: inline-block;
}
.reports_v2 .layout_header .layout_btns .create_report_btn:hover,
.reports_v2 .layout_header .layout_btns .check_report_btn:hover,
.reports_v2 .layout_header .layout_btns .create_report_btn:focus,
.reports_v2 .layout_header .layout_btns .check_report_btn:focus{
  text-decoration: none !important;
 }
 .reports_v2 .layout_header {
  margin-bottom: 20px;
 }
.reports_v2 .layout_header .layout_btns .create_report_btn i{
   color: #ffffff;
   margin-left: 5px;
}
.report_wrapper .report_header{
    background: #f9f9f9;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.report_wrapper .report_header .report_title{
  margin: 0;
  font-size: 18px;
  color: #333333;
  font-weight: 400;
}
.report_wrapper .report_header .report_count{
  font-size: 11px;
  color: #707070;
  font-weight: 500;
}
.report_wrapper .report_body{
  background: #fff;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.report_wrapper .report_body ul{
  padding-left: 0;
  list-style: none;
}
.report_wrapper .report_body ul li{
  padding: 20px 20px;
}
.report_wrapper .report_body ul li:not(:last-child){
  border-bottom: 1px solid #dedede;
}
.report_wrapper .report_body ul li a{
  font-size: 14px;
  color: #343434;
  font-weight: 400;
}
.report_wrapper .report_body ul li a:hover{
  text-decoration: none !important;
}
.report_wrapper{
  margin-bottom: 20px;
}
.report_wrapper .report_body ul li .label{
    font-size: 12px;
    margin-left: 10px;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
}
/*END OF COM-2172 | Change Reports home page layout*/

/**
 * COM-2289 | SAB R | Included CSS for mobile touch
 */
.dropdown-menu.is-touch > li > a {
  text-align: right !important;
}
.dropdown-submenu.is-touch > .dropdown-menu {
  top: 0;
  left: -100%;
  margin-top: -6px;
  margin-right: 1px;
}
.dropdown-submenu.is-touch > a::before {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  text-align: right;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-right-color: #bfbfbf;
  margin-top: 5px;
  margin-left: -10px;
}
.dropdown-submenu.is-touch > a::after {
  display: none !important;
}

/**
 * COM-2289 | SAB R | Hide header icons
 */
@media (max-width: 640px) {
  #header div #announcements_btn {
    margin-right: 5px !important;
  }
}

/**
 * COM-2289 | SAB R | Header UI fixes
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  #logo-group {
    width: 160px !important;
  }
}

@media only screen and (max-width: 380px) {
  #header {
    height: 49px;
  }
}

@media (max-width: 880px) {
  .btn-header#settings-btn > :first-child > a#introMyProfileLink,
  .btn-header#logout > :first-child > a {
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf !important;
    color: #6D6A69;
    font-size: 17px;
    margin: 10px 0 0;
  }
}

.filter-items  .glyphicon {
    position: relative;
    top: -2.5px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.filter-items  .multiselect-native-select .btn-group .multiselect-container .btn-default {
    background: transparent;
    border-color: #ccc;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0px;
    padding-top: 11.5px;
}
.filter-items  .multiselect-native-select .btn-group .multiselect-container .btn-default:hover {
    background: transparent;
    border-color: #ccc;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0px;
    padding-top: 11.5px;
}

#divSmallBoxes .SmallBox .notificationcontent  span {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0px;
    display: inline;
    margin: 4px 0;
}
@media (max-width: 461px) {
    .announcements_btn {
        margin-right: 1px !important;
    }
}
.module_tab_header{
  background-color: #eee;
  margin-top: 1px;
  padding: 5px;
  margin-bottom: 12px;
  margin-left: 1px;
  margin-right: 2px;
  cursor: pointer;
}
.up_down_arrow_font{
   font-size: 18px;
    font-weight: 700;
 
    margin-right: -7px;
}
.font-image-color{
    background: radial-gradient(5px -9px, circle, white 8%, red 26px);
    background: -moz-radial-gradient(5px -9px, circle, white 8%, red 26px);
    background: -ms-radial-gradient(5px -9px, circle, white 8%, red 26px);
    background: -o-radial-gradient(5px -9px, circle, white 8%, red 26px);
    /* background: -webkit-radial-gradient(5px -9px, circle, white 8%, red 26px); */
    background-color: red;
    border: 2px solid white;
    border-radius: 78%;
    /* box-shadow: 1px 1px 1px black; */
    color: white;
    font: bold 15px / 13px Helvetica, Verdana, Tahoma;
    height: 36px;
    padding: 10px 10px 16px 8px;
    text-align: center;
    width: 34px;
    display: inline-flex;
    margin-left: -3px;
}

.round-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #3498db;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
  margin-right: 6px;
}

.user_profile_image{
  border-radius: 97%;
  width: 31px;
  height: 31px;
}

img.away, img.busy, img.offline, img.online {
    border-left: 0px solid #fff;
}

/* Bright Background Colors */
.color-1 { background-color: #FF6347; }     /* Tomato */
.color-2 { background-color: #FF4500; }     /* Orange Red */
.color-3 { background-color: #FF8C00; }     /* Dark Orange */
.color-4 { background-color: #FF7F50; }     /* Coral */
.color-5 { background-color: #FF69B4; }     /* Hot Pink */
.color-6 { background-color: #DC143C; }     /* Crimson */
.color-7 { background-color: #FF1493; }     /* Deep Pink */
.color-8 { background-color: #DB7093; }     /* Pale Violet Red */
.color-9 { background-color: #8A2BE2; }     /* Blue Violet */
.color-10 { background-color: #9400D3; }    /* Dark Violet */
.color-11 { background-color: #9932CC; }    /* Dark Orchid */
.color-12 { background-color: #BA55D3; }    /* Medium Orchid */
.color-13 { background-color: #800080; }    /* Purple */
.color-14 { background-color: #4B0082; }    /* Indigo */
.color-15 { background-color: #6A5ACD; }    /* Slate Blue */
.color-16 { background-color: #483D8B; }    /* Dark Slate Blue */
.color-17 { background-color: #7B68EE; }    /* Medium Slate Blue */
.color-18 { background-color: #4169E1; }    /* Royal Blue */
.color-19 { background-color: #0000FF; }    /* Blue */
.color-20 { background-color: #1E90FF; }    /* Dodger Blue */
.color-21 { background-color: #00BFFF; }    /* Deep Sky Blue */
.color-22 { background-color: #87CEEB; }    /* Sky Blue */
.color-23 { background-color: #00CED1; }    /* Dark Turquoise */
.color-24 { background-color: #20B2AA; }    /* Light Sea Green */
.color-25 { background-color: #00FA9A; }    /* Medium Spring Green */
.color-26 { background-color: #00FF7F; }    /* Spring Green */


/* Change font size for the chart title */
        .highcharts-title {
            font-size: 12px !important; /* Use !important to override inline styles */
        }

        /* Change font size for the chart subtitle */
        .highcharts-subtitle {
            font-size: 12px !important;
        }

        /* Change font size for axis labels */
        .highcharts-axis-labels text {
            font-size: 12px !important;
        }

        /* Change font size for the legend */
        .highcharts-legend-item text {
            font-size: 12px !important;
        }

        /* Change font size for tooltips */
        .highcharts-tooltip text {
            font-size: 12px !important;
        }
        .highcharts-label text {
            font-size: 12px !important;
        }
.fc-border-separate thead tr, .table thead tr {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #ffffff 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 13px;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #fff;
}
table.dataTable thead .sorting, table.dataTable thead .sorting {
    background-color: #fff;
}

table.dataTable thead  {
    background-color: red; !important;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #fff;
}
.fc-border-separate thead tr, .table thead tr {
 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #ffffff 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 13px;
}
table.table, table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th {
    border: 1px solid #f5f5f5;
    border-right: 0 #ffff !important;
}

.no-padding .dataTables_wrapper table tr th {
    border-left: none !important;
    border-bottom: none !important;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #f4eeee !important;
}

.dt-toolbar {
    display: block;
    position: relative;
    padding: 6px 7px 1px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    background: #fafafa;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-bottom: 1px solid #f9f9f9 !important;
    border-top: 1px solid #f9f9f9 !important;
    border-right: 0 #ffff !important;
}


.dataTables_export button{

  box-shadow: unset;
  border: 1px solid #efefef !important;
}
.dataTables_length select{
  border: 1px solid #edecec !important;
}

.dataTables_filter .input-group-addon {
    background-color: #fff;
    border: 1px solid #eddede;
}
.dataTables_filter .input-group-addon+.form-control {
    float: left;
    border: 1px solid #eddede;

}

.module-datatable tr > td:first-child {
  text-align: center;
}

.module-datatable tr > th:first-child {
  text-align: center;
  background-color: white;
}

.module-datatable .sorting{
  white-space: nowrap !important;
}

table.dataTable thead tr th{
 
}
table.dataTable thead .sorting {
    background-image: url(var(--base-url) 'sort_both_datatable.png');
}

table.dataTable thead tr th{
  background-color: #EFEFEF !important;
}

.tab-content table thead tr th{
  background-color: #EFEFEF !important;
  padding: 7px;
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ffffff;
    border-color: #ece8e8;
}

.dataTables_length .input-group-addon {
    background-color: #fff;
    border: 1px solid #eddede;
}
.dataTables_length .input-group-addon {
    padding-left: 0;
    padding-right: 0;
}
.dataTables_length .input-group-addon {
    width: 32px;
    margin-top: 0;
    float: left;
    height: 32px;
    padding-top: 8px;
}


#filters_buffer_batch_history .input-group-addon {
    background-color: #fff;
    border: 1px solid #eddede;
}
#filters_buffer_batch_history .input-group-addon {
    padding-left: 0;
    padding-right: 0;
}
#filters_buffer_batch_history .input-group-addon {
    width: 32px;
    margin-top: 0;
    float: left;
    height: 32px;
    padding-top: 8px;
}
#recovery-code span{
  font-size: 25px;
  font-weight: 600;
  padding-right: 12px;
}
.twowayauthentication-font{
  font-size: 45px;
  margin-top: 2px;
  padding-left: 13px;
}
.two-arrow-right{
  font-size: 18px;
  margin-top: 19px;
  padding-right: 6px;
}
.authentication-table tr{
  cursor: pointer;
}

html input[disabled] {
    cursor: default;
    background-color: #ededed !important;
}