/*STARTs - Developer CSS*/
body {
  color: #333333;
}
#side-menu .img-circle > img {
  border-radius: 50%;
  height: 110px;
  width: 110px;
}
.site-title{
  color: #CE3E38;
  font-style: italic;
}
.mini-navbar .site-title,.mini-navbar .site-logo{display: none;}
.category .sub_cat .form-control{font-size: 11px;padding: 0;height: 25px;}
.data_width {
  max-width: 322px;
  word-wrap: break-word;
}
.full-model .modal-dialog{width: 85% !important;}

.mcat,.scat{font-weight: 600}
.mcat{color: #555555;font-size: 16px;}
.scat{color: #555555;font-size: 14px;}


#user_form .chat-discussion .chat-message:nth-child(2n) .message,#user_form .chat-discussion .chat-message:nth-child(2n+1) .message {
  text-align: left !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

#user_form .chat-discussion .chat-message:nth-child(2n) .message-date{
  float: right !important;
}

/*TABLE SHORTNER CSS*/
#TableShort thead tr .header:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}

#TableShort thead tr .headerSortDown:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
#TableShort thead tr .headerSortUp:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}

.datepicker.dropdown-menu{z-index: 10000 !important;}

/* Pagination*/
.pagination a,.pagination strong{
  background: #fff;
  border: 1px solid #e7eaec;
  padding: 6px 12px;
}
.pagination p{margin: 20px 0;}

/* Pagination1*/
.pagination1 a,.pagination1 strong{
  background: #fff;
  border: 1px solid #e7eaec;
  padding: 6px 12px;
}
.pagination1 p{margin: 20px 0;}
.address_tooltip{cursor: pointer;}
.site-logo {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 5px;
  color: #333;
}
.nav.site-logo {
  font-size: 40px;
}
.login_screen {
  padding: 50px;
  box-shadow: 1px 3px 12px rgba(0,0,0,0.1);
  margin-top: 30px;
}
.address_tooltip {
  width: 255px; display: inline-block;
  text-align: center;
}
.nav > li.active > a {
  color: #02335b;
}
div.alert {
  position: fixed;
  left: 30px;
  bottom: 0px;
  z-index: 9999;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
}
.panel-info > .panel-heading { background-color: #136ABA; }
.panel-info { border-color: #136ABA; }
.margin_selection > .inline { width: 45%; text-align: center; }
.margin_selection label { cursor: pointer; }
.hide_block { display: none;}
.variable_margin_block table, .vendor_min_max_price_block table { width: 100%;}
.variable_margin_block input, .vendor_min_max_price_block input { width: 90%;}
.variable_margin_block td, .vendor_min_max_price_block td { padding: 5px;}
.red-color { color: darkred;}
.green-color { color: darkgreen;}
.tooltip .tooltiptext.width_300 { width: 300px; }
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  font-weight: normal;
  padding: 5px 8px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.fa-trash-o { cursor: pointer; }
.vendor_list_popup h4,.vendor_list_popup h3,.vendor_list_popup h2 {
  display: inline-block;
}
.vendor_list_popup select {
  margin-left: 10px;
}
.vendor_list_popup_block label {
  margin-top: 2px;
  margin-left: 5px;
  cursor: pointer;
  font-weight: normal;
  width: calc(100% - 30px);
}
.vendor_list_popup_block .add_vendor, .vendor_list_popup_block label {
  float: left;
  display: inline-block;
}
.vendor_list_popup_block .in-active {
  color: darkred;
}
.vendor_list_popup_block .active {
  color: darkgreen;
}
select.multi_vendors {
  height: 108px;
}
table div.title { font-size: 11px; font-weight: bold; }
table div.description { margin-bottom: 10px; }
table div.description.full-date { width: 125px; }
.w_150 { max-width: 150px; word-break: break-all; }

.select2, .select2-search__field, .select2-selection {
  outline: none;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  border: 1px solid #e5e6e7 !important;
  border-radius: 0px;
  padding: 2px 7px;
  height: auto;
}
.select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown:focus {
  border: 1px solid #e5e6e7;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
a, button, input, textarea,
a:focus, button:focus, input:focus, textarea:focus {
  outline: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: transparent; }
.btn-secondary, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
.btn-secondary:hover{
  background-color: rgba(80, 216, 175, 1);
  border-color: rgba(38, 173, 130, 1);
  color: #FFFFFF;
}
.btn-secondary.focus, .btn-secondary:focus, .nav.nav-pills>a.active, .btn-secondary:hover {
  background-color: rgba(80, 216, 175, 0.7);
}
.table a {
  text-decoration: underline;
}
.category .panel-heading h5 {
  width: calc(100% - 90px);float: left;
}
.category .panel-heading label {
  font-weight: normal; cursor: pointer;
}
.select2, .input-daterange1 {
  width: 100% !important;
}
.re-post_loading {
  text-align: center;position: absolute;padding-top: 30vh;width: 100%;height: 100%;font-size: 30px;background-color: #FFF;top: 0%;
  display: none;
}
#codeigniter_profiler {
  z-index: 9999;
  position: relative;
}
.transaction .category >div {
  min-width: 200px;
  max-width: 150px;
  display: flex;
  word-break: break-word;
}
.transaction .address > div {
  min-width: 130px;
}
.transaction .add_info > div {
  min-width: 80px;
}
.transaction .address > div > span,
.transaction .category > div > span,
.transaction .add_info > div > span {
  display: inline-block;
  min-width: 38px;
}