/*
Colors:
	Silver Light:	#E4E4E4
	Silver Dark:	#D4D4D4
	Silver Darker:	#A4A4A4

	Red Darker:		#AF0808
	Red Dark:		#C35757
	Red Light:		#FF2525
	Red Lighter: 	#C78989

	Blue Darker:	#0066FF
	Blue Dark:		#007EFF
	Blue Light:		#00AEFF
	Blue Lighter: 	#00B9FF

	Orange:			#FF8400

	Green: 			#1D9E40
*/

body {
  font-family: allerbold, Comic Sans MS, Calibri, Arial, Helvetica, Sans-Serif;
  height: 100%;
  width: 100%;
  min-width: 250px;
  margin: 0;
  padding: 0;
  line-height: 12pt;
  font-size: 10pt;
  color: #fff;
  /* background-image: url("../images/smooth-silver-background.jpg"); */
  background-repeat: no-repeat;
  background-color: #d4d4d4;
  -webkit-font-smoothing: antialiased;
}
a {
  text-decoration: none;
  color: #fff;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  color: #000;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
i {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
p {
}
span {
}
ul {
  list-style: none;
}
li {
  list-style: none;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
input[type='checkbox'] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
}
input[type='file'].file-select {
  display: none;
}
select {
  font-size: 15px !important;
}
select option:hover {
  background-color: #0066ff !important;
}
.direction-rtl span.input-field-right,
.direction-rtl input,
.direction-rtl select,
.direction-rtl textarea {
  direction: rtl !important;
}
.hidden {
  display: none !important;
}
.pointer {
  cursor: pointer;
}
.clearBoth {
  clear: both;
  display: block;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.floatL {
  float: left !important;
}
.floatR {
  float: right !important;
}
.full-width {
  width: 100% !important;
  max-width: 100% !important;
}
.half-width {
  width: 50% !important;
  max-width: 50% !important;
}
.onethird-width {
  width: 33% !important;
  max-width: 33% !important;
}
.quarter-width {
  width: 25% !important;
  max-width: 25% !important;
}
.marginLeft0 {
  margin-left: 0px !important;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop30 {
  margin-top: 30px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.bulletpoint {
  font-size: 20px;
  margin-right: 5px;
}

.top-notification {
  display: block;
  height: 30px;
  background-color: #0066ff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  padding-left: 5%;
  padding-right: 5%;

  box-shadow: 0px 3px 3px 0px #a4a4a4;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-notification.hidden {
  height: 0 !important;
}
.top-notification .center-notification {
  width: 90%;

  box-shadow: 0px 3px 3px 0px #a4a4a4;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.orders-notification,
.next-order-notification,
.calls-notification {
  float: left;
  line-height: 30px;
  font-size: 18px;
  width: 30%;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page-content {
  position: relative;
  width: auto;
  margin: 0;
  height: auto;
  min-height: 800px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page-content.alerted {
  margin-top: 30px;
}
.input-error-red {
  border: 2px solid #00aeff;
}
.info {
  display: block;
  font-size: 10pt;
  margin-bottom: 25px;
  color: #000;
}
.info i {
  color: #0066ff;
  margin-right: 10px;
}
.info span {
  font-weight: bold;
  color: #0066ff;
}
.overlay {
  background: url(../images/gears-loader.gif) center no-repeat; /*rgba(255, 255, 255, 0.4) */
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  display: none;
}
.loader-small {
  background: url(../images/loader-small.gif) center no-repeat;
  z-index: 999;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
}
.transparent {
  color: transparent !important;
}
.hidden-info {
  display: none;
}

.lang-accordion.selected {
  display: block;
}
.lang-accordion {
  display: none;
}

/* ---------------------------------------- Custom Alert ---------------------------------------- */
.custom-alert {
  padding: 20px;
  width: 500px;
}
.custom-alert .title {
  font-size: 24pt;
  font-weight: bold;
  margin-bottom: 35px;
}
.custom-alert .title i {
  margin-right: 15px;
}
.custom-alert .title.green {
  color: #1d9e40;
}
.custom-alert .title.red {
  color: #0066ff;
}
.custom-alert .message {
  font-size: 14pt;
  color: #000;
  line-height: 20pt;
}
.custom-alert .action-btns {
  margin-top: 35px;
}
.custom-alert .action-btns a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: background 0.35s ease-in-out;
  -moz-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;

  display: inline-block;
  float: right;

  font-size: 12pt;
  line-height: 14pt;

  padding: 5px;
  margin-left: 15px;

  color: #000;
  border: 2px #000 solid;
}
.custom-alert .action-btns a:hover {
  background: #0066ff;
}

/* ---------------------------------------- Header ---------------------------------------- */
header {
  position: relative;
  width: auto;
  height: 94px;
  margin: 0 0 20px 15%;
  border-bottom: 2px #000 solid;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header strong {
  color: #000;
}
header span {
  color: #000;
}

header .logo {
  padding: 2px 0 0 4px;
  margin-left: 35px;
  font-size: 18pt;
  width: 275px;
  height: 90px;
}
header .logo a {
  color: #0066ff;
}
header .logo img {
  max-height: 90px;
}

header .apps {
  position: absolute;
  top: 65px;
  left: 285px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .apps select {
  /*-webkit-appearance: none;*/
  font-weight: bold;
  color: #0066ff;

  width: 150px;
  padding-left: 10px;
  line-height: 20px;

  background-color: #d4d4d4;
  border: 2px solid #000;
}
header .menu {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 10pt;
  margin: 0;
  z-index: 99;
}
header .header-menu {
  line-height: 35px;
  margin: 0;
}
header .header-menu > li {
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
}
header .header-menu > li > a {
  color: #000;
  display: block;
  padding: 0 5px 0 5px;
  margin: 0;
}
header .header-menu > li > a {
  border-right: 2px #000 solid;
}
header .header-menu > li:first-child {
  padding: 0 5px 0 0;
  border-right: 2px #000 solid;
}
header .header-menu > li > a.selected,
header .menu .header-menu > li:hover > a {
  background: #00aeff;
}
header .menu .header-menu > li:hover > ul {
  display: block;
}
header .header-menu > li > a > i {
  float: left;
  margin: 12px 5px 0 0;
  color: #000;
}

header .header-menu ul {
  display: none;
  padding: 0;
  margin: 0;
  background-color: #0066ff;
  position: absolute;
  padding: 0 5px 0 0;
}
header .header-menu ul > li > a {
  display: block;
  margin-left: 5px;
}

header .header-expandable-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  padding: 0;
  margin: 8px 0 0 0;
}
header .header-expandable-menu .menu-nav {
  position: absolute;
  right: 8px;
  top: 3px;
}
header .header-expandable-menu .menu-nav a {
  width: 25px;
  height: 25px;
}
header .header-expandable-menu .menu-nav i {
  color: #000;
  margin: 4px 5px 0 0;
}
header .header-expandable-menu .menu-nav:hover i,
header .header-expandable-menu .menu-nav.selected i {
  color: #0066ff;
}
header .header-expandable-menu span {
  position: absolute;
  top: 8px;
  left: 15px;
}
header .header-expandable-menu a {
  display: block;
  color: #ffffff;
  height: 16px;
}
header .header-expandable-menu a.selected {
  padding-bottom: 5px;
}
header .header-expandable-menu a.selected,
header .header-expandable-menu a:hover {
  color: #0066ff;
}
header .header-expandable-menu ul {
  display: none;
  padding: 0 10px;
}
header .header-expandable-menu ul a {
  padding-top: 5px;
  border-top: 2px solid #c4c4c4;
}
header .header-expandable-menu li {
  background: #a4a4a4;
  font-size: 16px;
  display: block;
  padding: 5px 0;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
header .header-expandable-menu ul i {
  float: left;
  margin-left: 5px;
}

header .header-expandable-menu ul.hidden {
  display: none;
}

/* ---------------------------------------- Footer ---------------------------------------- */
footer {
  position: relative;
  width: auto;
  min-height: 80px;
  border-top: 2px solid #000000;
  margin: 20px 0 0 15%;
  padding: 10px 10px 0 10px;
}
footer span {
  color: #000;
}
footer a {
  color: #fff;
  text-decoration: underline;
}
footer a:hover {
  color: #0066ff;
}
footer .agency {
  float: left;
  margin: 0 0 10px 0;
}
footer .client {
  float: right;
}

/* ---------------------------------------- Notification Area ---------------------------------------- */
/* -------------------- Login -------------------- */
.notification-area.login {
  width: 400px !important;
}
.notification-area.login span {
  width: 355px !important;
}

/* -------------------- Common -------------------- */
.notification-area {
  font-size: 16px;
  line-height: 25px;
  position: relative;
  width: 100%;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.notification-area span {
  float: left;
}
.notification-area span a {
  color: #000;
}
.red-alert,
.green-alert,
.silver-alert {
  padding: 10px 0 10px 10px;
  margin: 0 0 10px 0;

  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.red-alert {
  background-color: #ff2525;
}
.green-alert {
  background-color: #1d9e40;
}

.silver-alert {
  background-color: #b4b4b4;
}
.notification-area .closeBtn {
  float: right;
  margin-right: 15px;
}
.notification-area .closeBtn:hover {
  color: #000;
}
.notification-area .animate-background {
  height: 75px;
  line-height: 75px;
  font-size: 30px;

  -webkit-animation: bgcolorchange 4s infinite; /* Chrome, Safari, Opera */
  animation: 1s infinite bgcolorchange;
}
@keyframes bgcolorchange {
  0% {
    background-color: #00aeff;
  }
  33% {
    background-color: #ff8400;
  }
  66% {
    background-color: #1d9e40;
  }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bgcolorchange {
  0% {
    background-color: #00aeff;
  }
  33% {
    background-color: #ff8400;
  }
  66% {
    background-color: #1d9e40;
  }
}

/* ---------------------------------------- Login ---------------------------------------- */
.login-content {
  position: relative;
  margin-top: 35px;
  margin-bottom: 35px;
  width: 380px;
  height: 200px;
  background: #e4e4e4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px #000 solid;
}

.login-content .content-head {
  color: #0066ff;
  padding: 5px 10px 0 20px;
}
.login-content .content-body {
  font-size: 11pt;
  padding: 15px 10px 15px 20px;

  border-top: 2px #000 solid;
  border-bottom: 2px #000 solid;
}
.login-content .content-body label {
  color: #000;
  display: inline-block;
  width: 30%;
}
.login-content .content-body span {
  color: #000;
}
.login-content .content-body input {
  color: #000;
  background: #e4e4e4;
  width: 60%;
}
.login-content .content-body input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #e4e4e4 inset;
}

.login-content .content-foot {
  padding: 15px 15px 15px 20px;
}

/* ---------------------------------------- Left Area ---------------------------------------- */
.left-area {
  float: left;
  width: 17%;
  min-width: 200px;
  margin: 0;
  overflow: hidden;
  z-index: 99999;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.left-area a {
  display: block;
  line-height: 30px;
  padding-left: 15px;
  -webkit-transition: background 0.35s ease-in-out;
  -moz-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
}
.left-area span {
  float: left;
}
.left-area .list-title {
  padding: 0;
  margin: 0;
  /* text-transform: uppercase; */
  font-size: 10pt;

  background-color: #a4a4a4;
  border-bottom: 1px solid #fff;
}
.left-area .list-title i {
  float: right;
  margin: 10px 10px 0 0;
}
.left-area .list-title:hover,
.left-area .list-title.selected {
  background-color: #0066ff;
}
.left-area .list-title.selected a {
  color: #000;
}
.left-area .list-title:hover i,
.left-area .list-title.selected i {
  color: #000;
}
.left-area .first,
.left-area .first a {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.left-area .last,
.left-area .last a {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 0px;
}
.left-area .list-content,
.left-area .list-content a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.left-area .last .list-content li:last-child,
.left-area .last .list-content li:last-child a {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.left-area .list-content {
  display: none;
  padding: 0;
  margin: 0;
  font-size: 8pt;
  text-transform: none;
}
.left-area .list-content i {
  color: #a4a4a4 !important;
}
.left-area .list-title.selected .list-content i {
  color: #007eff !important;
}
.left-area .list-title.selected .list-content span i {
  color: #000 !important;
}
.left-area .list-content a {
  background: #007eff !important;
  padding-left: 35px;
}
.left-area .selected .list-content a:hover,
.left-area .selected .list-content a:hover i,
.left-area .selected .list-content a.selected,
.left-area .selected .list-content a.selected i {
  background: #00b9ff !important;
  color: #fff !important;
}

/* ---------------------------------------- Right Area ---------------------------------------- */
.right-area {
  float: right;
  width: calc(85% - 30px);
  padding: 0 15px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.login-input .input-inner-btn,
.input-field .input-inner-btn {
  position: absolute;
  right: 0;
}
.login-input .input-inner-btn {
  margin: 2px 45px 0 0;
}
.input-field .input-inner-btn {
  margin-right: 33px;
}
span.input-inner-btn i {
  color: #0066ff;
}
span.input-inner-btn.green i {
  color: #1d9e40;
}
span.input-inner-btn.red i {
  color: #0066ff;
}
a.input-inner-btn i {
  color: #000;
}
a.input-inner-btn:hover i {
  color: #0066ff;
}

/* -------------------- Advanced Search -------------------- */
.advanced-search {
  color: #fff;
  margin: 0 0 20px 0;
  width: 100%;
  /*min-width: 500px;*/
}
.advanced-search .content-head {
  background: #fff;
  font-size: 12pt;
  line-height: 12pt;
  color: #0066ff;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;

  -webkit-border-right-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.advanced-search .content-head a {
  float: right;
  display: block;
}
.advanced-search .content-head a i {
  color: #0066ff;
}
.advanced-search .content-body {
  display: none;
  background: #0066ff;
  padding: 10px 10px 10px 10px;
}
.advanced-search .content-body label {
  float: left;
  width: 25%;
  margin-right: 2%;
  line-height: 22px;
  font-size: 10pt;
}
.advanced-search .content-body input,
.advanced-search .content-body select {
  /* color: #0066FF; */
  float: left;
  width: 70%;
  height: 18px;
  border: 0;
  padding-left: 4px;
  font-size: 10pt;
}
.advanced-search .content-body select {
  margin-right: 4px;
}
.advanced-search .content-body .separator1,
.advanced-search .content-body .separator2 {
  float: left;
  height: 22px;
  margin-bottom: 10px;
}
.advanced-search .content-body .separator1 {
  width: 3%;
}
.advanced-search .content-body .separator2 {
  clear: both;
}
.advanced-search .content-body .date-holder {
  float: left;
  width: 21%;
  height: 18px;
  border: 0;
  margin: 0 5px 10px 0;
  font-size: 10pt;
}
.advanced-search .content-body .date-holder select {
  width: 31% !important;
  margin-right: 2% !important;
}
.advanced-search .content-foot {
  display: none;
  background: #fff;
  padding: 5px 10px 15px 10px;
  height: 20px;

  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

  border-top: 1px solid #000;
}
.advanced-search .content-body .content-body-bloc {
  float: left;
  width: 30%;
  margin-right: 3%;
  margin-bottom: 10px;
  position: relative;
}

/* -------------------- Stats Section -------------------- */
.stats-section {
  background-color: #fff;
  color: #0066ff;
  margin: 0 0 20px 0;
  padding: 10px 0 0 5px;
  width: 100%;
  /*min-width: 500px;*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.stats-section label {
  float: left;
  width: 15%;
  line-height: 22px;
  font-size: 10pt;
  margin-bottom: 10px;
}
.stats-section span {
  float: left;
  width: 15%;
  height: 18px;
  border: 0;
  padding-left: 4px;
  margin-bottom: 10px;
  font-size: 10pt;
  font-weight: bold;
}
.stats-section .separator1,
.stats-section .separator2 {
  float: left;
  height: 22px;
  margin-bottom: 10px;
}
.stats-section .separator1 {
  width: 3%;
}
.stats-section .separator2 {
  clear: both;
}

/* -------------------- Content Table, Content Photo List Common -------------------- */
.content-table,
.content-photo-list {
  margin: 0 0 20px 0;
}
.content-table .content-head,
.content-photo-list .content-head {
  background: #0066ff;
  padding: 5px 10px 5px 10px;

  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

  border-bottom: 1px solid #000;
}
.content-table .content-head .bulk-action select {
  margin-top: 4px;
}
.content-table .content-body {
  background: #d4d4d4;
}
.content-table .content-body,
.content-photo-list .content-body {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
.content-table .content-body {
  padding: 0;
}
.content-photo-list .content-body {
  padding: 10px 5px;
}
.content-table .content-foot,
.content-photo-list .content-foot {
  background: #0066ff;

  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

  border-top: 1px solid #fff;
  line-height: 28px;
}
.content-table .refresh-table,
.content-photo-list .refresh-table {
  float: left;
  margin-left: 8px;
}
.content-table .records-per-page,
.content-photo-list .records-per-page {
  float: left;
  margin-left: 10%;
}
.content-table .records-per-page select,
.content-photo-list .records-per-page select {
  margin: 0 5px 0 0;
}
.content-table .paging,
.content-photo-list .paging {
  float: left;
  margin-left: 18%;
}
.content-table .paging input,
.content-photo-list .paging input {
  color: #0066ff;
  width: 25px;
  height: 15px;
  border: 0;
  text-align: center;
}
.content-table .paging .fa-angle-right,
.content-table .paging .fa-angle-double-right {
  margin-left: 10px;
}
.content-table .paging .fa-angle-left,
.content-table .paging .fa-angle-double-left {
  margin-right: 10px;
}
.content-table .nbOfRecords,
.content-photo-list .nbOfRecords {
  float: right;
  margin-right: 8px;
}
.content-table a:hover i,
.content-table a.selected i,
.content-photo-list a:hover i,
.content-photo-list a.selected i {
  color: #000;
}

/* -------------------- Content Table -------------------- */
div.scrollable {
  max-height: 800px;
  overflow: auto;
}

table.stats,
table.scrollable {
  font-size: 9pt;
  border-spacing: 0;
}
table.scrollable thead th,
table.stats thead th {
  background: #fff;
  border: 0;
  padding: 5px 0 5px 5px;
  margin: 0;
  border-bottom: 1px solid #0066ff;
  text-align: left;
  color: #000;
}
table.scrollable thead th a,
table.scrollable thead th span,
table.stats thead th a,
table.stats thead th span {
  position: relative;
  display: block;
  line-height: 10pt;
  color: #000;
}
table.scrollable thead th a i,
table.stats thead th a i {
  position: absolute;
  margin: 2px 0 0 0;
}
table.scrollable thead th a span,
table.stats thead th a span {
  margin-left: 15px;
}
table.scrollable thead a:hover span,
table.scrollable thead a i.selected,
table.stats thead a:hover span,
table.stats thead a i.selected {
  color: #0066ff;
}
table.scrollable tfoot tr,
table.stats tfoot tr {
  background-color: #a4a4a4;
  color: #000;
  font-weight: bold;
}
table.stats tbody td {
  color: #fff;
  border: 0;
  padding: 3px 0 3px 5px;
  margin: 0;
  text-align: left;
}
table.scrollable tbody td.scrollable {
  color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}
table.stats tbody tr.odd {
  background-color: #007eff;
}
table.stats tbody tr.even {
  background-color: #00b9ff;
}
table.stats tbody tr.total,
table.stats tbody tr.total.selected {
  background-color: #fff !important;
}
table.stats tbody tr.total td {
  color: #00aeff;
}
table.stats tbody tr.selected {
  background-color: #0066ff !important;
}
table.stats tbody tr.expire-soon {
  background-color: #ff8400;
}
table.stats tbody tr.in-process {
  background-color: #1d9e40;
}
table.stats tbody tr.delivered {
  background-color: red;
}
table.draggable tbody tr:hover {
  background: #0066ff !important;
  cursor: pointer;
}
table tbody tr:hover > td.drag-btn i {
  color: #fff;
}
table tbody td.drag-btn {
  /* padding: 3px 0 3px 2px!important; */
  width: 15px !important;
  border-right: 2px solid #000;
}
table tbody td.drag-btn i {
  color: #000;
}
table thead th.checkbox {
  padding: 3px 0 3px 2px !important;
  width: 15px !important;
}
table tbody td.checkbox {
  padding: 3px 0 3px 2px !important;
  width: 15px !important;
}
table tbody td.preview-image {
  text-align: left;
}
table tbody td.preview-image img {
  height: 50px;
}

table.stats .tbl-label {
  width: 75px;
  float: left;
  height: 20px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #999;
}
table.stats .tbl-label.success {
  background-color: #1bbb69;
}
table.stats .tbl-label.fail {
  background-color: #ff2525;
}
/* -------------------- Content Photo List -------------------- */
.content-photo-list .content-body .photo {
  position: relative;
  display: inline-block;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 10px;
  padding: 0;
  width: 15%;
  border: 1px solid #000;
  z-index: 100;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.content-photo-list .content-body .photo img {
  display: block;
  width: 100%;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.content-photo-list .content-body .photo img:hover {
  opacity: 0.3;
}
.content-photo-list .content-body .photo input.checkbox {
  position: absolute;
  z-index: 100;
}

.content-photo-list .content-body .photo .hidden-content {
  position: absolute;
  font-size: 8pt;
  text-align: center;
  font-weight: bold;
  color: #0066ff;
  padding: 25px 5px 25px 5px;
  display: none;
}
.content-photo-list .content-body .photo span {
  display: block;
  margin: 0 0 10px 0;
}
.content-photo-list .content-body .photo .action-btns .photo-title {
}

/* -------------------- Content Details -------------------- */
.content-details .content-head {
  padding: 0 5px 5px 5px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  border: 2px #0066ff solid;
}
.content-details .content-head a {
  margin-top: 5px;
}
.content-details .content-head .sep {
  margin-top: 5px;
  float: left;
  width: 2px;
  height: 29px;
  background: #fff;
  margin-right: 5px;
}
.content-details .content-head .stats {
  margin-top: 5px;
  float: right;
}
.content-details .content-head span {
  float: right;
  color: #0066ff;
  text-align: center;
  font-size: 9pt;
  line-height: 25px;
  padding: 0 3px;
  margin-left: 5px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  border: 2px #000 solid;
}
.content-details .content-head span i {
  color: #000;
  margin-left: 3px;
}

.content-details .content-body {
  margin-top: 15px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  /*border: 2px #0066FF solid;*/
}
.content-details .content-body .content-tabs {
  margin: 0;
  padding: 0;
}
.content-details .content-body .content-tabs li {
  display: inline-block;
  margin: 0 -4px 0 0;
  padding: 0;

  min-width: 50px;

  border-top: 2px #0066ff solid;
  border-right: 2px #0066ff solid;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.content-details .content-body .content-tabs li:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;

  border-left: 2px #0066ff solid;
}
.content-details .content-body .content-tabs li:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.content-details .content-body .content-tabs li a {
  display: block;
  padding: 5px 10px;
  color: #000;
}
.content-details .content-body .content-tabs li:hover,
.content-details .content-body .content-tabs li.selected {
  background: #fff;
}

.content-details .content-body .content-tab-data {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;

  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;

  padding: 10px 5px;
  border: 2px #0066ff solid;
}
.content-details .content-body .content-tab-data label span {
  margin-left: 3px;
}
.content-details .content-body .content-tab-data .content {
  overflow: auto;
  position: relative;
  padding: 15px;
  display: none;
}
.content-details .content-body .content-tab-data .content,
.content-details .content-body .content-tab-data .content input,
.content-details .content-body .content-tab-data .content select,
.content-details .content-body .content-tab-data .content textarea {
  font-size: 11pt;
}
.content-details .content-body .content-tab-data .content.selected {
  display: block;
}
.content-details .content-body .content-tab-data .inputField {
  position: relative;
  width: 80%;
  /* min-height: 220px; */
}
.content-details .content-body .content-tab-data .inputField.full {
  width: 100% !important;
}
.content-details .content-body .content-tab-data .title,
.content-details .content-body .content-tab-data .inputField .title {
  color: #0066ff;
  /*	text-decoration: underline; */
  text-align: center;
  height: 20px;
}
.content-details .content-body .content-tab-data .inputField .title a {
  margin-left: 15px;
  color: #000;
}
.content-details .content-body .content-tab-data .inputField .title a:hover {
  color: #0066ff;
}
.content-details .content-body .content-tab-data .input-field {
  position: relative;
  color: #000;
  display: inline-block;
  width: 48%;
  margin: 10px 0;
  line-height: 22px;
}
.content-details .content-body .content-tab-data .form-3rows .input-field {
  width: 33%;
}
.content-details .content-body .content-tab-data .form-4rows .input-field {
  width: 25%;
}
.content-details .content-body .content-tab-data .form-3rows .input-field label,
.content-details
  .content-body
  .content-tab-data
  .form-4rows
  .input-field
  label {
  width: 50%;
}
.content-details
  .content-body
  .content-tab-data
  .form-3rows
  .input-field
  .input-field-right,
.content-details
  .content-body
  .content-tab-data
  .form-4rows
  .input-field
  .input-field-right {
  width: 90%;
}
.content-details .content-body .content-tab-data .photo-field {
  position: relative;
  color: #0066ff;
  float: left;
  width: 20%;
  margin: 10px 5% 10px 0;
  line-height: 22px;
}
.content-details .content-body .content-tab-data .input-field a {
  color: #000;
}
.content-details .content-body .content-tab-data .input-field a:hover {
  color: #0066ff;
}
.content-details .content-body .content-tab-data .input-field input {
  color: #000;
  background: #d4d4d4;
  border: 2px solid #000;
}
.content-details .content-body .content-tab-data .input-field input[readonly] {
  /*
	color: #0066FF;
	background: transparent;
	border: 0 solid #000;
	*/
  background-color: #bbb;
}
.content-details
  .content-body
  .content-tab-data
  .input-field
  input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #d4d4d4 inset;
}
.content-details
  .content-body
  .content-tab-data
  .input-field
  .input-field-left {
  width: 30%;
  float: left;
  margin-right: 5%;
}
.content-details
  .content-body
  .content-tab-data
  .input-field.full-width
  .input-field-left {
  width: 15%;
  margin-right: 2%;
}
.input-field-left .label-info {
  float: right;
  position: relative;
}
.input-field-left .label-info .btn {
  display: block;
}
.input-field-left .label-info .btn i {
}
.input-field-left .label-info .btn:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 12px;
  width: 20px;
  height: 3px;
  background-color: #2d7af8;
  display: none;
}
.input-field-left .label-info:hover i,
.input-field-left .label-info.active i {
  color: #0e69ff;
}
.input-field-left .label-info.active .btn:after,
.input-field-left .label-info.active .content {
  display: block;
}
.input-field-left .label-info .content {
  display: none;
  position: absolute !important;
  top: -15px;
  left: 30px;
  background-color: #fff;
  z-index: 9999;
  border: 2px solid #0e69ff;
  border-radius: 5px;
  max-width: 500px;
  max-height: 200px;
  padding: 25px 15px 15px 15px !important;
  margin: 0;
  overflow: auto;
}
.input-field-left .label-info .content .close-btn {
  position: absolute;
  top: 0;
  right: 10px;
}
.input-field-left .label-info .content .close-btn:hover i {
  color: #000;
}
.input-field-left .label-info .content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.input-field-left .label-info .content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.input-field-left .label-info .content::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.content-details
  .content-body
  .content-tab-data
  .input-field
  .input-field-right {
  width: 60%;
  float: left;
}
.content-details
  .content-body
  .content-tab-data
  .input-field.full-width
  .input-field-right {
  width: 78%;
}
.content-details
  .content-body
  .content-tab-data
  .input-field.full-width
  .input-field-right.left {
  width: 10%;
}
.content-details
  .content-body
  .content-tab-data
  .input-field.full-width
  .input-field-right.right {
  width: 60%;
  margin-left: 15px;
}
.content-details
  .content-body
  .content-tab-data
  .input-field
  .input-field-right
  strong {
  margin-right: 20px;
}
/*
.content-details .content-body .content-tab-data span.input-field input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset;
}
.content-details .content-body .content-tab-data span.input-field strong{
	color: #000;
}
*/
.content-details .content-body .content-tab-data select {
  /*-webkit-appearance: none;*/
  font-weight: bold;
  /* color: #0066FF; */

  width: 30%;
  /* margin: 10px 0 10px 0; */
  padding-left: 10px;
  line-height: 20px;

  background-color: #d4d4d4;
  border: 2px solid #000;
}
.content-details .content-body .content-tab-data select.categories-list {
  margin: 0;
  width: 56% !important;
}
.content-details .content-body .content-tab-data a.categories-list {
  margin: 0 0 0 10px;
  width: 4%;
}
.content-details .content-body .content-tab-data a.categories-list i {
  margin-top: 3px;
  color: #000;
}
.content-details .content-body .content-tab-data a.categories-list:hover i {
  color: #0066ff;
}
.content-details .content-body .content-tab-data .textarea-field {
  display: block;
  margin: 15px 0 0 5px;
  width: 80%;
}
.content-details .content-body .content-tab-data .textarea-field label {
  display: block;
  color: #000;
  margin: 0 0 5px 0;
}
.content-details .content-body .content-tab-data .textarea-field textarea {
  background-color: #d4d4d4;
  border: 1px solid #000;
  min-width: 100%;
  max-width: 100%;
}
.content-details .content-body .content-tab-data .content-photo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 125px;
}
.content-details .content-body .content-tab-data .content-photo .action-btns {
  position: absolute;
  margin: -25px 0 0 5px;
  padding: 0;
  min-width: 20px;
}
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  .table-btn {
  display: inline-block;
  background: #a4a4a4;

  width: 18px;
  height: 18px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  .table-btn
  i {
  width: 14px;
  height: 14px;
  margin-left: 4px;
}
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  a.table-btn:hover,
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  .table-btn.selected {
  background: #00aeff;
}
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  a.table-btn:hover
  i,
.content-details
  .content-body
  .content-tab-data
  .content-photo
  .action-btns
  .table-btn.selected
  i {
  color: #000;
}
.content-details .content-body .content-tab-data span.photo-holder {
  font-size: 8pt;
  color: #000;
  width: 100%;

  border-bottom: 1px solid #000;
}
.content-details .content-body .content-tab-data span.photo-holder span {
  margin-left: 5px;
}
.content-details .content-body .content-tab-data span.photo-holder i {
  color: #000;
}
.content-details .content-body .content-tab-data span.photo-holder a:hover i {
  color: #000;
}
.content-details .content-body .content-tab-data .photo {
  width: 100%;
  margin: 5px 0 0 0;
}
.content-details .content-body .content-tab-data .content-photo-list .photo {
  width: 19%;
  margin: 5px 1% 0 0;
}
.content-details .content-body .content-tab-data .photo .preview-image {
  display: block;
  position: relative;
  width: 100%;
}
.content-details .content-body .content-tab-data .photo img {
  position: relative;
  max-width: 100%;
}
.content-tab-data .content-photo-list .content-body {
  border: 0px solid #000;
}
.content-tab-data hr {
  padding: 0;
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #0066ff;
}
.content-details .content-body .content-tab-data div.photo-holder {
  color: #0066ff;
  width: 250px;
}
.content-details .content-body .content-tab-data div.photo-holder a i {
  color: #0066ff;
}
.content-details .content-body .content-tab-data div.photo-holder a:hover i {
  color: #000;
}
.content-details .content-body .content-tab-data .photos-to-add-holder {
  width: 150px;
  margin-top: 15px;
  display: none;
}

.video-viewer {
  position: relative;
  display: block;
  height: 160px;
  width: 300px;
  margin-bottom: 15px;
  display: none;
}
.video-viewer iframe {
  height: 100% !important;
  width: 100% !important;
}

/* -------------------- ul Listing -------------------- */
.listing {
  padding: 0;
  margin: 0;
  width: 100%;
}
.listing li {
  display: block;
  width: 100%;
  margin-bottom: 10px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.listing.inline li {
  display: inline-block;
  width: 30%;
  margin-right: 3%;
}

/* ---------------------------------------- Buttons ---------------------------------------- */
/* -------------------- Standard Buttons -------------------- */
a.action-btn {
  text-transform: uppercase;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: background 0.35s ease-in-out;
  -moz-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
}

a.action-btn.login {
  color: #000;
  background: #d4d4d4;
  font-size: 12pt;

  padding: 10px 15px 10px 15px;
  margin-left: 5px;
  float: right;
}
a.action-btn.login:hover {
  color: #0066ff;
}

a.action-btn.white {
  color: #000;
  background: #fff;

  padding: 6px 8px 6px 0;
  margin: 0 0 5px 15px;

  border: 2px #000 solid;
}
a.action-btn.white:hover {
  background-color: #00aeff;
}
a.action-btn.white i {
  float: left;
  color: #000;
  margin: 2px 5px 0 5px;
}

a.action-btn.black {
  color: #000;
  background: #fff;

  padding: 4px 8px 4px 0;
  margin: 0 0 6px 15px;

  border: 1px #000 solid;
}
a.action-btn.black:hover {
  background-color: #00aeff;
}
a.action-btn.black i {
  float: left;
  color: #000;
  margin: 2px 5px 0 5px;
}

.content-details .content-head a.small-btn {
  float: left;
  display: inline-block;
  /*background: #A4A4A4;*/
  width: 25px;
  height: 25px;
  margin-right: 5px;
  line-height: 25px;

  border: 2px #000 solid;
}
.content-details .content-head a.small-btn:hover {
  background: #00aeff;
}
.content-details .content-head a.small-btn i {
  margin-left: 7px;
  color: #0066ff;
}
.content-details .content-head a.action-btn {
  color: #000;
  padding: 4px 8px 4px 0;
  float: left;
  text-transform: uppercase;
  margin-right: 5px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: background 0.35s ease-in-out;
  -moz-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;

  border: 2px #000 solid;
}
.content-details .content-head a.action-btn:hover {
  background-color: #00aeff;
  /*border: 2px #fff solid;*/
}
.content-details .content-head a.action-btn i {
  float: left;
  color: #000;
  margin: 3px 5px 0 5px;
}

.content-details .input-field .custom-btn {
  margin-left: 10px;
}
.content-details .input-field .custom-btn i {
  color: #0066ff;
}
.content-details .input-field .custom-btn:hover i {
  color: #000;
}

.top-notification .close-btn {
  display: block;
  float: right;
  line-height: 30px;
}
/* -------------------- Table Buttons -------------------- */
table .action-btns {
  /*	width: 125px; */
}
.content-table .content-head .custom-btn {
  display: inline-block;
  background-color: #007eff;
  width: 18px;
  height: 18px;
  margin-left: 5px;
}
.content-table .content-head .custom-btn i {
  margin: 3px 0 0 5px;
}
.content-photo-list .action-btns {
  position: absolute;
  margin: -20px 0 0 2px;
  padding: 0;
  min-width: 120px;
}

.action-btns .table-btn {
  display: inline-block;
  background: #a4a4a4;

  margin-right: 5px;

  width: 18px;
  height: 18px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.action-btns .table-btn i {
  font-size: 14px;
  margin: 2px 0 0-1px;
}
.action-btns .table-btn.verify i {
  font-size: 11px;
}

.action-btns a.table-btn:hover,
.action-btns .table-btn.selected {
  background: #00aeff;
}
.action-btns a.table-btn:hover i,
.action-btns .table-btn.selected i {
  color: #000;
}
.action-btns a.table-btn.selected:hover i {
  color: #fff;
}
.action-btns span.table-btn {
  opacity: 0.4;
}

.left-menu-bars-btn {
  display: none;
  margin: 0 0 30px 10px;
}

.left-menu-bars-btn a,
.left-menu-bars-title {
  float: left;
  margin-right: 15px;
}
.left-menu-bars-btn a:hover i,
.left-menu-bars-title {
  color: #0066ff !important;
}
.left-menu-bars-title {
  font-weight: bold;
}

/* -------------------- Select 2 -------------------- */
.content-details .content-body .content-tab-data .input-field .select2 {
  position: relative;
  width: 60% !important;
  background: #d4d4d4 !important;
  border: 2px solid #000 !important;
}
.content-details
  .content-body
  .content-tab-data
  .input-field.full-width
  .select2 {
  width: 83% !important;
}
.select2 .select2-search {
  display: block;
  width: 100% !important;
}
.select2 .select2-search .select2-search__field {
  width: 100% !important;
  border: 0 solid #000 !important;
  background-color: #fff !important;
}
.select2-results__option {
  background-color: #d4d4d4;
  color: #00aeff;
}

/* -------------------- Accordion -------------------- */
.accordion,
.accordion ul {
  position: relative;
  padding: 0;
}
.accordion ul li {
  padding-left: 20px;
  border-top: 2px #0066ff solid;
}
.accordion li {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.accordion .visible {
  display: block;
}
.accordion .hidden {
  display: none;
}
.accordion span {
  float: left;
  height: 30px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.accordion span.bottle-title {
  width: 250px;
  overflow: hidden;
}
.accordion span.input-holder {
  position: relative;
}
.accordion span.input-holder label {
  position: absolute;
  color: #000;
  font-size: 10px;
  margin-left: 50px;
  border-left: 1px solid #000;
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  padding-left: 5px;
}
.accordion span.input-holder input {
  float: left;
  margin: 4px 5px 0 0;
  width: 100px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.accordion i {
  margin-right: 10px;
}
.accordion li.selected > a i {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.accordion > li {
  width: 100%;
  border: 2px #0066ff solid;
  border-bottom: 0 #0066ff solid;
}
.accordion > li:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;

  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.accordion > li:last-child {
  border-bottom: 2px #0066ff solid;

  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.accordion > li a {
  padding: 15px 25px;
  display: block;
  color: #000;
}
.accordion li.selected {
  background-color: #a4a4a4;
}
.accordion .content-holder {
  height: 30px;
  line-height: 30px;
  border-top: 0 #0066ff solid;
}

.radio-holder {
}
.radio-holder .radio-elem {
  float: left;
  margin-right: 15px;
}
.radio-holder .radio-elem label {
  float: left;
}
.radio-holder .radio-elem input {
  float: left;
  margin-top: 5px;
}

.search-table {
  color: #000;
  background: #fff;
  border: 2px solid #000;
  float: left;
  margin: 0 0 10px 0;
}

.left-menu-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  background-color: #fff;
  border-right: 2px solid #000;
  overflow: auto;
  z-index: 99999;
}
.left-menu-full .list-title {
  height: 30px;
  line-height: 30px;
  color: #888;
  padding-left: 2px;
  margin-top: 20px;
  text-transform: uppercase;
}
.left-menu-full .list-title:first-child {
  margin-top: 0;
}
.left-menu-full .menu-element {
  min-height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #000;
}
.left-menu-full .menu-element > a {
  color: #000;
  display: block;
  padding: 0 10px 0 5px;
}
.left-menu-full .menu-element.selected > a,
.left-menu-full .menu-element.selected > a:hover,
.left-menu-full .menu-element.selected a.expanded,
.left-menu-full .menu-element .list-content li a.selected {
  background-color: #00aeff;
}
.left-menu-full .menu-element a:hover,
.left-menu-full .menu-element a.expanded {
  background-color: #d4d4d4;
}
.left-menu-full .menu-element a .expandable-arrow {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.left-menu-full .menu-element a.expanded .expandable-arrow {
  transform: rotate(90deg);
}
.left-menu-full .menu-element > a > i {
  float: left;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12pt;
}
.left-menu-full .menu-element > a .expandable-arrow {
  float: right;
}
.left-menu-full .menu-element > a .expandable-arrow i {
  height: 30px;
  line-height: 30px;
}
.left-menu-full .menu-element .list-content {
  margin: 0;
  padding: 0;
  display: none;
}
.left-menu-full .menu-element .list-content li a {
  color: #000;
  display: block;
  height: 30px;
  border-top: 1px solid #ccc;
  padding-left: 35px;
  white-space: nowrap;
}

/* width */
.left-menu-full::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.left-menu-full::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.left-menu-full::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.left-menu-full::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.left-menu-mobile-open {
  display: none;
  position: absolute;
  top: 9px;
  left: 10px;
  width: 40px;
  height: 30px;
  background-color: #a4a4a4;
  border-radius: 5px;
  color: #000;
  text-align: center;
  line-height: 32px;
}
.left-menu-mobile-open i {
  font-size: 13pt;
}

.left-menu-mobile-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 30px;
  background-color: #a4a4a4;
  border-radius: 5px;
  color: #000;
  text-align: center;
  line-height: 32px;
}
.left-menu-mobile-close i {
  font-size: 13pt;
}

.left-menu-full.dark {
  background-color: #000;
  border-color: #fff;
}
.left-menu-full.dark .menu-element {
  border-color: #fff;
}
.left-menu-full.dark .menu-element > a,
.left-menu-full.dark .menu-element .list-content li a {
  color: #fff;
}